@loafmarkets/ui 0.1.72 → 0.1.73
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.d.mts +3 -1
- package/dist/index.d.ts +3 -1
- package/dist/index.js +27 -1
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +27 -1
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
package/dist/index.mjs
CHANGED
|
@@ -2953,7 +2953,7 @@ var PropertyNewsUpdates = React5.forwardRef(
|
|
|
2953
2953
|
/* @__PURE__ */ jsx(
|
|
2954
2954
|
"div",
|
|
2955
2955
|
{
|
|
2956
|
-
className: "
|
|
2956
|
+
className: cn("flex flex-1 flex-col overflow-hidden", isHomeVariant ? "mt-2 gap-0" : "mt-4 gap-3"),
|
|
2957
2957
|
style: !isPurchaseVariant && !isHomeVariant ? { minHeight: `${ITEMS_PER_PAGE * 86}px` } : void 0,
|
|
2958
2958
|
children: isPurchaseVariant ? purchaseItems.length > 0 ? purchaseItems.slice(0, 7).map((purchase, index) => {
|
|
2959
2959
|
const maxAmount = 6e4;
|
|
@@ -9646,6 +9646,7 @@ function OfferingProgressCard({
|
|
|
9646
9646
|
raisedAmount,
|
|
9647
9647
|
targetAmount,
|
|
9648
9648
|
isPrivateClient = false,
|
|
9649
|
+
variant = "default",
|
|
9649
9650
|
style,
|
|
9650
9651
|
className
|
|
9651
9652
|
}) {
|
|
@@ -9677,6 +9678,24 @@ function OfferingProgressCard({
|
|
|
9677
9678
|
const interval = setInterval(() => setCountdown(calculateCountdown()), 1e3);
|
|
9678
9679
|
return () => clearInterval(interval);
|
|
9679
9680
|
}, [opensAt]);
|
|
9681
|
+
if (variant === "compact") {
|
|
9682
|
+
return /* @__PURE__ */ jsxs(CompactContainer, { style, className, children: [
|
|
9683
|
+
/* @__PURE__ */ jsx(ProgressBarOuter, { children: /* @__PURE__ */ jsx(ProgressBarInner, { style: { width: `${Math.min(percentSold, 100)}%` } }) }),
|
|
9684
|
+
/* @__PURE__ */ jsxs(ProgressInfo, { children: [
|
|
9685
|
+
/* @__PURE__ */ jsxs(ProgressSubscribers, { children: [
|
|
9686
|
+
"Subscribers: ",
|
|
9687
|
+
subscriberCount.toLocaleString()
|
|
9688
|
+
] }),
|
|
9689
|
+
/* @__PURE__ */ jsxs(ProgressAmounts, { children: [
|
|
9690
|
+
/* @__PURE__ */ jsx("span", { className: "raised", children: formatCurrency3(computedRaised) }),
|
|
9691
|
+
/* @__PURE__ */ jsxs("span", { className: "target", children: [
|
|
9692
|
+
" / ",
|
|
9693
|
+
formatCurrency3(computedTarget)
|
|
9694
|
+
] })
|
|
9695
|
+
] })
|
|
9696
|
+
] })
|
|
9697
|
+
] });
|
|
9698
|
+
}
|
|
9680
9699
|
return /* @__PURE__ */ jsxs(Container, { style, className, children: [
|
|
9681
9700
|
/* @__PURE__ */ jsxs(Header2, { children: [
|
|
9682
9701
|
/* @__PURE__ */ jsxs("h3", { children: [
|
|
@@ -9978,6 +9997,13 @@ var ProgressAmounts = styled25.div`
|
|
|
9978
9997
|
.raised { color: #D4AF37; }
|
|
9979
9998
|
.target { color: rgba(255,255,255,0.3); }
|
|
9980
9999
|
`;
|
|
10000
|
+
var CompactContainer = styled25.div`
|
|
10001
|
+
width: 100%;
|
|
10002
|
+
margin: 1.5rem 0;
|
|
10003
|
+
display: flex;
|
|
10004
|
+
flex-direction: column;
|
|
10005
|
+
gap: 0.5rem;
|
|
10006
|
+
`;
|
|
9981
10007
|
var MAX_DISPLAY_AMOUNT = 6e4;
|
|
9982
10008
|
var formatCurrency4 = (amount) => {
|
|
9983
10009
|
if (amount >= 1e6) return `$${(amount / 1e6).toFixed(2)}M`;
|