@medialane/ui 0.146.0 → 0.146.1
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/components/drop-preview-card.cjs +42 -15
- package/dist/components/drop-preview-card.cjs.map +1 -1
- package/dist/components/drop-preview-card.js +43 -16
- package/dist/components/drop-preview-card.js.map +1 -1
- package/dist/components/drop-preview-card.test.cjs +27 -0
- package/dist/components/drop-preview-card.test.cjs.map +1 -1
- package/dist/components/drop-preview-card.test.js +27 -0
- package/dist/components/drop-preview-card.test.js.map +1 -1
- package/package.json +1 -1
|
@@ -26,8 +26,13 @@ var import_jsx_runtime = require("react/jsx-runtime");
|
|
|
26
26
|
var import_lucide_react = require("lucide-react");
|
|
27
27
|
var import_medialane_collection_card = require("./medialane-collection-card.js");
|
|
28
28
|
var import_drop_status_display = require("./drop-status-display.js");
|
|
29
|
-
var import_drop_countdown = require("./drop-countdown.js");
|
|
30
29
|
var import_drop_status = require("../utils/drop-status.js");
|
|
30
|
+
function formatTs(ts) {
|
|
31
|
+
return new Date(ts * 1e3).toLocaleString(void 0, {
|
|
32
|
+
dateStyle: "medium",
|
|
33
|
+
timeStyle: "short"
|
|
34
|
+
});
|
|
35
|
+
}
|
|
31
36
|
function DropPreviewCard({
|
|
32
37
|
coverImage,
|
|
33
38
|
name,
|
|
@@ -40,17 +45,21 @@ function DropPreviewCard({
|
|
|
40
45
|
gatedContentEnabled
|
|
41
46
|
}) {
|
|
42
47
|
const status = (0, import_drop_status.getDropStatus)(conditions, 0);
|
|
48
|
+
const maxPerWallet = conditions ? parseInt(conditions.maxPerWallet, 10) : 0;
|
|
43
49
|
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "space-y-3", children: [
|
|
44
|
-
/* @__PURE__ */ (0, import_jsx_runtime.
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
50
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "relative", children: [
|
|
51
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
52
|
+
import_medialane_collection_card.MedialaneCollectionCard,
|
|
53
|
+
{
|
|
54
|
+
image: coverImage,
|
|
55
|
+
name,
|
|
56
|
+
collection: symbol || "Drop",
|
|
57
|
+
creator: creatorAddress,
|
|
58
|
+
creatorHref
|
|
59
|
+
}
|
|
60
|
+
),
|
|
61
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "absolute top-4 right-4 text-[9px] font-bold uppercase tracking-widest text-white bg-black/50 backdrop-blur-sm rounded-full px-2 py-0.5", children: "Drop" })
|
|
62
|
+
] }),
|
|
54
63
|
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "bento-cell p-4 space-y-3", children: [
|
|
55
64
|
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center gap-2 flex-wrap", children: [
|
|
56
65
|
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_drop_status_display.DropStatusBadge, { status }),
|
|
@@ -64,11 +73,29 @@ function DropPreviewCard({
|
|
|
64
73
|
] })
|
|
65
74
|
] }),
|
|
66
75
|
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_drop_status_display.DropSupplyProgress, { minted: 0, max: itemCount }),
|
|
67
|
-
conditions && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center
|
|
68
|
-
/* @__PURE__ */ (0, import_jsx_runtime.
|
|
69
|
-
|
|
76
|
+
conditions && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center justify-between text-sm", children: [
|
|
77
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center gap-2", children: [
|
|
78
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.ShieldCheck, { className: "h-3.5 w-3.5 text-muted-foreground" }),
|
|
79
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_drop_status_display.DropPriceDisplay, { conditions })
|
|
80
|
+
] }),
|
|
81
|
+
maxPerWallet > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: "text-xs text-muted-foreground", children: [
|
|
82
|
+
"Max ",
|
|
83
|
+
maxPerWallet,
|
|
84
|
+
"/wallet"
|
|
85
|
+
] })
|
|
70
86
|
] }),
|
|
71
|
-
conditions &&
|
|
87
|
+
conditions && conditions.startTime > 0 && conditions.endTime > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "space-y-1 text-xs text-muted-foreground border-t border-border/60 pt-3", children: [
|
|
88
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center gap-1.5", children: [
|
|
89
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Calendar, { className: "h-3 w-3 shrink-0" }),
|
|
90
|
+
"Opens: ",
|
|
91
|
+
formatTs(conditions.startTime)
|
|
92
|
+
] }),
|
|
93
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center gap-1.5", children: [
|
|
94
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Calendar, { className: "h-3 w-3 shrink-0" }),
|
|
95
|
+
"Closes: ",
|
|
96
|
+
formatTs(conditions.endTime)
|
|
97
|
+
] })
|
|
98
|
+
] })
|
|
72
99
|
] })
|
|
73
100
|
] });
|
|
74
101
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/components/drop-preview-card.tsx"],"sourcesContent":["\"use client\";\n\nimport { Lock, ShieldCheck, Users } from \"lucide-react\";\nimport { MedialaneCollectionCard } from \"./medialane-collection-card.js\";\nimport { DropStatusBadge, DropSupplyProgress, DropPriceDisplay } from \"./drop-status-display.js\";\nimport {
|
|
1
|
+
{"version":3,"sources":["../../src/components/drop-preview-card.tsx"],"sourcesContent":["\"use client\";\n\nimport { Calendar, Lock, ShieldCheck, Users } from \"lucide-react\";\nimport { MedialaneCollectionCard } from \"./medialane-collection-card.js\";\nimport { DropStatusBadge, DropSupplyProgress, DropPriceDisplay } from \"./drop-status-display.js\";\nimport { getDropStatus, type DropConditions } from \"../utils/drop-status.js\";\n\nexport interface DropPreviewCardProps {\n coverImage: string | null;\n name: string;\n symbol: string;\n creatorAddress?: string;\n creatorHref?: string;\n itemCount: number;\n conditions: DropConditions | null;\n whitelistEnabled: boolean;\n gatedContentEnabled: boolean;\n}\n\nfunction formatTs(ts: number): string {\n return new Date(ts * 1000).toLocaleString(undefined, {\n dateStyle: \"medium\",\n timeStyle: \"short\",\n });\n}\n\nexport function DropPreviewCard({\n coverImage, name, symbol, creatorAddress, creatorHref,\n itemCount, conditions, whitelistEnabled, gatedContentEnabled,\n}: DropPreviewCardProps) {\n const status = getDropStatus(conditions, 0);\n const maxPerWallet = conditions ? parseInt(conditions.maxPerWallet, 10) : 0;\n\n return (\n <div className=\"space-y-3\">\n <div className=\"relative\">\n <MedialaneCollectionCard\n image={coverImage}\n name={name}\n collection={symbol || \"Drop\"}\n creator={creatorAddress}\n creatorHref={creatorHref}\n />\n <span className=\"absolute top-4 right-4 text-[9px] font-bold uppercase tracking-widest text-white bg-black/50 backdrop-blur-sm rounded-full px-2 py-0.5\">\n Drop\n </span>\n </div>\n\n <div className=\"bento-cell p-4 space-y-3\">\n <div className=\"flex items-center gap-2 flex-wrap\">\n <DropStatusBadge status={status} />\n {whitelistEnabled && (\n <span className=\"inline-flex items-center gap-1 text-[10px] font-bold uppercase tracking-widest text-brand-orange bg-brand-orange/10 rounded-full px-2 py-0.5\">\n <Users className=\"h-3 w-3\" />\n Whitelist\n </span>\n )}\n {gatedContentEnabled && (\n <span className=\"inline-flex items-center gap-1 text-[10px] font-bold uppercase tracking-widest text-primary bg-primary/10 rounded-full px-2 py-0.5\">\n <Lock className=\"h-3 w-3\" />\n Exclusive content\n </span>\n )}\n </div>\n\n <DropSupplyProgress minted={0} max={itemCount} />\n\n {conditions && (\n <div className=\"flex items-center justify-between text-sm\">\n <div className=\"flex items-center gap-2\">\n <ShieldCheck className=\"h-3.5 w-3.5 text-muted-foreground\" />\n <DropPriceDisplay conditions={conditions} />\n </div>\n {maxPerWallet > 0 && (\n <span className=\"text-xs text-muted-foreground\">Max {maxPerWallet}/wallet</span>\n )}\n </div>\n )}\n\n {conditions && conditions.startTime > 0 && conditions.endTime > 0 && (\n <div className=\"space-y-1 text-xs text-muted-foreground border-t border-border/60 pt-3\">\n <div className=\"flex items-center gap-1.5\">\n <Calendar className=\"h-3 w-3 shrink-0\" />\n Opens: {formatTs(conditions.startTime)}\n </div>\n <div className=\"flex items-center gap-1.5\">\n <Calendar className=\"h-3 w-3 shrink-0\" />\n Closes: {formatTs(conditions.endTime)}\n </div>\n </div>\n )}\n </div>\n </div>\n );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAmCM;AAjCN,0BAAmD;AACnD,uCAAwC;AACxC,iCAAsE;AACtE,yBAAmD;AAcnD,SAAS,SAAS,IAAoB;AACpC,SAAO,IAAI,KAAK,KAAK,GAAI,EAAE,eAAe,QAAW;AAAA,IACnD,WAAW;AAAA,IACX,WAAW;AAAA,EACb,CAAC;AACH;AAEO,SAAS,gBAAgB;AAAA,EAC9B;AAAA,EAAY;AAAA,EAAM;AAAA,EAAQ;AAAA,EAAgB;AAAA,EAC1C;AAAA,EAAW;AAAA,EAAY;AAAA,EAAkB;AAC3C,GAAyB;AACvB,QAAM,aAAS,kCAAc,YAAY,CAAC;AAC1C,QAAM,eAAe,aAAa,SAAS,WAAW,cAAc,EAAE,IAAI;AAE1E,SACE,6CAAC,SAAI,WAAU,aACb;AAAA,iDAAC,SAAI,WAAU,YACb;AAAA;AAAA,QAAC;AAAA;AAAA,UACC,OAAO;AAAA,UACP;AAAA,UACA,YAAY,UAAU;AAAA,UACtB,SAAS;AAAA,UACT;AAAA;AAAA,MACF;AAAA,MACA,4CAAC,UAAK,WAAU,0IAAyI,kBAEzJ;AAAA,OACF;AAAA,IAEA,6CAAC,SAAI,WAAU,4BACb;AAAA,mDAAC,SAAI,WAAU,qCACb;AAAA,oDAAC,8CAAgB,QAAgB;AAAA,QAChC,oBACC,6CAAC,UAAK,WAAU,gJACd;AAAA,sDAAC,6BAAM,WAAU,WAAU;AAAA,UAAE;AAAA,WAE/B;AAAA,QAED,uBACC,6CAAC,UAAK,WAAU,sIACd;AAAA,sDAAC,4BAAK,WAAU,WAAU;AAAA,UAAE;AAAA,WAE9B;AAAA,SAEJ;AAAA,MAEA,4CAAC,iDAAmB,QAAQ,GAAG,KAAK,WAAW;AAAA,MAE9C,cACC,6CAAC,SAAI,WAAU,6CACb;AAAA,qDAAC,SAAI,WAAU,2BACb;AAAA,sDAAC,mCAAY,WAAU,qCAAoC;AAAA,UAC3D,4CAAC,+CAAiB,YAAwB;AAAA,WAC5C;AAAA,QACC,eAAe,KACd,6CAAC,UAAK,WAAU,iCAAgC;AAAA;AAAA,UAAK;AAAA,UAAa;AAAA,WAAO;AAAA,SAE7E;AAAA,MAGD,cAAc,WAAW,YAAY,KAAK,WAAW,UAAU,KAC9D,6CAAC,SAAI,WAAU,0EACb;AAAA,qDAAC,SAAI,WAAU,6BACb;AAAA,sDAAC,gCAAS,WAAU,oBAAmB;AAAA,UAAE;AAAA,UACjC,SAAS,WAAW,SAAS;AAAA,WACvC;AAAA,QACA,6CAAC,SAAI,WAAU,6BACb;AAAA,sDAAC,gCAAS,WAAU,oBAAmB;AAAA,UAAE;AAAA,UAChC,SAAS,WAAW,OAAO;AAAA,WACtC;AAAA,SACF;AAAA,OAEJ;AAAA,KACF;AAEJ;","names":[]}
|
|
@@ -1,10 +1,15 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
3
|
-
import { Lock, ShieldCheck, Users } from "lucide-react";
|
|
3
|
+
import { Calendar, Lock, ShieldCheck, Users } from "lucide-react";
|
|
4
4
|
import { MedialaneCollectionCard } from "./medialane-collection-card.js";
|
|
5
5
|
import { DropStatusBadge, DropSupplyProgress, DropPriceDisplay } from "./drop-status-display.js";
|
|
6
|
-
import { DropCountdown } from "./drop-countdown.js";
|
|
7
6
|
import { getDropStatus } from "../utils/drop-status.js";
|
|
7
|
+
function formatTs(ts) {
|
|
8
|
+
return new Date(ts * 1e3).toLocaleString(void 0, {
|
|
9
|
+
dateStyle: "medium",
|
|
10
|
+
timeStyle: "short"
|
|
11
|
+
});
|
|
12
|
+
}
|
|
8
13
|
function DropPreviewCard({
|
|
9
14
|
coverImage,
|
|
10
15
|
name,
|
|
@@ -17,17 +22,21 @@ function DropPreviewCard({
|
|
|
17
22
|
gatedContentEnabled
|
|
18
23
|
}) {
|
|
19
24
|
const status = getDropStatus(conditions, 0);
|
|
25
|
+
const maxPerWallet = conditions ? parseInt(conditions.maxPerWallet, 10) : 0;
|
|
20
26
|
return /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
|
|
21
|
-
/* @__PURE__ */
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
27
|
+
/* @__PURE__ */ jsxs("div", { className: "relative", children: [
|
|
28
|
+
/* @__PURE__ */ jsx(
|
|
29
|
+
MedialaneCollectionCard,
|
|
30
|
+
{
|
|
31
|
+
image: coverImage,
|
|
32
|
+
name,
|
|
33
|
+
collection: symbol || "Drop",
|
|
34
|
+
creator: creatorAddress,
|
|
35
|
+
creatorHref
|
|
36
|
+
}
|
|
37
|
+
),
|
|
38
|
+
/* @__PURE__ */ jsx("span", { className: "absolute top-4 right-4 text-[9px] font-bold uppercase tracking-widest text-white bg-black/50 backdrop-blur-sm rounded-full px-2 py-0.5", children: "Drop" })
|
|
39
|
+
] }),
|
|
31
40
|
/* @__PURE__ */ jsxs("div", { className: "bento-cell p-4 space-y-3", children: [
|
|
32
41
|
/* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 flex-wrap", children: [
|
|
33
42
|
/* @__PURE__ */ jsx(DropStatusBadge, { status }),
|
|
@@ -41,11 +50,29 @@ function DropPreviewCard({
|
|
|
41
50
|
] })
|
|
42
51
|
] }),
|
|
43
52
|
/* @__PURE__ */ jsx(DropSupplyProgress, { minted: 0, max: itemCount }),
|
|
44
|
-
conditions && /* @__PURE__ */ jsxs("div", { className: "flex items-center
|
|
45
|
-
/* @__PURE__ */
|
|
46
|
-
|
|
53
|
+
conditions && /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between text-sm", children: [
|
|
54
|
+
/* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
|
|
55
|
+
/* @__PURE__ */ jsx(ShieldCheck, { className: "h-3.5 w-3.5 text-muted-foreground" }),
|
|
56
|
+
/* @__PURE__ */ jsx(DropPriceDisplay, { conditions })
|
|
57
|
+
] }),
|
|
58
|
+
maxPerWallet > 0 && /* @__PURE__ */ jsxs("span", { className: "text-xs text-muted-foreground", children: [
|
|
59
|
+
"Max ",
|
|
60
|
+
maxPerWallet,
|
|
61
|
+
"/wallet"
|
|
62
|
+
] })
|
|
47
63
|
] }),
|
|
48
|
-
conditions &&
|
|
64
|
+
conditions && conditions.startTime > 0 && conditions.endTime > 0 && /* @__PURE__ */ jsxs("div", { className: "space-y-1 text-xs text-muted-foreground border-t border-border/60 pt-3", children: [
|
|
65
|
+
/* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5", children: [
|
|
66
|
+
/* @__PURE__ */ jsx(Calendar, { className: "h-3 w-3 shrink-0" }),
|
|
67
|
+
"Opens: ",
|
|
68
|
+
formatTs(conditions.startTime)
|
|
69
|
+
] }),
|
|
70
|
+
/* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5", children: [
|
|
71
|
+
/* @__PURE__ */ jsx(Calendar, { className: "h-3 w-3 shrink-0" }),
|
|
72
|
+
"Closes: ",
|
|
73
|
+
formatTs(conditions.endTime)
|
|
74
|
+
] })
|
|
75
|
+
] })
|
|
49
76
|
] })
|
|
50
77
|
] });
|
|
51
78
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/components/drop-preview-card.tsx"],"sourcesContent":["\"use client\";\n\nimport { Lock, ShieldCheck, Users } from \"lucide-react\";\nimport { MedialaneCollectionCard } from \"./medialane-collection-card.js\";\nimport { DropStatusBadge, DropSupplyProgress, DropPriceDisplay } from \"./drop-status-display.js\";\nimport {
|
|
1
|
+
{"version":3,"sources":["../../src/components/drop-preview-card.tsx"],"sourcesContent":["\"use client\";\n\nimport { Calendar, Lock, ShieldCheck, Users } from \"lucide-react\";\nimport { MedialaneCollectionCard } from \"./medialane-collection-card.js\";\nimport { DropStatusBadge, DropSupplyProgress, DropPriceDisplay } from \"./drop-status-display.js\";\nimport { getDropStatus, type DropConditions } from \"../utils/drop-status.js\";\n\nexport interface DropPreviewCardProps {\n coverImage: string | null;\n name: string;\n symbol: string;\n creatorAddress?: string;\n creatorHref?: string;\n itemCount: number;\n conditions: DropConditions | null;\n whitelistEnabled: boolean;\n gatedContentEnabled: boolean;\n}\n\nfunction formatTs(ts: number): string {\n return new Date(ts * 1000).toLocaleString(undefined, {\n dateStyle: \"medium\",\n timeStyle: \"short\",\n });\n}\n\nexport function DropPreviewCard({\n coverImage, name, symbol, creatorAddress, creatorHref,\n itemCount, conditions, whitelistEnabled, gatedContentEnabled,\n}: DropPreviewCardProps) {\n const status = getDropStatus(conditions, 0);\n const maxPerWallet = conditions ? parseInt(conditions.maxPerWallet, 10) : 0;\n\n return (\n <div className=\"space-y-3\">\n <div className=\"relative\">\n <MedialaneCollectionCard\n image={coverImage}\n name={name}\n collection={symbol || \"Drop\"}\n creator={creatorAddress}\n creatorHref={creatorHref}\n />\n <span className=\"absolute top-4 right-4 text-[9px] font-bold uppercase tracking-widest text-white bg-black/50 backdrop-blur-sm rounded-full px-2 py-0.5\">\n Drop\n </span>\n </div>\n\n <div className=\"bento-cell p-4 space-y-3\">\n <div className=\"flex items-center gap-2 flex-wrap\">\n <DropStatusBadge status={status} />\n {whitelistEnabled && (\n <span className=\"inline-flex items-center gap-1 text-[10px] font-bold uppercase tracking-widest text-brand-orange bg-brand-orange/10 rounded-full px-2 py-0.5\">\n <Users className=\"h-3 w-3\" />\n Whitelist\n </span>\n )}\n {gatedContentEnabled && (\n <span className=\"inline-flex items-center gap-1 text-[10px] font-bold uppercase tracking-widest text-primary bg-primary/10 rounded-full px-2 py-0.5\">\n <Lock className=\"h-3 w-3\" />\n Exclusive content\n </span>\n )}\n </div>\n\n <DropSupplyProgress minted={0} max={itemCount} />\n\n {conditions && (\n <div className=\"flex items-center justify-between text-sm\">\n <div className=\"flex items-center gap-2\">\n <ShieldCheck className=\"h-3.5 w-3.5 text-muted-foreground\" />\n <DropPriceDisplay conditions={conditions} />\n </div>\n {maxPerWallet > 0 && (\n <span className=\"text-xs text-muted-foreground\">Max {maxPerWallet}/wallet</span>\n )}\n </div>\n )}\n\n {conditions && conditions.startTime > 0 && conditions.endTime > 0 && (\n <div className=\"space-y-1 text-xs text-muted-foreground border-t border-border/60 pt-3\">\n <div className=\"flex items-center gap-1.5\">\n <Calendar className=\"h-3 w-3 shrink-0\" />\n Opens: {formatTs(conditions.startTime)}\n </div>\n <div className=\"flex items-center gap-1.5\">\n <Calendar className=\"h-3 w-3 shrink-0\" />\n Closes: {formatTs(conditions.endTime)}\n </div>\n </div>\n )}\n </div>\n </div>\n );\n}\n"],"mappings":";AAmCM,SACE,KADF;AAjCN,SAAS,UAAU,MAAM,aAAa,aAAa;AACnD,SAAS,+BAA+B;AACxC,SAAS,iBAAiB,oBAAoB,wBAAwB;AACtE,SAAS,qBAA0C;AAcnD,SAAS,SAAS,IAAoB;AACpC,SAAO,IAAI,KAAK,KAAK,GAAI,EAAE,eAAe,QAAW;AAAA,IACnD,WAAW;AAAA,IACX,WAAW;AAAA,EACb,CAAC;AACH;AAEO,SAAS,gBAAgB;AAAA,EAC9B;AAAA,EAAY;AAAA,EAAM;AAAA,EAAQ;AAAA,EAAgB;AAAA,EAC1C;AAAA,EAAW;AAAA,EAAY;AAAA,EAAkB;AAC3C,GAAyB;AACvB,QAAM,SAAS,cAAc,YAAY,CAAC;AAC1C,QAAM,eAAe,aAAa,SAAS,WAAW,cAAc,EAAE,IAAI;AAE1E,SACE,qBAAC,SAAI,WAAU,aACb;AAAA,yBAAC,SAAI,WAAU,YACb;AAAA;AAAA,QAAC;AAAA;AAAA,UACC,OAAO;AAAA,UACP;AAAA,UACA,YAAY,UAAU;AAAA,UACtB,SAAS;AAAA,UACT;AAAA;AAAA,MACF;AAAA,MACA,oBAAC,UAAK,WAAU,0IAAyI,kBAEzJ;AAAA,OACF;AAAA,IAEA,qBAAC,SAAI,WAAU,4BACb;AAAA,2BAAC,SAAI,WAAU,qCACb;AAAA,4BAAC,mBAAgB,QAAgB;AAAA,QAChC,oBACC,qBAAC,UAAK,WAAU,gJACd;AAAA,8BAAC,SAAM,WAAU,WAAU;AAAA,UAAE;AAAA,WAE/B;AAAA,QAED,uBACC,qBAAC,UAAK,WAAU,sIACd;AAAA,8BAAC,QAAK,WAAU,WAAU;AAAA,UAAE;AAAA,WAE9B;AAAA,SAEJ;AAAA,MAEA,oBAAC,sBAAmB,QAAQ,GAAG,KAAK,WAAW;AAAA,MAE9C,cACC,qBAAC,SAAI,WAAU,6CACb;AAAA,6BAAC,SAAI,WAAU,2BACb;AAAA,8BAAC,eAAY,WAAU,qCAAoC;AAAA,UAC3D,oBAAC,oBAAiB,YAAwB;AAAA,WAC5C;AAAA,QACC,eAAe,KACd,qBAAC,UAAK,WAAU,iCAAgC;AAAA;AAAA,UAAK;AAAA,UAAa;AAAA,WAAO;AAAA,SAE7E;AAAA,MAGD,cAAc,WAAW,YAAY,KAAK,WAAW,UAAU,KAC9D,qBAAC,SAAI,WAAU,0EACb;AAAA,6BAAC,SAAI,WAAU,6BACb;AAAA,8BAAC,YAAS,WAAU,oBAAmB;AAAA,UAAE;AAAA,UACjC,SAAS,WAAW,SAAS;AAAA,WACvC;AAAA,QACA,qBAAC,SAAI,WAAU,6BACb;AAAA,8BAAC,YAAS,WAAU,oBAAmB;AAAA,UAAE;AAAA,UAChC,SAAS,WAAW,OAAO;AAAA,WACtC;AAAA,SACF;AAAA,OAEJ;AAAA,KACF;AAEJ;","names":[]}
|
|
@@ -54,4 +54,31 @@ var import_drop_preview_card = require("./drop-preview-card.js");
|
|
|
54
54
|
);
|
|
55
55
|
(0, import_bun_test.expect)(html).toContain("Exclusive content");
|
|
56
56
|
});
|
|
57
|
+
(0, import_bun_test.test)("shows mint window open/close dates and max-per-wallet instead of a countdown", () => {
|
|
58
|
+
const html = (0, import_server.renderToStaticMarkup)(
|
|
59
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
60
|
+
import_drop_preview_card.DropPreviewCard,
|
|
61
|
+
{
|
|
62
|
+
coverImage: null,
|
|
63
|
+
name: "Genesis",
|
|
64
|
+
symbol: "GEN",
|
|
65
|
+
itemCount: 5,
|
|
66
|
+
conditions: {
|
|
67
|
+
maxSupply: "5",
|
|
68
|
+
price: "0",
|
|
69
|
+
paymentToken: "0x0",
|
|
70
|
+
startTime: 1893456e3,
|
|
71
|
+
endTime: 1893542400,
|
|
72
|
+
maxPerWallet: "2"
|
|
73
|
+
},
|
|
74
|
+
whitelistEnabled: false,
|
|
75
|
+
gatedContentEnabled: false
|
|
76
|
+
}
|
|
77
|
+
)
|
|
78
|
+
);
|
|
79
|
+
(0, import_bun_test.expect)(html).toContain("Opens:");
|
|
80
|
+
(0, import_bun_test.expect)(html).toContain("Closes:");
|
|
81
|
+
(0, import_bun_test.expect)(html).toContain("Max 2/wallet");
|
|
82
|
+
(0, import_bun_test.expect)(html).not.toContain("HRS");
|
|
83
|
+
});
|
|
57
84
|
//# sourceMappingURL=drop-preview-card.test.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/components/drop-preview-card.test.tsx"],"sourcesContent":["import { test, expect } from \"bun:test\";\nimport { renderToStaticMarkup } from \"react-dom/server\";\nimport { DropPreviewCard } from \"./drop-preview-card.js\";\n\ntest(\"shows placeholder name and zero supply before anything is filled in\", () => {\n const html = renderToStaticMarkup(\n <DropPreviewCard\n coverImage={null} name=\"\" symbol=\"\" itemCount={0}\n conditions={null} whitelistEnabled={false} gatedContentEnabled={false}\n />\n );\n expect(html).toContain(\"Untitled\");\n});\n\ntest(\"shows the whitelist badge once enabled\", () => {\n const html = renderToStaticMarkup(\n <DropPreviewCard\n coverImage={null} name=\"Genesis\" symbol=\"GEN\" itemCount={5}\n conditions={null} whitelistEnabled gatedContentEnabled={false}\n />\n );\n expect(html).toContain(\"Whitelist\");\n});\n\ntest(\"shows the exclusive content badge once enabled\", () => {\n const html = renderToStaticMarkup(\n <DropPreviewCard\n coverImage={null} name=\"Genesis\" symbol=\"GEN\" itemCount={5}\n conditions={null} whitelistEnabled={false} gatedContentEnabled\n />\n );\n expect(html).toContain(\"Exclusive content\");\n});\n"],"mappings":";AAMI;AANJ,sBAA6B;AAC7B,oBAAqC;AACrC,+BAAgC;AAAA,IAEhC,sBAAK,uEAAuE,MAAM;AAChF,QAAM,WAAO;AAAA,IACX;AAAA,MAAC;AAAA;AAAA,QACC,YAAY;AAAA,QAAM,MAAK;AAAA,QAAG,QAAO;AAAA,QAAG,WAAW;AAAA,QAC/C,YAAY;AAAA,QAAM,kBAAkB;AAAA,QAAO,qBAAqB;AAAA;AAAA,IAClE;AAAA,EACF;AACA,8BAAO,IAAI,EAAE,UAAU,UAAU;AACnC,CAAC;AAAA,IAED,sBAAK,0CAA0C,MAAM;AACnD,QAAM,WAAO;AAAA,IACX;AAAA,MAAC;AAAA;AAAA,QACC,YAAY;AAAA,QAAM,MAAK;AAAA,QAAU,QAAO;AAAA,QAAM,WAAW;AAAA,QACzD,YAAY;AAAA,QAAM,kBAAgB;AAAA,QAAC,qBAAqB;AAAA;AAAA,IAC1D;AAAA,EACF;AACA,8BAAO,IAAI,EAAE,UAAU,WAAW;AACpC,CAAC;AAAA,IAED,sBAAK,kDAAkD,MAAM;AAC3D,QAAM,WAAO;AAAA,IACX;AAAA,MAAC;AAAA;AAAA,QACC,YAAY;AAAA,QAAM,MAAK;AAAA,QAAU,QAAO;AAAA,QAAM,WAAW;AAAA,QACzD,YAAY;AAAA,QAAM,kBAAkB;AAAA,QAAO,qBAAmB;AAAA;AAAA,IAChE;AAAA,EACF;AACA,8BAAO,IAAI,EAAE,UAAU,mBAAmB;AAC5C,CAAC;","names":[]}
|
|
1
|
+
{"version":3,"sources":["../../src/components/drop-preview-card.test.tsx"],"sourcesContent":["import { test, expect } from \"bun:test\";\nimport { renderToStaticMarkup } from \"react-dom/server\";\nimport { DropPreviewCard } from \"./drop-preview-card.js\";\n\ntest(\"shows placeholder name and zero supply before anything is filled in\", () => {\n const html = renderToStaticMarkup(\n <DropPreviewCard\n coverImage={null} name=\"\" symbol=\"\" itemCount={0}\n conditions={null} whitelistEnabled={false} gatedContentEnabled={false}\n />\n );\n expect(html).toContain(\"Untitled\");\n});\n\ntest(\"shows the whitelist badge once enabled\", () => {\n const html = renderToStaticMarkup(\n <DropPreviewCard\n coverImage={null} name=\"Genesis\" symbol=\"GEN\" itemCount={5}\n conditions={null} whitelistEnabled gatedContentEnabled={false}\n />\n );\n expect(html).toContain(\"Whitelist\");\n});\n\ntest(\"shows the exclusive content badge once enabled\", () => {\n const html = renderToStaticMarkup(\n <DropPreviewCard\n coverImage={null} name=\"Genesis\" symbol=\"GEN\" itemCount={5}\n conditions={null} whitelistEnabled={false} gatedContentEnabled\n />\n );\n expect(html).toContain(\"Exclusive content\");\n});\n\ntest(\"shows mint window open/close dates and max-per-wallet instead of a countdown\", () => {\n const html = renderToStaticMarkup(\n <DropPreviewCard\n coverImage={null} name=\"Genesis\" symbol=\"GEN\" itemCount={5}\n conditions={{\n maxSupply: \"5\", price: \"0\", paymentToken: \"0x0\",\n startTime: 1893456000, endTime: 1893542400, maxPerWallet: \"2\",\n }}\n whitelistEnabled={false} gatedContentEnabled={false}\n />\n );\n expect(html).toContain(\"Opens:\");\n expect(html).toContain(\"Closes:\");\n expect(html).toContain(\"Max 2/wallet\");\n expect(html).not.toContain(\"HRS\");\n});\n"],"mappings":";AAMI;AANJ,sBAA6B;AAC7B,oBAAqC;AACrC,+BAAgC;AAAA,IAEhC,sBAAK,uEAAuE,MAAM;AAChF,QAAM,WAAO;AAAA,IACX;AAAA,MAAC;AAAA;AAAA,QACC,YAAY;AAAA,QAAM,MAAK;AAAA,QAAG,QAAO;AAAA,QAAG,WAAW;AAAA,QAC/C,YAAY;AAAA,QAAM,kBAAkB;AAAA,QAAO,qBAAqB;AAAA;AAAA,IAClE;AAAA,EACF;AACA,8BAAO,IAAI,EAAE,UAAU,UAAU;AACnC,CAAC;AAAA,IAED,sBAAK,0CAA0C,MAAM;AACnD,QAAM,WAAO;AAAA,IACX;AAAA,MAAC;AAAA;AAAA,QACC,YAAY;AAAA,QAAM,MAAK;AAAA,QAAU,QAAO;AAAA,QAAM,WAAW;AAAA,QACzD,YAAY;AAAA,QAAM,kBAAgB;AAAA,QAAC,qBAAqB;AAAA;AAAA,IAC1D;AAAA,EACF;AACA,8BAAO,IAAI,EAAE,UAAU,WAAW;AACpC,CAAC;AAAA,IAED,sBAAK,kDAAkD,MAAM;AAC3D,QAAM,WAAO;AAAA,IACX;AAAA,MAAC;AAAA;AAAA,QACC,YAAY;AAAA,QAAM,MAAK;AAAA,QAAU,QAAO;AAAA,QAAM,WAAW;AAAA,QACzD,YAAY;AAAA,QAAM,kBAAkB;AAAA,QAAO,qBAAmB;AAAA;AAAA,IAChE;AAAA,EACF;AACA,8BAAO,IAAI,EAAE,UAAU,mBAAmB;AAC5C,CAAC;AAAA,IAED,sBAAK,gFAAgF,MAAM;AACzF,QAAM,WAAO;AAAA,IACX;AAAA,MAAC;AAAA;AAAA,QACC,YAAY;AAAA,QAAM,MAAK;AAAA,QAAU,QAAO;AAAA,QAAM,WAAW;AAAA,QACzD,YAAY;AAAA,UACV,WAAW;AAAA,UAAK,OAAO;AAAA,UAAK,cAAc;AAAA,UAC1C,WAAW;AAAA,UAAY,SAAS;AAAA,UAAY,cAAc;AAAA,QAC5D;AAAA,QACA,kBAAkB;AAAA,QAAO,qBAAqB;AAAA;AAAA,IAChD;AAAA,EACF;AACA,8BAAO,IAAI,EAAE,UAAU,QAAQ;AAC/B,8BAAO,IAAI,EAAE,UAAU,SAAS;AAChC,8BAAO,IAAI,EAAE,UAAU,cAAc;AACrC,8BAAO,IAAI,EAAE,IAAI,UAAU,KAAK;AAClC,CAAC;","names":[]}
|
|
@@ -53,4 +53,31 @@ test("shows the exclusive content badge once enabled", () => {
|
|
|
53
53
|
);
|
|
54
54
|
expect(html).toContain("Exclusive content");
|
|
55
55
|
});
|
|
56
|
+
test("shows mint window open/close dates and max-per-wallet instead of a countdown", () => {
|
|
57
|
+
const html = renderToStaticMarkup(
|
|
58
|
+
/* @__PURE__ */ jsx(
|
|
59
|
+
DropPreviewCard,
|
|
60
|
+
{
|
|
61
|
+
coverImage: null,
|
|
62
|
+
name: "Genesis",
|
|
63
|
+
symbol: "GEN",
|
|
64
|
+
itemCount: 5,
|
|
65
|
+
conditions: {
|
|
66
|
+
maxSupply: "5",
|
|
67
|
+
price: "0",
|
|
68
|
+
paymentToken: "0x0",
|
|
69
|
+
startTime: 1893456e3,
|
|
70
|
+
endTime: 1893542400,
|
|
71
|
+
maxPerWallet: "2"
|
|
72
|
+
},
|
|
73
|
+
whitelistEnabled: false,
|
|
74
|
+
gatedContentEnabled: false
|
|
75
|
+
}
|
|
76
|
+
)
|
|
77
|
+
);
|
|
78
|
+
expect(html).toContain("Opens:");
|
|
79
|
+
expect(html).toContain("Closes:");
|
|
80
|
+
expect(html).toContain("Max 2/wallet");
|
|
81
|
+
expect(html).not.toContain("HRS");
|
|
82
|
+
});
|
|
56
83
|
//# sourceMappingURL=drop-preview-card.test.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/components/drop-preview-card.test.tsx"],"sourcesContent":["import { test, expect } from \"bun:test\";\nimport { renderToStaticMarkup } from \"react-dom/server\";\nimport { DropPreviewCard } from \"./drop-preview-card.js\";\n\ntest(\"shows placeholder name and zero supply before anything is filled in\", () => {\n const html = renderToStaticMarkup(\n <DropPreviewCard\n coverImage={null} name=\"\" symbol=\"\" itemCount={0}\n conditions={null} whitelistEnabled={false} gatedContentEnabled={false}\n />\n );\n expect(html).toContain(\"Untitled\");\n});\n\ntest(\"shows the whitelist badge once enabled\", () => {\n const html = renderToStaticMarkup(\n <DropPreviewCard\n coverImage={null} name=\"Genesis\" symbol=\"GEN\" itemCount={5}\n conditions={null} whitelistEnabled gatedContentEnabled={false}\n />\n );\n expect(html).toContain(\"Whitelist\");\n});\n\ntest(\"shows the exclusive content badge once enabled\", () => {\n const html = renderToStaticMarkup(\n <DropPreviewCard\n coverImage={null} name=\"Genesis\" symbol=\"GEN\" itemCount={5}\n conditions={null} whitelistEnabled={false} gatedContentEnabled\n />\n );\n expect(html).toContain(\"Exclusive content\");\n});\n"],"mappings":"AAMI;AANJ,SAAS,MAAM,cAAc;AAC7B,SAAS,4BAA4B;AACrC,SAAS,uBAAuB;AAEhC,KAAK,uEAAuE,MAAM;AAChF,QAAM,OAAO;AAAA,IACX;AAAA,MAAC;AAAA;AAAA,QACC,YAAY;AAAA,QAAM,MAAK;AAAA,QAAG,QAAO;AAAA,QAAG,WAAW;AAAA,QAC/C,YAAY;AAAA,QAAM,kBAAkB;AAAA,QAAO,qBAAqB;AAAA;AAAA,IAClE;AAAA,EACF;AACA,SAAO,IAAI,EAAE,UAAU,UAAU;AACnC,CAAC;AAED,KAAK,0CAA0C,MAAM;AACnD,QAAM,OAAO;AAAA,IACX;AAAA,MAAC;AAAA;AAAA,QACC,YAAY;AAAA,QAAM,MAAK;AAAA,QAAU,QAAO;AAAA,QAAM,WAAW;AAAA,QACzD,YAAY;AAAA,QAAM,kBAAgB;AAAA,QAAC,qBAAqB;AAAA;AAAA,IAC1D;AAAA,EACF;AACA,SAAO,IAAI,EAAE,UAAU,WAAW;AACpC,CAAC;AAED,KAAK,kDAAkD,MAAM;AAC3D,QAAM,OAAO;AAAA,IACX;AAAA,MAAC;AAAA;AAAA,QACC,YAAY;AAAA,QAAM,MAAK;AAAA,QAAU,QAAO;AAAA,QAAM,WAAW;AAAA,QACzD,YAAY;AAAA,QAAM,kBAAkB;AAAA,QAAO,qBAAmB;AAAA;AAAA,IAChE;AAAA,EACF;AACA,SAAO,IAAI,EAAE,UAAU,mBAAmB;AAC5C,CAAC;","names":[]}
|
|
1
|
+
{"version":3,"sources":["../../src/components/drop-preview-card.test.tsx"],"sourcesContent":["import { test, expect } from \"bun:test\";\nimport { renderToStaticMarkup } from \"react-dom/server\";\nimport { DropPreviewCard } from \"./drop-preview-card.js\";\n\ntest(\"shows placeholder name and zero supply before anything is filled in\", () => {\n const html = renderToStaticMarkup(\n <DropPreviewCard\n coverImage={null} name=\"\" symbol=\"\" itemCount={0}\n conditions={null} whitelistEnabled={false} gatedContentEnabled={false}\n />\n );\n expect(html).toContain(\"Untitled\");\n});\n\ntest(\"shows the whitelist badge once enabled\", () => {\n const html = renderToStaticMarkup(\n <DropPreviewCard\n coverImage={null} name=\"Genesis\" symbol=\"GEN\" itemCount={5}\n conditions={null} whitelistEnabled gatedContentEnabled={false}\n />\n );\n expect(html).toContain(\"Whitelist\");\n});\n\ntest(\"shows the exclusive content badge once enabled\", () => {\n const html = renderToStaticMarkup(\n <DropPreviewCard\n coverImage={null} name=\"Genesis\" symbol=\"GEN\" itemCount={5}\n conditions={null} whitelistEnabled={false} gatedContentEnabled\n />\n );\n expect(html).toContain(\"Exclusive content\");\n});\n\ntest(\"shows mint window open/close dates and max-per-wallet instead of a countdown\", () => {\n const html = renderToStaticMarkup(\n <DropPreviewCard\n coverImage={null} name=\"Genesis\" symbol=\"GEN\" itemCount={5}\n conditions={{\n maxSupply: \"5\", price: \"0\", paymentToken: \"0x0\",\n startTime: 1893456000, endTime: 1893542400, maxPerWallet: \"2\",\n }}\n whitelistEnabled={false} gatedContentEnabled={false}\n />\n );\n expect(html).toContain(\"Opens:\");\n expect(html).toContain(\"Closes:\");\n expect(html).toContain(\"Max 2/wallet\");\n expect(html).not.toContain(\"HRS\");\n});\n"],"mappings":"AAMI;AANJ,SAAS,MAAM,cAAc;AAC7B,SAAS,4BAA4B;AACrC,SAAS,uBAAuB;AAEhC,KAAK,uEAAuE,MAAM;AAChF,QAAM,OAAO;AAAA,IACX;AAAA,MAAC;AAAA;AAAA,QACC,YAAY;AAAA,QAAM,MAAK;AAAA,QAAG,QAAO;AAAA,QAAG,WAAW;AAAA,QAC/C,YAAY;AAAA,QAAM,kBAAkB;AAAA,QAAO,qBAAqB;AAAA;AAAA,IAClE;AAAA,EACF;AACA,SAAO,IAAI,EAAE,UAAU,UAAU;AACnC,CAAC;AAED,KAAK,0CAA0C,MAAM;AACnD,QAAM,OAAO;AAAA,IACX;AAAA,MAAC;AAAA;AAAA,QACC,YAAY;AAAA,QAAM,MAAK;AAAA,QAAU,QAAO;AAAA,QAAM,WAAW;AAAA,QACzD,YAAY;AAAA,QAAM,kBAAgB;AAAA,QAAC,qBAAqB;AAAA;AAAA,IAC1D;AAAA,EACF;AACA,SAAO,IAAI,EAAE,UAAU,WAAW;AACpC,CAAC;AAED,KAAK,kDAAkD,MAAM;AAC3D,QAAM,OAAO;AAAA,IACX;AAAA,MAAC;AAAA;AAAA,QACC,YAAY;AAAA,QAAM,MAAK;AAAA,QAAU,QAAO;AAAA,QAAM,WAAW;AAAA,QACzD,YAAY;AAAA,QAAM,kBAAkB;AAAA,QAAO,qBAAmB;AAAA;AAAA,IAChE;AAAA,EACF;AACA,SAAO,IAAI,EAAE,UAAU,mBAAmB;AAC5C,CAAC;AAED,KAAK,gFAAgF,MAAM;AACzF,QAAM,OAAO;AAAA,IACX;AAAA,MAAC;AAAA;AAAA,QACC,YAAY;AAAA,QAAM,MAAK;AAAA,QAAU,QAAO;AAAA,QAAM,WAAW;AAAA,QACzD,YAAY;AAAA,UACV,WAAW;AAAA,UAAK,OAAO;AAAA,UAAK,cAAc;AAAA,UAC1C,WAAW;AAAA,UAAY,SAAS;AAAA,UAAY,cAAc;AAAA,QAC5D;AAAA,QACA,kBAAkB;AAAA,QAAO,qBAAqB;AAAA;AAAA,IAChD;AAAA,EACF;AACA,SAAO,IAAI,EAAE,UAAU,QAAQ;AAC/B,SAAO,IAAI,EAAE,UAAU,SAAS;AAChC,SAAO,IAAI,EAAE,UAAU,cAAc;AACrC,SAAO,IAAI,EAAE,IAAI,UAAU,KAAK;AAClC,CAAC;","names":[]}
|