@accelerated-agency/visual-editor 0.3.1 → 0.3.3

package/dist/index.js

@@ -4647,6 +4647,7 @@ function PlatformVisualEditor({
   }, [dirty, onDirtyChange]);
   const loadPayload = useMemo(
     () => ({
+      iid: experiment?.iid,
       experimentId: experiment?.experimentId,
       name: experiment?.name,
       status: experiment?.status,
@@ -4656,6 +4657,7 @@ function PlatformVisualEditor({
     }),
     [experiment]
   );
+  console.log("loadPayload", loadPayload);
   useEffect(() => {
     if (!editorReady) return;
     const payloadKey = JSON.stringify(loadPayload);
@@ -4859,6 +4861,7 @@ function PlatformVisualEditorV2({
   }, []);
   const loadPayload = useMemo(
     () => ({
+      iid: experiment?.iid,
       experimentId: experiment?.experimentId,
       name: experiment?.name,
       status: experiment?.status,
@@ -4868,6 +4871,7 @@ function PlatformVisualEditorV2({
     }),
     [experiment]
   );
+  console.log("loadPayload", loadPayload);
   const editorSrc = useMemo(() => {
     const safeBaseUrl = normalizeProxyBaseUrl(proxyBaseUrl);
     return safeBaseUrl ? `${safeBaseUrl}/vvveb-editor` : "/vvveb-editor";
@@ -4956,7 +4960,7 @@ function PlatformVisualEditorV2({
     window.addEventListener("message", listener);
     return () => window.removeEventListener("message", listener);
   }, [handleMessage]);
-  const onTabClick = useCallback(
+  useCallback(
     (tab) => onTabChange?.(tab),
     [onTabChange]
   );
@@ -4968,59 +4972,16 @@ function PlatformVisualEditorV2({
       /* @__PURE__ */ jsx("p", { className: "text-xs text-red-400", children: error })
     ] }) });
   }
-  return /* @__PURE__ */ jsxs("div", { className, children: [
-    showHeader ? renderHeader?.({
-      title: title ?? experiment?.name,
-      status: status ?? experiment?.status,
-      tabs,
-      activeTab,
-      onTabClick,
-      onClose
-    }) ?? /* ── Figma-style top bar ── */
-    /* @__PURE__ */ jsxs("div", { className: "h-12 border-b border-slate-200 bg-white flex items-center justify-between px-4 shadow-[0_1px_3px_rgba(0,0,0,0.04)] shrink-0", children: [
-      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2.5 min-w-0", children: [
-        /* @__PURE__ */ jsx("span", { className: "text-[10px] font-bold tracking-wide px-1.5 py-0.5 rounded bg-indigo-50 text-indigo-600 border border-indigo-100 shrink-0", children: "V2" }),
-        /* @__PURE__ */ jsx("span", { className: "font-semibold text-sm text-slate-800 truncate", children: title ?? experiment?.name ?? "Visual Editor" }),
-        status ? /* @__PURE__ */ jsx("span", { className: "hidden sm:inline-flex text-[10px] px-2 py-0.5 rounded-full border border-slate-200 text-slate-500 font-medium bg-slate-50 capitalize", children: status }) : null,
-        dirty ? /* @__PURE__ */ jsx(
-          "span",
-          {
-            className: "w-1.5 h-1.5 rounded-full bg-amber-400 shrink-0",
-            title: "Unsaved changes"
-          }
-        ) : null
-      ] }),
-      tabs.length > 0 ? /* @__PURE__ */ jsx("div", { className: "hidden md:flex items-center gap-1 absolute left-1/2 -translate-x-1/2", children: tabs.map((tab) => /* @__PURE__ */ jsx(
-        "button",
-        {
-          type: "button",
-          onClick: () => onTabClick(tab),
-          className: `text-[11px] font-semibold px-3 py-1 rounded-full border transition-all ${tab.label === activeTab ? "bg-indigo-600 text-white border-indigo-600 shadow-sm" : "bg-white text-slate-500 border-slate-200 hover:border-slate-300 hover:text-slate-700"}`,
-          children: tab.label
-        },
-        tab.hash
-      )) }) : null,
-      /* @__PURE__ */ jsx("div", { className: "flex items-center gap-2", children: showCloseButton ? /* @__PURE__ */ jsx(
-        "button",
-        {
-          type: "button",
-          className: "text-[11px] font-medium px-3 py-1.5 rounded-md border border-slate-200 text-slate-600 hover:bg-slate-50 hover:border-slate-300 transition-all",
-          onClick: () => sendToVvveb("close-editor", {}),
-          children: closeLabel
-        }
-      ) : null })
-    ] }) : null,
-    /* @__PURE__ */ jsx("div", { className: editorClassName, children: /* @__PURE__ */ jsx(
-      "iframe",
-      {
-        ref: iframeRef,
-        src: editorSrc,
-        className: "w-full h-full border-0",
-        title: "Vvveb Visual Editor",
-        allow: "same-origin"
-      }
-    ) })
-  ] });
+  return /* @__PURE__ */ jsx("div", { className, children: /* @__PURE__ */ jsx("div", { className: editorClassName, children: /* @__PURE__ */ jsx(
+    "iframe",
+    {
+      ref: iframeRef,
+      src: editorSrc,
+      className: "w-full h-full border-0",
+      title: "Vvveb Visual Editor",
+      allow: "same-origin"
+    }
+  ) }) });
 }
 var AI_EDITOR_CHANNEL = "ve-ai-editor";
 var AI_VIEWPORT_WIDTH = {