@loafmarkets/ui 0.1.418 → 0.1.420

package/dist/index.mjs

@@ -1819,27 +1819,6 @@ function TradeRow({
     }
   );
 }
-function BreadSliceGlyph() {
-  return /* @__PURE__ */ jsx(
-    "svg",
-    {
-      width: "10",
-      height: "10",
-      viewBox: "0 0 10 10",
-      "aria-hidden": "true",
-      style: { display: "block", filter: "drop-shadow(0 0 4px rgba(201,162,39,0.6))" },
-      children: /* @__PURE__ */ jsx(
-        "path",
-        {
-          d: "M1 4.2 C1 1.9 2.7 1 5 1 C7.3 1 9 1.9 9 4.2 L9 8.2 C9 8.6 8.6 9 8.2 9 L1.8 9 C1.4 9 1 8.6 1 8.2 Z",
-          fill: "none",
-          stroke: "#C9A227",
-          strokeWidth: "1.3"
-        }
-      )
-    }
-  );
-}
 function DepthRow({
   side,
   price,
@@ -1890,8 +1869,7 @@ function DepthRow({
           "span",
           {
             "aria-label": "Your order at this price",
-            className: "absolute left-0 top-1/2 -translate-y-1/2 z-[2]",
-            children: /* @__PURE__ */ jsx(BreadSliceGlyph, {})
+            className: "absolute left-0 top-1/2 -translate-y-1/2 z-[2] h-[6px] w-[6px] rounded-full bg-[#C9A227] shadow-[0_0_6px_rgba(201,162,39,0.7)]"
           }
         ) : null,
         /* @__PURE__ */ jsxs("div", { "data-cell": "price", className: cn("relative z-[1] tabular-nums", isAsk ? "text-[#f6465d]" : "text-[#0ecb81]"), children: [
@@ -2837,12 +2815,16 @@ function MobileDepthRow({
               left: "2px",
               top: "50%",
               transform: "translateY(-50%)",
+              width: "6px",
+              height: "6px",
+              borderRadius: "50%",
+              backgroundColor: "#C9A227",
+              boxShadow: "0 0 6px rgba(201,162,39,0.7)",
               zIndex: 2
-            },
-            children: /* @__PURE__ */ jsx(BreadSliceGlyph, {})
+            }
           }
         ) : null,
-        /* @__PURE__ */ jsxs("div", { style: { position: "relative", zIndex: 1, color: isAsk ? "#f6465d" : "#0ecb81", paddingLeft: hasUserOrder ? "14px" : void 0 }, children: [
+        /* @__PURE__ */ jsxs("div", { style: { position: "relative", zIndex: 1, color: isAsk ? "#f6465d" : "#0ecb81", paddingLeft: hasUserOrder ? "10px" : void 0 }, children: [
           "$",
           formatNumber(price, precision)
         ] }),
@@ -13293,18 +13275,19 @@ var COMING_SOON_TITLES = [
   "Annual Financial Statements",
   "Risk Disclosure Statement"
 ];
-function PropertyDocuments({ documentsData, highlightDocument, onClearHighlight }) {
+function PropertyDocuments({ documentsData, highlightDocument, onClearHighlight, forceComingSoon }) {
   const highlightRef = useRef(null);
   const [previewUrl, setPreviewUrl] = useState(null);
   const [previewTitle, setPreviewTitle] = useState(null);
   const backendDocuments = Array.isArray(documentsData?.documents) ? documentsData.documents : [];
-  const liveDocs = backendDocuments.filter(
+  const liveDocs = forceComingSoon ? [] : backendDocuments.filter(
     (d) => Boolean(d.documentUrl) && isSafeUrl(d.documentUrl) && LIVE_TITLE_PATTERNS.some((rx) => rx.test(d.title))
   );
+  const visibleBackendDocs = forceComingSoon ? backendDocuments.map((d) => ({ title: d.title, documentUrl: "" })) : liveDocs;
   const comingSoonDocs = COMING_SOON_TITLES.filter(
-    (title) => !liveDocs.some((d) => d.title.toLowerCase().includes(title.toLowerCase()) || title.toLowerCase().includes(d.title.toLowerCase()))
+    (title) => !visibleBackendDocs.some((d) => d.title.toLowerCase().includes(title.toLowerCase()) || title.toLowerCase().includes(d.title.toLowerCase()))
   ).map((title) => ({ title, documentUrl: "" }));
-  const documents = [...liveDocs, ...comingSoonDocs];
+  const documents = [...visibleBackendDocs, ...comingSoonDocs];
   const activeUrl = previewUrl ?? (liveDocs[0]?.documentUrl || null);
   const activeTitle = previewUrl ? previewTitle : liveDocs[0]?.title || null;
   const selectPreview = (doc) => {