@burdenoff/microfe-billing 2026.510.114

package/dist/billing/modules/plans/hooks/usePlans.js

@@ -0,0 +1,77 @@
+import { GetAllPlansDocument as e, useCreatePlanMutation as t, useGetAllPlansQuery as n, useGetPlanQuery as r, useTogglePlanMutation as i, useUpdatePlanMutation as a } from "../../../../generated/global-operations.js";
+import { useCallback as o } from "react";
+import { useApolloClient as s } from "@apollo/client/react";
+//#region src/billing/modules/plans/hooks/usePlans.ts
+function c(e = {}) {
+	let { onlyActive: t = !1, productId: r, includeFree: i } = e, a = {
+		...r === void 0 ? {} : { productId: r },
+		...i === void 0 ? {} : { includeFree: i }
+	}, { data: s, loading: c, error: l, refetch: u } = n({
+		variables: { filter: Object.keys(a).length > 0 ? a : void 0 },
+		fetchPolicy: "cache-and-network"
+	}), d = s?.getAllPlans || [];
+	t && (d = d.filter((e) => e.isActive));
+	let f = o(async () => {
+		await u();
+	}, [u]);
+	return {
+		plans: d,
+		isLoading: c,
+		error: l,
+		refetch: f
+	};
+}
+function l(e) {
+	let { data: t, loading: n, error: i, refetch: a } = r({
+		variables: { id: e },
+		skip: !e,
+		fetchPolicy: "cache-and-network"
+	}), s = o(async () => {
+		await a();
+	}, [a]);
+	return {
+		plan: t?.getPlan || null,
+		isLoading: n,
+		error: i,
+		refetch: s
+	};
+}
+function u() {
+	let n = s(), [r, { loading: c }] = t(), [l, { loading: u }] = a(), [d, { loading: f }] = i();
+	return {
+		createPlan: o(async (t) => {
+			try {
+				let { data: i } = await r({ variables: { input: t } });
+				return await n.refetchQueries({ include: [e] }), i?.createPlan ?? !1;
+			} catch (e) {
+				throw console.error("Failed to create plan:", e), e;
+			}
+		}, [r, n]),
+		updatePlan: o(async (t) => {
+			try {
+				let { data: r } = await l({ variables: { input: t } });
+				return await n.refetchQueries({ include: [e] }), r?.updatePlan ?? !1;
+			} catch (e) {
+				throw console.error("Failed to update plan:", e), e;
+			}
+		}, [l, n]),
+		togglePlan: o(async (t, r) => {
+			try {
+				let { data: i } = await d({ variables: {
+					planID: t,
+					status: r
+				} });
+				return await n.refetchQueries({ include: [e] }), i?.togglePlan ?? !1;
+			} catch (e) {
+				throw console.error("Failed to toggle plan:", e), e;
+			}
+		}, [d, n]),
+		isCreating: c,
+		isUpdating: u,
+		isToggling: f
+	};
+}
+//#endregion
+export { l as usePlan, u as usePlanMutations, c as usePlans };
+
+//# sourceMappingURL=usePlans.js.map

