@accelerated-agency/visual-editor 0.2.2 → 0.2.4

package/dist/index.js

@@ -1843,13 +1843,10 @@ function ElementIcon({ tag }) {
   return /* @__PURE__ */ jsx("span", { className: "shrink-0 w-5 h-5 rounded flex items-center justify-center", style: { backgroundColor: bgColor }, children: /* @__PURE__ */ jsx("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", children: /* @__PURE__ */ jsx("rect", { x: "1.5", y: "1.5", width: "9", height: "9", rx: "1.5", stroke: iconColor, strokeWidth: "1.2" }) }) });
 }
 var CHANNEL = "conversion-editor";
-var IFRAME_LOAD_GUARD_MS = 13e4;
 function IframeCanvas({ url, password, proxyBaseUrl = "", onBridgeReady, onPong }) {
   const iframeElRef = useRef(null);
-  const loadGuardRef = useRef(null);
   const setSelectedElement = useMutationsStore((s) => s.setSelectedElement);
   const addMutationToActive = useVariationsStore((s) => s.addMutationToActive);
-  const [loading, setLoading] = useState(false);
   useEffect(() => {
     setIframeRef(iframeElRef.current);
     return () => setIframeRef(null);
@@ -1888,25 +1885,6 @@ function IframeCanvas({ url, password, proxyBaseUrl = "", onBridgeReady, onPong
     window.addEventListener("message", handleMessage);
     return () => window.removeEventListener("message", handleMessage);
   }, [handleMessage]);
-  useEffect(() => {
-    if (!url) return;
-    setLoading(true);
-    if (loadGuardRef.current) clearTimeout(loadGuardRef.current);
-    loadGuardRef.current = setTimeout(() => {
-      loadGuardRef.current = null;
-      setLoading(false);
-    }, IFRAME_LOAD_GUARD_MS);
-    return () => {
-      if (loadGuardRef.current) clearTimeout(loadGuardRef.current);
-    };
-  }, [url]);
-  const clearLoadGuard = useCallback(() => {
-    if (loadGuardRef.current) {
-      clearTimeout(loadGuardRef.current);
-      loadGuardRef.current = null;
-    }
-    setLoading(false);
-  }, []);
   let resolvedUrl;
   if (url.toLowerCase() === "test") {
     resolvedUrl = "/test";
@@ -1921,27 +1899,16 @@ function IframeCanvas({ url, password, proxyBaseUrl = "", onBridgeReady, onPong
       /* @__PURE__ */ jsx("p", { className: "text-sm text-gray-400", children: 'Load a page from the Page dropdown in the top bar, or type "test" for the local test page' })
     ] });
   }
-  return /* @__PURE__ */ jsxs("div", { className: "relative w-full h-full", children: [
-    loading && /* @__PURE__ */ jsxs("div", { className: "absolute inset-0 z-10 flex flex-col gap-4 p-8", style: { backgroundColor: "#F9FAFB" }, children: [
-      /* @__PURE__ */ jsx("div", { className: "h-8 w-3/4 rounded-md animate-pulse", style: { backgroundColor: "#E5E5E5" } }),
-      /* @__PURE__ */ jsx("div", { className: "h-4 w-1/2 rounded-md animate-pulse", style: { backgroundColor: "#E5E5E5" } }),
-      /* @__PURE__ */ jsx("div", { className: "h-48 w-full rounded-md animate-pulse", style: { backgroundColor: "#E5E5E5" } }),
-      /* @__PURE__ */ jsx("div", { className: "h-4 w-2/3 rounded-md animate-pulse", style: { backgroundColor: "#E5E5E5" } }),
-      /* @__PURE__ */ jsx("div", { className: "h-4 w-1/3 rounded-md animate-pulse", style: { backgroundColor: "#E5E5E5" } }),
-      /* @__PURE__ */ jsx("div", { className: "h-32 w-full rounded-md animate-pulse", style: { backgroundColor: "#E5E5E5" } })
-    ] }),
-    /* @__PURE__ */ jsx(
-      "iframe",
-      {
-        ref: iframeElRef,
-        src: resolvedUrl,
-        className: "w-full h-full border-0",
-        sandbox: "allow-scripts allow-same-origin allow-forms allow-popups",
-        onLoad: clearLoadGuard,
-        onError: clearLoadGuard
-      }
-    )
-  ] });
+  return /* @__PURE__ */ jsx("div", { className: "relative w-full h-full", children: /* @__PURE__ */ jsx(
+    "iframe",
+    {
+      ref: iframeElRef,
+      src: resolvedUrl,
+      className: "w-full h-full border-0",
+      sandbox: "allow-scripts allow-same-origin allow-forms allow-popups",
+      title: "Visual editor page"
+    }
+  ) });
 }
 function ElementOverlayToolbar() {
   const selectedElement = useMutationsStore((s) => s.selectedElement);
@@ -4804,11 +4771,12 @@ function PlatformVisualEditorV2({
   status,
   tabs = [],
   activeTab = "Visual Editor",
-  loading = false,
+  loading: _loading = false,
   error = null,
   showCloseButton = true,
   closeLabel = "Close",
-  loadingText = "Loading visual editor...",
+  loadingText: _loadingText = "Loading visual editor...",
+  renderLoading: _renderLoading,
   saveDebounceSkips = 2,
   experiment,
   onClose,
@@ -4821,7 +4789,6 @@ function PlatformVisualEditorV2({
   onNavigateRequested,
   onDiscardDirty,
   renderHeader,
-  renderLoading,
   renderError
 }) {
   const iframeRef = useRef(null);
@@ -4943,13 +4910,6 @@ function PlatformVisualEditorV2({
     (tab) => onTabChange?.(tab),
     [onTabChange]
   );
-  if (loading) {
-    if (renderLoading) return renderLoading();
-    return /* @__PURE__ */ jsx("div", { className: "fixed inset-0 z-[9999] flex items-center justify-center bg-slate-50", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center gap-3", children: [
-      /* @__PURE__ */ jsx("div", { className: "w-8 h-8 border-2 border-slate-200 border-t-indigo-500 rounded-full animate-spin" }),
-      /* @__PURE__ */ jsx("p", { className: "text-sm text-slate-400", children: loadingText })
-    ] }) });
-  }
   if (error) {
     if (renderError) return renderError(error);
     return /* @__PURE__ */ jsx("div", { className: "fixed inset-0 z-[9999] flex items-center justify-center bg-slate-50", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center gap-2 text-center px-8", children: [