@burdenoff/microfe-billing 2026.526.1 → 2026.528.1

package/dist/billing/modules/billing/pages/RefundsPage.js

@@ -70,41 +70,46 @@ var L = {
 		className: "relative",
 		ref: l,
 		children: [/* @__PURE__ */ P("button", {
+			type: "button",
 			onClick: () => c(!s),
 			disabled: o,
 			className: "p-1.5 rounded-md hover:bg-muted/50 transition-colors disabled:opacity-50",
 			"aria-label": "Refund actions",
-			children: o ? /* @__PURE__ */ P(T, { className: "w-4 h-4 animate-spin text-muted-foreground" }) : /* @__PURE__ */ P(E, { className: "w-4 h-4 text-muted-foreground" })
+			children: o ? /* @__PURE__ */ P(T, { className: "size-4 animate-spin text-muted-foreground" }) : /* @__PURE__ */ P(E, { className: "size-4 text-muted-foreground" })
 		}), s && /* @__PURE__ */ F("div", {
 			className: "absolute right-0 top-full mt-1 z-50 min-w-[160px] bg-popover border border-border rounded-md shadow-lg py-1",
 			children: [
 				/* @__PURE__ */ F("button", {
+					type: "button",
 					onClick: () => {
 						t(), c(!1);
 					},
 					className: "w-full flex items-center gap-2 px-3 py-2 text-sm text-foreground hover:bg-muted/50 transition-colors",
-					children: [/* @__PURE__ */ P(C, { className: "w-4 h-4" }), "View Details"]
+					children: [/* @__PURE__ */ P(C, { className: "size-4" }), "View Details"]
 				}),
 				u && /* @__PURE__ */ F("button", {
+					type: "button",
 					onClick: () => {
 						r(), c(!1);
 					},
 					className: `w-full flex items-center gap-2 px-3 py-2 text-sm ${n.success.text} hover:bg-muted/50 transition-colors`,
-					children: [/* @__PURE__ */ P(ee, { className: "w-4 h-4" }), "Process Refund"]
+					children: [/* @__PURE__ */ P(ee, { className: "size-4" }), "Process Refund"]
 				}),
 				d && /* @__PURE__ */ F("button", {
+					type: "button",
 					onClick: () => {
 						i(), c(!1);
 					},
 					className: `w-full flex items-center gap-2 px-3 py-2 text-sm ${n.warning.text} hover:bg-muted/50 transition-colors`,
-					children: [/* @__PURE__ */ P(A, { className: "w-4 h-4" }), "Skip Refund"]
+					children: [/* @__PURE__ */ P(A, { className: "size-4" }), "Skip Refund"]
 				}),
 				p && /* @__PURE__ */ F("button", {
+					type: "button",
 					onClick: () => {
 						a(), c(!1);
 					},
 					className: `w-full flex items-center gap-2 px-3 py-2 text-sm ${n.info.text} hover:bg-muted/50 transition-colors`,
-					children: [/* @__PURE__ */ P(O, { className: "w-4 h-4" }), "Retry Refund"]
+					children: [/* @__PURE__ */ P(O, { className: "size-4" }), "Retry Refund"]
 				})
 			]
 		})]
@@ -182,9 +187,10 @@ var L = {
 					className: "text-lg font-semibold",
 					children: "Create Manual Refund"
 				}), /* @__PURE__ */ P("button", {
+					type: "button",
 					onClick: x,
 					className: "p-1 rounded-md hover:bg-muted/50 transition-colors",
-					children: /* @__PURE__ */ P(j, { className: "w-5 h-5" })
+					children: /* @__PURE__ */ P(j, { className: "size-5" })
 				})]
 			}), /* @__PURE__ */ F("form", {
 				onSubmit: C,
@@ -212,7 +218,7 @@ var L = {
 								onClick: () => S(o),
 								disabled: !o.trim() || m,
 								className: "px-3 py-2 border border-border rounded-md hover:bg-muted/50 transition-colors disabled:opacity-50 flex items-center gap-1 text-sm",
-								children: m ? /* @__PURE__ */ P(T, { className: "w-4 h-4 animate-spin" }) : /* @__PURE__ */ P(k, { className: "w-4 h-4" })
+								children: m ? /* @__PURE__ */ P(T, { className: "size-4 animate-spin" }) : /* @__PURE__ */ P(k, { className: "size-4" })
 							})]
 						}),
 						f && /* @__PURE__ */ P("p", {
@@ -221,7 +227,7 @@ var L = {
 						}),
 						m && /* @__PURE__ */ P("p", {
 							className: "text-xs text-muted-foreground mt-1",
-							children: "Looking up transaction..."
+							children: "Looking up transaction…"
 						})
 					] }),
 					c && /* @__PURE__ */ F(N, { children: [
@@ -229,7 +235,7 @@ var L = {
 							className: "p-3 bg-status-success-bg-subtle border border-border-subtle rounded-md text-sm space-y-1",
 							children: [/* @__PURE__ */ F("div", {
 								className: "flex items-center gap-2 text-status-success-text font-medium",
-								children: [/* @__PURE__ */ P(v, { className: "w-4 h-4" }), "Transaction found"]
+								children: [/* @__PURE__ */ P(v, { className: "size-4" }), "Transaction found"]
 							}), /* @__PURE__ */ F("div", {
 								className: "text-muted-foreground grid grid-cols-2 gap-x-4 gap-y-0.5 mt-1",
 								children: [
@@ -375,7 +381,7 @@ var L = {
 							type: "submit",
 							disabled: r || !c || !_.gatewayPaymentId || _.amount <= 0 || E,
 							className: "flex-1 py-2 px-4 bg-primary text-primary-foreground rounded-md hover:bg-primary/90 transition-colors disabled:opacity-50 disabled:cursor-not-allowed flex items-center justify-center gap-2",
-							children: [r && /* @__PURE__ */ P(T, { className: "w-4 h-4 animate-spin" }), "Create Refund"]
+							children: [r && /* @__PURE__ */ P(T, { className: "size-4 animate-spin" }), "Create Refund"]
 						})]
 					})
 				]
@@ -397,9 +403,10 @@ var L = {
 					className: "text-lg font-semibold",
 					children: "Skip Refund"
 				}), /* @__PURE__ */ P("button", {
+					type: "button",
 					onClick: r,
 					className: "p-1 rounded-md hover:bg-muted/50 transition-colors",
-					children: /* @__PURE__ */ P(j, { className: "w-5 h-5" })
+					children: /* @__PURE__ */ P(j, { className: "size-5" })
 				})]
 			}), /* @__PURE__ */ F("form", {
 				onSubmit: async (e) => {
@@ -411,7 +418,7 @@ var L = {
 						className: `p-3 ${n.warning.bg} border ${n.warning.border} rounded-md`,
 						children: /* @__PURE__ */ F("div", {
 							className: "flex items-start gap-2",
-							children: [/* @__PURE__ */ P(g, { className: `w-5 h-5 ${n.warning.icon} mt-0.5` }), /* @__PURE__ */ F("div", { children: [/* @__PURE__ */ P("p", {
+							children: [/* @__PURE__ */ P(g, { className: `size-5 ${n.warning.icon} mt-0.5` }), /* @__PURE__ */ F("div", { children: [/* @__PURE__ */ P("p", {
 								className: `text-sm font-medium ${n.warning.text}`,
 								children: "You are about to skip this refund"
 							}), /* @__PURE__ */ F("p", {
@@ -442,7 +449,7 @@ var L = {
 							type: "submit",
 							disabled: o || !s.trim(),
 							className: `flex-1 py-2 px-4 ${n.warning.dot} text-primary-foreground rounded-md hover:opacity-90 transition-colors disabled:opacity-50 disabled:cursor-not-allowed flex items-center justify-center gap-2`,
-							children: [o && /* @__PURE__ */ P(T, { className: "w-4 h-4 animate-spin" }), "Skip Refund"]
+							children: [o && /* @__PURE__ */ P(T, { className: "size-4 animate-spin" }), "Skip Refund"]
 						})]
 					})
 				]
@@ -466,9 +473,10 @@ var L = {
 						className: "text-lg font-semibold",
 						children: "Refund Details"
 					}), /* @__PURE__ */ P("button", {
+						type: "button",
 						onClick: t,
 						className: "p-1 rounded-md hover:bg-muted/50 transition-colors",
-						children: /* @__PURE__ */ P(j, { className: "w-5 h-5" })
+						children: /* @__PURE__ */ P(j, { className: "size-5" })
 					})]
 				}),
 				/* @__PURE__ */ F("div", {
@@ -476,7 +484,7 @@ var L = {
 					children: [
 						/* @__PURE__ */ F("div", {
 							className: `flex items-center gap-2 p-3 rounded-md ${z(L[e.status].color)}`,
-							children: [/* @__PURE__ */ P(r, { className: "w-5 h-5" }), /* @__PURE__ */ P("span", {
+							children: [/* @__PURE__ */ P(r, { className: "size-5" }), /* @__PURE__ */ P("span", {
 								className: "font-medium",
 								children: L[e.status].label
 							})]
@@ -604,6 +612,7 @@ var L = {
 				/* @__PURE__ */ P("div", {
 					className: "p-4 border-t border-border",
 					children: /* @__PURE__ */ P("button", {
+						type: "button",
 						onClick: t,
 						className: "w-full py-2 px-4 bg-primary text-primary-foreground rounded-md hover:bg-primary/90 transition-colors",
 						children: "Close"
@@ -740,25 +749,28 @@ var L = {
 					className: "flex items-center gap-2",
 					children: [
 						Y.length > 0 && /* @__PURE__ */ F("button", {
+							type: "button",
 							onClick: we,
 							disabled: Q,
 							className: `inline-flex items-center gap-2 px-3 py-2 text-sm font-medium rounded-md border ${n.warning.border} ${n.warning.bg} ${n.warning.text} hover:opacity-90 transition-colors disabled:opacity-50`,
 							children: [
-								Q ? /* @__PURE__ */ P(T, { className: "w-4 h-4 animate-spin" }) : /* @__PURE__ */ P(S, { className: "w-4 h-4" }),
+								Q ? /* @__PURE__ */ P(T, { className: "size-4 animate-spin" }) : /* @__PURE__ */ P(S, { className: "size-4" }),
 								"Import ",
 								Y.length,
 								" Failed Webhooks"
 							]
 						}),
 						/* @__PURE__ */ F("button", {
+							type: "button",
 							onClick: () => X(),
 							className: "inline-flex items-center gap-2 px-3 py-2 text-sm font-medium rounded-md border border-border bg-background hover:bg-muted/50 transition-colors",
-							children: [/* @__PURE__ */ P(D, { className: "w-4 h-4" }), "Refresh"]
+							children: [/* @__PURE__ */ P(D, { className: "size-4" }), "Refresh"]
 						}),
 						/* @__PURE__ */ F("button", {
+							type: "button",
 							onClick: () => N(!0),
 							className: "inline-flex items-center gap-2 px-3 py-2 text-sm font-medium rounded-md bg-primary text-primary-foreground hover:bg-primary/90 transition-colors",
-							children: [/* @__PURE__ */ P(te, { className: "w-4 h-4" }), "Create Manual Refund"]
+							children: [/* @__PURE__ */ P(te, { className: "size-4" }), "Create Manual Refund"]
 						})
 					]
 				})
@@ -770,6 +782,7 @@ var L = {
 					children: Object.keys(V).map((e) => {
 						let t = m === e, n = K ? e === "PENDING" ? K.pending : e === "COMPLETED" ? K.completed : e === "FAILED" ? K.failed : K.pending + K.processing + K.completed + K.failed + K.skipped : 0;
 						return /* @__PURE__ */ F("button", {
+							type: "button",
 							onClick: () => ye(e),
 							className: `flex items-center gap-2 px-4 py-3 text-sm font-medium border-b-2 transition-colors whitespace-nowrap ${t ? "border-primary text-primary" : "border-transparent text-muted-foreground hover:text-foreground hover:border-border"}`,
 							children: [V[e].label, K && /* @__PURE__ */ P("span", {
@@ -785,7 +798,7 @@ var L = {
 				children: [
 					/* @__PURE__ */ F("div", {
 						className: "relative flex-1",
-						children: [/* @__PURE__ */ P(k, { className: "absolute left-3 top-1/2 -translate-y-1/2 w-4 h-4 text-muted-foreground" }), /* @__PURE__ */ P("input", {
+						children: [/* @__PURE__ */ P(k, { className: "absolute left-3 top-1/2 -translate-y-1/2 size-4 text-muted-foreground" }), /* @__PURE__ */ P("input", {
 							type: "text",
 							placeholder: "Search by payment ID, order ID, or reason...",
 							value: _,
@@ -794,10 +807,11 @@ var L = {
 						})]
 					}),
 					/* @__PURE__ */ F("button", {
+						type: "button",
 						onClick: () => ee(!E),
 						className: `inline-flex items-center gap-2 px-3 py-2 text-sm font-medium rounded-md border transition-colors ${E ? "border-primary bg-primary/10 text-primary" : "border-border bg-background hover:bg-muted/50"}`,
 						children: [
-							/* @__PURE__ */ P(w, { className: "w-4 h-4" }),
+							/* @__PURE__ */ P(w, { className: "size-4" }),
 							"Filters",
 							Object.values(x).filter(Boolean).length > 0 && /* @__PURE__ */ P("span", {
 								className: "px-1.5 py-0.5 text-xs rounded-full bg-primary text-primary-foreground",
@@ -806,11 +820,12 @@ var L = {
 						]
 					}),
 					Object.values(x).filter(Boolean).length > 0 && /* @__PURE__ */ F("button", {
+						type: "button",
 						onClick: () => {
 							C({}), Z({});
 						},
 						className: "inline-flex items-center gap-2 px-3 py-2 text-sm font-medium rounded-md text-muted-foreground hover:text-foreground transition-colors",
-						children: [/* @__PURE__ */ P(j, { className: "w-4 h-4" }), "Clear"]
+						children: [/* @__PURE__ */ P(j, { className: "size-4" }), "Clear"]
 					})
 				]
 			}),
@@ -859,7 +874,7 @@ var L = {
 									type: "date",
 									value: x.fromDate ? x.fromDate.split("T")[0] : "",
 									onChange: (e) => $("fromDate", e.target.value ? new Date(e.target.value).toISOString() : void 0),
-									className: "w-full sm:flex-1 px-2 py-2 border border-border rounded-md bg-background text-sm"
+									className: "w-full sm:flex-1 p-2 border border-border rounded-md bg-background text-sm"
 								}),
 								/* @__PURE__ */ P("span", {
 									className: "text-muted-foreground hidden sm:inline",
@@ -869,7 +884,7 @@ var L = {
 									type: "date",
 									value: x.toDate ? x.toDate.split("T")[0] : "",
 									onChange: (e) => $("toDate", e.target.value ? new Date(e.target.value).toISOString() : void 0),
-									className: "w-full sm:flex-1 px-2 py-2 border border-border rounded-md bg-background text-sm"
+									className: "w-full sm:flex-1 p-2 border border-border rounded-md bg-background text-sm"
 								})
 							]
 						})]
@@ -877,7 +892,7 @@ var L = {
 				]
 			}),
 			Te.length === 0 ? /* @__PURE__ */ P(r, {
-				icon: /* @__PURE__ */ P(D, { className: "w-6 h-6 text-muted-foreground" }),
+				icon: /* @__PURE__ */ P(D, { className: "size-6 text-muted-foreground" }),
 				title: "No refund records found",
 				description: Object.values(x).filter(Boolean).length > 0 ? "Try adjusting your filters." : m === "PENDING" ? "No pending refunds to process." : "Refund records will appear here when created."
 			}) : /* @__PURE__ */ P("div", {
@@ -917,7 +932,7 @@ var L = {
 									className: "text-left text-sm font-medium text-muted-foreground px-3 py-2 whitespace-nowrap hidden lg:table-cell",
 									children: "Reason"
 								}),
-								/* @__PURE__ */ P("th", { className: "px-2 py-2 w-10" })
+								/* @__PURE__ */ P("th", { className: "p-2 w-10" })
 							] })
 						}), /* @__PURE__ */ P("tbody", {
 							className: "divide-y divide-border",
@@ -940,7 +955,7 @@ var L = {
 											className: "px-3 py-2 whitespace-nowrap",
 											children: /* @__PURE__ */ F("span", {
 												className: `inline-flex items-center gap-1 px-2 py-0.5 text-xs font-medium rounded ${z(L[e.status].color)}`,
-												children: [/* @__PURE__ */ P(t, { className: "w-3 h-3" }), /* @__PURE__ */ P("span", {
+												children: [/* @__PURE__ */ P(t, { className: "size-3" }), /* @__PURE__ */ P("span", {
 													className: "hidden sm:inline",
 													children: L[e.status].label
 												})]
@@ -967,7 +982,7 @@ var L = {
 											children: e.reason || "-"
 										}),
 										/* @__PURE__ */ P("td", {
-											className: "px-2 py-2 text-center",
+											className: "p-2 text-center",
 											children: /* @__PURE__ */ P(ie, {
 												record: e,
 												onViewDetails: () => A(e),
@@ -1005,10 +1020,11 @@ var L = {
 					className: "flex items-center gap-2",
 					children: [
 						/* @__PURE__ */ F("button", {
+							type: "button",
 							onClick: de,
 							disabled: !q.hasPrevious,
 							className: "inline-flex items-center gap-1 px-3 py-1.5 text-sm font-medium rounded-md border border-border bg-background hover:bg-muted/50 disabled:opacity-50 disabled:cursor-not-allowed transition-colors",
-							children: [/* @__PURE__ */ P(y, { className: "w-4 h-4" }), /* @__PURE__ */ P("span", {
+							children: [/* @__PURE__ */ P(y, { className: "size-4" }), /* @__PURE__ */ P("span", {
 								className: "hidden sm:inline",
 								children: "Previous"
 							})]
@@ -1035,13 +1051,14 @@ var L = {
 							]
 						}),
 						/* @__PURE__ */ F("button", {
+							type: "button",
 							onClick: ue,
 							disabled: !q.hasMore,
 							className: "inline-flex items-center gap-1 px-3 py-1.5 text-sm font-medium rounded-md border border-border bg-background hover:bg-muted/50 disabled:opacity-50 disabled:cursor-not-allowed transition-colors",
 							children: [/* @__PURE__ */ P("span", {
 								className: "hidden sm:inline",
 								children: "Next"
-							}), /* @__PURE__ */ P(b, { className: "w-4 h-4" })]
+							}), /* @__PURE__ */ P(b, { className: "size-4" })]
 						})
 					]
 				})]