@fluid-app/portal-sdk 0.1.237 → 0.1.239

package/dist/index.mjs

@@ -1,6 +1,6 @@
 import "./es-BXxGlAp6.mjs";
-import { a as createScreen, c as FluidThemeProvider, f as useAppDefinitionApi, i as widgetPropertySchemas, l as useThemeContext, m as deleteDatabase, n as useFluidContext, o as createWidgetFromShareable, p as createPersister, r as DEFAULT_SDK_WIDGET_REGISTRY, s as createWidgetRegistry, t as FluidProvider } from "./FluidProvider-BazvsIwu.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-Bk23YOtN.mjs";
+import { a as createScreen, c as FluidThemeProvider, f as useAppDefinitionApi, i as widgetPropertySchemas, l as useThemeContext, m as deleteDatabase, n as useFluidContext, o as createWidgetFromShareable, p as createPersister, r as DEFAULT_SDK_WIDGET_REGISTRY, s as createWidgetRegistry, t as FluidProvider } from "./FluidProvider-DL5rChtj.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-ClYgfQf_.mjs";
 import "./account-api-context-BIZ_aibJ.mjs";
 import "./store-api-context-C1lXT_3d.mjs";
 import "./pay-api-context-CqKGSXnP.mjs";
@@ -8,49 +8,49 @@ import "./mysite-api-context-5-qpKHWA.mjs";
 import "./countries-api-context-CMh13cfX.mjs";
 import { C as resolveTheme, D as SEMANTIC_COLOR_NAMES, E as RADIUS_KEYS, S as parseColor, T as FONT_SIZE_KEYS, _ as generateThemeCSS, a as getActiveThemeId, b as getForegroundColor, c as serialiseTheme, d as DEFAULT_FONT_SIZES, f as DEFAULT_RADII, g as getDefaultThemeDefinition, h as DEFAULT_THEME_NAME, i as buildThemeDefinition, l as DEFAULT_COLORS, m as DEFAULT_THEME_ID, n as removeAllThemes, o as transformThemes, p as DEFAULT_SPACING, r as removeTheme, s as deserialiseTheme, t as applyTheme, u as DEFAULT_FONT_FAMILIES, v as deriveDarkVariant, w as FONT_FAMILY_KEYS, x as mergeDarkOverrides } from "./src-C9vtVoJs.mjs";
 import { n as usePortalTenantClient } from "./PortalTenantClientProvider-CjJzBCTL.mjs";
-import "./registry-context-BDH0vNHR.mjs";
-import "./WidgetInteractionContext-D0TJv70C.mjs";
+import "./registry-context-BahYMRqn.mjs";
+import { t as WidgetInteractionProvider } from "./WidgetInteractionContext-B1mELhQ_.mjs";
 import { a as useRepUser, i as RepUserProvider, r as embedWidgetPropertySchema, t as EmbedWidget } from "./EmbedWidget-Cj6VgQJC.mjs";
 import "./error-state-DYzHx8tt.mjs";
-import { a as sectionLayoutConfig, i as groupChildrenByColumn, r as layoutWidgetPropertySchema, t as LayoutWidget } from "./LayoutWidget-Cx5ZyXSU.mjs";
+import { a as sectionLayoutConfig, i as groupChildrenByColumn, r as layoutWidgetPropertySchema, t as LayoutWidget } from "./LayoutWidget-CC3oK78H.mjs";
 import { g as isPropertyFieldType, h as PROPERTY_FIELD_TYPES, r as gapValues } from "./registries-Ct8o2YRe.mjs";
 import "./fields-B_iAnFXl.mjs";
 import { r as textWidgetPropertySchema, t as TextWidget } from "./TextWidget-BteaMIsX.mjs";
 import { r as alertWidgetPropertySchema, t as AlertWidget } from "./AlertWidget-CbhrQa9Z.mjs";
 import { r as bulletListWidgetPropertySchema, t as BulletListWidget } from "./BulletListWidget-qvZIZ_B-.mjs";
-import { r as calendarWidgetPropertySchema, t as CalendarWidget } from "./CalendarWidget-BaGML5Xh.mjs";
-import { r as cardWidgetPropertySchema, t as CardWidget } from "./CardWidget-CqYjGkq-.mjs";
+import { r as calendarWidgetPropertySchema, t as CalendarWidget } from "./CalendarWidget-BXxNxHDV.mjs";
+import { r as cardWidgetPropertySchema, t as CardWidget } from "./CardWidget-BNkMlxQ3.mjs";
 import "./purify.es-DzInNL5X.mjs";
