@fluid-app/portal-sdk 0.1.76 → 0.1.77

package/dist/index.cjs

@@ -50,11 +50,11 @@ const require_ContactsScreen = require("./ContactsScreen-B45I4fsu.cjs");
 require("./src-C_kOrGdZ.cjs");
 require("./dist-B4Ke7bHH.cjs");
 const require_OrdersScreen = require("./OrdersScreen-CB_VOlRI.cjs");
-require("./src-B-aQFEbA.cjs");
-const require_ShopScreen = require("./ShopScreen-saEPQJZ-.cjs");
-const require_ShareablesScreen = require("./ShareablesScreen-CA8sm7n_.cjs");
+require("./src-fXyI4AWk.cjs");
+const require_ShopScreen = require("./ShopScreen-OfnN0oCo.cjs");
+const require_ShareablesScreen = require("./ShareablesScreen-BSy0IA8v.cjs");
 require("./dist-lO2OG0T5.cjs");
-const require_ProductsScreen = require("./ProductsScreen-D1hLP4qn.cjs");
+const require_ProductsScreen = require("./ProductsScreen-DzJlDMus.cjs");
 const require_MySiteScreen = require("./MySiteScreen-DY7PSqP6.cjs");
 require("./UpgradeScreen-C93rBNY2.cjs");
 require("./AppDownloadScreen-BICgVr39.cjs");
