@wakastellar/ui 4.0.0 → 4.0.1

package/dist/components/waka-incident-timeline/index.es.js

@@ -0,0 +1,371 @@
+"use client";
+"use client";
+import { cn as e } from "../../utils/cn.es.js";
+import * as t from "react";
+import { AlertCircle as n, AlertTriangle as r, CheckCircle2 as i, ChevronDown as a, ChevronUp as o, Clock as s, Eye as c, Filter as l, Info as u, Search as d, Server as f, Users as p, X as m } from "lucide-react";
+import { Fragment as h, jsx as g, jsxs as _ } from "react/jsx-runtime";
+//#region src/components/waka-incident-timeline/index.tsx
+var v = {
+	critical: {
+		icon: r,
+		color: "text-red-600 dark:text-red-400",
+		bgColor: "bg-red-100 dark:bg-red-900/30",
+		borderColor: "border-red-500",
+		label: "Critical"
+	},
+	major: {
+		icon: n,
+		color: "text-orange-600 dark:text-orange-400",
+		bgColor: "bg-orange-100 dark:bg-orange-900/30",
+		borderColor: "border-orange-500",
+		label: "Major"
+	},
+	minor: {
+		icon: n,
+		color: "text-yellow-600 dark:text-yellow-400",
+		bgColor: "bg-yellow-100 dark:bg-yellow-900/30",
+		borderColor: "border-yellow-500",
+		label: "Minor"
+	},
+	info: {
+		icon: u,
+		color: "text-blue-600 dark:text-blue-400",
+		bgColor: "bg-blue-100 dark:bg-blue-900/30",
+		borderColor: "border-blue-500",
+		label: "Info"
+	}
+}, y = {
+	investigating: {
+		icon: d,
+		color: "text-purple-600 dark:text-purple-400",
+		bgColor: "bg-purple-100 dark:bg-purple-900/30",
+		label: "Investigating"
+	},
+	identified: {
+		icon: c,
+		color: "text-blue-600 dark:text-blue-400",
+		bgColor: "bg-blue-100 dark:bg-blue-900/30",
+		label: "Identified"
+	},
+	monitoring: {
+		icon: s,
+		color: "text-amber-600 dark:text-amber-400",
+		bgColor: "bg-amber-100 dark:bg-amber-900/30",
+		label: "Monitoring"
+	},
+	resolved: {
+		icon: i,
+		color: "text-green-600 dark:text-green-400",
+		bgColor: "bg-green-100 dark:bg-green-900/30",
+		label: "Resolved"
+	}
+};
+function b(e) {
+	let t = (/* @__PURE__ */ new Date()).getTime() - e.getTime(), n = Math.floor(t / 6e4), r = Math.floor(t / 36e5), i = Math.floor(t / 864e5);
+	return n < 1 ? "Just now" : n < 60 ? `${n}m ago` : r < 24 ? `${r}h ago` : i < 7 ? `${i}d ago` : e.toLocaleDateString();
+}
+function x(e, t) {
+	let n = (t || /* @__PURE__ */ new Date()).getTime() - e.getTime(), r = Math.floor(n / 6e4), i = Math.floor(n / 36e5), a = Math.floor(n / 864e5);
+	return r < 60 ? `${r}m` : i < 24 ? `${i}h ${r % 60}m` : `${a}d ${i % 24}h`;
+}
+function S(e, t, n = 864e5) {
+	let r = (t || /* @__PURE__ */ new Date()).getTime() - e.getTime();
+	return Math.min(r / n * 100, 100);
+}
+function C(e) {
+	return e.toLocaleTimeString(void 0, {
+		hour: "2-digit",
+		minute: "2-digit"
+	});
+}
+function w({ status: t, className: n }) {
+	let r = y[t], i = r.icon;
+	return /* @__PURE__ */ _("span", {
+		className: e("inline-flex items-center gap-1.5 px-2.5 py-1 rounded-full text-xs font-medium", r.bgColor, r.color, n),
+		children: [/* @__PURE__ */ g(i, { className: "h-3 w-3" }), r.label]
+	});
+}
+function T({ severity: t, size: n = "md" }) {
+	let r = v[t], i = r.icon;
+	return /* @__PURE__ */ g("div", {
+		className: e("rounded-full flex items-center justify-center flex-shrink-0 border-2 border-background shadow-sm", {
+			sm: "h-6 w-6",
+			md: "h-8 w-8",
+			lg: "h-10 w-10"
+		}[n], r.bgColor),
+		children: /* @__PURE__ */ g(i, { className: e({
+			sm: "h-3 w-3",
+			md: "h-4 w-4",
+			lg: "h-5 w-5"
+		}[n], r.color) })
+	});
+}
+function E({ startedAt: t, resolvedAt: n, severity: r }) {
+	let i = S(t, n), a = v[r];
+	return /* @__PURE__ */ _("div", {
+		className: "w-full",
+		children: [/* @__PURE__ */ _("div", {
+			className: "flex items-center justify-between text-xs text-muted-foreground mb-1",
+			children: [/* @__PURE__ */ _("span", { children: ["Duration: ", x(t, n)] }), !n && /* @__PURE__ */ g("span", {
+				className: "text-amber-600 dark:text-amber-400",
+				children: "Ongoing"
+			})]
+		}), /* @__PURE__ */ g("div", {
+			className: "h-1.5 bg-muted rounded-full overflow-hidden",
+			children: /* @__PURE__ */ g("div", {
+				className: e("h-full rounded-full transition-all duration-500", a.borderColor.replace("border-", "bg-")),
+				style: { width: `${i}%` }
+			})
+		})]
+	});
+}
+function D({ impact: e }) {
+	return /* @__PURE__ */ _("div", {
+		className: "flex items-center gap-3 text-xs text-muted-foreground",
+		children: [e.services !== void 0 && /* @__PURE__ */ _("span", {
+			className: "inline-flex items-center gap-1",
+			children: [
+				/* @__PURE__ */ g(f, { className: "h-3 w-3" }),
+				e.services,
+				" service",
+				e.services === 1 ? "" : "s"
+			]
+		}), e.users !== void 0 && /* @__PURE__ */ _("span", {
+			className: "inline-flex items-center gap-1",
+			children: [
+				/* @__PURE__ */ g(p, { className: "h-3 w-3" }),
+				e.users.toLocaleString(),
+				" user",
+				e.users === 1 ? "" : "s"
+			]
+		})]
+	});
+}
+function O({ update: e }) {
+	return /* @__PURE__ */ g("div", {
+		className: "flex gap-3 py-2 border-l-2 border-muted pl-3",
+		children: /* @__PURE__ */ _("div", {
+			className: "flex-1",
+			children: [/* @__PURE__ */ _("div", {
+				className: "flex items-center gap-2 text-xs text-muted-foreground mb-1",
+				children: [/* @__PURE__ */ g("span", { children: C(e.timestamp) }), /* @__PURE__ */ g("span", {
+					className: "font-medium text-foreground",
+					children: e.status
+				})]
+			}), /* @__PURE__ */ g("p", {
+				className: "text-sm",
+				children: e.message
+			})]
+		})
+	});
+}
+function k({ incident: n, onIncidentClick: r, showImpact: i, isNew: s }) {
+	let [c, l] = t.useState(!1), u = v[n.severity], d = n.updates && n.updates.length > 0;
+	return /* @__PURE__ */ _("div", {
+		className: e("relative p-4 rounded-lg border bg-card transition-all duration-300", u.borderColor, "border-l-4", r && "cursor-pointer hover:shadow-md", s && "animate-in slide-in-from-left-5 fade-in duration-500"),
+		onClick: () => r?.(n.id),
+		children: [
+			/* @__PURE__ */ _("div", {
+				className: "flex items-start gap-3 mb-3",
+				children: [/* @__PURE__ */ _("div", {
+					className: "flex-1",
+					children: [/* @__PURE__ */ _("div", {
+						className: "flex items-center gap-2 mb-1",
+						children: [/* @__PURE__ */ g("h4", {
+							className: "font-semibold text-sm",
+							children: n.title
+						}), /* @__PURE__ */ g(w, { status: n.status })]
+					}), n.description && /* @__PURE__ */ g("p", {
+						className: "text-sm text-muted-foreground line-clamp-2",
+						children: n.description
+					})]
+				}), /* @__PURE__ */ _("div", {
+					className: "text-xs text-muted-foreground text-right",
+					children: [/* @__PURE__ */ g("div", { children: b(n.startedAt) }), /* @__PURE__ */ g("div", {
+						className: "mt-0.5",
+						children: /* @__PURE__ */ g("span", {
+							className: e("inline-flex items-center gap-1 px-1.5 py-0.5 rounded text-xs font-medium", u.bgColor, u.color),
+							children: u.label
+						})
+					})]
+				})]
+			}),
+			/* @__PURE__ */ g("div", {
+				className: "mb-3",
+				children: /* @__PURE__ */ g(E, {
+					startedAt: n.startedAt,
+					resolvedAt: n.resolvedAt,
+					severity: n.severity
+				})
+			}),
+			i && n.impact && /* @__PURE__ */ g("div", {
+				className: "mb-3",
+				children: /* @__PURE__ */ g(D, { impact: n.impact })
+			}),
+			d && /* @__PURE__ */ _("div", { children: [/* @__PURE__ */ _("button", {
+				className: "flex items-center gap-1 text-xs text-muted-foreground hover:text-foreground transition-colors",
+				onClick: (e) => {
+					e.stopPropagation(), l(!c);
+				},
+				children: [
+					g(c ? o : a, { className: "h-3 w-3" }),
+					n.updates.length,
+					" update",
+					n.updates.length === 1 ? "" : "s"
+				]
+			}), c && /* @__PURE__ */ g("div", {
+				className: "mt-3 space-y-1 animate-in slide-in-from-top-2 fade-in duration-200",
+				children: n.updates.map((e, t) => /* @__PURE__ */ g(O, { update: e }, t))
+			})] })
+		]
+	});
+}
+function A({ date: e }) {
+	return /* @__PURE__ */ _("div", {
+		className: "flex items-center gap-2 py-2",
+		children: [
+			/* @__PURE__ */ g("div", { className: "h-px flex-1 bg-border" }),
+			/* @__PURE__ */ g("span", {
+				className: "text-xs font-medium text-muted-foreground px-2",
+				children: ((e) => {
+					let t = /* @__PURE__ */ new Date(), n = new Date(t);
+					return n.setDate(n.getDate() - 1), e.toDateString() === t.toDateString() ? "Today" : e.toDateString() === n.toDateString() ? "Yesterday" : e.toLocaleDateString(void 0, {
+						weekday: "short",
+						month: "short",
+						day: "numeric"
+					});
+				})(e)
+			}),
+			/* @__PURE__ */ g("div", { className: "h-px flex-1 bg-border" })
+		]
+	});
+}
+function j({ severityFilter: t, statusFilter: n, onSeverityChange: r, onStatusChange: i }) {
+	return /* @__PURE__ */ _("div", {
+		className: "flex flex-wrap items-center gap-2 p-3 bg-muted/50 rounded-lg mb-4",
+		children: [
+			/* @__PURE__ */ g(l, { className: "h-4 w-4 text-muted-foreground" }),
+			/* @__PURE__ */ g("span", {
+				className: "text-xs text-muted-foreground mr-2",
+				children: "Filter:"
+			}),
+			/* @__PURE__ */ g("div", {
+				className: "flex items-center gap-1",
+				children: Object.keys(v).map((n) => {
+					let i = v[n], a = t === n;
+					return /* @__PURE__ */ g("button", {
+						className: e("px-2 py-1 rounded text-xs font-medium transition-all", a ? e(i.bgColor, i.color) : "bg-background hover:bg-muted text-muted-foreground"),
+						onClick: () => r(a ? null : n),
+						children: i.label
+					}, n);
+				})
+			}),
+			/* @__PURE__ */ g("div", { className: "h-4 w-px bg-border mx-1" }),
+			/* @__PURE__ */ g("div", {
+				className: "flex items-center gap-1",
+				children: Object.keys(y).map((t) => {
+					let r = y[t], a = n === t;
+					return /* @__PURE__ */ g("button", {
+						className: e("px-2 py-1 rounded text-xs font-medium transition-all", a ? e(r.bgColor, r.color) : "bg-background hover:bg-muted text-muted-foreground"),
+						onClick: () => i(a ? null : t),
+						children: r.label
+					}, t);
+				})
+			}),
+			(t || n) && /* @__PURE__ */ _(h, { children: [/* @__PURE__ */ g("div", { className: "h-4 w-px bg-border mx-1" }), /* @__PURE__ */ _("button", {
+				className: "px-2 py-1 rounded text-xs font-medium text-muted-foreground hover:text-foreground hover:bg-muted transition-all flex items-center gap-1",
+				onClick: () => {
+					r(null), i(null);
+				},
+				children: [/* @__PURE__ */ g(m, { className: "h-3 w-3" }), "Clear"]
+			})] })
+		]
+	});
+}
+function M({ incidents: n, onIncidentClick: r, showFilters: a = !0, showImpact: o = !0, maxItems: s, className: c }) {
+	let [u, d] = t.useState(null), [f, p] = t.useState(null), [m, h] = t.useState(/* @__PURE__ */ new Set());
+	t.useEffect(() => {
+		h(new Set(n.map((e) => e.id)));
+	}, [n]);
+	let v = t.useMemo(() => {
+		let e = n;
+		return u && (e = e.filter((e) => e.severity === u)), f && (e = e.filter((e) => e.status === f)), s && s > 0 && (e = e.slice(0, s)), e;
+	}, [
+		n,
+		u,
+		f,
+		s
+	]), y = t.useMemo(() => {
+		let e = [], t = null;
+		return v.forEach((n) => {
+			let r = new Date(n.startedAt).toDateString();
+			r === t ? e[e.length - 1].incidents.push(n) : (t = r, e.push({
+				date: new Date(n.startedAt),
+				incidents: [n]
+			}));
+		}), e;
+	}, [v]), b = (e) => !m.has(e);
+	return n.length === 0 ? /* @__PURE__ */ _("div", {
+		className: e("flex flex-col items-center justify-center py-12 text-center", c),
+		children: [
+			/* @__PURE__ */ g(i, { className: "h-12 w-12 text-green-500 mb-4" }),
+			/* @__PURE__ */ g("h3", {
+				className: "font-semibold text-lg mb-1",
+				children: "All Systems Operational"
+			}),
+			/* @__PURE__ */ g("p", {
+				className: "text-sm text-muted-foreground",
+				children: "No incidents to display"
+			})
+		]
+	}) : /* @__PURE__ */ _("div", {
+		className: e("w-full", c),
+		children: [a && /* @__PURE__ */ g(j, {
+			severityFilter: u,
+			statusFilter: f,
+			onSeverityChange: d,
+			onStatusChange: p
+		}), /* @__PURE__ */ _("div", {
+			className: "relative",
+			children: [
+				/* @__PURE__ */ g("div", { className: "absolute left-4 top-0 bottom-0 w-0.5 bg-border" }),
+				/* @__PURE__ */ g("div", {
+					className: "space-y-4",
+					children: y.map((e, t) => /* @__PURE__ */ _("div", { children: [/* @__PURE__ */ _("div", {
+						className: "relative pl-10 mb-3",
+						children: [/* @__PURE__ */ g("div", { className: "absolute left-2.5 top-1/2 -translate-y-1/2 w-3 h-3 rounded-full bg-background border-2 border-muted" }), /* @__PURE__ */ g(A, { date: e.date })]
+					}), /* @__PURE__ */ g("div", {
+						className: "space-y-3",
+						children: e.incidents.map((e) => /* @__PURE__ */ _("div", {
+							className: "relative flex items-start gap-4 pl-10",
+							children: [/* @__PURE__ */ g("div", {
+								className: "absolute left-0",
+								children: /* @__PURE__ */ g(T, {
+									severity: e.severity,
+									size: "md"
+								})
+							}), /* @__PURE__ */ g("div", {
+								className: "flex-1",
+								children: /* @__PURE__ */ g(k, {
+									incident: e,
+									onIncidentClick: r,
+									showImpact: o,
+									isNew: b(e.id)
+								})
+							})]
+						}, e.id))
+					})] }, t))
+				}),
+				v.length === 0 && n.length > 0 && /* @__PURE__ */ _("div", {
+					className: "flex flex-col items-center justify-center py-12 text-center",
+					children: [/* @__PURE__ */ g(l, { className: "h-8 w-8 text-muted-foreground mb-3" }), /* @__PURE__ */ g("p", {
+						className: "text-sm text-muted-foreground",
+						children: "No incidents match the current filters"
+					})]
+				})
+			]
+		})]
+	});
+}
+//#endregion
+export { M as default };

