@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.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:
|
|
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" }),
|