@fluid-app/portal-sdk 0.1.28 → 0.1.30

package/dist/OrdersScreen-Bu-ENmH6.cjs

@@ -0,0 +1,133 @@
+require("./chunk-9hOWP6kD.cjs");
+const require_use_account_clients = require("./use-account-clients-n2a8bdSP.cjs");
+const require_src = require("./src-DXC-Jw6i.cjs");
+const require_AppNavigationContext = require("./AppNavigationContext-DAcrNgXZ.cjs");
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/screens/OrdersListScreen.tsx
+const translations = {
+	search_orders: "Search orders...",
+	order_number: "Order #",
+	date: "Date",
+	status: "Status",
+	product: "Product",
+	no_orders_found: "No orders found",
+	no_matching_orders: "No matching orders",
+	no_image_available: "No image available",
+	this_product_no_longer_exists: "This product no longer exists",
+	subscription: "Subscription",
+	view_subscription: "View Subscription",
+	total: "Total",
+	results: "results",
+	previous: "Previous",
+	next: "Next",
+	pagination: "Pagination"
+};
+function OrdersListScreen({ customerId, isLoadingCustomer }) {
+	const ordersClient = require_use_account_clients.useOrdersClient();
+	const { navigate } = require_AppNavigationContext.useAppNavigation();
+	const handleOrderClick = (order) => {
+		navigate(`orders/${order.token}`);
+	};
+	const handleSubscriptionClick = (subscriptionToken) => {
+		navigate(`subscriptions/${subscriptionToken}`);
+	};
+	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)(require_src.OrdersCoreProvider, {
+		client: ordersClient,
+		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)(require_src.OrdersList, {
+				customerId,
+				onOrderClick: handleOrderClick,
+				onSubscriptionClick: handleSubscriptionClick,
+				t: (key) => translations[key] ?? key
+			})
+		})
+	});
+}
+//#endregion
+//#region src/screens/OrderDetailScreen.tsx
+function OrderDetailScreen({ token, onToast }) {
+	const client = require_use_account_clients.useOrdersClient();
+	const { navigate } = require_AppNavigationContext.useAppNavigation();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.OrdersCoreProvider, {
+		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)(require_src.OrderDetail, {
+				token,
+				onNotFound: () => {
+					onToast("Order not found", "warning");
+					navigate("orders");
+				},
+				onError: (err) => {
+					onToast(`Failed to load order: ${err instanceof Error ? err.message : "An error occurred"}`, "error");
+				}
+			})
+		})
+	});
+}
+//#endregion
+//#region src/screens/OrdersScreen.tsx
+function defaultToast(message, type) {
+	if (type === "error" || type === "warning") console.warn("[Orders]", message);
+	else console.info("[Orders]", message);
+}
+function OrdersScreen({ onToast, background, textColor, accentColor, padding, borderRadius, ...divProps }) {
+	const { currentSlug } = require_AppNavigationContext.useAppNavigation();
+	const effectiveToast = onToast ?? defaultToast;
+	const detailToken = currentSlug.split("/")[1];
+	const isDetailView = detailToken !== void 0;
+	const { customerId, isLoadingCustomer, isCustomerError } = require_src.useCustomerAccount({ enabled: !isDetailView });
+	if (isDetailView) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		...divProps,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(OrderDetailScreen, {
+			token: detailToken,
+			onToast: effectiveToast
+		})
+	});
+	if (isCustomerError && !isLoadingCustomer) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		...divProps,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			className: "text-muted-foreground px-4 py-8 text-center text-sm",
+			children: "Unable to load account data. Please try again later."
+		})
+	});
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		...divProps,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(OrdersListScreen, {
+			customerId,
+			isLoadingCustomer
+		})
+	});
+}
+const ordersScreenPropertySchema = {
+	widgetType: "OrdersScreen",
+	displayName: "Orders Screen",
+	tabsConfig: [{
+		id: "styling",
+		label: "Styling"
+	}],
+	fields: []
+};
+//#endregion
+Object.defineProperty(exports, "OrdersScreen", {
+	enumerable: true,
+	get: function() {
+		return OrdersScreen;
+	}
+});
+Object.defineProperty(exports, "ordersScreenPropertySchema", {
+	enumerable: true,
+	get: function() {
+		return ordersScreenPropertySchema;
+	}
+});
+
+//# sourceMappingURL=OrdersScreen-Bu-ENmH6.cjs.map

package/dist/OrdersScreen-Bu-ENmH6.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"OrdersScreen-Bu-ENmH6.cjs","names":["useOrdersClient","useAppNavigation","OrdersCoreProvider","OrdersList","useOrdersClient","useAppNavigation","OrdersCoreProvider","OrderDetail","useAppNavigation","useCustomerAccount"],"sources":["../src/screens/OrdersListScreen.tsx","../src/screens/OrderDetailScreen.tsx","../src/screens/OrdersScreen.tsx"],"sourcesContent":["import { OrdersCoreProvider } from \"@fluid-app/orders-core\";\nimport { OrdersList } from \"@fluid-app/orders-ui\";\nimport type { orders } from \"@fluid-app/orders-api-client\";\nimport { useOrdersClient } from \"../account/use-account-clients\";\nimport { useAppNavigation } from \"../shell/AppNavigationContext\";\n\ninterface OrdersListScreenProps {\n  customerId: number | undefined;\n  isLoadingCustomer: boolean;\n}\n\nconst translations: Record<string, string> = {\n  search_orders: \"Search orders...\",\n  order_number: \"Order #\",\n  date: \"Date\",\n  status: \"Status\",\n  product: \"Product\",\n  no_orders_found: \"No orders found\",\n  no_matching_orders: \"No matching orders\",\n  no_image_available: \"No image available\",\n  this_product_no_longer_exists: \"This product no longer exists\",\n  subscription: \"Subscription\",\n  view_subscription: \"View Subscription\",\n  total: \"Total\",\n  results: \"results\",\n  previous: \"Previous\",\n  next: \"Next\",\n  pagination: \"Pagination\",\n};\n\nexport function OrdersListScreen({\n  customerId,\n  isLoadingCustomer,\n}: OrdersListScreenProps): React.JSX.Element {\n  const ordersClient = useOrdersClient();\n  const { navigate } = useAppNavigation();\n\n  const handleOrderClick = (order: orders.ListOrder) => {\n    navigate(`orders/${order.token}`);\n  };\n\n  const handleSubscriptionClick = (subscriptionToken: string) => {\n    navigate(`subscriptions/${subscriptionToken}`);\n  };\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    <OrdersCoreProvider client={ordersClient}>\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        <OrdersList\n          customerId={customerId}\n          onOrderClick={handleOrderClick}\n          onSubscriptionClick={handleSubscriptionClick}\n          t={(key) => translations[key] ?? key}\n        />\n      </div>\n    </OrdersCoreProvider>\n  );\n}\n","import { OrdersCoreProvider } from \"@fluid-app/orders-core\";\nimport { OrderDetail } from \"@fluid-app/orders-ui\";\nimport { useOrdersClient } from \"../account/use-account-clients\";\nimport { useAppNavigation } from \"../shell/AppNavigationContext\";\n\ninterface OrderDetailScreenProps {\n  token: string;\n  onToast: (message: string, type: \"success\" | \"error\" | \"warning\") => void;\n}\n\nexport function OrderDetailScreen({\n  token,\n  onToast,\n}: OrderDetailScreenProps): React.JSX.Element {\n  const client = useOrdersClient();\n  const { navigate } = useAppNavigation();\n\n  return (\n    <OrdersCoreProvider client={client}>\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        <OrderDetail\n          token={token}\n          onNotFound={() => {\n            onToast(\"Order not found\", \"warning\");\n            navigate(\"orders\");\n          }}\n          onError={(err) => {\n            const message =\n              err instanceof Error ? err.message : \"An error occurred\";\n            onToast(`Failed to load order: ${message}`, \"error\");\n          }}\n        />\n      </div>\n    </OrdersCoreProvider>\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 { OrdersListScreen } from \"./OrdersListScreen\";\nimport { OrderDetailScreen } from \"./OrderDetailScreen\";\n\ntype OrdersScreenProps = 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(\"[Orders]\", message);\n  } else {\n    console.info(\"[Orders]\", message);\n  }\n}\n\nexport function OrdersScreen({\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}: OrdersScreenProps): React.JSX.Element {\n  const { currentSlug } = useAppNavigation();\n  const effectiveToast = onToast ?? defaultToast;\n\n  // Parse slug: \"orders\" → list, \"orders/{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        <OrderDetailScreen token={detailToken} onToast={effectiveToast} />\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      <OrdersListScreen\n        customerId={customerId}\n        isLoadingCustomer={isLoadingCustomer}\n      />\n    </div>\n  );\n}\n\nexport const ordersScreenPropertySchema: WidgetPropertySchema = {\n  widgetType: \"OrdersScreen\",\n  displayName: \"Orders Screen\",\n  tabsConfig: [{ id: \"styling\", label: \"Styling\" }],\n  fields: [],\n} as const satisfies WidgetPropertySchema;\n"],"mappings":"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"}

