@wakastellar/ui 4.0.0 → 4.1.1

package/dist/components/waka-credit-transaction/index.es.js

@@ -0,0 +1,147 @@
+"use client";
+"use client";
+import { cn as e } from "../../utils/cn.es.js";
+import { Badge as t } from "../badge/index.es.js";
+import "react";
+import { ArrowDownLeft as n, ArrowUpRight as r, Clock as i, Gift as a, RotateCcw as o } from "lucide-react";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+//#region src/components/waka-credit-transaction/index.tsx
+var l = {
+	debit: {
+		icon: n,
+		color: "text-red-600 dark:text-red-400",
+		bg: "bg-red-50 dark:bg-red-950/30",
+		iconColor: "text-red-500 dark:text-red-400",
+		prefix: "-"
+	},
+	credit: {
+		icon: r,
+		color: "text-green-600 dark:text-green-400",
+		bg: "bg-green-50 dark:bg-green-950/30",
+		iconColor: "text-green-500 dark:text-green-400",
+		prefix: "+"
+	},
+	refund: {
+		icon: o,
+		color: "text-blue-600 dark:text-blue-400",
+		bg: "bg-blue-50 dark:bg-blue-950/30",
+		iconColor: "text-blue-500 dark:text-blue-400",
+		prefix: "+"
+	},
+	bonus: {
+		icon: a,
+		color: "text-purple-600 dark:text-purple-400",
+		bg: "bg-purple-50 dark:bg-purple-950/30",
+		iconColor: "text-purple-500 dark:text-purple-400",
+		prefix: "+"
+	},
+	expiry: {
+		icon: i,
+		color: "text-gray-500 dark:text-gray-400",
+		bg: "bg-gray-50 dark:bg-gray-900/30",
+		iconColor: "text-gray-400 dark:text-gray-500",
+		prefix: "-"
+	}
+}, u = {
+	completed: {
+		label: "Completed",
+		className: "bg-green-100 text-green-800 dark:bg-green-900/40 dark:text-green-300 border-green-200 dark:border-green-800"
+	},
+	pending: {
+		label: "Pending",
+		className: "bg-yellow-100 text-yellow-800 dark:bg-yellow-900/40 dark:text-yellow-300 border-yellow-200 dark:border-yellow-800"
+	},
+	failed: {
+		label: "Failed",
+		className: "bg-red-100 text-red-800 dark:bg-red-900/40 dark:text-red-300 border-red-200 dark:border-red-800"
+	},
+	cancelled: {
+		label: "Cancelled",
+		className: "bg-gray-100 text-gray-600 dark:bg-gray-800/40 dark:text-gray-400 border-gray-200 dark:border-gray-700"
+	}
+};
+function d(e) {
+	return e.toLocaleString("en-US");
+}
+function f(e) {
+	return (typeof e == "string" ? new Date(e) : e).toLocaleDateString("en-US", {
+		month: "short",
+		day: "numeric",
+		year: "numeric"
+	});
+}
+function p({ transaction: n, showService: r = !1, showStatus: i = !1, compact: a = !1, formatAmount: o = d, formatDate: p = f, onClick: m, className: h }) {
+	let g = l[n.type], _ = g.icon, v = u[n.status], y = `${g.prefix}${o(n.amount)}`, b = p(n.timestamp), x = !!m;
+	return a ? /* @__PURE__ */ c("div", {
+		role: x ? "button" : void 0,
+		tabIndex: x ? 0 : void 0,
+		onClick: x ? () => m(n) : void 0,
+		onKeyDown: x ? (e) => {
+			(e.key === "Enter" || e.key === " ") && (e.preventDefault(), m(n));
+		} : void 0,
+		className: e("flex items-center gap-3 py-2 px-3 rounded-md", x && "cursor-pointer hover:bg-muted/50 transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring", h),
+		children: [
+			/* @__PURE__ */ s("div", {
+				className: e("flex items-center justify-center h-7 w-7 rounded-md shrink-0", g.bg),
+				children: /* @__PURE__ */ s(_, {
+					className: e("h-3.5 w-3.5", g.iconColor),
+					"aria-hidden": "true"
+				})
+			}),
+			/* @__PURE__ */ s("span", {
+				className: "flex-1 min-w-0 text-sm truncate text-foreground",
+				children: n.description
+			}),
+			/* @__PURE__ */ s("span", {
+				className: e("text-sm font-semibold tabular-nums shrink-0", g.color),
+				children: y
+			}),
+			/* @__PURE__ */ s("span", {
+				className: "text-xs text-muted-foreground shrink-0",
+				children: b
+			})
+		]
+	}) : /* @__PURE__ */ c("div", {
+		role: x ? "button" : void 0,
+		tabIndex: x ? 0 : void 0,
+		onClick: x ? () => m(n) : void 0,
+		onKeyDown: x ? (e) => {
+			(e.key === "Enter" || e.key === " ") && (e.preventDefault(), m(n));
+		} : void 0,
+		className: e("flex items-center gap-4 py-3 px-4 rounded-lg", x && "cursor-pointer hover:bg-muted/50 transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring", h),
+		children: [
+			/* @__PURE__ */ s("div", {
+				className: e("flex items-center justify-center h-9 w-9 rounded-lg shrink-0", g.bg),
+				children: /* @__PURE__ */ s(_, {
+					className: e("h-4 w-4", g.iconColor),
+					"aria-hidden": "true"
+				})
+			}),
+			/* @__PURE__ */ c("div", {
+				className: "flex-1 min-w-0",
+				children: [/* @__PURE__ */ s("p", {
+					className: "text-sm font-medium text-foreground truncate",
+					children: n.description
+				}), r && n.service && /* @__PURE__ */ s("p", {
+					className: "text-xs text-muted-foreground mt-0.5 truncate",
+					children: n.service
+				})]
+			}),
+			/* @__PURE__ */ s("span", {
+				className: e("text-sm font-semibold tabular-nums shrink-0", g.color),
+				children: y
+			}),
+			/* @__PURE__ */ s("span", {
+				className: "text-xs text-muted-foreground shrink-0 w-24 text-right",
+				children: b
+			}),
+			i && /* @__PURE__ */ s(t, {
+				variant: "outline",
+				className: e("shrink-0 text-[10px] px-2 py-0.5", v.className),
+				children: v.label
+			})
+		]
+	});
+}
+//#endregion
+export { p as WakaCreditTransaction, p as default };

package/dist/components/waka-credit-transfer-form/index.cjs.js