-import "./MediaRenderer-CqUpv3St.mjs";
-import { r as carouselWidgetPropertySchema, t as CarouselWidget } from "./CarouselWidget-CdQhlRrW.mjs";
-import { r as catchUpWidgetPropertySchema, t as CatchUpWidget } from "./CatchUpWidget-BQjtjcGR.mjs";
+import "./MediaRenderer-DMdb_5xw.mjs";
+import { r as carouselWidgetPropertySchema, t as CarouselWidget } from "./CarouselWidget-p8Z6L-G5.mjs";
+import { r as catchUpWidgetPropertySchema, t as CatchUpWidget } from "./CatchUpWidget-B9DQlzd_.mjs";
 import { At as CardTitle, C as Skeleton$1, Dn as Button, Dt as CardDescription, Fn as cn$1, Ot as CardFooter, _t as CollapsibleContent, gt as Collapsible, ht as PopoverTrigger, kt as CardHeader, mt as PopoverContent, pt as Popover, vt as CollapsibleTrigger, wt as Card, x as Toaster } from "./src-pgBBOcJa.mjs";
-import { a as useMessagingConfig, i as createFluidFileUploader, o as useMessagingAuth, r as messagingScreenPropertySchema, t as MessagingScreen } from "./MessagingScreen-RItZgONw.mjs";
+import { a as useMessagingConfig, i as createFluidFileUploader, o as useMessagingAuth, r as messagingScreenPropertySchema, t as MessagingScreen } from "./MessagingScreen-mt1u3Bs1.mjs";
 import { r as subscriptionsScreenPropertySchema, t as SubscriptionsScreen } from "./SubscriptionsScreen-CXM2zmF7.mjs";
 import { r as chartWidgetPropertySchema, t as ChartWidget } from "./ChartWidget-obje-Xj9.mjs";
-import { r as containerWidgetPropertySchema, t as ContainerWidget } from "./ContainerWidget-DYThUtiZ.mjs";
-import { r as imageWidgetPropertySchema, t as ImageWidget } from "./ImageWidget-CFTpbu8X.mjs";
-import { r as linkWidgetPropertySchema, t as LinkWidget } from "./LinkWidget-CQHmKO-O.mjs";
-import { r as listWidgetPropertySchema, t as ListWidget } from "./ListWidget-BnyD2Hpc.mjs";
-import { r as mySiteWidgetPropertySchema, t as MySiteWidget } from "./MySiteWidget-B0dc_7Dc.mjs";
+import { r as containerWidgetPropertySchema, t as ContainerWidget } from "./ContainerWidget-CpwvcxFm.mjs";
+import { r as imageWidgetPropertySchema, t as ImageWidget } from "./ImageWidget-vNWT_O1E.mjs";
+import { r as linkWidgetPropertySchema, t as LinkWidget } from "./LinkWidget-CO-Cxf7Z.mjs";
+import { r as listWidgetPropertySchema, t as ListWidget } from "./ListWidget-f88QhcGI.mjs";
+import { r as mySiteWidgetPropertySchema, t as MySiteWidget } from "./MySiteWidget-BnjPrQxE.mjs";
 import "./scroll-arrows-CqDxJ0Pe.mjs";
-import { r as nestedWidgetPropertySchema, t as NestedWidget } from "./NestedWidget-WJoWOFda.mjs";
-import { r as pointsWidgetPropertySchema, t as PointsWidget } from "./PointsWidget-DoUljaNY.mjs";
+import { r as nestedWidgetPropertySchema, t as NestedWidget } from "./NestedWidget-RuyrOrFn.mjs";
+import { r as pointsWidgetPropertySchema, t as PointsWidget } from "./PointsWidget-C2KB4k48.mjs";
 import { r as quickLinksWidgetPropertySchema, t as QuickLinksWidget } from "./QuickLinksWidget-CJqwiBJ7.mjs";
 import { r as quickShareWidgetPropertySchema, t as QuickShareWidget } from "./QuickShareWidget-DKE7Tba2.mjs";
-import { r as recentActivityWidgetPropertySchema, t as RecentActivityWidget } from "./RecentActivityWidget-zQxtUECm.mjs";
+import { r as recentActivityWidgetPropertySchema, t as RecentActivityWidget } from "./RecentActivityWidget-DelPdiwR.mjs";
 import { r as separatorWidgetPropertySchema, t as SeparatorWidget } from "./SeparatorWidget-gVlyr1MV.mjs";
 import { r as spacerWidgetPropertySchema, t as SpacerWidget } from "./SpacerWidget-BY7ywGP4.mjs";
