@fluid-app/portal-sdk 0.1.55 → 0.1.57

package/dist/{SubscriptionsScreen-DPOQbKs6.cjs → SubscriptionsScreen-vcSqCDso.cjs}

@@ -1,9 +1,10 @@
 require("./chunk-DAgNkxik.cjs");
 const require_src = require("./src-DqIS-4ns.cjs");
 const require_use_account_clients = require("./use-account-clients-vZftsKdf.cjs");
+const require_ScreenHeaderContext = require("./ScreenHeaderContext-eyKPyDoQ.cjs");
 const require_AppNavigationContext = require("./AppNavigationContext-B88_pXjo.cjs");
-const require_src$1 = require("./src-DIkOTlgf.cjs");
-const require_use_customer_account = require("./use-customer-account-D0zro9w6.cjs");
+const require_order_detail = require("./order-detail-JVq0-ps1.cjs");
+const require_use_customer_account = require("./use-customer-account-BRdjIAmX.cjs");
 let react = require("react");
 let _tanstack_react_query = require("@tanstack/react-query");
 let react_jsx_runtime = require("react/jsx-runtime");
@@ -493,11 +494,11 @@ function SubscriptionsList({ customerId, onSubscriptionClick, t, pageSize = 10 }
 							children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("tr", {
 								className: "h-10",
 								children: [
-									/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src$1.TableColumn, {
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_order_detail.TableColumn, {
 										label: t("product"),
 										sortable: false
 									}),
-									/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src$1.TableColumn, {
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_order_detail.TableColumn, {
 										label: t("next_bill_date"),
 										sortBy: "next_bill_date",
 										sortData: sortBy,
@@ -506,11 +507,11 @@ function SubscriptionsList({ customerId, onSubscriptionClick, t, pageSize = 10 }
 											direction: sortBy.direction === "asc" ? "desc" : "asc"
 										})
 									}),
-									/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src$1.TableColumn, {
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_order_detail.TableColumn, {
 										label: t("price"),
 										sortable: false
 									}),
-									/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src$1.TableColumn, {
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_order_detail.TableColumn, {
 										label: t("status"),
 										sortable: false
 									})
@@ -584,7 +585,7 @@ function SubscriptionsList({ customerId, onSubscriptionClick, t, pageSize = 10 }
 					]
 				})
 			}),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src$1.PaginationFooter, {
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_order_detail.PaginationFooter, {
 				currentPage,
 				totalPages,
 				pageSize,
@@ -596,6 +597,65 @@ function SubscriptionsList({ customerId, onSubscriptionClick, t, pageSize = 10 }
 	});
 }
 //#endregion
+//#region ../../subscriptions/ui/src/screens/SubscriptionsListScreen.tsx
+function SubscriptionsListScreen$1({ customerId, onSubscriptionClick, t, isLoadingCustomer }) {
+	require_ScreenHeaderContext.useScreenHeaderBreadcrumbs((0, react.useMemo)(() => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Breadcrumb, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.BreadcrumbList, {
+		className: "text-lg",
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.BreadcrumbItem, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.BreadcrumbPage, {
+			className: "font-semibold",
+			children: "Subscriptions"
+		}) })
+	}) }), []));
+	if (isLoadingCustomer) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		className: "mx-auto max-w-7xl px-4 py-4 sm:px-6 sm:py-6 lg:px-10 lg:py-8",
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			className: "space-y-3",
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { className: "bg-muted h-10 animate-pulse rounded" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { className: "bg-muted h-64 animate-pulse rounded" })]
+		})
+	});
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		className: "mx-auto max-w-7xl px-4 py-4 sm:px-6 sm:py-6 lg:px-10 lg:py-8",
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SubscriptionsList, {
+			customerId,
+			onSubscriptionClick,
+			t
+		})
+	});
+}
+//#endregion
+//#region src/screens/SubscriptionsListScreen.tsx
+const translations = {
+	all: "All",
+	active: "Active",
+	inactive: "Inactive",
+	search: "Search",
+	subscriptions: "Search subscriptions...",
+	product: "Product",
+	next_bill_date: "Next Bill Date",
+	price: "Price",
+	status: "Status",
+	no_subscriptions_found: "No subscriptions found",
+	unknown_status: "Unknown",
+	total: "Total",
+	results: "results",
+	previous: "Previous",
+	next: "Next",
+	pagination: "Pagination"
+};
+function SubscriptionsListScreen({ customerId, isLoadingCustomer }) {
+	const subscriptionsClient = require_use_account_clients.useSubscriptionsClient();
+	const { navigate } = require_AppNavigationContext.useAppNavigation();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SubscriptionsCoreProvider, {
+		client: subscriptionsClient,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SubscriptionsListScreen$1, {
+			customerId,
+			isLoadingCustomer,
+			onSubscriptionClick: (subscriptionToken) => navigate(`subscriptions/${subscriptionToken}`),
+			t: (key) => translations[key] ?? key
+		})
+	});
+}
+//#endregion
 //#region ../../subscriptions/ui/src/components/confirm-dialog.tsx
 function ConfirmDialog({ title, description, actionButtonText = "Delete", cancelButtonText = "Cancel", open, setOpen, onConfirm }) {
 	const [isPending, setIsPending] = (0, react.useState)(false);
@@ -1160,44 +1220,34 @@ function SubscriptionDetail({ token, onNotFound, onError, onSuccess, onMutationE
 	})] });
 }
 //#endregion
-//#region src/screens/SubscriptionsListScreen.tsx
-const translations = {
-	all: "All",
-	active: "Active",
-	inactive: "Inactive",
-	search: "Search",
-	subscriptions: "Search subscriptions...",
-	product: "Product",
-	next_bill_date: "Next Bill Date",
-	price: "Price",
-	status: "Status",
-	no_subscriptions_found: "No subscriptions found",
-	unknown_status: "Unknown",
-	total: "Total",
-	results: "results",
-	previous: "Previous",
-	next: "Next",
-	pagination: "Pagination"
-};
-function SubscriptionsListScreen({ customerId, isLoadingCustomer }) {
-	const subscriptionsClient = require_use_account_clients.useSubscriptionsClient();
-	const { navigate } = require_AppNavigationContext.useAppNavigation();
-	if (isLoadingCustomer) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+//#region ../../subscriptions/ui/src/screens/SubscriptionDetailScreen.tsx
+function SubscriptionDetailScreen$1({ token, onNavigateToList, onNotFound, onError, onSuccess, onMutationError }) {
+	require_ScreenHeaderContext.useScreenHeaderBreadcrumbs((0, react.useMemo)(() => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Breadcrumb, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_src.BreadcrumbList, {
+		className: "text-lg",
+		children: [
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.BreadcrumbItem, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.BreadcrumbLink, {
+				href: "#",
+				onClick: (e) => {
+					e.preventDefault();
+					onNavigateToList();
+				},
+				children: "Subscriptions"
+			}) }),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.BreadcrumbSeparator, {}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.BreadcrumbItem, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_src.BreadcrumbPage, {
+				className: "font-semibold",
+				children: ["Subscription #", token]
+			}) })
+		]
+	}) }), [token, onNavigateToList]));
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 		className: "mx-auto max-w-7xl px-4 py-4 sm:px-6 sm:py-6 lg:px-10 lg:py-8",
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-			className: "space-y-3",
-			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { className: "bg-muted h-10 animate-pulse rounded" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { className: "bg-muted h-64 animate-pulse rounded" })]
-		})
-	});
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SubscriptionsCoreProvider, {
-		client: subscriptionsClient,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-			className: "mx-auto max-w-7xl px-4 py-4 sm:px-6 sm:py-6 lg:px-10 lg:py-8",
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SubscriptionsList, {
-				customerId,
-				onSubscriptionClick: (subscriptionToken) => navigate(`subscriptions/${subscriptionToken}`),
-				t: (key) => translations[key] ?? key
-			})
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SubscriptionDetail, {
+			token,
+			onNotFound,
+			onError,
+			onSuccess,
+			onMutationError
 		})
 	});
 }
@@ -1208,24 +1258,22 @@ function SubscriptionDetailScreen({ token, onToast }) {
 	const { navigate } = require_AppNavigationContext.useAppNavigation();
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SubscriptionsCoreProvider, {
 		client,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-			className: "mx-auto max-w-7xl px-4 py-4 sm:px-6 sm:py-6 lg:px-10 lg:py-8",
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SubscriptionDetail, {
-				token,
-				onNotFound: () => {
-					onToast("Subscription not found", "warning");
-					navigate("subscriptions");
-				},
-				onError: (err) => {
-					onToast(`Failed to load subscription: ${err instanceof Error ? err.message : "An error occurred"}`, "error");
-				},
-				onSuccess: (message) => {
-					onToast(message, "success");
-				},
-				onMutationError: (message, err) => {
-					onToast(`${message}: ${err instanceof Error ? err.message : "An error occurred"}`, "error");
-				}
-			})
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SubscriptionDetailScreen$1, {
+			token,
+			onNavigateToList: () => navigate("subscriptions"),
+			onNotFound: () => {
+				onToast("Subscription not found", "warning");
+				navigate("subscriptions");
+			},
+			onError: (err) => {
+				onToast(`Failed to load subscription: ${err instanceof Error ? err.message : "An error occurred"}`, "error");
+			},
+			onSuccess: (message) => {
+				onToast(message, "success");
+			},
+			onMutationError: (message, err) => {
+				onToast(`${message}: ${err instanceof Error ? err.message : "An error occurred"}`, "error");
+			}
 		})
 	});
 }
@@ -1286,4 +1334,4 @@ Object.defineProperty(exports, "subscriptionsScreenPropertySchema", {
 	}
 });
 
-//# sourceMappingURL=SubscriptionsScreen-DPOQbKs6.cjs.map
+//# sourceMappingURL=SubscriptionsScreen-vcSqCDso.cjs.map