@@ -0,0 +1 @@
+"use client";"use client";const e=require("../../_virtual/_rolldown/runtime.cjs.js"),t=require("../../utils/cn.cjs.js"),n=require("../button/index.cjs.js"),r=require("../card/index.cjs.js"),i=require("../label/index.cjs.js"),a=require("../input/index.cjs.js"),o=require("../select/index.cjs.js"),s=require("../textarea/index.cjs.js");let c=require("react");c=e.__toESM(c);let l=require("lucide-react"),u=require("react/jsx-runtime");function d(e,t,n,r,i){let a={};e?i&&e===i&&(a.destination=`Destination must be different from source organization`):a.destination=`Please select a destination organization`;let o=parseFloat(t);return t?isNaN(o)||o<=0?a.amount=`Amount must be greater than 0`:o>r&&(a.amount=`Amount cannot exceed ${r.toLocaleString()} credits`):a.amount=`Amount is required`,n.trim()||(a.reason=`Please provide a reason for the transfer`),a}function f({message:e}){return e?(0,u.jsxs)(`div`,{className:`flex items-center gap-1.5 mt-1.5`,children:[(0,u.jsx)(l.AlertCircle,{className:`h-3.5 w-3.5 text-destructive flex-shrink-0`}),(0,u.jsx)(`span`,{className:`text-xs text-destructive`,children:e})]}):null}function p({maxAmount:e,organizations:p,sourceOrganization:m,onTransfer:h,onCancel:g,loading:_=!1,className:v}){let[y,b]=c.useState(``),[x,S]=c.useState(``),[C,w]=c.useState(``),[T,E]=c.useState({}),[D,O]=c.useState({}),k=c.useMemo(()=>m?p.filter(e=>e.id!==m.id):p,[p,m]),A=c.useMemo(()=>p.find(e=>e.id===y),[p,y]);c.useEffect(()=>{if(Object.keys(D).length===0)return;let t=d(y,x,C,e,m?.id),n={};D.destination&&t.destination&&(n.destination=t.destination),D.amount&&t.amount&&(n.amount=t.amount),D.reason&&t.reason&&(n.reason=t.reason),E(n)},[y,x,C,e,m?.id,D]);let j=e=>{O(t=>({...t,[e]:!0}))},M=t=>{t.preventDefault(),O({destination:!0,amount:!0,reason:!0});let n=d(y,x,C,e,m?.id);if(Object.keys(n).length>0){E(n);return}h({toOrgId:y,amount:parseFloat(x),reason:C.trim()})},N=parseFloat(x),P=A&&!isNaN(N)&&N>0&&N<=e&&m;return(0,u.jsxs)(r.Card,{className:t.cn(`w-full`,v),children:[(0,u.jsx)(r.CardHeader,{children:(0,u.jsxs)(r.CardTitle,{className:`flex items-center gap-2 text-lg`,children:[(0,u.jsx)(l.Send,{className:`h-5 w-5`}),`Transfer Credits`]})}),(0,u.jsxs)(`form`,{onSubmit:M,children:[(0,u.jsxs)(r.CardContent,{className:`space-y-4`,children:[m&&(0,u.jsxs)(`div`,{className:`space-y-2`,children:[(0,u.jsx)(i.Label,{children:`Source Organization`}),(0,u.jsxs)(`div`,{className:`flex items-center gap-2 rounded-md border border-input bg-muted/50 px-3 py-2 text-sm`,children:[(0,u.jsx)(l.Building2,{className:`h-4 w-4 text-muted-foreground flex-shrink-0`}),(0,u.jsx)(`span`,{className:`font-medium`,children:m.name}),m.balance!==void 0&&(0,u.jsxs)(`span`,{className:`ml-auto text-muted-foreground`,children:[m.balance.toLocaleString(),` credits`]})]})]}),(0,u.jsxs)(`div`,{className:`space-y-2`,children:[(0,u.jsx)(i.Label,{htmlFor:`destination-org`,children:`Destination Organization`}),(0,u.jsxs)(o.Select,{value:y,onValueChange:e=>{b(e),O(e=>({...e,destination:!0}))},disabled:_,children:[(0,u.jsx)(o.SelectTrigger,{id:`destination-org`,className:t.cn(T.destination&&`border-destructive focus:ring-destructive`),onBlur:()=>j(`destination`),children:(0,u.jsx)(o.SelectValue,{placeholder:`Select an organization`})}),(0,u.jsx)(o.SelectContent,{children:k.map(e=>(0,u.jsx)(o.SelectItem,{value:e.id,children:(0,u.jsxs)(`span`,{className:`flex items-center gap-2`,children:[(0,u.jsx)(l.Building2,{className:`h-3.5 w-3.5 text-muted-foreground`}),(0,u.jsx)(`span`,{children:e.name}),e.balance!==void 0&&(0,u.jsxs)(`span`,{className:`text-muted-foreground`,children:[`(`,e.balance.toLocaleString(),` credits)`]})]})},e.id))})]}),(0,u.jsx)(f,{message:T.destination})]}),(0,u.jsxs)(`div`,{className:`space-y-2`,children:[(0,u.jsx)(i.Label,{htmlFor:`transfer-amount`,children:`Amount`}),(0,u.jsx)(`div`,{className:`relative`,children:(0,u.jsx)(a.Input,{id:`transfer-amount`,type:`number`,min:1,max:e,step:1,placeholder:`Max: ${e.toLocaleString()} credits`,value:x,onChange:e=>S(e.target.value),onBlur:()=>j(`amount`),disabled:_,className:t.cn(T.amount&&`border-destructive focus-visible:ring-destructive`)})}),(0,u.jsx)(f,{message:T.amount})]}),(0,u.jsxs)(`div`,{className:`space-y-2`,children:[(0,u.jsx)(i.Label,{htmlFor:`transfer-reason`,children:`Reason`}),(0,u.jsx)(s.Textarea,{id:`transfer-reason`,placeholder:`Describe the reason for this transfer...`,value:C,onChange:e=>w(e.target.value),onBlur:()=>j(`reason`),disabled:_,rows:3,className:t.cn(T.reason&&`border-destructive focus-visible:ring-destructive`)}),(0,u.jsx)(f,{message:T.reason})]}),P&&(0,u.jsx)(`div`,{className:`rounded-md border bg-muted/30 p-3`,children:(0,u.jsxs)(`p`,{className:`text-sm text-muted-foreground flex items-center gap-2 flex-wrap`,children:[`Transfer`,` `,(0,u.jsxs)(`span`,{className:`font-semibold text-foreground`,children:[N.toLocaleString(),` credits`]}),` `,`from`,` `,(0,u.jsx)(`span`,{className:`font-semibold text-foreground`,children:m.name}),(0,u.jsx)(l.ArrowRight,{className:`h-3.5 w-3.5 flex-shrink-0`}),(0,u.jsx)(`span`,{className:`font-semibold text-foreground`,children:A.name})]})})]}),(0,u.jsxs)(r.CardFooter,{className:`gap-2 justify-end`,children:[g&&(0,u.jsx)(n.Button,{type:`button`,variant:`outline`,onClick:g,disabled:_,children:`Cancel`}),(0,u.jsx)(n.Button,{type:`submit`,disabled:_,children:_?(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)(`span`,{className:`h-4 w-4 animate-spin rounded-full border-2 border-current border-t-transparent`}),`Transferring...`]}):(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)(l.Send,{className:`h-4 w-4`}),`Transfer`]})})]})]})]})}exports.WakaCreditTransferForm=p,exports.default=p;

