@fluid-app/portal-sdk 0.1.182 → 0.1.183

package/dist/{ShareablesScreen-DBkDODzX.mjs → ShareablesScreen-BII-fIRD.mjs}

@@ -1,9 +1,7 @@
 import { n as usePortalTenantClient } from "./PortalTenantClientProvider-4ZmY6hac.mjs";
-import { _ as fluidToast } from "./src-BZbWkXOU.mjs";
 import { t as useAccount } from "./use-account-B16Tor2Q.mjs";
-import { t as useStore } from "./use-store-BnHhQDYo.mjs";
 import { n as useAppNavigation } from "./AppNavigationContext-BW3lSpfT.mjs";
-import { a as ShareablesApp, n as usePortalContentContext, o as ShareablesUIProvider, r as toggleFavorite, s as ShareablesCoreProvider, t as PortalContentApiProvider } from "./PortalContentApiProvider--tsJ7o74.mjs";
+import { a as ShareablesApp, n as usePortalContentContext, o as ShareablesUIProvider, r as toggleFavorite, s as ShareablesCoreProvider, t as PortalContentApiProvider } from "./PortalContentApiProvider-C5BcaBSL.mjs";
 import { t as PortalProductsApiProvider } from "./PortalProductsApiProvider-BALswRao.mjs";
 import { t as PORTAL_MYSITE_KEYS } from "./use-mysite-portal-BV-BP3CE.mjs";
 import { useCallback, useMemo } from "react";