package/dist/SubscriptionsScreen-vcSqCDso.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SubscriptionsScreen-vcSqCDso.cjs","names":["subscriptionsApi.fetchCustomerSubscriptions","subscriptionsApi.fetchSubscription","subscriptionsApi.pauseSubscription","subscriptionsApi.resumeSubscription","subscriptionsApi.skipSubscription","subscriptionsApi.cancelSubscription","subscriptionsApi.reactivateSubscription","Button","Search","Input","Skeleton","TableColumn","PaginationFooter","SubscriptionsListScreen","Breadcrumb","BreadcrumbList","BreadcrumbItem","BreadcrumbPage","useSubscriptionsClient","useAppNavigation","SubscriptionsListScreenContent","AlertDialog","AlertDialogContent","AlertDialogHeader","AlertDialogTitle","AlertDialogDescription","AlertDialogFooter","AlertDialogCancel","AlertDialogAction","Skeleton","Button","SkipForward","Pause","Play","XCircle","RotateCcw","SubscriptionDetailScreen","Breadcrumb","BreadcrumbList","BreadcrumbItem","BreadcrumbLink","BreadcrumbSeparator","BreadcrumbPage","useSubscriptionsClient","useAppNavigation","SubscriptionDetailScreenContent","useAppNavigation","useCustomerAccount"],"sources":["../../../subscriptions/api-client/src/namespaces/subscriptions.ts","../../../subscriptions/core/src/context.ts","../../../subscriptions/core/src/provider.tsx","../../../subscriptions/core/src/query-keys.ts","../../../subscriptions/core/src/hooks/use-subscriptions.ts","../../../subscriptions/core/src/hooks/use-subscription.ts","../../../subscriptions/core/src/hooks/use-pause-subscription.ts","../../../subscriptions/core/src/hooks/use-resume-subscription.ts","../../../subscriptions/core/src/hooks/use-skip-subscription.ts","../../../subscriptions/core/src/hooks/use-cancel-subscription.ts","../../../subscriptions/core/src/hooks/use-reactivate-subscription.ts","../../../subscriptions/core/src/utils/subscription-helpers.ts","../../../subscriptions/ui/src/lib/cn.ts","../../../subscriptions/ui/src/lib/format.ts","../../../subscriptions/ui/src/components/status-pill.tsx","../../../subscriptions/ui/src/components/subscriptions-list.tsx","../../../subscriptions/ui/src/screens/SubscriptionsListScreen.tsx","../src/screens/SubscriptionsListScreen.tsx","../../../subscriptions/ui/src/components/confirm-dialog.tsx","../../../subscriptions/ui/src/components/subscription-detail.tsx","../../../subscriptions/ui/src/screens/SubscriptionDetailScreen.tsx","../src/screens/SubscriptionDetailScreen.tsx","../src/screens/SubscriptionsScreen.tsx"],"sourcesContent":["import type { FetchClient } from \"../lib/fetch-client\";\nimport type { subscriptions } from \"../custom/subscriptions\";\n\n/**\n * Fetch a paginated list of customer subscriptions.\n * Endpoint: GET /subscriptions\n */\nexport async function fetchCustomerSubscriptions(\n  client: FetchClient,\n  params: subscriptions.FetchSubscriptionsParams,\n): Promise<subscriptions.SubscriptionsResponse> {\n  const input: Record<string, string> = {\n    customer_id: params.customerId.toString(),\n    page: (params.page ?? 1).toString(),\n    per_page: (params.perPage ?? 10).toString(),\n  };\n\n  if (params.status != null) input.status = params.status;\n  if (params.search != null) input.search = params.search;\n  if (params.sortBy != null) input.sort_by = params.sortBy;\n  if (params.sortDirection != null) input.sort_direction = params.sortDirection;\n\n  return client.get(\"/subscriptions\", input);\n}\n\n/**\n * Fetch a single subscription by token.\n * Endpoint: GET /subscriptions/{token}\n */\nexport async function fetchSubscription(\n  client: FetchClient,\n  subscriptionToken: string,\n): Promise<subscriptions.SubscriptionDetail> {\n  return client.get(`/subscriptions/${subscriptionToken}`);\n}\n\n/**\n * Pause a subscription.\n * Endpoint: POST /subscriptions/{token}/pause\n */\nexport async function pauseSubscription(\n  client: FetchClient,\n  subscriptionToken: string,\n  params: subscriptions.PauseSubscriptionParams,\n): Promise<subscriptions.SubscriptionDetail> {\n  const queryParams: Record<string, string> = {\n    customer_id: params.customerId.toString(),\n  };\n\n  if (params.nextBillDate != null) {\n    queryParams.next_bill_date = params.nextBillDate;\n  }\n  if (params.numberOfOrders != null) {\n    queryParams.number_of_orders = params.numberOfOrders.toString();\n  }\n\n  const query = new URLSearchParams(queryParams).toString();\n  return client.post(`/subscriptions/${subscriptionToken}/pause?${query}`);\n}\n\n/**\n * Resume a paused subscription.\n * Endpoint: POST /subscriptions/{token}/resume\n */\nexport async function resumeSubscription(\n  client: FetchClient,\n  subscriptionToken: string,\n  params: subscriptions.ResumeSubscriptionParams,\n): Promise<subscriptions.SubscriptionDetail> {\n  const query = new URLSearchParams({\n    customer_id: params.customerId.toString(),\n    next_bill_date: params.nextBillDate,\n  }).toString();\n\n  return client.post(`/subscriptions/${subscriptionToken}/resume?${query}`);\n}\n\n/**\n * Skip the next billing cycle.\n * Endpoint: POST /subscriptions/{token}/skip_next_billing\n */\nexport async function skipSubscription(\n  client: FetchClient,\n  subscriptionToken: string,\n  params: subscriptions.SkipSubscriptionParams,\n): Promise<subscriptions.SubscriptionDetail> {\n  const query = new URLSearchParams({\n    customer_id: params.customerId.toString(),\n    next_bill_date: params.nextBillDate,\n  }).toString();\n\n  return client.post(\n    `/subscriptions/${subscriptionToken}/skip_next_billing?${query}`,\n  );\n}\n\n/**\n * Cancel a subscription.\n * Endpoint: POST /subscriptions/{token}/cancel\n */\nexport async function cancelSubscription(\n  client: FetchClient,\n  subscriptionToken: string,\n  customerId: number,\n): Promise<subscriptions.SubscriptionDetail> {\n  const query = new URLSearchParams({\n    customer_id: customerId.toString(),\n  }).toString();\n\n  return client.post(`/subscriptions/${subscriptionToken}/cancel?${query}`);\n}\n\n/**\n * Reactivate a cancelled subscription.\n * Endpoint: POST /subscriptions/{token}/reactivate\n */\nexport async function reactivateSubscription(\n  client: FetchClient,\n  subscriptionToken: string,\n  params: subscriptions.ReactivateSubscriptionParams,\n): Promise<subscriptions.SubscriptionDetail> {\n  const body =\n    params.process_immediately === true\n      ? { process_immediately: true }\n      : params.next_bill_date\n        ? { next_bill_date: params.next_bill_date }\n        : {};\n\n  return client.post(\n    `/subscriptions/${subscriptionToken}/reactivate`,\n    Object.keys(body).length > 0 ? body : undefined,\n  );\n}\n\n/**\n * Update subscription info (plan, variant, address, payment method, quantity).\n * Endpoint: PUT /subscriptions/{token}\n */\nexport async function updateSubscriptionInfo(\n  client: FetchClient,\n  subscriptionToken: string,\n  body: subscriptions.UpdateSubscriptionInfoBody,\n): Promise<subscriptions.SubscriptionDetail> {\n  return client.put(`/subscriptions/${subscriptionToken}`, {\n    subscription: body,\n  });\n}\n\n/**\n * Create a new subscription. Two-step process: creates a cart first, then the subscription.\n * Endpoint: POST /carts + POST /subscriptions\n */\nexport async function createSubscription(\n  client: FetchClient,\n  data: subscriptions.CreateSubscriptionData,\n): Promise<subscriptions.SubscriptionCreateResponse> {\n  // Step 1: Create a cart with the subscription item\n  const cartResponse = await client.post<subscriptions.CartCreateResponse>(\n    \"/carts\",\n    {\n      country_code: \"US\",\n      items: [\n        {\n          variant_id: data.variant_id,\n          quantity: data.quantity ?? 1,\n          subscription: true,\n          subscription_plan_id: data.subscription_plan_id,\n        },\n      ],\n    },\n  );\n\n  // Step 2: Create the subscription using the cart token\n  return client.post(\"/subscriptions\", {\n    subscription: {\n      ...data,\n      cart_token: cartResponse.cart.cart_token,\n    },\n  });\n}\n","import { createContext, useContext } from \"react\";\nimport type { FetchClient } from \"@fluid-app/api-client-core\";\n\nconst SubscriptionsClientContext = createContext<FetchClient | null>(null);\n\nexport const SubscriptionsClientProvider = SubscriptionsClientContext.Provider;\n\nexport function useSubscriptionsClient(): FetchClient {\n  const client = useContext(SubscriptionsClientContext);\n  if (!client) {\n    throw new Error(\n      \"useSubscriptionsClient must be used within a SubscriptionsCoreProvider\",\n    );\n  }\n  return client;\n}\n","import type { FetchClient } from \"@fluid-app/api-client-core\";\nimport type { JSX } from \"react\";\nimport { SubscriptionsClientProvider } from \"./context\";\n\nexport interface SubscriptionsCoreProviderProps {\n  client: FetchClient;\n  children: React.ReactNode;\n}\n\nexport function SubscriptionsCoreProvider({\n  client,\n  children,\n}: SubscriptionsCoreProviderProps): JSX.Element {\n  return (\n    <SubscriptionsClientProvider value={client}>\n      {children}\n    </SubscriptionsClientProvider>\n  );\n}\n","import type { subscriptions } from \"@fluid-app/subscriptions-api-client\";\n\nexport const subscriptionsKeys = {\n  all: [\"subscriptions\"] as const,\n  list: (params?: subscriptions.FetchSubscriptionsParams) =>\n    [...subscriptionsKeys.all, \"list\", params] as const,\n  detail: (token: string) =>\n    [...subscriptionsKeys.all, \"detail\", token] as const,\n} as const;\n","import { useQuery } from \"@tanstack/react-query\";\nimport type { subscriptions } from \"@fluid-app/subscriptions-api-client\";\nimport { subscriptionsApi } from \"@fluid-app/subscriptions-api-client\";\nimport { subscriptionsKeys } from \"../query-keys\";\nimport { useSubscriptionsClient } from \"../context\";\n\nexport function useSubscriptions(\n  params: subscriptions.FetchSubscriptionsParams,\n  options?: { enabled?: boolean },\n) {\n  const client = useSubscriptionsClient();\n  return useQuery({\n    queryKey: subscriptionsKeys.list(params),\n    queryFn: () => subscriptionsApi.fetchCustomerSubscriptions(client, params),\n    enabled: options?.enabled ?? !!params.customerId,\n  });\n}\n","import { useQuery } from \"@tanstack/react-query\";\nimport { subscriptionsApi } from \"@fluid-app/subscriptions-api-client\";\nimport { subscriptionsKeys } from \"../query-keys\";\nimport { useSubscriptionsClient } from \"../context\";\n\nexport function useSubscription(\n  token: string,\n  options?: { enabled?: boolean },\n) {\n  const client = useSubscriptionsClient();\n  return useQuery({\n    queryKey: subscriptionsKeys.detail(token),\n    queryFn: () => subscriptionsApi.fetchSubscription(client, token),\n    enabled: (options?.enabled ?? true) && !!token,\n  });\n}\n","import { useMutation, useQueryClient } from \"@tanstack/react-query\";\nimport type { subscriptions } from \"@fluid-app/subscriptions-api-client\";\nimport { subscriptionsApi } from \"@fluid-app/subscriptions-api-client\";\nimport { subscriptionsKeys } from \"../query-keys\";\nimport { useSubscriptionsClient } from \"../context\";\n\nexport function usePauseSubscription(options?: {\n  onSuccess?: () => void;\n  onError?: (error: unknown) => void;\n}) {\n  const client = useSubscriptionsClient();\n  const queryClient = useQueryClient();\n\n  return useMutation({\n    mutationFn: (params: {\n      subscriptionToken: string;\n      pauseParams: subscriptions.PauseSubscriptionParams;\n    }) =>\n      subscriptionsApi.pauseSubscription(\n        client,\n        params.subscriptionToken,\n        params.pauseParams,\n      ),\n    onSuccess: () => {\n      queryClient.invalidateQueries({ queryKey: subscriptionsKeys.all });\n      options?.onSuccess?.();\n    },\n    onError: options?.onError,\n  });\n}\n","import { useMutation, useQueryClient } from \"@tanstack/react-query\";\nimport type { subscriptions } from \"@fluid-app/subscriptions-api-client\";\nimport { subscriptionsApi } from \"@fluid-app/subscriptions-api-client\";\nimport { subscriptionsKeys } from \"../query-keys\";\nimport { useSubscriptionsClient } from \"../context\";\n\nexport function useResumeSubscription(options?: {\n  onSuccess?: () => void;\n  onError?: (error: unknown) => void;\n}) {\n  const client = useSubscriptionsClient();\n  const queryClient = useQueryClient();\n\n  return useMutation({\n    mutationFn: (params: {\n      subscriptionToken: string;\n      resumeParams: subscriptions.ResumeSubscriptionParams;\n    }) =>\n      subscriptionsApi.resumeSubscription(\n        client,\n        params.subscriptionToken,\n        params.resumeParams,\n      ),\n    onSuccess: () => {\n      queryClient.invalidateQueries({ queryKey: subscriptionsKeys.all });\n      options?.onSuccess?.();\n    },\n    onError: options?.onError,\n  });\n}\n","import { useMutation, useQueryClient } from \"@tanstack/react-query\";\nimport type { subscriptions } from \"@fluid-app/subscriptions-api-client\";\nimport { subscriptionsApi } from \"@fluid-app/subscriptions-api-client\";\nimport { subscriptionsKeys } from \"../query-keys\";\nimport { useSubscriptionsClient } from \"../context\";\n\nexport function useSkipSubscription(options?: {\n  onSuccess?: () => void;\n  onError?: (error: unknown) => void;\n}) {\n  const client = useSubscriptionsClient();\n  const queryClient = useQueryClient();\n\n  return useMutation({\n    mutationFn: (params: {\n      subscriptionToken: string;\n      skipParams: subscriptions.SkipSubscriptionParams;\n    }) =>\n      subscriptionsApi.skipSubscription(\n        client,\n        params.subscriptionToken,\n        params.skipParams,\n      ),\n    onSuccess: () => {\n      queryClient.invalidateQueries({ queryKey: subscriptionsKeys.all });\n      options?.onSuccess?.();\n    },\n    onError: options?.onError,\n  });\n}\n","import { useMutation, useQueryClient } from \"@tanstack/react-query\";\nimport { subscriptionsApi } from \"@fluid-app/subscriptions-api-client\";\nimport { subscriptionsKeys } from \"../query-keys\";\nimport { useSubscriptionsClient } from \"../context\";\n\nexport function useCancelSubscription(options?: {\n  onSuccess?: () => void;\n  onError?: (error: unknown) => void;\n}) {\n  const client = useSubscriptionsClient();\n  const queryClient = useQueryClient();\n\n  return useMutation({\n    mutationFn: (params: { subscriptionToken: string; customerId: number }) =>\n      subscriptionsApi.cancelSubscription(\n        client,\n        params.subscriptionToken,\n        params.customerId,\n      ),\n    onSuccess: () => {\n      queryClient.invalidateQueries({ queryKey: subscriptionsKeys.all });\n      options?.onSuccess?.();\n    },\n    onError: options?.onError,\n  });\n}\n","import { useMutation, useQueryClient } from \"@tanstack/react-query\";\nimport type { subscriptions } from \"@fluid-app/subscriptions-api-client\";\nimport { subscriptionsApi } from \"@fluid-app/subscriptions-api-client\";\nimport { subscriptionsKeys } from \"../query-keys\";\nimport { useSubscriptionsClient } from \"../context\";\n\nexport function useReactivateSubscription(options?: {\n  onSuccess?: () => void;\n  onError?: (error: unknown) => void;\n}) {\n  const client = useSubscriptionsClient();\n  const queryClient = useQueryClient();\n\n  return useMutation({\n    mutationFn: (params: {\n      subscriptionToken: string;\n      reactivateParams: subscriptions.ReactivateSubscriptionParams;\n    }) =>\n      subscriptionsApi.reactivateSubscription(\n        client,\n        params.subscriptionToken,\n        params.reactivateParams,\n      ),\n    onSuccess: () => {\n      queryClient.invalidateQueries({ queryKey: subscriptionsKeys.all });\n      options?.onSuccess?.();\n    },\n    onError: options?.onError,\n  });\n}\n","interface SubscriptionPriceItem {\n  allow_subscription: boolean;\n  subscription_interval: number | null;\n  subscription_price_in_currency: string | null;\n}\n\nexport function getSubscriptionPrice(\n  item: SubscriptionPriceItem,\n): string | null {\n  if (!item.allow_subscription) return null;\n  const intervalText =\n    item.subscription_interval === 1\n      ? \"month\"\n      : `${item.subscription_interval} mo.`;\n  return `${item.subscription_price_in_currency}/${intervalText}`;\n}\n\nexport function formatSubscriptionFrequency(frequency: string): string {\n  if (frequency === \"day\") return \"Daily\";\n  if (frequency === \"week\") return \"Weekly\";\n  if (frequency === \"month\") return \"Monthly\";\n  if (frequency === \"year\") return \"Yearly\";\n  return frequency;\n}\n\nexport function calculateResumeDate(\n  billingInterval: number,\n  billingIntervalUnit: string,\n  orderCount: number,\n  fromDate?: string | Date | null,\n): Date {\n  let startDate: Date;\n\n  if (fromDate) {\n    if (typeof fromDate === \"string\") {\n      startDate = new Date(\n        fromDate + (fromDate.includes(\"T\") ? \"\" : \"T12:00:00.000Z\"),\n      );\n    } else {\n      startDate = new Date(\n        Date.UTC(\n          fromDate.getUTCFullYear(),\n          fromDate.getUTCMonth(),\n          fromDate.getUTCDate(),\n          12,\n          0,\n          0,\n          0,\n        ),\n      );\n    }\n  } else {\n    const now = new Date();\n    startDate = new Date(\n      Date.UTC(\n        now.getUTCFullYear(),\n        now.getUTCMonth(),\n        now.getUTCDate(),\n        12,\n        0,\n        0,\n        0,\n      ),\n    );\n  }\n\n  const baseDate = new Date(startDate.getTime());\n  const totalIntervals = billingInterval * orderCount;\n\n  switch (billingIntervalUnit.toLowerCase()) {\n    case \"day\":\n      baseDate.setUTCDate(baseDate.getUTCDate() + totalIntervals);\n      break;\n    case \"week\":\n      baseDate.setUTCDate(baseDate.getUTCDate() + totalIntervals * 7);\n      break;\n    case \"month\": {\n      const currentMonth = baseDate.getUTCMonth();\n      const currentDay = baseDate.getUTCDate();\n      baseDate.setUTCMonth(currentMonth + totalIntervals);\n      if (baseDate.getUTCDate() !== currentDay) {\n        baseDate.setUTCDate(0);\n      }\n      break;\n    }\n    case \"year\":\n      baseDate.setUTCFullYear(baseDate.getUTCFullYear() + totalIntervals);\n      break;\n    default: {\n      const defaultMonth = baseDate.getUTCMonth();\n      const defaultDay = baseDate.getUTCDate();\n      baseDate.setUTCMonth(defaultMonth + totalIntervals);\n      if (baseDate.getUTCDate() !== defaultDay) {\n        baseDate.setUTCDate(0);\n      }\n    }\n  }\n\n  return baseDate;\n}\n\nexport function calculateNextBillDate(\n  billingInterval: number = 1,\n  billingIntervalUnit: string = \"month\",\n): string {\n  const now = new Date();\n  const nextBillDate = new Date(now);\n\n  switch (billingIntervalUnit.toLowerCase()) {\n    case \"day\":\n      nextBillDate.setDate(now.getDate() + billingInterval);\n      break;\n    case \"week\":\n      nextBillDate.setDate(now.getDate() + billingInterval * 7);\n      break;\n    case \"month\":\n      nextBillDate.setMonth(now.getMonth() + billingInterval);\n      break;\n    case \"year\":\n      nextBillDate.setFullYear(now.getFullYear() + billingInterval);\n      break;\n    default:\n      nextBillDate.setMonth(now.getMonth() + billingInterval);\n  }\n\n  return nextBillDate.toISOString().split(\"T\")[0] || \"\";\n}\n\nexport function formatDate(\n  dateString: string,\n  isCancelled: boolean = false,\n): string {\n  if (isCancelled) return \"Cancelled\";\n  if (!dateString) return \"Paused\";\n\n  const datePortion = dateString.split(\"T\")[0] ?? dateString;\n  const parts = datePortion.split(\"-\");\n  if (parts.length !== 3) return \"Invalid date\";\n\n  const [year, month, day] = parts.map(Number);\n  if (!year || !month || !day) return \"Invalid date\";\n  const date = new Date(year, month - 1, day);\n\n  const monthNames = [\n    \"January\",\n    \"February\",\n    \"March\",\n    \"April\",\n    \"May\",\n    \"June\",\n    \"July\",\n    \"August\",\n    \"September\",\n    \"October\",\n    \"November\",\n    \"December\",\n  ];\n\n  const dayNum = date.getDate();\n  const monthName = monthNames[date.getMonth()];\n  const yearNum = date.getFullYear();\n\n  const ordinalSuffix = (d: number) => {\n    if (d > 3 && d < 21) return \"th\";\n    switch (d % 10) {\n      case 1:\n        return \"st\";\n      case 2:\n        return \"nd\";\n      case 3:\n        return \"rd\";\n      default:\n        return \"th\";\n    }\n  };\n\n  return `${monthName} ${dayNum}${ordinalSuffix(dayNum)}, ${yearNum}`;\n}\n\nexport function getNextBillDisplay<\n  T extends { status?: string; next_bill_date?: string | null },\n>(subscription: T | null | undefined): string {\n  if (subscription?.status === \"cancelled\") return \"Cancelled\";\n  if (subscription?.next_bill_date)\n    return formatDate(subscription.next_bill_date);\n  if (subscription?.status === \"paused\") return \"Paused\";\n  return \"N/A\";\n}\n\nexport function calculateSubscriptionPrice(\n  totalPrice: number,\n  subscribeAndSave: string | null | undefined,\n  quantity: number,\n): string {\n  if (!subscribeAndSave) return totalPrice.toFixed(2);\n\n  const unitDiscountAmount = parseFloat(subscribeAndSave);\n  if (isNaN(unitDiscountAmount)) return totalPrice.toFixed(2);\n\n  const subscriptionAmount = totalPrice - unitDiscountAmount * quantity;\n  return subscriptionAmount.toFixed(2);\n}\n","import { clsx, type ClassValue } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs));\n}\n","/**\n * Format a number as currency (USD).\n */\nexport function formatCurrency(value: number): string {\n  return new Intl.NumberFormat(\"en-US\", {\n    style: \"currency\",\n    currency: \"USD\",\n  }).format(value);\n}\n\n/**\n * Convert a snake_case or lowercase string to Start Case.\n * Replaces lodash startCase for simple status strings.\n */\nexport function startCase(str: string | undefined | null): string {\n  if (!str) return \"\";\n  return str.replace(/_/g, \" \").replace(/\\b\\w/g, (char) => char.toUpperCase());\n}\n\n/**\n * Format a next bill date string to M/D/YYYY (UTC).\n */\nexport function formatNextBillDate(nextBillDate: string): string {\n  if (!nextBillDate) return \"N/A\";\n  const date = new Date(nextBillDate);\n  if (isNaN(date.getTime())) return \"N/A\";\n  const month = date.getUTCMonth() + 1;\n  const day = date.getUTCDate();\n  const year = date.getUTCFullYear();\n  return `${month}/${day}/${year}`;\n}\n","import type { JSX } from \"react\";\nimport { cn } from \"../lib/cn\";\n\nconst STATUS_COLORS: Record<string, string> = {\n  active: \"bg-green-100 text-green-800\",\n  paused: \"bg-gray-100 text-gray-800\",\n  cancelled: \"bg-red-100 text-red-800\",\n  pending: \"bg-yellow-100 text-yellow-800\",\n  inactive: \"bg-gray-100 text-gray-800\",\n  disabled: \"bg-red-100 text-red-800\",\n  past_due: \"bg-gray-100 text-gray-800\",\n};\n\nconst STATUS_DOT_COLORS: Record<string, string> = {\n  active: \"bg-green-500\",\n  paused: \"bg-gray-400\",\n  cancelled: \"bg-red-500\",\n  pending: \"bg-yellow-500\",\n  inactive: \"bg-gray-400\",\n  disabled: \"bg-red-500\",\n  past_due: \"bg-gray-400\",\n};\n\nexport interface StatusPillProps {\n  status: string | undefined | null;\n  children: React.ReactNode;\n}\n\nexport function StatusPill({ status, children }: StatusPillProps): JSX.Element {\n  const key = status?.toLowerCase() ?? \"\";\n  const pillColor = STATUS_COLORS[key] ?? \"bg-gray-100 text-gray-800\";\n  const dotColor = STATUS_DOT_COLORS[key] ?? \"bg-gray-400\";\n\n  return (\n    <span\n      className={cn(\n        \"inline-flex items-center gap-1.5 rounded-full px-2.5 py-0.5 text-xs font-medium\",\n        pillColor,\n      )}\n    >\n      <span className={cn(\"h-1.5 w-1.5 rounded-full\", dotColor)} />\n      {children}\n    </span>\n  );\n}\n","import { useState, useEffect, type JSX } from \"react\";\nimport type { subscriptions } from \"@fluid-app/subscriptions-api-client\";\nimport { useSubscriptions } from \"@fluid-app/subscriptions-core\";\nimport { TableColumn, PaginationFooter } from \"@fluid-app/orders-ui\";\nimport { Search } from \"lucide-react\";\nimport { Button, Input, Skeleton } from \"@fluid-app/ui-primitives\";\nimport { cn } from \"../lib/cn\";\nimport { formatCurrency, startCase, formatNextBillDate } from \"../lib/format\";\nimport { StatusPill } from \"./status-pill\";\n\nexport interface SubscriptionsListProps {\n  customerId: number | undefined;\n  onSubscriptionClick: (subscriptionToken: string) => void;\n  t: (key: string) => string;\n  pageSize?: number;\n}\n\nexport function SubscriptionsList({\n  customerId,\n  onSubscriptionClick,\n  t,\n  pageSize = 10,\n}: SubscriptionsListProps): JSX.Element {\n  const [currentPage, setCurrentPage] = useState(1);\n  const [statusFilter, setStatusFilter] = useState<string | null>(null);\n  const [search, setSearch] = useState<string | null>(null);\n  const [sortBy, setSortBy] = useState<{\n    column: string;\n    direction: \"asc\" | \"desc\";\n  }>({\n    column: \"next_bill_date\",\n    direction: \"desc\",\n  });\n\n  const params: subscriptions.FetchSubscriptionsParams = {\n    customerId: customerId ?? 0,\n    page: currentPage,\n    perPage: pageSize,\n    status: statusFilter,\n    search,\n    sortBy: sortBy.column,\n    sortDirection: sortBy.direction,\n  };\n\n  const { data, isLoading } = useSubscriptions(params, {\n    enabled: !!customerId,\n  });\n\n  // Reset page when filters change\n  useEffect(() => {\n    setCurrentPage(1);\n  }, [statusFilter, search, sortBy]);\n\n  const items = data?.subscriptions ?? [];\n  const totalItems = data?.meta?.pagination?.total_count ?? 0;\n  const totalPages = data?.meta?.pagination?.total_pages ?? 1;\n\n  const handleSubscriptionClick = (token: string) => {\n    if (token) {\n      onSubscriptionClick(token);\n    }\n  };\n\n  return (\n    <div className=\"border-border overflow-hidden rounded-lg border shadow-sm\">\n      {/* header: filter buttons + search */}\n      <div className=\"flex flex-col gap-2 p-3 sm:flex-row sm:items-center sm:justify-between\">\n        <div className=\"flex gap-1\">\n          <Button\n            variant=\"ghost\"\n            size=\"sm\"\n            onClick={() => setStatusFilter(null)}\n            className={cn(\n              \"rounded-md text-xs\",\n              statusFilter === null && \"bg-muted-foreground font-bold\",\n            )}\n          >\n            {t(\"all\")}\n          </Button>\n          <Button\n            variant=\"ghost\"\n            size=\"sm\"\n            onClick={() => setStatusFilter(\"active\")}\n            className={cn(\n              \"rounded-md text-xs\",\n              statusFilter === \"active\" && \"bg-muted-foreground font-bold\",\n            )}\n          >\n            {t(\"active\")}\n          </Button>\n          <Button\n            variant=\"ghost\"\n            size=\"sm\"\n            onClick={() => setStatusFilter(\"inactive\")}\n            className={cn(\n              \"rounded-md text-xs\",\n              statusFilter === \"inactive\" && \"bg-muted-foreground font-bold\",\n            )}\n          >\n            {t(\"inactive\")}\n          </Button>\n        </div>\n        <div className=\"relative w-full sm:w-auto sm:min-w-[220px]\">\n          <div className=\"pointer-events-none absolute inset-y-0 left-0 flex items-center pl-3\">\n            <Search className=\"text-muted-foreground h-4 w-4\" />\n          </div>\n          <Input\n            type=\"search\"\n            value={search ?? \"\"}\n            onChange={(e) => setSearch(e.target.value || null)}\n            className=\"h-10 w-full pl-10\"\n            placeholder={t(\"subscriptions\")}\n          />\n        </div>\n      </div>\n\n      {/* mobile view */}\n      <div className=\"block md:hidden\">\n        {isLoading ? (\n          Array(5)\n            .fill(0)\n            .map((_, index) => (\n              <div\n                key={`skeleton-${index}`}\n                className=\"border-border border-b p-4\"\n              >\n                <div className=\"flex space-x-3\">\n                  <Skeleton className=\"h-12 w-12 rounded-md\" />\n                  <div className=\"flex-1 space-y-2\">\n                    <Skeleton className=\"h-4 w-3/4\" />\n                    <Skeleton className=\"h-3 w-1/2\" />\n                  </div>\n                </div>\n              </div>\n            ))\n        ) : items.length === 0 ? (\n          <div className=\"text-muted-foreground px-3 py-8 text-center text-sm\">\n            {t(\"no_subscriptions_found\")}\n          </div>\n        ) : (\n          items.map((subscription) => (\n            <div\n              key={subscription.subscription_token}\n              className=\"border-border hover:bg-accent cursor-pointer border-b p-4 transition-colors duration-200 ease-in-out last:border-b-0\"\n              onClick={() =>\n                handleSubscriptionClick(subscription.subscription_token)\n              }\n            >\n              <div className=\"flex items-start space-x-3\">\n                <img\n                  src={subscription.variant?.product?.image_url}\n                  alt={subscription.variant?.product?.title}\n                  width={48}\n                  height={48}\n                  className=\"h-12 w-12 flex-shrink-0 rounded-md object-cover\"\n                />\n                <div className=\"w-0 min-w-0 flex-1\">\n                  <p className=\"text-foreground truncate text-sm font-medium\">\n                    {subscription.variant?.product?.title}\n                  </p>\n                  <div className=\"mt-2 grid grid-cols-2 gap-x-4 gap-y-1 text-sm\">\n                    <div>\n                      <span className=\"text-muted-foreground block text-xs\">\n                        {t(\"next_bill_date\")}\n                      </span>\n                      <span className=\"text-muted-foreground\">\n                        {formatNextBillDate(subscription.next_bill_date ?? \"\")}\n                      </span>\n                    </div>\n                    <div>\n                      <span className=\"text-muted-foreground block text-xs\">\n                        {t(\"price\")}\n                      </span>\n                      <span className=\"text-foreground font-medium\">\n                        {formatCurrency(\n                          subscription.price * subscription.quantity,\n                        )}\n                      </span>\n                    </div>\n                  </div>\n                  <div className=\"mt-2\">\n                    <span className=\"text-muted-foreground block text-xs\">\n                      {t(\"status\")}\n                    </span>\n                    <StatusPill status={subscription.status}>\n                      {startCase(subscription.status) || t(\"unknown_status\")}\n                    </StatusPill>\n                  </div>\n                </div>\n              </div>\n            </div>\n          ))\n        )}\n      </div>\n\n      {/* desktop view */}\n      <div className=\"hidden overflow-x-auto md:block\">\n        <table className=\"min-w-full table-fixed\">\n          <colgroup>\n            <col className=\"w-[45%] min-w-[240px]\" />\n            <col className=\"w-[20%] min-w-[100px]\" />\n            <col className=\"w-[15%] min-w-[100px]\" />\n            <col className=\"w-[20%] min-w-[100px]\" />\n          </colgroup>\n          <thead className=\"bg-muted\">\n            <tr className=\"h-10\">\n              <TableColumn label={t(\"product\")} sortable={false} />\n              <TableColumn\n                label={t(\"next_bill_date\")}\n                sortBy=\"next_bill_date\"\n                sortData={sortBy}\n                onSortClick={(value: string) =>\n                  setSortBy({\n                    column: value,\n                    direction: sortBy.direction === \"asc\" ? \"desc\" : \"asc\",\n                  })\n                }\n              />\n              <TableColumn label={t(\"price\")} sortable={false} />\n              <TableColumn label={t(\"status\")} sortable={false} />\n            </tr>\n          </thead>\n          <tbody className=\"divide-border bg-background divide-y\">\n            {isLoading ? (\n              Array(5)\n                .fill(0)\n                .map((_, index) => (\n                  <tr key={`skeleton-${index}`}>\n                    <td className=\"px-3 py-4\">\n                      <div className=\"flex items-center space-x-2\">\n                        <Skeleton className=\"h-9 w-9 rounded-md\" />\n                        <Skeleton className=\"h-4 w-32\" />\n                      </div>\n                    </td>\n                    <td className=\"px-3 py-4\">\n                      <Skeleton className=\"h-4 w-24\" />\n                    </td>\n                    <td className=\"px-3 py-4\">\n                      <Skeleton className=\"h-4 w-24\" />\n                    </td>\n                    <td className=\"px-3 py-4\">\n                      <Skeleton className=\"h-4 w-16\" />\n                    </td>\n                  </tr>\n                ))\n            ) : items.length === 0 ? (\n              <tr>\n                <td\n                  colSpan={4}\n                  className=\"text-muted-foreground px-3 py-8 text-center text-sm\"\n                >\n                  {t(\"no_subscriptions_found\")}\n                </td>\n              </tr>\n            ) : (\n              items.map((subscription) => (\n                <tr\n                  key={subscription.subscription_token}\n                  className=\"hover:bg-muted cursor-pointer transition-colors duration-200 ease-in-out\"\n                  onClick={() =>\n                    handleSubscriptionClick(subscription.subscription_token)\n                  }\n                >\n                  <td className=\"text-muted-foreground flex max-w-[280px] items-center space-x-3 py-4 pr-3 pl-3 text-sm\">\n                    <img\n                      src={subscription.variant?.product?.image_url}\n                      alt={subscription.variant?.product?.title}\n                      width={48}\n                      height={48}\n                      className=\"h-12 w-12 flex-shrink-0 rounded-md object-cover\"\n                    />\n                    <span className=\"text-foreground truncate text-sm font-medium\">\n                      {subscription.variant?.product?.title}\n                    </span>\n                  </td>\n                  <td className=\"text-muted-foreground px-3 py-4 text-sm whitespace-nowrap\">\n                    {formatNextBillDate(subscription.next_bill_date ?? \"\")}\n                  </td>\n                  <td className=\"px-3 py-4 text-sm whitespace-nowrap\">\n                    <span className=\"text-muted-foreground\">\n                      {formatCurrency(\n                        subscription.price * subscription.quantity,\n                      )}\n                    </span>\n                  </td>\n                  <td className=\"px-3 py-4 text-sm whitespace-nowrap\">\n                    <StatusPill status={subscription.status}>\n                      {startCase(subscription.status) || t(\"unknown_status\")}\n                    </StatusPill>\n                  </td>\n                </tr>\n              ))\n            )}\n          </tbody>\n        </table>\n      </div>\n\n      <PaginationFooter\n        currentPage={currentPage}\n        totalPages={totalPages}\n        pageSize={pageSize}\n        totalItems={totalItems}\n        onPageChange={setCurrentPage}\n        t={t}\n      />\n    </div>\n  );\n}\n","\"use client\";\n\nimport { useMemo } from \"react\";\nimport {\n  Breadcrumb,\n  BreadcrumbList,\n  BreadcrumbItem,\n  BreadcrumbPage,\n} from \"@fluid-app/ui-primitives\";\nimport { useScreenHeaderBreadcrumbs } from \"@fluid-app/portal-react/shell/ScreenHeaderContext\";\nimport { SubscriptionsList } from \"../components/subscriptions-list\";\n\nexport interface SubscriptionsListScreenProps {\n  customerId: number | undefined;\n  onSubscriptionClick: (subscriptionToken: string) => void;\n  t: (key: string) => string;\n  isLoadingCustomer?: boolean;\n}\n\nexport function SubscriptionsListScreen({\n  customerId,\n  onSubscriptionClick,\n  t,\n  isLoadingCustomer,\n}: SubscriptionsListScreenProps) {\n  const headerBreadcrumbs = useMemo(\n    () => (\n      <Breadcrumb>\n        <BreadcrumbList className=\"text-lg\">\n          <BreadcrumbItem>\n            <BreadcrumbPage className=\"font-semibold\">\n              Subscriptions\n            </BreadcrumbPage>\n          </BreadcrumbItem>\n        </BreadcrumbList>\n      </Breadcrumb>\n    ),\n    [],\n  );\n  useScreenHeaderBreadcrumbs(headerBreadcrumbs);\n\n  if (isLoadingCustomer) {\n    return (\n      <div className=\"mx-auto max-w-7xl px-4 py-4 sm:px-6 sm:py-6 lg:px-10 lg:py-8\">\n        <div className=\"space-y-3\">\n          <div className=\"bg-muted h-10 animate-pulse rounded\" />\n          <div className=\"bg-muted h-64 animate-pulse rounded\" />\n        </div>\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"mx-auto max-w-7xl px-4 py-4 sm:px-6 sm:py-6 lg:px-10 lg:py-8\">\n      <SubscriptionsList\n        customerId={customerId}\n        onSubscriptionClick={onSubscriptionClick}\n        t={t}\n      />\n    </div>\n  );\n}\n","import { SubscriptionsCoreProvider } from \"@fluid-app/subscriptions-core\";\nimport { SubscriptionsListScreen as SubscriptionsListScreenContent } from \"@fluid-app/subscriptions-ui/screens/SubscriptionsListScreen\";\nimport { useSubscriptionsClient } from \"../account/use-account-clients\";\nimport { useAppNavigation } from \"../shell/AppNavigationContext\";\n\nconst translations: Record<string, string> = {\n  all: \"All\",\n  active: \"Active\",\n  inactive: \"Inactive\",\n  search: \"Search\",\n  subscriptions: \"Search subscriptions...\",\n  product: \"Product\",\n  next_bill_date: \"Next Bill Date\",\n  price: \"Price\",\n  status: \"Status\",\n  no_subscriptions_found: \"No subscriptions found\",\n  unknown_status: \"Unknown\",\n  total: \"Total\",\n  results: \"results\",\n  previous: \"Previous\",\n  next: \"Next\",\n  pagination: \"Pagination\",\n};\n\ninterface SubscriptionsListScreenProps {\n  customerId: number | undefined;\n  isLoadingCustomer: boolean;\n}\n\nexport function SubscriptionsListScreen({\n  customerId,\n  isLoadingCustomer,\n}: SubscriptionsListScreenProps): React.JSX.Element {\n  const subscriptionsClient = useSubscriptionsClient();\n  const { navigate } = useAppNavigation();\n\n  return (\n    <SubscriptionsCoreProvider client={subscriptionsClient}>\n      <SubscriptionsListScreenContent\n        customerId={customerId}\n        isLoadingCustomer={isLoadingCustomer}\n        onSubscriptionClick={(subscriptionToken) =>\n          navigate(`subscriptions/${subscriptionToken}`)\n        }\n        t={(key) => translations[key] ?? key}\n      />\n    </SubscriptionsCoreProvider>\n  );\n}\n","import { useState } from \"react\";\nimport {\n  AlertDialog,\n  AlertDialogContent,\n  AlertDialogDescription,\n  AlertDialogFooter,\n  AlertDialogHeader,\n  AlertDialogTitle,\n  AlertDialogCancel,\n  AlertDialogAction,\n} from \"@fluid-app/ui-primitives\";\n\ninterface ConfirmDialogProps {\n  title: string;\n  description: string;\n  actionButtonText?: string;\n  cancelButtonText?: string;\n  open: boolean;\n  setOpen: (open: boolean) => void;\n  onConfirm: () => void | Promise<unknown>;\n}\n\nexport function ConfirmDialog({\n  title,\n  description,\n  actionButtonText = \"Delete\",\n  cancelButtonText = \"Cancel\",\n  open,\n  setOpen,\n  onConfirm,\n}: ConfirmDialogProps) {\n  const [isPending, setIsPending] = useState(false);\n\n  const handleConfirm = async () => {\n    try {\n      const result = onConfirm();\n      if (result instanceof Promise) {\n        setIsPending(true);\n        await result;\n      }\n    } catch (error) {\n      console.error(\"ConfirmDialog: action rejected\", error);\n    } finally {\n      setIsPending(false);\n      setOpen(false);\n    }\n  };\n\n  return (\n    <AlertDialog open={open} onOpenChange={(v) => !isPending && setOpen(v)}>\n      <AlertDialogContent>\n        <AlertDialogHeader>\n          <AlertDialogTitle>{title}</AlertDialogTitle>\n          <AlertDialogDescription>{description}</AlertDialogDescription>\n        </AlertDialogHeader>\n        <AlertDialogFooter>\n          <AlertDialogCancel disabled={isPending}>\n            {cancelButtonText}\n          </AlertDialogCancel>\n          <AlertDialogAction\n            onClick={handleConfirm}\n            disabled={isPending}\n            className=\"bg-red-600 text-white hover:bg-red-500\"\n          >\n            {isPending ? \"...\" : actionButtonText}\n          </AlertDialogAction>\n        </AlertDialogFooter>\n      </AlertDialogContent>\n    </AlertDialog>\n  );\n}\n","import { useState, useEffect, type JSX } from \"react\";\nimport type { subscriptions } from \"@fluid-app/subscriptions-api-client\";\nimport {\n  useSubscription,\n  usePauseSubscription,\n  useResumeSubscription,\n  useSkipSubscription,\n  useCancelSubscription,\n  useReactivateSubscription,\n  formatSubscriptionFrequency,\n  formatDate,\n  getNextBillDisplay,\n  calculateNextBillDate,\n} from \"@fluid-app/subscriptions-core\";\nimport { SkipForward, Pause, Play, XCircle, RotateCcw } from \"lucide-react\";\nimport { Skeleton, Button } from \"@fluid-app/ui-primitives\";\nimport { ConfirmDialog } from \"./confirm-dialog\";\nimport { StatusPill } from \"./status-pill\";\nimport { startCase, formatCurrency } from \"../lib/format\";\n\nexport interface SubscriptionDetailProps {\n  token: string;\n  onNotFound?: () => void;\n  onError?: (error: Error) => void;\n  onSuccess?: (message: string) => void;\n  onMutationError?: (message: string, error: unknown) => void;\n}\n\nfunction SubscriptionDetailSkeleton() {\n  return (\n    <div className=\"flex flex-col lg:grid lg:grid-cols-8\">\n      {/* Left: items skeleton */}\n      <div className=\"bg-muted flex flex-col items-center px-8 lg:col-span-4\">\n        <div className=\"w-full max-w-lg py-6\">\n          <Skeleton className=\"mb-4 h-6 w-48\" />\n          <div className=\"grid grid-cols-2 gap-4\">\n            <Skeleton className=\"h-16 w-full rounded\" />\n            <Skeleton className=\"h-16 w-full rounded\" />\n          </div>\n          <div className=\"mt-6 flex items-center space-x-4\">\n            <Skeleton className=\"h-24 w-24 rounded\" />\n            <div className=\"flex-1 space-y-2\">\n              <Skeleton className=\"h-4 w-3/4\" />\n              <Skeleton className=\"h-4 w-1/2\" />\n              <Skeleton className=\"h-4 w-1/4\" />\n            </div>\n          </div>\n          <div className=\"mt-6 space-y-2\">\n            <Skeleton className=\"h-4 w-full\" />\n            <Skeleton className=\"h-4 w-full\" />\n            <Skeleton className=\"h-5 w-full\" />\n          </div>\n        </div>\n      </div>\n      {/* Right: management skeleton */}\n      <div className=\"bg-background col-span-4 px-8 pt-4\">\n        <div className=\"mx-auto max-w-lg\">\n          <Skeleton className=\"mb-3 h-5 w-32\" />\n          <div className=\"grid grid-cols-2 gap-3\">\n            <Skeleton className=\"h-10 w-full rounded\" />\n            <Skeleton className=\"h-10 w-full rounded\" />\n          </div>\n          <div className=\"mt-6 space-y-4\">\n            <Skeleton className=\"h-5 w-40\" />\n            <div className=\"flex gap-4\">\n              <Skeleton className=\"h-12 flex-1 rounded\" />\n              <Skeleton className=\"h-12 flex-1 rounded\" />\n            </div>\n          </div>\n          <div className=\"mt-6 space-y-4\">\n            <Skeleton className=\"h-5 w-40\" />\n            <Skeleton className=\"h-16 w-full rounded\" />\n            <Skeleton className=\"h-16 w-full rounded\" />\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n}\n\n/* ── Left column: product & order summary ──────────────────────────── */\n\nfunction SubscriptionItemsSection({\n  subscription,\n}: {\n  subscription: subscriptions.SubscriptionDetailSubscription;\n}) {\n  const variant = subscription.variant;\n  const product = variant?.product;\n  const quantity = subscription.quantity;\n  const totalPrice = formatCurrency(subscription.price * quantity);\n  const discount =\n    subscription.original_price != null\n      ? subscription.original_price - subscription.price\n      : 0;\n  const subtotal =\n    discount > 0\n      ? formatCurrency(subscription.original_price * quantity)\n      : totalPrice;\n\n  return (\n    <section className=\"bg-muted flex w-full flex-col items-center px-8 lg:col-span-4\">\n      <div className=\"flex w-full max-w-lg flex-col\">\n        {/* Upcoming order summary */}\n        <div className=\"mt-4\">\n          <h2 className=\"text-foreground mb-2 text-lg font-medium\">\n            Your Upcoming Order\n          </h2>\n          <div className=\"text-muted-foreground\">\n            <div className=\"grid grid-cols-2 gap-4\">\n              <div className=\"border-border border-r pr-4\">\n                <div className=\"text-muted-foreground mb-1 text-sm\">\n                  Next Order Date\n                </div>\n                <div className=\"text-foreground text-2xl font-bold\">\n                  {getNextBillDisplay(subscription)}\n                </div>\n              </div>\n              <div className=\"pl-4\">\n                <div className=\"text-muted-foreground mb-1 text-sm\">\n                  Next Bill Amount\n                </div>\n                <div className=\"text-foreground text-2xl font-bold\">\n                  {formatCurrency(subscription.price * quantity)}\n                </div>\n              </div>\n            </div>\n            <hr className=\"border-border mt-4\" />\n          </div>\n        </div>\n\n        {/* Product row */}\n        <div className=\"py-6\">\n          <div className=\"flex flex-row items-center space-x-4\">\n            <div className=\"flex min-w-0 flex-1 flex-row space-x-4\">\n              <div className=\"relative shrink-0\">\n                <div className=\"bg-muted h-24 w-24 overflow-hidden rounded\">\n                  {product?.image_url ? (\n                    <img\n                      src={product.image_url}\n                      alt={variant?.title || \"Product image\"}\n                      width={96}\n                      height={96}\n                      className=\"h-full w-full object-cover\"\n                    />\n                  ) : (\n                    <div className=\"text-muted-foreground flex h-full w-full items-center justify-center\">\n                      No image\n                    </div>\n                  )}\n                  {quantity > 1 && (\n                    <span className=\"bg-foreground text-background absolute -top-2 -right-2 z-10 flex h-6 w-6 items-center justify-center rounded-full text-xs font-medium\">\n                      {quantity}\n                    </span>\n                  )}\n                </div>\n              </div>\n              <div className=\"flex min-w-0 flex-col space-y-0.5\">\n                <p\n                  className=\"text-foreground truncate text-sm font-medium\"\n                  title={product?.title}\n                >\n                  {product?.title}\n                </p>\n                {variant?.title && product?.title && (\n                  <p className=\"text-muted-foreground text-sm\">\n                    {variant.title}\n                  </p>\n                )}\n                <div>\n                  <p className=\"text-foreground text-sm font-medium\">\n                    {formatCurrency(subscription.price * quantity)}\n                  </p>\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n\n        {/* Pricing summary */}\n        <div className=\"mb-4\">\n          {discount > 0 && (\n            <>\n              <div className=\"flex justify-between text-sm\">\n                <p className=\"text-muted-foreground text-sm font-medium\">\n                  Subtotal\n                </p>\n                <p className=\"text-muted-foreground text-sm font-medium\">\n                  {subtotal}\n                </p>\n              </div>\n              <div className=\"mt-2 flex justify-between text-sm\">\n                <p className=\"text-muted-foreground text-sm font-medium\">\n                  Discount\n                </p>\n                <p className=\"text-muted-foreground text-sm font-medium\">\n                  -{formatCurrency(discount * quantity)}\n                </p>\n              </div>\n            </>\n          )}\n          <div className=\"mt-4 flex items-center justify-between text-base font-medium\">\n            <p className=\"text-muted-foreground text-sm font-medium\">Total</p>\n            <p className=\"text-foreground text-base font-bold\">\n              {formatCurrency(subscription.price * quantity)}\n            </p>\n          </div>\n          <span className=\"text-muted-foreground text-xs\">\n            *Tax and shipping calculated at checkout\n          </span>\n        </div>\n      </div>\n    </section>\n  );\n}\n\n/* ── Right column: actions & details ───────────────────────────────── */\n\nfunction SubscriptionManagementSection({\n  subscription,\n  isActive,\n  isPaused,\n  isCancelled,\n  isMutating,\n  onSkip,\n  onPause,\n  onResume,\n  onCancel,\n  onReactivate,\n}: {\n  subscription: subscriptions.SubscriptionDetailSubscription;\n  isActive: boolean;\n  isPaused: boolean;\n  isCancelled: boolean;\n  isMutating: boolean;\n  onSkip: () => void;\n  onPause: () => void;\n  onResume: () => void;\n  onCancel: () => void;\n  onReactivate: () => void;\n}) {\n  const plan = subscription.subscription_plan;\n  const quantity = subscription.quantity;\n  const totalPrice = formatCurrency(subscription.price * quantity);\n\n  const paymentMethod = subscription.payment_method;\n  const paymentDetails = paymentMethod?.details as {\n    last4?: string;\n    card_type?: string;\n    logo_url?: string;\n  } | null;\n\n  const actionButtonClass =\n    \"flex h-auto flex-row items-center justify-center gap-2 overflow-hidden border border-border bg-muted py-2 text-xs whitespace-nowrap text-foreground hover:bg-accent sm:text-sm\";\n\n  return (\n    <div className=\"bg-background col-span-4 flex-auto px-8 pt-4\">\n      <div className=\"mx-auto max-w-lg lg:mx-0 lg:mr-auto\">\n        {/* Action Buttons */}\n        <div className=\"border-border mb-6 border-b pb-6\">\n          <h2 className=\"text-foreground mb-3 text-sm/6 font-semibold\">\n            Order Actions\n          </h2>\n          <div className=\"grid grid-cols-1 gap-3 sm:grid-cols-2\">\n            {isActive && plan.allow_skipping && (\n              <Button\n                variant=\"outline\"\n                onClick={onSkip}\n                disabled={isMutating || !subscription.next_bill_date}\n                className={actionButtonClass}\n              >\n                <SkipForward className=\"h-3 w-3 shrink-0\" />\n                <span className=\"truncate\">Skip Next Order</span>\n              </Button>\n            )}\n            {isActive && (\n              <Button\n                variant=\"outline\"\n                onClick={onPause}\n                disabled={isMutating}\n                className={actionButtonClass}\n              >\n                <Pause className=\"h-3 w-3 shrink-0\" />\n                <span className=\"truncate\">Pause Subscription</span>\n              </Button>\n            )}\n            {isPaused && (\n              <Button\n                variant=\"outline\"\n                onClick={onResume}\n                disabled={isMutating}\n                className={actionButtonClass}\n              >\n                <Play className=\"h-3 w-3 shrink-0\" />\n                <span className=\"truncate\">Resume Subscription</span>\n              </Button>\n            )}\n            <Button\n              variant=\"outline\"\n              onClick={onCancel}\n              disabled={isMutating || isCancelled}\n              className={actionButtonClass}\n            >\n              <XCircle className=\"h-3 w-3 shrink-0\" />\n              <span className=\"truncate\">\n                {isCancelled ? \"Cancelled\" : \"Cancel Subscription\"}\n              </span>\n            </Button>\n            {isCancelled && (\n              <Button\n                variant=\"outline\"\n                onClick={onReactivate}\n                disabled={isMutating}\n                className={actionButtonClass}\n              >\n                <RotateCcw className=\"h-3 w-3 shrink-0\" />\n                <span className=\"truncate\">Reactivate Subscription</span>\n              </Button>\n            )}\n          </div>\n        </div>\n\n        {/* Subscription Details */}\n        <div className=\"border-border mb-4 border-b\">\n          <div className=\"mb-4 flex items-center justify-between\">\n            <h3 className=\"text-foreground text-sm/6 font-semibold\">\n              Subscription Details\n            </h3>\n            <StatusPill status={subscription.status}>\n              {startCase(subscription.status)}\n            </StatusPill>\n          </div>\n          <div className=\"divide-border mb-4 flex divide-x\">\n            <div className=\"flex-1 pr-4\">\n              <div className=\"text-muted-foreground text-sm\">\n                Order Frequency\n              </div>\n              <div className=\"text-foreground font-medium\">\n                {formatSubscriptionFrequency(plan.billing_interval_unit)}\n              </div>\n            </div>\n            <div className=\"flex-1 px-4\">\n              <div className=\"text-muted-foreground text-sm\">Next Payment</div>\n              <div className=\"text-foreground font-medium\">{totalPrice}</div>\n            </div>\n            {subscription.last_bill_date && (\n              <div className=\"flex-1 pl-4 text-right\">\n                <div className=\"text-muted-foreground text-sm\">Last Billed</div>\n                <div className=\"text-foreground font-medium\">\n                  {formatDate(subscription.last_bill_date)}\n                </div>\n              </div>\n            )}\n          </div>\n        </div>\n\n        {/* Payment & Shipping */}\n        <div className=\"pt-2\">\n          <h3 className=\"text-foreground text-sm/6 font-semibold\">\n            Payment & Shipping\n          </h3>\n          <div className=\"flex flex-col\">\n            {/* Shipping Address */}\n            {subscription.address && (\n              <div className=\"border-border mb-6 border-b pb-4\">\n                <div className=\"text-muted-foreground mt-3 mb-1 text-sm\">\n                  Shipping Address\n                </div>\n                <div className=\"text-foreground text-sm\">\n                  <p className=\"font-medium\">{subscription.address.name}</p>\n                  <p>{subscription.address.address1}</p>\n                  {subscription.address.address2 && (\n                    <p>{subscription.address.address2}</p>\n                  )}\n                  <p>\n                    {[subscription.address.city, subscription.address.state]\n                      .filter(Boolean)\n                      .join(\", \")}{\" \"}\n                    {subscription.address.postal_code}\n                  </p>\n                  {subscription.address.country_code && (\n                    <p>{subscription.address.country_code}</p>\n                  )}\n                </div>\n              </div>\n            )}\n\n            {/* Payment Method */}\n            {paymentMethod && (\n              <div className=\"border-border mb-6 border-b pb-4\">\n                <div className=\"text-muted-foreground mb-1 text-sm\">\n                  Payment Method\n                </div>\n                <div className=\"text-foreground flex items-center gap-2 text-sm\">\n                  {paymentDetails?.logo_url && (\n                    <img\n                      src={paymentDetails.logo_url}\n                      alt={paymentDetails.card_type ?? \"Card\"}\n                      className=\"h-6\"\n                    />\n                  )}\n                  <span className=\"font-medium\">\n                    {paymentDetails?.card_type\n                      ? startCase(paymentDetails.card_type)\n                      : paymentMethod.payment_type}\n                    {paymentDetails?.last4\n                      ? ` ending in ${paymentDetails.last4}`\n                      : \"\"}\n                  </span>\n                </div>\n              </div>\n            )}\n          </div>\n        </div>\n\n        {/* Order History */}\n        {subscription.orders.length > 0 && (\n          <div className=\"border-border mb-4 border-b pb-4\">\n            <h3 className=\"text-foreground mb-3 text-sm/6 font-semibold\">\n              Order History\n            </h3>\n            <div className=\"overflow-x-auto\">\n              <table className=\"divide-border min-w-full divide-y text-sm\">\n                <thead>\n                  <tr>\n                    <th className=\"text-muted-foreground py-2 pr-3 text-left font-medium\">\n                      Order\n                    </th>\n                    <th className=\"text-muted-foreground px-3 py-2 text-left font-medium\">\n                      Date\n                    </th>\n                    <th className=\"text-muted-foreground px-3 py-2 text-left font-medium\">\n                      Status\n                    </th>\n                    <th className=\"text-muted-foreground py-2 pl-3 text-right font-medium\">\n                      Amount\n                    </th>\n                  </tr>\n                </thead>\n                <tbody className=\"divide-border divide-y\">\n                  {subscription.orders.map((order) => (\n                    <tr key={order.id}>\n                      <td className=\"text-foreground py-2 pr-3 font-medium\">\n                        {order.order_number ?? `#${order.id}`}\n                      </td>\n                      <td className=\"text-muted-foreground px-3 py-2\">\n                        {formatDate(order.created_at.split(\"T\")[0] ?? \"\")}\n                      </td>\n                      <td className=\"px-3 py-2\">\n                        <StatusPill status={order.status}>\n                          {startCase(order.status)}\n                        </StatusPill>\n                      </td>\n                      <td className=\"text-foreground py-2 pl-3 text-right\">\n                        {order.amount != null\n                          ? formatCurrency(Number(order.amount))\n                          : \"N/A\"}\n                      </td>\n                    </tr>\n                  ))}\n                </tbody>\n              </table>\n            </div>\n          </div>\n        )}\n      </div>\n    </div>\n  );\n}\n\n/* ── Main component ────────────────────────────────────────────────── */\n\nexport function SubscriptionDetail({\n  token,\n  onNotFound,\n  onError,\n  onSuccess,\n  onMutationError,\n}: SubscriptionDetailProps): JSX.Element | null {\n  const [showCancelModal, setShowCancelModal] = useState(false);\n\n  const { data, isLoading, error } = useSubscription(token);\n  const subscription = data?.subscription;\n  const customerId = subscription?.customer?.id ?? 0;\n\n  const pauseMutation = usePauseSubscription({\n    onSuccess: () => onSuccess?.(\"Subscription paused\"),\n    onError: (err: unknown) =>\n      onMutationError?.(\"Failed to pause subscription\", err),\n  });\n\n  const resumeMutation = useResumeSubscription({\n    onSuccess: () => onSuccess?.(\"Subscription resumed\"),\n    onError: (err: unknown) =>\n      onMutationError?.(\"Failed to resume subscription\", err),\n  });\n\n  const skipMutation = useSkipSubscription({\n    onSuccess: () => onSuccess?.(\"Next billing skipped\"),\n    onError: (err: unknown) => onMutationError?.(\"Failed to skip billing\", err),\n  });\n\n  const cancelMutation = useCancelSubscription({\n    onSuccess: () => {\n      onSuccess?.(\"Subscription cancelled\");\n      setShowCancelModal(false);\n    },\n    onError: (err: unknown) =>\n      onMutationError?.(\"Failed to cancel subscription\", err),\n  });\n\n  const reactivateMutation = useReactivateSubscription({\n    onSuccess: () => onSuccess?.(\"Subscription reactivated\"),\n    onError: (err: unknown) =>\n      onMutationError?.(\"Failed to reactivate subscription\", err),\n  });\n\n  useEffect(() => {\n    if (!isLoading && error) {\n      onError?.(error as Error);\n    }\n  }, [isLoading, error, onError]);\n\n  useEffect(() => {\n    if (!isLoading && !error && !subscription) {\n      onNotFound?.();\n    }\n  }, [isLoading, error, subscription, onNotFound]);\n\n  if (isLoading) {\n    return <SubscriptionDetailSkeleton />;\n  }\n\n  if (!subscription) {\n    return null;\n  }\n\n  const plan = subscription.subscription_plan;\n  const isActive = subscription.status === \"active\";\n  const isPaused = subscription.status === \"paused\";\n  const isCancelled = subscription.status === \"cancelled\";\n  const isMutating =\n    pauseMutation.isPending ||\n    resumeMutation.isPending ||\n    skipMutation.isPending ||\n    cancelMutation.isPending ||\n    reactivateMutation.isPending;\n\n  const handlePause = () => {\n    pauseMutation.mutate({\n      subscriptionToken: token,\n      pauseParams: { customerId },\n    });\n  };\n\n  const handleResume = () => {\n    const nextBillDate = calculateNextBillDate(\n      plan.billing_interval,\n      plan.billing_interval_unit,\n    );\n    resumeMutation.mutate({\n      subscriptionToken: token,\n      resumeParams: { customerId, nextBillDate },\n    });\n  };\n\n  const handleSkip = () => {\n    const nextBillDate = calculateNextBillDate(\n      plan.billing_interval,\n      plan.billing_interval_unit,\n    );\n    skipMutation.mutate({\n      subscriptionToken: token,\n      skipParams: { customerId, nextBillDate },\n    });\n  };\n\n  const handleCancel = () => {\n    cancelMutation.mutate({ subscriptionToken: token, customerId });\n  };\n\n  const handleReactivate = () => {\n    reactivateMutation.mutate({\n      subscriptionToken: token,\n      reactivateParams: {},\n    });\n  };\n\n  return (\n    <>\n      <div className=\"flex flex-col lg:grid lg:grid-cols-8\">\n        <SubscriptionItemsSection subscription={subscription} />\n        <SubscriptionManagementSection\n          subscription={subscription}\n          isActive={isActive}\n          isPaused={isPaused}\n          isCancelled={isCancelled}\n          isMutating={isMutating}\n          onSkip={handleSkip}\n          onPause={handlePause}\n          onResume={handleResume}\n          onCancel={() => setShowCancelModal(true)}\n          onReactivate={handleReactivate}\n        />\n      </div>\n      <ConfirmDialog\n        title=\"Cancel Subscription\"\n        actionButtonText=\"Cancel Subscription\"\n        description=\"Are you sure you want to cancel this subscription? You can reactivate it later.\"\n        open={showCancelModal}\n        setOpen={setShowCancelModal}\n        onConfirm={handleCancel}\n      />\n    </>\n  );\n}\n\nexport interface SubscriptionActionsProps {\n  isActive: boolean;\n  isPaused: boolean;\n  isCancelled: boolean;\n  isMutating: boolean;\n  allowSkipping: boolean | null;\n  onPause: () => void;\n  onResume: () => void;\n  onSkip: () => void;\n  onCancel: () => void;\n  onReactivate: () => void;\n}\n\nexport function SubscriptionActions({\n  isActive,\n  isPaused,\n  isCancelled,\n  isMutating,\n  allowSkipping,\n  onPause,\n  onResume,\n  onSkip,\n  onCancel,\n  onReactivate,\n}: SubscriptionActionsProps) {\n  const actionButtonClass =\n    \"flex h-auto flex-row items-center justify-center gap-2 overflow-hidden border border-border bg-muted py-2 text-xs whitespace-nowrap text-foreground hover:bg-accent sm:text-sm\";\n\n  return (\n    <div className=\"grid grid-cols-1 gap-3 sm:grid-cols-2\">\n      {isActive && (\n        <>\n          {allowSkipping && (\n            <Button\n              variant=\"outline\"\n              onClick={onSkip}\n              disabled={isMutating}\n              className={actionButtonClass}\n            >\n              <SkipForward className=\"h-3 w-3 shrink-0\" />\n              <span className=\"truncate\">Skip Next</span>\n            </Button>\n          )}\n          <Button\n            variant=\"outline\"\n            onClick={onPause}\n            disabled={isMutating}\n            className={actionButtonClass}\n          >\n            <Pause className=\"h-3 w-3 shrink-0\" />\n            <span className=\"truncate\">Pause</span>\n          </Button>\n          <Button\n            variant=\"outline\"\n            onClick={onCancel}\n            disabled={isMutating}\n            className={actionButtonClass}\n          >\n            <XCircle className=\"h-3 w-3 shrink-0\" />\n            <span className=\"truncate\">Cancel</span>\n          </Button>\n        </>\n      )}\n      {isPaused && (\n        <>\n          <Button\n            variant=\"outline\"\n            onClick={onResume}\n            disabled={isMutating}\n            className={actionButtonClass}\n          >\n            <Play className=\"h-3 w-3 shrink-0\" />\n            <span className=\"truncate\">Resume</span>\n          </Button>\n          <Button\n            variant=\"outline\"\n            onClick={onCancel}\n            disabled={isMutating}\n            className={actionButtonClass}\n          >\n            <XCircle className=\"h-3 w-3 shrink-0\" />\n            <span className=\"truncate\">Cancel</span>\n          </Button>\n        </>\n      )}\n      {isCancelled && (\n        <Button\n          variant=\"outline\"\n          onClick={onReactivate}\n          disabled={isMutating}\n          className={actionButtonClass}\n        >\n          <RotateCcw className=\"h-3 w-3 shrink-0\" />\n          <span className=\"truncate\">Reactivate</span>\n        </Button>\n      )}\n    </div>\n  );\n}\n","\"use client\";\n\nimport { useMemo } from \"react\";\nimport {\n  Breadcrumb,\n  BreadcrumbItem,\n  BreadcrumbLink,\n  BreadcrumbList,\n  BreadcrumbPage,\n  BreadcrumbSeparator,\n} from \"@fluid-app/ui-primitives\";\nimport { useScreenHeaderBreadcrumbs } from \"@fluid-app/portal-react/shell/ScreenHeaderContext\";\nimport { SubscriptionDetail } from \"../components/subscription-detail\";\n\nexport interface SubscriptionDetailScreenProps {\n  token: string;\n  onNavigateToList: () => void;\n  onNotFound?: () => void;\n  onError?: (error: Error) => void;\n  onSuccess?: (message: string) => void;\n  onMutationError?: (message: string, error: unknown) => void;\n}\n\nexport function SubscriptionDetailScreen({\n  token,\n  onNavigateToList,\n  onNotFound,\n  onError,\n  onSuccess,\n  onMutationError,\n}: SubscriptionDetailScreenProps) {\n  const headerBreadcrumbs = useMemo(\n    () => (\n      <Breadcrumb>\n        <BreadcrumbList className=\"text-lg\">\n          <BreadcrumbItem>\n            <BreadcrumbLink\n              href=\"#\"\n              onClick={(e) => {\n                e.preventDefault();\n                onNavigateToList();\n              }}\n            >\n              Subscriptions\n            </BreadcrumbLink>\n          </BreadcrumbItem>\n          <BreadcrumbSeparator />\n          <BreadcrumbItem>\n            <BreadcrumbPage className=\"font-semibold\">\n              Subscription #{token}\n            </BreadcrumbPage>\n          </BreadcrumbItem>\n        </BreadcrumbList>\n      </Breadcrumb>\n    ),\n    [token, onNavigateToList],\n  );\n  useScreenHeaderBreadcrumbs(headerBreadcrumbs);\n\n  return (\n    <div className=\"mx-auto max-w-7xl px-4 py-4 sm:px-6 sm:py-6 lg:px-10 lg:py-8\">\n      <SubscriptionDetail\n        token={token}\n        onNotFound={onNotFound}\n        onError={onError}\n        onSuccess={onSuccess}\n        onMutationError={onMutationError}\n      />\n    </div>\n  );\n}\n","import { SubscriptionsCoreProvider } from \"@fluid-app/subscriptions-core\";\nimport { SubscriptionDetailScreen as SubscriptionDetailScreenContent } from \"@fluid-app/subscriptions-ui/screens/SubscriptionDetailScreen\";\nimport { useSubscriptionsClient } from \"../account/use-account-clients\";\nimport { useAppNavigation } from \"../shell/AppNavigationContext\";\n\ninterface SubscriptionDetailScreenProps {\n  token: string;\n  onToast: (message: string, type: \"success\" | \"error\" | \"warning\") => void;\n}\n\nexport function SubscriptionDetailScreen({\n  token,\n  onToast,\n}: SubscriptionDetailScreenProps): React.JSX.Element {\n  const client = useSubscriptionsClient();\n  const { navigate } = useAppNavigation();\n\n  return (\n    <SubscriptionsCoreProvider client={client}>\n      <SubscriptionDetailScreenContent\n        token={token}\n        onNavigateToList={() => navigate(\"subscriptions\")}\n        onNotFound={() => {\n          onToast(\"Subscription not found\", \"warning\");\n          navigate(\"subscriptions\");\n        }}\n        onError={(err) => {\n          const message =\n            err instanceof Error ? err.message : \"An error occurred\";\n          onToast(`Failed to load subscription: ${message}`, \"error\");\n        }}\n        onSuccess={(message) => {\n          onToast(message, \"success\");\n        }}\n        onMutationError={(message, err) => {\n          const detail =\n            err instanceof Error ? err.message : \"An error occurred\";\n          onToast(`${message}: ${detail}`, \"error\");\n        }}\n      />\n    </SubscriptionsCoreProvider>\n  );\n}\n","import type { ComponentProps } from \"react\";\nimport type {\n  BackgroundValue,\n  BorderRadiusOptions,\n  ColorOptions,\n  PaddingOptions,\n} from \"../types\";\nimport type { WidgetPropertySchema } from \"../registries/property-schema-types\";\nimport { useAppNavigation } from \"../shell/AppNavigationContext\";\nimport { useCustomerAccount } from \"../account/use-customer-account\";\nimport { SubscriptionsListScreen } from \"./SubscriptionsListScreen\";\nimport { SubscriptionDetailScreen } from \"./SubscriptionDetailScreen\";\n\ntype SubscriptionsScreenProps = ComponentProps<\"div\"> & {\n  background?: BackgroundValue;\n  textColor?: ColorOptions;\n  accentColor?: ColorOptions;\n  padding?: PaddingOptions;\n  borderRadius?: BorderRadiusOptions;\n  onToast?: (message: string, type: \"success\" | \"error\" | \"warning\") => void;\n};\n\nfunction defaultToast(message: string, type: \"success\" | \"error\" | \"warning\") {\n  if (type === \"error\" || type === \"warning\") {\n    console.warn(\"[Subscriptions]\", message);\n  } else {\n    console.info(\"[Subscriptions]\", message);\n  }\n}\n\nexport function SubscriptionsScreen({\n  onToast,\n  /* eslint-disable @typescript-eslint/no-unused-vars -- destructured to exclude from divProps spread */\n  background,\n  textColor,\n  accentColor,\n  padding,\n  borderRadius,\n  /* eslint-enable @typescript-eslint/no-unused-vars */\n  ...divProps\n}: SubscriptionsScreenProps): React.JSX.Element {\n  const { currentSlug } = useAppNavigation();\n  const effectiveToast = onToast ?? defaultToast;\n\n  // Parse slug: \"subscriptions\" → list, \"subscriptions/{token}\" → detail\n  const detailToken = currentSlug.split(\"/\")[1];\n  const isDetailView = detailToken !== undefined;\n\n  const { customerId, isLoadingCustomer, isCustomerError } = useCustomerAccount(\n    { enabled: !isDetailView },\n  );\n\n  if (isDetailView) {\n    return (\n      <div {...divProps}>\n        <SubscriptionDetailScreen\n          token={detailToken}\n          onToast={effectiveToast}\n        />\n      </div>\n    );\n  }\n\n  if (isCustomerError && !isLoadingCustomer) {\n    return (\n      <div {...divProps}>\n        <div className=\"text-muted-foreground px-4 py-8 text-center text-sm\">\n          Unable to load account data. Please try again later.\n        </div>\n      </div>\n    );\n  }\n\n  return (\n    <div {...divProps}>\n      <SubscriptionsListScreen\n        customerId={customerId}\n        isLoadingCustomer={isLoadingCustomer}\n      />\n    </div>\n  );\n}\n\nexport const subscriptionsScreenPropertySchema: WidgetPropertySchema = {\n  widgetType: \"SubscriptionsScreen\",\n  displayName: \"Subscriptions Screen\",\n  tabsConfig: [{ id: \"styling\", label: \"Styling\" }],\n  fields: [],\n} as const satisfies WidgetPropertySchema;\n"],"mappings":";;;;;;;;;;;;;;;;;;AAOA,eAAsB,2BACpB,QACA,QAC8C;CAC9C,MAAM,QAAgC;EACpC,aAAa,OAAO,WAAW,UAAU;EACzC,OAAO,OAAO,QAAQ,GAAG,UAAU;EACnC,WAAW,OAAO,WAAW,IAAI,UAAU;EAC5C;AAED,KAAI,OAAO,UAAU,KAAM,OAAM,SAAS,OAAO;AACjD,KAAI,OAAO,UAAU,KAAM,OAAM,SAAS,OAAO;AACjD,KAAI,OAAO,UAAU,KAAM,OAAM,UAAU,OAAO;AAClD,KAAI,OAAO,iBAAiB,KAAM,OAAM,iBAAiB,OAAO;AAEhE,QAAO,OAAO,IAAI,kBAAkB,MAAM;;;;;;AAO5C,eAAsB,kBACpB,QACA,mBAC2C;AAC3C,QAAO,OAAO,IAAI,kBAAkB,oBAAoB;;;;;;AAO1D,eAAsB,kBACpB,QACA,mBACA,QAC2C;CAC3C,MAAM,cAAsC,EAC1C,aAAa,OAAO,WAAW,UAAU,EAC1C;AAED,KAAI,OAAO,gBAAgB,KACzB,aAAY,iBAAiB,OAAO;AAEtC,KAAI,OAAO,kBAAkB,KAC3B,aAAY,mBAAmB,OAAO,eAAe,UAAU;CAGjE,MAAM,QAAQ,IAAI,gBAAgB,YAAY,CAAC,UAAU;AACzD,QAAO,OAAO,KAAK,kBAAkB,kBAAkB,SAAS,QAAQ;;;;;;AAO1E,eAAsB,mBACpB,QACA,mBACA,QAC2C;CAC3C,MAAM,QAAQ,IAAI,gBAAgB;EAChC,aAAa,OAAO,WAAW,UAAU;EACzC,gBAAgB,OAAO;EACxB,CAAC,CAAC,UAAU;AAEb,QAAO,OAAO,KAAK,kBAAkB,kBAAkB,UAAU,QAAQ;;;;;;AAO3E,eAAsB,iBACpB,QACA,mBACA,QAC2C;CAC3C,MAAM,QAAQ,IAAI,gBAAgB;EAChC,aAAa,OAAO,WAAW,UAAU;EACzC,gBAAgB,OAAO;EACxB,CAAC,CAAC,UAAU;AAEb,QAAO,OAAO,KACZ,kBAAkB,kBAAkB,qBAAqB,QAC1D;;;;;;AAOH,eAAsB,mBACpB,QACA,mBACA,YAC2C;CAC3C,MAAM,QAAQ,IAAI,gBAAgB,EAChC,aAAa,WAAW,UAAU,EACnC,CAAC,CAAC,UAAU;AAEb,QAAO,OAAO,KAAK,kBAAkB,kBAAkB,UAAU,QAAQ;;;;;;AAO3E,eAAsB,uBACpB,QACA,mBACA,QAC2C;CAC3C,MAAM,OACJ,OAAO,wBAAwB,OAC3B,EAAE,qBAAqB,MAAM,GAC7B,OAAO,iBACL,EAAE,gBAAgB,OAAO,gBAAgB,GACzC,EAAE;AAEV,QAAO,OAAO,KACZ,kBAAkB,kBAAkB,cACpC,OAAO,KAAK,KAAK,CAAC,SAAS,IAAI,OAAO,KAAA,EACvC;;;;AChIH,MAAM,8BAAA,GAAA,MAAA,eAA+D,KAAK;AAE1E,MAAa,8BAA8B,2BAA2B;AAEtE,SAAgB,yBAAsC;CACpD,MAAM,UAAA,GAAA,MAAA,YAAoB,2BAA2B;AACrD,KAAI,CAAC,OACH,OAAM,IAAI,MACR,yEACD;AAEH,QAAO;;;;ACLT,SAAgB,0BAA0B,EACxC,QACA,YAC8C;AAC9C,QACE,iBAAA,GAAA,kBAAA,KAAC,6BAAD;EAA6B,OAAO;EACjC;EAC2B,CAAA;;;;ACdlC,MAAa,oBAAoB;CAC/B,KAAK,CAAC,gBAAgB;CACtB,OAAO,WACL;EAAC,GAAG,kBAAkB;EAAK;EAAQ;EAAO;CAC5C,SAAS,UACP;EAAC,GAAG,kBAAkB;EAAK;EAAU;EAAM;CAC9C;;;ACFD,SAAgB,iBACd,QACA,SACA;CACA,MAAM,SAAS,wBAAwB;AACvC,SAAA,GAAA,sBAAA,UAAgB;EACd,UAAU,kBAAkB,KAAK,OAAO;EACxC,eAAeA,2BAA4C,QAAQ,OAAO;EAC1E,SAAS,SAAS,WAAW,CAAC,CAAC,OAAO;EACvC,CAAC;;;;ACVJ,SAAgB,gBACd,OACA,SACA;CACA,MAAM,SAAS,wBAAwB;AACvC,SAAA,GAAA,sBAAA,UAAgB;EACd,UAAU,kBAAkB,OAAO,MAAM;EACzC,eAAeC,kBAAmC,QAAQ,MAAM;EAChE,UAAU,SAAS,WAAW,SAAS,CAAC,CAAC;EAC1C,CAAC;;;;ACRJ,SAAgB,qBAAqB,SAGlC;CACD,MAAM,SAAS,wBAAwB;CACvC,MAAM,eAAA,GAAA,sBAAA,iBAA8B;AAEpC,SAAA,GAAA,sBAAA,aAAmB;EACjB,aAAa,WAIXC,kBACE,QACA,OAAO,mBACP,OAAO,YACR;EACH,iBAAiB;AACf,eAAY,kBAAkB,EAAE,UAAU,kBAAkB,KAAK,CAAC;AAClE,YAAS,aAAa;;EAExB,SAAS,SAAS;EACnB,CAAC;;;;ACtBJ,SAAgB,sBAAsB,SAGnC;CACD,MAAM,SAAS,wBAAwB;CACvC,MAAM,eAAA,GAAA,sBAAA,iBAA8B;AAEpC,SAAA,GAAA,sBAAA,aAAmB;EACjB,aAAa,WAIXC,mBACE,QACA,OAAO,mBACP,OAAO,aACR;EACH,iBAAiB;AACf,eAAY,kBAAkB,EAAE,UAAU,kBAAkB,KAAK,CAAC;AAClE,YAAS,aAAa;;EAExB,SAAS,SAAS;EACnB,CAAC;;;;ACtBJ,SAAgB,oBAAoB,SAGjC;CACD,MAAM,SAAS,wBAAwB;CACvC,MAAM,eAAA,GAAA,sBAAA,iBAA8B;AAEpC,SAAA,GAAA,sBAAA,aAAmB;EACjB,aAAa,WAIXC,iBACE,QACA,OAAO,mBACP,OAAO,WACR;EACH,iBAAiB;AACf,eAAY,kBAAkB,EAAE,UAAU,kBAAkB,KAAK,CAAC;AAClE,YAAS,aAAa;;EAExB,SAAS,SAAS;EACnB,CAAC;;;;ACvBJ,SAAgB,sBAAsB,SAGnC;CACD,MAAM,SAAS,wBAAwB;CACvC,MAAM,eAAA,GAAA,sBAAA,iBAA8B;AAEpC,SAAA,GAAA,sBAAA,aAAmB;EACjB,aAAa,WACXC,mBACE,QACA,OAAO,mBACP,OAAO,WACR;EACH,iBAAiB;AACf,eAAY,kBAAkB,EAAE,UAAU,kBAAkB,KAAK,CAAC;AAClE,YAAS,aAAa;;EAExB,SAAS,SAAS;EACnB,CAAC;;;;AClBJ,SAAgB,0BAA0B,SAGvC;CACD,MAAM,SAAS,wBAAwB;CACvC,MAAM,eAAA,GAAA,sBAAA,iBAA8B;AAEpC,SAAA,GAAA,sBAAA,aAAmB;EACjB,aAAa,WAIXC,uBACE,QACA,OAAO,mBACP,OAAO,iBACR;EACH,iBAAiB;AACf,eAAY,kBAAkB,EAAE,UAAU,kBAAkB,KAAK,CAAC;AAClE,YAAS,aAAa;;EAExB,SAAS,SAAS;EACnB,CAAC;;;;ACXJ,SAAgB,4BAA4B,WAA2B;AACrE,KAAI,cAAc,MAAO,QAAO;AAChC,KAAI,cAAc,OAAQ,QAAO;AACjC,KAAI,cAAc,QAAS,QAAO;AAClC,KAAI,cAAc,OAAQ,QAAO;AACjC,QAAO;;AA+ET,SAAgB,sBACd,kBAA0B,GAC1B,sBAA8B,SACtB;CACR,MAAM,sBAAM,IAAI,MAAM;CACtB,MAAM,eAAe,IAAI,KAAK,IAAI;AAElC,SAAQ,oBAAoB,aAAa,EAAzC;EACE,KAAK;AACH,gBAAa,QAAQ,IAAI,SAAS,GAAG,gBAAgB;AACrD;EACF,KAAK;AACH,gBAAa,QAAQ,IAAI,SAAS,GAAG,kBAAkB,EAAE;AACzD;EACF,KAAK;AACH,gBAAa,SAAS,IAAI,UAAU,GAAG,gBAAgB;AACvD;EACF,KAAK;AACH,gBAAa,YAAY,IAAI,aAAa,GAAG,gBAAgB;AAC7D;EACF,QACE,cAAa,SAAS,IAAI,UAAU,GAAG,gBAAgB;;AAG3D,QAAO,aAAa,aAAa,CAAC,MAAM,IAAI,CAAC,MAAM;;AAGrD,SAAgB,WACd,YACA,cAAuB,OACf;AACR,KAAI,YAAa,QAAO;AACxB,KAAI,CAAC,WAAY,QAAO;CAGxB,MAAM,SADc,WAAW,MAAM,IAAI,CAAC,MAAM,YACtB,MAAM,IAAI;AACpC,KAAI,MAAM,WAAW,EAAG,QAAO;CAE/B,MAAM,CAAC,MAAM,OAAO,OAAO,MAAM,IAAI,OAAO;AAC5C,KAAI,CAAC,QAAQ,CAAC,SAAS,CAAC,IAAK,QAAO;CACpC,MAAM,OAAO,IAAI,KAAK,MAAM,QAAQ,GAAG,IAAI;CAE3C,MAAM,aAAa;EACjB;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD;CAED,MAAM,SAAS,KAAK,SAAS;CAC7B,MAAM,YAAY,WAAW,KAAK,UAAU;CAC5C,MAAM,UAAU,KAAK,aAAa;CAElC,MAAM,iBAAiB,MAAc;AACnC,MAAI,IAAI,KAAK,IAAI,GAAI,QAAO;AAC5B,UAAQ,IAAI,IAAZ;GACE,KAAK,EACH,QAAO;GACT,KAAK,EACH,QAAO;GACT,KAAK,EACH,QAAO;GACT,QACE,QAAO;;;AAIb,QAAO,GAAG,UAAU,GAAG,SAAS,cAAc,OAAO,CAAC,IAAI;;AAG5D,SAAgB,mBAEd,cAA4C;AAC5C,KAAI,cAAc,WAAW,YAAa,QAAO;AACjD,KAAI,cAAc,eAChB,QAAO,WAAW,aAAa,eAAe;AAChD,KAAI,cAAc,WAAW,SAAU,QAAO;AAC9C,QAAO;;;;ACvLT,SAAgB,GAAG,GAAG,QAAsB;AAC1C,SAAA,GAAA,eAAA,UAAA,GAAA,KAAA,MAAoB,OAAO,CAAC;;;;;;;ACD9B,SAAgB,eAAe,OAAuB;AACpD,QAAO,IAAI,KAAK,aAAa,SAAS;EACpC,OAAO;EACP,UAAU;EACX,CAAC,CAAC,OAAO,MAAM;;;;;;AAOlB,SAAgB,UAAU,KAAwC;AAChE,KAAI,CAAC,IAAK,QAAO;AACjB,QAAO,IAAI,QAAQ,MAAM,IAAI,CAAC,QAAQ,UAAU,SAAS,KAAK,aAAa,CAAC;;;;;AAM9E,SAAgB,mBAAmB,cAA8B;AAC/D,KAAI,CAAC,aAAc,QAAO;CAC1B,MAAM,OAAO,IAAI,KAAK,aAAa;AACnC,KAAI,MAAM,KAAK,SAAS,CAAC,CAAE,QAAO;AAIlC,QAAO,GAHO,KAAK,aAAa,GAAG,EAGnB,GAFJ,KAAK,YAAY,CAEN,GADV,KAAK,gBAAgB;;;;ACzBpC,MAAM,gBAAwC;CAC5C,QAAQ;CACR,QAAQ;CACR,WAAW;CACX,SAAS;CACT,UAAU;CACV,UAAU;CACV,UAAU;CACX;AAED,MAAM,oBAA4C;CAChD,QAAQ;CACR,QAAQ;CACR,WAAW;CACX,SAAS;CACT,UAAU;CACV,UAAU;CACV,UAAU;CACX;AAOD,SAAgB,WAAW,EAAE,QAAQ,YAA0C;CAC7E,MAAM,MAAM,QAAQ,aAAa,IAAI;CACrC,MAAM,YAAY,cAAc,QAAQ;CACxC,MAAM,WAAW,kBAAkB,QAAQ;AAE3C,QACE,iBAAA,GAAA,kBAAA,MAAC,QAAD;EACE,WAAW,GACT,mFACA,UACD;YAJH,CAME,iBAAA,GAAA,kBAAA,KAAC,QAAD,EAAM,WAAW,GAAG,4BAA4B,SAAS,EAAI,CAAA,EAC5D,SACI;;;;;ACzBX,SAAgB,kBAAkB,EAChC,YACA,qBACA,GACA,WAAW,MAC2B;CACtC,MAAM,CAAC,aAAa,mBAAA,GAAA,MAAA,UAA2B,EAAE;CACjD,MAAM,CAAC,cAAc,oBAAA,GAAA,MAAA,UAA2C,KAAK;CACrE,MAAM,CAAC,QAAQ,cAAA,GAAA,MAAA,UAAqC,KAAK;CACzD,MAAM,CAAC,QAAQ,cAAA,GAAA,MAAA,UAGZ;EACD,QAAQ;EACR,WAAW;EACZ,CAAC;CAYF,MAAM,EAAE,MAAM,cAAc,iBAV2B;EACrD,YAAY,cAAc;EAC1B,MAAM;EACN,SAAS;EACT,QAAQ;EACR;EACA,QAAQ,OAAO;EACf,eAAe,OAAO;EACvB,EAEoD,EACnD,SAAS,CAAC,CAAC,YACZ,CAAC;AAGF,EAAA,GAAA,MAAA,iBAAgB;AACd,iBAAe,EAAE;IAChB;EAAC;EAAc;EAAQ;EAAO,CAAC;CAElC,MAAM,QAAQ,MAAM,iBAAiB,EAAE;CACvC,MAAM,aAAa,MAAM,MAAM,YAAY,eAAe;CAC1D,MAAM,aAAa,MAAM,MAAM,YAAY,eAAe;CAE1D,MAAM,2BAA2B,UAAkB;AACjD,MAAI,MACF,qBAAoB,MAAM;;AAI9B,QACE,iBAAA,GAAA,kBAAA,MAAC,OAAD;EAAK,WAAU;YAAf;GAEE,iBAAA,GAAA,kBAAA,MAAC,OAAD;IAAK,WAAU;cAAf,CACE,iBAAA,GAAA,kBAAA,MAAC,OAAD;KAAK,WAAU;eAAf;MACE,iBAAA,GAAA,kBAAA,KAACC,YAAAA,QAAD;OACE,SAAQ;OACR,MAAK;OACL,eAAe,gBAAgB,KAAK;OACpC,WAAW,GACT,sBACA,iBAAiB,QAAQ,gCAC1B;iBAEA,EAAE,MAAM;OACF,CAAA;MACT,iBAAA,GAAA,kBAAA,KAACA,YAAAA,QAAD;OACE,SAAQ;OACR,MAAK;OACL,eAAe,gBAAgB,SAAS;OACxC,WAAW,GACT,sBACA,iBAAiB,YAAY,gCAC9B;iBAEA,EAAE,SAAS;OACL,CAAA;MACT,iBAAA,GAAA,kBAAA,KAACA,YAAAA,QAAD;OACE,SAAQ;OACR,MAAK;OACL,eAAe,gBAAgB,WAAW;OAC1C,WAAW,GACT,sBACA,iBAAiB,cAAc,gCAChC;iBAEA,EAAE,WAAW;OACP,CAAA;MACL;QACN,iBAAA,GAAA,kBAAA,MAAC,OAAD;KAAK,WAAU;eAAf,CACE,iBAAA,GAAA,kBAAA,KAAC,OAAD;MAAK,WAAU;gBACb,iBAAA,GAAA,kBAAA,KAACC,aAAAA,QAAD,EAAQ,WAAU,iCAAkC,CAAA;MAChD,CAAA,EACN,iBAAA,GAAA,kBAAA,KAACC,YAAAA,OAAD;MACE,MAAK;MACL,OAAO,UAAU;MACjB,WAAW,MAAM,UAAU,EAAE,OAAO,SAAS,KAAK;MAClD,WAAU;MACV,aAAa,EAAE,gBAAgB;MAC/B,CAAA,CACE;OACF;;GAGN,iBAAA,GAAA,kBAAA,KAAC,OAAD;IAAK,WAAU;cACZ,YACC,MAAM,EAAE,CACL,KAAK,EAAE,CACP,KAAK,GAAG,UACP,iBAAA,GAAA,kBAAA,KAAC,OAAD;KAEE,WAAU;eAEV,iBAAA,GAAA,kBAAA,MAAC,OAAD;MAAK,WAAU;gBAAf,CACE,iBAAA,GAAA,kBAAA,KAACC,YAAAA,UAAD,EAAU,WAAU,wBAAyB,CAAA,EAC7C,iBAAA,GAAA,kBAAA,MAAC,OAAD;OAAK,WAAU;iBAAf,CACE,iBAAA,GAAA,kBAAA,KAACA,YAAAA,UAAD,EAAU,WAAU,aAAc,CAAA,EAClC,iBAAA,GAAA,kBAAA,KAACA,YAAAA,UAAD,EAAU,WAAU,aAAc,CAAA,CAC9B;SACF;;KACF,EAVC,YAAY,QAUb,CACN,GACF,MAAM,WAAW,IACnB,iBAAA,GAAA,kBAAA,KAAC,OAAD;KAAK,WAAU;eACZ,EAAE,yBAAyB;KACxB,CAAA,GAEN,MAAM,KAAK,iBACT,iBAAA,GAAA,kBAAA,KAAC,OAAD;KAEE,WAAU;KACV,eACE,wBAAwB,aAAa,mBAAmB;eAG1D,iBAAA,GAAA,kBAAA,MAAC,OAAD;MAAK,WAAU;gBAAf,CACE,iBAAA,GAAA,kBAAA,KAAC,OAAD;OACE,KAAK,aAAa,SAAS,SAAS;OACpC,KAAK,aAAa,SAAS,SAAS;OACpC,OAAO;OACP,QAAQ;OACR,WAAU;OACV,CAAA,EACF,iBAAA,GAAA,kBAAA,MAAC,OAAD;OAAK,WAAU;iBAAf;QACE,iBAAA,GAAA,kBAAA,KAAC,KAAD;SAAG,WAAU;mBACV,aAAa,SAAS,SAAS;SAC9B,CAAA;QACJ,iBAAA,GAAA,kBAAA,MAAC,OAAD;SAAK,WAAU;mBAAf,CACE,iBAAA,GAAA,kBAAA,MAAC,OAAD,EAAA,UAAA,CACE,iBAAA,GAAA,kBAAA,KAAC,QAAD;UAAM,WAAU;oBACb,EAAE,iBAAiB;UACf,CAAA,EACP,iBAAA,GAAA,kBAAA,KAAC,QAAD;UAAM,WAAU;oBACb,mBAAmB,aAAa,kBAAkB,GAAG;UACjD,CAAA,CACH,EAAA,CAAA,EACN,iBAAA,GAAA,kBAAA,MAAC,OAAD,EAAA,UAAA,CACE,iBAAA,GAAA,kBAAA,KAAC,QAAD;UAAM,WAAU;oBACb,EAAE,QAAQ;UACN,CAAA,EACP,iBAAA,GAAA,kBAAA,KAAC,QAAD;UAAM,WAAU;oBACb,eACC,aAAa,QAAQ,aAAa,SACnC;UACI,CAAA,CACH,EAAA,CAAA,CACF;;QACN,iBAAA,GAAA,kBAAA,MAAC,OAAD;SAAK,WAAU;mBAAf,CACE,iBAAA,GAAA,kBAAA,KAAC,QAAD;UAAM,WAAU;oBACb,EAAE,SAAS;UACP,CAAA,EACP,iBAAA,GAAA,kBAAA,KAAC,YAAD;UAAY,QAAQ,aAAa;oBAC9B,UAAU,aAAa,OAAO,IAAI,EAAE,iBAAiB;UAC3C,CAAA,CACT;;QACF;SACF;;KACF,EAhDC,aAAa,mBAgDd,CACN;IAEA,CAAA;GAGN,iBAAA,GAAA,kBAAA,KAAC,OAAD;IAAK,WAAU;cACb,iBAAA,GAAA,kBAAA,MAAC,SAAD;KAAO,WAAU;eAAjB;MACE,iBAAA,GAAA,kBAAA,MAAC,YAAD,EAAA,UAAA;OACE,iBAAA,GAAA,kBAAA,KAAC,OAAD,EAAK,WAAU,yBAA0B,CAAA;OACzC,iBAAA,GAAA,kBAAA,KAAC,OAAD,EAAK,WAAU,yBAA0B,CAAA;OACzC,iBAAA,GAAA,kBAAA,KAAC,OAAD,EAAK,WAAU,yBAA0B,CAAA;OACzC,iBAAA,GAAA,kBAAA,KAAC,OAAD,EAAK,WAAU,yBAA0B,CAAA;OAChC,EAAA,CAAA;MACX,iBAAA,GAAA,kBAAA,KAAC,SAAD;OAAO,WAAU;iBACf,iBAAA,GAAA,kBAAA,MAAC,MAAD;QAAI,WAAU;kBAAd;SACE,iBAAA,GAAA,kBAAA,KAACC,qBAAAA,aAAD;UAAa,OAAO,EAAE,UAAU;UAAE,UAAU;UAAS,CAAA;SACrD,iBAAA,GAAA,kBAAA,KAACA,qBAAAA,aAAD;UACE,OAAO,EAAE,iBAAiB;UAC1B,QAAO;UACP,UAAU;UACV,cAAc,UACZ,UAAU;WACR,QAAQ;WACR,WAAW,OAAO,cAAc,QAAQ,SAAS;WAClD,CAAC;UAEJ,CAAA;SACF,iBAAA,GAAA,kBAAA,KAACA,qBAAAA,aAAD;UAAa,OAAO,EAAE,QAAQ;UAAE,UAAU;UAAS,CAAA;SACnD,iBAAA,GAAA,kBAAA,KAACA,qBAAAA,aAAD;UAAa,OAAO,EAAE,SAAS;UAAE,UAAU;UAAS,CAAA;SACjD;;OACC,CAAA;MACR,iBAAA,GAAA,kBAAA,KAAC,SAAD;OAAO,WAAU;iBACd,YACC,MAAM,EAAE,CACL,KAAK,EAAE,CACP,KAAK,GAAG,UACP,iBAAA,GAAA,kBAAA,MAAC,MAAD,EAAA,UAAA;QACE,iBAAA,GAAA,kBAAA,KAAC,MAAD;SAAI,WAAU;mBACZ,iBAAA,GAAA,kBAAA,MAAC,OAAD;UAAK,WAAU;oBAAf,CACE,iBAAA,GAAA,kBAAA,KAACD,YAAAA,UAAD,EAAU,WAAU,sBAAuB,CAAA,EAC3C,iBAAA,GAAA,kBAAA,KAACA,YAAAA,UAAD,EAAU,WAAU,YAAa,CAAA,CAC7B;;SACH,CAAA;QACL,iBAAA,GAAA,kBAAA,KAAC,MAAD;SAAI,WAAU;mBACZ,iBAAA,GAAA,kBAAA,KAACA,YAAAA,UAAD,EAAU,WAAU,YAAa,CAAA;SAC9B,CAAA;QACL,iBAAA,GAAA,kBAAA,KAAC,MAAD;SAAI,WAAU;mBACZ,iBAAA,GAAA,kBAAA,KAACA,YAAAA,UAAD,EAAU,WAAU,YAAa,CAAA;SAC9B,CAAA;QACL,iBAAA,GAAA,kBAAA,KAAC,MAAD;SAAI,WAAU;mBACZ,iBAAA,GAAA,kBAAA,KAACA,YAAAA,UAAD,EAAU,WAAU,YAAa,CAAA;SAC9B,CAAA;QACF,EAAA,EAhBI,YAAY,QAgBhB,CACL,GACF,MAAM,WAAW,IACnB,iBAAA,GAAA,kBAAA,KAAC,MAAD,EAAA,UACE,iBAAA,GAAA,kBAAA,KAAC,MAAD;QACE,SAAS;QACT,WAAU;kBAET,EAAE,yBAAyB;QACzB,CAAA,EACF,CAAA,GAEL,MAAM,KAAK,iBACT,iBAAA,GAAA,kBAAA,MAAC,MAAD;QAEE,WAAU;QACV,eACE,wBAAwB,aAAa,mBAAmB;kBAJ5D;SAOE,iBAAA,GAAA,kBAAA,MAAC,MAAD;UAAI,WAAU;oBAAd,CACE,iBAAA,GAAA,kBAAA,KAAC,OAAD;WACE,KAAK,aAAa,SAAS,SAAS;WACpC,KAAK,aAAa,SAAS,SAAS;WACpC,OAAO;WACP,QAAQ;WACR,WAAU;WACV,CAAA,EACF,iBAAA,GAAA,kBAAA,KAAC,QAAD;WAAM,WAAU;qBACb,aAAa,SAAS,SAAS;WAC3B,CAAA,CACJ;;SACL,iBAAA,GAAA,kBAAA,KAAC,MAAD;UAAI,WAAU;oBACX,mBAAmB,aAAa,kBAAkB,GAAG;UACnD,CAAA;SACL,iBAAA,GAAA,kBAAA,KAAC,MAAD;UAAI,WAAU;oBACZ,iBAAA,GAAA,kBAAA,KAAC,QAAD;WAAM,WAAU;qBACb,eACC,aAAa,QAAQ,aAAa,SACnC;WACI,CAAA;UACJ,CAAA;SACL,iBAAA,GAAA,kBAAA,KAAC,MAAD;UAAI,WAAU;oBACZ,iBAAA,GAAA,kBAAA,KAAC,YAAD;WAAY,QAAQ,aAAa;qBAC9B,UAAU,aAAa,OAAO,IAAI,EAAE,iBAAiB;WAC3C,CAAA;UACV,CAAA;SACF;UAjCE,aAAa,mBAiCf,CACL;OAEE,CAAA;MACF;;IACJ,CAAA;GAEN,iBAAA,GAAA,kBAAA,KAACE,qBAAAA,kBAAD;IACe;IACD;IACF;IACE;IACZ,cAAc;IACX;IACH,CAAA;GACE;;;;;AC9RV,SAAgBC,0BAAwB,EACtC,YACA,qBACA,GACA,qBAC+B;AAe/B,6BAAA,4BAAA,GAAA,MAAA,eAZI,iBAAA,GAAA,kBAAA,KAACC,YAAAA,YAAD,EAAA,UACE,iBAAA,GAAA,kBAAA,KAACC,YAAAA,gBAAD;EAAgB,WAAU;YACxB,iBAAA,GAAA,kBAAA,KAACC,YAAAA,gBAAD,EAAA,UACE,iBAAA,GAAA,kBAAA,KAACC,YAAAA,gBAAD;GAAgB,WAAU;aAAgB;GAEzB,CAAA,EACF,CAAA;EACF,CAAA,EACN,CAAA,EAEf,EAAE,CACH,CAC4C;AAE7C,KAAI,kBACF,QACE,iBAAA,GAAA,kBAAA,KAAC,OAAD;EAAK,WAAU;YACb,iBAAA,GAAA,kBAAA,MAAC,OAAD;GAAK,WAAU;aAAf,CACE,iBAAA,GAAA,kBAAA,KAAC,OAAD,EAAK,WAAU,uCAAwC,CAAA,EACvD,iBAAA,GAAA,kBAAA,KAAC,OAAD,EAAK,WAAU,uCAAwC,CAAA,CACnD;;EACF,CAAA;AAIV,QACE,iBAAA,GAAA,kBAAA,KAAC,OAAD;EAAK,WAAU;YACb,iBAAA,GAAA,kBAAA,KAAC,mBAAD;GACc;GACS;GAClB;GACH,CAAA;EACE,CAAA;;;;ACtDV,MAAM,eAAuC;CAC3C,KAAK;CACL,QAAQ;CACR,UAAU;CACV,QAAQ;CACR,eAAe;CACf,SAAS;CACT,gBAAgB;CAChB,OAAO;CACP,QAAQ;CACR,wBAAwB;CACxB,gBAAgB;CAChB,OAAO;CACP,SAAS;CACT,UAAU;CACV,MAAM;CACN,YAAY;CACb;AAOD,SAAgB,wBAAwB,EACtC,YACA,qBACkD;CAClD,MAAM,sBAAsBC,4BAAAA,wBAAwB;CACpD,MAAM,EAAE,aAAaC,6BAAAA,kBAAkB;AAEvC,QACE,iBAAA,GAAA,kBAAA,KAAC,2BAAD;EAA2B,QAAQ;YACjC,iBAAA,GAAA,kBAAA,KAACC,2BAAD;GACc;GACO;GACnB,sBAAsB,sBACpB,SAAS,iBAAiB,oBAAoB;GAEhD,IAAI,QAAQ,aAAa,QAAQ;GACjC,CAAA;EACwB,CAAA;;;;ACxBhC,SAAgB,cAAc,EAC5B,OACA,aACA,mBAAmB,UACnB,mBAAmB,UACnB,MACA,SACA,aACqB;CACrB,MAAM,CAAC,WAAW,iBAAA,GAAA,MAAA,UAAyB,MAAM;CAEjD,MAAM,gBAAgB,YAAY;AAChC,MAAI;GACF,MAAM,SAAS,WAAW;AAC1B,OAAI,kBAAkB,SAAS;AAC7B,iBAAa,KAAK;AAClB,UAAM;;WAED,OAAO;AACd,WAAQ,MAAM,kCAAkC,MAAM;YAC9C;AACR,gBAAa,MAAM;AACnB,WAAQ,MAAM;;;AAIlB,QACE,iBAAA,GAAA,kBAAA,KAACC,YAAAA,aAAD;EAAmB;EAAM,eAAe,MAAM,CAAC,aAAa,QAAQ,EAAE;YACpE,iBAAA,GAAA,kBAAA,MAACC,YAAAA,oBAAD,EAAA,UAAA,CACE,iBAAA,GAAA,kBAAA,MAACC,YAAAA,mBAAD,EAAA,UAAA,CACE,iBAAA,GAAA,kBAAA,KAACC,YAAAA,kBAAD,EAAA,UAAmB,OAAyB,CAAA,EAC5C,iBAAA,GAAA,kBAAA,KAACC,YAAAA,wBAAD,EAAA,UAAyB,aAAqC,CAAA,CAC5C,EAAA,CAAA,EACpB,iBAAA,GAAA,kBAAA,MAACC,YAAAA,mBAAD,EAAA,UAAA,CACE,iBAAA,GAAA,kBAAA,KAACC,YAAAA,mBAAD;GAAmB,UAAU;aAC1B;GACiB,CAAA,EACpB,iBAAA,GAAA,kBAAA,KAACC,YAAAA,mBAAD;GACE,SAAS;GACT,UAAU;GACV,WAAU;aAET,YAAY,QAAQ;GACH,CAAA,CACF,EAAA,CAAA,CACD,EAAA,CAAA;EACT,CAAA;;;;ACxClB,SAAS,6BAA6B;AACpC,QACE,iBAAA,GAAA,kBAAA,MAAC,OAAD;EAAK,WAAU;YAAf,CAEE,iBAAA,GAAA,kBAAA,KAAC,OAAD;GAAK,WAAU;aACb,iBAAA,GAAA,kBAAA,MAAC,OAAD;IAAK,WAAU;cAAf;KACE,iBAAA,GAAA,kBAAA,KAACC,YAAAA,UAAD,EAAU,WAAU,iBAAkB,CAAA;KACtC,iBAAA,GAAA,kBAAA,MAAC,OAAD;MAAK,WAAU;gBAAf,CACE,iBAAA,GAAA,kBAAA,KAACA,YAAAA,UAAD,EAAU,WAAU,uBAAwB,CAAA,EAC5C,iBAAA,GAAA,kBAAA,KAACA,YAAAA,UAAD,EAAU,WAAU,uBAAwB,CAAA,CACxC;;KACN,iBAAA,GAAA,kBAAA,MAAC,OAAD;MAAK,WAAU;gBAAf,CACE,iBAAA,GAAA,kBAAA,KAACA,YAAAA,UAAD,EAAU,WAAU,qBAAsB,CAAA,EAC1C,iBAAA,GAAA,kBAAA,MAAC,OAAD;OAAK,WAAU;iBAAf;QACE,iBAAA,GAAA,kBAAA,KAACA,YAAAA,UAAD,EAAU,WAAU,aAAc,CAAA;QAClC,iBAAA,GAAA,kBAAA,KAACA,YAAAA,UAAD,EAAU,WAAU,aAAc,CAAA;QAClC,iBAAA,GAAA,kBAAA,KAACA,YAAAA,UAAD,EAAU,WAAU,aAAc,CAAA;QAC9B;SACF;;KACN,iBAAA,GAAA,kBAAA,MAAC,OAAD;MAAK,WAAU;gBAAf;OACE,iBAAA,GAAA,kBAAA,KAACA,YAAAA,UAAD,EAAU,WAAU,cAAe,CAAA;OACnC,iBAAA,GAAA,kBAAA,KAACA,YAAAA,UAAD,EAAU,WAAU,cAAe,CAAA;OACnC,iBAAA,GAAA,kBAAA,KAACA,YAAAA,UAAD,EAAU,WAAU,cAAe,CAAA;OAC/B;;KACF;;GACF,CAAA,EAEN,iBAAA,GAAA,kBAAA,KAAC,OAAD;GAAK,WAAU;aACb,iBAAA,GAAA,kBAAA,MAAC,OAAD;IAAK,WAAU;cAAf;KACE,iBAAA,GAAA,kBAAA,KAACA,YAAAA,UAAD,EAAU,WAAU,iBAAkB,CAAA;KACtC,iBAAA,GAAA,kBAAA,MAAC,OAAD;MAAK,WAAU;gBAAf,CACE,iBAAA,GAAA,kBAAA,KAACA,YAAAA,UAAD,EAAU,WAAU,uBAAwB,CAAA,EAC5C,iBAAA,GAAA,kBAAA,KAACA,YAAAA,UAAD,EAAU,WAAU,uBAAwB,CAAA,CACxC;;KACN,iBAAA,GAAA,kBAAA,MAAC,OAAD;MAAK,WAAU;gBAAf,CACE,iBAAA,GAAA,kBAAA,KAACA,YAAAA,UAAD,EAAU,WAAU,YAAa,CAAA,EACjC,iBAAA,GAAA,kBAAA,MAAC,OAAD;OAAK,WAAU;iBAAf,CACE,iBAAA,GAAA,kBAAA,KAACA,YAAAA,UAAD,EAAU,WAAU,uBAAwB,CAAA,EAC5C,iBAAA,GAAA,kBAAA,KAACA,YAAAA,UAAD,EAAU,WAAU,uBAAwB,CAAA,CACxC;SACF;;KACN,iBAAA,GAAA,kBAAA,MAAC,OAAD;MAAK,WAAU;gBAAf;OACE,iBAAA,GAAA,kBAAA,KAACA,YAAAA,UAAD,EAAU,WAAU,YAAa,CAAA;OACjC,iBAAA,GAAA,kBAAA,KAACA,YAAAA,UAAD,EAAU,WAAU,uBAAwB,CAAA;OAC5C,iBAAA,GAAA,kBAAA,KAACA,YAAAA,UAAD,EAAU,WAAU,uBAAwB,CAAA;OACxC;;KACF;;GACF,CAAA,CACF;;;AAMV,SAAS,yBAAyB,EAChC,gBAGC;CACD,MAAM,UAAU,aAAa;CAC7B,MAAM,UAAU,SAAS;CACzB,MAAM,WAAW,aAAa;CAC9B,MAAM,aAAa,eAAe,aAAa,QAAQ,SAAS;CAChE,MAAM,WACJ,aAAa,kBAAkB,OAC3B,aAAa,iBAAiB,aAAa,QAC3C;CACN,MAAM,WACJ,WAAW,IACP,eAAe,aAAa,iBAAiB,SAAS,GACtD;AAEN,QACE,iBAAA,GAAA,kBAAA,KAAC,WAAD;EAAS,WAAU;YACjB,iBAAA,GAAA,kBAAA,MAAC,OAAD;GAAK,WAAU;aAAf;IAEE,iBAAA,GAAA,kBAAA,MAAC,OAAD;KAAK,WAAU;eAAf,CACE,iBAAA,GAAA,kBAAA,KAAC,MAAD;MAAI,WAAU;gBAA2C;MAEpD,CAAA,EACL,iBAAA,GAAA,kBAAA,MAAC,OAAD;MAAK,WAAU;gBAAf,CACE,iBAAA,GAAA,kBAAA,MAAC,OAAD;OAAK,WAAU;iBAAf,CACE,iBAAA,GAAA,kBAAA,MAAC,OAAD;QAAK,WAAU;kBAAf,CACE,iBAAA,GAAA,kBAAA,KAAC,OAAD;SAAK,WAAU;mBAAqC;SAE9C,CAAA,EACN,iBAAA,GAAA,kBAAA,KAAC,OAAD;SAAK,WAAU;mBACZ,mBAAmB,aAAa;SAC7B,CAAA,CACF;WACN,iBAAA,GAAA,kBAAA,MAAC,OAAD;QAAK,WAAU;kBAAf,CACE,iBAAA,GAAA,kBAAA,KAAC,OAAD;SAAK,WAAU;mBAAqC;SAE9C,CAAA,EACN,iBAAA,GAAA,kBAAA,KAAC,OAAD;SAAK,WAAU;mBACZ,eAAe,aAAa,QAAQ,SAAS;SAC1C,CAAA,CACF;UACF;UACN,iBAAA,GAAA,kBAAA,KAAC,MAAD,EAAI,WAAU,sBAAuB,CAAA,CACjC;QACF;;IAGN,iBAAA,GAAA,kBAAA,KAAC,OAAD;KAAK,WAAU;eACb,iBAAA,GAAA,kBAAA,KAAC,OAAD;MAAK,WAAU;gBACb,iBAAA,GAAA,kBAAA,MAAC,OAAD;OAAK,WAAU;iBAAf,CACE,iBAAA,GAAA,kBAAA,KAAC,OAAD;QAAK,WAAU;kBACb,iBAAA,GAAA,kBAAA,MAAC,OAAD;SAAK,WAAU;mBAAf,CACG,SAAS,YACR,iBAAA,GAAA,kBAAA,KAAC,OAAD;UACE,KAAK,QAAQ;UACb,KAAK,SAAS,SAAS;UACvB,OAAO;UACP,QAAQ;UACR,WAAU;UACV,CAAA,GAEF,iBAAA,GAAA,kBAAA,KAAC,OAAD;UAAK,WAAU;oBAAuE;UAEhF,CAAA,EAEP,WAAW,KACV,iBAAA,GAAA,kBAAA,KAAC,QAAD;UAAM,WAAU;oBACb;UACI,CAAA,CAEL;;QACF,CAAA,EACN,iBAAA,GAAA,kBAAA,MAAC,OAAD;QAAK,WAAU;kBAAf;SACE,iBAAA,GAAA,kBAAA,KAAC,KAAD;UACE,WAAU;UACV,OAAO,SAAS;oBAEf,SAAS;UACR,CAAA;SACH,SAAS,SAAS,SAAS,SAC1B,iBAAA,GAAA,kBAAA,KAAC,KAAD;UAAG,WAAU;oBACV,QAAQ;UACP,CAAA;SAEN,iBAAA,GAAA,kBAAA,KAAC,OAAD,EAAA,UACE,iBAAA,GAAA,kBAAA,KAAC,KAAD;UAAG,WAAU;oBACV,eAAe,aAAa,QAAQ,SAAS;UAC5C,CAAA,EACA,CAAA;SACF;UACF;;MACF,CAAA;KACF,CAAA;IAGN,iBAAA,GAAA,kBAAA,MAAC,OAAD;KAAK,WAAU;eAAf;MACG,WAAW,KACV,iBAAA,GAAA,kBAAA,MAAA,kBAAA,UAAA,EAAA,UAAA,CACE,iBAAA,GAAA,kBAAA,MAAC,OAAD;OAAK,WAAU;iBAAf,CACE,iBAAA,GAAA,kBAAA,KAAC,KAAD;QAAG,WAAU;kBAA4C;QAErD,CAAA,EACJ,iBAAA,GAAA,kBAAA,KAAC,KAAD;QAAG,WAAU;kBACV;QACC,CAAA,CACA;UACN,iBAAA,GAAA,kBAAA,MAAC,OAAD;OAAK,WAAU;iBAAf,CACE,iBAAA,GAAA,kBAAA,KAAC,KAAD;QAAG,WAAU;kBAA4C;QAErD,CAAA,EACJ,iBAAA,GAAA,kBAAA,MAAC,KAAD;QAAG,WAAU;kBAAb,CAAyD,KACrD,eAAe,WAAW,SAAS,CACnC;UACA;SACL,EAAA,CAAA;MAEL,iBAAA,GAAA,kBAAA,MAAC,OAAD;OAAK,WAAU;iBAAf,CACE,iBAAA,GAAA,kBAAA,KAAC,KAAD;QAAG,WAAU;kBAA4C;QAAS,CAAA,EAClE,iBAAA,GAAA,kBAAA,KAAC,KAAD;QAAG,WAAU;kBACV,eAAe,aAAa,QAAQ,SAAS;QAC5C,CAAA,CACA;;MACN,iBAAA,GAAA,kBAAA,KAAC,QAAD;OAAM,WAAU;iBAAgC;OAEzC,CAAA;MACH;;IACF;;EACE,CAAA;;AAMd,SAAS,8BAA8B,EACrC,cACA,UACA,UACA,aACA,YACA,QACA,SACA,UACA,UACA,gBAYC;CACD,MAAM,OAAO,aAAa;CAC1B,MAAM,WAAW,aAAa;CAC9B,MAAM,aAAa,eAAe,aAAa,QAAQ,SAAS;CAEhE,MAAM,gBAAgB,aAAa;CACnC,MAAM,iBAAiB,eAAe;CAMtC,MAAM,oBACJ;AAEF,QACE,iBAAA,GAAA,kBAAA,KAAC,OAAD;EAAK,WAAU;YACb,iBAAA,GAAA,kBAAA,MAAC,OAAD;GAAK,WAAU;aAAf;IAEE,iBAAA,GAAA,kBAAA,MAAC,OAAD;KAAK,WAAU;eAAf,CACE,iBAAA,GAAA,kBAAA,KAAC,MAAD;MAAI,WAAU;gBAA+C;MAExD,CAAA,EACL,iBAAA,GAAA,kBAAA,MAAC,OAAD;MAAK,WAAU;gBAAf;OACG,YAAY,KAAK,kBAChB,iBAAA,GAAA,kBAAA,MAACC,YAAAA,QAAD;QACE,SAAQ;QACR,SAAS;QACT,UAAU,cAAc,CAAC,aAAa;QACtC,WAAW;kBAJb,CAME,iBAAA,GAAA,kBAAA,KAACC,aAAAA,aAAD,EAAa,WAAU,oBAAqB,CAAA,EAC5C,iBAAA,GAAA,kBAAA,KAAC,QAAD;SAAM,WAAU;mBAAW;SAAsB,CAAA,CAC1C;;OAEV,YACC,iBAAA,GAAA,kBAAA,MAACD,YAAAA,QAAD;QACE,SAAQ;QACR,SAAS;QACT,UAAU;QACV,WAAW;kBAJb,CAME,iBAAA,GAAA,kBAAA,KAACE,aAAAA,OAAD,EAAO,WAAU,oBAAqB,CAAA,EACtC,iBAAA,GAAA,kBAAA,KAAC,QAAD;SAAM,WAAU;mBAAW;SAAyB,CAAA,CAC7C;;OAEV,YACC,iBAAA,GAAA,kBAAA,MAACF,YAAAA,QAAD;QACE,SAAQ;QACR,SAAS;QACT,UAAU;QACV,WAAW;kBAJb,CAME,iBAAA,GAAA,kBAAA,KAACG,aAAAA,MAAD,EAAM,WAAU,oBAAqB,CAAA,EACrC,iBAAA,GAAA,kBAAA,KAAC,QAAD;SAAM,WAAU;mBAAW;SAA0B,CAAA,CAC9C;;OAEX,iBAAA,GAAA,kBAAA,MAACH,YAAAA,QAAD;QACE,SAAQ;QACR,SAAS;QACT,UAAU,cAAc;QACxB,WAAW;kBAJb,CAME,iBAAA,GAAA,kBAAA,KAACI,aAAAA,SAAD,EAAS,WAAU,oBAAqB,CAAA,EACxC,iBAAA,GAAA,kBAAA,KAAC,QAAD;SAAM,WAAU;mBACb,cAAc,cAAc;SACxB,CAAA,CACA;;OACR,eACC,iBAAA,GAAA,kBAAA,MAACJ,YAAAA,QAAD;QACE,SAAQ;QACR,SAAS;QACT,UAAU;QACV,WAAW;kBAJb,CAME,iBAAA,GAAA,kBAAA,KAACK,aAAAA,WAAD,EAAW,WAAU,oBAAqB,CAAA,EAC1C,iBAAA,GAAA,kBAAA,KAAC,QAAD;SAAM,WAAU;mBAAW;SAA8B,CAAA,CAClD;;OAEP;QACF;;IAGN,iBAAA,GAAA,kBAAA,MAAC,OAAD;KAAK,WAAU;eAAf,CACE,iBAAA,GAAA,kBAAA,MAAC,OAAD;MAAK,WAAU;gBAAf,CACE,iBAAA,GAAA,kBAAA,KAAC,MAAD;OAAI,WAAU;iBAA0C;OAEnD,CAAA,EACL,iBAAA,GAAA,kBAAA,KAAC,YAAD;OAAY,QAAQ,aAAa;iBAC9B,UAAU,aAAa,OAAO;OACpB,CAAA,CACT;SACN,iBAAA,GAAA,kBAAA,MAAC,OAAD;MAAK,WAAU;gBAAf;OACE,iBAAA,GAAA,kBAAA,MAAC,OAAD;QAAK,WAAU;kBAAf,CACE,iBAAA,GAAA,kBAAA,KAAC,OAAD;SAAK,WAAU;mBAAgC;SAEzC,CAAA,EACN,iBAAA,GAAA,kBAAA,KAAC,OAAD;SAAK,WAAU;mBACZ,4BAA4B,KAAK,sBAAsB;SACpD,CAAA,CACF;;OACN,iBAAA,GAAA,kBAAA,MAAC,OAAD;QAAK,WAAU;kBAAf,CACE,iBAAA,GAAA,kBAAA,KAAC,OAAD;SAAK,WAAU;mBAAgC;SAAkB,CAAA,EACjE,iBAAA,GAAA,kBAAA,KAAC,OAAD;SAAK,WAAU;mBAA+B;SAAiB,CAAA,CAC3D;;OACL,aAAa,kBACZ,iBAAA,GAAA,kBAAA,MAAC,OAAD;QAAK,WAAU;kBAAf,CACE,iBAAA,GAAA,kBAAA,KAAC,OAAD;SAAK,WAAU;mBAAgC;SAAiB,CAAA,EAChE,iBAAA,GAAA,kBAAA,KAAC,OAAD;SAAK,WAAU;mBACZ,WAAW,aAAa,eAAe;SACpC,CAAA,CACF;;OAEJ;QACF;;IAGN,iBAAA,GAAA,kBAAA,MAAC,OAAD;KAAK,WAAU;eAAf,CACE,iBAAA,GAAA,kBAAA,KAAC,MAAD;MAAI,WAAU;gBAA0C;MAEnD,CAAA,EACL,iBAAA,GAAA,kBAAA,MAAC,OAAD;MAAK,WAAU;gBAAf,CAEG,aAAa,WACZ,iBAAA,GAAA,kBAAA,MAAC,OAAD;OAAK,WAAU;iBAAf,CACE,iBAAA,GAAA,kBAAA,KAAC,OAAD;QAAK,WAAU;kBAA0C;QAEnD,CAAA,EACN,iBAAA,GAAA,kBAAA,MAAC,OAAD;QAAK,WAAU;kBAAf;SACE,iBAAA,GAAA,kBAAA,KAAC,KAAD;UAAG,WAAU;oBAAe,aAAa,QAAQ;UAAS,CAAA;SAC1D,iBAAA,GAAA,kBAAA,KAAC,KAAD,EAAA,UAAI,aAAa,QAAQ,UAAa,CAAA;SACrC,aAAa,QAAQ,YACpB,iBAAA,GAAA,kBAAA,KAAC,KAAD,EAAA,UAAI,aAAa,QAAQ,UAAa,CAAA;SAExC,iBAAA,GAAA,kBAAA,MAAC,KAAD,EAAA,UAAA;UACG,CAAC,aAAa,QAAQ,MAAM,aAAa,QAAQ,MAAM,CACrD,OAAO,QAAQ,CACf,KAAK,KAAK;UAAE;UACd,aAAa,QAAQ;UACpB,EAAA,CAAA;SACH,aAAa,QAAQ,gBACpB,iBAAA,GAAA,kBAAA,KAAC,KAAD,EAAA,UAAI,aAAa,QAAQ,cAAiB,CAAA;SAExC;UACF;UAIP,iBACC,iBAAA,GAAA,kBAAA,MAAC,OAAD;OAAK,WAAU;iBAAf,CACE,iBAAA,GAAA,kBAAA,KAAC,OAAD;QAAK,WAAU;kBAAqC;QAE9C,CAAA,EACN,iBAAA,GAAA,kBAAA,MAAC,OAAD;QAAK,WAAU;kBAAf,CACG,gBAAgB,YACf,iBAAA,GAAA,kBAAA,KAAC,OAAD;SACE,KAAK,eAAe;SACpB,KAAK,eAAe,aAAa;SACjC,WAAU;SACV,CAAA,EAEJ,iBAAA,GAAA,kBAAA,MAAC,QAAD;SAAM,WAAU;mBAAhB,CACG,gBAAgB,YACb,UAAU,eAAe,UAAU,GACnC,cAAc,cACjB,gBAAgB,QACb,cAAc,eAAe,UAC7B,GACC;WACH;UACF;SAEJ;QACF;;IAGL,aAAa,OAAO,SAAS,KAC5B,iBAAA,GAAA,kBAAA,MAAC,OAAD;KAAK,WAAU;eAAf,CACE,iBAAA,GAAA,kBAAA,KAAC,MAAD;MAAI,WAAU;gBAA+C;MAExD,CAAA,EACL,iBAAA,GAAA,kBAAA,KAAC,OAAD;MAAK,WAAU;gBACb,iBAAA,GAAA,kBAAA,MAAC,SAAD;OAAO,WAAU;iBAAjB,CACE,iBAAA,GAAA,kBAAA,KAAC,SAAD,EAAA,UACE,iBAAA,GAAA,kBAAA,MAAC,MAAD,EAAA,UAAA;QACE,iBAAA,GAAA,kBAAA,KAAC,MAAD;SAAI,WAAU;mBAAwD;SAEjE,CAAA;QACL,iBAAA,GAAA,kBAAA,KAAC,MAAD;SAAI,WAAU;mBAAwD;SAEjE,CAAA;QACL,iBAAA,GAAA,kBAAA,KAAC,MAAD;SAAI,WAAU;mBAAwD;SAEjE,CAAA;QACL,iBAAA,GAAA,kBAAA,KAAC,MAAD;SAAI,WAAU;mBAAyD;SAElE,CAAA;QACF,EAAA,CAAA,EACC,CAAA,EACR,iBAAA,GAAA,kBAAA,KAAC,SAAD;QAAO,WAAU;kBACd,aAAa,OAAO,KAAK,UACxB,iBAAA,GAAA,kBAAA,MAAC,MAAD,EAAA,UAAA;SACE,iBAAA,GAAA,kBAAA,KAAC,MAAD;UAAI,WAAU;oBACX,MAAM,gBAAgB,IAAI,MAAM;UAC9B,CAAA;SACL,iBAAA,GAAA,kBAAA,KAAC,MAAD;UAAI,WAAU;oBACX,WAAW,MAAM,WAAW,MAAM,IAAI,CAAC,MAAM,GAAG;UAC9C,CAAA;SACL,iBAAA,GAAA,kBAAA,KAAC,MAAD;UAAI,WAAU;oBACZ,iBAAA,GAAA,kBAAA,KAAC,YAAD;WAAY,QAAQ,MAAM;qBACvB,UAAU,MAAM,OAAO;WACb,CAAA;UACV,CAAA;SACL,iBAAA,GAAA,kBAAA,KAAC,MAAD;UAAI,WAAU;oBACX,MAAM,UAAU,OACb,eAAe,OAAO,MAAM,OAAO,CAAC,GACpC;UACD,CAAA;SACF,EAAA,EAjBI,MAAM,GAiBV,CACL;QACI,CAAA,CACF;;MACJ,CAAA,CACF;;IAEJ;;EACF,CAAA;;AAMV,SAAgB,mBAAmB,EACjC,OACA,YACA,SACA,WACA,mBAC8C;CAC9C,MAAM,CAAC,iBAAiB,uBAAA,GAAA,MAAA,UAA+B,MAAM;CAE7D,MAAM,EAAE,MAAM,WAAW,UAAU,gBAAgB,MAAM;CACzD,MAAM,eAAe,MAAM;CAC3B,MAAM,aAAa,cAAc,UAAU,MAAM;CAEjD,MAAM,gBAAgB,qBAAqB;EACzC,iBAAiB,YAAY,sBAAsB;EACnD,UAAU,QACR,kBAAkB,gCAAgC,IAAI;EACzD,CAAC;CAEF,MAAM,iBAAiB,sBAAsB;EAC3C,iBAAiB,YAAY,uBAAuB;EACpD,UAAU,QACR,kBAAkB,iCAAiC,IAAI;EAC1D,CAAC;CAEF,MAAM,eAAe,oBAAoB;EACvC,iBAAiB,YAAY,uBAAuB;EACpD,UAAU,QAAiB,kBAAkB,0BAA0B,IAAI;EAC5E,CAAC;CAEF,MAAM,iBAAiB,sBAAsB;EAC3C,iBAAiB;AACf,eAAY,yBAAyB;AACrC,sBAAmB,MAAM;;EAE3B,UAAU,QACR,kBAAkB,iCAAiC,IAAI;EAC1D,CAAC;CAEF,MAAM,qBAAqB,0BAA0B;EACnD,iBAAiB,YAAY,2BAA2B;EACxD,UAAU,QACR,kBAAkB,qCAAqC,IAAI;EAC9D,CAAC;AAEF,EAAA,GAAA,MAAA,iBAAgB;AACd,MAAI,CAAC,aAAa,MAChB,WAAU,MAAe;IAE1B;EAAC;EAAW;EAAO;EAAQ,CAAC;AAE/B,EAAA,GAAA,MAAA,iBAAgB;AACd,MAAI,CAAC,aAAa,CAAC,SAAS,CAAC,aAC3B,eAAc;IAEf;EAAC;EAAW;EAAO;EAAc;EAAW,CAAC;AAEhD,KAAI,UACF,QAAO,iBAAA,GAAA,kBAAA,KAAC,4BAAD,EAA8B,CAAA;AAGvC,KAAI,CAAC,aACH,QAAO;CAGT,MAAM,OAAO,aAAa;CAC1B,MAAM,WAAW,aAAa,WAAW;CACzC,MAAM,WAAW,aAAa,WAAW;CACzC,MAAM,cAAc,aAAa,WAAW;CAC5C,MAAM,aACJ,cAAc,aACd,eAAe,aACf,aAAa,aACb,eAAe,aACf,mBAAmB;CAErB,MAAM,oBAAoB;AACxB,gBAAc,OAAO;GACnB,mBAAmB;GACnB,aAAa,EAAE,YAAY;GAC5B,CAAC;;CAGJ,MAAM,qBAAqB;EACzB,MAAM,eAAe,sBACnB,KAAK,kBACL,KAAK,sBACN;AACD,iBAAe,OAAO;GACpB,mBAAmB;GACnB,cAAc;IAAE;IAAY;IAAc;GAC3C,CAAC;;CAGJ,MAAM,mBAAmB;EACvB,MAAM,eAAe,sBACnB,KAAK,kBACL,KAAK,sBACN;AACD,eAAa,OAAO;GAClB,mBAAmB;GACnB,YAAY;IAAE;IAAY;IAAc;GACzC,CAAC;;CAGJ,MAAM,qBAAqB;AACzB,iBAAe,OAAO;GAAE,mBAAmB;GAAO;GAAY,CAAC;;CAGjE,MAAM,yBAAyB;AAC7B,qBAAmB,OAAO;GACxB,mBAAmB;GACnB,kBAAkB,EAAE;GACrB,CAAC;;AAGJ,QACE,iBAAA,GAAA,kBAAA,MAAA,kBAAA,UAAA,EAAA,UAAA,CACE,iBAAA,GAAA,kBAAA,MAAC,OAAD;EAAK,WAAU;YAAf,CACE,iBAAA,GAAA,kBAAA,KAAC,0BAAD,EAAwC,cAAgB,CAAA,EACxD,iBAAA,GAAA,kBAAA,KAAC,+BAAD;GACgB;GACJ;GACA;GACG;GACD;GACZ,QAAQ;GACR,SAAS;GACT,UAAU;GACV,gBAAgB,mBAAmB,KAAK;GACxC,cAAc;GACd,CAAA,CACE;KACN,iBAAA,GAAA,kBAAA,KAAC,eAAD;EACE,OAAM;EACN,kBAAiB;EACjB,aAAY;EACZ,MAAM;EACN,SAAS;EACT,WAAW;EACX,CAAA,CACD,EAAA,CAAA;;;;AC9kBP,SAAgBC,2BAAyB,EACvC,OACA,kBACA,YACA,SACA,WACA,mBACgC;AA2BhC,6BAAA,4BAAA,GAAA,MAAA,eAxBI,iBAAA,GAAA,kBAAA,KAACC,YAAAA,YAAD,EAAA,UACE,iBAAA,GAAA,kBAAA,MAACC,YAAAA,gBAAD;EAAgB,WAAU;YAA1B;GACE,iBAAA,GAAA,kBAAA,KAACC,YAAAA,gBAAD,EAAA,UACE,iBAAA,GAAA,kBAAA,KAACC,YAAAA,gBAAD;IACE,MAAK;IACL,UAAU,MAAM;AACd,OAAE,gBAAgB;AAClB,uBAAkB;;cAErB;IAEgB,CAAA,EACF,CAAA;GACjB,iBAAA,GAAA,kBAAA,KAACC,YAAAA,qBAAD,EAAuB,CAAA;GACvB,iBAAA,GAAA,kBAAA,KAACF,YAAAA,gBAAD,EAAA,UACE,iBAAA,GAAA,kBAAA,MAACG,YAAAA,gBAAD;IAAgB,WAAU;cAA1B,CAA0C,kBACzB,MACA;OACF,CAAA;GACF;KACN,CAAA,EAEf,CAAC,OAAO,iBAAiB,CAC1B,CAC4C;AAE7C,QACE,iBAAA,GAAA,kBAAA,KAAC,OAAD;EAAK,WAAU;YACb,iBAAA,GAAA,kBAAA,KAAC,oBAAD;GACS;GACK;GACH;GACE;GACM;GACjB,CAAA;EACE,CAAA;;;;AC1DV,SAAgB,yBAAyB,EACvC,OACA,WACmD;CACnD,MAAM,SAASC,4BAAAA,wBAAwB;CACvC,MAAM,EAAE,aAAaC,6BAAAA,kBAAkB;AAEvC,QACE,iBAAA,GAAA,kBAAA,KAAC,2BAAD;EAAmC;YACjC,iBAAA,GAAA,kBAAA,KAACC,4BAAD;GACS;GACP,wBAAwB,SAAS,gBAAgB;GACjD,kBAAkB;AAChB,YAAQ,0BAA0B,UAAU;AAC5C,aAAS,gBAAgB;;GAE3B,UAAU,QAAQ;AAGhB,YAAQ,gCADN,eAAe,QAAQ,IAAI,UAAU,uBACY,QAAQ;;GAE7D,YAAY,YAAY;AACtB,YAAQ,SAAS,UAAU;;GAE7B,kBAAkB,SAAS,QAAQ;AAGjC,YAAQ,GAAG,QAAQ,IADjB,eAAe,QAAQ,IAAI,UAAU,uBACN,QAAQ;;GAE3C,CAAA;EACwB,CAAA;;;;AClBhC,SAAS,aAAa,SAAiB,MAAuC;AAC5E,KAAI,SAAS,WAAW,SAAS,UAC/B,SAAQ,KAAK,mBAAmB,QAAQ;KAExC,SAAQ,KAAK,mBAAmB,QAAQ;;AAI5C,SAAgB,oBAAoB,EAClC,SAEA,YACA,WACA,aACA,SACA,cAEA,GAAG,YAC2C;CAC9C,MAAM,EAAE,gBAAgBC,6BAAAA,kBAAkB;CAC1C,MAAM,iBAAiB,WAAW;CAGlC,MAAM,cAAc,YAAY,MAAM,IAAI,CAAC;CAC3C,MAAM,eAAe,gBAAgB,KAAA;CAErC,MAAM,EAAE,YAAY,mBAAmB,oBAAoBC,6BAAAA,mBACzD,EAAE,SAAS,CAAC,cAAc,CAC3B;AAED,KAAI,aACF,QACE,iBAAA,GAAA,kBAAA,KAAC,OAAD;EAAK,GAAI;YACP,iBAAA,GAAA,kBAAA,KAAC,0BAAD;GACE,OAAO;GACP,SAAS;GACT,CAAA;EACE,CAAA;AAIV,KAAI,mBAAmB,CAAC,kBACtB,QACE,iBAAA,GAAA,kBAAA,KAAC,OAAD;EAAK,GAAI;YACP,iBAAA,GAAA,kBAAA,KAAC,OAAD;GAAK,WAAU;aAAsD;GAE/D,CAAA;EACF,CAAA;AAIV,QACE,iBAAA,GAAA,kBAAA,KAAC,OAAD;EAAK,GAAI;YACP,iBAAA,GAAA,kBAAA,KAAC,yBAAD;GACc;GACO;GACnB,CAAA;EACE,CAAA;;AAIV,MAAa,oCAA0D;CACrE,YAAY;CACZ,aAAa;CACb,YAAY,CAAC;EAAE,IAAI;EAAW,OAAO;EAAW,CAAC;CACjD,QAAQ,EAAE;CACX"}