package/dist/OrdersScreen-TSXDDHZe.cjs

@@ -0,0 +1,33 @@
+require("./chunk-9hOWP6kD.cjs");
+require("./FluidProvider-BmkSwcgV.cjs");
+require("./error-state-BcEAq2rK.cjs");
+require("./LayoutWidget-fOBC-EML.cjs");
+require("./WidgetInteractionContext-BaEGs5dy.cjs");
+require("./registries-4OQmN6DO.cjs");
+require("./fields-Dw1JK2lA.cjs");
+require("./TextWidget-kG_VoKfs.cjs");
+require("./AlertWidget-BpJfHg_J.cjs");
+require("./CalendarWidget-DjztL0Dc.cjs");
+require("./purify.es-DLmln9x0.cjs");
+require("./src-CaogiXSc.cjs");
+require("./scroll-arrows-DSvv8Gax.cjs");
+require("./MediaRenderer-D9Vhmpw3.cjs");
+require("./CarouselWidget-8f5aAFRg.cjs");
+require("./CatchUpWidget-BXiJ8z_B.cjs");
+require("./ChartWidget-DOzNKr0V.cjs");
+require("./ContainerWidget-Dd32oGr0.cjs");
+require("./EmbedWidget-CEiUQ2o0.cjs");
+require("./ImageWidget-CeBYjkEW.cjs");
+require("./ListWidget-CSLAbaRK.cjs");
+require("./MySiteWidget-2SF4XO5h.cjs");
+require("./NestedWidget-DHshO5d0.cjs");
+require("./QuickShareWidget-DtJlPN8u.cjs");
+require("./RecentActivityWidget-CPs5D_bJ.cjs");
+require("./SpacerWidget-DyZ49XpL.cjs");
+require("./TableWidget-2ttj9H5g.cjs");
+require("./ToDoWidget-CrZ9xJV1.cjs");
+require("./VideoWidget-BJrnmHCe.cjs");
+require("./src-DXC-Jw6i.cjs");
+const require_OrdersScreen = require("./OrdersScreen-Bu-ENmH6.cjs");
+exports.OrdersScreen = require_OrdersScreen.OrdersScreen;
+exports.ordersScreenPropertySchema = require_OrdersScreen.ordersScreenPropertySchema;

package/dist/OrdersScreen-afRAHf07.mjs