@@ -2638,10 +2638,10 @@ const OrdersScreen$1 = (0, react.lazy)(() => Promise.resolve().then(() => requir
 const SubscriptionsScreen$1 = (0, react.lazy)(() => Promise.resolve().then(() => require("./SubscriptionsScreen-DxYZJ0k6.cjs")).then((m) => ({ default: m.SubscriptionsScreen })));
 const MessagingScreen$1 = (0, react.lazy)(() => Promise.resolve().then(() => require("./MessagingScreen-ms1wGWHQ.cjs")).then((m) => ({ default: m.MessagingScreen })));
 const ContactsScreen$1 = (0, react.lazy)(() => Promise.resolve().then(() => require("./ContactsScreen-BY_bV9hD.cjs")).then((m) => ({ default: m.ContactsScreen })));
-const ShopScreen$1 = (0, react.lazy)(() => Promise.resolve().then(() => require("./ShopScreen-D0xqkK7W.cjs")).then((m) => ({ default: m.ShopScreen })));
+const ShopScreen$1 = (0, react.lazy)(() => Promise.resolve().then(() => require("./ShopScreen-5t5Jqdw5.cjs")).then((m) => ({ default: m.ShopScreen })));
 const CustomersScreen$1 = (0, react.lazy)(() => Promise.resolve().then(() => require("./CustomersScreen-9f10-_AZ.cjs")).then((n) => n.CustomersScreen_exports).then((m) => ({ default: m.CustomersScreen })));
-const ProductsScreen$1 = (0, react.lazy)(() => Promise.resolve().then(() => require("./ProductsScreen-DD07WW44.cjs")).then((m) => ({ default: m.ProductsScreen })));
-const ShareablesScreen$1 = (0, react.lazy)(() => Promise.resolve().then(() => require("./ShareablesScreen-BKidUZz_.cjs")).then((m) => ({ default: m.ShareablesScreen })));
+const ProductsScreen$1 = (0, react.lazy)(() => Promise.resolve().then(() => require("./ProductsScreen-a7n9oVPF.cjs")).then((m) => ({ default: m.ProductsScreen })));
+const ShareablesScreen$1 = (0, react.lazy)(() => Promise.resolve().then(() => require("./ShareablesScreen-BnAtijbM.cjs")).then((m) => ({ default: m.ShareablesScreen })));
 const MySiteScreen$1 = (0, react.lazy)(() => Promise.resolve().then(() => require("./MySiteScreen-CEb9L0vp.cjs")).then((m) => ({ default: m.MySiteScreen })));
 const UpgradeScreen = (0, react.lazy)(() => Promise.resolve().then(() => require("./UpgradeScreen-DTNlUcYa.cjs")).then((m) => ({ default: m.UpgradeScreen })));
 const AppDownloadScreen = (0, react.lazy)(() => Promise.resolve().then(() => require("./AppDownloadScreen-B2Cfv-uS.cjs")).then((m) => ({ default: m.AppDownloadScreen })));
@@ -4103,10 +4103,10 @@ const screenPropertySchemas = {
 	OrdersScreen: () => Promise.resolve().then(() => require("./OrdersScreen-D5_PtRCp.cjs")).then((m) => m.ordersScreenPropertySchema),
 	SubscriptionsScreen: () => Promise.resolve().then(() => require("./SubscriptionsScreen-DxYZJ0k6.cjs")).then((m) => m.subscriptionsScreenPropertySchema),
 	CustomersScreen: () => Promise.resolve().then(() => require("./CustomersScreen-9f10-_AZ.cjs")).then((n) => n.CustomersScreen_exports).then((m) => m.customersScreenPropertySchema),
-	ProductsScreen: () => Promise.resolve().then(() => require("./ProductsScreen-DD07WW44.cjs")).then((m) => m.productsScreenPropertySchema),
+	ProductsScreen: () => Promise.resolve().then(() => require("./ProductsScreen-a7n9oVPF.cjs")).then((m) => m.productsScreenPropertySchema),
 	MySiteScreen: () => Promise.resolve().then(() => require("./MySiteScreen-CEb9L0vp.cjs")).then((m) => m.mySiteScreenPropertySchema),
-	ShareablesScreen: () => Promise.resolve().then(() => require("./ShareablesScreen-BKidUZz_.cjs")).then((m) => m.shareablesScreenPropertySchema),
-	ShopScreen: () => Promise.resolve().then(() => require("./ShopScreen-D0xqkK7W.cjs")).then((m) => m.shopScreenPropertySchema),
+	ShareablesScreen: () => Promise.resolve().then(() => require("./ShareablesScreen-BnAtijbM.cjs")).then((m) => m.shareablesScreenPropertySchema),
+	ShopScreen: () => Promise.resolve().then(() => require("./ShopScreen-5t5Jqdw5.cjs")).then((m) => m.shopScreenPropertySchema),
 	UpgradeScreen: () => Promise.resolve().then(() => require("./UpgradeScreen-DTNlUcYa.cjs")).then((m) => m.upgradeScreenPropertySchema),
 	AppDownloadScreen: () => Promise.resolve().then(() => require("./AppDownloadScreen-B2Cfv-uS.cjs")).then((m) => m.appDownloadScreenPropertySchema)
 };

package/dist/index.mjs

@@ -48,11 +48,11 @@ import { r as contactsScreenPropertySchema, t as ContactsScreen } from "./Contac
 import "./src-BakNjVTk.mjs";
 import "./dist-Cl4FsM3V.mjs";
 import { r as ordersScreenPropertySchema, t as OrdersScreen } from "./OrdersScreen-CuQTI5f9.mjs";
-import "./src-CvQ9ezCI.mjs";
-import { r as shopScreenPropertySchema, t as ShopScreen } from "./ShopScreen-BZLvCzbI.mjs";
-import { n as shareablesScreenPropertySchema, t as ShareablesScreen } from "./ShareablesScreen-CTruUco1.mjs";
+import "./src-nhqydD53.mjs";
+import { r as shopScreenPropertySchema, t as ShopScreen } from "./ShopScreen-BpQQ00y7.mjs";
+import { n as shareablesScreenPropertySchema, t as ShareablesScreen } from "./ShareablesScreen-CRtMGs-h.mjs";
 import "./sortable.esm-CzzU6kIR.mjs";
-import { n as productsScreenPropertySchema, t as ProductsScreen } from "./ProductsScreen-KLajmCLk.mjs";
+import { n as productsScreenPropertySchema, t as ProductsScreen } from "./ProductsScreen-CGe2U2jo.mjs";
 import { r as mySiteScreenPropertySchema, t as MySiteScreen } from "./MySiteScreen-BfYDwE3C.mjs";
 import "./UpgradeScreen-CaTBqSyO.mjs";
 import "./AppDownloadScreen-0bjHFsn8.mjs";
@@ -2634,12 +2634,12 @@ function AccountManageLayout({ children }) {
 const ProfileScreen$1 = lazy(() => import("./ProfileScreen-Y5zQgZL0.mjs").then((n) => n.n).then((m) => ({ default: m.ProfileScreen })));
 const OrdersScreen$1 = lazy(() => import("./OrdersScreen-CuQTI5f9.mjs").then((n) => n.n).then((m) => ({ default: m.OrdersScreen })));
 const SubscriptionsScreen$1 = lazy(() => import("./SubscriptionsScreen-CBoAwhKQ.mjs").then((n) => n.n).then((m) => ({ default: m.SubscriptionsScreen })));
-const MessagingScreen$1 = lazy(() => import("./MessagingScreen-Bp5t4STI.mjs").then((m) => ({ default: m.MessagingScreen })));
+const MessagingScreen$1 = lazy(() => import("./MessagingScreen-L76XP3Oz.mjs").then((m) => ({ default: m.MessagingScreen })));
 const ContactsScreen$1 = lazy(() => import("./ContactsScreen-fv44z4G1.mjs").then((n) => n.n).then((m) => ({ default: m.ContactsScreen })));
-const ShopScreen$1 = lazy(() => import("./ShopScreen-BZLvCzbI.mjs").then((n) => n.n).then((m) => ({ default: m.ShopScreen })));
+const ShopScreen$1 = lazy(() => import("./ShopScreen-BpQQ00y7.mjs").then((n) => n.n).then((m) => ({ default: m.ShopScreen })));
 const CustomersScreen$1 = lazy(() => import("./CustomersScreen-xAauAB-B.mjs").then((n) => n.n).then((m) => ({ default: m.CustomersScreen })));
-const ProductsScreen$1 = lazy(() => import("./ProductsScreen-SExV06P8.mjs").then((m) => ({ default: m.ProductsScreen })));
-const ShareablesScreen$1 = lazy(() => import("./ShareablesScreen-C_aJXryA.mjs").then((m) => ({ default: m.ShareablesScreen })));
+const ProductsScreen$1 = lazy(() => import("./ProductsScreen-BQlgLkmn.mjs").then((m) => ({ default: m.ProductsScreen })));
+const ShareablesScreen$1 = lazy(() => import("./ShareablesScreen-B67BMAUa.mjs").then((m) => ({ default: m.ShareablesScreen })));
 const MySiteScreen$1 = lazy(() => import("./MySiteScreen-BfYDwE3C.mjs").then((n) => n.n).then((m) => ({ default: m.MySiteScreen })));
 const UpgradeScreen = lazy(() => import("./UpgradeScreen-CaTBqSyO.mjs").then((n) => n.t).then((m) => ({ default: m.UpgradeScreen })));
 const AppDownloadScreen = lazy(() => import("./AppDownloadScreen-0bjHFsn8.mjs").then((n) => n.t).then((m) => ({ default: m.AppDownloadScreen })));
@@ -4096,15 +4096,15 @@ function useContact(_contactId) {
 //#region src/screens/index.ts
 const screenPropertySchemas = {
 	ProfileScreen: () => import("./ProfileScreen-Y5zQgZL0.mjs").then((n) => n.n).then((m) => m.profileScreenPropertySchema),
-	MessagingScreen: () => import("./MessagingScreen-Bp5t4STI.mjs").then((m) => m.messagingScreenPropertySchema),
+	MessagingScreen: () => import("./MessagingScreen-L76XP3Oz.mjs").then((m) => m.messagingScreenPropertySchema),
 	ContactsScreen: () => import("./ContactsScreen-fv44z4G1.mjs").then((n) => n.n).then((m) => m.contactsScreenPropertySchema),
 	OrdersScreen: () => import("./OrdersScreen-CuQTI5f9.mjs").then((n) => n.n).then((m) => m.ordersScreenPropertySchema),
 	SubscriptionsScreen: () => import("./SubscriptionsScreen-CBoAwhKQ.mjs").then((n) => n.n).then((m) => m.subscriptionsScreenPropertySchema),
 	CustomersScreen: () => import("./CustomersScreen-xAauAB-B.mjs").then((n) => n.n).then((m) => m.customersScreenPropertySchema),
-	ProductsScreen: () => import("./ProductsScreen-SExV06P8.mjs").then((m) => m.productsScreenPropertySchema),
+	ProductsScreen: () => import("./ProductsScreen-BQlgLkmn.mjs").then((m) => m.productsScreenPropertySchema),
 	MySiteScreen: () => import("./MySiteScreen-BfYDwE3C.mjs").then((n) => n.n).then((m) => m.mySiteScreenPropertySchema),
-	ShareablesScreen: () => import("./ShareablesScreen-C_aJXryA.mjs").then((m) => m.shareablesScreenPropertySchema),
-	ShopScreen: () => import("./ShopScreen-BZLvCzbI.mjs").then((n) => n.n).then((m) => m.shopScreenPropertySchema),
+	ShareablesScreen: () => import("./ShareablesScreen-B67BMAUa.mjs").then((m) => m.shareablesScreenPropertySchema),
+	ShopScreen: () => import("./ShopScreen-BpQQ00y7.mjs").then((n) => n.n).then((m) => m.shopScreenPropertySchema),
 	UpgradeScreen: () => import("./UpgradeScreen-CaTBqSyO.mjs").then((n) => n.t).then((m) => m.upgradeScreenPropertySchema),
 	AppDownloadScreen: () => import("./AppDownloadScreen-0bjHFsn8.mjs").then((n) => n.t).then((m) => m.appDownloadScreenPropertySchema)
 };

package/dist/{src-B-aQFEbA.cjs → src-fXyI4AWk.cjs}

@@ -4179,11 +4179,11 @@ const MediaTab = ({ config, onSelectionChange, onMediaDataChange, selectedMediaI
 		className: "space-y-4",
 		children: [
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Dialog, {
-				open: previewMedia !== null,
+				open: !!previewMedia,
 				onOpenChange: (open) => !open && onPreviewMediaChange?.(null),
 				children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_src.DialogPortal, {
 					container: previewContainer ?? void 0,
-					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.DialogOverlay, { className: "z-9999 bg-black/70 backdrop-blur-none" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Content, {
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.DialogOverlay, { className: "z-9999 bg-black/70 backdrop-blur-none" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.DialogContent, {
 						className: "data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 fixed top-1/2 left-1/2 z-10000 max-h-[85vh] w-full max-w-4xl -translate-x-1/2 -translate-y-1/2 overflow-hidden bg-white shadow-xl",
 						style: { zIndex: 1e4 },
 						children: previewMedia && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
@@ -6823,12 +6823,6 @@ function PlaylistCard({ title, imageUrl, href, itemCount, isFavorited = false, i
 //#endregion
 //#region ../../shareables/ui/src/components/playlists/SearchAndSortBar.tsx
 const PLAYLIST_SORT_OPTIONS = [
-	{
-		id: "is_favorited",
-		label: "Favorited",
-		sortBy: "is_favorited",
-		sortDirection: "desc"
-	},
 	{
 		id: "title_asc",
 		label: "Name (A-Z)",
@@ -6852,24 +6846,6 @@ const PLAYLIST_SORT_OPTIONS = [
 		label: "Date Created (Oldest)",
 		sortBy: "created_at",
 		sortDirection: "asc"
-	},
-	{
-		id: "updated_at_desc",
-		label: "Date Modified (Recent)",
-		sortBy: "updated_at",
-		sortDirection: "desc"
-	},
-	{
-		id: "updated_at_asc",
-		label: "Date Modified (Oldest)",
-		sortBy: "updated_at",
-		sortDirection: "asc"
-	},
-	{
-		id: "shares_count",
-		label: "Most Shared",
-		sortBy: "shares_count",
-		sortDirection: "desc"
 	}
 ];
 function SearchAndSortBar({ searchTerm, onSearchTermChange, currentSort, onSortChange, placeholder = "Search playlists...", sortOptions = PLAYLIST_SORT_OPTIONS }) {
@@ -6969,7 +6945,7 @@ function PlaylistsListingScreen(_props) {
 		}) })
 	}) }), []));
 	const [searchTerm, setSearchTerm] = (0, react.useState)("");
-	const [currentSort, setCurrentSort] = (0, react.useState)(PLAYLIST_SORT_OPTIONS[1]);
+	const [currentSort, setCurrentSort] = (0, react.useState)(PLAYLIST_SORT_OPTIONS[0]);
 	const [selectedIds, setSelectedIds] = (0, react.useState)(/* @__PURE__ */ new Set());
 	const debouncedSearch = useDebounce(searchTerm, 300);
 	const observerTarget = (0, react.useRef)(null);
@@ -7193,6 +7169,13 @@ function PlaylistsListingScreen(_props) {
 	})] });
 }
 //#endregion
+//#region ../../shareables/ui/src/constants.ts
+const NAVIGABLE_RELATEABLE_TYPES = new Set([
+	"Product",
+	"Page",
+	"Medium"
+]);
+//#endregion
 //#region ../../shareables/ui/src/components/SharePage/TaggedProductsList.tsx
 const DEFAULT_IMAGE$3 = "https://assets.fluid.app/fluid-admin/images/we-commerce/we-commerce.png";
 function resolvePrice(product) {
@@ -7203,9 +7186,9 @@ function resolvePrice(product) {
 		else if (firstVariant?.price) price = firstVariant.price;
 	}
 	if (!price) return null;
+	const numPrice = parseFloat(price.replace(/[^0-9.-]/g, ""));
+	if (Number.isNaN(numPrice) || numPrice <= 0) return null;
 	if (price.includes("$")) return price;
-	const numPrice = parseFloat(price);
-	if (Number.isNaN(numPrice)) return price;
 	return `$${numPrice.toFixed(2)}`;
 }
 function TaggedProductsList({ products, onProductClick }) {
@@ -7299,6 +7282,7 @@ function TaggedProductsList({ products, onProductClick }) {
 const DEFAULT_IMAGE$2 = "https://assets.fluid.app/fluid-admin/images/we-commerce/we-commerce.png";
 function getItemType(type, kind) {
 	if (type === "Product") return "Product";
+	if (type === "EnrollmentPack") return "Enrollment";
 	if (type === "Page") return "Page";
 	if (kind === "video") return "Video";
 	if (kind === "image") return "Image";
@@ -7355,11 +7339,13 @@ function PlaylistItemsList({ items, onSelectItem, selectedItemIndex = 0, onNavig
 				const relateable = item.relateable;
 				const imageUrl = relateable?.image_url || relateable?.compressed_image_url || DEFAULT_IMAGE$2;
 				const title = relateable?.title || "Untitled";
-				const price = relateable?.display_price || relateable?.price;
+				const rawPrice = relateable?.display_price || relateable?.price;
+				const price = rawPrice && parseFloat(rawPrice.replace(/[^0-9.-]/g, "")) > 0 ? rawPrice : null;
 				const itemType = getItemType(item.relateable_type, relateable?.kind);
 				const isVideo = relateable?.kind === "video";
 				const isImage = relateable?.kind === "image";
 				const isProduct = item.relateable_type === "Product";
+				const isNavigable = NAVIGABLE_RELATEABLE_TYPES.has(item.relateable_type ?? "");
 				const videoLength = formatVideoLength(relateable?.duration);
 				const fileType = getFileType(relateable?.media_format, relateable?.image_url);
 				return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
@@ -7382,13 +7368,19 @@ function PlaylistItemsList({ items, onSelectItem, selectedItemIndex = 0, onNavig
 					}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 						className: "flex min-w-0 flex-1 flex-col gap-1 py-1",
 						children: [
-							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+							isNavigable ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
 								onClick: (e) => handleNavigateToItem(relateable?.id ?? item.id, item.relateable_type, e),
 								className: "group text-foreground flex items-start gap-1.5 text-left text-[15px] leading-[1.4] font-semibold hover:underline",
 								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 									className: "line-clamp-2",
 									children: title
 								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.ArrowUpRight, { className: "text-foreground mt-0.5 h-3 w-3 shrink-0 opacity-0 transition-opacity group-hover:opacity-100" })]
+							}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+								className: "text-foreground text-[15px] leading-[1.4] font-semibold",
+								children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: "line-clamp-2",
+									children: title
+								})
 							}),
 							isProduct && price && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 								className: "text-foreground text-[15px] leading-[1.4] font-normal",
@@ -7594,9 +7586,10 @@ function PlaylistDetailScreen({ playlistId, onNavigate }) {
 							onSelectItem: setSelectedPlaylistItemIndex,
 							selectedItemIndex: selectedPlaylistItemIndex,
 							onNavigateToItem: (itemId, relateableType) => {
+								if (!NAVIGABLE_RELATEABLE_TYPES.has(relateableType ?? "")) return;
 								if (relateableType === "Product") onNavigate?.("product", String(itemId));
 								else if (relateableType === "Page") onNavigate?.("page", String(itemId));
-								else onNavigate?.("media", String(itemId));
+								else if (relateableType === "Medium") onNavigate?.("media", String(itemId));
 							}
 						})]
 					})
