@loafmarkets/ui 0.1.152 → 0.1.154

package/dist/index.js

@@ -8081,13 +8081,38 @@ function GalleryMapSection({
             src: resolvedMapUrl,
             width: "100%",
             height: "100%",
-            style: { border: 0, minHeight: 500, pointerEvents: "auto" },
+            style: { border: 0, minHeight: 380, pointerEvents: "auto" },
             allow: "autoplay; fullscreen; web-share; xr-spatial-tracking;",
             title: "Property Location",
             referrerPolicy: "unsafe-url",
             tabIndex: -1
           }
         )
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs(SuburbProfile, { children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(SuburbProfileTitle, { children: [
+          "Suburb Profile \u2014 ",
+          propertyLocation.split(",")[0]?.trim() || propertyLocation
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs(SuburbStatsGrid, { children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(SuburbStat, { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(SuburbStatLabel, { children: "Median House Price" }),
+            /* @__PURE__ */ jsxRuntime.jsx(SuburbStatValue, { children: "$6.2M" })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs(SuburbStat, { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(SuburbStatLabel, { children: "5yr Growth" }),
+            /* @__PURE__ */ jsxRuntime.jsx(SuburbStatValue, { children: "+42%" })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs(SuburbStat, { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(SuburbStatLabel, { children: "Rental Yield" }),
+            /* @__PURE__ */ jsxRuntime.jsx(SuburbStatValue, { children: "2.1%" })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs(SuburbStat, { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(SuburbStatLabel, { children: "Population" }),
+            /* @__PURE__ */ jsxRuntime.jsx(SuburbStatValue, { children: "30,200" })
+          ] })
+        ] }),
+        /* @__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." })
       ] })
     ] }),
     showFullMap && /* @__PURE__ */ jsxRuntime.jsx(FullMapPopup, { onClose: () => setShowFullMap(false) })
@@ -8240,11 +8265,55 @@ var MapPanel = styled9__default.default(PanelBase)`
   min-width: 0; overflow: hidden;
 `;
 var MapFrame = styled9__default.default.div`
-  flex: 1; border-radius: 6px; overflow: hidden; min-height: 500px; position: relative;
+  flex: 1; border-radius: 6px; overflow: hidden; min-height: 380px; position: relative;
 `;
 var IframeShield = styled9__default.default.div`
   position: absolute; inset: 0; z-index: 1; cursor: pointer;
 `;
+var SuburbProfile = styled9__default.default.div`
+  margin-top: 1rem;
+  padding-top: 0.85rem;
+  border-top: 1px solid rgba(255,255,255,0.06);
+`;
+var SuburbProfileTitle = styled9__default.default.div`
+  font-size: 0.65rem;
+  color: #D4AF37;
+  text-transform: uppercase;
+  letter-spacing: 0.1em;
+  font-weight: 600;
+  margin-bottom: 0.75rem;
+`;
+var SuburbStatsGrid = styled9__default.default.div`
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+  gap: 0.5rem;
+  margin-bottom: 0.75rem;
+`;
+var SuburbStat = styled9__default.default.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 SuburbStatLabel = styled9__default.default.div`
+  font-size: 0.6rem;
+  color: rgba(255,255,255,0.4);
+  text-transform: uppercase;
+  letter-spacing: 0.06em;
+  margin-bottom: 0.2rem;
+`;
+var SuburbStatValue = styled9__default.default.div`
+  font-size: 0.9rem;
+  font-weight: 600;
+  color: #fff;
+  font-variant-numeric: tabular-nums;
+`;
+var SuburbDesc = styled9__default.default.p`
+  margin: 0;
+  font-size: 0.75rem;
+  color: rgba(255,255,255,0.45);
+  line-height: 1.5;
+`;
 var MapHeaderRight = styled9__default.default.div`
   display: flex;
   align-items: center;
@@ -8381,12 +8450,12 @@ var DEFAULT_PROPERTY_INFO = [
   { label: "Status", value: "N/A" }
 ];
 var DEFAULT_DESCRIPTION = "Property description not available.";
-var TOKENHOLDER_PROTECTIONS = [
-  { icon: ShieldIcon, title: "SPV Structure", desc: "Each property is held in a dedicated Special Purpose Vehicle, isolating investor assets from platform risk." },
-  { icon: LockIcon, title: "Smart Contract Audit", desc: "All token contracts are audited by independent security firms before deployment." },
-  { icon: FileCheckIcon, title: "Title Insurance", desc: "Full title insurance coverage protects token holders against title defects and encumbrances." },
-  { icon: BuildingIcon, title: "Regulated Exchange", desc: "Trading occurs on a regulated marketplace with KYC/AML compliance and investor protections." }
-];
+var ScaleIcon = /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "#D4AF37", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", children: [
+  /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M12 3v18" }),
+  /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M3 7l9-4 9 4" }),
+  /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M3 7l3 5h-6l3-5z" }),
+  /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M18 7l3 5h-6l3-5z" })
+] });
 function truncateAddress(addr) {
   if (addr.length <= 12) return addr;
   return `${addr.slice(0, 6)}...${addr.slice(-4)}`;
@@ -8524,7 +8593,6 @@ function PropertyOverview({
     { label: "Last Valuation", value: isLoading && resolvedValuation == null ? loadingSkeleton : resolvedValuation ? resolvedValuation >= 1e6 ? `$${(resolvedValuation / 1e6).toFixed(2)}M` : `$${resolvedValuation.toLocaleString()}` : "\u2014" },
     { label: "Number of Offers", value: "\u2014" },
     { label: "Growth (Past 5 Years)", value: "\u2014" },
-    { label: "Security Interest in Asset", value: "Yes, secured to Land Registry" },
     { label: "Last Dividend", value: isLoading && monthlyDivPerShare == null ? loadingSkeleton : monthlyDivPerShare != null ? `${(monthlyDivPerShare * 100).toFixed(1)} cents` : "\u2014" },
     { label: "Upcoming Dividend", value: (() => {
       const now = /* @__PURE__ */ new Date();
@@ -8687,12 +8755,99 @@ function PropertyOverview({
       ] })
     ] }),
     /* @__PURE__ */ jsxRuntime.jsxs(Section, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx(SectionHeader, { children: "Tokenholder Protections" }),
-      /* @__PURE__ */ jsxRuntime.jsx(ProtectionsGrid, { children: TOKENHOLDER_PROTECTIONS.map((p) => /* @__PURE__ */ jsxRuntime.jsxs(ProtectionCard, { children: [
-        /* @__PURE__ */ jsxRuntime.jsx(ProtectionIconWrap, { children: p.icon }),
-        /* @__PURE__ */ jsxRuntime.jsx(ProtectionTitle, { children: p.title }),
-        /* @__PURE__ */ jsxRuntime.jsx(ProtectionDesc, { children: p.desc })
-      ] }, p.title)) })
+      /* @__PURE__ */ jsxRuntime.jsx(SectionHeader, { children: "Tokenholder Security" }),
+      /* @__PURE__ */ jsxRuntime.jsx(SecurityIntro, { children: "Every token issued by Loaf Markets is underpinned by institutional-grade legal and structural protections, independently verified and documented." }),
+      /* @__PURE__ */ jsxRuntime.jsxs(SecurityTopRow, { children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(SecurityBadge, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(SecurityBadgeIcon, { children: ScaleIcon }),
+          /* @__PURE__ */ jsxRuntime.jsxs(SecurityBadgeContent, { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(SecurityBadgeLabel, { children: "Legal Structuring by" }),
+            /* @__PURE__ */ jsxRuntime.jsx(SecurityBadgeLogo, { children: /* @__PURE__ */ jsxRuntime.jsx("img", { src: "/Baker_McKenzie.png", alt: "Baker McKenzie", style: { height: "28px", filter: "brightness(0) invert(1)", opacity: 0.85 } }) })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs(SecurityBadge, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(SecurityBadgeIcon, { children: FileCheckIcon }),
+          /* @__PURE__ */ jsxRuntime.jsxs(SecurityBadgeContent, { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(SecurityBadgeLabel, { children: "Independent Valuation by" }),
+            /* @__PURE__ */ jsxRuntime.jsx(SecurityBadgeValuer, { children: "CBRE & Savills" })
+          ] })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs(ProtectionsGrid, { children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(ProtectionCard, { children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(ProtectionCardHeader, { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(ProtectionIconWrap, { children: ShieldIcon }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+              /* @__PURE__ */ jsxRuntime.jsx(ProtectionTitle, { children: "Security Interest in Asset" }),
+              /* @__PURE__ */ jsxRuntime.jsxs(ProtectionStatus, { children: [
+                /* @__PURE__ */ jsxRuntime.jsx(ProtectionStatusDot, {}),
+                "Secured & Registered"
+              ] })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx(ProtectionDesc, { children: "A registered mortgage over the property is held on behalf of token holders, secured against the NSW Land Registry. This ensures token holders have a direct, enforceable claim over the underlying real estate." }),
+          /* @__PURE__ */ jsxRuntime.jsxs(ProtectionDocs, { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(ProtectionDocTag, { children: "Mortgage Agreement" }),
+            /* @__PURE__ */ jsxRuntime.jsx(ProtectionDocTag, { children: "Land Registry Filing" })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs(ProtectionCard, { children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(ProtectionCardHeader, { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(ProtectionIconWrap, { children: LockIcon }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+              /* @__PURE__ */ jsxRuntime.jsx(ProtectionTitle, { children: "Bankruptcy Remote SPV" }),
+              /* @__PURE__ */ jsxRuntime.jsxs(ProtectionStatus, { children: [
+                /* @__PURE__ */ jsxRuntime.jsx(ProtectionStatusDot, {}),
+                "Active"
+              ] })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx(ProtectionDesc, { children: "The property is held within a dedicated Special Purpose Vehicle, legally isolated from Loaf Markets' operating entity. In the event of platform insolvency, token holder assets remain protected and ring-fenced." }),
+          /* @__PURE__ */ jsxRuntime.jsxs(ProtectionDocs, { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(ProtectionDocTag, { children: "SPV Constitution" }),
+            /* @__PURE__ */ jsxRuntime.jsx(ProtectionDocTag, { children: "Legal Opinion" })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs(ProtectionCard, { children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(ProtectionCardHeader, { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(ProtectionIconWrap, { children: FileCheckIcon }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+              /* @__PURE__ */ jsxRuntime.jsx(ProtectionTitle, { children: "Data Protection & Compliance" }),
+              /* @__PURE__ */ jsxRuntime.jsxs(ProtectionStatus, { children: [
+                /* @__PURE__ */ jsxRuntime.jsx(ProtectionStatusDot, {}),
+                "Compliant"
+              ] })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx(ProtectionDesc, { children: "All investor data is handled under executed Data Processing Agreements compliant with Australian Privacy Act and GDPR standards. KYC/AML procedures follow AUSTRAC reporting obligations." }),
+          /* @__PURE__ */ jsxRuntime.jsxs(ProtectionDocs, { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(ProtectionDocTag, { children: "DPA Agreement" }),
+            /* @__PURE__ */ jsxRuntime.jsx(ProtectionDocTag, { children: "Privacy Policy" })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs(ProtectionCard, { children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(ProtectionCardHeader, { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(ProtectionIconWrap, { children: BuildingIcon }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+              /* @__PURE__ */ jsxRuntime.jsx(ProtectionTitle, { children: "Independent Valuation" }),
+              /* @__PURE__ */ jsxRuntime.jsxs(ProtectionStatus, { children: [
+                /* @__PURE__ */ jsxRuntime.jsx(ProtectionStatusDot, {}),
+                "Current"
+              ] })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx(ProtectionDesc, { children: "Property valuations are conducted by independent, internationally recognised firms (CBRE, Savills) at regular intervals. Reports are available for review in the Documents tab." }),
+          /* @__PURE__ */ jsxRuntime.jsxs(ProtectionDocs, { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(ProtectionDocTag, { children: "Valuation Report" }),
+            /* @__PURE__ */ jsxRuntime.jsx(ProtectionDocTag, { children: "Methodology" })
+          ] })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs(SecurityFooter, { children: [
+        "Full documentation including legal opinions, mortgage instruments, SPV constitutions, and valuation reports is available in the ",
+        /* @__PURE__ */ jsxRuntime.jsx("strong", { children: "Documents" }),
+        " tab."
+      ] })
     ] })
   ] });
 }
@@ -9066,6 +9221,62 @@ var TradingHoursNote = styled9__default.default.div`
   color: rgba(255,255,255,0.35);
   border-top: 1px solid rgba(255,255,255,0.04);
 `;
+var SecurityIntro = styled9__default.default.p`
+  font-size: 0.85rem;
+  color: rgba(255,255,255,0.5);
+  line-height: 1.6;
+  margin: 0 0 1.5rem;
+  max-width: 720px;
+`;
+var SecurityTopRow = styled9__default.default.div`
+  display: flex;
+  gap: 1rem;
+  margin-bottom: 1.25rem;
+  @media (max-width: 768px) { flex-direction: column; }
+`;
+var SecurityBadge = styled9__default.default.div`
+  flex: 1;
+  display: flex;
+  align-items: center;
+  gap: 1rem;
+  background: rgba(212,175,55,0.04);
+  border: 1px solid rgba(212,175,55,0.15);
+  border-radius: 10px;
+  padding: 1rem 1.25rem;
+`;
+var SecurityBadgeIcon = styled9__default.default.div`
+  width: 40px;
+  height: 40px;
+  border-radius: 8px;
+  background: rgba(212,175,55,0.1);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-shrink: 0;
+`;
+var SecurityBadgeContent = styled9__default.default.div`
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+`;
+var SecurityBadgeLabel = styled9__default.default.span`
+  font-size: 0.72rem;
+  color: rgba(255,255,255,0.45);
+  text-transform: uppercase;
+  letter-spacing: 0.04em;
+  font-weight: 500;
+`;
+var SecurityBadgeLogo = styled9__default.default.div`
+  display: flex;
+  align-items: center;
+  height: 28px;
+`;
+var SecurityBadgeValuer = styled9__default.default.div`
+  font-size: 1rem;
+  font-weight: 600;
+  color: #fff;
+  letter-spacing: 0.02em;
+`;
 var ProtectionsGrid = styled9__default.default.div`
   display: grid;
   grid-template-columns: 1fr 1fr;
@@ -9077,6 +9288,14 @@ var ProtectionCard = styled9__default.default.div`
   border: 1px solid rgba(255,255,255,0.06);
   border-radius: 10px;
   padding: 1.25rem;
+  display: flex;
+  flex-direction: column;
+  gap: 0.75rem;
+`;
+var ProtectionCardHeader = styled9__default.default.div`
+  display: flex;
+  align-items: flex-start;
+  gap: 0.75rem;
 `;
 var ProtectionIconWrap = styled9__default.default.div`
   width: 36px;
@@ -9086,18 +9305,62 @@ var ProtectionIconWrap = styled9__default.default.div`
   display: flex;
   align-items: center;
   justify-content: center;
-  margin-bottom: 0.75rem;
+  flex-shrink: 0;
 `;
 var ProtectionTitle = styled9__default.default.div`
   font-size: 0.92rem;
   font-weight: 600;
   color: #fff;
-  margin-bottom: 0.4rem;
+  margin-bottom: 2px;
+`;
+var ProtectionStatus = styled9__default.default.div`
+  display: flex;
+  align-items: center;
+  gap: 5px;
+  font-size: 0.72rem;
+  color: #4ade80;
+  font-weight: 500;
+`;
+var ProtectionStatusDot = styled9__default.default.span`
+  width: 6px;
+  height: 6px;
+  border-radius: 50%;
+  background: #4ade80;
+  display: inline-block;
 `;
 var ProtectionDesc = styled9__default.default.div`
   font-size: 0.8rem;
   color: rgba(255,255,255,0.5);
+  line-height: 1.6;
+`;
+var ProtectionDocs = styled9__default.default.div`
+  display: flex;
+  flex-wrap: wrap;
+  gap: 6px;
+  margin-top: auto;
+`;
+var ProtectionDocTag = styled9__default.default.span`
+  font-size: 0.68rem;
+  color: rgba(212,175,55,0.8);
+  background: rgba(212,175,55,0.08);
+  border: 1px solid rgba(212,175,55,0.12);
+  border-radius: 4px;
+  padding: 3px 8px;
+  font-weight: 500;
+`;
+var SecurityFooter = styled9__default.default.div`
+  margin-top: 1.25rem;
+  padding: 0.85rem 1rem;
+  background: rgba(255,255,255,0.02);
+  border: 1px solid rgba(255,255,255,0.05);
+  border-radius: 8px;
+  font-size: 0.78rem;
+  color: rgba(255,255,255,0.4);
   line-height: 1.5;
+  strong {
+    color: rgba(212,175,55,0.8);
+    font-weight: 600;
+  }
 `;
 var HoldRatioWrap = styled9__default.default.div`
   display: flex;