package/dist/{UpgradeScreen-D0WA4npm.cjs → UpgradeScreen-BbP-0Pcg.cjs}

@@ -133,4 +133,4 @@ Object.defineProperty(exports, "upgradeScreenPropertySchema", {
 	}
 });
 
-//# sourceMappingURL=UpgradeScreen-D0WA4npm.cjs.map
+//# sourceMappingURL=UpgradeScreen-BbP-0Pcg.cjs.map

package/dist/{UpgradeScreen-D0WA4npm.cjs.map → UpgradeScreen-BbP-0Pcg.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"UpgradeScreen-D0WA4npm.cjs","names":["Sparkles","Phone","MessagesSquare","CalendarMinus","MessageSquareHeart","Card","CardHeader","CardTitle","CardDescription","Button"],"sources":["../../pro-upgrade-ui/src/lib/cn.ts","../../pro-upgrade-ui/src/components/PortalProUpgradeScreen.tsx","../src/screens/UpgradeScreen.tsx"],"sourcesContent":["import { clsx, type ClassValue } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs));\n}\n","import {\n  Sparkles,\n  Phone,\n  MessagesSquare,\n  CalendarMinus,\n  MessageSquareHeart,\n  type LucideIcon,\n} from \"lucide-react\";\nimport {\n  Button,\n  Card,\n  CardDescription,\n  CardHeader,\n  CardTitle,\n} from \"@fluid-app/ui-primitives\";\nimport { cn } from \"../lib/cn\";\n\nexport interface PortalProUpgradeScreenProps {\n  onJoinWaitlist: () => void;\n  waitlistLoading?: boolean;\n  className?: string;\n}\n\ninterface Feature {\n  icon: LucideIcon;\n  title: string;\n  description: string;\n}\n\nconst FEATURES: Feature[] = [\n  {\n    icon: Sparkles,\n    title: \"Generative AI\",\n    description: \"Get quick drafts and creative messaging help.\",\n  },\n  {\n    icon: Phone,\n    title: \"Business phone number\",\n    description: \"Look professional with a dedicated client line.\",\n  },\n  {\n    icon: MessagesSquare,\n    title: \"Mass Messaging\",\n    description: \"Save time by messaging multiple clients at once.\",\n  },\n  {\n    icon: CalendarMinus,\n    title: \"Scheduled messages\",\n    description: \"Plan ahead and schedule messages easily.\",\n  },\n  {\n    icon: MessageSquareHeart,\n    title: \"Unified messaging\",\n    description: \"Combine email, SMS, and internal messages.\",\n  },\n];\n\nfunction FeatureCard({ icon: Icon, title, description }: Feature) {\n  return (\n    <Card className=\"bg-background text-foreground h-auto gap-0 border-none py-4\">\n      <CardHeader className=\"gap-3 px-4\">\n        <Icon className=\"size-6\" strokeWidth={1.5} />\n        <CardTitle className=\"text-sm font-bold\">{title}</CardTitle>\n        <CardDescription className=\"text-xs\">{description}</CardDescription>\n      </CardHeader>\n    </Card>\n  );\n}\n\nexport function PortalProUpgradeScreen({\n  onJoinWaitlist,\n  waitlistLoading = false,\n  className,\n}: PortalProUpgradeScreenProps) {\n  return (\n    <div\n      className={cn(\n        \"relative flex h-full w-full flex-col overflow-hidden md:flex-row\",\n        className,\n      )}\n    >\n      {/* Pastel gradient background */}\n      <div className=\"pointer-events-none absolute inset-0 rounded-xl bg-linear-[33deg,rgba(8,148,255,0.2)_4.5%,rgba(201,89,221,0.2)_24.5%,rgba(255,46,84,0.2)_54.6%,rgba(255,144,4,0.2)_69.2%,rgba(255,255,255,0.2)_76.4%] blur-[125px]\" />\n\n      {/* Hero collage - absolute, behind everything, fades right and bottom */}\n      <img\n        src=\"https://ik.imagekit.io/fluid/980191006/images/HW87RR/hero-collage_O6DCdkFib.png\"\n        alt=\"People using the app with push notifications\"\n        className=\"pointer-events-none absolute top-0 left-0 h-full w-full mask-b-from-20% mask-b-to-30% object-contain object-left-top md:w-4/5 md:mask-r-from-50% md:mask-r-to-70% md:mask-b-from-60% md:mask-b-to-80%\"\n      />\n\n      {/* Left Section - Logo & CTA */}\n      <div className=\"relative flex w-full shrink-0 flex-col items-center justify-end px-8 pt-40 md:w-1/2 md:pt-0 md:pb-10\">\n        <div className=\"flex flex-col items-center gap-4\">\n          <img\n            src=\"https://ik.imagekit.io/fluid/980191006/images/ZYT78J/co-founder-badge_NcorZNlUY.png\"\n            alt=\"Coming Soon - Co-Founder\"\n            className=\"h-auto w-120 object-contain\"\n          />\n          {/* TODO: This is currently hidden until we actually have a way to waitlist someone */}\n          <Button\n            className=\"hidden w-full md:w-auto\"\n            size=\"xl\"\n            onClick={onJoinWaitlist}\n            disabled={waitlistLoading}\n          >\n            {waitlistLoading ? \"Joining...\" : \"Join Waitlist\"}\n          </Button>\n        </div>\n      </div>\n\n      {/* Right Section - Content */}\n      <div className=\"relative flex min-w-0 flex-1 flex-col gap-6 overflow-y-auto px-8 pt-8 md:pt-16 md:pr-5 md:pb-5 md:pl-10\">\n        <div className=\"flex shrink-0 flex-col gap-2.5\">\n          <h1 className=\"text-3xl leading-tight font-semibold tracking-tight text-black md:text-5xl\">\n            It's like having an\n            <br />\n            assistant in your pocket\n          </h1>\n          <p className=\"text-sm leading-5 font-medium text-black\">\n            Upgrade your business\n          </p>\n        </div>\n        <div className=\"flex flex-col gap-4 pb-4\">\n          {FEATURES.map((feature) => (\n            <FeatureCard key={feature.title} {...feature} />\n          ))}\n        </div>\n      </div>\n    </div>\n  );\n}\n","import type { WidgetPropertySchema } from \"../registries/property-schema-types\";\nimport { PortalProUpgradeScreen } from \"@fluid-app/portal-pro-upgrade-ui\";\n\nexport const upgradeScreenPropertySchema = {\n  widgetType: \"UpgradeScreen\",\n  displayName: \"Upgrade Screen\",\n  fields: [],\n} as const satisfies WidgetPropertySchema;\n\nexport function UpgradeScreen(): React.JSX.Element {\n  return (\n    <PortalProUpgradeScreen\n      onJoinWaitlist={() => {\n        // TODO: Wire up to waitlist API\n      }}\n    />\n  );\n}\n"],"mappings":";;;;;;;AAGA,SAAgB,GAAG,GAAG,QAAsB;AAC1C,SAAA,GAAA,eAAA,UAAA,GAAA,KAAA,MAAoB,OAAO,CAAC;;;;ACyB9B,MAAM,WAAsB;CAC1B;EACE,MAAMA,aAAAA;EACN,OAAO;EACP,aAAa;EACd;CACD;EACE,MAAMC,aAAAA;EACN,OAAO;EACP,aAAa;EACd;CACD;EACE,MAAMC,aAAAA;EACN,OAAO;EACP,aAAa;EACd;CACD;EACE,MAAMC,aAAAA;EACN,OAAO;EACP,aAAa;EACd;CACD;EACE,MAAMC,aAAAA;EACN,OAAO;EACP,aAAa;EACd;CACF;AAED,SAAS,YAAY,EAAE,MAAM,MAAM,OAAO,eAAwB;AAChE,QACE,iBAAA,GAAA,kBAAA,KAACC,YAAAA,MAAD;EAAM,WAAU;YACd,iBAAA,GAAA,kBAAA,MAACC,YAAAA,YAAD;GAAY,WAAU;aAAtB;IACE,iBAAA,GAAA,kBAAA,KAAC,MAAD;KAAM,WAAU;KAAS,aAAa;KAAO,CAAA;IAC7C,iBAAA,GAAA,kBAAA,KAACC,YAAAA,WAAD;KAAW,WAAU;eAAqB;KAAkB,CAAA;IAC5D,iBAAA,GAAA,kBAAA,KAACC,YAAAA,iBAAD;KAAiB,WAAU;eAAW;KAA8B,CAAA;IACzD;;EACR,CAAA;;AAIX,SAAgB,uBAAuB,EACrC,gBACA,kBAAkB,OAClB,aAC8B;AAC9B,QACE,iBAAA,GAAA,kBAAA,MAAC,OAAD;EACE,WAAW,GACT,oEACA,UACD;YAJH;GAOE,iBAAA,GAAA,kBAAA,KAAC,OAAD,EAAK,WAAU,sNAAuN,CAAA;GAGtO,iBAAA,GAAA,kBAAA,KAAC,OAAD;IACE,KAAI;IACJ,KAAI;IACJ,WAAU;IACV,CAAA;GAGF,iBAAA,GAAA,kBAAA,KAAC,OAAD;IAAK,WAAU;cACb,iBAAA,GAAA,kBAAA,MAAC,OAAD;KAAK,WAAU;eAAf,CACE,iBAAA,GAAA,kBAAA,KAAC,OAAD;MACE,KAAI;MACJ,KAAI;MACJ,WAAU;MACV,CAAA,EAEF,iBAAA,GAAA,kBAAA,KAACC,YAAAA,QAAD;MACE,WAAU;MACV,MAAK;MACL,SAAS;MACT,UAAU;gBAET,kBAAkB,eAAe;MAC3B,CAAA,CACL;;IACF,CAAA;GAGN,iBAAA,GAAA,kBAAA,MAAC,OAAD;IAAK,WAAU;cAAf,CACE,iBAAA,GAAA,kBAAA,MAAC,OAAD;KAAK,WAAU;eAAf,CACE,iBAAA,GAAA,kBAAA,MAAC,MAAD;MAAI,WAAU;gBAAd;OAA2F;OAEzF,iBAAA,GAAA,kBAAA,KAAC,MAAD,EAAM,CAAA;;OAEH;SACL,iBAAA,GAAA,kBAAA,KAAC,KAAD;MAAG,WAAU;gBAA2C;MAEpD,CAAA,CACA;QACN,iBAAA,GAAA,kBAAA,KAAC,OAAD;KAAK,WAAU;eACZ,SAAS,KAAK,YACb,iBAAA,GAAA,kBAAA,KAAC,aAAD,EAAiC,GAAI,SAAW,EAA9B,QAAQ,MAAsB,CAChD;KACE,CAAA,CACF;;GACF;;;;;AC9HV,MAAa,8BAA8B;CACzC,YAAY;CACZ,aAAa;CACb,QAAQ,EAAE;CACX;AAED,SAAgB,gBAAmC;AACjD,QACE,iBAAA,GAAA,kBAAA,KAAC,wBAAD,EACE,sBAAsB,IAGtB,CAAA"}
+{"version":3,"file":"UpgradeScreen-BbP-0Pcg.cjs","names":["Sparkles","Phone","MessagesSquare","CalendarMinus","MessageSquareHeart","Card","CardHeader","CardTitle","CardDescription","Button"],"sources":["../../pro-upgrade-ui/src/lib/cn.ts","../../pro-upgrade-ui/src/components/PortalProUpgradeScreen.tsx","../src/screens/UpgradeScreen.tsx"],"sourcesContent":["import { clsx, type ClassValue } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs));\n}\n","import {\n  Sparkles,\n  Phone,\n  MessagesSquare,\n  CalendarMinus,\n  MessageSquareHeart,\n  type LucideIcon,\n} from \"lucide-react\";\nimport {\n  Button,\n  Card,\n  CardDescription,\n  CardHeader,\n  CardTitle,\n} from \"@fluid-app/ui-primitives\";\nimport { cn } from \"../lib/cn\";\n\nexport interface PortalProUpgradeScreenProps {\n  onJoinWaitlist: () => void;\n  waitlistLoading?: boolean;\n  className?: string;\n}\n\ninterface Feature {\n  icon: LucideIcon;\n  title: string;\n  description: string;\n}\n\nconst FEATURES: Feature[] = [\n  {\n    icon: Sparkles,\n    title: \"Generative AI\",\n    description: \"Get quick drafts and creative messaging help.\",\n  },\n  {\n    icon: Phone,\n    title: \"Business phone number\",\n    description: \"Look professional with a dedicated client line.\",\n  },\n  {\n    icon: MessagesSquare,\n    title: \"Mass Messaging\",\n    description: \"Save time by messaging multiple clients at once.\",\n  },\n  {\n    icon: CalendarMinus,\n    title: \"Scheduled messages\",\n    description: \"Plan ahead and schedule messages easily.\",\n  },\n  {\n    icon: MessageSquareHeart,\n    title: \"Unified messaging\",\n    description: \"Combine email, SMS, and internal messages.\",\n  },\n];\n\nfunction FeatureCard({ icon: Icon, title, description }: Feature) {\n  return (\n    <Card className=\"bg-background text-foreground h-auto gap-0 border-none py-4\">\n      <CardHeader className=\"gap-3 px-4\">\n        <Icon className=\"size-6\" strokeWidth={1.5} />\n        <CardTitle className=\"text-sm font-bold\">{title}</CardTitle>\n        <CardDescription className=\"text-xs\">{description}</CardDescription>\n      </CardHeader>\n    </Card>\n  );\n}\n\nexport function PortalProUpgradeScreen({\n  onJoinWaitlist,\n  waitlistLoading = false,\n  className,\n}: PortalProUpgradeScreenProps) {\n  return (\n    <div\n      className={cn(\n        \"relative flex h-full w-full flex-col overflow-hidden md:flex-row\",\n        className,\n      )}\n    >\n      {/* Pastel gradient background */}\n      <div className=\"pointer-events-none absolute inset-0 rounded-xl bg-linear-[33deg,rgba(8,148,255,0.2)_4.5%,rgba(201,89,221,0.2)_24.5%,rgba(255,46,84,0.2)_54.6%,rgba(255,144,4,0.2)_69.2%,rgba(255,255,255,0.2)_76.4%] blur-[125px]\" />\n\n      {/* Hero collage - absolute, behind everything, fades right and bottom */}\n      <img\n        src=\"https://ik.imagekit.io/fluid/980191006/images/HW87RR/hero-collage_O6DCdkFib.png\"\n        alt=\"People using the app with push notifications\"\n        className=\"pointer-events-none absolute top-0 left-0 h-full w-full mask-b-from-20% mask-b-to-30% object-contain object-left-top md:w-4/5 md:mask-r-from-50% md:mask-r-to-70% md:mask-b-from-60% md:mask-b-to-80%\"\n      />\n\n      {/* Left Section - Logo & CTA */}\n      <div className=\"relative flex w-full shrink-0 flex-col items-center justify-end px-8 pt-40 md:w-1/2 md:pt-0 md:pb-10\">\n        <div className=\"flex flex-col items-center gap-4\">\n          <img\n            src=\"https://ik.imagekit.io/fluid/980191006/images/ZYT78J/co-founder-badge_NcorZNlUY.png\"\n            alt=\"Coming Soon - Co-Founder\"\n            className=\"h-auto w-120 object-contain\"\n          />\n          {/* TODO: This is currently hidden until we actually have a way to waitlist someone */}\n          <Button\n            className=\"hidden w-full md:w-auto\"\n            size=\"xl\"\n            onClick={onJoinWaitlist}\n            disabled={waitlistLoading}\n          >\n            {waitlistLoading ? \"Joining...\" : \"Join Waitlist\"}\n          </Button>\n        </div>\n      </div>\n\n      {/* Right Section - Content */}\n      <div className=\"relative flex min-w-0 flex-1 flex-col gap-6 overflow-y-auto px-8 pt-8 md:pt-16 md:pr-5 md:pb-5 md:pl-10\">\n        <div className=\"flex shrink-0 flex-col gap-2.5\">\n          <h1 className=\"text-3xl leading-tight font-semibold tracking-tight text-black md:text-5xl\">\n            It's like having an\n            <br />\n            assistant in your pocket\n          </h1>\n          <p className=\"text-sm leading-5 font-medium text-black\">\n            Upgrade your business\n          </p>\n        </div>\n        <div className=\"flex flex-col gap-4 pb-4\">\n          {FEATURES.map((feature) => (\n            <FeatureCard key={feature.title} {...feature} />\n          ))}\n        </div>\n      </div>\n    </div>\n  );\n}\n","import type { WidgetPropertySchema } from \"../registries/property-schema-types\";\nimport { PortalProUpgradeScreen } from \"@fluid-app/portal-pro-upgrade-ui\";\n\nexport const upgradeScreenPropertySchema = {\n  widgetType: \"UpgradeScreen\",\n  displayName: \"Upgrade Screen\",\n  fields: [],\n} as const satisfies WidgetPropertySchema;\n\nexport function UpgradeScreen(): React.JSX.Element {\n  return (\n    <PortalProUpgradeScreen\n      onJoinWaitlist={() => {\n        // TODO: Wire up to waitlist API\n      }}\n    />\n  );\n}\n"],"mappings":";;;;;;;AAGA,SAAgB,GAAG,GAAG,QAAsB;AAC1C,SAAA,GAAA,eAAA,UAAA,GAAA,KAAA,MAAoB,OAAO,CAAC;;;;ACyB9B,MAAM,WAAsB;CAC1B;EACE,MAAMA,aAAAA;EACN,OAAO;EACP,aAAa;EACd;CACD;EACE,MAAMC,aAAAA;EACN,OAAO;EACP,aAAa;EACd;CACD;EACE,MAAMC,aAAAA;EACN,OAAO;EACP,aAAa;EACd;CACD;EACE,MAAMC,aAAAA;EACN,OAAO;EACP,aAAa;EACd;CACD;EACE,MAAMC,aAAAA;EACN,OAAO;EACP,aAAa;EACd;CACF;AAED,SAAS,YAAY,EAAE,MAAM,MAAM,OAAO,eAAwB;AAChE,QACE,iBAAA,GAAA,kBAAA,KAACC,YAAAA,MAAD;EAAM,WAAU;YACd,iBAAA,GAAA,kBAAA,MAACC,YAAAA,YAAD;GAAY,WAAU;aAAtB;IACE,iBAAA,GAAA,kBAAA,KAAC,MAAD;KAAM,WAAU;KAAS,aAAa;KAAO,CAAA;IAC7C,iBAAA,GAAA,kBAAA,KAACC,YAAAA,WAAD;KAAW,WAAU;eAAqB;KAAkB,CAAA;IAC5D,iBAAA,GAAA,kBAAA,KAACC,YAAAA,iBAAD;KAAiB,WAAU;eAAW;KAA8B,CAAA;IACzD;;EACR,CAAA;;AAIX,SAAgB,uBAAuB,EACrC,gBACA,kBAAkB,OAClB,aAC8B;AAC9B,QACE,iBAAA,GAAA,kBAAA,MAAC,OAAD;EACE,WAAW,GACT,oEACA,UACD;YAJH;GAOE,iBAAA,GAAA,kBAAA,KAAC,OAAD,EAAK,WAAU,sNAAuN,CAAA;GAGtO,iBAAA,GAAA,kBAAA,KAAC,OAAD;IACE,KAAI;IACJ,KAAI;IACJ,WAAU;IACV,CAAA;GAGF,iBAAA,GAAA,kBAAA,KAAC,OAAD;IAAK,WAAU;cACb,iBAAA,GAAA,kBAAA,MAAC,OAAD;KAAK,WAAU;eAAf,CACE,iBAAA,GAAA,kBAAA,KAAC,OAAD;MACE,KAAI;MACJ,KAAI;MACJ,WAAU;MACV,CAAA,EAEF,iBAAA,GAAA,kBAAA,KAACC,YAAAA,QAAD;MACE,WAAU;MACV,MAAK;MACL,SAAS;MACT,UAAU;gBAET,kBAAkB,eAAe;MAC3B,CAAA,CACL;;IACF,CAAA;GAGN,iBAAA,GAAA,kBAAA,MAAC,OAAD;IAAK,WAAU;cAAf,CACE,iBAAA,GAAA,kBAAA,MAAC,OAAD;KAAK,WAAU;eAAf,CACE,iBAAA,GAAA,kBAAA,MAAC,MAAD;MAAI,WAAU;gBAAd;OAA2F;OAEzF,iBAAA,GAAA,kBAAA,KAAC,MAAD,EAAM,CAAA;;OAEH;SACL,iBAAA,GAAA,kBAAA,KAAC,KAAD;MAAG,WAAU;gBAA2C;MAEpD,CAAA,CACA;QACN,iBAAA,GAAA,kBAAA,KAAC,OAAD;KAAK,WAAU;eACZ,SAAS,KAAK,YACb,iBAAA,GAAA,kBAAA,KAAC,aAAD,EAAiC,GAAI,SAAW,EAA9B,QAAQ,MAAsB,CAChD;KACE,CAAA,CACF;;GACF;;;;;AC9HV,MAAa,8BAA8B;CACzC,YAAY;CACZ,aAAa;CACb,QAAQ,EAAE;CACX;AAED,SAAgB,gBAAmC;AACjD,QACE,iBAAA,GAAA,kBAAA,KAAC,wBAAD,EACE,sBAAsB,IAGtB,CAAA"}