@@ -0,0 +1,126 @@
+import { n as __exportAll } from "./chunk-ByhMGyNw.mjs";
+import { r as useOrdersClient } from "./use-account-clients-DYTyFvdN.mjs";
+import { a as OrdersCoreProvider, n as OrdersList, o as useCustomerAccount, t as OrderDetail } from "./src-BZEkCfd4.mjs";
+import { n as useAppNavigation } from "./AppNavigationContext-v_y8OYHo.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/screens/OrdersListScreen.tsx
+const translations = {
+	search_orders: "Search orders...",
+	order_number: "Order #",
+	date: "Date",
+	status: "Status",
+	product: "Product",
+	no_orders_found: "No orders found",
+	no_matching_orders: "No matching orders",
+	no_image_available: "No image available",
+	this_product_no_longer_exists: "This product no longer exists",
+	subscription: "Subscription",
+	view_subscription: "View Subscription",
+	total: "Total",
+	results: "results",
+	previous: "Previous",
+	next: "Next",
+	pagination: "Pagination"
+};
+function OrdersListScreen({ customerId, isLoadingCustomer }) {
+	const ordersClient = useOrdersClient();
+	const { navigate } = useAppNavigation();
+	const handleOrderClick = (order) => {
+		navigate(`orders/${order.token}`);
+	};
+	const handleSubscriptionClick = (subscriptionToken) => {
+		navigate(`subscriptions/${subscriptionToken}`);
+	};
+	if (isLoadingCustomer) return /* @__PURE__ */ 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__ */ jsxs("div", {
+			className: "space-y-3",
+			children: [/* @__PURE__ */ jsx("div", { className: "bg-muted h-10 animate-pulse rounded" }), /* @__PURE__ */ jsx("div", { className: "bg-muted h-64 animate-pulse rounded" })]
+		})
+	});
+	return /* @__PURE__ */ jsx(OrdersCoreProvider, {
+		client: ordersClient,
+		children: /* @__PURE__ */ 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__ */ jsx(OrdersList, {
+				customerId,
+				onOrderClick: handleOrderClick,
+				onSubscriptionClick: handleSubscriptionClick,
+				t: (key) => translations[key] ?? key
+			})
+		})
+	});
+}
+//#endregion
+//#region src/screens/OrderDetailScreen.tsx
+function OrderDetailScreen({ token, onToast }) {
+	const client = useOrdersClient();
+	const { navigate } = useAppNavigation();
+	return /* @__PURE__ */ jsx(OrdersCoreProvider, {
+		client,
+		children: /* @__PURE__ */ 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__ */ jsx(OrderDetail, {
+				token,
+				onNotFound: () => {
+					onToast("Order not found", "warning");
+					navigate("orders");
+				},
+				onError: (err) => {
+					onToast(`Failed to load order: ${err instanceof Error ? err.message : "An error occurred"}`, "error");
+				}
+			})
+		})
+	});
+}
+//#endregion
+//#region src/screens/OrdersScreen.tsx
+var OrdersScreen_exports = /* @__PURE__ */ __exportAll({
+	OrdersScreen: () => OrdersScreen,
+	ordersScreenPropertySchema: () => ordersScreenPropertySchema
+});
+function defaultToast(message, type) {
+	if (type === "error" || type === "warning") console.warn("[Orders]", message);
+	else console.info("[Orders]", message);
+}
+function OrdersScreen({ onToast, background, textColor, accentColor, padding, borderRadius, ...divProps }) {
+	const { currentSlug } = useAppNavigation();
+	const effectiveToast = onToast ?? defaultToast;
+	const detailToken = currentSlug.split("/")[1];
+	const isDetailView = detailToken !== void 0;
+	const { customerId, isLoadingCustomer, isCustomerError } = useCustomerAccount({ enabled: !isDetailView });
+	if (isDetailView) return /* @__PURE__ */ jsx("div", {
+		...divProps,
+		children: /* @__PURE__ */ jsx(OrderDetailScreen, {
+			token: detailToken,
+			onToast: effectiveToast
+		})
+	});
+	if (isCustomerError && !isLoadingCustomer) return /* @__PURE__ */ jsx("div", {
+		...divProps,
+		children: /* @__PURE__ */ jsx("div", {
+			className: "text-muted-foreground px-4 py-8 text-center text-sm",
+			children: "Unable to load account data. Please try again later."
+		})
+	});
+	return /* @__PURE__ */ jsx("div", {
+		...divProps,
+		children: /* @__PURE__ */ jsx(OrdersListScreen, {
+			customerId,
+			isLoadingCustomer
+		})
+	});
+}
+const ordersScreenPropertySchema = {
+	widgetType: "OrdersScreen",
+	displayName: "Orders Screen",
+	tabsConfig: [{
+		id: "styling",
+		label: "Styling"
+	}],
+	fields: []
+};
+//#endregion
+export { OrdersScreen_exports as n, ordersScreenPropertySchema as r, OrdersScreen as t };
+
+//# sourceMappingURL=OrdersScreen-afRAHf07.mjs.map

