@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 +2 -31
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +2 -31
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
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:
|
|
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" }),
|