package/dist/components/waka-invoice-preview/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(`lucide-react`),i=require(`react/jsx-runtime`);var a={USD:{symbol:`$`,position:`before`,decimals:2,locale:`en-US`},EUR:{symbol:`€`,position:`after`,decimals:2,locale:`de-DE`},GBP:{symbol:`£`,position:`before`,decimals:2,locale:`en-GB`},JPY:{symbol:`¥`,position:`before`,decimals:0,locale:`ja-JP`},CAD:{symbol:`C$`,position:`before`,decimals:2,locale:`en-CA`},AUD:{symbol:`A$`,position:`before`,decimals:2,locale:`en-AU`},CHF:{symbol:`CHF`,position:`before`,decimals:2,locale:`de-CH`},CNY:{symbol:`¥`,position:`before`,decimals:2,locale:`zh-CN`},INR:{symbol:`₹`,position:`before`,decimals:2,locale:`en-IN`},BRL:{symbol:`R$`,position:`before`,decimals:2,locale:`pt-BR`}},o={paid:{label:`Paid`,icon:r.CheckCircle2,className:`bg-green-100 text-green-800 border-green-200 print:bg-green-50`},pending:{label:`Pending`,icon:r.Clock,className:`bg-yellow-100 text-yellow-800 border-yellow-200 print:bg-yellow-50`},overdue:{label:`Overdue`,icon:r.AlertTriangle,className:`bg-red-100 text-red-800 border-red-200 print:bg-red-50`},draft:{label:`Draft`,icon:r.FileText,className:`bg-gray-100 text-gray-800 border-gray-200 print:bg-gray-50`}};function s(e,t){let n=a[t],r=new Intl.NumberFormat(n.locale,{minimumFractionDigits:n.decimals,maximumFractionDigits:n.decimals}).format(e);return n.position===`before`?`${n.symbol}${r}`:`${r} ${n.symbol}`}function c(e,t=`en-US`){let n=typeof e==`string`?new Date(e):e;return new Intl.DateTimeFormat(t,{year:`numeric`,month:`long`,day:`numeric`}).format(n)}function l(e){let t=e.quantity*e.unitPrice;return t-(e.discount?t*e.discount:0)}function u(e){return e.reduce((e,t)=>e+l(t),0)}function d(e){return e.taxRate?l(e)*e.taxRate:0}function f(e,t){return e.some(e=>e.taxRate!==void 0)?e.reduce((e,t)=>e+d(t),0):t?u(e)*t:0}function p({title:e,address:n,compact:r}){return(0,i.jsxs)(`div`,{className:t.cn(`flex flex-col`,r?`gap-0.5`:`gap-1`),children:[(0,i.jsx)(`h3`,{className:t.cn(`font-semibold text-muted-foreground uppercase tracking-wide`,r?`text-[10px]`:`text-xs`),children:e}),(0,i.jsx)(`div`,{className:t.cn(`font-medium`,r?`text-sm`:`text-base`),children:n.name}),(0,i.jsxs)(`div`,{className:t.cn(`text-muted-foreground`,r?`text-xs`:`text-sm`),children:[(0,i.jsx)(`p`,{children:n.street1}),n.street2&&(0,i.jsx)(`p`,{children:n.street2}),(0,i.jsxs)(`p`,{children:[n.city,n.state&&`, ${n.state}`,` `,n.postalCode]}),(0,i.jsx)(`p`,{children:n.country})]})]})}function m({status:e,compact:n}){let r=o[e],a=r.icon;return(0,i.jsxs)(`div`,{className:t.cn(`inline-flex items-center gap-1.5 border rounded-full font-medium`,n?`px-2 py-0.5 text-xs`:`px-3 py-1 text-sm`,r.className),children:[(0,i.jsx)(a,{className:t.cn(n?`h-3 w-3`:`h-4 w-4`)}),r.label]})}function h({items:e,currency:n,compact:r}){return(0,i.jsx)(`div`,{className:`overflow-x-auto`,children:(0,i.jsxs)(`table`,{className:`w-full`,children:[(0,i.jsx)(`thead`,{children:(0,i.jsxs)(`tr`,{className:t.cn(`border-b-2 border-foreground/20 text-left`,r?`text-xs`:`text-sm`),children:[(0,i.jsx)(`th`,{className:t.cn(`font-semibold text-muted-foreground uppercase tracking-wide`,r?`py-2`:`py-3`),children:`Description`}),(0,i.jsx)(`th`,{className:t.cn(`font-semibold text-muted-foreground uppercase tracking-wide text-center`,r?`py-2`:`py-3`),children:`Qty`}),(0,i.jsx)(`th`,{className:t.cn(`font-semibold text-muted-foreground uppercase tracking-wide text-right`,r?`py-2`:`py-3`),children:`Unit Price`}),(0,i.jsx)(`th`,{className:t.cn(`font-semibold text-muted-foreground uppercase tracking-wide text-right`,r?`py-2`:`py-3`),children:`Amount`})]})}),(0,i.jsx)(`tbody`,{children:e.map((a,o)=>{let c=l(a);return(0,i.jsxs)(`tr`,{className:t.cn(o!==e.length-1&&`border-b border-muted`,r?`text-sm`:`text-base`),children:[(0,i.jsxs)(`td`,{className:t.cn(r?`py-2`:`py-3`),children:[(0,i.jsx)(`div`,{children:a.description}),a.discount&&(0,i.jsxs)(`div`,{className:`text-xs text-muted-foreground`,children:[`Discount: `,(a.discount*100).toFixed(0),`%`]})]}),(0,i.jsxs)(`td`,{className:t.cn(`text-center`,r?`py-2`:`py-3`),children:[a.quantity,a.unit&&(0,i.jsx)(`span`,{className:`text-muted-foreground ml-1`,children:a.unit})]}),(0,i.jsx)(`td`,{className:t.cn(`text-right`,r?`py-2`:`py-3`),children:s(a.unitPrice,n)}),(0,i.jsx)(`td`,{className:t.cn(`text-right font-medium`,r?`py-2`:`py-3`),children:s(c,n)})]},a.id)})})]})})}function g({invoice:e,compact:n}){let r=u(e.items),a=e.items.some(e=>e.taxRate!==void 0),o=f(e.items,e.taxRate),c=e.discountAmount||(e.discountPercentage?r*e.discountPercentage:0),l=e.shippingCost||0,d=r+o-c+l,p=t.cn(`flex justify-between`,n?`py-1 text-sm`:`py-1.5`);return(0,i.jsx)(`div`,{className:t.cn(`border-t-2 border-foreground/20`,n?`pt-3 mt-3`:`pt-4 mt-4`),children:(0,i.jsx)(`div`,{className:`flex flex-col items-end`,children:(0,i.jsxs)(`div`,{className:t.cn(`w-full max-w-xs`,n&&`max-w-[200px]`),children:[(0,i.jsxs)(`div`,{className:p,children:[(0,i.jsx)(`span`,{className:`text-muted-foreground`,children:`Subtotal`}),(0,i.jsx)(`span`,{children:s(r,e.currency)})]}),c>0&&(0,i.jsxs)(`div`,{className:t.cn(p,`text-green-600`),children:[(0,i.jsxs)(`span`,{children:[`Discount`,e.discountPercentage&&` (${(e.discountPercentage*100).toFixed(0)}%)`]}),(0,i.jsxs)(`span`,{children:[`-`,s(c,e.currency)]})]}),o>0&&(0,i.jsxs)(`div`,{className:p,children:[(0,i.jsxs)(`span`,{className:`text-muted-foreground`,children:[`Tax`,!a&&e.taxRate?` (${(e.taxRate*100).toFixed(0)}%)`:``]}),(0,i.jsx)(`span`,{children:s(o,e.currency)})]}),l>0&&(0,i.jsxs)(`div`,{className:p,children:[(0,i.jsx)(`span`,{className:`text-muted-foreground`,children:`Shipping`}),(0,i.jsx)(`span`,{children:s(l,e.currency)})]}),(0,i.jsxs)(`div`,{className:t.cn(`flex justify-between border-t-2 border-foreground font-bold`,n?`py-2 mt-2 text-lg`:`py-3 mt-3 text-xl`),children:[(0,i.jsx)(`span`,{children:`Total`}),(0,i.jsx)(`span`,{children:s(d,e.currency)})]}),(0,i.jsxs)(`div`,{className:t.cn(`text-muted-foreground text-right`,n?`text-xs`:`text-sm`),children:[`Amount due in `,e.currency]})]})})})}function _({bankDetails:e,compact:n}){return(0,i.jsxs)(`div`,{className:t.cn(`border rounded-lg bg-muted/30 print:bg-gray-50`,n?`p-3`:`p-4`),children:[(0,i.jsxs)(`div`,{className:`flex items-center gap-2 mb-3`,children:[(0,i.jsx)(r.CreditCard,{className:t.cn(`text-muted-foreground`,n?`h-4 w-4`:`h-5 w-5`)}),(0,i.jsx)(`h3`,{className:t.cn(`font-semibold`,n?`text-sm`:`text-base`),children:`Payment Details`})]}),(0,i.jsxs)(`div`,{className:t.cn(`grid gap-2`,n?`grid-cols-1 text-xs`:`grid-cols-2 text-sm`),children:[(0,i.jsxs)(`div`,{children:[(0,i.jsx)(`span`,{className:`text-muted-foreground`,children:`Bank Name: `}),(0,i.jsx)(`span`,{className:`font-medium`,children:e.bankName})]}),(0,i.jsxs)(`div`,{children:[(0,i.jsx)(`span`,{className:`text-muted-foreground`,children:`Account Name: `}),(0,i.jsx)(`span`,{className:`font-medium`,children:e.accountName})]}),(0,i.jsxs)(`div`,{children:[(0,i.jsx)(`span`,{className:`text-muted-foreground`,children:`Account Number: `}),(0,i.jsx)(`span`,{className:`font-medium font-mono`,children:e.accountNumber})]}),e.routingNumber&&(0,i.jsxs)(`div`,{children:[(0,i.jsx)(`span`,{className:`text-muted-foreground`,children:`Routing/SWIFT: `}),(0,i.jsx)(`span`,{className:`font-medium font-mono`,children:e.routingNumber})]}),e.reference&&(0,i.jsxs)(`div`,{className:`col-span-full`,children:[(0,i.jsx)(`span`,{className:`text-muted-foreground`,children:`Reference: `}),(0,i.jsx)(`span`,{className:`font-medium`,children:e.reference})]})]})]})}function v({invoice:e,showPrintButton:o=!0,showDownloadButton:s=!0,onPrint:l,onDownload:u,compact:d=!1,showBankDetails:f=!0,className:v}){let y=a[e.currency].locale,b=n.useCallback(()=>{l?l():window.print()},[l]),x=n.useCallback(()=>{u?u():console.log(`Download PDF placeholder - integrate with a PDF library like jspdf or react-pdf`)},[u]);return(0,i.jsxs)(`div`,{className:t.cn(`flex flex-col`,v),children:[(o||s)&&(0,i.jsxs)(`div`,{className:`flex gap-2 mb-4 print:hidden`,children:[o&&(0,i.jsxs)(`button`,{onClick:b,className:t.cn(`inline-flex items-center gap-2 rounded-md border bg-background`,`hover:bg-muted transition-colors`,`focus:outline-none focus:ring-2 focus:ring-primary focus:ring-offset-2`,d?`px-3 py-1.5 text-sm`:`px-4 py-2`),children:[(0,i.jsx)(r.Printer,{className:t.cn(d?`h-4 w-4`:`h-5 w-5`)}),`Print`]}),s&&(0,i.jsxs)(`button`,{onClick:x,className:t.cn(`inline-flex items-center gap-2 rounded-md bg-primary text-primary-foreground`,`hover:bg-primary/90 transition-colors`,`focus:outline-none focus:ring-2 focus:ring-primary focus:ring-offset-2`,d?`px-3 py-1.5 text-sm`:`px-4 py-2`),children:[(0,i.jsx)(r.Download,{className:t.cn(d?`h-4 w-4`:`h-5 w-5`)}),`Download PDF`]})]}),(0,i.jsxs)(`div`,{className:t.cn(`bg-background border rounded-lg shadow-sm`,`print:shadow-none print:border-none print:rounded-none`,d?`p-6`:`p-8 md:p-12`),children:[(0,i.jsxs)(`header`,{className:t.cn(`flex flex-col md:flex-row md:justify-between gap-6`,d?`mb-6`:`mb-8`),children:[(0,i.jsxs)(`div`,{className:`flex-1`,children:[e.company.logo?(0,i.jsx)(`img`,{src:e.company.logo,alt:e.company.name,className:t.cn(`object-contain mb-3`,d?`h-8 max-w-[120px]`:`h-12 max-w-[180px]`)}):(0,i.jsxs)(`div`,{className:`flex items-center gap-2 mb-3`,children:[(0,i.jsx)(r.Building2,{className:t.cn(`text-primary`,d?`h-6 w-6`:`h-8 w-8`)}),(0,i.jsx)(`span`,{className:t.cn(`font-bold`,d?`text-xl`:`text-2xl`),children:e.company.name})]}),(0,i.jsxs)(`div`,{className:t.cn(`text-muted-foreground`,d?`text-xs`:`text-sm`),children:[(0,i.jsxs)(`p`,{className:`flex items-center gap-1.5`,children:[(0,i.jsx)(r.MapPin,{className:`h-3 w-3 flex-shrink-0`}),e.company.address.street1,`, `,e.company.address.city]}),e.company.email&&(0,i.jsxs)(`p`,{className:`flex items-center gap-1.5`,children:[(0,i.jsx)(r.Mail,{className:`h-3 w-3 flex-shrink-0`}),e.company.email]}),e.company.phone&&(0,i.jsxs)(`p`,{className:`flex items-center gap-1.5`,children:[(0,i.jsx)(r.Phone,{className:`h-3 w-3 flex-shrink-0`}),e.company.phone]}),e.company.taxId&&(0,i.jsxs)(`p`,{className:`mt-1`,children:[(0,i.jsx)(`span`,{className:`font-medium`,children:`Tax ID:`}),` `,e.company.taxId]})]})]}),(0,i.jsxs)(`div`,{className:`flex flex-col items-start md:items-end gap-2`,children:[(0,i.jsxs)(`div`,{className:`flex items-center gap-3`,children:[(0,i.jsx)(r.FileText,{className:t.cn(`text-primary`,d?`h-6 w-6`:`h-8 w-8`)}),(0,i.jsxs)(`div`,{children:[(0,i.jsx)(`h1`,{className:t.cn(`font-bold uppercase tracking-wide`,d?`text-2xl`:`text-3xl`),children:`Invoice`}),(0,i.jsxs)(`p`,{className:t.cn(`text-muted-foreground font-mono`,d?`text-sm`:`text-base`),children:[`#`,e.invoiceNumber]})]})]}),(0,i.jsx)(m,{status:e.status,compact:d})]})]}),(0,i.jsxs)(`div`,{className:t.cn(`grid gap-4 border-y py-4`,d?`grid-cols-2 md:grid-cols-4 text-xs`:`grid-cols-2 md:grid-cols-4 text-sm`,d?`mb-6`:`mb-8`),children:[(0,i.jsxs)(`div`,{children:[(0,i.jsxs)(`div`,{className:`flex items-center gap-1.5 text-muted-foreground mb-1`,children:[(0,i.jsx)(r.Calendar,{className:`h-3.5 w-3.5`}),`Invoice Date`]}),(0,i.jsx)(`div`,{className:`font-medium`,children:c(e.invoiceDate,y)})]}),(0,i.jsxs)(`div`,{children:[(0,i.jsxs)(`div`,{className:`flex items-center gap-1.5 text-muted-foreground mb-1`,children:[(0,i.jsx)(r.Calendar,{className:`h-3.5 w-3.5`}),`Due Date`]}),(0,i.jsx)(`div`,{className:t.cn(`font-medium`,e.status===`overdue`&&`text-red-600`),children:c(e.dueDate,y)})]}),e.poNumber&&(0,i.jsxs)(`div`,{children:[(0,i.jsx)(`div`,{className:`text-muted-foreground mb-1`,children:`PO Number`}),(0,i.jsx)(`div`,{className:`font-medium font-mono`,children:e.poNumber})]}),(0,i.jsxs)(`div`,{children:[(0,i.jsx)(`div`,{className:`text-muted-foreground mb-1`,children:`Currency`}),(0,i.jsx)(`div`,{className:`font-medium`,children:e.currency})]})]}),(0,i.jsxs)(`div`,{className:t.cn(`grid gap-6`,(e.shipTo,`md:grid-cols-2`),d?`mb-6`:`mb-8`),children:[(0,i.jsx)(p,{title:`Bill To`,address:e.billTo,compact:d}),e.shipTo&&(0,i.jsx)(p,{title:`Ship To`,address:e.shipTo,compact:d})]}),(0,i.jsx)(h,{items:e.items,currency:e.currency,compact:d}),(0,i.jsx)(g,{invoice:e,compact:d}),(e.paymentTerms||e.notes)&&(0,i.jsxs)(`div`,{className:t.cn(`grid gap-6 md:grid-cols-2 border-t`,d?`mt-6 pt-4`:`mt-8 pt-6`),children:[e.paymentTerms&&(0,i.jsxs)(`div`,{children:[(0,i.jsx)(`h3`,{className:t.cn(`font-semibold text-muted-foreground uppercase tracking-wide mb-2`,d?`text-[10px]`:`text-xs`),children:`Payment Terms`}),(0,i.jsx)(`p`,{className:t.cn(`text-muted-foreground`,d?`text-xs`:`text-sm`),children:e.paymentTerms})]}),e.notes&&(0,i.jsxs)(`div`,{children:[(0,i.jsx)(`h3`,{className:t.cn(`font-semibold text-muted-foreground uppercase tracking-wide mb-2`,d?`text-[10px]`:`text-xs`),children:`Notes`}),(0,i.jsx)(`p`,{className:t.cn(`text-muted-foreground`,d?`text-xs`:`text-sm`),children:e.notes})]})]}),f&&e.bankDetails&&(0,i.jsx)(`div`,{className:t.cn(d?`mt-6`:`mt-8`),children:(0,i.jsx)(_,{bankDetails:e.bankDetails,compact:d})}),(0,i.jsxs)(`footer`,{className:t.cn(`border-t text-center text-muted-foreground`,d?`mt-6 pt-4 text-xs`:`mt-8 pt-6 text-sm`),children:[(0,i.jsx)(`p`,{children:`Thank you for your business!`}),e.company.website&&(0,i.jsx)(`p`,{className:`mt-1`,children:e.company.website})]})]})]})}function y({items:e,taxRate:t,discountAmount:r,discountPercentage:i,shippingCost:a=0}){let o=n.useMemo(()=>u(e),[e]),s=n.useMemo(()=>f(e,t),[e,t]),c=n.useMemo(()=>r||(i?o*i:0),[r,i,o]);return{subtotal:o,taxAmount:s,discount:c,shippingCost:a,total:n.useMemo(()=>o+s-c+a,[o,s,c,a]),itemCount:e.length,totalQuantity:e.reduce((e,t)=>e+t.quantity,0)}}exports.default=v,exports.formatCurrency=s,exports.formatDate=c,exports.useInvoice=y;