@accelerated-agency/visual-editor 0.4.2 → 0.4.4

package/dist/index.js

@@ -4657,7 +4657,6 @@ function PlatformVisualEditor({
     }),
     [experiment]
   );
-  console.log("loadPayload", loadPayload);
   useEffect(() => {
     if (!editorReady) return;
     const payloadKey = JSON.stringify(loadPayload);
@@ -4807,6 +4806,7 @@ function PlatformVisualEditorV2({
   // channel kept for API compatibility; VvvebJs uses its own internal channel
   embeddedGlobalKey = "__CONVERSION_EMBEDDED__",
   proxyBaseUrl = "",
+  conversionProxyBaseUrl = "",
   strictObserverFreeze = false,
   trackingMarkers = [],
   className = "fixed inset-0 z-[9999] flex flex-col bg-white",
@@ -4839,6 +4839,7 @@ function PlatformVisualEditorV2({
 }) {
   const iframeRef = useRef(null);
   const [editorReady, setEditorReady] = useState(false);
+  const [iframeLoaded, setIframeLoaded] = useState(false);
   const [isSaving, setIsSaving] = useState(false);
   const [dirty, setDirty] = useState(false);
   const dirtyRef = useRef(false);
@@ -4870,11 +4871,12 @@ function PlatformVisualEditorV2({
       status: experiment?.status,
       pageUrl: experiment?.pageUrl,
       editorPassword: experiment?.editorPassword,
+      conversionProxyBaseUrl: typeof conversionProxyBaseUrl === "string" ? conversionProxyBaseUrl.trim().replace(/\/+$/, "") : "",
       strictObserverFreeze: !!strictObserverFreeze,
       trackingMarkers: Array.isArray(trackingMarkers) ? trackingMarkers.filter((m) => typeof m === "string" && m.trim().length > 0) : [],
       variations: experiment?.variations ?? []
     }),
-    [experiment, strictObserverFreeze, trackingMarkers]
+    [conversionProxyBaseUrl, experiment, strictObserverFreeze, trackingMarkers]
   );
   const editorSrc = useMemo(() => {
     const safeBaseUrl = normalizeProxyBaseUrl(proxyBaseUrl);
@@ -4968,6 +4970,23 @@ function PlatformVisualEditorV2({
     window.addEventListener("message", listener);
     return () => window.removeEventListener("message", listener);
   }, [handleMessage]);
+  useEffect(() => {
+    if (!iframeLoaded || editorReady) return;
+    let attempts = 0;
+    const maxAttempts = 12;
+    const tickMs = 500;
+    const tryBootstrap = () => {
+      if (editorReady) return;
+      attempts += 1;
+      sendToVvveb("load-experiment", loadPayload);
+      if (attempts >= maxAttempts) {
+        clearInterval(timer);
+      }
+    };
+    tryBootstrap();
+    const timer = window.setInterval(tryBootstrap, tickMs);
+    return () => window.clearInterval(timer);
+  }, [iframeLoaded, editorReady, loadPayload, sendToVvveb]);
   useCallback(
     (tab) => onTabChange?.(tab),
     [onTabChange]
@@ -4987,7 +5006,8 @@ function PlatformVisualEditorV2({
       src: editorSrc,
       className: "w-full h-full border-0",
       title: "Vvveb Visual Editor",
-      allow: "same-origin"
+      allow: "same-origin",
+      onLoad: () => setIframeLoaded(true)
     }
   ) }) });
 }