magic-editor-x 1.4.0 → 1.5.1

package/dist/_chunks/{App-ByYQ99dO.js → App-DImBvISP.js}

@@ -1,16 +1,16 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
-const React = require("react");
+const m = require("react");
 const reactRouterDom = require("react-router-dom");
 const admin = require("@strapi/strapi/admin");
 const styled = require("styled-components");
 const outline = require("@heroicons/react/24/outline");
 const EditorJS = require("@editorjs/editorjs");
-const getTranslation = require("./getTranslation-DOJ3x1SL.js");
-const tools = require("./tools-BSMn5LLQ.js");
-const index = require("./index-C5DuaTDl.js");
-const LicensePage = require("./LicensePage-Bdn7zWU2.js");
+const getTranslation = require("./getTranslation-BADoesEn.js");
+const tools = require("./tools-Q0uwDS9E.js");
+const index = require("./index-BXBnwuRw.js");
+const LicensePage = require("./LicensePage-CmvILX9m.js");
 const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
 const styled__default = /* @__PURE__ */ _interopDefault(styled);
 const EditorJS__default = /* @__PURE__ */ _interopDefault(EditorJS);
@@ -517,12 +517,12 @@ const HomePage = () => {
   const navigate = reactRouterDom.useNavigate();
   const { formatMessage } = getTranslation.useIntl();
   const t = (id, defaultMessage, values) => formatMessage({ id: getTranslation.getTranslation(id), defaultMessage }, values);
-  const [activeTab, setActiveTab] = React.useState("playground");
-  const [editorData, setEditorData] = React.useState(null);
-  const [isLoading, setIsLoading] = React.useState(false);
-  const [hasContent, setHasContent] = React.useState(false);
-  const editorRef = React.useRef(null);
-  const editorInstanceRef = React.useRef(null);
+  const [activeTab, setActiveTab] = m.useState("playground");
+  const [editorData, setEditorData] = m.useState(null);
+  const [isLoading, setIsLoading] = m.useState(false);
+  const [hasContent, setHasContent] = m.useState(false);
+  const editorRef = m.useRef(null);
+  const editorInstanceRef = m.useRef(null);
   const toolsData = [
     { name: t("tools.header", "Header"), desc: t("tools.header.desc", "H1-H6 Headings"), icon: outline.HashtagIcon, color: "linear-gradient(135deg, #7C3AED, #6366f1)" },
     { name: t("tools.paragraph", "Paragraph"), desc: t("tools.paragraph.desc", "Text paragraphs"), icon: outline.DocumentTextIcon, color: "linear-gradient(135deg, #334155, #475569)" },
@@ -547,7 +547,7 @@ const HomePage = () => {
     { keys: ["Tab"], label: t("shortcuts.blockMenu", "Block Menu") },
     { keys: ["⌘", "Z"], label: t("shortcuts.undo", "Undo") }
   ];
-  React.useEffect(() => {
+  m.useEffect(() => {
     if (activeTab === "playground" && editorRef.current && !editorInstanceRef.current) {
       const tools$1 = tools.getTools({
         mediaLibToggleFunc: () => {
@@ -1274,17 +1274,17 @@ const CollaborationSettings = () => {
   const { formatMessage } = getTranslation.useIntl();
   const t = (id, defaultMessage, values) => formatMessage({ id: getTranslation.getTranslation(id), defaultMessage }, values);
   const { get, post, put, del } = admin.useFetchClient();
-  const [loading, setLoading] = React.useState(true);
-  const [permissions, setPermissions] = React.useState([]);
-  const [users, setUsers] = React.useState([]);
-  const [contentTypes, setContentTypes] = React.useState([]);
-  const [showAddModal, setShowAddModal] = React.useState(false);
-  const [selectedUser, setSelectedUser] = React.useState("");
-  const [selectedRole, setSelectedRole] = React.useState("editor");
-  const [contentType, setContentType] = React.useState("");
-  const [saving, setSaving] = React.useState(false);
-  const [limits, setLimits] = React.useState({ current: 0, max: 2, unlimited: false, canAdd: true });
-  React.useEffect(() => {
+  const [loading, setLoading] = m.useState(true);
+  const [permissions, setPermissions] = m.useState([]);
+  const [users, setUsers] = m.useState([]);
+  const [contentTypes, setContentTypes] = m.useState([]);
+  const [showAddModal, setShowAddModal] = m.useState(false);
+  const [selectedUser, setSelectedUser] = m.useState("");
+  const [selectedRole, setSelectedRole] = m.useState("editor");
+  const [contentType, setContentType] = m.useState("");
+  const [saving, setSaving] = m.useState(false);
+  const [limits, setLimits] = m.useState({ current: 0, max: 2, unlimited: false, canAdd: true });
+  m.useEffect(() => {
     loadData();
     loadLimits();
   }, []);
@@ -1428,7 +1428,7 @@ const CollaborationSettings = () => {
     return `${first}${last}`.trim();
   };
   if (loading) {
-    return /* @__PURE__ */ jsxRuntime.jsx(Container, { children: /* @__PURE__ */ jsxRuntime.jsx(LoadingContainer, { children: /* @__PURE__ */ jsxRuntime.jsx(getTranslation.Loader, {}) }) });
+    return /* @__PURE__ */ jsxRuntime.jsx(Container, { children: /* @__PURE__ */ jsxRuntime.jsx(LoadingContainer, { children: /* @__PURE__ */ jsxRuntime.jsx(getTranslation.Vd, {}) }) });
   }
   return /* @__PURE__ */ jsxRuntime.jsxs(Container, { children: [
     /* @__PURE__ */ jsxRuntime.jsxs(Header, { children: [
@@ -1747,7 +1747,7 @@ const ModalOverlay = styled__default.default.div`
   animation: ${fadeIn} 0.3s ease-out;
   padding: 20px;
 `;
-const ModalContent = styled__default.default(getTranslation.Box)`
+const ModalContent = styled__default.default(getTranslation.R)`
   background: white;
   border-radius: 16px;
   width: 100%;
@@ -1756,7 +1756,7 @@ const ModalContent = styled__default.default(getTranslation.Box)`
   animation: ${slideUp} 0.4s cubic-bezier(0.4, 0, 0.2, 1);
   overflow: hidden;
 `;
-const GradientHeader = styled__default.default(getTranslation.Box)`
+const GradientHeader = styled__default.default(getTranslation.R)`
   background: linear-gradient(135deg, #7C3AED 0%, #6d28d9 100%);
   padding: 32px 40px;
   position: relative;
@@ -1841,7 +1841,7 @@ const ToggleButton = styled__default.default.button`
     cursor: not-allowed;
   }
 `;
-const InfoBox = styled__default.default(getTranslation.Box)`
+const InfoBox = styled__default.default(getTranslation.R)`
   background: #f0fdf4;
   border: 2px solid #bbf7d0;
   border-radius: 8px;
@@ -1854,14 +1854,14 @@ const LicenseGuard = ({ children }) => {
   const { get, post } = admin.useFetchClient();
   const { toggleNotification } = admin.useNotification();
   const navigate = reactRouterDom.useNavigate();
-  const [isChecking, setIsChecking] = React.useState(true);
-  const [needsLicense, setNeedsLicense] = React.useState(false);
-  const [isCreating, setIsCreating] = React.useState(false);
-  const [useExistingKey, setUseExistingKey] = React.useState(false);
-  const [existingLicenseKey, setExistingLicenseKey] = React.useState("");
-  const [existingEmail, setExistingEmail] = React.useState("");
-  const [adminUser, setAdminUser] = React.useState(null);
-  React.useEffect(() => {
+  const [isChecking, setIsChecking] = m.useState(true);
+  const [needsLicense, setNeedsLicense] = m.useState(false);
+  const [isCreating, setIsCreating] = m.useState(false);
+  const [useExistingKey, setUseExistingKey] = m.useState(false);
+  const [existingLicenseKey, setExistingLicenseKey] = m.useState("");
+  const [existingEmail, setExistingEmail] = m.useState("");
+  const [adminUser, setAdminUser] = m.useState(null);
+  m.useEffect(() => {
     checkLicenseStatus();
     fetchAdminUser();
   }, []);
@@ -1961,16 +1961,16 @@ const LicenseGuard = ({ children }) => {
     navigate("/content-manager");
   };
   if (isChecking) {
-    return /* @__PURE__ */ jsxRuntime.jsx(getTranslation.Box, { padding: 8, style: { textAlign: "center" }, children: /* @__PURE__ */ jsxRuntime.jsx(getTranslation.Loader, { children: t("license.checking", "Checking license...") }) });
+    return /* @__PURE__ */ jsxRuntime.jsx(getTranslation.R, { padding: 8, style: { textAlign: "center" }, children: /* @__PURE__ */ jsxRuntime.jsx(getTranslation.Vd, { children: t("license.checking", "Checking license...") }) });
   }
   if (needsLicense) {
     return /* @__PURE__ */ jsxRuntime.jsx(ModalOverlay, { children: /* @__PURE__ */ jsxRuntime.jsxs(ModalContent, { children: [
       /* @__PURE__ */ jsxRuntime.jsxs(GradientHeader, { children: [
         /* @__PURE__ */ jsxRuntime.jsx(CloseButton, { onClick: handleClose, type: "button", children: /* @__PURE__ */ jsxRuntime.jsx(outline.XMarkIcon, {}) }),
         /* @__PURE__ */ jsxRuntime.jsx(IconWrapper, { children: /* @__PURE__ */ jsxRuntime.jsx(outline.KeyIcon, {}) }),
-        /* @__PURE__ */ jsxRuntime.jsxs(getTranslation.Box, { style: { textAlign: "center", position: "relative" }, children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(getTranslation.R, { style: { textAlign: "center", position: "relative" }, children: [
           /* @__PURE__ */ jsxRuntime.jsx(
-            getTranslation.Typography,
+            getTranslation.I,
             {
               variant: "alpha",
               style: {
@@ -1984,7 +1984,7 @@ const LicenseGuard = ({ children }) => {
             }
           ),
           /* @__PURE__ */ jsxRuntime.jsx(
-            getTranslation.Typography,
+            getTranslation.I,
             {
               variant: "epsilon",
               style: {
@@ -1997,12 +1997,12 @@ const LicenseGuard = ({ children }) => {
           )
         ] })
       ] }),
-      /* @__PURE__ */ jsxRuntime.jsx("form", { onSubmit: useExistingKey ? handleValidateExistingKey : handleAutoCreateLicense, children: /* @__PURE__ */ jsxRuntime.jsx(getTranslation.Box, { padding: 6, paddingLeft: 8, paddingRight: 8, children: /* @__PURE__ */ jsxRuntime.jsxs(getTranslation.Flex, { direction: "column", gap: 5, style: { width: "100%" }, children: [
-        /* @__PURE__ */ jsxRuntime.jsx(InfoBox, { children: /* @__PURE__ */ jsxRuntime.jsxs(getTranslation.Typography, { variant: "omega", style: { fontSize: "13px", lineHeight: "1.6" }, children: [
+      /* @__PURE__ */ jsxRuntime.jsx("form", { onSubmit: useExistingKey ? handleValidateExistingKey : handleAutoCreateLicense, children: /* @__PURE__ */ jsxRuntime.jsx(getTranslation.R, { padding: 6, paddingLeft: 8, paddingRight: 8, children: /* @__PURE__ */ jsxRuntime.jsxs(getTranslation.T, { direction: "column", gap: 5, style: { width: "100%" }, children: [
+        /* @__PURE__ */ jsxRuntime.jsx(InfoBox, { children: /* @__PURE__ */ jsxRuntime.jsxs(getTranslation.I, { variant: "omega", style: { fontSize: "13px", lineHeight: "1.6" }, children: [
           "[FREE] ",
           t("licenseGuard.info", "The editor is completely FREE to use! Creating a license helps us track usage and provide better support. You get 2 collaborators included.")
         ] }) }),
-        /* @__PURE__ */ jsxRuntime.jsx(getTranslation.Box, { style: { textAlign: "center", width: "100%" }, children: /* @__PURE__ */ jsxRuntime.jsx(
+        /* @__PURE__ */ jsxRuntime.jsx(getTranslation.R, { style: { textAlign: "center", width: "100%" }, children: /* @__PURE__ */ jsxRuntime.jsx(
           ToggleButton,
           {
             type: "button",
@@ -2012,9 +2012,9 @@ const LicenseGuard = ({ children }) => {
           }
         ) }),
         useExistingKey ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-          /* @__PURE__ */ jsxRuntime.jsxs(getTranslation.Box, { style: { width: "100%" }, children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(getTranslation.R, { style: { width: "100%" }, children: [
             /* @__PURE__ */ jsxRuntime.jsxs(
-              getTranslation.Typography,
+              getTranslation.I,
               {
                 variant: "pi",
                 fontWeight: "bold",
@@ -2026,7 +2026,7 @@ const LicenseGuard = ({ children }) => {
               }
             ),
             /* @__PURE__ */ jsxRuntime.jsx(
-              getTranslation.TextInput,
+              getTranslation.X0,
               {
                 placeholder: t("licenseGuard.email.placeholder", "admin@example.com"),
                 type: "email",
@@ -2037,9 +2037,9 @@ const LicenseGuard = ({ children }) => {
               }
             )
           ] }),
-          /* @__PURE__ */ jsxRuntime.jsxs(getTranslation.Box, { style: { width: "100%" }, children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(getTranslation.R, { style: { width: "100%" }, children: [
             /* @__PURE__ */ jsxRuntime.jsxs(
-              getTranslation.Typography,
+              getTranslation.I,
               {
                 variant: "pi",
                 fontWeight: "bold",
@@ -2051,7 +2051,7 @@ const LicenseGuard = ({ children }) => {
               }
             ),
             /* @__PURE__ */ jsxRuntime.jsx(
-              getTranslation.TextInput,
+              getTranslation.X0,
               {
                 placeholder: t("licenseGuard.licenseKey.placeholder", "MAGIC-EDITOR-XXXX-XXXX-XXXX"),
                 value: existingLicenseKey,
@@ -2062,7 +2062,7 @@ const LicenseGuard = ({ children }) => {
             )
           ] })
         ] }) : adminUser ? /* @__PURE__ */ jsxRuntime.jsxs(
-          getTranslation.Box,
+          getTranslation.R,
           {
             background: "success100",
             padding: 5,
@@ -2072,22 +2072,22 @@ const LicenseGuard = ({ children }) => {
               textAlign: "center"
             },
             children: [
-              /* @__PURE__ */ jsxRuntime.jsx(getTranslation.Typography, { variant: "omega", fontWeight: "bold", style: { marginBottom: "12px", display: "block" }, children: t("licenseGuard.readyToActivate", "Ready to activate with your account:") }),
-              /* @__PURE__ */ jsxRuntime.jsxs(getTranslation.Typography, { variant: "pi", style: { marginBottom: "4px", display: "block" }, children: [
+              /* @__PURE__ */ jsxRuntime.jsx(getTranslation.I, { variant: "omega", fontWeight: "bold", style: { marginBottom: "12px", display: "block" }, children: t("licenseGuard.readyToActivate", "Ready to activate with your account:") }),
+              /* @__PURE__ */ jsxRuntime.jsxs(getTranslation.I, { variant: "pi", style: { marginBottom: "4px", display: "block" }, children: [
                 adminUser.firstname || "Admin",
                 " ",
                 adminUser.lastname || "User"
               ] }),
-              /* @__PURE__ */ jsxRuntime.jsx(getTranslation.Typography, { variant: "pi", textColor: "neutral600", children: adminUser.email || "Loading..." })
+              /* @__PURE__ */ jsxRuntime.jsx(getTranslation.I, { variant: "pi", textColor: "neutral600", children: adminUser.email || "Loading..." })
             ]
           }
-        ) : /* @__PURE__ */ jsxRuntime.jsxs(getTranslation.Box, { padding: 4, background: "neutral100", hasRadius: true, style: { textAlign: "center" }, children: [
-          /* @__PURE__ */ jsxRuntime.jsx(getTranslation.Loader, { small: true }),
-          /* @__PURE__ */ jsxRuntime.jsx(getTranslation.Typography, { variant: "pi", marginTop: 2, children: t("licenseGuard.loadingUser", "Loading admin user data...") })
+        ) : /* @__PURE__ */ jsxRuntime.jsxs(getTranslation.R, { padding: 4, background: "neutral100", hasRadius: true, style: { textAlign: "center" }, children: [
+          /* @__PURE__ */ jsxRuntime.jsx(getTranslation.Vd, { small: true }),
+          /* @__PURE__ */ jsxRuntime.jsx(getTranslation.I, { variant: "pi", marginTop: 2, children: t("licenseGuard.loadingUser", "Loading admin user data...") })
         ] }),
-        /* @__PURE__ */ jsxRuntime.jsxs(getTranslation.Flex, { gap: 3, justifyContent: "center", style: { marginTop: "16px" }, children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(getTranslation.T, { gap: 3, justifyContent: "center", style: { marginTop: "16px" }, children: [
           /* @__PURE__ */ jsxRuntime.jsx(
-            getTranslation.Button,
+            getTranslation.zn,
             {
               variant: "tertiary",
               onClick: handleSkip,
@@ -2096,7 +2096,7 @@ const LicenseGuard = ({ children }) => {
             }
           ),
           useExistingKey ? /* @__PURE__ */ jsxRuntime.jsx(
-            getTranslation.Button,
+            getTranslation.zn,
             {
               type: "submit",
               size: "L",
@@ -2112,7 +2112,7 @@ const LicenseGuard = ({ children }) => {
               children: t("licenseGuard.validate", "Validate License")
             }
           ) : /* @__PURE__ */ jsxRuntime.jsx(
-            getTranslation.Button,
+            getTranslation.zn,
             {
               type: "submit",
               size: "L",

package/dist/_chunks/{App-C8q91Ico.mjs → App-iNfbV7cz.mjs}

@@ -5,10 +5,10 @@ import { useFetchClient, useNotification, Page } from "@strapi/strapi/admin";
 import styled, { css, keyframes } from "styled-components";
 import { HashtagIcon, DocumentTextIcon, ListBulletIcon, CheckIcon, ChatBubbleBottomCenterTextIcon, CodeBracketIcon, PhotoIcon, TableCellsIcon, LinkIcon, ExclamationTriangleIcon, PaperClipIcon, BellAlertIcon, SparklesIcon, BeakerIcon, PlayCircleIcon, ArrowPathIcon, EyeIcon, DocumentDuplicateIcon, ChevronRightIcon, CubeTransparentIcon, Cog6ToothIcon, UserGroupIcon, BookOpenIcon, CommandLineIcon, UserPlusIcon, TrashIcon, CheckCircleIcon, XMarkIcon, KeyIcon } from "@heroicons/react/24/outline";
 import EditorJS from "@editorjs/editorjs";
-import { u as useIntl, g as getTranslation, L as Loader, a as Box, T as Typography, F as Flex, c as TextInput, B as Button$2 } from "./getTranslation-Bk8tKbUs.mjs";
-import { g as getTools } from "./tools-uudZx91W.mjs";
-import { P as PLUGIN_ID } from "./index-DkpTkVe7.mjs";
-import LicensePage from "./LicensePage-DR_Cwyfw.mjs";
+import { u as useIntl, g as getTranslation, V as Vd, R, I, T, X as X0, z as zn } from "./getTranslation-D3h3Z3gU.mjs";
+import { g as getTools } from "./tools-BXzd0lx5.mjs";
+import { P as PLUGIN_ID } from "./index-BvEdg518.mjs";
+import LicensePage from "./LicensePage-gLRoo8WJ.mjs";
 const fadeInUp = keyframes`
   from { opacity: 0; transform: translateY(20px); }
   to { opacity: 1; transform: translateY(0); }
@@ -1423,7 +1423,7 @@ const CollaborationSettings = () => {
     return `${first}${last}`.trim();
   };
   if (loading) {
-    return /* @__PURE__ */ jsx(Container, { children: /* @__PURE__ */ jsx(LoadingContainer, { children: /* @__PURE__ */ jsx(Loader, {}) }) });
+    return /* @__PURE__ */ jsx(Container, { children: /* @__PURE__ */ jsx(LoadingContainer, { children: /* @__PURE__ */ jsx(Vd, {}) }) });
   }
   return /* @__PURE__ */ jsxs(Container, { children: [
     /* @__PURE__ */ jsxs(Header, { children: [
@@ -1742,7 +1742,7 @@ const ModalOverlay = styled.div`
   animation: ${fadeIn} 0.3s ease-out;
   padding: 20px;
 `;
-const ModalContent = styled(Box)`
+const ModalContent = styled(R)`
   background: white;
   border-radius: 16px;
   width: 100%;
@@ -1751,7 +1751,7 @@ const ModalContent = styled(Box)`
   animation: ${slideUp} 0.4s cubic-bezier(0.4, 0, 0.2, 1);
   overflow: hidden;
 `;
-const GradientHeader = styled(Box)`
+const GradientHeader = styled(R)`
   background: linear-gradient(135deg, #7C3AED 0%, #6d28d9 100%);
   padding: 32px 40px;
   position: relative;
@@ -1836,7 +1836,7 @@ const ToggleButton = styled.button`
     cursor: not-allowed;
   }
 `;
-const InfoBox = styled(Box)`
+const InfoBox = styled(R)`
   background: #f0fdf4;
   border: 2px solid #bbf7d0;
   border-radius: 8px;
@@ -1956,16 +1956,16 @@ const LicenseGuard = ({ children }) => {
     navigate("/content-manager");
   };
   if (isChecking) {
-    return /* @__PURE__ */ jsx(Box, { padding: 8, style: { textAlign: "center" }, children: /* @__PURE__ */ jsx(Loader, { children: t("license.checking", "Checking license...") }) });
+    return /* @__PURE__ */ jsx(R, { padding: 8, style: { textAlign: "center" }, children: /* @__PURE__ */ jsx(Vd, { children: t("license.checking", "Checking license...") }) });
   }
   if (needsLicense) {
     return /* @__PURE__ */ jsx(ModalOverlay, { children: /* @__PURE__ */ jsxs(ModalContent, { children: [
       /* @__PURE__ */ jsxs(GradientHeader, { children: [
         /* @__PURE__ */ jsx(CloseButton, { onClick: handleClose, type: "button", children: /* @__PURE__ */ jsx(XMarkIcon, {}) }),
         /* @__PURE__ */ jsx(IconWrapper, { children: /* @__PURE__ */ jsx(KeyIcon, {}) }),
-        /* @__PURE__ */ jsxs(Box, { style: { textAlign: "center", position: "relative" }, children: [
+        /* @__PURE__ */ jsxs(R, { style: { textAlign: "center", position: "relative" }, children: [
           /* @__PURE__ */ jsx(
-            Typography,
+            I,
             {
               variant: "alpha",
               style: {
@@ -1979,7 +1979,7 @@ const LicenseGuard = ({ children }) => {
             }
           ),
           /* @__PURE__ */ jsx(
-            Typography,
+            I,
             {
               variant: "epsilon",
               style: {
@@ -1992,12 +1992,12 @@ const LicenseGuard = ({ children }) => {
           )
         ] })
       ] }),
-      /* @__PURE__ */ jsx("form", { onSubmit: useExistingKey ? handleValidateExistingKey : handleAutoCreateLicense, children: /* @__PURE__ */ jsx(Box, { padding: 6, paddingLeft: 8, paddingRight: 8, children: /* @__PURE__ */ jsxs(Flex, { direction: "column", gap: 5, style: { width: "100%" }, children: [
-        /* @__PURE__ */ jsx(InfoBox, { children: /* @__PURE__ */ jsxs(Typography, { variant: "omega", style: { fontSize: "13px", lineHeight: "1.6" }, children: [
+      /* @__PURE__ */ jsx("form", { onSubmit: useExistingKey ? handleValidateExistingKey : handleAutoCreateLicense, children: /* @__PURE__ */ jsx(R, { padding: 6, paddingLeft: 8, paddingRight: 8, children: /* @__PURE__ */ jsxs(T, { direction: "column", gap: 5, style: { width: "100%" }, children: [
+        /* @__PURE__ */ jsx(InfoBox, { children: /* @__PURE__ */ jsxs(I, { variant: "omega", style: { fontSize: "13px", lineHeight: "1.6" }, children: [
           "[FREE] ",
           t("licenseGuard.info", "The editor is completely FREE to use! Creating a license helps us track usage and provide better support. You get 2 collaborators included.")
         ] }) }),
-        /* @__PURE__ */ jsx(Box, { style: { textAlign: "center", width: "100%" }, children: /* @__PURE__ */ jsx(
+        /* @__PURE__ */ jsx(R, { style: { textAlign: "center", width: "100%" }, children: /* @__PURE__ */ jsx(
           ToggleButton,
           {
             type: "button",
@@ -2007,9 +2007,9 @@ const LicenseGuard = ({ children }) => {
           }
         ) }),
         useExistingKey ? /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsxs(Box, { style: { width: "100%" }, children: [
+          /* @__PURE__ */ jsxs(R, { style: { width: "100%" }, children: [
             /* @__PURE__ */ jsxs(
-              Typography,
+              I,
               {
                 variant: "pi",
                 fontWeight: "bold",
@@ -2021,7 +2021,7 @@ const LicenseGuard = ({ children }) => {
               }
             ),
             /* @__PURE__ */ jsx(
-              TextInput,
+              X0,
               {
                 placeholder: t("licenseGuard.email.placeholder", "admin@example.com"),
                 type: "email",
@@ -2032,9 +2032,9 @@ const LicenseGuard = ({ children }) => {
               }
             )
           ] }),
-          /* @__PURE__ */ jsxs(Box, { style: { width: "100%" }, children: [
+          /* @__PURE__ */ jsxs(R, { style: { width: "100%" }, children: [
             /* @__PURE__ */ jsxs(
-              Typography,
+              I,
               {
                 variant: "pi",
                 fontWeight: "bold",
@@ -2046,7 +2046,7 @@ const LicenseGuard = ({ children }) => {
               }
             ),
             /* @__PURE__ */ jsx(
-              TextInput,
+              X0,
               {
                 placeholder: t("licenseGuard.licenseKey.placeholder", "MAGIC-EDITOR-XXXX-XXXX-XXXX"),
                 value: existingLicenseKey,
@@ -2057,7 +2057,7 @@ const LicenseGuard = ({ children }) => {
             )
           ] })
         ] }) : adminUser ? /* @__PURE__ */ jsxs(
-          Box,
+          R,
           {
             background: "success100",
             padding: 5,
@@ -2067,22 +2067,22 @@ const LicenseGuard = ({ children }) => {
               textAlign: "center"
             },
             children: [
-              /* @__PURE__ */ jsx(Typography, { variant: "omega", fontWeight: "bold", style: { marginBottom: "12px", display: "block" }, children: t("licenseGuard.readyToActivate", "Ready to activate with your account:") }),
-              /* @__PURE__ */ jsxs(Typography, { variant: "pi", style: { marginBottom: "4px", display: "block" }, children: [
+              /* @__PURE__ */ jsx(I, { variant: "omega", fontWeight: "bold", style: { marginBottom: "12px", display: "block" }, children: t("licenseGuard.readyToActivate", "Ready to activate with your account:") }),
+              /* @__PURE__ */ jsxs(I, { variant: "pi", style: { marginBottom: "4px", display: "block" }, children: [
                 adminUser.firstname || "Admin",
                 " ",
                 adminUser.lastname || "User"
               ] }),
-              /* @__PURE__ */ jsx(Typography, { variant: "pi", textColor: "neutral600", children: adminUser.email || "Loading..." })
+              /* @__PURE__ */ jsx(I, { variant: "pi", textColor: "neutral600", children: adminUser.email || "Loading..." })
             ]
           }
-        ) : /* @__PURE__ */ jsxs(Box, { padding: 4, background: "neutral100", hasRadius: true, style: { textAlign: "center" }, children: [
-          /* @__PURE__ */ jsx(Loader, { small: true }),
-          /* @__PURE__ */ jsx(Typography, { variant: "pi", marginTop: 2, children: t("licenseGuard.loadingUser", "Loading admin user data...") })
+        ) : /* @__PURE__ */ jsxs(R, { padding: 4, background: "neutral100", hasRadius: true, style: { textAlign: "center" }, children: [
+          /* @__PURE__ */ jsx(Vd, { small: true }),
+          /* @__PURE__ */ jsx(I, { variant: "pi", marginTop: 2, children: t("licenseGuard.loadingUser", "Loading admin user data...") })
         ] }),
-        /* @__PURE__ */ jsxs(Flex, { gap: 3, justifyContent: "center", style: { marginTop: "16px" }, children: [
+        /* @__PURE__ */ jsxs(T, { gap: 3, justifyContent: "center", style: { marginTop: "16px" }, children: [
           /* @__PURE__ */ jsx(
-            Button$2,
+            zn,
             {
               variant: "tertiary",
               onClick: handleSkip,
@@ -2091,7 +2091,7 @@ const LicenseGuard = ({ children }) => {
             }
           ),
           useExistingKey ? /* @__PURE__ */ jsx(
-            Button$2,
+            zn,
             {
               type: "submit",
               size: "L",
@@ -2107,7 +2107,7 @@ const LicenseGuard = ({ children }) => {
               children: t("licenseGuard.validate", "Validate License")
             }
           ) : /* @__PURE__ */ jsx(
-            Button$2,
+            zn,
             {
               type: "submit",
               size: "L",

package/dist/_chunks/{CustomBlocksPage-rLRB05j0.mjs → CustomBlocksPage-COPOZ2-_.mjs}

@@ -1438,7 +1438,8 @@ const CustomBlocksPage = () => {
                     /* @__PURE__ */ jsx("option", { value: "textarea", children: "Textarea" }),
                     /* @__PURE__ */ jsx("option", { value: "select", children: "Select" }),
                     /* @__PURE__ */ jsx("option", { value: "color", children: "Color" }),
-                    /* @__PURE__ */ jsx("option", { value: "checkbox", children: "Checkbox" })
+                    /* @__PURE__ */ jsx("option", { value: "checkbox", children: "Checkbox" }),
+                    /* @__PURE__ */ jsx("option", { value: "image", children: "Image" })
                   ]
                 }
               ),

package/dist/_chunks/{CustomBlocksPage-BkmF2iOQ.js → CustomBlocksPage-Cj-0TTUs.js}

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
-const React = require("react");
+const m = require("react");
 const admin = require("@strapi/strapi/admin");
 const styled = require("styled-components");
 const outline = require("@heroicons/react/24/outline");
@@ -802,13 +802,13 @@ const FeatureLockedBadge = styled__default.default.span`
 const CustomBlocksPage = () => {
   const { toggleNotification } = admin.useNotification();
   const { get, post, put, del } = admin.useFetchClient();
-  const [blocks, setBlocks] = React.useState([]);
-  const [contentTypes, setContentTypes] = React.useState([]);
-  const [isLoading, setIsLoading] = React.useState(true);
-  const [isModalOpen, setIsModalOpen] = React.useState(false);
-  const [editingBlock, setEditingBlock] = React.useState(null);
-  const [formData, setFormData] = React.useState(getEmptyFormData());
-  const [limits, setLimits] = React.useState(null);
+  const [blocks, setBlocks] = m.useState([]);
+  const [contentTypes, setContentTypes] = m.useState([]);
+  const [isLoading, setIsLoading] = m.useState(true);
+  const [isModalOpen, setIsModalOpen] = m.useState(false);
+  const [editingBlock, setEditingBlock] = m.useState(null);
+  const [formData, setFormData] = m.useState(getEmptyFormData());
+  const [limits, setLimits] = m.useState(null);
   function getEmptyFormData() {
     return {
       name: "",
@@ -831,7 +831,7 @@ const CustomBlocksPage = () => {
       enabled: true
     };
   }
-  const fetchBlocks = React.useCallback(async () => {
+  const fetchBlocks = m.useCallback(async () => {
     try {
       setIsLoading(true);
       const response = await get(`/${PLUGIN_ID}/custom-blocks?enabledOnly=false`);
@@ -846,7 +846,7 @@ const CustomBlocksPage = () => {
       setIsLoading(false);
     }
   }, [get, toggleNotification]);
-  const fetchContentTypes = React.useCallback(async () => {
+  const fetchContentTypes = m.useCallback(async () => {
     try {
       const response = await get(`/${PLUGIN_ID}/content-types`);
       setContentTypes(response.data?.contentTypes || []);
@@ -854,7 +854,7 @@ const CustomBlocksPage = () => {
       console.error("[CustomBlocksPage] Error fetching content types:", error);
     }
   }, [get]);
-  const fetchLimits = React.useCallback(async () => {
+  const fetchLimits = m.useCallback(async () => {
     try {
       const response = await get(`/${PLUGIN_ID}/custom-blocks/limits`);
       setLimits(response.data?.data || null);
@@ -862,7 +862,7 @@ const CustomBlocksPage = () => {
       console.error("[CustomBlocksPage] Error fetching limits:", error);
     }
   }, [get]);
-  React.useEffect(() => {
+  m.useEffect(() => {
     fetchBlocks();
     fetchContentTypes();
     fetchLimits();
@@ -1442,7 +1442,8 @@ const CustomBlocksPage = () => {
                     /* @__PURE__ */ jsxRuntime.jsx("option", { value: "textarea", children: "Textarea" }),
                     /* @__PURE__ */ jsxRuntime.jsx("option", { value: "select", children: "Select" }),
                     /* @__PURE__ */ jsxRuntime.jsx("option", { value: "color", children: "Color" }),
-                    /* @__PURE__ */ jsxRuntime.jsx("option", { value: "checkbox", children: "Checkbox" })
+                    /* @__PURE__ */ jsxRuntime.jsx("option", { value: "checkbox", children: "Checkbox" }),
+                    /* @__PURE__ */ jsxRuntime.jsx("option", { value: "image", children: "Image" })
                   ]
                 }
               ),