@loafmarkets/ui 0.1.158 → 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 },
@@ -8509,8 +8532,13 @@ function PropertyOverview({
   const loadingSkeleton = /* @__PURE__ */ jsx(Skeleton, { width: 90, height: 18 });
   const resolvedPropertyType = overviewData?.propertyType ?? propertyTypeLabel ?? null;
   const galleryImages = images ?? [];
+  const chainValue = /* @__PURE__ */ jsxs(ChainLogos, { children: [
+    /* @__PURE__ */ jsx(ChainLogoImg, { src: "/Base-Symbol.png", alt: "Base" }),
+    /* @__PURE__ */ jsx(ChainLogoImg, { src: "/Ethereum-Logo.png", alt: "Ethereum", style: { filter: "brightness(0) invert(1)" } }),
+    /* @__PURE__ */ jsx("span", { children: chain })
+  ] });
   const tokenDetailsItems = [
-    { label: "Chain", value: chain },
+    { label: "Chain", value: chainValue },
     { label: "Contract Address", value: contractAddress ? truncateAddress(contractAddress) : "\u2014", mono: true, link: contractAddress ? `https://basescan.org/address/${contractAddress}` : void 0 },
     { label: "Token Ticker", value: ticker ?? "\u2014" },
     { label: "Total Tokens", value: isLoading && resolvedTokensIssued == null ? loadingSkeleton : resolvedTokensIssued?.toLocaleString() ?? "\u2014" },
@@ -8983,6 +9011,16 @@ var TokenDetailValue = styled9.span`
   font-weight: 500;
   font-family: ${(p) => p.$mono ? "'SF Mono', 'Fira Code', monospace" : "inherit"};
 `;
+var ChainLogos = styled9.span`
+  display: inline-flex;
+  align-items: center;
+  gap: 6px;
+`;
+var ChainLogoImg = styled9.img`
+  height: 16px;
+  width: auto;
+  vertical-align: middle;
+`;
 var StatsGrid = styled9.div`
   display: grid;
   grid-template-columns: 1fr 1fr;