@fluid-app/portal-sdk 0.1.208 → 0.1.209

package/dist/index.mjs

@@ -1,5 +1,5 @@
 import "./es-DmEK0Umf.mjs";
-import { a as createScreen, c as FluidThemeProvider, h as deleteDatabase, i as widgetPropertySchemas, l as useThemeContext, m as createPersister, n as useFluidContext, o as createWidgetFromShareable, p as useAppDefinitionApi, r as DEFAULT_SDK_WIDGET_REGISTRY, s as createWidgetRegistry, t as FluidProvider } from "./FluidProvider-0Mba_MWW.mjs";
+import { a as createScreen, c as FluidThemeProvider, h as deleteDatabase, i as widgetPropertySchemas, l as useThemeContext, m as createPersister, n as useFluidContext, o as createWidgetFromShareable, p as useAppDefinitionApi, r as DEFAULT_SDK_WIDGET_REGISTRY, s as createWidgetRegistry, t as FluidProvider } from "./FluidProvider-BhXU4mXn.mjs";
 import { a as assertNever, i as assertDefined, n as DataAwareWidget, o as isWidgetType, r as WIDGET_TYPE_NAMES, s as isWidgetTypeName, u as useRegistry } from "./ScreenRenderer-Cv2rxvtF.mjs";
 import "./account-api-context-BIZ_aibJ.mjs";
 import "./store-api-context-C1lXT_3d.mjs";
@@ -20,7 +20,7 @@ import { r as calendarWidgetPropertySchema, t as CalendarWidget } from "./Calend
 import { r as cardWidgetPropertySchema, t as CardWidget } from "./CardWidget-gcPNwuZk.mjs";
 import "./purify.es-Bl6SBkmi.mjs";
 import { C as Skeleton$1, En as Button, Pn as cn$1, _t as CollapsibleContent, gt as Collapsible, ht as PopoverTrigger, mt as PopoverContent, pt as Popover, vt as CollapsibleTrigger, x as Toaster } from "./src-BEx23d86.mjs";
-import { a as useMessagingConfig, i as createFluidFileUploader, o as useMessagingAuth, r as messagingScreenPropertySchema, t as MessagingScreen } from "./MessagingScreen-BKgNsHdQ.mjs";
+import { a as useMessagingConfig, i as createFluidFileUploader, o as useMessagingAuth, r as messagingScreenPropertySchema, t as MessagingScreen } from "./MessagingScreen-DZPzRM2a.mjs";
 import { r as subscriptionsScreenPropertySchema, t as SubscriptionsScreen } from "./SubscriptionsScreen-CuP9OfBI.mjs";
 import "./scroll-arrows-CYshgsiB.mjs";
 import "./MediaRenderer-CEtrOi5O.mjs";
@@ -35,7 +35,7 @@ import { r as mySiteWidgetPropertySchema, t as MySiteWidget } from "./MySiteWidg
 import { r as nestedWidgetPropertySchema, t as NestedWidget } from "./NestedWidget-J9sJbt9s.mjs";
 import { r as pointsWidgetPropertySchema, t as PointsWidget } from "./PointsWidget-CoDqvWC5.mjs";
 import { r as quickShareWidgetPropertySchema, t as QuickShareWidget } from "./QuickShareWidget-Dbjueevf.mjs";
-import { r as recentActivityWidgetPropertySchema, t as RecentActivityWidget } from "./RecentActivityWidget-D-uJcFkE.mjs";
+import { r as recentActivityWidgetPropertySchema, t as RecentActivityWidget } from "./RecentActivityWidget-C6qm5x9b.mjs";
 import { r as separatorWidgetPropertySchema, t as SeparatorWidget } from "./SeparatorWidget-Clm35u4g.mjs";
 import { r as spacerWidgetPropertySchema, t as SpacerWidget } from "./SpacerWidget-JyChGNdx.mjs";
 import { r as tableWidgetPropertySchema, t as TableWidget } from "./TableWidget-DVfzScu1.mjs";
@@ -46,7 +46,7 @@ import { t as useAccount } from "./use-account-B16Tor2Q.mjs";
 import { t as useStore } from "./use-store-BnHhQDYo.mjs";
 import { i as CoreScreenPlaceholder, r as customersScreenPropertySchema, t as CustomersScreen } from "./CustomersScreen-CeLL33Gu.mjs";
 import { n as useAppNavigation, t as AppNavigationProvider } from "./AppNavigationContext-BW3lSpfT.mjs";
-import { r as profileScreenPropertySchema, t as ProfileScreen } from "./ProfileScreen-WC3LIwDh.mjs";
+import { r as profileScreenPropertySchema, t as ProfileScreen } from "./ProfileScreen-BVlyq4I8.mjs";
 import "./dist-BETEuYfn.mjs";
 import { r as contactsScreenPropertySchema, t as ContactsScreen } from "./ContactsScreen-CCsst8bb.mjs";
 import "./SearchSort-TmuNOCwA.mjs";
@@ -61,7 +61,7 @@ import { n as productsScreenPropertySchema, t as ProductsScreen } from "./Produc
 import "./use-mysite-portal-axe_PFzR.mjs";
 import { r as mySiteScreenPropertySchema, t as MySiteScreen } from "./MySiteScreen-Dz5htti5.mjs";
 import { n as shareablesScreenPropertySchema, t as ShareablesScreen } from "./ShareablesScreen-BZK_lSdi.mjs";
-import { r as shopScreenPropertySchema, t as ShopScreen } from "./ShopScreen-BfexFHUc.mjs";
+import { r as shopScreenPropertySchema, t as ShopScreen } from "./ShopScreen-DAZC9E9E.mjs";
 import "./UpgradeScreen-K1atEcyx.mjs";
 import "./AppDownloadScreen-CLSjQhHn.mjs";
 import * as React$1 from "react";