-import { r as tableWidgetPropertySchema, t as TableWidget } from "./TableWidget-B0CRdzNf.mjs";
-import { r as toDoWidgetPropertySchema, t as ToDoWidget } from "./ToDoWidget-VSaNmtWH.mjs";
-import { r as videoWidgetPropertySchema, t as VideoWidget } from "./VideoWidget-DcWm239R.mjs";
+import { r as tableWidgetPropertySchema, t as TableWidget } from "./TableWidget-dfUvhH0S.mjs";
+import { r as toDoWidgetPropertySchema, t as ToDoWidget } from "./ToDoWidget-CYDsZA0Z.mjs";
+import { r as videoWidgetPropertySchema, t as VideoWidget } from "./VideoWidget-Dj9wue7j.mjs";
 import { i as useScreenHeaderContext, t as ScreenHeaderProvider } from "./ScreenHeaderContext-Cemdo7bM.mjs";
 import { t as useStore } from "./use-store-C2KBIS41.mjs";
 import { i as CoreScreenPlaceholder, r as customersScreenPropertySchema, t as CustomersScreen } from "./CustomersScreen-BJOBG5f5.mjs";
 import { n as useAppNavigation, t as AppNavigationProvider } from "./AppNavigationContext-Dvc0yoZF.mjs";
 import { t as useAccount } from "./use-account-C76sphlu.mjs";
 import "./fluid-pay-api-adapter-eNT8m0xB.mjs";
-import { r as profileScreenPropertySchema, t as ProfileScreen } from "./ProfileScreen-CeD1jq89.mjs";
+import { r as profileScreenPropertySchema, t as ProfileScreen } from "./ProfileScreen-_1GlBr7z.mjs";
 import "./dist-PbA1vxAz.mjs";
 import { r as contactsScreenPropertySchema, t as ContactsScreen } from "./ContactsScreen-CMBERzKU.mjs";
 import "./SearchSort-CFHU38Er.mjs";
@@ -60,9 +60,9 @@ import "./order-status-badge-Dmo8lLnt.mjs";
 import { r as ordersScreenPropertySchema, t as OrdersScreen } from "./OrdersScreen-BV3vJ7xy.mjs";
 import "./sortable.esm-C8G00cCP.mjs";
 import { r as mySiteScreenPropertySchema, t as MySiteScreen } from "./MySiteScreen-CN0ZDBgy.mjs";
-import { r as shareablesScreenPropertySchema, t as ShareablesScreen } from "./ShareablesScreen-D3Hfqg9-.mjs";
+import { r as shareablesScreenPropertySchema, t as ShareablesScreen } from "./ShareablesScreen-sieWBlAl.mjs";
 import "./PortalProductsApiProvider-BIZg_c4Y.mjs";
-import { r as shopScreenPropertySchema, t as ShopScreen } from "./ShopScreen-dAe71cdL.mjs";
+import { r as shopScreenPropertySchema, t as ShopScreen } from "./ShopScreen-BBfOte5o.mjs";
 import "./UpgradeScreen-DnGnWVTf.mjs";
 import "./AppDownloadScreen-DQR40F0y.mjs";
 import * as React$1 from "react";
@@ -2072,14 +2072,14 @@ function AccountManageLayout({ children }) {
 }
 //#endregion
 //#region src/shell/system-screen-map.ts
-const ProfileScreen$1 = lazy(() => import("./ProfileScreen-CeD1jq89.mjs").then((n) => n.n).then((m) => ({ default: m.ProfileScreen })));
+const ProfileScreen$1 = lazy(() => import("./ProfileScreen-_1GlBr7z.mjs").then((n) => n.n).then((m) => ({ default: m.ProfileScreen })));
 const OrdersScreen$1 = lazy(() => import("./OrdersScreen-BV3vJ7xy.mjs").then((n) => n.n).then((m) => ({ default: m.OrdersScreen })));
 const SubscriptionsScreen$1 = lazy(() => import("./SubscriptionsScreen-CXM2zmF7.mjs").then((n) => n.n).then((m) => ({ default: m.SubscriptionsScreen })));
-const MessagingScreen$1 = lazy(() => import("./MessagingScreen-RItZgONw.mjs").then((n) => n.n).then((m) => ({ default: m.MessagingScreen })));
+const MessagingScreen$1 = lazy(() => import("./MessagingScreen-mt1u3Bs1.mjs").then((n) => n.n).then((m) => ({ default: m.MessagingScreen })));
 const ContactsScreen$1 = lazy(() => import("./ContactsScreen-CMBERzKU.mjs").then((n) => n.n).then((m) => ({ default: m.ContactsScreen })));