package/dist/{UpgradeScreen-N5cE1bG7.mjs → UpgradeScreen-D7LfdVSJ.mjs}

@@ -126,4 +126,4 @@ function UpgradeScreen() {
 //#endregion
 export { UpgradeScreen_exports as t };
 
-//# sourceMappingURL=UpgradeScreen-N5cE1bG7.mjs.map
+//# sourceMappingURL=UpgradeScreen-D7LfdVSJ.mjs.map

package/dist/{UpgradeScreen-N5cE1bG7.mjs.map → UpgradeScreen-D7LfdVSJ.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"UpgradeScreen-N5cE1bG7.mjs","names":[],"sources":["../../pro-upgrade-ui/src/lib/cn.ts","../../pro-upgrade-ui/src/components/PortalProUpgradeScreen.tsx","../src/screens/UpgradeScreen.tsx"],"sourcesContent":["import { clsx, type ClassValue } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs));\n}\n","import {\n  Sparkles,\n  Phone,\n  MessagesSquare,\n  CalendarMinus,\n  MessageSquareHeart,\n  type LucideIcon,\n} from \"lucide-react\";\nimport {\n  Button,\n  Card,\n  CardDescription,\n  CardHeader,\n  CardTitle,\n} from \"@fluid-app/ui-primitives\";\nimport { cn } from \"../lib/cn\";\n\nexport interface PortalProUpgradeScreenProps {\n  onJoinWaitlist: () => void;\n  waitlistLoading?: boolean;\n  className?: string;\n}\n\ninterface Feature {\n  icon: LucideIcon;\n  title: string;\n  description: string;\n}\n\nconst FEATURES: Feature[] = [\n  {\n    icon: Sparkles,\n    title: \"Generative AI\",\n    description: \"Get quick drafts and creative messaging help.\",\n  },\n  {\n    icon: Phone,\n    title: \"Business phone number\",\n    description: \"Look professional with a dedicated client line.\",\n  },\n  {\n    icon: MessagesSquare,\n    title: \"Mass Messaging\",\n    description: \"Save time by messaging multiple clients at once.\",\n  },\n  {\n    icon: CalendarMinus,\n    title: \"Scheduled messages\",\n    description: \"Plan ahead and schedule messages easily.\",\n  },\n  {\n    icon: MessageSquareHeart,\n    title: \"Unified messaging\",\n    description: \"Combine email, SMS, and internal messages.\",\n  },\n];\n\nfunction FeatureCard({ icon: Icon, title, description }: Feature) {\n  return (\n    <Card className=\"bg-background text-foreground h-auto gap-0 border-none py-4\">\n      <CardHeader className=\"gap-3 px-4\">\n        <Icon className=\"size-6\" strokeWidth={1.5} />\n        <CardTitle className=\"text-sm font-bold\">{title}</CardTitle>\n        <CardDescription className=\"text-xs\">{description}</CardDescription>\n      </CardHeader>\n    </Card>\n  );\n}\n\nexport function PortalProUpgradeScreen({\n  onJoinWaitlist,\n  waitlistLoading = false,\n  className,\n}: PortalProUpgradeScreenProps) {\n  return (\n    <div\n      className={cn(\n        \"relative flex h-full w-full flex-col overflow-hidden md:flex-row\",\n        className,\n      )}\n    >\n      {/* Pastel gradient background */}\n      <div className=\"pointer-events-none absolute inset-0 rounded-xl bg-linear-[33deg,rgba(8,148,255,0.2)_4.5%,rgba(201,89,221,0.2)_24.5%,rgba(255,46,84,0.2)_54.6%,rgba(255,144,4,0.2)_69.2%,rgba(255,255,255,0.2)_76.4%] blur-[125px]\" />\n\n      {/* Hero collage - absolute, behind everything, fades right and bottom */}\n      <img\n        src=\"https://ik.imagekit.io/fluid/980191006/images/HW87RR/hero-collage_O6DCdkFib.png\"\n        alt=\"People using the app with push notifications\"\n        className=\"pointer-events-none absolute top-0 left-0 h-full w-full mask-b-from-20% mask-b-to-30% object-contain object-left-top md:w-4/5 md:mask-r-from-50% md:mask-r-to-70% md:mask-b-from-60% md:mask-b-to-80%\"\n      />\n\n      {/* Left Section - Logo & CTA */}\n      <div className=\"relative flex w-full shrink-0 flex-col items-center justify-end px-8 pt-40 md:w-1/2 md:pt-0 md:pb-10\">\n        <div className=\"flex flex-col items-center gap-4\">\n          <img\n            src=\"https://ik.imagekit.io/fluid/980191006/images/ZYT78J/co-founder-badge_NcorZNlUY.png\"\n            alt=\"Coming Soon - Co-Founder\"\n            className=\"h-auto w-120 object-contain\"\n          />\n          {/* TODO: This is currently hidden until we actually have a way to waitlist someone */}\n          <Button\n            className=\"hidden w-full md:w-auto\"\n            size=\"xl\"\n            onClick={onJoinWaitlist}\n            disabled={waitlistLoading}\n          >\n            {waitlistLoading ? \"Joining...\" : \"Join Waitlist\"}\n          </Button>\n        </div>\n      </div>\n\n      {/* Right Section - Content */}\n      <div className=\"relative flex min-w-0 flex-1 flex-col gap-6 overflow-y-auto px-8 pt-8 md:pt-16 md:pr-5 md:pb-5 md:pl-10\">\n        <div className=\"flex shrink-0 flex-col gap-2.5\">\n          <h1 className=\"text-3xl leading-tight font-semibold tracking-tight text-black md:text-5xl\">\n            It's like having an\n            <br />\n            assistant in your pocket\n          </h1>\n          <p className=\"text-sm leading-5 font-medium text-black\">\n            Upgrade your business\n          </p>\n        </div>\n        <div className=\"flex flex-col gap-4 pb-4\">\n          {FEATURES.map((feature) => (\n            <FeatureCard key={feature.title} {...feature} />\n          ))}\n        </div>\n      </div>\n    </div>\n  );\n}\n","import type { WidgetPropertySchema } from \"../registries/property-schema-types\";\nimport { PortalProUpgradeScreen } from \"@fluid-app/portal-pro-upgrade-ui\";\n\nexport const upgradeScreenPropertySchema = {\n  widgetType: \"UpgradeScreen\",\n  displayName: \"Upgrade Screen\",\n  fields: [],\n} as const satisfies WidgetPropertySchema;\n\nexport function UpgradeScreen(): React.JSX.Element {\n  return (\n    <PortalProUpgradeScreen\n      onJoinWaitlist={() => {\n        // TODO: Wire up to waitlist API\n      }}\n    />\n  );\n}\n"],"mappings":";;;;;;;AAGA,SAAgB,GAAG,GAAG,QAAsB;AAC1C,QAAO,QAAQ,KAAK,OAAO,CAAC;;;;ACyB9B,MAAM,WAAsB;CAC1B;EACE,MAAM;EACN,OAAO;EACP,aAAa;EACd;CACD;EACE,MAAM;EACN,OAAO;EACP,aAAa;EACd;CACD;EACE,MAAM;EACN,OAAO;EACP,aAAa;EACd;CACD;EACE,MAAM;EACN,OAAO;EACP,aAAa;EACd;CACD;EACE,MAAM;EACN,OAAO;EACP,aAAa;EACd;CACF;AAED,SAAS,YAAY,EAAE,MAAM,MAAM,OAAO,eAAwB;AAChE,QACE,oBAAC,MAAD;EAAM,WAAU;YACd,qBAAC,YAAD;GAAY,WAAU;aAAtB;IACE,oBAAC,MAAD;KAAM,WAAU;KAAS,aAAa;KAAO,CAAA;IAC7C,oBAAC,WAAD;KAAW,WAAU;eAAqB;KAAkB,CAAA;IAC5D,oBAAC,iBAAD;KAAiB,WAAU;eAAW;KAA8B,CAAA;IACzD;;EACR,CAAA;;AAIX,SAAgB,uBAAuB,EACrC,gBACA,kBAAkB,OAClB,aAC8B;AAC9B,QACE,qBAAC,OAAD;EACE,WAAW,GACT,oEACA,UACD;YAJH;GAOE,oBAAC,OAAD,EAAK,WAAU,sNAAuN,CAAA;GAGtO,oBAAC,OAAD;IACE,KAAI;IACJ,KAAI;IACJ,WAAU;IACV,CAAA;GAGF,oBAAC,OAAD;IAAK,WAAU;cACb,qBAAC,OAAD;KAAK,WAAU;eAAf,CACE,oBAAC,OAAD;MACE,KAAI;MACJ,KAAI;MACJ,WAAU;MACV,CAAA,EAEF,oBAAC,QAAD;MACE,WAAU;MACV,MAAK;MACL,SAAS;MACT,UAAU;gBAET,kBAAkB,eAAe;MAC3B,CAAA,CACL;;IACF,CAAA;GAGN,qBAAC,OAAD;IAAK,WAAU;cAAf,CACE,qBAAC,OAAD;KAAK,WAAU;eAAf,CACE,qBAAC,MAAD;MAAI,WAAU;gBAAd;OAA2F;OAEzF,oBAAC,MAAD,EAAM,CAAA;;OAEH;SACL,oBAAC,KAAD;MAAG,WAAU;gBAA2C;MAEpD,CAAA,CACA;QACN,oBAAC,OAAD;KAAK,WAAU;eACZ,SAAS,KAAK,YACb,oBAAC,aAAD,EAAiC,GAAI,SAAW,EAA9B,QAAQ,MAAsB,CAChD;KACE,CAAA,CACF;;GACF;;;;;;;;;AC9HV,MAAa,8BAA8B;CACzC,YAAY;CACZ,aAAa;CACb,QAAQ,EAAE;CACX;AAED,SAAgB,gBAAmC;AACjD,QACE,oBAAC,wBAAD,EACE,sBAAsB,IAGtB,CAAA"}
+{"version":3,"file":"UpgradeScreen-D7LfdVSJ.mjs","names":[],"sources":["../../pro-upgrade-ui/src/lib/cn.ts","../../pro-upgrade-ui/src/components/PortalProUpgradeScreen.tsx","../src/screens/UpgradeScreen.tsx"],"sourcesContent":["import { clsx, type ClassValue } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs));\n}\n","import {\n  Sparkles,\n  Phone,\n  MessagesSquare,\n  CalendarMinus,\n  MessageSquareHeart,\n  type LucideIcon,\n} from \"lucide-react\";\nimport {\n  Button,\n  Card,\n  CardDescription,\n  CardHeader,\n  CardTitle,\n} from \"@fluid-app/ui-primitives\";\nimport { cn } from \"../lib/cn\";\n\nexport interface PortalProUpgradeScreenProps {\n  onJoinWaitlist: () => void;\n  waitlistLoading?: boolean;\n  className?: string;\n}\n\ninterface Feature {\n  icon: LucideIcon;\n  title: string;\n  description: string;\n}\n\nconst FEATURES: Feature[] = [\n  {\n    icon: Sparkles,\n    title: \"Generative AI\",\n    description: \"Get quick drafts and creative messaging help.\",\n  },\n  {\n    icon: Phone,\n    title: \"Business phone number\",\n    description: \"Look professional with a dedicated client line.\",\n  },\n  {\n    icon: MessagesSquare,\n    title: \"Mass Messaging\",\n    description: \"Save time by messaging multiple clients at once.\",\n  },\n  {\n    icon: CalendarMinus,\n    title: \"Scheduled messages\",\n    description: \"Plan ahead and schedule messages easily.\",\n  },\n  {\n    icon: MessageSquareHeart,\n    title: \"Unified messaging\",\n    description: \"Combine email, SMS, and internal messages.\",\n  },\n];\n\nfunction FeatureCard({ icon: Icon, title, description }: Feature) {\n  return (\n    <Card className=\"bg-background text-foreground h-auto gap-0 border-none py-4\">\n      <CardHeader className=\"gap-3 px-4\">\n        <Icon className=\"size-6\" strokeWidth={1.5} />\n        <CardTitle className=\"text-sm font-bold\">{title}</CardTitle>\n        <CardDescription className=\"text-xs\">{description}</CardDescription>\n      </CardHeader>\n    </Card>\n  );\n}\n\nexport function PortalProUpgradeScreen({\n  onJoinWaitlist,\n  waitlistLoading = false,\n  className,\n}: PortalProUpgradeScreenProps) {\n  return (\n    <div\n      className={cn(\n        \"relative flex h-full w-full flex-col overflow-hidden md:flex-row\",\n        className,\n      )}\n    >\n      {/* Pastel gradient background */}\n      <div className=\"pointer-events-none absolute inset-0 rounded-xl bg-linear-[33deg,rgba(8,148,255,0.2)_4.5%,rgba(201,89,221,0.2)_24.5%,rgba(255,46,84,0.2)_54.6%,rgba(255,144,4,0.2)_69.2%,rgba(255,255,255,0.2)_76.4%] blur-[125px]\" />\n\n      {/* Hero collage - absolute, behind everything, fades right and bottom */}\n      <img\n        src=\"https://ik.imagekit.io/fluid/980191006/images/HW87RR/hero-collage_O6DCdkFib.png\"\n        alt=\"People using the app with push notifications\"\n        className=\"pointer-events-none absolute top-0 left-0 h-full w-full mask-b-from-20% mask-b-to-30% object-contain object-left-top md:w-4/5 md:mask-r-from-50% md:mask-r-to-70% md:mask-b-from-60% md:mask-b-to-80%\"\n      />\n\n      {/* Left Section - Logo & CTA */}\n      <div className=\"relative flex w-full shrink-0 flex-col items-center justify-end px-8 pt-40 md:w-1/2 md:pt-0 md:pb-10\">\n        <div className=\"flex flex-col items-center gap-4\">\n          <img\n            src=\"https://ik.imagekit.io/fluid/980191006/images/ZYT78J/co-founder-badge_NcorZNlUY.png\"\n            alt=\"Coming Soon - Co-Founder\"\n            className=\"h-auto w-120 object-contain\"\n          />\n          {/* TODO: This is currently hidden until we actually have a way to waitlist someone */}\n          <Button\n            className=\"hidden w-full md:w-auto\"\n            size=\"xl\"\n            onClick={onJoinWaitlist}\n            disabled={waitlistLoading}\n          >\n            {waitlistLoading ? \"Joining...\" : \"Join Waitlist\"}\n          </Button>\n        </div>\n      </div>\n\n      {/* Right Section - Content */}\n      <div className=\"relative flex min-w-0 flex-1 flex-col gap-6 overflow-y-auto px-8 pt-8 md:pt-16 md:pr-5 md:pb-5 md:pl-10\">\n        <div className=\"flex shrink-0 flex-col gap-2.5\">\n          <h1 className=\"text-3xl leading-tight font-semibold tracking-tight text-black md:text-5xl\">\n            It's like having an\n            <br />\n            assistant in your pocket\n          </h1>\n          <p className=\"text-sm leading-5 font-medium text-black\">\n            Upgrade your business\n          </p>\n        </div>\n        <div className=\"flex flex-col gap-4 pb-4\">\n          {FEATURES.map((feature) => (\n            <FeatureCard key={feature.title} {...feature} />\n          ))}\n        </div>\n      </div>\n    </div>\n  );\n}\n","import type { WidgetPropertySchema } from \"../registries/property-schema-types\";\nimport { PortalProUpgradeScreen } from \"@fluid-app/portal-pro-upgrade-ui\";\n\nexport const upgradeScreenPropertySchema = {\n  widgetType: \"UpgradeScreen\",\n  displayName: \"Upgrade Screen\",\n  fields: [],\n} as const satisfies WidgetPropertySchema;\n\nexport function UpgradeScreen(): React.JSX.Element {\n  return (\n    <PortalProUpgradeScreen\n      onJoinWaitlist={() => {\n        // TODO: Wire up to waitlist API\n      }}\n    />\n  );\n}\n"],"mappings":";;;;;;;AAGA,SAAgB,GAAG,GAAG,QAAsB;AAC1C,QAAO,QAAQ,KAAK,OAAO,CAAC;;;;ACyB9B,MAAM,WAAsB;CAC1B;EACE,MAAM;EACN,OAAO;EACP,aAAa;EACd;CACD;EACE,MAAM;EACN,OAAO;EACP,aAAa;EACd;CACD;EACE,MAAM;EACN,OAAO;EACP,aAAa;EACd;CACD;EACE,MAAM;EACN,OAAO;EACP,aAAa;EACd;CACD;EACE,MAAM;EACN,OAAO;EACP,aAAa;EACd;CACF;AAED,SAAS,YAAY,EAAE,MAAM,MAAM,OAAO,eAAwB;AAChE,QACE,oBAAC,MAAD;EAAM,WAAU;YACd,qBAAC,YAAD;GAAY,WAAU;aAAtB;IACE,oBAAC,MAAD;KAAM,WAAU;KAAS,aAAa;KAAO,CAAA;IAC7C,oBAAC,WAAD;KAAW,WAAU;eAAqB;KAAkB,CAAA;IAC5D,oBAAC,iBAAD;KAAiB,WAAU;eAAW;KAA8B,CAAA;IACzD;;EACR,CAAA;;AAIX,SAAgB,uBAAuB,EACrC,gBACA,kBAAkB,OAClB,aAC8B;AAC9B,QACE,qBAAC,OAAD;EACE,WAAW,GACT,oEACA,UACD;YAJH;GAOE,oBAAC,OAAD,EAAK,WAAU,sNAAuN,CAAA;GAGtO,oBAAC,OAAD;IACE,KAAI;IACJ,KAAI;IACJ,WAAU;IACV,CAAA;GAGF,oBAAC,OAAD;IAAK,WAAU;cACb,qBAAC,OAAD;KAAK,WAAU;eAAf,CACE,oBAAC,OAAD;MACE,KAAI;MACJ,KAAI;MACJ,WAAU;MACV,CAAA,EAEF,oBAAC,QAAD;MACE,WAAU;MACV,MAAK;MACL,SAAS;MACT,UAAU;gBAET,kBAAkB,eAAe;MAC3B,CAAA,CACL;;IACF,CAAA;GAGN,qBAAC,OAAD;IAAK,WAAU;cAAf,CACE,qBAAC,OAAD;KAAK,WAAU;eAAf,CACE,qBAAC,MAAD;MAAI,WAAU;gBAAd;OAA2F;OAEzF,oBAAC,MAAD,EAAM,CAAA;;OAEH;SACL,oBAAC,KAAD;MAAG,WAAU;gBAA2C;MAEpD,CAAA,CACA;QACN,oBAAC,OAAD;KAAK,WAAU;eACZ,SAAS,KAAK,YACb,oBAAC,aAAD,EAAiC,GAAI,SAAW,EAA9B,QAAQ,MAAsB,CAChD;KACE,CAAA,CACF;;GACF;;;;;;;;;AC9HV,MAAa,8BAA8B;CACzC,YAAY;CACZ,aAAa;CACb,QAAQ,EAAE;CACX;AAED,SAAgB,gBAAmC;AACjD,QACE,oBAAC,wBAAD,EACE,sBAAsB,IAGtB,CAAA"}

package/dist/{UpgradeScreen-C_rLnLD1.cjs → UpgradeScreen-DJKNVL-O.cjs}

@@ -1,5 +1,5 @@
 require("./chunk-DAgNkxik.cjs");
 require("./src-DqIS-4ns.cjs");
-const require_UpgradeScreen = require("./UpgradeScreen-D0WA4npm.cjs");
+const require_UpgradeScreen = require("./UpgradeScreen-BbP-0Pcg.cjs");
 exports.UpgradeScreen = require_UpgradeScreen.UpgradeScreen;
 exports.upgradeScreenPropertySchema = require_UpgradeScreen.upgradeScreenPropertySchema;

package/dist/{dist-CayuD99K.mjs → dist-Cl4FsM3V.mjs}

@@ -107,4 +107,4 @@ const Underline = Mark.create({
 //#endregion
 export { TextAlign as n, Underline as t };
 
-//# sourceMappingURL=dist-CayuD99K.mjs.map
+//# sourceMappingURL=dist-Cl4FsM3V.mjs.map