@@ -2132,12 +2132,12 @@ function AccountManageLayout({ children }) {
 }
 //#endregion
 //#region src/shell/system-screen-map.ts
-const ProfileScreen$1 = lazy(() => import("./ProfileScreen-WC3LIwDh.mjs").then((n) => n.n).then((m) => ({ default: m.ProfileScreen })));
+const ProfileScreen$1 = lazy(() => import("./ProfileScreen-BVlyq4I8.mjs").then((n) => n.n).then((m) => ({ default: m.ProfileScreen })));
 const OrdersScreen$1 = lazy(() => import("./OrdersScreen-D4pe5mLs.mjs").then((n) => n.n).then((m) => ({ default: m.OrdersScreen })));
 const SubscriptionsScreen$1 = lazy(() => import("./SubscriptionsScreen-CuP9OfBI.mjs").then((n) => n.n).then((m) => ({ default: m.SubscriptionsScreen })));
-const MessagingScreen$1 = lazy(() => import("./MessagingScreen-BKgNsHdQ.mjs").then((n) => n.n).then((m) => ({ default: m.MessagingScreen })));
+const MessagingScreen$1 = lazy(() => import("./MessagingScreen-DZPzRM2a.mjs").then((n) => n.n).then((m) => ({ default: m.MessagingScreen })));
 const ContactsScreen$1 = lazy(() => import("./ContactsScreen-CCsst8bb.mjs").then((n) => n.n).then((m) => ({ default: m.ContactsScreen })));
-const ShopScreen$1 = lazy(() => import("./ShopScreen-BfexFHUc.mjs").then((n) => n.n).then((m) => ({ default: m.ShopScreen })));
+const ShopScreen$1 = lazy(() => import("./ShopScreen-DAZC9E9E.mjs").then((n) => n.n).then((m) => ({ default: m.ShopScreen })));
 const CustomersScreen$1 = lazy(() => import("./CustomersScreen-CeLL33Gu.mjs").then((n) => n.n).then((m) => ({ default: m.CustomersScreen })));
 const ProductsScreen$1 = lazy(() => import("./ProductsScreen-CRV1_NVf.mjs").then((m) => ({ default: m.ProductsScreen })));
 const ShareablesScreen$1 = lazy(() => import("./ShareablesScreen-Ce7kJAPw.mjs").then((m) => ({ default: m.ShareablesScreen })));