@@ -50,10 +48,9 @@ function ShareablesScreenContent() {
 	const shareablesCtx = usePortalContentContext();
 	const { productsApi: portalProductsApi } = shareablesCtx;
 	const { data: account } = useAccount();
-	const { data: store } = useStore();
 	const { currentSlug, navigate } = useAppNavigation();
 	const isCustomer = account?.member_type === "customer";
-	const portalTenantClient = usePortalTenantClient();
+	const client = usePortalTenantClient();
 	const queryClient = useQueryClient();
 	const fetchProducts = useCallback(async (search, cursor, limit) => {
 		if (search) return portalProductsApi.searchProducts(search, {
@@ -87,50 +84,58 @@ function ShareablesScreenContent() {
 			config: useMemo(() => ({
 				user: account ? {
 					id: account.id,
-					company: { logo_url: store?.logo_url ?? null }
+					company: null
 				} : void 0,
+				affiliateId: null,
 				basePath: "",
 				navigate: (path) => {
 					const cleanPath = path.replace(/^\//, "");
 					navigate(cleanPath.startsWith("share/") ? cleanPath : `share/${cleanPath}`);
 				},
 				showToast: (opts) => {
-					fluidToast({
-						title: opts.title,
-						type: opts.type
-					});
-					if (opts.error) console.error("[Shareables]", opts.error);
+					console.warn(`[Shareables] ${opts.type}: ${opts.title}`);
 				},
 				filePickerApi: shareablesCtx.filePickerApi,
 				onToggleFavorite: async (params) => {
-					const result = await toggleFavorite(portalTenantClient, params.favoriteableId, params.favoriteableType);
-					queryClient.invalidateQueries({ queryKey: PORTAL_MYSITE_KEYS.favorites() });
-					return result;
-				},
-				onMySiteShare: async (params) => {
-					const result = await toggleFavorite(portalTenantClient, params.relateable_id, params.relateable_type);
+					const result = await toggleFavorite(client, params.favoriteableId, params.favoriteableType);
 					queryClient.invalidateQueries({ queryKey: PORTAL_MYSITE_KEYS.favorites() });
 					return result;
 				},
 				onDeletePlaylist: isCustomer ? void 0 : async (playlistId) => {
 					await shareablesCtx.playlistsAdapter.deletePlaylist(playlistId);
 				},
-				readOnly: isCustomer
+				mediaProductsApi: isCustomer ? void 0 : shareablesCtx.mediaProductsAdapter,
+				searchProducts: isCustomer ? void 0 : async (query) => {
+					return ((await portalProductsApi.searchProducts(query)).products ?? []).map((p) => ({
+						id: p.id ?? 0,
+						name: p.name ?? p.title ?? "Untitled",
+						image_url: p.image_url ?? null,
+						price: p.price ?? null
+					}));
+				},
+				readOnly: isCustomer,
+				uploadThumbnail: isCustomer ? void 0 : async (blob, filename) => {
+					const formData = new FormData();
+					formData.append("asset[name]", filename);
+					formData.append("asset[file]", blob, filename);
+					return (await client.requestWithFormData("/api/content/dam/assets", formData)).asset?.default_variant_url ?? "";
+				}
 			}), [
 				account,
-				store,
 				navigate,
 				shareablesCtx.filePickerApi,
 				isCustomer,
 				shareablesCtx.playlistsAdapter,
-				portalTenantClient,
+				shareablesCtx.mediaProductsAdapter,
+				portalProductsApi,
+				client,
 				queryClient
 			]),
 			children: /* @__PURE__ */ jsx(ShareablesApp, {
 				screen,
 				detailId,
 				action,
-				companyLogoUrl: store?.logo_url ?? void 0,
+				companyLogoUrl: void 0,
 				countryCode: void 0,
 				fetchProducts,
 				fetchProduct,
@@ -152,4 +157,4 @@ const shareablesScreenPropertySchema = {
 //#endregion
 export { shareablesScreenPropertySchema as n, ShareablesScreen as t };
 
-//# sourceMappingURL=ShareablesScreen-DBkDODzX.mjs.map
+//# sourceMappingURL=ShareablesScreen-BII-fIRD.mjs.map

package/dist/ShareablesScreen-BII-fIRD.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ShareablesScreen-BII-fIRD.mjs","names":[],"sources":["../src/screens/ShareablesScreen.tsx"],"sourcesContent":["import { useCallback, useMemo, type ComponentProps } from \"react\";\nimport { useQueryClient } from \"@tanstack/react-query\";\nimport { PORTAL_MYSITE_KEYS } from \"@fluid-app/mysite-ui/portal/hooks/use-mysite-portal\";\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, ShareablesApp } from \"@fluid-app/shareables-ui\";\nimport { useAppNavigation } from \"../shell/AppNavigationContext\";\nimport { useAccount } from \"../hooks/use-account\";\nimport { PortalProductsApiProvider } from \"../products/PortalProductsApiProvider\";\nimport {\n  PortalContentApiProvider,\n  usePortalContentContext,\n} from \"../content/PortalContentApiProvider\";\nimport { toggleFavorite } from \"../adapters/content-api-adapter\";\nimport { usePortalTenantClient } from \"../providers/PortalTenantClientProvider\";\n\ntype ShareablesScreenProps = ComponentProps<\"div\"> & {\n  background?: BackgroundValue;\n  textColor?: ColorOptions;\n  accentColor?: ColorOptions;\n  padding?: PaddingOptions;\n  borderRadius?: BorderRadiusOptions;\n};\n\n/**\n * Parse the current shareables sub-route from the full slug.\n *\n * System nav slugs are \"share/products\", \"share/media\", \"share/playlists\".\n * Detail pages append an ID: \"share/products/123\", \"share/media/456\".\n *\n *   \"share/products\"        → screen=\"products\", detailId=null\n *   \"share/products/123\"    → screen=\"products\", detailId=\"123\"\n *   \"share/media/456\"       → screen=\"media\",    detailId=\"456\"\n *   \"share/playlists\"       → screen=\"playlists\", detailId=null\n *   \"share/playlists/789\"   → screen=\"playlists\", detailId=\"789\"\n *   \"share/files\"           → screen=\"files\",    detailId=null\n *   \"share\"                 → screen=null (default to products)\n */\nfunction parseShareablesRoute(currentSlug: string): {\n  screen: string | null;\n  detailId: string | null;\n  action: string | null;\n} {\n  // Strip the \"share\" prefix\n  const slugWithoutPrefix = currentSlug.replace(/^share\\/?/, \"\");\n  if (!slugWithoutPrefix) {\n    return { screen: null, detailId: null, action: null };\n  }\n\n  const parts = slugWithoutPrefix.split(\"/\");\n  const screen = parts[0] || null;\n  const detailId = parts[1] || null;\n  const action = parts[2] || null;\n  return { screen, detailId, action };\n}\n\nexport function ShareablesScreen({\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}: ShareablesScreenProps): React.JSX.Element {\n  return (\n    <div {...divProps} className={`h-full ${divProps.className ?? \"\"}`}>\n      <PortalProductsApiProvider>\n        <PortalContentApiProvider>\n          <ShareablesScreenContent />\n        </PortalContentApiProvider>\n      </PortalProductsApiProvider>\n    </div>\n  );\n}\n\n/** Inner component rendered inside providers so hooks can access context. */\nfunction ShareablesScreenContent(): React.JSX.Element {\n  const shareablesCtx = usePortalContentContext();\n  const { productsApi: portalProductsApi } = shareablesCtx;\n  const { data: account } = useAccount();\n  const { currentSlug, navigate } = useAppNavigation();\n  const isCustomer = account?.member_type === \"customer\";\n  const client = usePortalTenantClient();\n  const queryClient = useQueryClient();\n\n  const fetchProducts = useCallback(\n    async (search: string, cursor?: string, limit?: number) => {\n      if (search) {\n        return portalProductsApi.searchProducts(search, { cursor, limit });\n      }\n      return portalProductsApi.listProducts({ cursor, limit });\n    },\n    [portalProductsApi],\n  );\n\n  const fetchProduct = useCallback(\n    async (id: string | number) => portalProductsApi.getProduct(id),\n    [portalProductsApi],\n  );\n\n  const { screen, detailId, action } = parseShareablesRoute(currentSlug);\n\n  const handleNavigate = useCallback(\n    (subScreen: string, id?: string) => {\n      const path = id ? `share/${subScreen}/${id}` : `share/${subScreen}`;\n      navigate(path);\n    },\n    [navigate],\n  );\n\n  const handleBack = useCallback(() => {\n    if (detailId && screen) {\n      navigate(`share/${screen}`);\n    } else {\n      navigate(\"share/products\");\n    }\n  }, [navigate, detailId, screen]);\n\n  const coreConfig = useMemo(\n    () => ({\n      user: account ? { id: account.id } : null,\n      repContext: true,\n    }),\n    [account],\n  );\n\n  const uiConfig = useMemo(\n    () => ({\n      user: account\n        ? {\n            id: account.id,\n            company: null, // TODO(portal-tenant): company branding not available from /api/account\n          }\n        : undefined,\n      // TODO(portal-tenant): affiliate_id not available from /api/account\n      affiliateId: null,\n      basePath: \"\",\n      navigate: (path: string) => {\n        const cleanPath = path.replace(/^\\//, \"\");\n        const prefixed = cleanPath.startsWith(\"share/\")\n          ? cleanPath\n          : `share/${cleanPath}`;\n        navigate(prefixed);\n      },\n      showToast: (opts: {\n        title: string;\n        type: \"success\" | \"error\" | \"warning\";\n      }) => {\n        console.warn(`[Shareables] ${opts.type}: ${opts.title}`);\n      },\n      filePickerApi: shareablesCtx.filePickerApi,\n      onToggleFavorite: async (params: {\n        favoriteableId: number;\n        favoriteableType: string;\n      }) => {\n        const result = await toggleFavorite(\n          client,\n          params.favoriteableId,\n          params.favoriteableType,\n        );\n        void queryClient.invalidateQueries({\n          queryKey: PORTAL_MYSITE_KEYS.favorites(),\n        });\n        return result;\n      },\n      onDeletePlaylist: isCustomer\n        ? undefined\n        : async (playlistId: number) => {\n            await shareablesCtx.playlistsAdapter.deletePlaylist(playlistId);\n          },\n      mediaProductsApi: isCustomer\n        ? undefined\n        : shareablesCtx.mediaProductsAdapter,\n      searchProducts: isCustomer\n        ? undefined\n        : async (query: string) => {\n            const result = await portalProductsApi.searchProducts(query);\n            return (result.products ?? []).map(\n              (p: {\n                id?: number;\n                title?: string;\n                name?: string;\n                image_url?: string | null;\n                price?: string | null;\n              }) => ({\n                id: p.id ?? 0,\n                name: p.name ?? p.title ?? \"Untitled\",\n                image_url: p.image_url ?? null,\n                price: p.price ?? null,\n              }),\n            );\n          },\n      readOnly: isCustomer,\n      uploadThumbnail: isCustomer\n        ? undefined\n        : async (blob: Blob, filename: string) => {\n            const formData = new FormData();\n            formData.append(\"asset[name]\", filename);\n            formData.append(\"asset[file]\", blob, filename);\n            const response = await client.requestWithFormData<{\n              asset?: { default_variant_url?: string | null };\n            }>(\"/api/content/dam/assets\", formData);\n            return response.asset?.default_variant_url ?? \"\";\n          },\n    }),\n    [\n      account,\n      navigate,\n      shareablesCtx.filePickerApi,\n      isCustomer,\n      shareablesCtx.playlistsAdapter,\n      shareablesCtx.mediaProductsAdapter,\n      portalProductsApi,\n      client,\n      queryClient,\n    ],\n  );\n\n  return (\n    <ShareablesCoreProvider config={coreConfig}>\n      <ShareablesUIProvider config={uiConfig}>\n        <ShareablesApp\n          screen={screen}\n          detailId={detailId}\n          action={action}\n          companyLogoUrl={undefined}\n          countryCode={undefined}\n          fetchProducts={fetchProducts}\n          fetchProduct={fetchProduct}\n          onNavigate={handleNavigate}\n          onBack={handleBack}\n        />\n      </ShareablesUIProvider>\n    </ShareablesCoreProvider>\n  );\n}\n\nexport const shareablesScreenPropertySchema: WidgetPropertySchema = {\n  widgetType: \"ShareablesScreen\",\n  displayName: \"Shareables Screen\",\n  tabsConfig: [{ id: \"styling\", label: \"Styling\" }],\n  fields: [],\n} as const satisfies WidgetPropertySchema;\n"],"mappings":"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"}

package/dist/{ShareablesScreen-BBxez962.mjs → ShareablesScreen-BLNcb2M-.mjs}

@@ -1,15 +1,14 @@
 import "./es-I9usCQT-.mjs";
 import "./account-api-context-BIZ_aibJ.mjs";
-import "./store-api-context-C1lXT_3d.mjs";
 import "./mysite-api-context-bXtZ8Gbm.mjs";
 import "./src-BZbWkXOU.mjs";
 import "./ScreenHeaderContext-FYyYk97y.mjs";
 import "./dist-BETEuYfn.mjs";
 import "./SearchSort-CFbJNJDL.mjs";
 import "./dist-DiBoTZfl.mjs";
-import "./PortalContentApiProvider--tsJ7o74.mjs";
+import "./PortalContentApiProvider-C5BcaBSL.mjs";
 import "./sortable.esm-CJLSD-Ce.mjs";
 import "./PortalProductsApiProvider-BALswRao.mjs";
 import "./use-mysite-portal-BV-BP3CE.mjs";
-import { n as shareablesScreenPropertySchema, t as ShareablesScreen } from "./ShareablesScreen-DBkDODzX.mjs";
+import { n as shareablesScreenPropertySchema, t as ShareablesScreen } from "./ShareablesScreen-BII-fIRD.mjs";
 export { ShareablesScreen, shareablesScreenPropertySchema };

package/dist/{ShareablesScreen-DplgNCYs.cjs → ShareablesScreen-CBrJ8Vzm.cjs}

@@ -1,10 +1,8 @@
 require("./chunk-9hOWP6kD.cjs");
 const require_PortalTenantClientProvider = require("./PortalTenantClientProvider-CVv-4rQ9.cjs");
-const require_src = require("./src-CvtwdzKm.cjs");
 const require_use_account = require("./use-account-BWdcuCCW.cjs");
-const require_use_store = require("./use-store-DvtLtZ3f.cjs");
 const require_AppNavigationContext = require("./AppNavigationContext-BKszSW5R.cjs");
-const require_PortalContentApiProvider = require("./PortalContentApiProvider-DyC6LEke.cjs");
+const require_PortalContentApiProvider = require("./PortalContentApiProvider-eSOgc4Nv.cjs");
 const require_PortalProductsApiProvider = require("./PortalProductsApiProvider-Duj-EjQj.cjs");
 const require_use_mysite_portal = require("./use-mysite-portal-DzDYRU0u.cjs");
 let react = require("react");
@@ -51,10 +49,9 @@ function ShareablesScreenContent() {
 	const shareablesCtx = require_PortalContentApiProvider.usePortalContentContext();
 	const { productsApi: portalProductsApi } = shareablesCtx;
 	const { data: account } = require_use_account.useAccount();
-	const { data: store } = require_use_store.useStore();
 	const { currentSlug, navigate } = require_AppNavigationContext.useAppNavigation();
 	const isCustomer = account?.member_type === "customer";
-	const portalTenantClient = require_PortalTenantClientProvider.usePortalTenantClient();
+	const client = require_PortalTenantClientProvider.usePortalTenantClient();
 	const queryClient = (0, _tanstack_react_query.useQueryClient)();
 	const fetchProducts = (0, react.useCallback)(async (search, cursor, limit) => {
 		if (search) return portalProductsApi.searchProducts(search, {
@@ -88,50 +85,58 @@ function ShareablesScreenContent() {
 			config: (0, react.useMemo)(() => ({
 				user: account ? {
 					id: account.id,
-					company: { logo_url: store?.logo_url ?? null }
+					company: null
 				} : void 0,
+				affiliateId: null,
 				basePath: "",
 				navigate: (path) => {
 					const cleanPath = path.replace(/^\//, "");
 					navigate(cleanPath.startsWith("share/") ? cleanPath : `share/${cleanPath}`);
 				},
 				showToast: (opts) => {
-					require_src.fluidToast({
-						title: opts.title,
-						type: opts.type
-					});
-					if (opts.error) console.error("[Shareables]", opts.error);
+					console.warn(`[Shareables] ${opts.type}: ${opts.title}`);
 				},
 				filePickerApi: shareablesCtx.filePickerApi,
 				onToggleFavorite: async (params) => {
-					const result = await require_PortalContentApiProvider.toggleFavorite(portalTenantClient, params.favoriteableId, params.favoriteableType);
-					queryClient.invalidateQueries({ queryKey: require_use_mysite_portal.PORTAL_MYSITE_KEYS.favorites() });
-					return result;
-				},
-				onMySiteShare: async (params) => {
-					const result = await require_PortalContentApiProvider.toggleFavorite(portalTenantClient, params.relateable_id, params.relateable_type);
+					const result = await require_PortalContentApiProvider.toggleFavorite(client, params.favoriteableId, params.favoriteableType);
 					queryClient.invalidateQueries({ queryKey: require_use_mysite_portal.PORTAL_MYSITE_KEYS.favorites() });
 					return result;
 				},
 				onDeletePlaylist: isCustomer ? void 0 : async (playlistId) => {
 					await shareablesCtx.playlistsAdapter.deletePlaylist(playlistId);
 				},
-				readOnly: isCustomer
+				mediaProductsApi: isCustomer ? void 0 : shareablesCtx.mediaProductsAdapter,
+				searchProducts: isCustomer ? void 0 : async (query) => {
+					return ((await portalProductsApi.searchProducts(query)).products ?? []).map((p) => ({
+						id: p.id ?? 0,
+						name: p.name ?? p.title ?? "Untitled",
+						image_url: p.image_url ?? null,
+						price: p.price ?? null
+					}));
+				},
+				readOnly: isCustomer,
+				uploadThumbnail: isCustomer ? void 0 : async (blob, filename) => {
+					const formData = new FormData();
+					formData.append("asset[name]", filename);
+					formData.append("asset[file]", blob, filename);
+					return (await client.requestWithFormData("/api/content/dam/assets", formData)).asset?.default_variant_url ?? "";
+				}
 			}), [
 				account,
-				store,
 				navigate,
 				shareablesCtx.filePickerApi,
 				isCustomer,
 				shareablesCtx.playlistsAdapter,
-				portalTenantClient,
+				shareablesCtx.mediaProductsAdapter,
+				portalProductsApi,
+				client,
 				queryClient
 			]),
 			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_PortalContentApiProvider.ShareablesApp, {
 				screen,
 				detailId,
 				action,
-				companyLogoUrl: store?.logo_url ?? void 0,
+				companyLogoUrl: void 0,
 				countryCode: void 0,
 				fetchProducts,
 				fetchProduct,
@@ -164,4 +169,4 @@ Object.defineProperty(exports, "shareablesScreenPropertySchema", {
 	}
 });
 
-//# sourceMappingURL=ShareablesScreen-DplgNCYs.cjs.map
+//# sourceMappingURL=ShareablesScreen-CBrJ8Vzm.cjs.map

package/dist/ShareablesScreen-CBrJ8Vzm.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ShareablesScreen-CBrJ8Vzm.cjs","names":["PortalProductsApiProvider","PortalContentApiProvider","usePortalContentContext","useAccount","useAppNavigation","usePortalTenantClient","ShareablesCoreProvider","ShareablesUIProvider","toggleFavorite","PORTAL_MYSITE_KEYS","ShareablesApp"],"sources":["../src/screens/ShareablesScreen.tsx"],"sourcesContent":["import { useCallback, useMemo, type ComponentProps } from \"react\";\nimport { useQueryClient } from \"@tanstack/react-query\";\nimport { PORTAL_MYSITE_KEYS } from \"@fluid-app/mysite-ui/portal/hooks/use-mysite-portal\";\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, ShareablesApp } from \"@fluid-app/shareables-ui\";\nimport { useAppNavigation } from \"../shell/AppNavigationContext\";\nimport { useAccount } from \"../hooks/use-account\";\nimport { PortalProductsApiProvider } from \"../products/PortalProductsApiProvider\";\nimport {\n  PortalContentApiProvider,\n  usePortalContentContext,\n} from \"../content/PortalContentApiProvider\";\nimport { toggleFavorite } from \"../adapters/content-api-adapter\";\nimport { usePortalTenantClient } from \"../providers/PortalTenantClientProvider\";\n\ntype ShareablesScreenProps = ComponentProps<\"div\"> & {\n  background?: BackgroundValue;\n  textColor?: ColorOptions;\n  accentColor?: ColorOptions;\n  padding?: PaddingOptions;\n  borderRadius?: BorderRadiusOptions;\n};\n\n/**\n * Parse the current shareables sub-route from the full slug.\n *\n * System nav slugs are \"share/products\", \"share/media\", \"share/playlists\".\n * Detail pages append an ID: \"share/products/123\", \"share/media/456\".\n *\n *   \"share/products\"        → screen=\"products\", detailId=null\n *   \"share/products/123\"    → screen=\"products\", detailId=\"123\"\n *   \"share/media/456\"       → screen=\"media\",    detailId=\"456\"\n *   \"share/playlists\"       → screen=\"playlists\", detailId=null\n *   \"share/playlists/789\"   → screen=\"playlists\", detailId=\"789\"\n *   \"share/files\"           → screen=\"files\",    detailId=null\n *   \"share\"                 → screen=null (default to products)\n */\nfunction parseShareablesRoute(currentSlug: string): {\n  screen: string | null;\n  detailId: string | null;\n  action: string | null;\n} {\n  // Strip the \"share\" prefix\n  const slugWithoutPrefix = currentSlug.replace(/^share\\/?/, \"\");\n  if (!slugWithoutPrefix) {\n    return { screen: null, detailId: null, action: null };\n  }\n\n  const parts = slugWithoutPrefix.split(\"/\");\n  const screen = parts[0] || null;\n  const detailId = parts[1] || null;\n  const action = parts[2] || null;\n  return { screen, detailId, action };\n}\n\nexport function ShareablesScreen({\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}: ShareablesScreenProps): React.JSX.Element {\n  return (\n    <div {...divProps} className={`h-full ${divProps.className ?? \"\"}`}>\n      <PortalProductsApiProvider>\n        <PortalContentApiProvider>\n          <ShareablesScreenContent />\n        </PortalContentApiProvider>\n      </PortalProductsApiProvider>\n    </div>\n  );\n}\n\n/** Inner component rendered inside providers so hooks can access context. */\nfunction ShareablesScreenContent(): React.JSX.Element {\n  const shareablesCtx = usePortalContentContext();\n  const { productsApi: portalProductsApi } = shareablesCtx;\n  const { data: account } = useAccount();\n  const { currentSlug, navigate } = useAppNavigation();\n  const isCustomer = account?.member_type === \"customer\";\n  const client = usePortalTenantClient();\n  const queryClient = useQueryClient();\n\n  const fetchProducts = useCallback(\n    async (search: string, cursor?: string, limit?: number) => {\n      if (search) {\n        return portalProductsApi.searchProducts(search, { cursor, limit });\n      }\n      return portalProductsApi.listProducts({ cursor, limit });\n    },\n    [portalProductsApi],\n  );\n\n  const fetchProduct = useCallback(\n    async (id: string | number) => portalProductsApi.getProduct(id),\n    [portalProductsApi],\n  );\n\n  const { screen, detailId, action } = parseShareablesRoute(currentSlug);\n\n  const handleNavigate = useCallback(\n    (subScreen: string, id?: string) => {\n      const path = id ? `share/${subScreen}/${id}` : `share/${subScreen}`;\n      navigate(path);\n    },\n    [navigate],\n  );\n\n  const handleBack = useCallback(() => {\n    if (detailId && screen) {\n      navigate(`share/${screen}`);\n    } else {\n      navigate(\"share/products\");\n    }\n  }, [navigate, detailId, screen]);\n\n  const coreConfig = useMemo(\n    () => ({\n      user: account ? { id: account.id } : null,\n      repContext: true,\n    }),\n    [account],\n  );\n\n  const uiConfig = useMemo(\n    () => ({\n      user: account\n        ? {\n            id: account.id,\n            company: null, // TODO(portal-tenant): company branding not available from /api/account\n          }\n        : undefined,\n      // TODO(portal-tenant): affiliate_id not available from /api/account\n      affiliateId: null,\n      basePath: \"\",\n      navigate: (path: string) => {\n        const cleanPath = path.replace(/^\\//, \"\");\n        const prefixed = cleanPath.startsWith(\"share/\")\n          ? cleanPath\n          : `share/${cleanPath}`;\n        navigate(prefixed);\n      },\n      showToast: (opts: {\n        title: string;\n        type: \"success\" | \"error\" | \"warning\";\n      }) => {\n        console.warn(`[Shareables] ${opts.type}: ${opts.title}`);\n      },\n      filePickerApi: shareablesCtx.filePickerApi,\n      onToggleFavorite: async (params: {\n        favoriteableId: number;\n        favoriteableType: string;\n      }) => {\n        const result = await toggleFavorite(\n          client,\n          params.favoriteableId,\n          params.favoriteableType,\n        );\n        void queryClient.invalidateQueries({\n          queryKey: PORTAL_MYSITE_KEYS.favorites(),\n        });\n        return result;\n      },\n      onDeletePlaylist: isCustomer\n        ? undefined\n        : async (playlistId: number) => {\n            await shareablesCtx.playlistsAdapter.deletePlaylist(playlistId);\n          },\n      mediaProductsApi: isCustomer\n        ? undefined\n        : shareablesCtx.mediaProductsAdapter,\n      searchProducts: isCustomer\n        ? undefined\n        : async (query: string) => {\n            const result = await portalProductsApi.searchProducts(query);\n            return (result.products ?? []).map(\n              (p: {\n                id?: number;\n                title?: string;\n                name?: string;\n                image_url?: string | null;\n                price?: string | null;\n              }) => ({\n                id: p.id ?? 0,\n                name: p.name ?? p.title ?? \"Untitled\",\n                image_url: p.image_url ?? null,\n                price: p.price ?? null,\n              }),\n            );\n          },\n      readOnly: isCustomer,\n      uploadThumbnail: isCustomer\n        ? undefined\n        : async (blob: Blob, filename: string) => {\n            const formData = new FormData();\n            formData.append(\"asset[name]\", filename);\n            formData.append(\"asset[file]\", blob, filename);\n            const response = await client.requestWithFormData<{\n              asset?: { default_variant_url?: string | null };\n            }>(\"/api/content/dam/assets\", formData);\n            return response.asset?.default_variant_url ?? \"\";\n          },\n    }),\n    [\n      account,\n      navigate,\n      shareablesCtx.filePickerApi,\n      isCustomer,\n      shareablesCtx.playlistsAdapter,\n      shareablesCtx.mediaProductsAdapter,\n      portalProductsApi,\n      client,\n      queryClient,\n    ],\n  );\n\n  return (\n    <ShareablesCoreProvider config={coreConfig}>\n      <ShareablesUIProvider config={uiConfig}>\n        <ShareablesApp\n          screen={screen}\n          detailId={detailId}\n          action={action}\n          companyLogoUrl={undefined}\n          countryCode={undefined}\n          fetchProducts={fetchProducts}\n          fetchProduct={fetchProduct}\n          onNavigate={handleNavigate}\n          onBack={handleBack}\n        />\n      </ShareablesUIProvider>\n    </ShareablesCoreProvider>\n  );\n}\n\nexport const shareablesScreenPropertySchema: WidgetPropertySchema = {\n  widgetType: \"ShareablesScreen\",\n  displayName: \"Shareables Screen\",\n  tabsConfig: [{ id: \"styling\", label: \"Styling\" }],\n  fields: [],\n} as const satisfies WidgetPropertySchema;\n"],"mappings":"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"}

package/dist/{ShareablesScreen-38fg84um.cjs → ShareablesScreen-C_KC7Ey1.cjs}

@@ -1,6 +1,5 @@
 require("./chunk-9hOWP6kD.cjs");
 require("./account-api-context-DZP9IiGg.cjs");
-require("./store-api-context-D1gZn22Z.cjs");
 require("./mysite-api-context-CilZcDS4.cjs");
 require("./src-CvtwdzKm.cjs");
 require("./ScreenHeaderContext-B06T9svT.cjs");
@@ -8,10 +7,10 @@ require("./dist-BRT-FAUb.cjs");
 require("./es-Dr47illR.cjs");
 require("./SearchSort-BgHSdG1l.cjs");
 require("./dist-DbiSKQz4.cjs");
-require("./PortalContentApiProvider-DyC6LEke.cjs");
+require("./PortalContentApiProvider-eSOgc4Nv.cjs");
 require("./dist-DWs3-WOI.cjs");
 require("./PortalProductsApiProvider-Duj-EjQj.cjs");
 require("./use-mysite-portal-DzDYRU0u.cjs");
-const require_ShareablesScreen = require("./ShareablesScreen-DplgNCYs.cjs");
+const require_ShareablesScreen = require("./ShareablesScreen-CBrJ8Vzm.cjs");
 exports.ShareablesScreen = require_ShareablesScreen.ShareablesScreen;
 exports.shareablesScreenPropertySchema = require_ShareablesScreen.shareablesScreenPropertySchema;

package/dist/{ShopScreen-DQPEIpru.mjs → ShopScreen-1k9PZ8qQ.mjs}

@@ -1,5 +1,5 @@
 import { r as __exportAll } from "./es-I9usCQT-.mjs";
-import { n as useFluidContext } from "./FluidProvider-B15cV2Xo.mjs";
+import { n as useFluidContext } from "./FluidProvider-CxTAbzER.mjs";
 import { A as SelectTrigger, D as Select, G as DropdownMenuContent, J as DropdownMenuRadioGroup, Jt as BreadcrumbLink, Kt as Breadcrumb, M as RadioGroup, N as RadioGroupItem, O as SelectContent, W as DropdownMenu, X as DropdownMenuSeparator, Xt as BreadcrumbPage, Y as DropdownMenuRadioItem, Yt as BreadcrumbList, Zt as BreadcrumbSeparator, b as Skeleton, et as DropdownMenuTrigger, j as SelectValue, k as SelectItem, q as DropdownMenuLabel, qt as BreadcrumbItem, un as Button, xt as Card } from "./src-BZbWkXOU.mjs";
 import { n as useScreenHeaderActions, r as useScreenHeaderBreadcrumbs } from "./ScreenHeaderContext-FYyYk97y.mjs";
 import { t as useStore } from "./use-store-BnHhQDYo.mjs";
@@ -1148,4 +1148,4 @@ function ProductBreadcrumb({ productId }) {
 //#endregion
 export { ShopScreen_exports as n, shopScreenPropertySchema as r, ShopScreen as t };
 
-//# sourceMappingURL=ShopScreen-DQPEIpru.mjs.map
+//# sourceMappingURL=ShopScreen-1k9PZ8qQ.mjs.map