package/dist/billing/modules/plans/hooks/usePlans.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePlans.js","names":[],"sources":["../../../../../src/billing/modules/plans/hooks/usePlans.ts"],"sourcesContent":["/**\n * Plans Module - usePlans Hook\n * Provides access to plans data and mutations\n */\n\nimport { useApolloClient } from '@apollo/client/react';\nimport { useCallback } from 'react';\nimport {\n  useGetAllPlansQuery,\n  useGetPlanQuery,\n  useCreatePlanMutation,\n  useUpdatePlanMutation,\n  useTogglePlanMutation,\n  GetAllPlansDocument,\n} from '../../../../generated/global-operations';\nimport type { Plan, CreatePlanInput, UpdatePlanInput } from '../../../shared/types';\n\ninterface UsePlansOptions {\n  onlyActive?: boolean;\n  /** Filter by product ID — pushed to backend query, not client-side. */\n  productId?: string;\n  /**\n   * When false, free plans (price = 0) are excluded at the backend.\n   * Use false on user-facing browse pages; omit or set true for admin pages.\n   */\n  includeFree?: boolean;\n}\n\ninterface UsePlansResult {\n  plans: Plan[];\n  isLoading: boolean;\n  error: Error | undefined;\n  refetch: () => Promise<void>;\n}\n\ninterface UsePlanResult {\n  plan: Plan | null;\n  isLoading: boolean;\n  error: Error | undefined;\n  refetch: () => Promise<void>;\n}\n\ninterface UsePlanMutationsResult {\n  createPlan: (input: CreatePlanInput) => Promise<boolean>;\n  updatePlan: (input: UpdatePlanInput) => Promise<boolean>;\n  togglePlan: (planId: string, status: boolean) => Promise<boolean>;\n  isCreating: boolean;\n  isUpdating: boolean;\n  isToggling: boolean;\n}\n\n/**\n * Hook for fetching all plans\n */\nexport function usePlans(options: UsePlansOptions = {}): UsePlansResult {\n  const { onlyActive = false, productId, includeFree } = options;\n\n  const filter = {\n    ...(productId !== undefined ? { productId } : {}),\n    ...(includeFree !== undefined ? { includeFree } : {}),\n  };\n\n  const { data, loading, error, refetch } = useGetAllPlansQuery({\n    variables: { filter: Object.keys(filter).length > 0 ? filter : undefined },\n    fetchPolicy: 'cache-and-network',\n  });\n\n  let plans: Plan[] = data?.getAllPlans || [];\n\n  if (onlyActive) {\n    plans = plans.filter((plan: Plan) => plan.isActive);\n  }\n\n  const handleRefetch = useCallback(async () => {\n    await refetch();\n  }, [refetch]);\n\n  return {\n    plans,\n    isLoading: loading,\n    error: error as Error | undefined,\n    refetch: handleRefetch,\n  };\n}\n\n/**\n * Hook for fetching a single plan by ID\n */\nexport function usePlan(id: string | undefined): UsePlanResult {\n  const { data, loading, error, refetch } = useGetPlanQuery({\n    variables: { id: id! },\n    skip: !id,\n    fetchPolicy: 'cache-and-network',\n  });\n\n  const handleRefetch = useCallback(async () => {\n    await refetch();\n  }, [refetch]);\n\n  return {\n    plan: data?.getPlan || null,\n    isLoading: loading,\n    error: error as Error | undefined,\n    refetch: handleRefetch,\n  };\n}\n\n/**\n * Hook for plan mutations (create, update, toggle)\n */\nexport function usePlanMutations(): UsePlanMutationsResult {\n  const client = useApolloClient();\n\n  const [createPlanMutation, { loading: isCreating }] = useCreatePlanMutation();\n  const [updatePlanMutation, { loading: isUpdating }] = useUpdatePlanMutation();\n  const [togglePlanMutation, { loading: isToggling }] = useTogglePlanMutation();\n\n  const createPlan = useCallback(\n    async (input: CreatePlanInput): Promise<boolean> => {\n      try {\n        const { data } = await createPlanMutation({\n          variables: {\n            input: input as unknown as Parameters<\n              typeof createPlanMutation\n            >[0]['variables']['input'],\n          },\n        });\n        // Refetch plans list after creation\n        await client.refetchQueries({ include: [GetAllPlansDocument] });\n        return data?.createPlan ?? false;\n      } catch (error) {\n        console.error('Failed to create plan:', error);\n        throw error;\n      }\n    },\n    [createPlanMutation, client]\n  );\n\n  const updatePlan = useCallback(\n    async (input: UpdatePlanInput): Promise<boolean> => {\n      try {\n        const { data } = await updatePlanMutation({\n          variables: {\n            input: input as unknown as Parameters<\n              typeof updatePlanMutation\n            >[0]['variables']['input'],\n          },\n        });\n        // Refetch plans list after update\n        await client.refetchQueries({ include: [GetAllPlansDocument] });\n        return data?.updatePlan ?? false;\n      } catch (error) {\n        console.error('Failed to update plan:', error);\n        throw error;\n      }\n    },\n    [updatePlanMutation, client]\n  );\n\n  const togglePlan = useCallback(\n    async (planId: string, status: boolean): Promise<boolean> => {\n      try {\n        const { data } = await togglePlanMutation({\n          variables: { planID: planId, status },\n        });\n        // Refetch plans list after toggle\n        await client.refetchQueries({ include: [GetAllPlansDocument] });\n        return data?.togglePlan ?? false;\n      } catch (error) {\n        console.error('Failed to toggle plan:', error);\n        throw error;\n      }\n    },\n    [togglePlanMutation, client]\n  );\n\n  return {\n    createPlan,\n    updatePlan,\n    togglePlan,\n    isCreating,\n    isUpdating,\n    isToggling,\n  };\n}\n"],"mappings":";;;;AAsDA,SAAgB,EAAS,IAA2B,EAAE,EAAkB;CACtE,IAAM,EAAE,gBAAa,IAAO,cAAW,mBAAgB,GAEjD,IAAS;EACb,GAAI,MAAc,KAAA,IAA4B,EAAE,GAAlB,EAAE,cAAW;EAC3C,GAAI,MAAgB,KAAA,IAA8B,EAAE,GAApB,EAAE,gBAAa;EAChD,EAEK,EAAE,SAAM,YAAS,UAAO,eAAY,EAAoB;EAC5D,WAAW,EAAE,QAAQ,OAAO,KAAK,EAAO,CAAC,SAAS,IAAI,IAAS,KAAA,GAAW;EAC1E,aAAa;EACd,CAAC,EAEE,IAAgB,GAAM,eAAe,EAAE;AAE3C,CAAI,MACF,IAAQ,EAAM,QAAQ,MAAe,EAAK,SAAS;CAGrD,IAAM,IAAgB,EAAY,YAAY;AAC5C,QAAM,GAAS;IACd,CAAC,EAAQ,CAAC;AAEb,QAAO;EACL;EACA,WAAW;EACJ;EACP,SAAS;EACV;;AAMH,SAAgB,EAAQ,GAAuC;CAC7D,IAAM,EAAE,SAAM,YAAS,UAAO,eAAY,EAAgB;EACxD,WAAW,EAAM,OAAK;EACtB,MAAM,CAAC;EACP,aAAa;EACd,CAAC,EAEI,IAAgB,EAAY,YAAY;AAC5C,QAAM,GAAS;IACd,CAAC,EAAQ,CAAC;AAEb,QAAO;EACL,MAAM,GAAM,WAAW;EACvB,WAAW;EACJ;EACP,SAAS;EACV;;AAMH,SAAgB,IAA2C;CACzD,IAAM,IAAS,GAAiB,EAE1B,CAAC,GAAoB,EAAE,SAAS,OAAgB,GAAuB,EACvE,CAAC,GAAoB,EAAE,SAAS,OAAgB,GAAuB,EACvE,CAAC,GAAoB,EAAE,SAAS,OAAgB,GAAuB;AA6D7E,QAAO;EACL,YA5DiB,EACjB,OAAO,MAA6C;AAClD,OAAI;IACF,IAAM,EAAE,YAAS,MAAM,EAAmB,EACxC,WAAW,EACF,UAGR,EACF,CAAC;AAGF,WADA,MAAM,EAAO,eAAe,EAAE,SAAS,CAAC,EAAoB,EAAE,CAAC,EACxD,GAAM,cAAc;YACpB,GAAO;AAEd,UADA,QAAQ,MAAM,0BAA0B,EAAM,EACxC;;KAGV,CAAC,GAAoB,EAAO,CAC7B;EA0CC,YAxCiB,EACjB,OAAO,MAA6C;AAClD,OAAI;IACF,IAAM,EAAE,YAAS,MAAM,EAAmB,EACxC,WAAW,EACF,UAGR,EACF,CAAC;AAGF,WADA,MAAM,EAAO,eAAe,EAAE,SAAS,CAAC,EAAoB,EAAE,CAAC,EACxD,GAAM,cAAc;YACpB,GAAO;AAEd,UADA,QAAQ,MAAM,0BAA0B,EAAM,EACxC;;KAGV,CAAC,GAAoB,EAAO,CAC7B;EAsBC,YApBiB,EACjB,OAAO,GAAgB,MAAsC;AAC3D,OAAI;IACF,IAAM,EAAE,YAAS,MAAM,EAAmB,EACxC,WAAW;KAAE,QAAQ;KAAQ;KAAQ,EACtC,CAAC;AAGF,WADA,MAAM,EAAO,eAAe,EAAE,SAAS,CAAC,EAAoB,EAAE,CAAC,EACxD,GAAM,cAAc;YACpB,GAAO;AAEd,UADA,QAAQ,MAAM,0BAA0B,EAAM,EACxC;;KAGV,CAAC,GAAoB,EAAO,CAC7B;EAMC;EACA;EACA;EACD"}

package/dist/billing/modules/plans/hooks/useQuotas.d.ts

@@ -0,0 +1,27 @@
+import { Quota, CreateQuotaInput, UpdateQuotaInput } from '../../../shared/types';
+
+interface UseQuotasOptions {
+    onlyActive?: boolean;
+}
+interface UseQuotasResult {
+    quotas: Quota[];
+    isLoading: boolean;
+    error: Error | undefined;
+    refetch: () => Promise<void>;
+}
+interface UseQuotaMutationsResult {
+    createQuota: (input: CreateQuotaInput) => Promise<boolean>;
+    updateQuota: (input: UpdateQuotaInput) => Promise<boolean>;
+    isCreating: boolean;
+    isUpdating: boolean;
+}
+/**
+ * Hook for fetching all quotas
+ */
+export declare function useQuotas(options?: UseQuotasOptions): UseQuotasResult;
+/**
+ * Hook for quota mutations (create, update)
+ */
+export declare function useQuotaMutations(): UseQuotaMutationsResult;
+export {};
+//# sourceMappingURL=useQuotas.d.ts.map

package/dist/billing/modules/plans/hooks/useQuotas.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useQuotas.d.ts","sourceRoot":"","sources":["../../../../../src/billing/modules/plans/hooks/useQuotas.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAUH,OAAO,KAAK,EAAE,KAAK,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAEvF,UAAU,gBAAgB;IACxB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,UAAU,eAAe;IACvB,MAAM,EAAE,KAAK,EAAE,CAAC;IAChB,SAAS,EAAE,OAAO,CAAC;IACnB,KAAK,EAAE,KAAK,GAAG,SAAS,CAAC;IACzB,OAAO,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;CAC9B;AAED,UAAU,uBAAuB;IAC/B,WAAW,EAAE,CAAC,KAAK,EAAE,gBAAgB,KAAK,OAAO,CAAC,OAAO,CAAC,CAAC;IAC3D,WAAW,EAAE,CAAC,KAAK,EAAE,gBAAgB,KAAK,OAAO,CAAC,OAAO,CAAC,CAAC;IAC3D,UAAU,EAAE,OAAO,CAAC;IACpB,UAAU,EAAE,OAAO,CAAC;CACrB;AAED;;GAEG;AACH,wBAAgB,SAAS,CAAC,OAAO,GAAE,gBAAqB,GAAG,eAAe,CAwBzE;AAED;;GAEG;AACH,wBAAgB,iBAAiB,IAAI,uBAAuB,CA8C3D"}

package/dist/billing/modules/plans/hooks/useQuotas.js

@@ -0,0 +1,21 @@
+import { useGetAllQuotasQuery as e } from "../../../../generated/global-operations.js";
+import { useCallback as t } from "react";
+import "@apollo/client/react";
+//#region src/billing/modules/plans/hooks/useQuotas.ts
+function n(n = {}) {
+	let { onlyActive: r = !1 } = n, { data: i, loading: a, error: o, refetch: s } = e({ fetchPolicy: "cache-and-network" }), c = i?.getAllQuotas || [];
+	r && (c = c.filter((e) => e.isActive));
+	let l = t(async () => {
+		await s();
+	}, [s]);
+	return {
+		quotas: c,
+		isLoading: a,
+		error: o,
+		refetch: l
+	};
+}
+//#endregion
+export { n as useQuotas };
+
+//# sourceMappingURL=useQuotas.js.map

package/dist/billing/modules/plans/hooks/useQuotas.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useQuotas.js","names":[],"sources":["../../../../../src/billing/modules/plans/hooks/useQuotas.ts"],"sourcesContent":["/**\n * Plans Module - useQuotas Hook\n * Provides access to quotas data and mutations\n */\n\nimport { useApolloClient } from '@apollo/client/react';\nimport { useCallback } from 'react';\nimport {\n  useGetAllQuotasQuery,\n  useCreateQuotaMutation,\n  useUpdateQuotaMutation,\n  GetAllQuotasDocument,\n} from '../../../../generated/global-operations';\nimport type { Quota, CreateQuotaInput, UpdateQuotaInput } from '../../../shared/types';\n\ninterface UseQuotasOptions {\n  onlyActive?: boolean;\n}\n\ninterface UseQuotasResult {\n  quotas: Quota[];\n  isLoading: boolean;\n  error: Error | undefined;\n  refetch: () => Promise<void>;\n}\n\ninterface UseQuotaMutationsResult {\n  createQuota: (input: CreateQuotaInput) => Promise<boolean>;\n  updateQuota: (input: UpdateQuotaInput) => Promise<boolean>;\n  isCreating: boolean;\n  isUpdating: boolean;\n}\n\n/**\n * Hook for fetching all quotas\n */\nexport function useQuotas(options: UseQuotasOptions = {}): UseQuotasResult {\n  const { onlyActive = false } = options;\n\n  const { data, loading, error, refetch } = useGetAllQuotasQuery({\n    fetchPolicy: 'cache-and-network',\n  });\n\n  let quotas: Quota[] = data?.getAllQuotas || [];\n\n  // Filter by active status if requested\n  if (onlyActive) {\n    quotas = quotas.filter((quota: Quota) => quota.isActive);\n  }\n\n  const handleRefetch = useCallback(async () => {\n    await refetch();\n  }, [refetch]);\n\n  return {\n    quotas,\n    isLoading: loading,\n    error: error as Error | undefined,\n    refetch: handleRefetch,\n  };\n}\n\n/**\n * Hook for quota mutations (create, update)\n */\nexport function useQuotaMutations(): UseQuotaMutationsResult {\n  const client = useApolloClient();\n\n  const [createQuotaMutation, { loading: isCreating }] = useCreateQuotaMutation();\n  const [updateQuotaMutation, { loading: isUpdating }] = useUpdateQuotaMutation();\n\n  const createQuota = useCallback(\n    async (input: CreateQuotaInput): Promise<boolean> => {\n      try {\n        const { data } = await createQuotaMutation({\n          variables: { input },\n        });\n        // Refetch quotas list after creation\n        await client.refetchQueries({ include: [GetAllQuotasDocument] });\n        return data?.createQuota ?? false;\n      } catch (error) {\n        console.error('Failed to create quota:', error);\n        throw error;\n      }\n    },\n    [createQuotaMutation, client]\n  );\n\n  const updateQuota = useCallback(\n    async (input: UpdateQuotaInput): Promise<boolean> => {\n      try {\n        const { data } = await updateQuotaMutation({\n          variables: { input },\n        });\n        // Refetch quotas list after update\n        await client.refetchQueries({ include: [GetAllQuotasDocument] });\n        return data?.updateQuota ?? false;\n      } catch (error) {\n        console.error('Failed to update quota:', error);\n        throw error;\n      }\n    },\n    [updateQuotaMutation, client]\n  );\n\n  return {\n    createQuota,\n    updateQuota,\n    isCreating,\n    isUpdating,\n  };\n}\n"],"mappings":";;;;AAoCA,SAAgB,EAAU,IAA4B,EAAE,EAAmB;CACzE,IAAM,EAAE,gBAAa,OAAU,GAEzB,EAAE,SAAM,YAAS,UAAO,eAAY,EAAqB,EAC7D,aAAa,qBACd,CAAC,EAEE,IAAkB,GAAM,gBAAgB,EAAE;AAG9C,CAAI,MACF,IAAS,EAAO,QAAQ,MAAiB,EAAM,SAAS;CAG1D,IAAM,IAAgB,EAAY,YAAY;AAC5C,QAAM,GAAS;IACd,CAAC,EAAQ,CAAC;AAEb,QAAO;EACL;EACA,WAAW;EACJ;EACP,SAAS;EACV"}

package/dist/billing/modules/plans/index.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Plans Module
+ * Provides plan management functionality including listing, viewing, and managing plans
+ */
+export * from './pages';
+export * from './hooks';
+//# sourceMappingURL=index.d.ts.map

package/dist/billing/modules/plans/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/billing/modules/plans/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC"}

package/dist/billing/modules/plans/index.js

@@ -0,0 +1,11 @@
+import "./hooks/usePlans.js";
+import "./hooks/useQuotas.js";
+import "./hooks/index.js";
+import { PlansListPage as e } from "./pages/PlansListPage.js";
+import { PlanDetailPage as t } from "./pages/PlanDetailPage.js";
+import { PlanEditPage as n } from "./pages/PlanEditPage.js";
+import { PlanCreatePage as r } from "./pages/PlanCreatePage.js";
+import { PlansBrowsePage as i } from "./pages/PlansBrowsePage.js";
+import { PlanBrowseDetailPage as a } from "./pages/PlanBrowseDetailPage.js";
+import "./pages/index.js";
+export { a as PlanBrowseDetailPage, r as PlanCreatePage, t as PlanDetailPage, n as PlanEditPage, i as PlansBrowsePage, e as PlansListPage };

package/dist/billing/modules/plans/pages/PlanBrowseDetailPage.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+
+export declare const PlanBrowseDetailPage: FC;
+//# sourceMappingURL=PlanBrowseDetailPage.d.ts.map

package/dist/billing/modules/plans/pages/PlanBrowseDetailPage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlanBrowseDetailPage.d.ts","sourceRoot":"","sources":["../../../../../src/billing/modules/plans/pages/PlanBrowseDetailPage.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAAE,KAAK,EAAE,EAAW,MAAM,OAAO,CAAC;AA8CzC,eAAO,MAAM,oBAAoB,EAAE,EA0PlC,CAAC"}

package/dist/billing/modules/plans/pages/PlanBrowseDetailPage.js

@@ -0,0 +1,264 @@
+import { ServerError as e } from "../../../shared/components/ServerError.js";
+import "../../../shared/components/index.js";
+import { formatCurrency as t, formatPlanDuration as n, formatPlanDurationLabel as r } from "../../../shared/utils/format.js";
+import { isServerError as i } from "../../../shared/utils/error.js";
+import "../../../shared/utils/index.js";
+import { useBillingNavigate as a } from "../../../hooks/useBillingNavigate.js";
+import { usePlan as o } from "../hooks/usePlans.js";
+import "../hooks/index.js";
+import { useMemo as s } from "react";
+import { useParams as c } from "react-router-dom";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
+import { useI18n as d } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+//#region src/billing/modules/plans/pages/PlanBrowseDetailPage.tsx
+function f(e) {
+	let t = /* @__PURE__ */ new Map();
+	for (let n of e) {
+		if (!n.quota) continue;
+		let e = n.quota.id, r = n.quota.limits, i = r?.type ?? "unknown", a = r?.value ?? 0, o = t.get(e);
+		o ? o.totalValue += a : t.set(e, {
+			quotaId: e,
+			name: n.quota.name ?? "Unknown Quota",
+			quotaType: n.quota.quotaType ?? "",
+			limitType: i,
+			totalValue: a
+		});
+	}
+	return Array.from(t.values());
+}
+var p = () => {
+	let { t: p } = d(), m = (e, t) => {
+		let n = p(e);
+		return n === e ? t : n;
+	}, { planId: h } = c(), g = a(), { plan: _, isLoading: v, error: y, refetch: b } = o(h), x = s(() => f(_?.features || []), [_?.features]);
+	return v ? /* @__PURE__ */ u("div", {
+		className: "space-y-6 p-6",
+		children: [/* @__PURE__ */ u("div", {
+			className: "flex items-center gap-4",
+			children: [/* @__PURE__ */ l("div", { className: "h-10 w-10 bg-muted animate-pulse rounded" }), /* @__PURE__ */ l("div", { className: "h-8 w-48 bg-muted animate-pulse rounded" })]
+		}), /* @__PURE__ */ u("div", {
+			className: "grid grid-cols-1 lg:grid-cols-3 gap-6",
+			children: [/* @__PURE__ */ l("div", {
+				className: "lg:col-span-2 space-y-6",
+				children: /* @__PURE__ */ u("div", {
+					className: "border border-border rounded-lg p-6 space-y-4",
+					children: [/* @__PURE__ */ l("div", { className: "h-6 w-32 bg-muted animate-pulse rounded" }), /* @__PURE__ */ l("div", { className: "h-4 w-full bg-muted animate-pulse rounded" })]
+				})
+			}), /* @__PURE__ */ u("div", {
+				className: "border border-border rounded-lg p-6 space-y-4",
+				children: [/* @__PURE__ */ l("div", { className: "h-6 w-24 bg-muted animate-pulse rounded" }), /* @__PURE__ */ l("div", { className: "h-10 w-full bg-muted animate-pulse rounded" })]
+			})]
+		})]
+	}) : y && i(y) ? /* @__PURE__ */ l("div", {
+		className: "p-6",
+		children: /* @__PURE__ */ l(e, {
+			title: m("billing.plans.serverUnavailable", "Server Unavailable"),
+			message: m("billing.plans.unableToLoadPlanDetails", "Unable to load plan details."),
+			onRetry: () => b(),
+			showRetry: !0
+		})
+	}) : _ ? /* @__PURE__ */ u("div", {
+		className: "space-y-6 p-6",
+		children: [/* @__PURE__ */ u("div", {
+			className: "flex flex-col gap-4 sm:flex-row sm:items-start sm:justify-between",
+			children: [/* @__PURE__ */ u("div", {
+				className: "flex items-start gap-4",
+				children: [/* @__PURE__ */ l("button", {
+					onClick: () => g("/plans"),
+					className: "p-2 -ml-2 text-muted-foreground hover:text-foreground hover:bg-muted rounded-md transition-colors",
+					children: /* @__PURE__ */ l("svg", {
+						className: "w-5 h-5",
+						fill: "none",
+						viewBox: "0 0 24 24",
+						stroke: "currentColor",
+						children: /* @__PURE__ */ l("path", {
+							strokeLinecap: "round",
+							strokeLinejoin: "round",
+							strokeWidth: 2,
+							d: "M15 19l-7-7 7-7"
+						})
+					})
+				}), /* @__PURE__ */ u("div", { children: [/* @__PURE__ */ l("h1", {
+					className: "text-2xl font-bold text-foreground",
+					children: _.name
+				}), /* @__PURE__ */ u("p", {
+					className: "text-sm text-muted-foreground mt-1",
+					children: [r(_.duration), " billing plan"]
+				})] })]
+			}), /* @__PURE__ */ l("button", {
+				onClick: () => g(`/checkout/${_.id}`),
+				className: "px-4 py-2 text-sm font-medium bg-primary text-primary-foreground rounded-md hover:bg-primary/90 transition-colors",
+				children: "Subscribe to Plan"
+			})]
+		}), /* @__PURE__ */ u("div", {
+			className: "grid grid-cols-1 lg:grid-cols-3 gap-6",
+			children: [/* @__PURE__ */ u("div", {
+				className: "lg:col-span-2 space-y-6",
+				children: [/* @__PURE__ */ u("div", {
+					className: "border border-border rounded-lg bg-card overflow-hidden",
+					children: [/* @__PURE__ */ l("div", {
+						className: "p-6 border-b border-border bg-muted/30",
+						children: /* @__PURE__ */ l("h2", {
+							className: "text-lg font-semibold text-foreground",
+							children: m("billing.plans.pricing", "Pricing")
+						})
+					}), /* @__PURE__ */ u("div", {
+						className: "p-6",
+						children: [/* @__PURE__ */ u("div", {
+							className: "flex items-baseline gap-1",
+							children: [/* @__PURE__ */ l("span", {
+								className: "text-4xl font-bold text-foreground",
+								children: t(_.price, _.currency)
+							}), /* @__PURE__ */ u("span", {
+								className: "text-lg text-muted-foreground",
+								children: ["/ ", n(_.duration)]
+							})]
+						}), /* @__PURE__ */ u("p", {
+							className: "text-sm text-muted-foreground mt-2",
+							children: [
+								m("billing.plans.billed", "Billed"),
+								" ",
+								_.duration === "monthly" ? m("billing.plans.everyMonth", "every month") : m("billing.plans.annually", "annually")
+							]
+						})]
+					})]
+				}), /* @__PURE__ */ u("div", {
+					className: "border border-border rounded-lg bg-card overflow-hidden",
+					children: [/* @__PURE__ */ l("div", {
+						className: "p-6 border-b border-border bg-muted/30",
+						children: /* @__PURE__ */ u("h2", {
+							className: "text-lg font-semibold text-foreground",
+							children: [
+								m("billing.plans.featuresAndQuotas", "Features & Quotas"),
+								" (",
+								x.length,
+								")"
+							]
+						})
+					}), /* @__PURE__ */ l("div", {
+						className: "p-6",
+						children: x.length === 0 ? /* @__PURE__ */ l("p", {
+							className: "text-sm text-muted-foreground",
+							children: m("billing.plans.noFeatures", "No features configured for this plan.")
+						}) : /* @__PURE__ */ l("ul", {
+							className: "space-y-3",
+							children: x.map((e) => /* @__PURE__ */ u("li", {
+								className: "flex items-start gap-3 p-3 rounded-lg bg-muted/30",
+								children: [/* @__PURE__ */ l("div", {
+									className: "w-8 h-8 rounded-full bg-status-success-bg-subtle flex items-center justify-center shrink-0",
+									children: /* @__PURE__ */ l("svg", {
+										className: "w-4 h-4 text-status-success-text",
+										fill: "none",
+										viewBox: "0 0 24 24",
+										stroke: "currentColor",
+										children: /* @__PURE__ */ l("path", {
+											strokeLinecap: "round",
+											strokeLinejoin: "round",
+											strokeWidth: 2,
+											d: "M5 13l4 4L19 7"
+										})
+									})
+								}), /* @__PURE__ */ u("div", {
+									className: "flex-1",
+									children: [/* @__PURE__ */ u("div", {
+										className: "flex items-center justify-between",
+										children: [/* @__PURE__ */ l("p", {
+											className: "font-medium text-foreground",
+											children: e.name
+										}), /* @__PURE__ */ l("span", {
+											className: "font-semibold text-foreground",
+											children: e.totalValue.toLocaleString()
+										})]
+									}), /* @__PURE__ */ u("div", {
+										className: "flex items-center gap-2 mt-1",
+										children: [/* @__PURE__ */ u("span", {
+											className: "text-sm text-muted-foreground capitalize",
+											children: ["Type: ", e.limitType]
+										}), e.quotaType && /* @__PURE__ */ l("span", {
+											className: "px-2 py-0.5 text-xs font-medium bg-muted text-muted-foreground rounded",
+											children: e.quotaType
+										})]
+									})]
+								})]
+							}, e.quotaId))
+						})
+					})]
+				})]
+			}), /* @__PURE__ */ u("div", {
+				className: "space-y-6",
+				children: [/* @__PURE__ */ u("div", {
+					className: "border border-border rounded-lg bg-card overflow-hidden",
+					children: [/* @__PURE__ */ l("div", {
+						className: "p-6 border-b border-border bg-muted/30",
+						children: /* @__PURE__ */ l("h2", {
+							className: "text-lg font-semibold text-foreground",
+							children: m("billing.plans.subscribeTitle", "Subscribe")
+						})
+					}), /* @__PURE__ */ u("div", {
+						className: "p-6 space-y-4",
+						children: [
+							/* @__PURE__ */ u("div", { children: [/* @__PURE__ */ l("p", {
+								className: "text-sm text-muted-foreground",
+								children: m("billing.plans.price", "Price")
+							}), /* @__PURE__ */ u("p", {
+								className: "text-sm font-medium text-foreground mt-0.5",
+								children: [
+									t(_.price, _.currency),
+									" / ",
+									n(_.duration)
+								]
+							})] }),
+							/* @__PURE__ */ u("div", { children: [/* @__PURE__ */ l("p", {
+								className: "text-sm text-muted-foreground",
+								children: m("billing.plans.billingPeriod", "Billing Period")
+							}), /* @__PURE__ */ l("p", {
+								className: "text-sm text-foreground mt-0.5",
+								children: r(_.duration)
+							})] }),
+							/* @__PURE__ */ u("div", { children: [/* @__PURE__ */ l("p", {
+								className: "text-sm text-muted-foreground",
+								children: m("billing.plans.quotasIncluded", "Quotas Included")
+							}), /* @__PURE__ */ l("p", {
+								className: "text-sm font-medium text-foreground mt-0.5",
+								children: x.length
+							})] }),
+							/* @__PURE__ */ l("button", {
+								onClick: () => g(`/checkout/${_.id}`),
+								className: "w-full px-4 py-2.5 text-sm font-medium bg-primary text-primary-foreground rounded-md hover:bg-primary/90 transition-colors",
+								children: "Subscribe to Plan"
+							})
+						]
+					})]
+				}), /* @__PURE__ */ l("button", {
+					onClick: () => g("/plans"),
+					className: "w-full px-4 py-2 text-sm font-medium border border-border text-foreground rounded-md hover:bg-muted transition-colors",
+					children: "Back to Plans"
+				})]
+			})]
+		})]
+	}) : /* @__PURE__ */ l("div", {
+		className: "flex items-center justify-center h-full min-h-[400px]",
+		children: /* @__PURE__ */ u("div", {
+			className: "text-center space-y-4",
+			children: [
+				/* @__PURE__ */ l("h2", {
+					className: "text-lg font-semibold text-foreground",
+					children: m("billing.plans.planNotFound", "Plan not found")
+				}),
+				/* @__PURE__ */ l("p", {
+					className: "text-sm text-muted-foreground",
+					children: y?.message || m("billing.plans.planNotFoundMessage", "The plan you are looking for does not exist.")
+				}),
+				/* @__PURE__ */ l("button", {
+					onClick: () => g("/plans"),
+					className: "px-4 py-2 text-sm font-medium bg-primary text-primary-foreground rounded-md hover:bg-primary/90 transition-colors",
+					children: "Back to Plans"
+				})
+			]
+		})
+	});
+};
+//#endregion
+export { p as PlanBrowseDetailPage };
+
+//# sourceMappingURL=PlanBrowseDetailPage.js.map

package/dist/billing/modules/plans/pages/PlanBrowseDetailPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlanBrowseDetailPage.js","names":[],"sources":["../../../../../src/billing/modules/plans/pages/PlanBrowseDetailPage.tsx"],"sourcesContent":["/**\n * Plans Module - Plan Browse Detail Page (User-facing)\n * View plan details and subscribe. No edit/toggle actions.\n */\n\nimport { type FC, useMemo } from 'react';\nimport { useParams } from 'react-router-dom';\nimport { useBillingNavigate } from '../../../hooks/useBillingNavigate';\nimport { usePlan } from '../hooks';\nimport { ServerError } from '../../../shared/components';\nimport {\n  formatCurrency,\n  formatPlanDuration,\n  formatPlanDurationLabel,\n  isServerError,\n} from '../../../shared/utils';\nimport type { PlanFeature } from '../../../shared/types';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\n\ninterface CombinedQuota {\n  quotaId: string;\n  name: string;\n  quotaType: string;\n  limitType: string;\n  totalValue: number;\n}\n\nfunction combineQuotas(features: PlanFeature[]): CombinedQuota[] {\n  const quotaMap = new Map<string, CombinedQuota>();\n  for (const feature of features) {\n    if (!feature.quota) continue;\n    const quotaId = feature.quota.id;\n    const limits = feature.quota.limits as { type?: string; value?: number } | null;\n    const limitType = limits?.type ?? 'unknown';\n    const limitValue = limits?.value ?? 0;\n    const existing = quotaMap.get(quotaId);\n    if (existing) {\n      existing.totalValue += limitValue;\n    } else {\n      quotaMap.set(quotaId, {\n        quotaId,\n        name: feature.quota.name ?? 'Unknown Quota',\n        quotaType: feature.quota.quotaType ?? '',\n        limitType,\n        totalValue: limitValue,\n      });\n    }\n  }\n  return Array.from(quotaMap.values());\n}\n\nexport const PlanBrowseDetailPage: FC = () => {\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 { planId } = useParams<{ planId: string }>();\n  const navigateTo = useBillingNavigate();\n  const { plan, isLoading, error, refetch } = usePlan(planId);\n\n  const combinedQuotas = useMemo(() => combineQuotas(plan?.features || []), [plan?.features]);\n\n  if (isLoading) {\n    return (\n      <div className=\"space-y-6 p-6\">\n        <div className=\"flex items-center gap-4\">\n          <div className=\"h-10 w-10 bg-muted animate-pulse rounded\" />\n          <div className=\"h-8 w-48 bg-muted animate-pulse rounded\" />\n        </div>\n        <div className=\"grid grid-cols-1 lg:grid-cols-3 gap-6\">\n          <div className=\"lg:col-span-2 space-y-6\">\n            <div className=\"border border-border rounded-lg p-6 space-y-4\">\n              <div className=\"h-6 w-32 bg-muted animate-pulse rounded\" />\n              <div className=\"h-4 w-full bg-muted animate-pulse rounded\" />\n            </div>\n          </div>\n          <div className=\"border border-border rounded-lg p-6 space-y-4\">\n            <div className=\"h-6 w-24 bg-muted animate-pulse rounded\" />\n            <div className=\"h-10 w-full bg-muted animate-pulse rounded\" />\n          </div>\n        </div>\n      </div>\n    );\n  }\n\n  if (error && isServerError(error)) {\n    return (\n      <div className=\"p-6\">\n        <ServerError\n          title={tr('billing.plans.serverUnavailable', 'Server Unavailable')}\n          message={tr('billing.plans.unableToLoadPlanDetails', 'Unable to load plan details.')}\n          onRetry={() => refetch()}\n          showRetry\n        />\n      </div>\n    );\n  }\n\n  if (!plan) {\n    return (\n      <div className=\"flex items-center justify-center h-full min-h-[400px]\">\n        <div className=\"text-center space-y-4\">\n          <h2 className=\"text-lg font-semibold text-foreground\">\n            {tr('billing.plans.planNotFound', 'Plan not found')}\n          </h2>\n          <p className=\"text-sm text-muted-foreground\">\n            {error?.message ||\n              tr(\n                'billing.plans.planNotFoundMessage',\n                'The plan you are looking for does not exist.'\n              )}\n          </p>\n          <button\n            onClick={() => navigateTo('/plans')}\n            className=\"px-4 py-2 text-sm font-medium bg-primary text-primary-foreground rounded-md hover:bg-primary/90 transition-colors\"\n          >\n            Back to Plans\n          </button>\n        </div>\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      {/* Header */}\n      <div className=\"flex flex-col gap-4 sm:flex-row sm:items-start sm:justify-between\">\n        <div className=\"flex items-start gap-4\">\n          <button\n            onClick={() => navigateTo('/plans')}\n            className=\"p-2 -ml-2 text-muted-foreground hover:text-foreground hover:bg-muted rounded-md transition-colors\"\n          >\n            <svg className=\"w-5 h-5\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n              <path\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n                strokeWidth={2}\n                d=\"M15 19l-7-7 7-7\"\n              />\n            </svg>\n          </button>\n          <div>\n            <h1 className=\"text-2xl font-bold text-foreground\">{plan.name}</h1>\n            <p className=\"text-sm text-muted-foreground mt-1\">\n              {formatPlanDurationLabel(plan.duration)} billing plan\n            </p>\n          </div>\n        </div>\n\n        <button\n          onClick={() => navigateTo(`/checkout/${plan.id}`)}\n          className=\"px-4 py-2 text-sm font-medium bg-primary text-primary-foreground rounded-md hover:bg-primary/90 transition-colors\"\n        >\n          Subscribe to Plan\n        </button>\n      </div>\n\n      <div className=\"grid grid-cols-1 lg:grid-cols-3 gap-6\">\n        {/* Main Content */}\n        <div className=\"lg:col-span-2 space-y-6\">\n          {/* Pricing Card */}\n          <div className=\"border border-border rounded-lg bg-card overflow-hidden\">\n            <div className=\"p-6 border-b border-border bg-muted/30\">\n              <h2 className=\"text-lg font-semibold text-foreground\">\n                {tr('billing.plans.pricing', 'Pricing')}\n              </h2>\n            </div>\n            <div className=\"p-6\">\n              <div className=\"flex items-baseline gap-1\">\n                <span className=\"text-4xl font-bold text-foreground\">\n                  {formatCurrency(plan.price, plan.currency)}\n                </span>\n                <span className=\"text-lg text-muted-foreground\">\n                  / {formatPlanDuration(plan.duration)}\n                </span>\n              </div>\n              <p className=\"text-sm text-muted-foreground mt-2\">\n                {tr('billing.plans.billed', 'Billed')}{' '}\n                {plan.duration === 'monthly'\n                  ? tr('billing.plans.everyMonth', 'every month')\n                  : tr('billing.plans.annually', 'annually')}\n              </p>\n            </div>\n          </div>\n\n          {/* Features Card */}\n          <div className=\"border border-border rounded-lg bg-card overflow-hidden\">\n            <div className=\"p-6 border-b border-border bg-muted/30\">\n              <h2 className=\"text-lg font-semibold text-foreground\">\n                {tr('billing.plans.featuresAndQuotas', 'Features & Quotas')} (\n                {combinedQuotas.length})\n              </h2>\n            </div>\n            <div className=\"p-6\">\n              {combinedQuotas.length === 0 ? (\n                <p className=\"text-sm text-muted-foreground\">\n                  {tr('billing.plans.noFeatures', 'No features configured for this plan.')}\n                </p>\n              ) : (\n                <ul className=\"space-y-3\">\n                  {combinedQuotas.map((quota) => (\n                    <li\n                      key={quota.quotaId}\n                      className=\"flex items-start gap-3 p-3 rounded-lg bg-muted/30\"\n                    >\n                      <div className=\"w-8 h-8 rounded-full bg-status-success-bg-subtle flex items-center justify-center shrink-0\">\n                        <svg\n                          className=\"w-4 h-4 text-status-success-text\"\n                          fill=\"none\"\n                          viewBox=\"0 0 24 24\"\n                          stroke=\"currentColor\"\n                        >\n                          <path\n                            strokeLinecap=\"round\"\n                            strokeLinejoin=\"round\"\n                            strokeWidth={2}\n                            d=\"M5 13l4 4L19 7\"\n                          />\n                        </svg>\n                      </div>\n                      <div className=\"flex-1\">\n                        <div className=\"flex items-center justify-between\">\n                          <p className=\"font-medium text-foreground\">{quota.name}</p>\n                          <span className=\"font-semibold text-foreground\">\n                            {quota.totalValue.toLocaleString()}\n                          </span>\n                        </div>\n                        <div className=\"flex items-center gap-2 mt-1\">\n                          <span className=\"text-sm text-muted-foreground capitalize\">\n                            Type: {quota.limitType}\n                          </span>\n                          {quota.quotaType && (\n                            <span className=\"px-2 py-0.5 text-xs font-medium bg-muted text-muted-foreground rounded\">\n                              {quota.quotaType}\n                            </span>\n                          )}\n                        </div>\n                      </div>\n                    </li>\n                  ))}\n                </ul>\n              )}\n            </div>\n          </div>\n        </div>\n\n        {/* Sidebar */}\n        <div className=\"space-y-6\">\n          {/* Subscribe Card */}\n          <div className=\"border border-border rounded-lg bg-card overflow-hidden\">\n            <div className=\"p-6 border-b border-border bg-muted/30\">\n              <h2 className=\"text-lg font-semibold text-foreground\">\n                {tr('billing.plans.subscribeTitle', 'Subscribe')}\n              </h2>\n            </div>\n            <div className=\"p-6 space-y-4\">\n              <div>\n                <p className=\"text-sm text-muted-foreground\">\n                  {tr('billing.plans.price', 'Price')}\n                </p>\n                <p className=\"text-sm font-medium text-foreground mt-0.5\">\n                  {formatCurrency(plan.price, plan.currency)} / {formatPlanDuration(plan.duration)}\n                </p>\n              </div>\n              <div>\n                <p className=\"text-sm text-muted-foreground\">\n                  {tr('billing.plans.billingPeriod', 'Billing Period')}\n                </p>\n                <p className=\"text-sm text-foreground mt-0.5\">\n                  {formatPlanDurationLabel(plan.duration)}\n                </p>\n              </div>\n              <div>\n                <p className=\"text-sm text-muted-foreground\">\n                  {tr('billing.plans.quotasIncluded', 'Quotas Included')}\n                </p>\n                <p className=\"text-sm font-medium text-foreground mt-0.5\">\n                  {combinedQuotas.length}\n                </p>\n              </div>\n              <button\n                onClick={() => navigateTo(`/checkout/${plan.id}`)}\n                className=\"w-full px-4 py-2.5 text-sm font-medium bg-primary text-primary-foreground rounded-md hover:bg-primary/90 transition-colors\"\n              >\n                Subscribe to Plan\n              </button>\n            </div>\n          </div>\n\n          {/* Back */}\n          <button\n            onClick={() => navigateTo('/plans')}\n            className=\"w-full px-4 py-2 text-sm font-medium border border-border text-foreground rounded-md hover:bg-muted transition-colors\"\n          >\n            Back to Plans\n          </button>\n        </div>\n      </div>\n    </div>\n  );\n};\n"],"mappings":"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"}

package/dist/billing/modules/plans/pages/PlanCreatePage.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+
+export declare const PlanCreatePage: FC;
+//# sourceMappingURL=PlanCreatePage.d.ts.map

package/dist/billing/modules/plans/pages/PlanCreatePage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlanCreatePage.d.ts","sourceRoot":"","sources":["../../../../../src/billing/modules/plans/pages/PlanCreatePage.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAAY,KAAK,EAAE,EAAkB,MAAM,OAAO,CAAC;AAiB1D,eAAO,MAAM,cAAc,EAAE,EAia5B,CAAC"}