package/dist/OrdersScreen-afRAHf07.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"OrdersScreen-afRAHf07.mjs","names":[],"sources":["../src/screens/OrdersListScreen.tsx","../src/screens/OrderDetailScreen.tsx","../src/screens/OrdersScreen.tsx"],"sourcesContent":["import { OrdersCoreProvider } from \"@fluid-app/orders-core\";\nimport { OrdersList } from \"@fluid-app/orders-ui\";\nimport type { orders } from \"@fluid-app/orders-api-client\";\nimport { useOrdersClient } from \"../account/use-account-clients\";\nimport { useAppNavigation } from \"../shell/AppNavigationContext\";\n\ninterface OrdersListScreenProps {\n  customerId: number | undefined;\n  isLoadingCustomer: boolean;\n}\n\nconst translations: Record<string, string> = {\n  search_orders: \"Search orders...\",\n  order_number: \"Order #\",\n  date: \"Date\",\n  status: \"Status\",\n  product: \"Product\",\n  no_orders_found: \"No orders found\",\n  no_matching_orders: \"No matching orders\",\n  no_image_available: \"No image available\",\n  this_product_no_longer_exists: \"This product no longer exists\",\n  subscription: \"Subscription\",\n  view_subscription: \"View Subscription\",\n  total: \"Total\",\n  results: \"results\",\n  previous: \"Previous\",\n  next: \"Next\",\n  pagination: \"Pagination\",\n};\n\nexport function OrdersListScreen({\n  customerId,\n  isLoadingCustomer,\n}: OrdersListScreenProps): React.JSX.Element {\n  const ordersClient = useOrdersClient();\n  const { navigate } = useAppNavigation();\n\n  const handleOrderClick = (order: orders.ListOrder) => {\n    navigate(`orders/${order.token}`);\n  };\n\n  const handleSubscriptionClick = (subscriptionToken: string) => {\n    navigate(`subscriptions/${subscriptionToken}`);\n  };\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    <OrdersCoreProvider client={ordersClient}>\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        <OrdersList\n          customerId={customerId}\n          onOrderClick={handleOrderClick}\n          onSubscriptionClick={handleSubscriptionClick}\n          t={(key) => translations[key] ?? key}\n        />\n      </div>\n    </OrdersCoreProvider>\n  );\n}\n","import { OrdersCoreProvider } from \"@fluid-app/orders-core\";\nimport { OrderDetail } from \"@fluid-app/orders-ui\";\nimport { useOrdersClient } from \"../account/use-account-clients\";\nimport { useAppNavigation } from \"../shell/AppNavigationContext\";\n\ninterface OrderDetailScreenProps {\n  token: string;\n  onToast: (message: string, type: \"success\" | \"error\" | \"warning\") => void;\n}\n\nexport function OrderDetailScreen({\n  token,\n  onToast,\n}: OrderDetailScreenProps): React.JSX.Element {\n  const client = useOrdersClient();\n  const { navigate } = useAppNavigation();\n\n  return (\n    <OrdersCoreProvider client={client}>\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        <OrderDetail\n          token={token}\n          onNotFound={() => {\n            onToast(\"Order not found\", \"warning\");\n            navigate(\"orders\");\n          }}\n          onError={(err) => {\n            const message =\n              err instanceof Error ? err.message : \"An error occurred\";\n            onToast(`Failed to load order: ${message}`, \"error\");\n          }}\n        />\n      </div>\n    </OrdersCoreProvider>\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 { OrdersListScreen } from \"./OrdersListScreen\";\nimport { OrderDetailScreen } from \"./OrderDetailScreen\";\n\ntype OrdersScreenProps = 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(\"[Orders]\", message);\n  } else {\n    console.info(\"[Orders]\", message);\n  }\n}\n\nexport function OrdersScreen({\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}: OrdersScreenProps): React.JSX.Element {\n  const { currentSlug } = useAppNavigation();\n  const effectiveToast = onToast ?? defaultToast;\n\n  // Parse slug: \"orders\" → list, \"orders/{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        <OrderDetailScreen token={detailToken} onToast={effectiveToast} />\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      <OrdersListScreen\n        customerId={customerId}\n        isLoadingCustomer={isLoadingCustomer}\n      />\n    </div>\n  );\n}\n\nexport const ordersScreenPropertySchema: WidgetPropertySchema = {\n  widgetType: \"OrdersScreen\",\n  displayName: \"Orders Screen\",\n  tabsConfig: [{ id: \"styling\", label: \"Styling\" }],\n  fields: [],\n} as const satisfies WidgetPropertySchema;\n"],"mappings":";;;;;;AAWA,MAAM,eAAuC;CAC3C,eAAe;CACf,cAAc;CACd,MAAM;CACN,QAAQ;CACR,SAAS;CACT,iBAAiB;CACjB,oBAAoB;CACpB,oBAAoB;CACpB,+BAA+B;CAC/B,cAAc;CACd,mBAAmB;CACnB,OAAO;CACP,SAAS;CACT,UAAU;CACV,MAAM;CACN,YAAY;CACb;AAED,SAAgB,iBAAiB,EAC/B,YACA,qBAC2C;CAC3C,MAAM,eAAe,iBAAiB;CACtC,MAAM,EAAE,aAAa,kBAAkB;CAEvC,MAAM,oBAAoB,UAA4B;AACpD,WAAS,UAAU,MAAM,QAAQ;;CAGnC,MAAM,2BAA2B,sBAA8B;AAC7D,WAAS,iBAAiB,oBAAoB;;AAGhD,KAAI,kBACF,QACE,oBAAC,OAAD;EAAK,WAAU;YACb,qBAAC,OAAD;GAAK,WAAU;aAAf,CACE,oBAAC,OAAD,EAAK,WAAU,uCAAwC,CAAA,EACvD,oBAAC,OAAD,EAAK,WAAU,uCAAwC,CAAA,CACnD;;EACF,CAAA;AAIV,QACE,oBAAC,oBAAD;EAAoB,QAAQ;YAC1B,oBAAC,OAAD;GAAK,WAAU;aACb,oBAAC,YAAD;IACc;IACZ,cAAc;IACd,qBAAqB;IACrB,IAAI,QAAQ,aAAa,QAAQ;IACjC,CAAA;GACE,CAAA;EACa,CAAA;;;;ACxDzB,SAAgB,kBAAkB,EAChC,OACA,WAC4C;CAC5C,MAAM,SAAS,iBAAiB;CAChC,MAAM,EAAE,aAAa,kBAAkB;AAEvC,QACE,oBAAC,oBAAD;EAA4B;YAC1B,oBAAC,OAAD;GAAK,WAAU;aACb,oBAAC,aAAD;IACS;IACP,kBAAkB;AAChB,aAAQ,mBAAmB,UAAU;AACrC,cAAS,SAAS;;IAEpB,UAAU,QAAQ;AAGhB,aAAQ,yBADN,eAAe,QAAQ,IAAI,UAAU,uBACK,QAAQ;;IAEtD,CAAA;GACE,CAAA;EACa,CAAA;;;;;;;;ACXzB,SAAS,aAAa,SAAiB,MAAuC;AAC5E,KAAI,SAAS,WAAW,SAAS,UAC/B,SAAQ,KAAK,YAAY,QAAQ;KAEjC,SAAQ,KAAK,YAAY,QAAQ;;AAIrC,SAAgB,aAAa,EAC3B,SAEA,YACA,WACA,aACA,SACA,cAEA,GAAG,YACoC;CACvC,MAAM,EAAE,gBAAgB,kBAAkB;CAC1C,MAAM,iBAAiB,WAAW;CAGlC,MAAM,cAAc,YAAY,MAAM,IAAI,CAAC;CAC3C,MAAM,eAAe,gBAAgB,KAAA;CAErC,MAAM,EAAE,YAAY,mBAAmB,oBAAoB,mBACzD,EAAE,SAAS,CAAC,cAAc,CAC3B;AAED,KAAI,aACF,QACE,oBAAC,OAAD;EAAK,GAAI;YACP,oBAAC,mBAAD;GAAmB,OAAO;GAAa,SAAS;GAAkB,CAAA;EAC9D,CAAA;AAIV,KAAI,mBAAmB,CAAC,kBACtB,QACE,oBAAC,OAAD;EAAK,GAAI;YACP,oBAAC,OAAD;GAAK,WAAU;aAAsD;GAE/D,CAAA;EACF,CAAA;AAIV,QACE,oBAAC,OAAD;EAAK,GAAI;YACP,oBAAC,kBAAD;GACc;GACO;GACnB,CAAA;EACE,CAAA;;AAIV,MAAa,6BAAmD;CAC9D,YAAY;CACZ,aAAa;CACb,YAAY,CAAC;EAAE,IAAI;EAAW,OAAO;EAAW,CAAC;CACjD,QAAQ,EAAE;CACX"}

package/dist/{ProductsScreen-DrrBYFl0.mjs → ProductsScreen-B-oWUzvD.mjs}

@@ -26,7 +26,7 @@ import "./SpacerWidget-DXXnYNIX.mjs";
 import "./TableWidget-BbjQhI2A.mjs";
 import "./ToDoWidget-CmJIUKr0.mjs";
 import "./VideoWidget-D6aWKmRN.mjs";
-import "./es-BL8VBBDa.mjs";
-import "./src-9pW9wS5O.mjs";
-import { n as productsScreenPropertySchema, t as ProductsScreen } from "./ProductsScreen-BOngRxSO.mjs";
+import "./es-DxWiENwN.mjs";
+import "./src-wpQFW94i.mjs";
+import { n as productsScreenPropertySchema, t as ProductsScreen } from "./ProductsScreen-ChvK61hX.mjs";
 export { ProductsScreen, productsScreenPropertySchema };

package/dist/{ProductsScreen-BOngRxSO.mjs → ProductsScreen-ChvK61hX.mjs}

@@ -1,7 +1,7 @@
 import { n as useFluidContext } from "./FluidProvider-x96kqsgN.mjs";
 import { i as useCurrentUser } from "./products-BAFSvGSa.mjs";
-import { n as useAppNavigation } from "./AppNavigationContext-2nkMoO8F.mjs";
-import { i as ShareablesCoreProvider, r as ShareablesUIProvider, t as ProductsApp } from "./src-9pW9wS5O.mjs";
+import { n as useAppNavigation } from "./AppNavigationContext-v_y8OYHo.mjs";
+import { i as ShareablesCoreProvider, r as ShareablesUIProvider, t as ProductsApp } from "./src-wpQFW94i.mjs";
 import { useCallback, useMemo } from "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/screens/ProductsScreen.tsx