-const ShopScreen$1 = lazy(() => import("./ShopScreen-dAe71cdL.mjs").then((n) => n.n).then((m) => ({ default: m.ShopScreen })));
+const ShopScreen$1 = lazy(() => import("./ShopScreen-BBfOte5o.mjs").then((n) => n.n).then((m) => ({ default: m.ShopScreen })));
 const CustomersScreen$1 = lazy(() => import("./CustomersScreen-BJOBG5f5.mjs").then((n) => n.n).then((m) => ({ default: m.CustomersScreen })));
-const ShareablesScreen$1 = lazy(() => import("./ShareablesScreen-D3Hfqg9-.mjs").then((n) => n.n).then((m) => ({ default: m.ShareablesScreen })));
+const ShareablesScreen$1 = lazy(() => import("./ShareablesScreen-sieWBlAl.mjs").then((n) => n.n).then((m) => ({ default: m.ShareablesScreen })));
 const MySiteScreen$1 = lazy(() => import("./MySiteScreen-CN0ZDBgy.mjs").then((n) => n.n).then((m) => ({ default: m.MySiteScreen })));
 const UpgradeScreen = lazy(() => import("./UpgradeScreen-DnGnWVTf.mjs").then((n) => n.t).then((m) => ({ default: m.UpgradeScreen })));
 const AppDownloadScreen = lazy(() => import("./AppDownloadScreen-DQR40F0y.mjs").then((n) => n.t).then((m) => ({ default: m.AppDownloadScreen })));
