@burdenoff/microfe-billing 2026.510.114

package/dist/billing/modules/dashboard/components/ActiveSubscriptionCard.js

@@ -0,0 +1,185 @@
+import { alertTokens as e, statusTokens as t } from "../../../shared/utils/tokens.js";
+import { useMemo as n } from "react";
+import { AlertTriangle as r, ArrowRight as i, Calendar as a, Clock as o, Coins as s, CreditCard as c, Crown as l, RefreshCw as u, Zap as d } from "lucide-react";
+import { jsx as f, jsxs as p } from "react/jsx-runtime";
+import { useI18n as m } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+//#region src/billing/modules/dashboard/components/ActiveSubscriptionCard.tsx
+var h = ({ subscription: h, onViewDetails: g, onUpgrade: _, onManage: v, onPurchasePlan: y, className: b = "" }) => {
+	let { t: x } = m(), S = (e, t) => {
+		let n = x(e);
+		return n === e ? t : n;
+	}, C = (e) => e ? new Date(e).toLocaleDateString("en-US", {
+		year: "numeric",
+		month: "long",
+		day: "numeric"
+	}) : "N/A", w = (e, t) => new Intl.NumberFormat("en-US", {
+		style: "currency",
+		currency: t || "USD",
+		minimumFractionDigits: 2
+	}).format(e), T = n(() => {
+		if (!h?.endDate) return null;
+		let e = new Date(h.endDate), t = /* @__PURE__ */ new Date();
+		return Math.ceil((e.getTime() - t.getTime()) / (1e3 * 60 * 60 * 24));
+	}, [h?.endDate]), E = T !== null && T <= 7 && T > 0, D = T !== null && T <= 0, O = () => D ? `${t.error.text} ${t.error.bg}` : E ? `${t.warning.text} ${t.warning.bg}` : `${t.success.text} ${t.success.bg}`, k = () => D ? "Expired" : E ? "Expiring Soon" : "Active";
+	if (!h) return /* @__PURE__ */ f("section", {
+		className: `border border-border rounded-lg bg-card p-6 ${b}`,
+		children: /* @__PURE__ */ p("div", {
+			className: "flex flex-col items-center text-center py-4",
+			children: [
+				/* @__PURE__ */ f("div", {
+					className: "w-16 h-16 rounded-full bg-gradient-to-br from-primary/20 to-primary/5 flex items-center justify-center mb-4",
+					children: /* @__PURE__ */ f(d, { className: "w-8 h-8 text-primary" })
+				}),
+				/* @__PURE__ */ f("h3", {
+					className: "text-lg font-semibold text-foreground mb-2",
+					children: S("billing.overview.noActiveSubscription", "No Active Subscription")
+				}),
+				/* @__PURE__ */ f("p", {
+					className: "text-sm text-muted-foreground mb-6 max-w-sm",
+					children: "Subscribe to a plan to unlock premium features and get the most out of your account"
+				}),
+				y && /* @__PURE__ */ p("button", {
+					onClick: y,
+					className: "inline-flex items-center gap-2 px-6 py-2.5 text-sm font-medium text-primary-foreground bg-primary rounded-lg hover:bg-primary/90 transition-colors",
+					children: ["Browse Plans", /* @__PURE__ */ f(i, { className: "w-4 h-4" })]
+				})
+			]
+		})
+	});
+	let A = h.plan;
+	return /* @__PURE__ */ p("section", {
+		className: `border border-border rounded-lg bg-card overflow-hidden ${b}`,
+		children: [
+			E && /* @__PURE__ */ f("div", {
+				className: `px-4 py-2 ${e.warning.container} border-b`,
+				children: /* @__PURE__ */ p("div", {
+					className: `flex items-center gap-2 ${e.warning.text}`,
+					children: [/* @__PURE__ */ f(r, { className: "w-4 h-4" }), /* @__PURE__ */ p("span", {
+						className: "text-sm font-medium",
+						children: [
+							"Your subscription expires in ",
+							T,
+							" day",
+							T === 1 ? "" : "s"
+						]
+					})]
+				})
+			}),
+			/* @__PURE__ */ f("header", {
+				className: "p-4 sm:p-6 border-b border-border",
+				children: /* @__PURE__ */ p("div", {
+					className: "flex flex-col sm:flex-row sm:items-start sm:justify-between gap-4",
+					children: [/* @__PURE__ */ p("div", {
+						className: "flex items-start gap-4",
+						children: [/* @__PURE__ */ f("div", {
+							className: "w-12 h-12 rounded-lg bg-gradient-to-br from-primary to-primary/60 flex items-center justify-center flex-shrink-0",
+							children: /* @__PURE__ */ f(l, { className: "w-6 h-6 text-primary-foreground" })
+						}), /* @__PURE__ */ p("div", { children: [/* @__PURE__ */ p("div", {
+							className: "flex items-center gap-2 flex-wrap",
+							children: [/* @__PURE__ */ f("h3", {
+								className: "text-lg font-semibold text-foreground",
+								children: A?.name || "Subscription"
+							}), /* @__PURE__ */ f("span", {
+								className: `inline-flex items-center px-2 py-0.5 rounded-full text-xs font-medium ${O()}`,
+								children: k()
+							})]
+						}), /* @__PURE__ */ p("p", {
+							className: "text-sm text-muted-foreground mt-1",
+							children: [
+								A && w(A.price, A.currency),
+								" / ",
+								A?.duration || "month"
+							]
+						})] })]
+					}), /* @__PURE__ */ p("div", {
+						className: "flex items-center gap-2",
+						children: [v && /* @__PURE__ */ f("button", {
+							onClick: v,
+							className: "px-4 py-2 text-sm font-medium text-foreground border border-border rounded-lg hover:bg-muted transition-colors",
+							children: "Manage"
+						}), _ && !D && /* @__PURE__ */ f("button", {
+							onClick: _,
+							className: "px-4 py-2 text-sm font-medium text-primary-foreground bg-primary rounded-lg hover:bg-primary/90 transition-colors",
+							children: "Upgrade"
+						})]
+					})]
+				})
+			}),
+			/* @__PURE__ */ p("div", {
+				className: "p-4 sm:p-6",
+				children: [/* @__PURE__ */ p("div", {
+					className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-4",
+					children: [
+						/* @__PURE__ */ p("div", {
+							className: "space-y-1.5",
+							children: [/* @__PURE__ */ f("p", {
+								className: "text-xs font-medium text-muted-foreground uppercase tracking-wide",
+								children: "Started"
+							}), /* @__PURE__ */ p("p", {
+								className: "text-sm font-medium text-foreground flex items-center gap-2",
+								children: [/* @__PURE__ */ f(a, { className: "w-4 h-4 text-muted-foreground" }), C(h.startDate)]
+							})]
+						}),
+						/* @__PURE__ */ p("div", {
+							className: "space-y-1.5",
+							children: [/* @__PURE__ */ f("p", {
+								className: "text-xs font-medium text-muted-foreground uppercase tracking-wide",
+								children: D ? "Expired" : "Ends"
+							}), /* @__PURE__ */ p("p", {
+								className: `text-sm font-medium flex items-center gap-2 ${D ? t.error.text : E ? t.warning.text : "text-foreground"}`,
+								children: [/* @__PURE__ */ f(o, { className: "w-4 h-4" }), C(h.endDate)]
+							})]
+						}),
+						/* @__PURE__ */ p("div", {
+							className: "space-y-1.5",
+							children: [/* @__PURE__ */ f("p", {
+								className: "text-xs font-medium text-muted-foreground uppercase tracking-wide",
+								children: "Auto Renewal"
+							}), /* @__PURE__ */ p("p", {
+								className: "text-sm font-medium text-foreground flex items-center gap-2",
+								children: [/* @__PURE__ */ f(u, { className: `w-4 h-4 ${h.autoRenewal ? t.success.icon : "text-muted-foreground"}` }), h.autoRenewal ? "Enabled" : "Disabled"]
+							})]
+						}),
+						/* @__PURE__ */ p("div", {
+							className: "space-y-1.5",
+							children: [/* @__PURE__ */ f("p", {
+								className: "text-xs font-medium text-muted-foreground uppercase tracking-wide",
+								children: "Payment Via"
+							}), /* @__PURE__ */ p("p", {
+								className: "text-sm font-medium text-foreground flex items-center gap-2",
+								children: [h.paymentGateway === "CREDITS" ? /* @__PURE__ */ f(s, { className: `w-4 h-4 ${t.warning.icon}` }) : /* @__PURE__ */ f(c, { className: "w-4 h-4 text-muted-foreground" }), h.paymentGateway === "CREDITS" ? "Credits" : h.paymentGateway === "STRIPE" ? "Stripe" : h.paymentGateway === "RAZORPAY" ? "Razorpay" : h.paymentGateway || "N/A"]
+							})]
+						})
+					]
+				}), h.nextBillingDate && h.autoRenewal && !D && /* @__PURE__ */ f("div", {
+					className: "mt-6 p-4 rounded-lg bg-muted/50 border border-border",
+					children: /* @__PURE__ */ p("div", {
+						className: "flex flex-col sm:flex-row sm:items-center sm:justify-between gap-2",
+						children: [/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("p", {
+							className: "text-sm font-medium text-foreground",
+							children: S("billing.overview.nextBillingDate", "Next billing date")
+						}), /* @__PURE__ */ f("p", {
+							className: "text-xs text-muted-foreground",
+							children: "You'll be charged automatically"
+						})] }), /* @__PURE__ */ f("p", {
+							className: "text-sm font-semibold text-foreground",
+							children: C(h.nextBillingDate)
+						})]
+					})
+				})]
+			}),
+			g && /* @__PURE__ */ f("footer", {
+				className: "px-4 sm:px-6 py-3 border-t border-border bg-muted/30",
+				children: /* @__PURE__ */ p("button", {
+					onClick: g,
+					className: "w-full flex items-center justify-center gap-2 text-sm font-medium text-muted-foreground hover:text-foreground transition-colors",
+					children: ["View Subscription Details", /* @__PURE__ */ f(i, { className: "w-4 h-4" })]
+				})
+			})
+		]
+	});
+};
+//#endregion
+export { h as ActiveSubscriptionCard };
+
+//# sourceMappingURL=ActiveSubscriptionCard.js.map