@@ -65,4 +65,4 @@ const productsScreenPropertySchema = {
 //#endregion
 export { productsScreenPropertySchema as n, ProductsScreen as t };
 
-//# sourceMappingURL=ProductsScreen-BOngRxSO.mjs.map
+//# sourceMappingURL=ProductsScreen-ChvK61hX.mjs.map

package/dist/{ProductsScreen-BOngRxSO.mjs.map → ProductsScreen-ChvK61hX.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"ProductsScreen-BOngRxSO.mjs","names":[],"sources":["../src/screens/ProductsScreen.tsx"],"sourcesContent":["import { useCallback, useMemo, 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 { ShareablesCoreProvider } from \"@fluid-app/shareables-core\";\nimport { ShareablesUIProvider, ProductsApp } from \"@fluid-app/shareables-ui\";\nimport { useFluidContext } from \"../providers/FluidProvider\";\nimport { useCurrentUser } from \"../hooks/use-current-user\";\nimport { useAppNavigation } from \"../shell/AppNavigationContext\";\n\ntype ProductsScreenProps = ComponentProps<\"div\"> & {\n  background?: BackgroundValue;\n  textColor?: ColorOptions;\n  accentColor?: ColorOptions;\n  padding?: PaddingOptions;\n  borderRadius?: BorderRadiusOptions;\n};\n\nexport function ProductsScreen({\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}: ProductsScreenProps): React.JSX.Element {\n  const { client } = useFluidContext();\n  const { data: userData } = useCurrentUser();\n  const { currentSlug, navigate } = useAppNavigation();\n\n  // Extract product ID from slug: \"products/123\" → \"123\"\n  const productId = useMemo(() => {\n    const match = currentSlug.match(/^products\\/(.+)/);\n    return match?.[1] ?? null;\n  }, [currentSlug]);\n\n  const handleSelectProduct = useCallback(\n    (id: string) => {\n      navigate(`products/${id}`);\n    },\n    [navigate],\n  );\n\n  const handleBack = useCallback(() => {\n    navigate(\"products\");\n  }, [navigate]);\n\n  const coreConfig = useMemo(\n    () => ({\n      client: client.fetchClient,\n      user: userData ? { id: userData.id } : null,\n    }),\n    [client.fetchClient, userData],\n  );\n\n  const uiConfig = useMemo(\n    () => ({\n      user: userData\n        ? {\n            id: userData.id,\n            company: userData.company\n              ? { logo_url: userData.company.logo_url }\n              : null,\n          }\n        : undefined,\n      basePath: \"\",\n      navigate: (path: string) => {\n        navigate(path);\n      },\n      showToast: (opts: {\n        title: string;\n        type: \"success\" | \"error\" | \"warning\";\n      }) => {\n        console.log(`[Products] ${opts.type}: ${opts.title}`);\n      },\n    }),\n    [userData, navigate],\n  );\n\n  return (\n    <div {...divProps} className={`h-full ${divProps.className ?? \"\"}`}>\n      <ShareablesCoreProvider config={coreConfig}>\n        <ShareablesUIProvider config={uiConfig}>\n          <ProductsApp\n            countryCode={userData?.country?.iso}\n            companyLogoUrl={userData?.company?.logo_url}\n            productId={productId}\n            onSelectProduct={handleSelectProduct}\n            onBack={handleBack}\n          />\n        </ShareablesUIProvider>\n      </ShareablesCoreProvider>\n    </div>\n  );\n}\n\nexport const productsScreenPropertySchema: WidgetPropertySchema = {\n  widgetType: \"ProductsScreen\",\n  displayName: \"Products Screen\",\n  tabsConfig: [{ id: \"styling\", label: \"Styling\" }],\n  fields: [],\n} as const satisfies WidgetPropertySchema;\n"],"mappings":";;;;;;;AAsBA,SAAgB,eAAe,EAE7B,YACA,WACA,aACA,SACA,cAEA,GAAG,YACsC;CACzC,MAAM,EAAE,WAAW,iBAAiB;CACpC,MAAM,EAAE,MAAM,aAAa,gBAAgB;CAC3C,MAAM,EAAE,aAAa,aAAa,kBAAkB;CAGpD,MAAM,YAAY,cAAc;AAE9B,SADc,YAAY,MAAM,kBAAkB,GACnC,MAAM;IACpB,CAAC,YAAY,CAAC;CAEjB,MAAM,sBAAsB,aACzB,OAAe;AACd,WAAS,YAAY,KAAK;IAE5B,CAAC,SAAS,CACX;CAED,MAAM,aAAa,kBAAkB;AACnC,WAAS,WAAW;IACnB,CAAC,SAAS,CAAC;CAEd,MAAM,aAAa,eACV;EACL,QAAQ,OAAO;EACf,MAAM,WAAW,EAAE,IAAI,SAAS,IAAI,GAAG;EACxC,GACD,CAAC,OAAO,aAAa,SAAS,CAC/B;CAED,MAAM,WAAW,eACR;EACL,MAAM,WACF;GACE,IAAI,SAAS;GACb,SAAS,SAAS,UACd,EAAE,UAAU,SAAS,QAAQ,UAAU,GACvC;GACL,GACD,KAAA;EACJ,UAAU;EACV,WAAW,SAAiB;AAC1B,YAAS,KAAK;;EAEhB,YAAY,SAGN;AACJ,WAAQ,IAAI,cAAc,KAAK,KAAK,IAAI,KAAK,QAAQ;;EAExD,GACD,CAAC,UAAU,SAAS,CACrB;AAED,QACE,oBAAC,OAAD;EAAK,GAAI;EAAU,WAAW,UAAU,SAAS,aAAa;YAC5D,oBAAC,wBAAD;GAAwB,QAAQ;aAC9B,oBAAC,sBAAD;IAAsB,QAAQ;cAC5B,oBAAC,aAAD;KACE,aAAa,UAAU,SAAS;KAChC,gBAAgB,UAAU,SAAS;KACxB;KACX,iBAAiB;KACjB,QAAQ;KACR,CAAA;IACmB,CAAA;GACA,CAAA;EACrB,CAAA;;AAIV,MAAa,+BAAqD;CAChE,YAAY;CACZ,aAAa;CACb,YAAY,CAAC;EAAE,IAAI;EAAW,OAAO;EAAW,CAAC;CACjD,QAAQ,EAAE;CACX"}
+{"version":3,"file":"ProductsScreen-ChvK61hX.mjs","names":[],"sources":["../src/screens/ProductsScreen.tsx"],"sourcesContent":["import { useCallback, useMemo, 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 { ShareablesCoreProvider } from \"@fluid-app/shareables-core\";\nimport { ShareablesUIProvider, ProductsApp } from \"@fluid-app/shareables-ui\";\nimport { useFluidContext } from \"../providers/FluidProvider\";\nimport { useCurrentUser } from \"../hooks/use-current-user\";\nimport { useAppNavigation } from \"../shell/AppNavigationContext\";\n\ntype ProductsScreenProps = ComponentProps<\"div\"> & {\n  background?: BackgroundValue;\n  textColor?: ColorOptions;\n  accentColor?: ColorOptions;\n  padding?: PaddingOptions;\n  borderRadius?: BorderRadiusOptions;\n};\n\nexport function ProductsScreen({\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}: ProductsScreenProps): React.JSX.Element {\n  const { client } = useFluidContext();\n  const { data: userData } = useCurrentUser();\n  const { currentSlug, navigate } = useAppNavigation();\n\n  // Extract product ID from slug: \"products/123\" → \"123\"\n  const productId = useMemo(() => {\n    const match = currentSlug.match(/^products\\/(.+)/);\n    return match?.[1] ?? null;\n  }, [currentSlug]);\n\n  const handleSelectProduct = useCallback(\n    (id: string) => {\n      navigate(`products/${id}`);\n    },\n    [navigate],\n  );\n\n  const handleBack = useCallback(() => {\n    navigate(\"products\");\n  }, [navigate]);\n\n  const coreConfig = useMemo(\n    () => ({\n      client: client.fetchClient,\n      user: userData ? { id: userData.id } : null,\n    }),\n    [client.fetchClient, userData],\n  );\n\n  const uiConfig = useMemo(\n    () => ({\n      user: userData\n        ? {\n            id: userData.id,\n            company: userData.company\n              ? { logo_url: userData.company.logo_url }\n              : null,\n          }\n        : undefined,\n      basePath: \"\",\n      navigate: (path: string) => {\n        navigate(path);\n      },\n      showToast: (opts: {\n        title: string;\n        type: \"success\" | \"error\" | \"warning\";\n      }) => {\n        console.log(`[Products] ${opts.type}: ${opts.title}`);\n      },\n    }),\n    [userData, navigate],\n  );\n\n  return (\n    <div {...divProps} className={`h-full ${divProps.className ?? \"\"}`}>\n      <ShareablesCoreProvider config={coreConfig}>\n        <ShareablesUIProvider config={uiConfig}>\n          <ProductsApp\n            countryCode={userData?.country?.iso}\n            companyLogoUrl={userData?.company?.logo_url}\n            productId={productId}\n            onSelectProduct={handleSelectProduct}\n            onBack={handleBack}\n          />\n        </ShareablesUIProvider>\n      </ShareablesCoreProvider>\n    </div>\n  );\n}\n\nexport const productsScreenPropertySchema: WidgetPropertySchema = {\n  widgetType: \"ProductsScreen\",\n  displayName: \"Products Screen\",\n  tabsConfig: [{ id: \"styling\", label: \"Styling\" }],\n  fields: [],\n} as const satisfies WidgetPropertySchema;\n"],"mappings":";;;;;;;AAsBA,SAAgB,eAAe,EAE7B,YACA,WACA,aACA,SACA,cAEA,GAAG,YACsC;CACzC,MAAM,EAAE,WAAW,iBAAiB;CACpC,MAAM,EAAE,MAAM,aAAa,gBAAgB;CAC3C,MAAM,EAAE,aAAa,aAAa,kBAAkB;CAGpD,MAAM,YAAY,cAAc;AAE9B,SADc,YAAY,MAAM,kBAAkB,GACnC,MAAM;IACpB,CAAC,YAAY,CAAC;CAEjB,MAAM,sBAAsB,aACzB,OAAe;AACd,WAAS,YAAY,KAAK;IAE5B,CAAC,SAAS,CACX;CAED,MAAM,aAAa,kBAAkB;AACnC,WAAS,WAAW;IACnB,CAAC,SAAS,CAAC;CAEd,MAAM,aAAa,eACV;EACL,QAAQ,OAAO;EACf,MAAM,WAAW,EAAE,IAAI,SAAS,IAAI,GAAG;EACxC,GACD,CAAC,OAAO,aAAa,SAAS,CAC/B;CAED,MAAM,WAAW,eACR;EACL,MAAM,WACF;GACE,IAAI,SAAS;GACb,SAAS,SAAS,UACd,EAAE,UAAU,SAAS,QAAQ,UAAU,GACvC;GACL,GACD,KAAA;EACJ,UAAU;EACV,WAAW,SAAiB;AAC1B,YAAS,KAAK;;EAEhB,YAAY,SAGN;AACJ,WAAQ,IAAI,cAAc,KAAK,KAAK,IAAI,KAAK,QAAQ;;EAExD,GACD,CAAC,UAAU,SAAS,CACrB;AAED,QACE,oBAAC,OAAD;EAAK,GAAI;EAAU,WAAW,UAAU,SAAS,aAAa;YAC5D,oBAAC,wBAAD;GAAwB,QAAQ;aAC9B,oBAAC,sBAAD;IAAsB,QAAQ;cAC5B,oBAAC,aAAD;KACE,aAAa,UAAU,SAAS;KAChC,gBAAgB,UAAU,SAAS;KACxB;KACX,iBAAiB;KACjB,QAAQ;KACR,CAAA;IACmB,CAAA;GACA,CAAA;EACrB,CAAA;;AAIV,MAAa,+BAAqD;CAChE,YAAY;CACZ,aAAa;CACb,YAAY,CAAC;EAAE,IAAI;EAAW,OAAO;EAAW,CAAC;CACjD,QAAQ,EAAE;CACX"}

package/dist/{ProductsScreen-DzD-TPh5.cjs → ProductsScreen-CkE2nyuw.cjs}

@@ -1,8 +1,8 @@
 require("./chunk-9hOWP6kD.cjs");
 const require_FluidProvider = require("./FluidProvider-BmkSwcgV.cjs");
 const require_products = require("./products-CH5kIItT.cjs");
-const require_AppNavigationContext = require("./AppNavigationContext-DrayF_RG.cjs");
-const require_src = require("./src-DMjlIMO9.cjs");
+const require_AppNavigationContext = require("./AppNavigationContext-DAcrNgXZ.cjs");
+const require_src = require("./src-vxm9rMYT.cjs");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/screens/ProductsScreen.tsx
@@ -77,4 +77,4 @@ Object.defineProperty(exports, "productsScreenPropertySchema", {
 	}
 });
 
