neuphlo-editor 2.2.0 → 2.3.1

package/dist/react/index.cjs

@@ -1359,7 +1359,6 @@ var VideoBlock = import_core5.Node.create({
     };
   },
   addNodeView() {
-    console.log("[VideoBlock] addNodeView called, options:", Object.keys(this.options), "hasNodeView:", !!this.options.nodeView);
     if (this.options.nodeView) {
       return (0, import_react11.ReactNodeViewRenderer)(this.options.nodeView);
     }
@@ -3165,18 +3164,23 @@ var VideoBlockView = (props) => {
   };
   if (!src || src === "") {
     if (!editor.isEditable) return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_react30.NodeViewWrapper, {});
-    return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_react30.NodeViewWrapper, { style: getWrapperStyle(), children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { ref: wrapperRef, children: /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "nph-video-input", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "nph-video-input__icon", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_icons_react11.IconVideo, { size: 24 }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "nph-video-input__content", children: [
+    return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_react30.NodeViewWrapper, { style: getWrapperStyle(), children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { ref: wrapperRef, children: /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "nph-video-placeholder", onClick, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "nph-video-placeholder__icon", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_icons_react11.IconVideo, { size: 28, stroke: 1.5 }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { style: { display: "flex", flexDirection: "column", alignItems: "center", gap: "2px" }, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { style: { fontSize: "14px", fontWeight: 600, lineHeight: "20px" }, children: "Add a video" }),
+        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { style: { fontSize: "13px", opacity: 0.5, lineHeight: "18px" }, children: "Paste a URL to embed" })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "nph-video-placeholder__input", children: [
         /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
           "input",
           {
             type: "text",
             className: "nph-video-input__field",
-            placeholder: "Paste a YouTube, Vimeo, or video URL...",
+            placeholder: "YouTube, Vimeo, or Loom URL...",
             value: inputUrl,
             onChange: (e) => setInputUrl(e.target.value),
-            onKeyDown: handleKeyDown
+            onKeyDown: handleKeyDown,
+            onClick: (e) => e.stopPropagation()
           }
         ),
         /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
@@ -3184,7 +3188,10 @@ var VideoBlockView = (props) => {
           {
             type: "button",
             className: "nph-video-input__button",
-            onClick: handleEmbed,
+            onClick: (e) => {
+              e.stopPropagation();
+              handleEmbed();
+            },
             disabled: !inputUrl.trim(),
             children: "Embed"
           }