@@ -8296,6 +8289,8 @@ function computeOrderedItems(items) {
 }
 function PlaylistItemsSection({ playlistId }) {
 	const { showToast, filePickerClient } = useShareablesUI();
+	const shareablesApiClient = useShareablesClient();
+	const repContext = useRepContext();
 	const [filePickerOpen, setFilePickerOpen] = (0, react.useState)(false);
 	const { items: contextItems, updateItems, addItem, removeItem } = usePlaylistItems();
 	const tableItems = contextItems;
@@ -8413,9 +8408,15 @@ function PlaylistItemsSection({ playlistId }) {
 				}),
 				loading: () => "",
 				dismiss: () => {}
-			}
+			},
+			shareablesClient: { media: { list: (filters) => require_src$1.getMedia(shareablesApiClient, filters ?? {}, repContext) } }
 		};
-	}, [filePickerClient, showToast]);
+	}, [
+		filePickerClient,
+		showToast,
+		shareablesApiClient,
+		repContext
+	]);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 		className: "border-border bg-card rounded-lg border p-4",
 		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
@@ -9027,4 +9028,4 @@ Object.defineProperty(exports, "ShareablesUIProvider", {
 	}
 });
 
-//# sourceMappingURL=src-B-aQFEbA.cjs.map
+//# sourceMappingURL=src-fXyI4AWk.cjs.map