package/dist/components/waka-credit-transfer-form/index.es.js

@@ -0,0 +1,226 @@
+"use client";
+"use client";
+import { cn as e } from "../../utils/cn.es.js";
+import { Button as t } from "../button/index.es.js";
+import { Card as n, CardContent as r, CardFooter as i, CardHeader as a, CardTitle as o } from "../card/index.es.js";
+import { Label as s } from "../label/index.es.js";
+import { Input as c } from "../input/index.es.js";
+import { Select as l, SelectContent as u, SelectItem as d, SelectTrigger as f, SelectValue as p } from "../select/index.es.js";
+import { Textarea as m } from "../textarea/index.es.js";
+import * as h from "react";
+import { AlertCircle as g, ArrowRight as _, Building2 as v, Send as y } from "lucide-react";
+import { Fragment as b, jsx as x, jsxs as S } from "react/jsx-runtime";
+//#region src/components/waka-credit-transfer-form/index.tsx
+function C(e, t, n, r, i) {
+	let a = {};
+	e ? i && e === i && (a.destination = "Destination must be different from source organization") : a.destination = "Please select a destination organization";
+	let o = parseFloat(t);
+	return t ? isNaN(o) || o <= 0 ? a.amount = "Amount must be greater than 0" : o > r && (a.amount = `Amount cannot exceed ${r.toLocaleString()} credits`) : a.amount = "Amount is required", n.trim() || (a.reason = "Please provide a reason for the transfer"), a;
+}
+function w({ message: e }) {
+	return e ? /* @__PURE__ */ S("div", {
+		className: "flex items-center gap-1.5 mt-1.5",
+		children: [/* @__PURE__ */ x(g, { className: "h-3.5 w-3.5 text-destructive flex-shrink-0" }), /* @__PURE__ */ x("span", {
+			className: "text-xs text-destructive",
+			children: e
+		})]
+	}) : null;
+}
+function T({ maxAmount: g, organizations: T, sourceOrganization: E, onTransfer: D, onCancel: O, loading: k = !1, className: A }) {
+	let [j, M] = h.useState(""), [N, P] = h.useState(""), [F, I] = h.useState(""), [L, R] = h.useState({}), [z, B] = h.useState({}), V = h.useMemo(() => E ? T.filter((e) => e.id !== E.id) : T, [T, E]), H = h.useMemo(() => T.find((e) => e.id === j), [T, j]);
+	h.useEffect(() => {
+		if (Object.keys(z).length === 0) return;
+		let e = C(j, N, F, g, E?.id), t = {};
+		z.destination && e.destination && (t.destination = e.destination), z.amount && e.amount && (t.amount = e.amount), z.reason && e.reason && (t.reason = e.reason), R(t);
+	}, [
+		j,
+		N,
+		F,
+		g,
+		E?.id,
+		z
+	]);
+	let U = (e) => {
+		B((t) => ({
+			...t,
+			[e]: !0
+		}));
+	}, W = (e) => {
+		e.preventDefault(), B({
+			destination: !0,
+			amount: !0,
+			reason: !0
+		});
+		let t = C(j, N, F, g, E?.id);
+		if (Object.keys(t).length > 0) {
+			R(t);
+			return;
+		}
+		D({
+			toOrgId: j,
+			amount: parseFloat(N),
+			reason: F.trim()
+		});
+	}, G = parseFloat(N), K = H && !isNaN(G) && G > 0 && G <= g && E;
+	return /* @__PURE__ */ S(n, {
+		className: e("w-full", A),
+		children: [/* @__PURE__ */ x(a, { children: /* @__PURE__ */ S(o, {
+			className: "flex items-center gap-2 text-lg",
+			children: [/* @__PURE__ */ x(y, { className: "h-5 w-5" }), "Transfer Credits"]
+		}) }), /* @__PURE__ */ S("form", {
+			onSubmit: W,
+			children: [/* @__PURE__ */ S(r, {
+				className: "space-y-4",
+				children: [
+					E && /* @__PURE__ */ S("div", {
+						className: "space-y-2",
+						children: [/* @__PURE__ */ x(s, { children: "Source Organization" }), /* @__PURE__ */ S("div", {
+							className: "flex items-center gap-2 rounded-md border border-input bg-muted/50 px-3 py-2 text-sm",
+							children: [
+								/* @__PURE__ */ x(v, { className: "h-4 w-4 text-muted-foreground flex-shrink-0" }),
+								/* @__PURE__ */ x("span", {
+									className: "font-medium",
+									children: E.name
+								}),
+								E.balance !== void 0 && /* @__PURE__ */ S("span", {
+									className: "ml-auto text-muted-foreground",
+									children: [E.balance.toLocaleString(), " credits"]
+								})
+							]
+						})]
+					}),
+					/* @__PURE__ */ S("div", {
+						className: "space-y-2",
+						children: [
+							/* @__PURE__ */ x(s, {
+								htmlFor: "destination-org",
+								children: "Destination Organization"
+							}),
+							/* @__PURE__ */ S(l, {
+								value: j,
+								onValueChange: (e) => {
+									M(e), B((e) => ({
+										...e,
+										destination: !0
+									}));
+								},
+								disabled: k,
+								children: [/* @__PURE__ */ x(f, {
+									id: "destination-org",
+									className: e(L.destination && "border-destructive focus:ring-destructive"),
+									onBlur: () => U("destination"),
+									children: /* @__PURE__ */ x(p, { placeholder: "Select an organization" })
+								}), /* @__PURE__ */ x(u, { children: V.map((e) => /* @__PURE__ */ x(d, {
+									value: e.id,
+									children: /* @__PURE__ */ S("span", {
+										className: "flex items-center gap-2",
+										children: [
+											/* @__PURE__ */ x(v, { className: "h-3.5 w-3.5 text-muted-foreground" }),
+											/* @__PURE__ */ x("span", { children: e.name }),
+											e.balance !== void 0 && /* @__PURE__ */ S("span", {
+												className: "text-muted-foreground",
+												children: [
+													"(",
+													e.balance.toLocaleString(),
+													" credits)"
+												]
+											})
+										]
+									})
+								}, e.id)) })]
+							}),
+							/* @__PURE__ */ x(w, { message: L.destination })
+						]
+					}),
+					/* @__PURE__ */ S("div", {
+						className: "space-y-2",
+						children: [
+							/* @__PURE__ */ x(s, {
+								htmlFor: "transfer-amount",
+								children: "Amount"
+							}),
+							/* @__PURE__ */ x("div", {
+								className: "relative",
+								children: /* @__PURE__ */ x(c, {
+									id: "transfer-amount",
+									type: "number",
+									min: 1,
+									max: g,
+									step: 1,
+									placeholder: `Max: ${g.toLocaleString()} credits`,
+									value: N,
+									onChange: (e) => P(e.target.value),
+									onBlur: () => U("amount"),
+									disabled: k,
+									className: e(L.amount && "border-destructive focus-visible:ring-destructive")
+								})
+							}),
+							/* @__PURE__ */ x(w, { message: L.amount })
+						]
+					}),
+					/* @__PURE__ */ S("div", {
+						className: "space-y-2",
+						children: [
+							/* @__PURE__ */ x(s, {
+								htmlFor: "transfer-reason",
+								children: "Reason"
+							}),
+							/* @__PURE__ */ x(m, {
+								id: "transfer-reason",
+								placeholder: "Describe the reason for this transfer...",
+								value: F,
+								onChange: (e) => I(e.target.value),
+								onBlur: () => U("reason"),
+								disabled: k,
+								rows: 3,
+								className: e(L.reason && "border-destructive focus-visible:ring-destructive")
+							}),
+							/* @__PURE__ */ x(w, { message: L.reason })
+						]
+					}),
+					K && /* @__PURE__ */ x("div", {
+						className: "rounded-md border bg-muted/30 p-3",
+						children: /* @__PURE__ */ S("p", {
+							className: "text-sm text-muted-foreground flex items-center gap-2 flex-wrap",
+							children: [
+								"Transfer",
+								" ",
+								/* @__PURE__ */ S("span", {
+									className: "font-semibold text-foreground",
+									children: [G.toLocaleString(), " credits"]
+								}),
+								" ",
+								"from",
+								" ",
+								/* @__PURE__ */ x("span", {
+									className: "font-semibold text-foreground",
+									children: E.name
+								}),
+								/* @__PURE__ */ x(_, { className: "h-3.5 w-3.5 flex-shrink-0" }),
+								/* @__PURE__ */ x("span", {
+									className: "font-semibold text-foreground",
+									children: H.name
+								})
+							]
+						})
+					})
+				]
+			}), /* @__PURE__ */ S(i, {
+				className: "gap-2 justify-end",
+				children: [O && /* @__PURE__ */ x(t, {
+					type: "button",
+					variant: "outline",
+					onClick: O,
+					disabled: k,
+					children: "Cancel"
+				}), /* @__PURE__ */ x(t, {
+					type: "submit",
+					disabled: k,
+					children: k ? /* @__PURE__ */ S(b, { children: [/* @__PURE__ */ x("span", { className: "h-4 w-4 animate-spin rounded-full border-2 border-current border-t-transparent" }), "Transferring..."] }) : /* @__PURE__ */ S(b, { children: [/* @__PURE__ */ x(y, { className: "h-4 w-4" }), "Transfer"] })
+				})]
+			})]
+		})]
+	});
+}
+//#endregion
+export { T as WakaCreditTransferForm, T as default };