@@ -3627,8 +3627,8 @@ z.object({
 //#endregion
 //#region src/screens/index.ts
 const screenPropertySchemas = {
-	ProfileScreen: () => import("./ProfileScreen-WC3LIwDh.mjs").then((n) => n.n).then((m) => m.profileScreenPropertySchema),
-	MessagingScreen: () => import("./MessagingScreen-BKgNsHdQ.mjs").then((n) => n.n).then((m) => m.messagingScreenPropertySchema),
+	ProfileScreen: () => import("./ProfileScreen-BVlyq4I8.mjs").then((n) => n.n).then((m) => m.profileScreenPropertySchema),
+	MessagingScreen: () => import("./MessagingScreen-DZPzRM2a.mjs").then((n) => n.n).then((m) => m.messagingScreenPropertySchema),
 	ContactsScreen: () => import("./ContactsScreen-CCsst8bb.mjs").then((n) => n.n).then((m) => m.contactsScreenPropertySchema),
 	OrdersScreen: () => import("./OrdersScreen-D4pe5mLs.mjs").then((n) => n.n).then((m) => m.ordersScreenPropertySchema),
 	SubscriptionsScreen: () => import("./SubscriptionsScreen-CuP9OfBI.mjs").then((n) => n.n).then((m) => m.subscriptionsScreenPropertySchema),
@@ -3636,7 +3636,7 @@ const screenPropertySchemas = {
 	ProductsScreen: () => import("./ProductsScreen-CRV1_NVf.mjs").then((m) => m.productsScreenPropertySchema),
 	MySiteScreen: () => import("./MySiteScreen-Dz5htti5.mjs").then((n) => n.n).then((m) => m.mySiteScreenPropertySchema),
 	ShareablesScreen: () => import("./ShareablesScreen-Ce7kJAPw.mjs").then((m) => m.shareablesScreenPropertySchema),
-	ShopScreen: () => import("./ShopScreen-BfexFHUc.mjs").then((n) => n.n).then((m) => m.shopScreenPropertySchema),
+	ShopScreen: () => import("./ShopScreen-DAZC9E9E.mjs").then((n) => n.n).then((m) => m.shopScreenPropertySchema),
 	UpgradeScreen: () => import("./UpgradeScreen-K1atEcyx.mjs").then((n) => n.t).then((m) => m.upgradeScreenPropertySchema),
 	AppDownloadScreen: () => import("./AppDownloadScreen-CLSjQhHn.mjs").then((n) => n.t).then((m) => m.appDownloadScreenPropertySchema)
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluid-app/portal-sdk",
-  "version": "0.1.208",
+  "version": "0.1.209",
   "description": "SDK for building custom Fluid portals",
   "files": [
     "dist",
@@ -74,18 +74,18 @@
     "@fluid-app/api-client-core": "0.1.0",
     "@fluid-app/auth": "0.1.0",
     "@fluid-app/cart-ui": "0.1.17",
-    "@fluid-app/company-switcher-core": "0.1.0",
     "@fluid-app/company-switcher-ui": "0.1.0",
-    "@fluid-app/contacts-ui": "0.1.0",
-    "@fluid-app/contacts-core": "0.1.0",
+    "@fluid-app/company-switcher-core": "0.1.0",
     "@fluid-app/file-picker-api-client": "0.1.0",
     "@fluid-app/file-picker-core": "0.1.0",
-    "@fluid-app/fluidos-api-client": "0.1.0",
+    "@fluid-app/contacts-ui": "0.1.0",
     "@fluid-app/fluid-pay-core": "0.1.0",
+    "@fluid-app/fluidos-api-client": "0.1.0",
     "@fluid-app/messaging-api-client": "0.1.0",
+    "@fluid-app/contacts-core": "0.1.0",
+    "@fluid-app/mysite-core": "0.1.0",
     "@fluid-app/messaging-core": "0.1.0",
     "@fluid-app/messaging-ui": "0.1.0",
-    "@fluid-app/mysite-core": "0.1.0",
     "@fluid-app/mysite-ui": "0.1.0",
     "@fluid-app/orders-core": "0.1.0",
     "@fluid-app/orders-ui": "0.1.0",
@@ -95,23 +95,23 @@
     "@fluid-app/portal-preview": "0.1.0",
     "@fluid-app/portal-pro-upgrade-ui": "0.1.0",
     "@fluid-app/portal-react": "0.1.0",
-    "@fluid-app/portal-tenant-api-client": "0.1.0",
     "@fluid-app/portal-tenant-contacts-api-client": "0.1.0",
     "@fluid-app/portal-tenant-content-api-client": "0.1.0",
+    "@fluid-app/portal-tenant-api-client": "0.1.0",
     "@fluid-app/portal-tenant-mysite-api-client": "0.1.0",
     "@fluid-app/portal-tenant-pay-api-client": "0.1.0",
     "@fluid-app/portal-tenant-store-api-client": "0.1.0",
+    "@fluid-app/products-core": "0.1.0",
     "@fluid-app/portal-widgets": "0.1.22",
     "@fluid-app/products-api-client": "0.1.0",
-    "@fluid-app/products-core": "0.1.0",
     "@fluid-app/profile-core": "0.1.0",
     "@fluid-app/profile-ui": "0.1.0",
     "@fluid-app/query-persister": "0.1.0",
     "@fluid-app/shareables-core": "0.1.0",
     "@fluid-app/shareables-ui": "0.1.0",
     "@fluid-app/shop-ui": "0.1.0",
-    "@fluid-app/store-api-client": "0.1.0",
     "@fluid-app/store-core": "0.1.0",
+    "@fluid-app/store-api-client": "0.1.0",
     "@fluid-app/subscriptions-core": "0.1.0",
     "@fluid-app/subscriptions-ui": "0.1.0",
     "@fluid-app/typescript-config": "0.0.0",

package/dist/RecentActivityWidget-CWr6bFgP.cjs

@@ -1,394 +0,0 @@
-const require_chunk = require("./chunk-9hOWP6kD.cjs");
-const require_registry_context = require("./registry-context-RWj2xJlC.cjs");
-const require_error_state = require("./error-state-C-AalLnz.cjs");
-const require_registries = require("./registries-CpUM406S.cjs");
-const require_purify_es = require("./purify.es-BQcWWtgQ.cjs");
-let react = require("react");
-let _tanstack_react_query = require("@tanstack/react-query");
-let react_jsx_runtime = require("react/jsx-runtime");
-let lucide_react = require("lucide-react");
-//#region ../widgets/src/hooks/use-activities.preview.ts
-const now = /* @__PURE__ */ new Date();
-function minutesAgo(minutes) {
-	return (/* @__PURE__ */ new Date(now.getTime() - minutes * 6e4)).toISOString();
-}
-const PREVIEW_DATA = [
-	{
-		id: 1,
-		userName: "Sarah Johnson",
-		avatarUrl: null,
-		activityType: "Order Placed",
-		targetName: "Wellness Starter Kit",
-		timestamp: minutesAgo(12),
-		slug: "order_placed"
-	},
-	{
-		id: 2,
-		userName: "Mike Chen",
-		avatarUrl: null,
-		activityType: "New Lead",
-		targetName: "Signed up from Instagram link",
-		timestamp: minutesAgo(45),
-		slug: "new_lead"
-	},
-	{
-		id: 3,
-		userName: "Visitor from Austin, TX",
-		avatarUrl: null,
-		activityType: "Page Views",
-		targetName: "Viewed product catalog (3 pages)",
-		timestamp: minutesAgo(90),
-		slug: "page_views"
-	},
-	{
-		id: 4,
-		userName: "Lisa Park",
-		avatarUrl: null,
-		activityType: "Video Complete",
-		targetName: "Watched: Getting Started Guide",
-		timestamp: minutesAgo(180),
-		slug: "video_complete"
-	}
-];
-//#endregion
-//#region ../widgets/src/hooks/use-activities.ts
-function useActivities() {
-	const widgetsApi = require_error_state.useWidgetsApi();
-	const { isPreview } = require_error_state.useWidgetPreviewContext();
-	const { baseUrl } = require_registry_context.useDataSourceRegistryConfig();
-	return (0, _tanstack_react_query.useQuery)({
-		queryKey: [
-			"portal-widget-use",
-			"activities",
-			isPreview ? "preview" : baseUrl
-		],
-		queryFn: ({ signal }) => widgetsApi.fetchActivities(signal),
-		enabled: !isPreview,
-		...isPreview && { placeholderData: PREVIEW_DATA }
-	});
-}
-//#endregion
-//#region ../widgets/src/widgets/RecentActivityWidget.tsx
-var RecentActivityWidget_exports = /* @__PURE__ */ require_chunk.__exportAll({
-	RecentActivityWidget: () => RecentActivityWidget,
-	recentActivityWidgetPropertySchema: () => recentActivityWidgetPropertySchema
-});
-const formatTimestamp = (timestamp) => {
-	return new Date(timestamp).toLocaleTimeString("en-US", {
-		hour: "numeric",
-		minute: "2-digit",
-		hour12: true
-	});
-};
-const formatDateHeader = (timestamp) => {
-	return new Date(timestamp).toLocaleDateString("en-US", {
-		month: "long",
-		day: "numeric"
-	});
-};
-const getDateKey = (timestamp) => {
-	return new Date(timestamp).toISOString().split("T")[0] ?? timestamp;
-};
-const groupActivitiesByDate = (activities) => {
-	const grouped = /* @__PURE__ */ new Map();
-	for (const activity of activities) {
-		const dateKey = getDateKey(activity.timestamp);
-		const existing = grouped.get(dateKey);
-		if (existing) existing.push(activity);
-		else grouped.set(dateKey, [activity]);
-	}
-	return grouped;
-};
-const ACTIVITY_ICON_MAP = {
-	order_placed: lucide_react.ShoppingCart,
-	abandoned_cart: lucide_react.ShoppingCart,
-	cart_items_added: lucide_react.ShoppingCart,
-	new_cart_items_added: lucide_react.ShoppingCart,
-	direct_message: lucide_react.MessageSquare,
-	comment_reply: lucide_react.MessageSquare,
-	message_received: lucide_react.MessageSquare,
-	message_sent: lucide_react.MessageSquare,
-	video: lucide_react.Play,
-	video_complete: lucide_react.Play,
-	video_contact: lucide_react.Play,
-	video_complete_contact: lucide_react.Play,
-	new_lead: lucide_react.UserPlus,
-	page_views_contact: lucide_react.UserPlus,
-	smart_link_clicked: lucide_react.UserPlus,
-	page_views: lucide_react.Eye,
-	upcoming_event: lucide_react.Calendar,
-	review_left: lucide_react.Star,
-	tasks: lucide_react.SquareCheck,
-	announcements: lucide_react.Bell,
-	fantasy_point: lucide_react.Trophy
-};
-const getActivityIcon = (slug) => ACTIVITY_ICON_MAP[slug] ?? lucide_react.User;
-function ActivityFeedItem({ activity, accentColor, textColor }) {
-	const Icon = getActivityIcon(activity.slug);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-		className: "flex w-full items-start gap-1.5",
-		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-			className: "shrink-0",
-			children: activity.avatarUrl ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-				className: "relative size-8 overflow-hidden rounded-full",
-				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("img", {
-					src: activity.avatarUrl,
-					alt: activity.userName,
-					className: "size-full object-cover"
-				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { className: "border-foreground/[0.08] absolute inset-0 rounded-full border" })]
-			}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-				className: `bg-muted flex size-8 items-center justify-center rounded-full`,
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Icon, { className: `size-3.5 text-${textColor} opacity-60` })
-			})
-		}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-			className: "min-w-0 flex-1",
-			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-				className: "flex w-full items-center gap-1.5",
-				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-					className: `flex-1 text-base font-semibold text-${textColor} truncate`,
-					children: activity.activityType
-				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-					className: `text-xs text-${textColor} shrink-0 opacity-50`,
-					children: formatTimestamp(activity.timestamp)
-				})]
-			}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("p", {
-				className: `text-sm text-${textColor} opacity-80`,
-				children: [
-					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-						className: `font-medium text-${accentColor}`,
-						children: activity.userName
-					}),
-					" ",
-					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { dangerouslySetInnerHTML: { __html: require_purify_es.purify.sanitize(activity.targetName, {
-						ALLOWED_TAGS: [
-							"br",
-							"strong",
-							"em",
-							"b",
-							"i"
-						],
-						ALLOWED_ATTR: []
-					}) } })
-				]
-			})]
-		})]
-	});
-}
-function RecentActivityWidget({ titleEnabled = true, titleText = "Recent Activity", titleFontSize = "lg", titleColor = "foreground", background = {
-	type: "solid",
-	color: "background"
-}, textColor = "foreground", accentColor = "primary", padding = 4, borderRadius = "md", borderWidth = "thin", borderColor = "muted", maxItemsToShow = 5, className, ...props }) {
-	const backgroundColor = background.color || "background";
-	const backgroundImage = (background.resource?.image_url || background.resource?.imageUrl) && background.type === "image" ? `url(${background.resource.image_url || background.resource.imageUrl})` : "none";
-	const { data: activities = [], isLoading, isError } = useActivities();
-	const groupedActivities = (0, react.useMemo)(() => groupActivitiesByDate(activities), [activities]);
-	const totalCount = Math.min(activities.length, maxItemsToShow);
-	const activitiesToShow = (0, react.useMemo)(() => {
-		const result = [];
-		let count = 0;
-		for (const [dateKey, items] of groupedActivities) {
-			if (count >= maxItemsToShow) break;
-			const remainingSlots = maxItemsToShow - count;
-			const itemsToAdd = items.slice(0, remainingSlots);
-			if (itemsToAdd.length > 0) {
-				result.push({
-					date: formatDateHeader(items[0]?.timestamp ?? dateKey),
-					items: itemsToAdd
-				});
-				count += itemsToAdd.length;
-			}
-		}
-		return result;
-	}, [groupedActivities, maxItemsToShow]);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-		className: `@container overflow-hidden rounded-${borderRadius} bg-${backgroundColor} text-${textColor} ${require_registries.borderWidthClasses[borderWidth]} ${borderWidth !== "none" ? require_registries.borderColorClasses[borderColor] : ""} ${className}`,
-		style: { backgroundImage },
-		...props,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-			className: `p-${padding} flex flex-col gap-2`,
-			children: [titleEnabled && titleText && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-				className: "flex w-full items-start gap-2",
-				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h2", {
-					className: `flex-1 text-${titleFontSize} font-header font-bold text-${titleColor}`,
-					children: titleText
-				}), !isLoading && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-					className: `text-4xl font-bold text-${textColor} leading-none`,
-					children: totalCount.toString().padStart(2, "0")
-				})]
-			}), isLoading ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-				className: "flex min-h-[200px] items-center justify-center",
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { className: "h-8 w-8 animate-spin rounded-full border-2 border-current border-t-transparent" })
-			}) : isError ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_error_state.ErrorState, {}) : activities.length === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-				className: "flex min-h-[200px] flex-col items-center justify-center gap-2",
-				children: [
-					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.User, { className: `size-12 text-${textColor} opacity-30` }),
-					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-						className: `text-base font-semibold text-${textColor} opacity-50`,
-						children: "No Activity To Report"
-					}),
-					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-						className: `text-sm text-${textColor} opacity-40`,
-						children: "You'll Do Great!"
-					})
-				]
-			}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-				className: "flex flex-col gap-4",
-				children: activitiesToShow.map((group, groupIndex) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-					className: "flex flex-col gap-4",
-					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-						className: `text-base font-semibold text-${textColor}`,
-						children: group.date
-					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-						className: "flex flex-col gap-4",
-						children: group.items.map((activity) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ActivityFeedItem, {
-							activity,
-							accentColor,
-							textColor
-						}, activity.id))
-					})]
-				}, groupIndex))
-			})]
-		})
-	});
-}
-const recentActivityWidgetPropertySchema = {
-	widgetType: "RecentActivityWidget",
-	displayName: "Recent Activity Widget",
-	tabsConfig: [{
-		id: "styling",
-		label: "Styling"
-	}],
-	fields: [
-		{
-			key: "titleEnabled",
-			label: "Widget Title",
-			type: "boolean",
-			description: "Enable the title displayed above the activity feed",
-			defaultValue: true,
-			tab: "styling",
-			group: "Title"
-		},
-		{
-			key: "titleText",
-			label: "Title",
-			type: "text",
-			description: "Title text displayed above the activity feed",
-			defaultValue: "Recent Activity",
-			tab: "styling",
-			group: "Title",
-			requiresKeyToBeTrue: "titleEnabled"
-		},
-		require_registries.getFontSizeField({
-			key: "titleFontSize",
-			label: "Title Font Size",
-			description: "Font size for the widget title",
-			defaultValue: "xl",
-			tab: "styling",
-			group: "Title",
-			requiresKeyToBeTrue: "titleEnabled"
-		}),
-		require_registries.getColorField({
-			key: "titleColor",
-			label: "Title Color",
-			description: "Color for the widget title",
-			defaultValue: "foreground",
-			tab: "styling",
-			group: "Title",
-			requiresKeyToBeTrue: "titleEnabled"
-		}),
-		{
-			type: "background",
-			key: "background",
-			label: "Background",
-			description: "Background for the widget container",
-			defaultValue: "background",
-			tab: "styling",
-			group: "Design"
-		},
-		require_registries.getColorField({
-			key: "textColor",
-			label: "Text Color",
-			description: "Default text color for activity content",
-			defaultValue: "foreground",
-			tab: "styling",
-			group: "Design"
-		}),
-		require_registries.getColorField({
-			key: "accentColor",
-			label: "Accent Color",
-			description: "Color used for links and highlights",
-			defaultValue: "primary",
-			tab: "styling",
-			group: "Design"
-		}),
-		{
-			key: "separator",
-			type: "separator",
-			label: "Separator",
-			tab: "styling",
-			group: "Design"
-		},
-		require_registries.getPaddingField({
-			key: "padding",
-			label: "Padding",
-			description: "Padding around the widget container",
-			defaultValue: 4,
-			tab: "styling",
-			group: "Design"
-		}),
-		require_registries.getBorderRadiusField({
-			key: "borderRadius",
-			label: "Border Radius",
-			description: "Border radius for the widget container",
-			defaultValue: "md",
-			tab: "styling",
-			group: "Design"
-		}),
-		require_registries.getBorderWidthField({
-			key: "borderWidth",
-			label: "Border Width",
-			description: "Border width for the widget container",
-			defaultValue: "thin",
-			tab: "styling",
-			group: "Design"
-		}),
-		require_registries.getBorderColorField({
-			key: "borderColor",
-			label: "Border Color",
-			description: "Border color for the widget container",
-			defaultValue: "muted",
-			tab: "styling",
-			group: "Design"
-		}),
-		{
-			key: "maxItemsToShow",
-			label: "Max Items",
-			type: "number",
-			description: "Maximum number of activity items to display",
-			defaultValue: 5,
-			tab: "styling",
-			group: "Display"
-		}
-	]
-};
-//#endregion
-Object.defineProperty(exports, "RecentActivityWidget", {
-	enumerable: true,
-	get: function() {
-		return RecentActivityWidget;
-	}
-});
-Object.defineProperty(exports, "RecentActivityWidget_exports", {
-	enumerable: true,
-	get: function() {
-		return RecentActivityWidget_exports;
-	}
-});
-Object.defineProperty(exports, "recentActivityWidgetPropertySchema", {
-	enumerable: true,
-	get: function() {
-		return recentActivityWidgetPropertySchema;
-	}
-});
-
-//# sourceMappingURL=RecentActivityWidget-CWr6bFgP.cjs.map