-//# sourceMappingURL=ProductsScreen-DzD-TPh5.cjs.map
+//# sourceMappingURL=ProductsScreen-CkE2nyuw.cjs.map

package/dist/{ProductsScreen-DzD-TPh5.cjs.map → ProductsScreen-CkE2nyuw.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"ProductsScreen-DzD-TPh5.cjs","names":["useFluidContext","useCurrentUser","useAppNavigation","ShareablesCoreProvider","ShareablesUIProvider","ProductsApp"],"sources":["../src/screens/ProductsScreen.tsx"],"sourcesContent":["import { useCallback, useMemo, 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 { ShareablesCoreProvider } from \"@fluid-app/shareables-core\";\nimport { ShareablesUIProvider, ProductsApp } from \"@fluid-app/shareables-ui\";\nimport { useFluidContext } from \"../providers/FluidProvider\";\nimport { useCurrentUser } from \"../hooks/use-current-user\";\nimport { useAppNavigation } from \"../shell/AppNavigationContext\";\n\ntype ProductsScreenProps = ComponentProps<\"div\"> & {\n  background?: BackgroundValue;\n  textColor?: ColorOptions;\n  accentColor?: ColorOptions;\n  padding?: PaddingOptions;\n  borderRadius?: BorderRadiusOptions;\n};\n\nexport function ProductsScreen({\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}: ProductsScreenProps): React.JSX.Element {\n  const { client } = useFluidContext();\n  const { data: userData } = useCurrentUser();\n  const { currentSlug, navigate } = useAppNavigation();\n\n  // Extract product ID from slug: \"products/123\" → \"123\"\n  const productId = useMemo(() => {\n    const match = currentSlug.match(/^products\\/(.+)/);\n    return match?.[1] ?? null;\n  }, [currentSlug]);\n\n  const handleSelectProduct = useCallback(\n    (id: string) => {\n      navigate(`products/${id}`);\n    },\n    [navigate],\n  );\n\n  const handleBack = useCallback(() => {\n    navigate(\"products\");\n  }, [navigate]);\n\n  const coreConfig = useMemo(\n    () => ({\n      client: client.fetchClient,\n      user: userData ? { id: userData.id } : null,\n    }),\n    [client.fetchClient, userData],\n  );\n\n  const uiConfig = useMemo(\n    () => ({\n      user: userData\n        ? {\n            id: userData.id,\n            company: userData.company\n              ? { logo_url: userData.company.logo_url }\n              : null,\n          }\n        : undefined,\n      basePath: \"\",\n      navigate: (path: string) => {\n        navigate(path);\n      },\n      showToast: (opts: {\n        title: string;\n        type: \"success\" | \"error\" | \"warning\";\n      }) => {\n        console.log(`[Products] ${opts.type}: ${opts.title}`);\n      },\n    }),\n    [userData, navigate],\n  );\n\n  return (\n    <div {...divProps} className={`h-full ${divProps.className ?? \"\"}`}>\n      <ShareablesCoreProvider config={coreConfig}>\n        <ShareablesUIProvider config={uiConfig}>\n          <ProductsApp\n            countryCode={userData?.country?.iso}\n            companyLogoUrl={userData?.company?.logo_url}\n            productId={productId}\n            onSelectProduct={handleSelectProduct}\n            onBack={handleBack}\n          />\n        </ShareablesUIProvider>\n      </ShareablesCoreProvider>\n    </div>\n  );\n}\n\nexport const productsScreenPropertySchema: WidgetPropertySchema = {\n  widgetType: \"ProductsScreen\",\n  displayName: \"Products Screen\",\n  tabsConfig: [{ id: \"styling\", label: \"Styling\" }],\n  fields: [],\n} as const satisfies WidgetPropertySchema;\n"],"mappings":";;;;;;;;AAsBA,SAAgB,eAAe,EAE7B,YACA,WACA,aACA,SACA,cAEA,GAAG,YACsC;CACzC,MAAM,EAAE,WAAWA,sBAAAA,iBAAiB;CACpC,MAAM,EAAE,MAAM,aAAaC,iBAAAA,gBAAgB;CAC3C,MAAM,EAAE,aAAa,aAAaC,6BAAAA,kBAAkB;CAGpD,MAAM,aAAA,GAAA,MAAA,eAA0B;AAE9B,SADc,YAAY,MAAM,kBAAkB,GACnC,MAAM;IACpB,CAAC,YAAY,CAAC;CAEjB,MAAM,uBAAA,GAAA,MAAA,cACH,OAAe;AACd,WAAS,YAAY,KAAK;IAE5B,CAAC,SAAS,CACX;CAED,MAAM,cAAA,GAAA,MAAA,mBAA+B;AACnC,WAAS,WAAW;IACnB,CAAC,SAAS,CAAC;CAEd,MAAM,cAAA,GAAA,MAAA,gBACG;EACL,QAAQ,OAAO;EACf,MAAM,WAAW,EAAE,IAAI,SAAS,IAAI,GAAG;EACxC,GACD,CAAC,OAAO,aAAa,SAAS,CAC/B;CAED,MAAM,YAAA,GAAA,MAAA,gBACG;EACL,MAAM,WACF;GACE,IAAI,SAAS;GACb,SAAS,SAAS,UACd,EAAE,UAAU,SAAS,QAAQ,UAAU,GACvC;GACL,GACD,KAAA;EACJ,UAAU;EACV,WAAW,SAAiB;AAC1B,YAAS,KAAK;;EAEhB,YAAY,SAGN;AACJ,WAAQ,IAAI,cAAc,KAAK,KAAK,IAAI,KAAK,QAAQ;;EAExD,GACD,CAAC,UAAU,SAAS,CACrB;AAED,QACE,iBAAA,GAAA,kBAAA,KAAC,OAAD;EAAK,GAAI;EAAU,WAAW,UAAU,SAAS,aAAa;YAC5D,iBAAA,GAAA,kBAAA,KAACC,YAAAA,wBAAD;GAAwB,QAAQ;aAC9B,iBAAA,GAAA,kBAAA,KAACC,YAAAA,sBAAD;IAAsB,QAAQ;cAC5B,iBAAA,GAAA,kBAAA,KAACC,YAAAA,aAAD;KACE,aAAa,UAAU,SAAS;KAChC,gBAAgB,UAAU,SAAS;KACxB;KACX,iBAAiB;KACjB,QAAQ;KACR,CAAA;IACmB,CAAA;GACA,CAAA;EACrB,CAAA;;AAIV,MAAa,+BAAqD;CAChE,YAAY;CACZ,aAAa;CACb,YAAY,CAAC;EAAE,IAAI;EAAW,OAAO;EAAW,CAAC;CACjD,QAAQ,EAAE;CACX"}
+{"version":3,"file":"ProductsScreen-CkE2nyuw.cjs","names":["useFluidContext","useCurrentUser","useAppNavigation","ShareablesCoreProvider","ShareablesUIProvider","ProductsApp"],"sources":["../src/screens/ProductsScreen.tsx"],"sourcesContent":["import { useCallback, useMemo, 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 { ShareablesCoreProvider } from \"@fluid-app/shareables-core\";\nimport { ShareablesUIProvider, ProductsApp } from \"@fluid-app/shareables-ui\";\nimport { useFluidContext } from \"../providers/FluidProvider\";\nimport { useCurrentUser } from \"../hooks/use-current-user\";\nimport { useAppNavigation } from \"../shell/AppNavigationContext\";\n\ntype ProductsScreenProps = ComponentProps<\"div\"> & {\n  background?: BackgroundValue;\n  textColor?: ColorOptions;\n  accentColor?: ColorOptions;\n  padding?: PaddingOptions;\n  borderRadius?: BorderRadiusOptions;\n};\n\nexport function ProductsScreen({\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}: ProductsScreenProps): React.JSX.Element {\n  const { client } = useFluidContext();\n  const { data: userData } = useCurrentUser();\n  const { currentSlug, navigate } = useAppNavigation();\n\n  // Extract product ID from slug: \"products/123\" → \"123\"\n  const productId = useMemo(() => {\n    const match = currentSlug.match(/^products\\/(.+)/);\n    return match?.[1] ?? null;\n  }, [currentSlug]);\n\n  const handleSelectProduct = useCallback(\n    (id: string) => {\n      navigate(`products/${id}`);\n    },\n    [navigate],\n  );\n\n  const handleBack = useCallback(() => {\n    navigate(\"products\");\n  }, [navigate]);\n\n  const coreConfig = useMemo(\n    () => ({\n      client: client.fetchClient,\n      user: userData ? { id: userData.id } : null,\n    }),\n    [client.fetchClient, userData],\n  );\n\n  const uiConfig = useMemo(\n    () => ({\n      user: userData\n        ? {\n            id: userData.id,\n            company: userData.company\n              ? { logo_url: userData.company.logo_url }\n              : null,\n          }\n        : undefined,\n      basePath: \"\",\n      navigate: (path: string) => {\n        navigate(path);\n      },\n      showToast: (opts: {\n        title: string;\n        type: \"success\" | \"error\" | \"warning\";\n      }) => {\n        console.log(`[Products] ${opts.type}: ${opts.title}`);\n      },\n    }),\n    [userData, navigate],\n  );\n\n  return (\n    <div {...divProps} className={`h-full ${divProps.className ?? \"\"}`}>\n      <ShareablesCoreProvider config={coreConfig}>\n        <ShareablesUIProvider config={uiConfig}>\n          <ProductsApp\n            countryCode={userData?.country?.iso}\n            companyLogoUrl={userData?.company?.logo_url}\n            productId={productId}\n            onSelectProduct={handleSelectProduct}\n            onBack={handleBack}\n          />\n        </ShareablesUIProvider>\n      </ShareablesCoreProvider>\n    </div>\n  );\n}\n\nexport const productsScreenPropertySchema: WidgetPropertySchema = {\n  widgetType: \"ProductsScreen\",\n  displayName: \"Products Screen\",\n  tabsConfig: [{ id: \"styling\", label: \"Styling\" }],\n  fields: [],\n} as const satisfies WidgetPropertySchema;\n"],"mappings":";;;;;;;;AAsBA,SAAgB,eAAe,EAE7B,YACA,WACA,aACA,SACA,cAEA,GAAG,YACsC;CACzC,MAAM,EAAE,WAAWA,sBAAAA,iBAAiB;CACpC,MAAM,EAAE,MAAM,aAAaC,iBAAAA,gBAAgB;CAC3C,MAAM,EAAE,aAAa,aAAaC,6BAAAA,kBAAkB;CAGpD,MAAM,aAAA,GAAA,MAAA,eAA0B;AAE9B,SADc,YAAY,MAAM,kBAAkB,GACnC,MAAM;IACpB,CAAC,YAAY,CAAC;CAEjB,MAAM,uBAAA,GAAA,MAAA,cACH,OAAe;AACd,WAAS,YAAY,KAAK;IAE5B,CAAC,SAAS,CACX;CAED,MAAM,cAAA,GAAA,MAAA,mBAA+B;AACnC,WAAS,WAAW;IACnB,CAAC,SAAS,CAAC;CAEd,MAAM,cAAA,GAAA,MAAA,gBACG;EACL,QAAQ,OAAO;EACf,MAAM,WAAW,EAAE,IAAI,SAAS,IAAI,GAAG;EACxC,GACD,CAAC,OAAO,aAAa,SAAS,CAC/B;CAED,MAAM,YAAA,GAAA,MAAA,gBACG;EACL,MAAM,WACF;GACE,IAAI,SAAS;GACb,SAAS,SAAS,UACd,EAAE,UAAU,SAAS,QAAQ,UAAU,GACvC;GACL,GACD,KAAA;EACJ,UAAU;EACV,WAAW,SAAiB;AAC1B,YAAS,KAAK;;EAEhB,YAAY,SAGN;AACJ,WAAQ,IAAI,cAAc,KAAK,KAAK,IAAI,KAAK,QAAQ;;EAExD,GACD,CAAC,UAAU,SAAS,CACrB;AAED,QACE,iBAAA,GAAA,kBAAA,KAAC,OAAD;EAAK,GAAI;EAAU,WAAW,UAAU,SAAS,aAAa;YAC5D,iBAAA,GAAA,kBAAA,KAACC,YAAAA,wBAAD;GAAwB,QAAQ;aAC9B,iBAAA,GAAA,kBAAA,KAACC,YAAAA,sBAAD;IAAsB,QAAQ;cAC5B,iBAAA,GAAA,kBAAA,KAACC,YAAAA,aAAD;KACE,aAAa,UAAU,SAAS;KAChC,gBAAgB,UAAU,SAAS;KACxB;KACX,iBAAiB;KACjB,QAAQ;KACR,CAAA;IACmB,CAAA;GACA,CAAA;EACrB,CAAA;;AAIV,MAAa,+BAAqD;CAChE,YAAY;CACZ,aAAa;CACb,YAAY,CAAC;EAAE,IAAI;EAAW,OAAO;EAAW,CAAC;CACjD,QAAQ,EAAE;CACX"}

package/dist/{ProductsScreen-CdP_m_Ok.cjs → ProductsScreen-PCg91SbX.cjs}

@@ -27,8 +27,8 @@ require("./SpacerWidget-DyZ49XpL.cjs");
 require("./TableWidget-2ttj9H5g.cjs");
 require("./ToDoWidget-CrZ9xJV1.cjs");
 require("./VideoWidget-BJrnmHCe.cjs");
-require("./es-kNOrmozy.cjs");
-require("./src-DMjlIMO9.cjs");
-const require_ProductsScreen = require("./ProductsScreen-DzD-TPh5.cjs");
+require("./es-BtechuHV.cjs");
+require("./src-vxm9rMYT.cjs");
+const require_ProductsScreen = require("./ProductsScreen-CkE2nyuw.cjs");
 exports.ProductsScreen = require_ProductsScreen.ProductsScreen;
 exports.productsScreenPropertySchema = require_ProductsScreen.productsScreenPropertySchema;