@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.js CHANGED
@@ -7972,7 +7972,6 @@ function GalleryMapSection({
7972
7972
  const [showVideo, setShowVideo] = React5.useState(false);
7973
7973
  const [autoPlaying, setAutoPlaying] = React5.useState(autoPlay);
7974
7974
  const [showFullMap, setShowFullMap] = React5.useState(false);
7975
- const [showFullVideo, setShowFullVideo] = React5.useState(false);
7976
7975
  const resolvedMapUrl = mapUrl ?? (tokenName ? `/map/${tokenName}?embed=true&zoom=14&hideOthers=true` : "about:blank");
7977
7976
  React5.useEffect(() => {
7978
7977
  if (!autoPlaying || images.length <= 1) return;
@@ -8045,7 +8044,7 @@ function GalleryMapSection({
8045
8044
  ] }),
8046
8045
  "Floor Plan"
8047
8046
  ] }),
8048
- videoUrl && /* @__PURE__ */ jsxRuntime.jsxs(FixedBtn, { $active: false, onClick: () => setShowFullVideo(true), children: [
8047
+ videoUrl && /* @__PURE__ */ jsxRuntime.jsxs(FixedBtn, { $active: showVideo, onClick: () => setShowVideo((p) => !p), children: [
8049
8048
  /* @__PURE__ */ jsxRuntime.jsx(bi.BiVideo, { size: 16 }),
8050
8049
  " Video"
8051
8050
  ] }),
@@ -8120,8 +8119,7 @@ function GalleryMapSection({
8120
8119
  /* @__PURE__ */ jsxRuntime.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." })
8121
8120
  ] })
8122
8121
  ] }),
8123
- showFullMap && /* @__PURE__ */ jsxRuntime.jsx(FullMapPopup, { onClose: () => setShowFullMap(false) }),
8124
- showFullVideo && videoUrl && /* @__PURE__ */ jsxRuntime.jsx(FullVideoPopup, { videoUrl, onClose: () => setShowFullVideo(false) })
8122
+ showFullMap && /* @__PURE__ */ jsxRuntime.jsx(FullMapPopup, { onClose: () => setShowFullMap(false) })
8125
8123
  ] });
8126
8124
  }
8127
8125
  function FullMapPopup({ onClose }) {
@@ -8177,25 +8175,6 @@ function FullMapPopup({ onClose }) {
8177
8175
  ) })
8178
8176
  ] }) });
8179
8177
  }
8180
- function FullVideoPopup({ videoUrl, onClose }) {
8181
- React5.useEffect(() => {
8182
- const handleEsc = (e) => {
8183
- if (e.key === "Escape") onClose();
8184
- };
8185
- window.addEventListener("keydown", handleEsc);
8186
- return () => window.removeEventListener("keydown", handleEsc);
8187
- }, [onClose]);
8188
- return /* @__PURE__ */ jsxRuntime.jsx(FullMapOverlay, { onClick: onClose, children: /* @__PURE__ */ jsxRuntime.jsxs(FullMapPanel, { onClick: (e) => e.stopPropagation(), style: { maxWidth: 1e3 }, children: [
8189
- /* @__PURE__ */ jsxRuntime.jsxs(FullMapHeader, { children: [
8190
- /* @__PURE__ */ jsxRuntime.jsxs(FullMapTitle, { children: [
8191
- /* @__PURE__ */ jsxRuntime.jsx(bi.BiVideo, {}),
8192
- " Property Video"
8193
- ] }),
8194
- /* @__PURE__ */ jsxRuntime.jsx(FullMapClose, { onClick: onClose, "aria-label": "Close video", children: "\u2715" })
8195
- ] }),
8196
- /* @__PURE__ */ jsxRuntime.jsx(FullVideoFrame, { children: /* @__PURE__ */ jsxRuntime.jsx("video", { autoPlay: true, loop: true, playsInline: true, controls: true, style: { width: "100%", height: "100%", objectFit: "contain", background: "#000", borderRadius: 8 }, children: /* @__PURE__ */ jsxRuntime.jsx("source", { src: videoUrl, type: "video/mp4" }) }) })
8197
- ] }) });
8198
- }
8199
8178
  var Row = styled9__default.default.div`
8200
8179
  display: grid;
8201
8180
  grid-template-columns: 2fr 1fr;
@@ -8418,14 +8397,6 @@ var FullMapFrame = styled9__default.default.div`
8418
8397
  flex: 1;
8419
8398
  min-height: 0;
8420
8399
  `;
8421
- var FullVideoFrame = styled9__default.default.div`
8422
- flex: 1;
8423
- min-height: 0;
8424
- display: flex;
8425
- align-items: center;
8426
- justify-content: center;
8427
- padding: 0 1rem 1rem;
8428
- `;
8429
8400
  var BedIcon = /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", children: [
8430
8401
  /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M2 4v16" }),
8431
8402
  /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M2 8h18a2 2 0 0 1 2 2v10" }),