package/dist/components/waka-credit-usage-chart/index.cjs.js

@@ -0,0 +1 @@
+"use client";"use client";const e=require("../../_virtual/_rolldown/runtime.cjs.js"),t=require("../../utils/cn.cjs.js");let n=require("react");n=e.__toESM(n);let r=require("react/jsx-runtime"),i=require("recharts");var a=[{value:`day`,label:`Day`},{value:`week`,label:`Week`},{value:`month`,label:`Month`},{value:`year`,label:`Year`}],o=`#3b82f6`,s=`#94a3b8`;function c(e,t){return!t||t.length===0?e.map(e=>({date:e.date,value:e.value})):e.map((e,n)=>({date:e.date,value:e.value,compareValue:t[n]?.value}))}function l(e){return e.toLocaleString(`en-US`)}function u({active:e,payload:t,label:n,formatValue:i}){return!e||!t||t.length===0?null:(0,r.jsxs)(`div`,{className:`rounded-lg border bg-popover px-3 py-2 shadow-md`,children:[(0,r.jsx)(`p`,{className:`mb-1 text-xs font-medium text-muted-foreground`,children:n}),t.map(e=>(0,r.jsxs)(`div`,{className:`flex items-center gap-2 text-sm`,children:[(0,r.jsx)(`span`,{className:`inline-block h-2 w-2 rounded-full`,style:{backgroundColor:e.color}}),(0,r.jsxs)(`span`,{className:`text-muted-foreground`,children:[e.name,`:`]}),(0,r.jsx)(`span`,{className:`font-semibold tabular-nums`,children:i(e.value)})]},e.dataKey))]})}function d({period:e,onPeriodChange:n}){return(0,r.jsx)(`div`,{className:`mb-4 flex gap-1 rounded-lg bg-muted p-1`,children:a.map(i=>(0,r.jsx)(`button`,{type:`button`,onClick:()=>n(i.value),className:t.cn(`rounded-md px-3 py-1.5 text-xs font-medium transition-colors`,e===i.value?`bg-background text-foreground shadow-sm`:`text-muted-foreground hover:text-foreground`),children:i.label},i.value))})}function f({data:e,compareWith:a,period:f=`month`,stacked:p=!1,height:m=300,showLegend:h=!1,showGrid:g=!0,animated:_=!0,color:v=o,compareColor:y=s,formatValue:b=l,onPeriodChange:x,className:S}){let C=n.useMemo(()=>c(e,a),[e,a]),w=n.useId(),T=n.useId(),E=`usage-gradient-${w.replace(/:/g,``)}`,D=`compare-gradient-${T.replace(/:/g,``)}`,O=a&&a.length>0;return(0,r.jsxs)(`div`,{className:t.cn(`w-full`,S),children:[x&&(0,r.jsx)(d,{period:f,onPeriodChange:x}),(0,r.jsx)(i.ResponsiveContainer,{width:`100%`,height:m,children:(0,r.jsxs)(i.AreaChart,{data:C,margin:{top:4,right:4,left:0,bottom:0},children:[(0,r.jsxs)(`defs`,{children:[(0,r.jsxs)(`linearGradient`,{id:E,x1:`0`,y1:`0`,x2:`0`,y2:`1`,children:[(0,r.jsx)(`stop`,{offset:`5%`,stopColor:v,stopOpacity:.4}),(0,r.jsx)(`stop`,{offset:`95%`,stopColor:v,stopOpacity:.05})]}),O&&(0,r.jsxs)(`linearGradient`,{id:D,x1:`0`,y1:`0`,x2:`0`,y2:`1`,children:[(0,r.jsx)(`stop`,{offset:`5%`,stopColor:y,stopOpacity:.15}),(0,r.jsx)(`stop`,{offset:`95%`,stopColor:y,stopOpacity:.02})]})]}),g&&(0,r.jsx)(i.CartesianGrid,{strokeDasharray:`3 3`,vertical:!1,className:`stroke-border/50`}),(0,r.jsx)(i.XAxis,{dataKey:`date`,axisLine:!1,tickLine:!1,tick:{fontSize:12},className:`fill-muted-foreground`,dy:8}),(0,r.jsx)(i.YAxis,{axisLine:!1,tickLine:!1,tick:{fontSize:12},className:`fill-muted-foreground`,tickFormatter:e=>b(e),width:60}),(0,r.jsx)(i.Tooltip,{content:(0,r.jsx)(u,{formatValue:b}),cursor:{stroke:`hsl(var(--border))`,strokeWidth:1}}),h&&(0,r.jsx)(i.Legend,{verticalAlign:`bottom`,align:`center`,wrapperStyle:{paddingTop:16},iconType:`circle`}),O&&(0,r.jsx)(i.Area,{dataKey:`compareValue`,name:`Previous Period`,type:`monotone`,stroke:y,strokeWidth:1.5,strokeDasharray:`6 3`,fill:`url(#${D})`,fillOpacity:1,stackId:p?`stack`:void 0,isAnimationActive:_,animationDuration:800,dot:!1,activeDot:{r:3,fill:y,stroke:`white`,strokeWidth:1.5}}),(0,r.jsx)(i.Area,{dataKey:`value`,name:`Current Period`,type:`monotone`,stroke:v,strokeWidth:2,fill:`url(#${E})`,fillOpacity:1,stackId:p?`stack`:void 0,isAnimationActive:_,animationDuration:800,dot:!1,activeDot:{r:4,fill:v,stroke:`white`,strokeWidth:2}})]})})]})}exports.WakaCreditUsageChart=f,exports.default=f;

