magic-editor-x 1.3.6 → 1.3.7

package/dist/_chunks/{App-BpSMhQIR.js → App-BrAGe1KP.js}

@@ -7,10 +7,10 @@ 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-BFYSgCMJ.js");
-const tools = require("./tools-CZFxM_lD.js");
-const index = require("./index-B_gIy3qL.js");
-const LicensePage = require("./LicensePage-DuV_uXao.js");
+const getTranslation = require("./getTranslation-D21ValYk.js");
+const tools = require("./tools-D4Y_iEui.js");
+const index = require("./index-BnTvuHf2.js");
+const LicensePage = require("./LicensePage-C6TBYCWM.js");
 const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
 const styled__default = /* @__PURE__ */ _interopDefault(styled);
 const EditorJS__default = /* @__PURE__ */ _interopDefault(EditorJS);

package/dist/_chunks/{App-CWCkeXGo.mjs → App-SlDn2xdO.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-DP4KaXRi.mjs";
-import { g as getTools } from "./tools-Qb0aXrud.mjs";
-import { P as PLUGIN_ID } from "./index-BYzgJaH8.mjs";
-import LicensePage from "./LicensePage-DunwoRaq.mjs";
+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-D2oq0PyC.mjs";
+import { g as getTools } from "./tools-BGR6Cw4p.mjs";
+import { P as PLUGIN_ID } from "./index-tbHD7slZ.mjs";
+import LicensePage from "./LicensePage-zaYXFrKs.mjs";
 const fadeInUp = keyframes`
   from { opacity: 0; transform: translateY(20px); }
   to { opacity: 1; transform: translateY(0); }

package/dist/_chunks/{LicensePage-DuV_uXao.js → LicensePage-C6TBYCWM.js}

@@ -3,9 +3,9 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const React = require("react");
 const admin = require("@strapi/strapi/admin");
-const getTranslation = require("./getTranslation-BFYSgCMJ.js");
+const getTranslation = require("./getTranslation-D21ValYk.js");
 const styled = require("styled-components");
-const index = require("./index-B_gIy3qL.js");
+const index = require("./index-BnTvuHf2.js");
 const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
 const styled__default = /* @__PURE__ */ _interopDefault(styled);
 const Container = styled__default.default(getTranslation.Box)`

package/dist/_chunks/{LicensePage-DunwoRaq.mjs → LicensePage-zaYXFrKs.mjs}

@@ -1,9 +1,9 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useState, useEffect } from "react";
 import { useFetchClient, useNotification } from "@strapi/strapi/admin";
-import { u as useIntl, F as Flex, L as Loader, T as Typography, d as Badge, a as Box, g as getTranslation, B as Button } from "./getTranslation-DP4KaXRi.mjs";
+import { u as useIntl, F as Flex, L as Loader, T as Typography, d as Badge, a as Box, g as getTranslation, B as Button } from "./getTranslation-D2oq0PyC.mjs";
 import styled from "styled-components";