@@ -2394,6 +2394,14 @@ function filterRepOnlySections(sections) {
 //#endregion
 //#region src/shell/AppShell.tsx
 const THEME_STORAGE_KEY = "portal-theme-mode";
+const SHAREABLE_TYPE_TO_SLUG = {
+	Product: "products",
+	Medium: "media",
+	Page: "pages",
+	Playlist: "playlists",
+	Library: "playlists",
+	EnrollmentPack: "enrollment_packs"
+};
 function getInitialThemeMode() {
 	if (typeof window === "undefined") return "light";
 	const stored = localStorage.getItem(THEME_STORAGE_KEY);
@@ -2572,6 +2580,23 @@ function AppShell({ appData: appDataProp, navigation: navigationProp, customPage
 		history.pushState(null, "", targetPath);
 		setPathSlug(slug);
 	}, [onNavigateProp, normalizedBasePath]);
+	const handleWidgetItemClick = useCallback((item) => {
+		const subscriptionToken = item.subscription_token;
+		if (typeof subscriptionToken === "string" && subscriptionToken) {
+			handleNavigate(`subscriptions/${subscriptionToken}`);
+			return;
+		}
+		const shareableType = item.shareable_type;
+		if (typeof shareableType === "string" && item.id != null) {
+			const slug = SHAREABLE_TYPE_TO_SLUG[shareableType];
+			if (slug) {
+				handleNavigate(`share/${slug}/${String(item.id)}`);
+				return;
+			}
+		}
+		const orderToken = item.token;
+		if (typeof orderToken === "string" && orderToken) handleNavigate(`orders/${orderToken}`);
+	}, [handleNavigate]);
 	const resolvedSidebarFooter = useMemo(() => sidebarFooter !== void 0 ? sidebarFooter : /* @__PURE__ */ jsx(SdkLogoutButton, { onLogout: logout }), [sidebarFooter, logout]);
 	const slugMatch = useMemo(() => matchSlugPrefix(activeSlug, navSlugs), [activeSlug, navSlugs]);
 	const baseSlug = slugMatch?.matchedSlug ?? normalizeSlug(activeSlug);
@@ -2612,28 +2637,32 @@ function AppShell({ appData: appDataProp, navigation: navigationProp, customPage
 					currentSlug: activeSlug,
 					basePath: normalizedBasePath,
 					navigate: handleNavigate,
-					children: /* @__PURE__ */ jsx(AppShellLayout, {
-						sidebarContent: /* @__PURE__ */ jsx(SdkNavigation, {
-							navItems: filteredNavItems,
-							currentSlug: activeSlug,
-							onNavigate: handleNavigate
-						}),
-						headerContent: /* @__PURE__ */ jsx(SdkHeader, {
-							mobileTabs: mobileSecondLevelTabs,
-							currentSlug: activeSlug,
-							onNavigate: handleNavigate,
-							onLogout: logout
-						}),
-						sidebarHeader: sidebarHeader !== void 0 ? sidebarHeader : /* @__PURE__ */ jsx(SdkCompanySwitcher, {}),
-						sidebarFooter: resolvedSidebarFooter,
-						useBottomNav: true,
-						afterContent: /* @__PURE__ */ jsx(SdkBottomNav, {
-							navItems: filteredMobileNavItems,
-							currentSlug: activeSlug,
-							onNavigate: handleNavigate,
-							appDefinitionId: appData?.definition_id ?? 0
-						}),
-						children: content
+					children: /* @__PURE__ */ jsx(WidgetInteractionProvider, {
+						onItemClick: handleWidgetItemClick,
+						onNavigate: handleNavigate,
+						children: /* @__PURE__ */ jsx(AppShellLayout, {
+							sidebarContent: /* @__PURE__ */ jsx(SdkNavigation, {
+								navItems: filteredNavItems,
+								currentSlug: activeSlug,
+								onNavigate: handleNavigate
+							}),
+							headerContent: /* @__PURE__ */ jsx(SdkHeader, {
+								mobileTabs: mobileSecondLevelTabs,
+								currentSlug: activeSlug,
+								onNavigate: handleNavigate,
+								onLogout: logout
+							}),
+							sidebarHeader: sidebarHeader !== void 0 ? sidebarHeader : /* @__PURE__ */ jsx(SdkCompanySwitcher, {}),
+							sidebarFooter: resolvedSidebarFooter,
+							useBottomNav: true,
+							afterContent: /* @__PURE__ */ jsx(SdkBottomNav, {
+								navItems: filteredMobileNavItems,
+								currentSlug: activeSlug,
+								onNavigate: handleNavigate,
+								appDefinitionId: appData?.definition_id ?? 0
+							}),
+							children: content
+						})
 					})
 				}), /* @__PURE__ */ jsx(Toaster, {})]
 			})
@@ -3745,15 +3774,15 @@ z.object({
 //#endregion
 //#region src/screens/index.ts
 const screenPropertySchemas = {
-	ProfileScreen: () => import("./ProfileScreen-CeD1jq89.mjs").then((n) => n.n).then((m) => m.profileScreenPropertySchema),
-	MessagingScreen: () => import("./MessagingScreen-RItZgONw.mjs").then((n) => n.n).then((m) => m.messagingScreenPropertySchema),
+	ProfileScreen: () => import("./ProfileScreen-_1GlBr7z.mjs").then((n) => n.n).then((m) => m.profileScreenPropertySchema),
+	MessagingScreen: () => import("./MessagingScreen-mt1u3Bs1.mjs").then((n) => n.n).then((m) => m.messagingScreenPropertySchema),
 	ContactsScreen: () => import("./ContactsScreen-CMBERzKU.mjs").then((n) => n.n).then((m) => m.contactsScreenPropertySchema),
 	OrdersScreen: () => import("./OrdersScreen-BV3vJ7xy.mjs").then((n) => n.n).then((m) => m.ordersScreenPropertySchema),
 	SubscriptionsScreen: () => import("./SubscriptionsScreen-CXM2zmF7.mjs").then((n) => n.n).then((m) => m.subscriptionsScreenPropertySchema),
 	CustomersScreen: () => import("./CustomersScreen-BJOBG5f5.mjs").then((n) => n.n).then((m) => m.customersScreenPropertySchema),
 	MySiteScreen: () => import("./MySiteScreen-CN0ZDBgy.mjs").then((n) => n.n).then((m) => m.mySiteScreenPropertySchema),
-	ShareablesScreen: () => import("./ShareablesScreen-D3Hfqg9-.mjs").then((n) => n.n).then((m) => m.shareablesScreenPropertySchema),
-	ShopScreen: () => import("./ShopScreen-dAe71cdL.mjs").then((n) => n.n).then((m) => m.shopScreenPropertySchema),
+	ShareablesScreen: () => import("./ShareablesScreen-sieWBlAl.mjs").then((n) => n.n).then((m) => m.shareablesScreenPropertySchema),
+	ShopScreen: () => import("./ShopScreen-BBfOte5o.mjs").then((n) => n.n).then((m) => m.shopScreenPropertySchema),
 	UpgradeScreen: () => import("./UpgradeScreen-DnGnWVTf.mjs").then((n) => n.t).then((m) => m.upgradeScreenPropertySchema),
 	AppDownloadScreen: () => import("./AppDownloadScreen-DQR40F0y.mjs").then((n) => n.t).then((m) => m.appDownloadScreenPropertySchema)
 };