package/dist/components/waka-credit-usage-chart/index.es.js

@@ -0,0 +1,204 @@
+"use client";
+"use client";
+import { cn as e } from "../../utils/cn.es.js";
+import * as t from "react";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+import { Area as i, AreaChart as a, CartesianGrid as o, Legend as s, ResponsiveContainer as c, Tooltip as l, XAxis as u, YAxis as d } from "recharts";
+//#region src/components/waka-credit-usage-chart/index.tsx
+var f = [
+	{
+		value: "day",
+		label: "Day"
+	},
+	{
+		value: "week",
+		label: "Week"
+	},
+	{
+		value: "month",
+		label: "Month"
+	},
+	{
+		value: "year",
+		label: "Year"
+	}
+], p = "#3b82f6", m = "#94a3b8";
+function h(e, t) {
+	return !t || t.length === 0 ? e.map((e) => ({
+		date: e.date,
+		value: e.value
+	})) : e.map((e, n) => ({
+		date: e.date,
+		value: e.value,
+		compareValue: t[n]?.value
+	}));
+}
+function g(e) {
+	return e.toLocaleString("en-US");
+}
+function _({ active: e, payload: t, label: i, formatValue: a }) {
+	return !e || !t || t.length === 0 ? null : /* @__PURE__ */ r("div", {
+		className: "rounded-lg border bg-popover px-3 py-2 shadow-md",
+		children: [/* @__PURE__ */ n("p", {
+			className: "mb-1 text-xs font-medium text-muted-foreground",
+			children: i
+		}), t.map((e) => /* @__PURE__ */ r("div", {
+			className: "flex items-center gap-2 text-sm",
+			children: [
+				/* @__PURE__ */ n("span", {
+					className: "inline-block h-2 w-2 rounded-full",
+					style: { backgroundColor: e.color }
+				}),
+				/* @__PURE__ */ r("span", {
+					className: "text-muted-foreground",
+					children: [e.name, ":"]
+				}),
+				/* @__PURE__ */ n("span", {
+					className: "font-semibold tabular-nums",
+					children: a(e.value)
+				})
+			]
+		}, e.dataKey))]
+	});
+}
+function v({ period: t, onPeriodChange: r }) {
+	return /* @__PURE__ */ n("div", {
+		className: "mb-4 flex gap-1 rounded-lg bg-muted p-1",
+		children: f.map((i) => /* @__PURE__ */ n("button", {
+			type: "button",
+			onClick: () => r(i.value),
+			className: e("rounded-md px-3 py-1.5 text-xs font-medium transition-colors", t === i.value ? "bg-background text-foreground shadow-sm" : "text-muted-foreground hover:text-foreground"),
+			children: i.label
+		}, i.value))
+	});
+}
+function y({ data: f, compareWith: y, period: b = "month", stacked: x = !1, height: S = 300, showLegend: C = !1, showGrid: w = !0, animated: T = !0, color: E = p, compareColor: D = m, formatValue: O = g, onPeriodChange: k, className: A }) {
+	let j = t.useMemo(() => h(f, y), [f, y]), M = t.useId(), N = t.useId(), P = `usage-gradient-${M.replace(/:/g, "")}`, F = `compare-gradient-${N.replace(/:/g, "")}`, I = y && y.length > 0;
+	return /* @__PURE__ */ r("div", {
+		className: e("w-full", A),
+		children: [k && /* @__PURE__ */ n(v, {
+			period: b,
+			onPeriodChange: k
+		}), /* @__PURE__ */ n(c, {
+			width: "100%",
+			height: S,
+			children: /* @__PURE__ */ r(a, {
+				data: j,
+				margin: {
+					top: 4,
+					right: 4,
+					left: 0,
+					bottom: 0
+				},
+				children: [
+					/* @__PURE__ */ r("defs", { children: [/* @__PURE__ */ r("linearGradient", {
+						id: P,
+						x1: "0",
+						y1: "0",
+						x2: "0",
+						y2: "1",
+						children: [/* @__PURE__ */ n("stop", {
+							offset: "5%",
+							stopColor: E,
+							stopOpacity: .4
+						}), /* @__PURE__ */ n("stop", {
+							offset: "95%",
+							stopColor: E,
+							stopOpacity: .05
+						})]
+					}), I && /* @__PURE__ */ r("linearGradient", {
+						id: F,
+						x1: "0",
+						y1: "0",
+						x2: "0",
+						y2: "1",
+						children: [/* @__PURE__ */ n("stop", {
+							offset: "5%",
+							stopColor: D,
+							stopOpacity: .15
+						}), /* @__PURE__ */ n("stop", {
+							offset: "95%",
+							stopColor: D,
+							stopOpacity: .02
+						})]
+					})] }),
+					w && /* @__PURE__ */ n(o, {
+						strokeDasharray: "3 3",
+						vertical: !1,
+						className: "stroke-border/50"
+					}),
+					/* @__PURE__ */ n(u, {
+						dataKey: "date",
+						axisLine: !1,
+						tickLine: !1,
+						tick: { fontSize: 12 },
+						className: "fill-muted-foreground",
+						dy: 8
+					}),
+					/* @__PURE__ */ n(d, {
+						axisLine: !1,
+						tickLine: !1,
+						tick: { fontSize: 12 },
+						className: "fill-muted-foreground",
+						tickFormatter: (e) => O(e),
+						width: 60
+					}),
+					/* @__PURE__ */ n(l, {
+						content: /* @__PURE__ */ n(_, { formatValue: O }),
+						cursor: {
+							stroke: "hsl(var(--border))",
+							strokeWidth: 1
+						}
+					}),
+					C && /* @__PURE__ */ n(s, {
+						verticalAlign: "bottom",
+						align: "center",
+						wrapperStyle: { paddingTop: 16 },
+						iconType: "circle"
+					}),
+					I && /* @__PURE__ */ n(i, {
+						dataKey: "compareValue",
+						name: "Previous Period",
+						type: "monotone",
+						stroke: D,
+						strokeWidth: 1.5,
+						strokeDasharray: "6 3",
+						fill: `url(#${F})`,
+						fillOpacity: 1,
+						stackId: x ? "stack" : void 0,
+						isAnimationActive: T,
+						animationDuration: 800,
+						dot: !1,
+						activeDot: {
+							r: 3,
+							fill: D,
+							stroke: "white",
+							strokeWidth: 1.5
+						}
+					}),
+					/* @__PURE__ */ n(i, {
+						dataKey: "value",
+						name: "Current Period",
+						type: "monotone",
+						stroke: E,
+						strokeWidth: 2,
+						fill: `url(#${P})`,
+						fillOpacity: 1,
+						stackId: x ? "stack" : void 0,
+						isAnimationActive: T,
+						animationDuration: 800,
+						dot: !1,
+						activeDot: {
+							r: 4,
+							fill: E,
+							stroke: "white",
+							strokeWidth: 2
+						}
+					})
+				]
+			})
+		})]
+	});
+}
+//#endregion
+export { y as WakaCreditUsageChart, y as default };