-import { F as ForwardRef$2o, a as ForwardRef$26, b as ForwardRef$o, c as ForwardRef$1g, d as ForwardRef$y } from "./index-BYzgJaH8.mjs";
+import { F as ForwardRef$2o, a as ForwardRef$26, b as ForwardRef$o, c as ForwardRef$1g, d as ForwardRef$y } from "./index-tbHD7slZ.mjs";
 const Container = styled(Box)`
   padding: 32px;
   max-width: 1400px;

package/dist/_chunks/{LiveCollaborationPanel-Cszm9ewD.js → LiveCollaborationPanel-CGt57XG1.js}

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const React = require("react");
-const getTranslation = require("./getTranslation-BFYSgCMJ.js");
+const getTranslation = require("./getTranslation-D21ValYk.js");
 const styled = require("styled-components");
 const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
 const styled__default = /* @__PURE__ */ _interopDefault(styled);

package/dist/_chunks/{LiveCollaborationPanel-C-xwOtK-.mjs → LiveCollaborationPanel-yNC8e1Qb.mjs}

@@ -1,6 +1,6 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { useState, useEffect, useMemo } from "react";
-import { u as useIntl, F as Flex, g as getTranslation } from "./getTranslation-DP4KaXRi.mjs";
+import { u as useIntl, F as Flex, g as getTranslation } from "./getTranslation-D2oq0PyC.mjs";
 import styled, { css, keyframes } from "styled-components";
 const pulse = keyframes`
   0%, 100% { 

package/dist/_chunks/{Settings-DvH7epUa.js → Settings-BH0Ttu_5.js}

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const React = require("react");
-const getTranslation = require("./getTranslation-BFYSgCMJ.js");
+const getTranslation = require("./getTranslation-D21ValYk.js");
 const admin = require("@strapi/strapi/admin");
 const outline = require("@heroicons/react/24/outline");
 const styled = require("styled-components");

package/dist/_chunks/{Settings-CDbiC2pb.mjs → Settings-BXoP5tm9.mjs}

@@ -1,6 +1,6 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { useState, useEffect } from "react";
-import { u as useIntl, L as Loader, a as Box, A as Alert, F as Flex, T as Typography, B as Button, d as Badge, e as Accordion, g as getTranslation } from "./getTranslation-DP4KaXRi.mjs";
+import { u as useIntl, L as Loader, a as Box, A as Alert, F as Flex, T as Typography, B as Button, d as Badge, e as Accordion, g as getTranslation } from "./getTranslation-D2oq0PyC.mjs";
 import { useFetchClient, useNotification } from "@strapi/strapi/admin";
 import { ArrowPathIcon, DocumentDuplicateIcon, ArrowDownTrayIcon, UserIcon, UsersIcon, ShieldCheckIcon, SparklesIcon, ChartBarIcon } from "@heroicons/react/24/outline";
 import styled, { css, keyframes } from "styled-components";

package/dist/_chunks/{getTranslation-BFYSgCMJ.js → getTranslation-D21ValYk.js}

@@ -3,7 +3,7 @@ const React = require("react");
 const styled = require("styled-components");
 const jsxRuntime = require("react/jsx-runtime");
 const ReactDOM = require("react-dom");
-const index$1 = require("./index-B_gIy3qL.js");
+const index$1 = require("./index-BnTvuHf2.js");
 function _interopNamespace(e) {
   if (e && e.__esModule) return e;
   const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });

package/dist/_chunks/{getTranslation-DP4KaXRi.mjs → getTranslation-D2oq0PyC.mjs}

@@ -4,7 +4,7 @@ import { styled, css, keyframes, createGlobalStyle, useTheme } from "styled-comp
 import { jsx, jsxs, Fragment as Fragment$1 } from "react/jsx-runtime";
 import * as ReactDOM from "react-dom";
 import ReactDOM__default, { flushSync, createPortal } from "react-dom";
