@loafmarkets/ui 0.1.166 → 0.1.167

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.mjs CHANGED
@@ -7946,7 +7946,6 @@ function GalleryMapSection({
7946
7946
  const [showVideo, setShowVideo] = useState(false);
7947
7947
  const [autoPlaying, setAutoPlaying] = useState(autoPlay);
7948
7948
  const [showFullMap, setShowFullMap] = useState(false);
7949
- const [showFullVideo, setShowFullVideo] = useState(false);
7950
7949
  const resolvedMapUrl = mapUrl ?? (tokenName ? `/map/${tokenName}?embed=true&zoom=14&hideOthers=true` : "about:blank");
7951
7950
  useEffect(() => {
7952
7951
  if (!autoPlaying || images.length <= 1) return;
@@ -8019,7 +8018,7 @@ function GalleryMapSection({
8019
8018
  ] }),
8020
8019
  "Floor Plan"
8021
8020
  ] }),
8022
- videoUrl && /* @__PURE__ */ jsxs(FixedBtn, { $active: false, onClick: () => setShowFullVideo(true), children: [
8021
+ videoUrl && /* @__PURE__ */ jsxs(FixedBtn, { $active: showVideo, onClick: () => setShowVideo((p) => !p), children: [
8023
8022
  /* @__PURE__ */ jsx(BiVideo, { size: 16 }),
8024
8023
  " Video"
8025
8024
  ] }),
@@ -8094,8 +8093,7 @@ function GalleryMapSection({
8094
8093
  /* @__PURE__ */ jsx(SuburbDesc, { children: "Premium harbourside suburb on Sydney's Lower North Shore. Known for heritage homes, village atmosphere, and proximity to Taronga Zoo and Balmoral Beach." })
8095
8094
  ] })
8096
8095
  ] }),
8097
- showFullMap && /* @__PURE__ */ jsx(FullMapPopup, { onClose: () => setShowFullMap(false) }),
8098
- showFullVideo && videoUrl && /* @__PURE__ */ jsx(FullVideoPopup, { videoUrl, onClose: () => setShowFullVideo(false) })
8096
+ showFullMap && /* @__PURE__ */ jsx(FullMapPopup, { onClose: () => setShowFullMap(false) })
8099
8097
  ] });
8100
8098
  }
8101
8099
  function FullMapPopup({ onClose }) {
@@ -8151,25 +8149,6 @@ function FullMapPopup({ onClose }) {
8151
8149
  ) })
8152
8150
  ] }) });
8153
8151
  }
8154
- function FullVideoPopup({ videoUrl, onClose }) {
8155
- useEffect(() => {
8156
- const handleEsc = (e) => {
8157
- if (e.key === "Escape") onClose();
8158
- };
8159
- window.addEventListener("keydown", handleEsc);
8160
- return () => window.removeEventListener("keydown", handleEsc);
8161
- }, [onClose]);
8162
- return /* @__PURE__ */ jsx(FullMapOverlay, { onClick: onClose, children: /* @__PURE__ */ jsxs(FullMapPanel, { onClick: (e) => e.stopPropagation(), style: { maxWidth: 1e3 }, children: [
8163
- /* @__PURE__ */ jsxs(FullMapHeader, { children: [
8164
- /* @__PURE__ */ jsxs(FullMapTitle, { children: [
8165
- /* @__PURE__ */ jsx(BiVideo, {}),
8166
- " Property Video"
8167
- ] }),
8168
- /* @__PURE__ */ jsx(FullMapClose, { onClick: onClose, "aria-label": "Close video", children: "\u2715" })
8169
- ] }),
8170
- /* @__PURE__ */ jsx(FullVideoFrame, { children: /* @__PURE__ */ jsx("video", { autoPlay: true, loop: true, playsInline: true, controls: true, style: { width: "100%", height: "100%", objectFit: "contain", background: "#000", borderRadius: 8 }, children: /* @__PURE__ */ jsx("source", { src: videoUrl, type: "video/mp4" }) }) })
8171
- ] }) });
8172
- }
8173
8152
  var Row = styled9.div`
8174
8153
  display: grid;
8175
8154
  grid-template-columns: 2fr 1fr;
@@ -8392,14 +8371,6 @@ var FullMapFrame = styled9.div`
8392
8371
  flex: 1;
8393
8372
  min-height: 0;
8394
8373
  `;
8395
- var FullVideoFrame = styled9.div`
8396
- flex: 1;
8397
- min-height: 0;
8398
- display: flex;
8399
- align-items: center;
8400
- justify-content: center;
8401
- padding: 0 1rem 1rem;
8402
- `;
8403
8374
  var BedIcon = /* @__PURE__ */ jsxs("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", children: [
8404
8375
  /* @__PURE__ */ jsx("path", { d: "M2 4v16" }),
8405
8376
  /* @__PURE__ */ jsx("path", { d: "M2 8h18a2 2 0 0 1 2 2v10" }),