package/dist/components/waka-daily-reward/index.cjs.js

@@ -0,0 +1,44 @@
+"use client";"use client";const e=require("../../_virtual/_rolldown/runtime.cjs.js"),t=require("../../utils/cn.cjs.js");let n=require("react");n=e.__toESM(n);let r=require("lucide-react"),i=require("react/jsx-runtime");var a={xp:{icon:r.Sparkles,color:`text-purple-500`,bgColor:`bg-purple-100`,gradient:`from-purple-400 to-purple-600`},coins:{icon:r.Coins,color:`text-yellow-500`,bgColor:`bg-yellow-100`,gradient:`from-yellow-400 to-orange-500`},item:{icon:r.Gift,color:`text-blue-500`,bgColor:`bg-blue-100`,gradient:`from-blue-400 to-blue-600`},badge:{icon:r.Crown,color:`text-amber-500`,bgColor:`bg-amber-100`,gradient:`from-amber-400 to-orange-600`}},o={sm:{card:`w-14 h-20`,bonusCard:`w-18 h-24`,icon:`h-5 w-5`,bonusIcon:`h-7 w-7`,dayText:`text-[10px]`,rewardText:`text-[10px]`,streakText:`text-xs`,button:`text-xs px-3 py-1.5`,countdown:`text-xs`,gap:`gap-1.5`},md:{card:`w-20 h-28`,bonusCard:`w-24 h-32`,icon:`h-6 w-6`,bonusIcon:`h-8 w-8`,dayText:`text-xs`,rewardText:`text-xs`,streakText:`text-sm`,button:`text-sm px-4 py-2`,countdown:`text-sm`,gap:`gap-2`},lg:{card:`w-24 h-32`,bonusCard:`w-28 h-36`,icon:`h-8 w-8`,bonusIcon:`h-10 w-10`,dayText:`text-sm`,rewardText:`text-sm`,streakText:`text-base`,button:`text-base px-5 py-2.5`,countdown:`text-base`,gap:`gap-3`}};function s({active:e,onComplete:t}){let[a,o]=n.useState(!1);if(n.useEffect(()=>{if(e){o(!0);let e=setTimeout(()=>{o(!1),t?.()},2e3);return()=>clearTimeout(e)}},[e,t]),!a)return null;let s=[`#fbbf24`,`#f59e0b`,`#ef4444`,`#8b5cf6`,`#06b6d4`,`#22c55e`,`#ec4899`];return(0,i.jsxs)(`div`,{className:`pointer-events-none absolute inset-0 overflow-hidden z-50`,children:[[...Array(40)].map((e,t)=>{let n=t/40*360,r=60+Math.random()*80,a=6+Math.random()*8,o=.8+Math.random()*.4;return(0,i.jsx)(`div`,{className:`absolute left-1/2 top-1/2 animate-confetti`,style:{width:a,height:a,backgroundColor:s[Math.floor(Math.random()*s.length)],borderRadius:Math.random()>.5?`50%`:`2px`,"--angle":`${n}deg`,"--distance":`${r}px`,animationDuration:`${o}s`,animationDelay:`${Math.random()*.2}s`}},t)}),[...Array(8)].map((e,t)=>(0,i.jsx)(r.Star,{className:`absolute left-1/2 top-1/2 text-yellow-400 animate-star-burst`,style:{"--angle":`${t/8*360}deg`,"--distance":`${40+Math.random()*40}px`,animationDelay:`${Math.random()*.3}s`,width:16+Math.random()*8,height:16+Math.random()*8}},`star-${t}`)),(0,i.jsx)(`style`,{children:`
+        @keyframes confetti {
+          0% {
+            transform: translate(-50%, -50%) rotate(var(--angle)) translateX(0) scale(1);
+            opacity: 1;
+          }
+          100% {
+            transform: translate(-50%, -50%) rotate(var(--angle)) translateX(var(--distance)) scale(0) rotate(360deg);
+            opacity: 0;
+          }
+        }
+        @keyframes star-burst {
+          0% {
+            transform: translate(-50%, -50%) rotate(var(--angle)) translateX(0) scale(0) rotate(0deg);
+            opacity: 1;
+          }
+          50% {
+            transform: translate(-50%, -50%) rotate(var(--angle)) translateX(calc(var(--distance) * 0.5)) scale(1) rotate(180deg);
+            opacity: 1;
+          }
+          100% {
+            transform: translate(-50%, -50%) rotate(var(--angle)) translateX(var(--distance)) scale(0) rotate(360deg);
+            opacity: 0;
+          }
+        }
+        .animate-confetti {
+          animation: confetti 1s ease-out forwards;
+        }
+        .animate-star-burst {
+          animation: star-burst 1s ease-out forwards;
+        }
+      `})]})}function c({seconds:e,size:a}){let[s,c]=n.useState(e);n.useEffect(()=>{c(e)},[e]),n.useEffect(()=>{if(s<=0)return;let e=setInterval(()=>{c(e=>Math.max(0,e-1))},1e3);return()=>clearInterval(e)},[s]);let l=Math.floor(s/3600),u=Math.floor(s%3600/60),d=s%60,f=e=>e.toString().padStart(2,`0`),p=o[a];return(0,i.jsxs)(`div`,{className:t.cn(`flex items-center gap-1 text-muted-foreground`,p.countdown),children:[(0,i.jsx)(r.Clock,{className:`h-4 w-4`}),(0,i.jsxs)(`span`,{className:`font-mono tabular-nums`,children:[f(l),`:`,f(u),`:`,f(d)]})]})}function l({streak:e,size:n}){let a=o[n];return(0,i.jsx)(`div`,{className:t.cn(`flex items-center gap-1.5`,a.streakText),children:(0,i.jsxs)(`div`,{className:`flex items-center gap-1 rounded-full bg-gradient-to-r from-orange-400 to-red-500 px-3 py-1 text-white shadow-md`,children:[(0,i.jsx)(r.Flame,{className:`h-4 w-4 animate-pulse`}),(0,i.jsx)(`span`,{className:`font-bold`,children:e}),(0,i.jsx)(`span`,{className:`text-white/80`,children:`day streak`})]})})}function u({day:e,reward:c,claimed:l,isCurrent:u,isFuture:d,isMissed:f,isBonus:p,canClaim:m,size:h,onClaim:g}){let[_,v]=n.useState(!1),y=o[h],b=a[c.type],x=b.icon;return(0,i.jsxs)(`div`,{className:t.cn(`relative flex flex-col items-center justify-center rounded-xl border-2 transition-all duration-300`,p?y.bonusCard:y.card,{"border-green-400 bg-green-50 dark:bg-green-950/30":l,"border-primary bg-primary/5 ring-2 ring-primary/30 shadow-lg cursor-pointer hover:scale-105 hover:shadow-xl":u&&m&&!l,"border-primary/50 bg-primary/5":u&&!m&&!l,"border-muted-foreground/20 bg-muted/30":d,"border-red-300 bg-red-50/50 dark:bg-red-950/20":f,"ring-2 ring-amber-400/50":p&&!l&&!d}),onClick:()=>{m&&u&&!l&&(v(!0),g?.())},children:[(0,i.jsx)(s,{active:_,onComplete:()=>v(!1)}),(0,i.jsx)(`div`,{className:t.cn(`absolute -top-2 left-1/2 -translate-x-1/2 rounded-full px-2 py-0.5 font-bold`,y.dayText,{"bg-green-500 text-white":l,"bg-primary text-primary-foreground":u&&!l,"bg-muted text-muted-foreground":d,"bg-red-400 text-white":f,"bg-gradient-to-r from-amber-400 to-orange-500 text-white":p&&!l&&!d}),children:p?`BONUS`:`Day ${e}`}),l&&(0,i.jsx)(`div`,{className:`absolute inset-0 flex items-center justify-center rounded-xl bg-green-500/10`,children:(0,i.jsx)(`div`,{className:`rounded-full bg-green-500 p-1`,children:(0,i.jsx)(r.Check,{className:`h-4 w-4 text-white`})})}),d&&(0,i.jsx)(`div`,{className:`absolute inset-0 flex items-center justify-center rounded-xl bg-muted/50`,children:(0,i.jsx)(r.Lock,{className:`h-5 w-5 text-muted-foreground/50`})}),f&&(0,i.jsx)(`div`,{className:`absolute inset-0 flex items-center justify-center rounded-xl bg-red-500/10`,children:(0,i.jsx)(`div`,{className:`rounded-full bg-red-400 p-1`,children:(0,i.jsx)(r.X,{className:`h-4 w-4 text-white`})})}),(0,i.jsx)(`div`,{className:t.cn(`flex items-center justify-center rounded-full p-2 transition-all`,b.bgColor,p?y.bonusIcon:y.icon,{"opacity-40":l||d||f,"animate-bounce":u&&m&&!l}),children:c.icon||(0,i.jsx)(x,{className:t.cn(b.color,p?y.bonusIcon:y.icon)})}),(0,i.jsx)(`div`,{className:t.cn(`mt-1 font-bold`,y.rewardText,{"text-muted-foreground/50":l||d||f,[b.color]:!l&&!d&&!f}),children:typeof c.value==`number`?`+${c.value}`:c.value}),p&&!l&&!d&&(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(r.Sparkles,{className:`absolute -right-1 -top-1 h-4 w-4 text-amber-400 animate-pulse`}),(0,i.jsx)(r.Sparkles,{className:`absolute -bottom-1 -left-1 h-3 w-3 text-amber-400 animate-pulse`,style:{animationDelay:`0.5s`}})]}),u&&m&&!l&&(0,i.jsx)(`div`,{className:`absolute inset-0 rounded-xl animate-current-glow`}),(0,i.jsx)(`style`,{children:`
+        @keyframes current-glow {
+          0%, 100% {
+            box-shadow: 0 0 10px hsl(var(--primary) / 0.3);
+          }
+          50% {
+            box-shadow: 0 0 20px hsl(var(--primary) / 0.5);
+          }
+        }
+        .animate-current-glow {
+          animation: current-glow 2s ease-in-out infinite;
+        }
+      `})]})}function d({currentDay:e,rewards:n,streak:a,nextRewardIn:s,onClaim:d,canClaim:f=!0,variant:p=`horizontal`,size:m=`md`,className:h}){let g=o[m],_=[...n].sort((e,t)=>e.day-t.day),v=(t,n)=>t<e&&!n,y=_.find(t=>t.day===e),b=f&&y&&!y.claimed,x=t.cn(`flex flex-col items-center gap-4 rounded-2xl border bg-card p-4 shadow-sm`,h),S=t.cn(`flex items-end justify-center`,g.gap,p===`calendar`&&`flex-wrap`);return(0,i.jsxs)(`div`,{className:x,children:[(0,i.jsxs)(`div`,{className:`flex w-full items-center justify-between`,children:[(0,i.jsx)(`h3`,{className:`text-lg font-bold`,children:`Daily Rewards`}),(0,i.jsx)(l,{streak:a,size:m})]}),(0,i.jsx)(`div`,{className:S,children:_.map(t=>(0,i.jsx)(u,{day:t.day,reward:t.reward,claimed:t.claimed,isCurrent:t.day===e,isFuture:t.day>e,isMissed:v(t.day,t.claimed),isBonus:t.isBonus,canClaim:f,size:m,onClaim:()=>d?.(t.day)},t.day))}),(0,i.jsxs)(`div`,{className:`flex w-full flex-col items-center gap-3`,children:[b&&(0,i.jsx)(`button`,{type:`button`,onClick:()=>d?.(e),className:t.cn(`rounded-full bg-gradient-to-r from-primary to-primary/80 font-bold text-primary-foreground shadow-lg transition-all hover:scale-105 hover:shadow-xl active:scale-95`,g.button),children:(0,i.jsxs)(`span`,{className:`flex items-center gap-2`,children:[(0,i.jsx)(r.Gift,{className:`h-4 w-4`}),`Claim Day `,e,` Reward`]})}),y?.claimed&&(0,i.jsxs)(`div`,{className:`flex items-center gap-2 text-sm text-green-600`,children:[(0,i.jsx)(r.Check,{className:`h-4 w-4`}),(0,i.jsx)(`span`,{children:`Today's reward claimed!`})]}),s!==void 0&&s>0&&(0,i.jsxs)(`div`,{className:`flex flex-col items-center gap-1`,children:[(0,i.jsx)(`span`,{className:`text-xs text-muted-foreground`,children:`Next reward in`}),(0,i.jsx)(c,{seconds:s,size:m})]}),e===7&&_.every(e=>e.claimed)&&(0,i.jsxs)(`div`,{className:`flex items-center gap-2 rounded-full bg-gradient-to-r from-amber-400 to-orange-500 px-4 py-2 text-white`,children:[(0,i.jsx)(r.Crown,{className:`h-5 w-5`}),(0,i.jsx)(`span`,{className:`font-bold`,children:`Week Complete! Amazing!`}),(0,i.jsx)(r.Crown,{className:`h-5 w-5`})]})]})]})}function f({currentDay:e,streak:n,claimed:a,onClaim:o,canClaim:s=!0,className:c}){return(0,i.jsxs)(`div`,{className:t.cn(`flex items-center gap-3 rounded-xl border bg-card p-3 shadow-sm`,c),children:[(0,i.jsx)(`div`,{className:`flex gap-1`,children:[1,2,3,4,5,6,7].map(n=>(0,i.jsx)(`div`,{className:t.cn(`h-2 w-2 rounded-full transition-all`,{"bg-green-500":n<e,"bg-primary ring-2 ring-primary/30 scale-125":n===e,"bg-muted":n>e})},n))}),(0,i.jsxs)(`div`,{className:`flex items-center gap-1 text-sm`,children:[(0,i.jsx)(r.Flame,{className:`h-4 w-4 text-orange-500`}),(0,i.jsx)(`span`,{className:`font-bold`,children:n})]}),s&&!a&&(0,i.jsx)(`button`,{type:`button`,onClick:o,className:`rounded-full bg-primary px-3 py-1 text-xs font-bold text-primary-foreground transition-all hover:scale-105`,children:`Claim`}),a&&(0,i.jsxs)(`div`,{className:`flex items-center gap-1 text-xs text-green-600`,children:[(0,i.jsx)(r.Check,{className:`h-3 w-3`}),(0,i.jsx)(`span`,{children:`Done`})]})]})}function p({initialRewards:e=[],initialDay:t=1,initialStreak:r=0,onRewardClaimed:i,onStreakChange:a}={}){let[o,s]=n.useState(e),[c,l]=n.useState(t),[u,d]=n.useState(r),[f,p]=n.useState(null);return{rewards:o,currentDay:c,streak:u,lastClaimDate:f,claimReward:n.useCallback(e=>{if(e!==c)return!1;let t=o.find(t=>t.day===e);if(!t||t.claimed)return!1;s(t=>t.map(t=>t.day===e?{...t,claimed:!0}:t));let n=u+1;return d(n),a?.(n),p(new Date),i?.(e,t.reward),!0},[c,o,u,i,a]),advanceDay:n.useCallback(()=>{c>=7?(l(1),s(e=>e.map(e=>({...e,claimed:!1})))):l(e=>e+1)},[c]),resetStreak:n.useCallback(()=>{d(0),a?.(0)},[a]),canClaimToday:n.useMemo(()=>{let e=o.find(e=>e.day===c);return e&&!e.claimed},[o,c]),getSecondsUntilMidnight:n.useCallback(()=>{let e=new Date,t=new Date(e);return t.setHours(24,0,0,0),Math.floor((t.getTime()-e.getTime())/1e3)},[]),setRewards:s,setCurrentDay:l,setStreak:d}}exports.WakaCompactDailyReward=f,exports.WakaDailyReward=d,exports.useDailyRewards=p;

package/dist/components/waka-daily-reward/index.d.ts

@@ -64,11 +64,11 @@ export declare function useDailyRewards({ initialRewards, initialDay, initialStr
     rewards: DailyReward[];
     currentDay: number;
     streak: number;
-    lastClaimDate: Date;
+    lastClaimDate: Date | null;
     claimReward: (day: number) => boolean;
     advanceDay: () => void;
     resetStreak: () => void;
-    canClaimToday: boolean;
+    canClaimToday: boolean | undefined;
     getSecondsUntilMidnight: () => number;
     setRewards: React.Dispatch<React.SetStateAction<DailyReward[]>>;
     setCurrentDay: React.Dispatch<React.SetStateAction<number>>;