package/dist/RecentActivityWidget-CWr6bFgP.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"RecentActivityWidget-CWr6bFgP.cjs","names":["useWidgetsApi","useWidgetPreviewContext","useDataSourceRegistryConfig","ShoppingCart","MessageSquare","Play","UserPlus","Eye","Calendar","Star","SquareCheck","Bell","Trophy","User","DOMPurify","borderWidthClasses","borderColorClasses","ErrorState","getFontSizeField","getColorField","getPaddingField","getBorderRadiusField","getBorderWidthField","getBorderColorField"],"sources":["../../widgets/src/hooks/use-activities.preview.ts","../../widgets/src/hooks/use-activities.ts","../../widgets/src/widgets/RecentActivityWidget.tsx"],"sourcesContent":["import type { Activity } from \"@fluid-app/portal-core/widgets-api-types\";\n\nconst now = new Date();\n\nfunction minutesAgo(minutes: number): string {\n  return new Date(now.getTime() - minutes * 60_000).toISOString();\n}\n\nexport const PREVIEW_DATA: Activity[] = [\n  {\n    id: 1,\n    userName: \"Sarah Johnson\",\n    avatarUrl: null,\n    activityType: \"Order Placed\",\n    targetName: \"Wellness Starter Kit\",\n    timestamp: minutesAgo(12),\n    slug: \"order_placed\",\n  },\n  {\n    id: 2,\n    userName: \"Mike Chen\",\n    avatarUrl: null,\n    activityType: \"New Lead\",\n    targetName: \"Signed up from Instagram link\",\n    timestamp: minutesAgo(45),\n    slug: \"new_lead\",\n  },\n  {\n    id: 3,\n    userName: \"Visitor from Austin, TX\",\n    avatarUrl: null,\n    activityType: \"Page Views\",\n    targetName: \"Viewed product catalog (3 pages)\",\n    timestamp: minutesAgo(90),\n    slug: \"page_views\",\n  },\n  {\n    id: 4,\n    userName: \"Lisa Park\",\n    avatarUrl: null,\n    activityType: \"Video Complete\",\n    targetName: \"Watched: Getting Started Guide\",\n    timestamp: minutesAgo(180),\n    slug: \"video_complete\",\n  },\n];\n","import { useQuery, type UseQueryResult } from \"@tanstack/react-query\";\nimport { useWidgetsApi } from \"@fluid-app/portal-core/widgets-api-context\";\nimport { useWidgetPreviewContext } from \"@fluid-app/portal-react/data-sources/preview-context\";\nimport { useDataSourceRegistryConfig } from \"@fluid-app/portal-react/data-sources/registry-context\";\nimport { PREVIEW_DATA } from \"./use-activities.preview\";\nimport type { Activity } from \"@fluid-app/portal-core/widgets-api-types\";\n\nexport type {\n  Activity,\n  ActivitySlug,\n} from \"@fluid-app/portal-core/widgets-api-types\";\n\nexport function useActivities(): UseQueryResult<Activity[], Error> {\n  const widgetsApi = useWidgetsApi();\n  const { isPreview } = useWidgetPreviewContext();\n  const { baseUrl } = useDataSourceRegistryConfig();\n\n  return useQuery({\n    queryKey: [\n      \"portal-widget-use\",\n      \"activities\",\n      isPreview ? \"preview\" : baseUrl,\n    ] as const,\n    queryFn: ({ signal }) => widgetsApi.fetchActivities(signal),\n    enabled: !isPreview,\n    ...(isPreview && { placeholderData: PREVIEW_DATA }),\n  });\n}\n","import DOMPurify from \"dompurify\";\nimport { useMemo, type ComponentProps } from \"react\";\nimport type React from \"react\";\nimport type {\n  BackgroundValue,\n  BorderRadiusOptions,\n  BorderWidthOptions,\n  ColorOptions,\n  FontSizeOptions,\n  PaddingOptions,\n} from \"@fluid-app/portal-core/types\";\nimport type { WidgetPropertySchema } from \"@fluid-app/portal-core/registries\";\nimport {\n  getBorderRadiusField,\n  getBorderWidthField,\n  getBorderColorField,\n  getColorField,\n  getFontSizeField,\n  getPaddingField,\n  borderWidthClasses,\n  borderColorClasses,\n} from \"../core/fields\";\nimport {\n  useActivities,\n  type Activity,\n  type ActivitySlug,\n} from \"../hooks/use-activities\";\nimport { ErrorState } from \"../components/error-state\";\nimport {\n  Bell,\n  Calendar,\n  SquareCheck,\n  Eye,\n  MessageSquare,\n  Play,\n  ShoppingCart,\n  Star,\n  Trophy,\n  User,\n  UserPlus,\n  type LucideIcon,\n} from \"lucide-react\";\n\n// Format timestamp to time string\nconst formatTimestamp = (timestamp: string): string => {\n  const date = new Date(timestamp);\n  return date.toLocaleTimeString(\"en-US\", {\n    hour: \"numeric\",\n    minute: \"2-digit\",\n    hour12: true,\n  });\n};\n\n// Format date for grouping header\nconst formatDateHeader = (timestamp: string): string => {\n  const date = new Date(timestamp);\n  return date.toLocaleDateString(\"en-US\", {\n    month: \"long\",\n    day: \"numeric\",\n  });\n};\n\n// Get date string for grouping (without time)\nconst getDateKey = (timestamp: string): string => {\n  const date = new Date(timestamp);\n  return date.toISOString().split(\"T\")[0] ?? timestamp;\n};\n\n// Group activities by date\nconst groupActivitiesByDate = (\n  activities: Activity[],\n): Map<string, Activity[]> => {\n  const grouped = new Map<string, Activity[]>();\n\n  for (const activity of activities) {\n    const dateKey = getDateKey(activity.timestamp);\n    const existing = grouped.get(dateKey);\n    if (existing) {\n      existing.push(activity);\n    } else {\n      grouped.set(dateKey, [activity]);\n    }\n  }\n\n  return grouped;\n};\n\n// Activity slug to icon mapping\nconst ACTIVITY_ICON_MAP: Record<ActivitySlug, LucideIcon> = {\n  // Orders/Cart\n  order_placed: ShoppingCart,\n  abandoned_cart: ShoppingCart,\n  cart_items_added: ShoppingCart,\n  new_cart_items_added: ShoppingCart,\n  // Messages\n  direct_message: MessageSquare,\n  comment_reply: MessageSquare,\n  message_received: MessageSquare,\n  message_sent: MessageSquare,\n  // Video\n  video: Play,\n  video_complete: Play,\n  video_contact: Play,\n  video_complete_contact: Play,\n  // Leads\n  new_lead: UserPlus,\n  page_views_contact: UserPlus,\n  smart_link_clicked: UserPlus,\n  // Page Views\n  page_views: Eye,\n  // Events\n  upcoming_event: Calendar,\n  // Reviews\n  review_left: Star,\n  // Tasks\n  tasks: SquareCheck,\n  // Announcements\n  announcements: Bell,\n  // Fantasy\n  fantasy_point: Trophy,\n};\n\nconst getActivityIcon = (slug: ActivitySlug) => ACTIVITY_ICON_MAP[slug] ?? User;\n\n// Activity feed item component\ntype ActivityFeedItemProps = {\n  activity: Activity;\n  accentColor: ColorOptions;\n  textColor: ColorOptions;\n};\n\nfunction ActivityFeedItem({\n  activity,\n  accentColor,\n  textColor,\n}: ActivityFeedItemProps) {\n  const Icon = getActivityIcon(activity.slug);\n\n  return (\n    <div className=\"flex w-full items-start gap-1.5\">\n      {/* Avatar */}\n      <div className=\"shrink-0\">\n        {activity.avatarUrl ? (\n          <div className=\"relative size-8 overflow-hidden rounded-full\">\n            <img\n              src={activity.avatarUrl}\n              alt={activity.userName}\n              className=\"size-full object-cover\"\n            />\n            <div className=\"border-foreground/[0.08] absolute inset-0 rounded-full border\" />\n          </div>\n        ) : (\n          <div\n            className={`bg-muted flex size-8 items-center justify-center rounded-full`}\n          >\n            <Icon className={`size-3.5 text-${textColor} opacity-60`} />\n          </div>\n        )}\n      </div>\n\n      {/* Content */}\n      <div className=\"min-w-0 flex-1\">\n        <div className=\"flex w-full items-center gap-1.5\">\n          <p\n            className={`flex-1 text-base font-semibold text-${textColor} truncate`}\n          >\n            {activity.activityType}\n          </p>\n          <p className={`text-xs text-${textColor} shrink-0 opacity-50`}>\n            {formatTimestamp(activity.timestamp)}\n          </p>\n        </div>\n        <p className={`text-sm text-${textColor} opacity-80`}>\n          <span className={`font-medium text-${accentColor}`}>\n            {activity.userName}\n          </span>{\" \"}\n          <span\n            dangerouslySetInnerHTML={{\n              __html: DOMPurify.sanitize(activity.targetName, {\n                ALLOWED_TAGS: [\"br\", \"strong\", \"em\", \"b\", \"i\"],\n                ALLOWED_ATTR: [],\n              }),\n            }}\n          />\n        </p>\n      </div>\n    </div>\n  );\n}\n\ntype RecentActivityWidgetProps = ComponentProps<\"div\"> & {\n  // Title\n  titleEnabled?: boolean;\n  titleText?: string;\n  titleFontSize?: FontSizeOptions;\n  titleColor?: ColorOptions;\n\n  // Styling\n  background?: BackgroundValue;\n  textColor?: ColorOptions;\n  accentColor?: ColorOptions;\n  padding?: PaddingOptions;\n  borderRadius?: BorderRadiusOptions;\n  borderWidth?: BorderWidthOptions;\n  borderColor?: ColorOptions;\n\n  // Activity settings\n  maxItemsToShow?: number;\n};\n\nexport function RecentActivityWidget({\n  // Title defaults\n  titleEnabled = true,\n  titleText = \"Recent Activity\",\n  titleFontSize = \"lg\",\n  titleColor = \"foreground\",\n\n  // Styling defaults\n  background = {\n    type: \"solid\",\n    color: \"background\",\n  },\n  textColor = \"foreground\",\n  accentColor = \"primary\",\n  padding = 4,\n  borderRadius = \"md\",\n  borderWidth = \"thin\",\n  borderColor = \"muted\",\n\n  // Activity defaults\n  maxItemsToShow = 5,\n\n  className,\n  ...props\n}: RecentActivityWidgetProps): React.JSX.Element {\n  const backgroundColor = background.color || \"background\";\n  const backgroundImage =\n    (background.resource?.image_url || background.resource?.imageUrl) &&\n    background.type === \"image\"\n      ? `url(${background.resource.image_url || background.resource.imageUrl})`\n      : \"none\";\n  const { data: activities = [], isLoading, isError } = useActivities();\n\n  const groupedActivities = useMemo(\n    () => groupActivitiesByDate(activities),\n    [activities],\n  );\n\n  const totalCount = Math.min(activities.length, maxItemsToShow);\n\n  // Get activities to display (limited by maxItemsToShow)\n  const activitiesToShow = useMemo(() => {\n    const result: { date: string; items: Activity[] }[] = [];\n    let count = 0;\n\n    for (const [dateKey, items] of groupedActivities) {\n      if (count >= maxItemsToShow) break;\n\n      const remainingSlots = maxItemsToShow - count;\n      const itemsToAdd = items.slice(0, remainingSlots);\n\n      if (itemsToAdd.length > 0) {\n        result.push({\n          date: formatDateHeader(items[0]?.timestamp ?? dateKey),\n          items: itemsToAdd,\n        });\n        count += itemsToAdd.length;\n      }\n    }\n\n    return result;\n  }, [groupedActivities, maxItemsToShow]);\n\n  return (\n    <div\n      className={`@container overflow-hidden rounded-${borderRadius} bg-${backgroundColor} text-${textColor} ${borderWidthClasses[borderWidth]} ${borderWidth !== \"none\" ? borderColorClasses[borderColor] : \"\"} ${className}`}\n      style={{ backgroundImage }}\n      {...props}\n    >\n      <div className={`p-${padding} flex flex-col gap-2`}>\n        {/* Header */}\n        {titleEnabled && titleText && (\n          <div className=\"flex w-full items-start gap-2\">\n            <h2\n              className={`flex-1 text-${titleFontSize} font-header font-bold text-${titleColor}`}\n            >\n              {titleText}\n            </h2>\n            {!isLoading && (\n              <span\n                className={`text-4xl font-bold text-${textColor} leading-none`}\n              >\n                {totalCount.toString().padStart(2, \"0\")}\n              </span>\n            )}\n          </div>\n        )}\n\n        {/* Loading state */}\n        {isLoading ? (\n          <div className=\"flex min-h-[200px] items-center justify-center\">\n            <div className=\"h-8 w-8 animate-spin rounded-full border-2 border-current border-t-transparent\" />\n          </div>\n        ) : isError ? (\n          /* Error state */\n          <ErrorState />\n        ) : activities.length === 0 ? (\n          /* Empty state */\n          <div className=\"flex min-h-[200px] flex-col items-center justify-center gap-2\">\n            <User className={`size-12 text-${textColor} opacity-30`} />\n            <p\n              className={`text-base font-semibold text-${textColor} opacity-50`}\n            >\n              No Activity To Report\n            </p>\n            <p className={`text-sm text-${textColor} opacity-40`}>\n              You&apos;ll Do Great!\n            </p>\n          </div>\n        ) : (\n          /* Activity list */\n          <div className=\"flex flex-col gap-4\">\n            {activitiesToShow.map((group, groupIndex) => (\n              <div key={groupIndex} className=\"flex flex-col gap-4\">\n                {/* Date header */}\n                <p className={`text-base font-semibold text-${textColor}`}>\n                  {group.date}\n                </p>\n\n                {/* Activity items */}\n                <div className=\"flex flex-col gap-4\">\n                  {group.items.map((activity) => (\n                    <ActivityFeedItem\n                      key={activity.id}\n                      activity={activity}\n                      accentColor={accentColor}\n                      textColor={textColor}\n                    />\n                  ))}\n                </div>\n              </div>\n            ))}\n          </div>\n        )}\n      </div>\n    </div>\n  );\n}\n\nexport const recentActivityWidgetPropertySchema: WidgetPropertySchema = {\n  widgetType: \"RecentActivityWidget\",\n  displayName: \"Recent Activity Widget\",\n  tabsConfig: [{ id: \"styling\", label: \"Styling\" }],\n  fields: [\n    // Styling Tab - Title Group\n    {\n      key: \"titleEnabled\",\n      label: \"Widget Title\",\n      type: \"boolean\",\n      description: \"Enable the title displayed above the activity feed\",\n      defaultValue: true,\n      tab: \"styling\",\n      group: \"Title\",\n    },\n    {\n      key: \"titleText\",\n      label: \"Title\",\n      type: \"text\",\n      description: \"Title text displayed above the activity feed\",\n      defaultValue: \"Recent Activity\",\n      tab: \"styling\",\n      group: \"Title\",\n      requiresKeyToBeTrue: \"titleEnabled\",\n    },\n    getFontSizeField({\n      key: \"titleFontSize\",\n      label: \"Title Font Size\",\n      description: \"Font size for the widget title\",\n      defaultValue: \"xl\",\n      tab: \"styling\",\n      group: \"Title\",\n      requiresKeyToBeTrue: \"titleEnabled\",\n    }),\n    getColorField({\n      key: \"titleColor\",\n      label: \"Title Color\",\n      description: \"Color for the widget title\",\n      defaultValue: \"foreground\",\n      tab: \"styling\",\n      group: \"Title\",\n      requiresKeyToBeTrue: \"titleEnabled\",\n    }),\n\n    // Styling Tab - Design Group\n    {\n      type: \"background\",\n      key: \"background\",\n      label: \"Background\",\n      description: \"Background for the widget container\",\n      defaultValue: \"background\",\n      tab: \"styling\",\n      group: \"Design\",\n    },\n    getColorField({\n      key: \"textColor\",\n      label: \"Text Color\",\n      description: \"Default text color for activity content\",\n      defaultValue: \"foreground\",\n      tab: \"styling\",\n      group: \"Design\",\n    }),\n    getColorField({\n      key: \"accentColor\",\n      label: \"Accent Color\",\n      description: \"Color used for links and highlights\",\n      defaultValue: \"primary\",\n      tab: \"styling\",\n      group: \"Design\",\n    }),\n    {\n      key: \"separator\",\n      type: \"separator\",\n      label: \"Separator\",\n      tab: \"styling\",\n      group: \"Design\",\n    },\n    getPaddingField({\n      key: \"padding\",\n      label: \"Padding\",\n      description: \"Padding around the widget container\",\n      defaultValue: 4,\n      tab: \"styling\",\n      group: \"Design\",\n    }),\n    getBorderRadiusField({\n      key: \"borderRadius\",\n      label: \"Border Radius\",\n      description: \"Border radius for the widget container\",\n      defaultValue: \"md\",\n      tab: \"styling\",\n      group: \"Design\",\n    }),\n    getBorderWidthField({\n      key: \"borderWidth\",\n      label: \"Border Width\",\n      description: \"Border width for the widget container\",\n      defaultValue: \"thin\",\n      tab: \"styling\",\n      group: \"Design\",\n    }),\n    getBorderColorField({\n      key: \"borderColor\",\n      label: \"Border Color\",\n      description: \"Border color for the widget container\",\n      defaultValue: \"muted\",\n      tab: \"styling\",\n      group: \"Design\",\n    }),\n\n    // Styling Tab - Display Group\n    {\n      key: \"maxItemsToShow\",\n      label: \"Max Items\",\n      type: \"number\",\n      description: \"Maximum number of activity items to display\",\n      defaultValue: 5,\n      tab: \"styling\",\n      group: \"Display\",\n    },\n  ],\n} as const satisfies WidgetPropertySchema;\n"],"mappings":"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"}