@loafmarkets/ui 0.1.159 → 0.1.160

package/dist/index.mjs

@@ -8100,6 +8100,28 @@ function FullMapPopup({ onClose }) {
     window.addEventListener("keydown", handleEsc);
     return () => window.removeEventListener("keydown", handleEsc);
   }, [onClose]);
+  useEffect(() => {
+    const handleMessage = (e) => {
+      if (e.data === "loaf:close-embed") onClose();
+    };
+    window.addEventListener("message", handleMessage);
+    return () => window.removeEventListener("message", handleMessage);
+  }, [onClose]);
+  const iframeRef = useCallback((node) => {
+    if (!node) return;
+    const handleLoad = () => {
+      try {
+        const iframeDoc = node.contentDocument || node.contentWindow?.document;
+        if (iframeDoc) {
+          iframeDoc.addEventListener("keydown", (e) => {
+            if (e.key === "Escape") onClose();
+          });
+        }
+      } catch (_) {
+      }
+    };
+    node.addEventListener("load", handleLoad);
+  }, [onClose]);
   return /* @__PURE__ */ jsx(FullMapOverlay, { onClick: onClose, children: /* @__PURE__ */ jsxs(FullMapPanel, { onClick: (e) => e.stopPropagation(), children: [
     /* @__PURE__ */ jsxs(FullMapHeader, { children: [
       /* @__PURE__ */ jsxs(FullMapTitle, { children: [
@@ -8111,7 +8133,8 @@ function FullMapPopup({ onClose }) {
     /* @__PURE__ */ jsx(FullMapFrame, { children: /* @__PURE__ */ jsx(
       "iframe",
       {
-        src: "/map",
+        ref: iframeRef,
+        src: "/map?embed=true",
         width: "100%",
         height: "100%",
         style: { border: 0 },