package/dist/billing/modules/dashboard/components/ActiveSubscriptionCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActiveSubscriptionCard.js","names":[],"sources":["../../../../../src/billing/modules/dashboard/components/ActiveSubscriptionCard.tsx"],"sourcesContent":["/**\n * Active Subscription Card Component\n * Displays the active subscription details with renewal info\n */\n\nimport { type FC, useMemo } from 'react';\nimport {\n  Crown,\n  Calendar,\n  ArrowRight,\n  RefreshCw,\n  Clock,\n  CreditCard,\n  Zap,\n  AlertTriangle,\n  Coins,\n} from 'lucide-react';\nimport type { BillingSubscription } from '../../../shared/types';\nimport { statusTokens, alertTokens } from '../../../shared/utils/tokens';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\n\ninterface ActiveSubscriptionCardProps {\n  subscription: BillingSubscription | null;\n  onViewDetails?: () => void;\n  onUpgrade?: () => void;\n  onManage?: () => void;\n  onPurchasePlan?: () => void;\n  className?: string;\n}\n\nexport const ActiveSubscriptionCard: FC<ActiveSubscriptionCardProps> = ({\n  subscription,\n  onViewDetails,\n  onUpgrade,\n  onManage,\n  onPurchasePlan,\n  className = '',\n}) => {\n  const { t } = useI18n();\n  const tr = (key: string, fallback: string): string => {\n    const translated = t(key);\n    return translated === key ? fallback : translated;\n  };\n  const formatDate = (dateString: string | undefined) => {\n    if (!dateString) return 'N/A';\n    return new Date(dateString).toLocaleDateString('en-US', {\n      year: 'numeric',\n      month: 'long',\n      day: 'numeric',\n    });\n  };\n\n  const formatCurrency = (amount: number, currency: string) => {\n    return new Intl.NumberFormat('en-US', {\n      style: 'currency',\n      currency: currency || 'USD',\n      minimumFractionDigits: 2,\n    }).format(amount);\n  };\n\n  const daysUntilEnd = useMemo(() => {\n    if (!subscription?.endDate) return null;\n    const end = new Date(subscription.endDate);\n    const now = new Date();\n    const diff = Math.ceil((end.getTime() - now.getTime()) / (1000 * 60 * 60 * 24));\n    return diff;\n  }, [subscription?.endDate]);\n\n  const isExpiringSoon = daysUntilEnd !== null && daysUntilEnd <= 7 && daysUntilEnd > 0;\n  const isExpired = daysUntilEnd !== null && daysUntilEnd <= 0;\n\n  const getStatusColor = () => {\n    if (isExpired) return `${statusTokens.error.text} ${statusTokens.error.bg}`;\n    if (isExpiringSoon) return `${statusTokens.warning.text} ${statusTokens.warning.bg}`;\n    return `${statusTokens.success.text} ${statusTokens.success.bg}`;\n  };\n\n  const getStatusText = () => {\n    if (isExpired) return 'Expired';\n    if (isExpiringSoon) return 'Expiring Soon';\n    return 'Active';\n  };\n\n  // No subscription state\n  if (!subscription) {\n    return (\n      <section className={`border border-border rounded-lg bg-card p-6 ${className}`}>\n        <div className=\"flex flex-col items-center text-center py-4\">\n          <div className=\"w-16 h-16 rounded-full bg-gradient-to-br from-primary/20 to-primary/5 flex items-center justify-center mb-4\">\n            <Zap className=\"w-8 h-8 text-primary\" />\n          </div>\n          <h3 className=\"text-lg font-semibold text-foreground mb-2\">\n            {tr('billing.overview.noActiveSubscription', 'No Active Subscription')}\n          </h3>\n          <p className=\"text-sm text-muted-foreground mb-6 max-w-sm\">\n            Subscribe to a plan to unlock premium features and get the most out of your account\n          </p>\n          {onPurchasePlan && (\n            <button\n              onClick={onPurchasePlan}\n              className=\"inline-flex items-center gap-2 px-6 py-2.5 text-sm font-medium text-primary-foreground bg-primary rounded-lg hover:bg-primary/90 transition-colors\"\n            >\n              Browse Plans\n              <ArrowRight className=\"w-4 h-4\" />\n            </button>\n          )}\n        </div>\n      </section>\n    );\n  }\n\n  const plan = subscription.plan;\n\n  return (\n    <section className={`border border-border rounded-lg bg-card overflow-hidden ${className}`}>\n      {/* Expiring Soon Banner */}\n      {isExpiringSoon && (\n        <div className={`px-4 py-2 ${alertTokens.warning.container} border-b`}>\n          <div className={`flex items-center gap-2 ${alertTokens.warning.text}`}>\n            <AlertTriangle className=\"w-4 h-4\" />\n            <span className=\"text-sm font-medium\">\n              Your subscription expires in {daysUntilEnd} day{daysUntilEnd !== 1 ? 's' : ''}\n            </span>\n          </div>\n        </div>\n      )}\n\n      {/* Header */}\n      <header className=\"p-4 sm:p-6 border-b border-border\">\n        <div className=\"flex flex-col sm:flex-row sm:items-start sm:justify-between gap-4\">\n          <div className=\"flex items-start gap-4\">\n            <div className=\"w-12 h-12 rounded-lg bg-gradient-to-br from-primary to-primary/60 flex items-center justify-center flex-shrink-0\">\n              <Crown className=\"w-6 h-6 text-primary-foreground\" />\n            </div>\n            <div>\n              <div className=\"flex items-center gap-2 flex-wrap\">\n                <h3 className=\"text-lg font-semibold text-foreground\">\n                  {plan?.name || 'Subscription'}\n                </h3>\n                <span\n                  className={`inline-flex items-center px-2 py-0.5 rounded-full text-xs font-medium ${getStatusColor()}`}\n                >\n                  {getStatusText()}\n                </span>\n              </div>\n              <p className=\"text-sm text-muted-foreground mt-1\">\n                {plan && formatCurrency(plan.price, plan.currency)} / {plan?.duration || 'month'}\n              </p>\n            </div>\n          </div>\n          <div className=\"flex items-center gap-2\">\n            {onManage && (\n              <button\n                onClick={onManage}\n                className=\"px-4 py-2 text-sm font-medium text-foreground border border-border rounded-lg hover:bg-muted transition-colors\"\n              >\n                Manage\n              </button>\n            )}\n            {onUpgrade && !isExpired && (\n              <button\n                onClick={onUpgrade}\n                className=\"px-4 py-2 text-sm font-medium text-primary-foreground bg-primary rounded-lg hover:bg-primary/90 transition-colors\"\n              >\n                Upgrade\n              </button>\n            )}\n          </div>\n        </div>\n      </header>\n\n      {/* Body */}\n      <div className=\"p-4 sm:p-6\">\n        <div className=\"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-4\">\n          {/* Start Date */}\n          <div className=\"space-y-1.5\">\n            <p className=\"text-xs font-medium text-muted-foreground uppercase tracking-wide\">\n              Started\n            </p>\n            <p className=\"text-sm font-medium text-foreground flex items-center gap-2\">\n              <Calendar className=\"w-4 h-4 text-muted-foreground\" />\n              {formatDate(subscription.startDate)}\n            </p>\n          </div>\n\n          {/* End Date */}\n          <div className=\"space-y-1.5\">\n            <p className=\"text-xs font-medium text-muted-foreground uppercase tracking-wide\">\n              {isExpired ? 'Expired' : 'Ends'}\n            </p>\n            <p\n              className={`text-sm font-medium flex items-center gap-2 ${isExpired ? statusTokens.error.text : isExpiringSoon ? statusTokens.warning.text : 'text-foreground'}`}\n            >\n              <Clock className=\"w-4 h-4\" />\n              {formatDate(subscription.endDate)}\n            </p>\n          </div>\n\n          {/* Auto Renewal */}\n          <div className=\"space-y-1.5\">\n            <p className=\"text-xs font-medium text-muted-foreground uppercase tracking-wide\">\n              Auto Renewal\n            </p>\n            <p className=\"text-sm font-medium text-foreground flex items-center gap-2\">\n              <RefreshCw\n                className={`w-4 h-4 ${subscription.autoRenewal ? statusTokens.success.icon : 'text-muted-foreground'}`}\n              />\n              {subscription.autoRenewal ? 'Enabled' : 'Disabled'}\n            </p>\n          </div>\n\n          {/* Payment Gateway */}\n          <div className=\"space-y-1.5\">\n            <p className=\"text-xs font-medium text-muted-foreground uppercase tracking-wide\">\n              Payment Via\n            </p>\n            <p className=\"text-sm font-medium text-foreground flex items-center gap-2\">\n              {subscription.paymentGateway === 'CREDITS' ? (\n                <Coins className={`w-4 h-4 ${statusTokens.warning.icon}`} />\n              ) : (\n                <CreditCard className=\"w-4 h-4 text-muted-foreground\" />\n              )}\n              {subscription.paymentGateway === 'CREDITS'\n                ? 'Credits'\n                : subscription.paymentGateway === 'STRIPE'\n                  ? 'Stripe'\n                  : subscription.paymentGateway === 'RAZORPAY'\n                    ? 'Razorpay'\n                    : subscription.paymentGateway || 'N/A'}\n            </p>\n          </div>\n        </div>\n\n        {/* Next Billing */}\n        {subscription.nextBillingDate && subscription.autoRenewal && !isExpired && (\n          <div className=\"mt-6 p-4 rounded-lg bg-muted/50 border border-border\">\n            <div className=\"flex flex-col sm:flex-row sm:items-center sm:justify-between gap-2\">\n              <div>\n                <p className=\"text-sm font-medium text-foreground\">\n                  {tr('billing.overview.nextBillingDate', 'Next billing date')}\n                </p>\n                <p className=\"text-xs text-muted-foreground\">\n                  You&apos;ll be charged automatically\n                </p>\n              </div>\n              <p className=\"text-sm font-semibold text-foreground\">\n                {formatDate(subscription.nextBillingDate)}\n              </p>\n            </div>\n          </div>\n        )}\n      </div>\n\n      {/* Footer */}\n      {onViewDetails && (\n        <footer className=\"px-4 sm:px-6 py-3 border-t border-border bg-muted/30\">\n          <button\n            onClick={onViewDetails}\n            className=\"w-full flex items-center justify-center gap-2 text-sm font-medium text-muted-foreground hover:text-foreground transition-colors\"\n          >\n            View Subscription Details\n            <ArrowRight className=\"w-4 h-4\" />\n          </button>\n        </footer>\n      )}\n    </section>\n  );\n};\n"],"mappings":"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"}

package/dist/billing/modules/dashboard/components/AddPaymentMethodModal.d.ts

@@ -0,0 +1,111 @@
+import { FC } from 'react';
+
+declare global {
+    interface Window {
+        Stripe?: (key: string) => StripeInstance;
+        Razorpay?: new (options: RazorpayOptions) => RazorpayInstance;
+    }
+}
+interface StripeInstance {
+    elements: () => StripeElements;
+    createPaymentMethod: (options: {
+        type: 'card';
+        card: StripeCardElement;
+        billing_details?: {
+            name?: string;
+        };
+    }) => Promise<{
+        paymentMethod?: {
+            id: string;
+            card?: {
+                brand: string;
+                last4: string;
+                exp_month: number;
+                exp_year: number;
+            };
+        };
+        error?: {
+            message: string;
+        };
+    }>;
+    confirmCardSetup: (clientSecret: string, options?: {
+        payment_method?: {
+            card: StripeCardElement;
+            billing_details?: {
+                name?: string;
+            };
+        };
+    }) => Promise<{
+        setupIntent?: {
+            id: string;
+            status: string;
+            payment_method?: string;
+        };
+        error?: {
+            message: string;
+        };
+    }>;
+}
+interface StripeElements {
+    create: (type: 'card', options?: object) => StripeCardElement;
+}
+interface StripeCardElement {
+    mount: (element: HTMLElement | string) => void;
+    unmount: () => void;
+    on: (event: string, handler: (event: {
+        complete: boolean;
+        error?: {
+            message: string;
+        };
+    }) => void) => void;
+    destroy: () => void;
+}
+interface RazorpayOptions {
+    key: string;
+    amount: number;
+    currency: string;
+    order_id: string;
+    customer_id?: string;
+    name: string;
+    description: string;
+    method?: 'card' | 'upi' | 'netbanking' | 'wallet' | 'emi' | 'cardless_emi';
+    handler: (response: RazorpayResponse) => void;
+    modal?: {
+        ondismiss?: () => void;
+    };
+    prefill?: {
+        name?: string;
+        email?: string;
+        contact?: string;
+    };
+    notes?: Record<string, string>;
+    config?: {
+        display?: {
+            hide?: Array<{
+                method: string;
+            }>;
+            preferences?: {
+                show_default_blocks?: boolean;
+            };
+        };
+    };
+}
+interface RazorpayInstance {
+    open: () => void;
+    close: () => void;
+}
+interface RazorpayResponse {
+    razorpay_payment_id: string;
+    razorpay_token?: string;
+}
+interface AddPaymentMethodModalProps {
+    isOpen: boolean;
+    onClose: () => void;
+    billingAccountId: string;
+    currency: string;
+    country?: string;
+    onSuccess?: () => void;
+}
+export declare const AddPaymentMethodModal: FC<AddPaymentMethodModalProps>;
+export {};
+//# sourceMappingURL=AddPaymentMethodModal.d.ts.map

package/dist/billing/modules/dashboard/components/AddPaymentMethodModal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AddPaymentMethodModal.d.ts","sourceRoot":"","sources":["../../../../../src/billing/modules/dashboard/components/AddPaymentMethodModal.tsx"],"names":[],"mappings":"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"}