@loafmarkets/ui 0.1.343 → 0.1.344

package/dist/index.mjs

@@ -2488,6 +2488,11 @@ var PropertyTour = React5.forwardRef(
     ...props
   }, ref) => {
     const videoRef = React5.useRef(null);
+    React5.useEffect(() => {
+      if (videoRef.current && src) {
+        videoRef.current.load();
+      }
+    }, [src]);
     React5.useEffect(() => {
       const video = videoRef.current;
       if (!video) return;
@@ -8644,7 +8649,7 @@ function PropertyOverview({
   const tokenMarketCap = tokenPriceValue && resolvedTokensIssued ? tokenPriceValue * resolvedTokensIssued : null;
   const currentDividendYield = tokenMarketCap && monthlyCoupon > 0 ? (monthlyCoupon * 12 / tokenMarketCap * 100).toFixed(2) : null;
   const loadingSkeleton = /* @__PURE__ */ jsx(Skeleton, { width: 90, height: 18 });
-  const rawPropertyType = overviewData?.propertyType ?? propertyTypeLabel ?? null;
+  const rawPropertyType = propertyTypeLabel ?? null;
   const resolvedPropertyType = rawPropertyType?.toLowerCase() === "house" ? "Residential" : rawPropertyType;
   const galleryImages = images ?? [];
   const chainValue = /* @__PURE__ */ jsxs(ChainLogos, { children: [
@@ -8805,102 +8810,7 @@ function PropertyOverview({
               item.icon && /* @__PURE__ */ jsx(AssetFeatureIcon, { children: item.icon }),
               item.value && /* @__PURE__ */ jsx(AssetFeatureValue, { children: item.value }),
               /* @__PURE__ */ jsx(AssetFeatureLabel, { children: item.label })
-            ] }, i)) }),
-            /* @__PURE__ */ jsxs(CompAssetsPanel, { children: [
-              /* @__PURE__ */ jsx(StatsColumnHeader, { children: "Comparable Assets" }),
-              /* @__PURE__ */ jsxs(CompAssetsGrid, { children: [
-                /* @__PURE__ */ jsxs(CompAssetStrip, { children: [
-                  /* @__PURE__ */ jsx(CompAssetStripImg, { children: /* @__PURE__ */ jsx("img", { src: "/boondabah.jpg", alt: "Boondabah", onError: (e) => {
-                    e.target.style.display = "none";
-                  } }) }),
-                  /* @__PURE__ */ jsxs(CompAssetStripInfo, { children: [
-                    /* @__PURE__ */ jsxs(CompAssetStripName, { children: [
-                      "Boondabah ",
-                      /* @__PURE__ */ jsx(CompAssetBadge, { children: "HERITAGE" })
-                    ] }),
-                    /* @__PURE__ */ jsx(CompAssetStripAddr, { children: "200A Raglan St, Mosman" })
-                  ] }),
-                  /* @__PURE__ */ jsxs(CompAssetStripRight, { children: [
-                    /* @__PURE__ */ jsx(CompAssetStripPrice, { children: "$16.07M" }),
-                    /* @__PURE__ */ jsx(CompAssetStripGrowth, { style: { color: "#4ade80" }, children: "+119%" })
-                  ] }),
-                  /* @__PURE__ */ jsxs(CompAssetTooltip, { children: [
-                    /* @__PURE__ */ jsx(CompAssetTooltipArrow, {}),
-                    /* @__PURE__ */ jsx(CompAssetTooltipImg, { children: /* @__PURE__ */ jsx("img", { src: "/boondabah.jpg", alt: "Boondabah", onError: (e) => {
-                      e.target.style.display = "none";
-                    } }) }),
-                    /* @__PURE__ */ jsxs(CompAssetTooltipTitle, { children: [
-                      "Boondabah ",
-                      /* @__PURE__ */ jsx(CompAssetBadge, { children: "HERITAGE" })
-                    ] }),
-                    /* @__PURE__ */ jsx(CompAssetTooltipAddr, { children: "200A Raglan St, Mosman" }),
-                    /* @__PURE__ */ jsxs(CompAssetTooltipStats, { children: [
-                      /* @__PURE__ */ jsxs(CompAssetTooltipRow, { children: [
-                        /* @__PURE__ */ jsx("span", { children: "Sale Price" }),
-                        /* @__PURE__ */ jsx("span", { children: "$16.07M" })
-                      ] }),
-                      /* @__PURE__ */ jsxs(CompAssetTooltipRow, { children: [
-                        /* @__PURE__ */ jsx("span", { children: "Land" }),
-                        /* @__PURE__ */ jsx("span", { children: "2,066 sqm" })
-                      ] }),
-                      /* @__PURE__ */ jsxs(CompAssetTooltipRow, { children: [
-                        /* @__PURE__ */ jsx("span", { children: "Era" }),
-                        /* @__PURE__ */ jsx("span", { children: "c.1905" })
-                      ] }),
-                      /* @__PURE__ */ jsxs(CompAssetTooltipRow, { children: [
-                        /* @__PURE__ */ jsx("span", { children: "Growth" }),
-                        /* @__PURE__ */ jsx("span", { style: { color: "#4ade80" }, children: "+119%" })
-                      ] })
-                    ] })
-                  ] })
-                ] }),
-                /* @__PURE__ */ jsxs(CompAssetStrip, { children: [
-                  /* @__PURE__ */ jsx(CompAssetStripImg, { children: /* @__PURE__ */ jsx("img", { src: "/bradleys.jpg", alt: "Dobroyd", onError: (e) => {
-                    e.target.style.display = "none";
-                  } }) }),
-                  /* @__PURE__ */ jsxs(CompAssetStripInfo, { children: [
-                    /* @__PURE__ */ jsxs(CompAssetStripName, { children: [
-                      "Dobroyd ",
-                      /* @__PURE__ */ jsx(CompAssetBadge, { children: "HERITAGE" })
-                    ] }),
-                    /* @__PURE__ */ jsx(CompAssetStripAddr, { children: "7 Bradleys Head Rd, Mosman" })
-                  ] }),
-                  /* @__PURE__ */ jsxs(CompAssetStripRight, { children: [
-                    /* @__PURE__ */ jsx(CompAssetStripPrice, { children: "$27.96M" }),
-                    /* @__PURE__ */ jsx(CompAssetStripGrowth, { style: { color: "#4ade80" }, children: "+617%" })
-                  ] }),
-                  /* @__PURE__ */ jsxs(CompAssetTooltip, { children: [
-                    /* @__PURE__ */ jsx(CompAssetTooltipArrow, {}),
-                    /* @__PURE__ */ jsx(CompAssetTooltipImg, { children: /* @__PURE__ */ jsx("img", { src: "/bradleys.jpg", alt: "Dobroyd", onError: (e) => {
-                      e.target.style.display = "none";
-                    } }) }),
-                    /* @__PURE__ */ jsxs(CompAssetTooltipTitle, { children: [
-                      "Dobroyd ",
-                      /* @__PURE__ */ jsx(CompAssetBadge, { children: "HERITAGE" })
-                    ] }),
-                    /* @__PURE__ */ jsx(CompAssetTooltipAddr, { children: "7 Bradleys Head Rd, Mosman" }),
-                    /* @__PURE__ */ jsxs(CompAssetTooltipStats, { children: [
-                      /* @__PURE__ */ jsxs(CompAssetTooltipRow, { children: [
-                        /* @__PURE__ */ jsx("span", { children: "Sale Price" }),
-                        /* @__PURE__ */ jsx("span", { children: "$27.96M" })
-                      ] }),
-                      /* @__PURE__ */ jsxs(CompAssetTooltipRow, { children: [
-                        /* @__PURE__ */ jsx("span", { children: "Land" }),
-                        /* @__PURE__ */ jsx("span", { children: "2,592 sqm" })
-                      ] }),
-                      /* @__PURE__ */ jsxs(CompAssetTooltipRow, { children: [
-                        /* @__PURE__ */ jsx("span", { children: "Era" }),
-                        /* @__PURE__ */ jsx("span", { children: "c.1905" })
-                      ] }),
-                      /* @__PURE__ */ jsxs(CompAssetTooltipRow, { children: [
-                        /* @__PURE__ */ jsx("span", { children: "Growth" }),
-                        /* @__PURE__ */ jsx("span", { style: { color: "#4ade80" }, children: "+617%" })
-                      ] })
-                    ] })
-                  ] })
-                ] })
-              ] })
-            ] })
+            ] }, i)) })
           ] }),
           /* @__PURE__ */ jsxs(StatsColumn, { children: [
             /* @__PURE__ */ jsx(StatsColumnHeader, { children: "Asset Specification" }),
@@ -9020,47 +8930,6 @@ function PropertyOverview({
             ] })
           ] })
         ] }),