-import { a as ForwardRef$26, e as ForwardRef$2n, f as ForwardRef$2, g as ForwardRef$1l, h as ForwardRef$1b, i as ForwardRef$2v, j as ForwardRef$1U, k as ForwardRef$2j, l as ForwardRef$12, m as ForwardRef$2k, n as ForwardRef$2x, o as ForwardRef$2h, p as ForwardRef$v, P as PLUGIN_ID } from "./index-BYzgJaH8.mjs";
+import { a as ForwardRef$26, e as ForwardRef$2n, f as ForwardRef$2, g as ForwardRef$1l, h as ForwardRef$1b, i as ForwardRef$2v, j as ForwardRef$1U, k as ForwardRef$2j, l as ForwardRef$12, m as ForwardRef$2k, n as ForwardRef$2x, o as ForwardRef$2h, p as ForwardRef$v, P as PLUGIN_ID } from "./index-tbHD7slZ.mjs";
 var __assign = function() {
   __assign = Object.assign || function __assign2(t2) {
     for (var s, i = 1, n = arguments.length; i < n; i++) {

package/dist/_chunks/{index-B_gIy3qL.js → index-BnTvuHf2.js}

@@ -2384,7 +2384,7 @@ const index = {
       icon: PluginIcon,
       // Input component for Content Manager
       components: {
-        Input: async () => Promise.resolve().then(() => require("./index-C2pIXifO.js")).then((module2) => ({
+        Input: async () => Promise.resolve().then(() => require("./index-Czk5HVLJ.js")).then((module2) => ({
           default: module2.default
         }))
       },
@@ -2446,7 +2446,7 @@ const index = {
         defaultMessage: "Magic Editor X"
       },
       // Use lazy import without async wrapper to avoid deprecation warning
-      Component: () => Promise.resolve().then(() => require("./App-BpSMhQIR.js")),
+      Component: () => Promise.resolve().then(() => require("./App-BrAGe1KP.js")),
       permissions: []
     });
     app.createSettingSection(
@@ -2465,7 +2465,7 @@ const index = {
           id: "upgrade",
           // relative path (no leading slash)
           to: `${PLUGIN_ID}/upgrade`,
-          Component: () => Promise.resolve().then(() => require("./LicensePage-DuV_uXao.js"))
+          Component: () => Promise.resolve().then(() => require("./LicensePage-C6TBYCWM.js"))
         },
         {
           intlLabel: {
@@ -2475,7 +2475,7 @@ const index = {
           id: "license",
           // relative path (no leading slash)
           to: `${PLUGIN_ID}/license`,
-          Component: () => Promise.resolve().then(() => require("./Settings-DvH7epUa.js"))
+          Component: () => Promise.resolve().then(() => require("./Settings-BH0Ttu_5.js"))
         }
       ]
     );
@@ -2485,7 +2485,7 @@ const index = {
    * Bootstrap the plugin
    */
   async bootstrap(app) {
-    const { default: LiveCollaborationPanel } = await Promise.resolve().then(() => require("./LiveCollaborationPanel-Cszm9ewD.js"));
+    const { default: LiveCollaborationPanel } = await Promise.resolve().then(() => require("./LiveCollaborationPanel-CGt57XG1.js"));
     try {
       const contentManagerPlugin = app.getPlugin("content-manager");
       if (contentManagerPlugin && contentManagerPlugin.apis) {

package/dist/_chunks/{index-JeJFUWv9.mjs → index-CUTx2oym.mjs}

@@ -1,12 +1,12 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import React__default, { useState, useEffect, useCallback, useRef, useMemo, forwardRef } from "react";
-import { u as useIntl, F as Flex, T as Typography, B as Button$2, D as Divider, a as Box, g as getTranslation, b as Field, L as Loader } from "./getTranslation-DP4KaXRi.mjs";
+import { u as useIntl, F as Flex, T as Typography, B as Button$2, D as Divider, a as Box, g as getTranslation, b as Field, L as Loader } from "./getTranslation-D2oq0PyC.mjs";
 import styled, { createGlobalStyle, css } from "styled-components";
 import { ClockIcon, ExclamationTriangleIcon, SparklesIcon as SparklesIcon$1, Bars3BottomLeftIcon, ListBulletIcon, CheckCircleIcon, PhotoIcon, LinkIcon, CodeBracketIcon, TableCellsIcon, ChatBubbleBottomCenterTextIcon, MinusIcon, DocumentDuplicateIcon, TrashIcon, ArrowsPointingInIcon, ArrowsPointingOutIcon, EyeIcon, PencilSquareIcon } from "@heroicons/react/24/outline";
 import EditorJS from "@editorjs/editorjs";
-import { M as MagicEditorAPI, t as toastManager, g as getTools, i as initUndoRedo, a as initDragDrop, A as AIToast, b as AIInlineToolbar } from "./tools-Qb0aXrud.mjs";
+import { M as MagicEditorAPI, t as toastManager, g as getTools, i as initUndoRedo, a as initDragDrop, A as AIToast, b as AIInlineToolbar } from "./tools-BGR6Cw4p.mjs";
 import { useStrapiApp, useFetchClient, useAuth } from "@strapi/strapi/admin";
-import { P as PLUGIN_ID } from "./index-BYzgJaH8.mjs";
+import { P as PLUGIN_ID } from "./index-tbHD7slZ.mjs";
 import { io } from "socket.io-client";
 import * as Y from "yjs";
 import { IndexeddbPersistence } from "y-indexeddb";

package/dist/_chunks/{index-C2pIXifO.js → index-Czk5HVLJ.js}

@@ -2,13 +2,13 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const React = require("react");
-const getTranslation = require("./getTranslation-BFYSgCMJ.js");
+const getTranslation = require("./getTranslation-D21ValYk.js");
 const styled = require("styled-components");
 const outline = require("@heroicons/react/24/outline");
 const EditorJS = require("@editorjs/editorjs");
-const tools = require("./tools-CZFxM_lD.js");
+const tools = require("./tools-D4Y_iEui.js");
 const admin = require("@strapi/strapi/admin");
-const index = require("./index-B_gIy3qL.js");
+const index = require("./index-BnTvuHf2.js");
 const socket_ioClient = require("socket.io-client");
 const Y = require("yjs");
 const yIndexeddb = require("y-indexeddb");

package/dist/_chunks/{index-BYzgJaH8.mjs → index-tbHD7slZ.mjs}

@@ -2383,7 +2383,7 @@ const index = {
       icon: PluginIcon,
       // Input component for Content Manager
       components: {
-        Input: async () => import("./index-JeJFUWv9.mjs").then((module) => ({
+        Input: async () => import("./index-CUTx2oym.mjs").then((module) => ({
           default: module.default
         }))
       },
@@ -2445,7 +2445,7 @@ const index = {
         defaultMessage: "Magic Editor X"
       },
       // Use lazy import without async wrapper to avoid deprecation warning
-      Component: () => import("./App-CWCkeXGo.mjs"),
+      Component: () => import("./App-SlDn2xdO.mjs"),
       permissions: []
     });
     app.createSettingSection(
@@ -2464,7 +2464,7 @@ const index = {
           id: "upgrade",
           // relative path (no leading slash)
           to: `${PLUGIN_ID}/upgrade`,
-          Component: () => import("./LicensePage-DunwoRaq.mjs")
+          Component: () => import("./LicensePage-zaYXFrKs.mjs")
         },
         {
           intlLabel: {
@@ -2474,7 +2474,7 @@ const index = {
           id: "license",
           // relative path (no leading slash)
           to: `${PLUGIN_ID}/license`,
-          Component: () => import("./Settings-CDbiC2pb.mjs")
+          Component: () => import("./Settings-BXoP5tm9.mjs")
         }
       ]
     );
@@ -2484,7 +2484,7 @@ const index = {
    * Bootstrap the plugin
    */
   async bootstrap(app) {
-    const { default: LiveCollaborationPanel } = await import("./LiveCollaborationPanel-C-xwOtK-.mjs");
+    const { default: LiveCollaborationPanel } = await import("./LiveCollaborationPanel-yNC8e1Qb.mjs");
     try {
       const contentManagerPlugin = app.getPlugin("content-manager");
       if (contentManagerPlugin && contentManagerPlugin.apis) {

package/dist/_chunks/{tools-Qb0aXrud.mjs → tools-BGR6Cw4p.mjs}

@@ -398,14 +398,15 @@ class HyperlinkTool {
     this.popup = document.createElement("div");
     this.popup.classList.add("ce-inline-tool-hyperlink-popup");
     this.popup.style.cssText = `
-      position: absolute;
+      position: fixed;
       background: white;
       border: 1px solid #e2e8f0;
-      border-radius: 8px;
-      box-shadow: 0 4px 12px rgba(0,0,0,0.15);
-      padding: 12px;
+      border-radius: 12px;
+      box-shadow: 0 8px 32px rgba(0,0,0,0.15);
+      padding: 16px;
       z-index: 999999;
-      min-width: 300px;
+      min-width: 360px;
+      max-width: 420px;
     `;
     const urlContainer = this._createInputContainer("URL", "url", parentAnchor?.href || "");
     const targetContainer = this._createSelectContainer(
@@ -585,23 +586,15 @@ class HyperlinkTool {
     return container;
   }
   /**
-   * Positions the popup near the selection
+   * Positions the popup centered on screen
    */
   _positionPopup() {
     if (!this.popup) return;
-    const selection = window.getSelection();
-    if (!selection.rangeCount) return;
-    const range = selection.getRangeAt(0);
-    const rect = range.getBoundingClientRect();
     const popupRect = this.popup.getBoundingClientRect();
-    let left = rect.left + rect.width / 2 - popupRect.width / 2;
-    let top = rect.bottom + 10 + window.scrollY;
-    if (left < 10) left = 10;
-    if (left + popupRect.width > window.innerWidth - 10) {
-      left = window.innerWidth - popupRect.width - 10;
-    }
-    this.popup.style.left = `${left}px`;
-    this.popup.style.top = `${top}px`;
+    const left = (window.innerWidth - popupRect.width) / 2;
+    const top = (window.innerHeight - popupRect.height) / 2;
+    this.popup.style.left = `${Math.max(10, left)}px`;
+    this.popup.style.top = `${Math.max(10, top)}px`;
   }
   /**
    * Saves the link with user-entered values

package/dist/_chunks/{tools-CZFxM_lD.js → tools-D4Y_iEui.js}

@@ -431,14 +431,15 @@ class HyperlinkTool {
     this.popup = document.createElement("div");
     this.popup.classList.add("ce-inline-tool-hyperlink-popup");
     this.popup.style.cssText = `
-      position: absolute;
+      position: fixed;
       background: white;
       border: 1px solid #e2e8f0;
-      border-radius: 8px;
-      box-shadow: 0 4px 12px rgba(0,0,0,0.15);
-      padding: 12px;
+      border-radius: 12px;
+      box-shadow: 0 8px 32px rgba(0,0,0,0.15);
+      padding: 16px;
       z-index: 999999;
-      min-width: 300px;
+      min-width: 360px;
+      max-width: 420px;
     `;
     const urlContainer = this._createInputContainer("URL", "url", parentAnchor?.href || "");
     const targetContainer = this._createSelectContainer(
@@ -618,23 +619,15 @@ class HyperlinkTool {
     return container;
   }
   /**
-   * Positions the popup near the selection
+   * Positions the popup centered on screen
    */
   _positionPopup() {
     if (!this.popup) return;
-    const selection = window.getSelection();
-    if (!selection.rangeCount) return;
-    const range = selection.getRangeAt(0);
-    const rect = range.getBoundingClientRect();
     const popupRect = this.popup.getBoundingClientRect();
-    let left = rect.left + rect.width / 2 - popupRect.width / 2;
-    let top = rect.bottom + 10 + window.scrollY;
-    if (left < 10) left = 10;
-    if (left + popupRect.width > window.innerWidth - 10) {
-      left = window.innerWidth - popupRect.width - 10;
-    }
-    this.popup.style.left = `${left}px`;
-    this.popup.style.top = `${top}px`;
+    const left = (window.innerWidth - popupRect.width) / 2;
+    const top = (window.innerHeight - popupRect.height) / 2;
+    this.popup.style.left = `${Math.max(10, left)}px`;
+    this.popup.style.top = `${Math.max(10, top)}px`;
   }
   /**
    * Saves the link with user-entered values

package/dist/admin/index.js

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

package/dist/admin/index.mjs

@@ -1,4 +1,4 @@
-import { q } from "../_chunks/index-BYzgJaH8.mjs";
+import { q } from "../_chunks/index-tbHD7slZ.mjs";
 export {
   q as default
 };

package/dist/server/index.js

@@ -37941,7 +37941,7 @@ var snapshotService$1 = ({ strapi: strapi2 }) => {
   };
 };
 const name = "magic-editor-x";
-const version = "1.3.5";
+const version = "1.3.6";
 const description = "Advanced block-based editor for Strapi v5 with Editor.js, Media Library integration, and real-time collaboration support";
 const keywords = [
   "strapi",

package/dist/server/index.mjs

@@ -37922,7 +37922,7 @@ var snapshotService$1 = ({ strapi: strapi2 }) => {
   };
 };
 const name = "magic-editor-x";
-const version = "1.3.5";
+const version = "1.3.6";
 const description = "Advanced block-based editor for Strapi v5 with Editor.js, Media Library integration, and real-time collaboration support";
 const keywords = [
   "strapi",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "magic-editor-x",
-  "version": "1.3.6",
+  "version": "1.3.7",
   "description": "Advanced block-based editor for Strapi v5 with Editor.js, Media Library integration, and real-time collaboration support",
   "keywords": [
     "strapi",