-        /* @__PURE__ */ jsxs(MapCompRow, { children: [
-          /* @__PURE__ */ jsx(MapCompLeft, { children: /* @__PURE__ */ jsx(
-            GalleryMapSection,
-            {
-              images: galleryImages.map((img) => ({ src: img.imageUrl, title: img.title, subtitle: img.subtitle })),
-              categories: galleryCategories,
-              propertyLocation: location,
-              videoUrl,
-              tokenName,
-              onPhotoClick: onPhotosClick,
-              hideGallery: true,
-              hideSuburb: true
-            }
-          ) }),
-          /* @__PURE__ */ jsxs(SuburbPanel, { children: [
-            /* @__PURE__ */ jsxs(SuburbPanelTitle, { children: [
-              "Suburb Profile (",
-              location.split(",")[0]?.trim() || location,
-              ")"
-            ] }),
-            /* @__PURE__ */ jsxs(SuburbPanelGrid, { children: [
-              /* @__PURE__ */ jsxs(SuburbPanelStat, { children: [
-                /* @__PURE__ */ jsx(SuburbPanelStatLabel, { children: "Median House Price" }),
-                /* @__PURE__ */ jsx(SuburbPanelStatValue, { children: "$5.5M" })
-              ] }),
-              /* @__PURE__ */ jsxs(SuburbPanelStat, { children: [
-                /* @__PURE__ */ jsx(SuburbPanelStatLabel, { children: "5yr Growth" }),
-                /* @__PURE__ */ jsx(SuburbPanelStatValue, { children: "+42%" })
-              ] }),
-              /* @__PURE__ */ jsxs(SuburbPanelStat, { children: [
-                /* @__PURE__ */ jsx(SuburbPanelStatLabel, { children: "Suburb Rank" }),
-                /* @__PURE__ */ jsx(SuburbPanelStatValue, { children: "Top 1%" })
-              ] }),
-              /* @__PURE__ */ jsxs(SuburbPanelStat, { children: [
-                /* @__PURE__ */ jsx(SuburbPanelStatLabel, { children: "Avg. Days on Market" }),
-                /* @__PURE__ */ jsx(SuburbPanelStatValue, { children: "28" })
-              ] })
-            ] }),
-            /* @__PURE__ */ jsx(SuburbPanelDesc, { children: "One of Sydney's most prestigious harbourside suburbs, consistently ranked among Australia's highest-value residential markets. Strong capital growth driven by limited supply, heritage conservation overlays, and international buyer demand." })
-          ] })
-        ] }),
         /* @__PURE__ */ jsxs(AssetBentoNarratives, { children: [
           /* @__PURE__ */ jsxs(NarrativeCard, { children: [
             /* @__PURE__ */ jsx(NarrativeIcon, { children: /* @__PURE__ */ jsx("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", children: /* @__PURE__ */ jsx("path", { d: "M22 12h-4l-3 9L9 3l-3 9H2" }) }) }),
@@ -9091,21 +8960,11 @@ function PropertyOverview({
           /* @__PURE__ */ jsx(THLabel, { children: "Hours (AEST)" }),
           /* @__PURE__ */ jsx(THLabel, { children: "Days" })
         ] }),
-        /* @__PURE__ */ jsxs(TradingHoursRow, { children: [
+        /* @__PURE__ */ jsxs(TradingHoursRow, { $last: true, children: [
           /* @__PURE__ */ jsx(THValue, { children: "Continuous Trading" }),
           /* @__PURE__ */ jsx(THValue, { children: "10:00 \u2013 16:00" }),
           /* @__PURE__ */ jsx(THValue, { children: "Mon \u2013 Fri" })
         ] }),
-        /* @__PURE__ */ jsxs(TradingHoursRow, { children: [
-          /* @__PURE__ */ jsx(THValue, { children: "After Hours" }),
-          /* @__PURE__ */ jsx(THValue, { children: "16:00 \u2013 20:00" }),
-          /* @__PURE__ */ jsx(THValue, { children: "Mon \u2013 Fri" })
-        ] }),
-        /* @__PURE__ */ jsxs(TradingHoursRow, { $last: true, children: [
-          /* @__PURE__ */ jsx(THValue, { children: "Pre-Market" }),
-          /* @__PURE__ */ jsx(THValue, { children: "07:00 \u2013 10:00" }),
-          /* @__PURE__ */ jsx(THValue, { children: "Mon \u2013 Fri" })
-        ] }),
         /* @__PURE__ */ jsx(TradingHoursNote, { children: "All times are Australian Eastern Standard Time (AEST/AEDT). Markets are closed on Australian public holidays." })
       ] })
     ] }),
@@ -9354,66 +9213,6 @@ var GallerySpecLeft = styled9.div`
   flex-direction: column;
   gap: 0.75rem;
 `;
-var MapCompRow = styled9.div`
-  display: grid;
-  grid-template-columns: 1fr 380px;
-  gap: 0.75rem;
-  margin-top: 0.75rem;
-  align-items: stretch;
-  @media (max-width: 900px) { grid-template-columns: 1fr; }
-`;
-var MapCompLeft = styled9.div`
-  min-width: 0;
-  overflow: hidden;
-`;
-var SuburbPanel = styled9.div`
-  background: #111111;
-  border: 1px solid rgba(255,255,255,0.1);
-  border-radius: 12px;
-  padding: 1.25rem;
-  display: flex;
-  flex-direction: column;
-  gap: 0.75rem;
-`;
-var SuburbPanelTitle = styled9.div`
-  font-size: 0.65rem;
-  color: #D4AF37;
-  text-transform: uppercase;
-  letter-spacing: 0.12em;
-  font-weight: 600;
-  padding-bottom: 0.75rem;
-  border-bottom: 1px solid rgba(255,255,255,0.06);
-`;
-var SuburbPanelGrid = styled9.div`
-  display: grid;
-  grid-template-columns: 1fr 1fr;
-  gap: 0.5rem;
-`;
-var SuburbPanelStat = styled9.div`
-  background: rgba(255,255,255,0.03);
-  border-radius: 6px;
-  padding: 0.5rem 0.65rem;
-  border: 1px solid rgba(255,255,255,0.04);
-`;
-var SuburbPanelStatLabel = styled9.div`
-  font-size: 0.6rem;
-  color: rgba(255,255,255,0.4);
-  text-transform: uppercase;
-  letter-spacing: 0.06em;
-  margin-bottom: 0.2rem;
-`;
-var SuburbPanelStatValue = styled9.div`
-  font-size: 0.9rem;
-  font-weight: 600;
-  color: #fff;
-  font-variant-numeric: tabular-nums;
-`;
-var SuburbPanelDesc = styled9.p`
-  margin: 0;
-  font-size: 0.75rem;
-  color: rgba(255,255,255,0.45);
-  line-height: 1.5;
-`;
 var AssetBentoNarratives = styled9.div`
   display: grid;
   grid-template-columns: repeat(3, 1fr);
@@ -9788,182 +9587,6 @@ var TimelineHoldPeriod = styled9.span`
   color: rgba(255,255,255,0.25);
   font-weight: 400;
 `;
-var CompAssetsPanel = styled9.div`
-  background: #111111;
-  border: 1px solid rgba(255,255,255,0.1);
-  border-radius: 12px;
-  padding: 0.75rem 1rem;
-  display: flex;
-  flex-direction: column;
-  gap: 0.35rem;
-`;
-var CompAssetsGrid = styled9.div`
-  display: grid;
-  grid-template-columns: 1fr 1fr;
-  gap: 0.5rem;
-  @media (max-width: 768px) {
-    grid-template-columns: 1fr;
-  }
-`;
-var CompAssetStrip = styled9.div`
-  position: relative;
-  display: flex;
-  align-items: center;
-  gap: 0.75rem;
-  background: rgba(255,255,255,0.02);
-  border: 1px solid rgba(255,255,255,0.06);
-  border-radius: 10px;
-  padding: 0.6rem 1rem 0.6rem 0.6rem;
-  transition: border-color 0.2s, background 0.2s;
-  cursor: pointer;
-  &:hover {
-    border-color: rgba(212,175,55,0.3);
-    background: rgba(255,255,255,0.03);
-  }
-  &:hover > div:last-child {
-    display: block;
-  }
-`;
-var CompAssetStripImg = styled9.div`
-  width: 52px;
-  height: 52px;
-  border-radius: 8px;
-  overflow: hidden;
-  flex-shrink: 0;
-  background: rgba(255,255,255,0.05);
-  img {
-    width: 100%;
-    height: 100%;
-    object-fit: cover;
-  }
-`;
-var CompAssetStripInfo = styled9.div`
-  flex: 1;
-  min-width: 0;
-  display: flex;
-  flex-direction: column;
-  gap: 2px;
-`;
-var CompAssetStripName = styled9.div`
-  font-size: 0.9rem;
-  font-weight: 600;
-  color: #fff;
-  display: flex;
-  align-items: center;
-  gap: 0.4rem;
-`;
-var CompAssetStripAddr = styled9.div`
-  font-size: 0.72rem;
-  color: rgba(255,255,255,0.4);
-`;
-var CompAssetStripRight = styled9.div`
-  flex-shrink: 0;
-  text-align: right;
-  display: flex;
-  flex-direction: column;
-  align-items: flex-end;
-  gap: 2px;
-`;
-var CompAssetStripPrice = styled9.div`
-  font-size: 1rem;
-  font-weight: 700;
-  color: #fff;
-  font-variant-numeric: tabular-nums;
-  white-space: nowrap;
-`;
-var CompAssetStripGrowth = styled9.div`
-  font-size: 0.72rem;
-  font-weight: 500;
-  font-variant-numeric: tabular-nums;
-`;
-var CompAssetBadge = styled9.span`
-  font-size: 0.52rem;
-  font-weight: 600;
-  text-transform: uppercase;
-  letter-spacing: 0.06em;
-  color: #4ade80;
-  background: rgba(74,222,128,0.1);
-  border: 1px solid rgba(74,222,128,0.2);
-  padding: 1px 6px;
-  border-radius: 4px;
-  white-space: nowrap;
-`;
-var CompAssetTooltip = styled9.div`
-  display: none;
-  position: absolute;
-  bottom: calc(100% + 10px);
-  left: 50%;
-  transform: translateX(-50%);
-  width: 280px;
-  background: #1a1d24;
-  border: 1px solid rgba(255,255,255,0.1);
-  border-radius: 8px;
-  padding: 0.75rem;
-  z-index: 100;
-  box-shadow: 0 8px 24px rgba(0,0,0,0.5);
-  pointer-events: none;
-`;
-var CompAssetTooltipArrow = styled9.div`
-  position: absolute;
-  bottom: -5px;
-  left: 50%;
-  transform: translateX(-50%) rotate(45deg);
-  width: 8px;
-  height: 8px;
-  background: #1a1d24;
-  border-right: 1px solid rgba(255,255,255,0.1);
-  border-bottom: 1px solid rgba(255,255,255,0.1);
-`;
-var CompAssetTooltipImg = styled9.div`
-  width: 100%;
-  height: 120px;
-  border-radius: 6px;
-  overflow: hidden;
-  margin-bottom: 0.6rem;
-  background: rgba(255,255,255,0.03);
-  img {
-    width: 100%;
-    height: 100%;
-    object-fit: cover;
-  }
-`;
-var CompAssetTooltipTitle = styled9.div`
-  font-size: 0.8rem;
-  font-weight: 600;
-  color: #fff;
-  display: flex;
-  align-items: center;
-  gap: 0.4rem;
-  margin-bottom: 2px;
-`;
-var CompAssetTooltipAddr = styled9.div`
-  font-size: 0.65rem;
-  color: rgba(255,255,255,0.4);
-  margin-bottom: 0.5rem;
-`;
-var CompAssetTooltipStats = styled9.div`
-  display: flex;
-  flex-direction: column;
-  gap: 0;
-`;
-var CompAssetTooltipRow = styled9.div`
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  padding: 0.3rem 0;
-  border-bottom: 1px solid rgba(255,255,255,0.04);
-  &:last-child { border-bottom: none; }
-  span:first-child {
-    font-size: 0.7rem;
-    color: rgba(255,255,255,0.4);
-  }
-  span:last-child {
-    font-size: 0.75rem;
-    font-weight: 500;
-    color: #fff;
-    font-variant-numeric: tabular-nums;
-  }
-`;
 var FeaturesPanel = styled9.div`
   display: flex;
   flex-wrap: wrap;