@fluid-app/portal-sdk 0.1.55 → 0.1.57

package/dist/ScreenHeaderContext-CrdfLGKk.mjs

@@ -0,0 +1,85 @@
+import { createContext, useContext, useEffect, useRef, useState } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region ../react/src/shell/ScreenHeaderContext.tsx
+/**
+* Split into separate read/write contexts so that components calling
+* useScreenHeaderActions (writers) don't re-render when the actions
+* state changes — only the ScreenHeader (reader) re-renders.
+*/
+const ScreenHeaderWriteContext = createContext(null);
+const ScreenHeaderReadContext = createContext(null);
+const ScreenHeaderBreadcrumbsWriteContext = createContext(null);
+const ScreenHeaderBreadcrumbsReadContext = createContext(null);
+function ScreenHeaderProvider({ children }) {
+	const [actions, setActions] = useState(null);
+	const [breadcrumbs, setBreadcrumbs] = useState(null);
+	return /* @__PURE__ */ jsx(ScreenHeaderWriteContext.Provider, {
+		value: setActions,
+		children: /* @__PURE__ */ jsx(ScreenHeaderReadContext.Provider, {
+			value: actions,
+			children: /* @__PURE__ */ jsx(ScreenHeaderBreadcrumbsWriteContext.Provider, {
+				value: setBreadcrumbs,
+				children: /* @__PURE__ */ jsx(ScreenHeaderBreadcrumbsReadContext.Provider, {
+					value: breadcrumbs,
+					children
+				})
+			})
+		})
+	});
+}
+/**
+* Sets actions to display in the ScreenHeader.
+* Returns `true` if inside a ScreenHeaderProvider (i.e., in the portal shell),
+* `false` otherwise. Pages can use this boolean to conditionally skip
+* rendering their own PageHeader.
+*
+* Cleans up actions on unmount so navigating away doesn't leave stale actions.
+*/
+function useScreenHeaderActions(actions) {
+	const setActions = useContext(ScreenHeaderWriteContext);
+	const setActionsRef = useRef(setActions);
+	setActionsRef.current = setActions;
+	useEffect(() => {
+		if (!setActions) return;
+		setActions(actions);
+	}, [actions, setActions]);
+	useEffect(() => {
+		return () => setActionsRef.current?.(null);
+	}, []);
+	return setActions !== null;
+}
+/**
+* Sets breadcrumbs to display in the ScreenHeader (in place of the plain title).
+* Returns `true` if inside a ScreenHeaderProvider (i.e., in the portal shell),
+* `false` otherwise.
+*
+* Cleans up breadcrumbs on unmount so navigating away doesn't leave stale breadcrumbs.
+*/
+function useScreenHeaderBreadcrumbs(breadcrumbs) {
+	const setBreadcrumbs = useContext(ScreenHeaderBreadcrumbsWriteContext);
+	const setBreadcrumbsRef = useRef(setBreadcrumbs);
+	setBreadcrumbsRef.current = setBreadcrumbs;
+	useEffect(() => {
+		if (!setBreadcrumbs) return;
+		setBreadcrumbs(breadcrumbs);
+	}, [breadcrumbs, setBreadcrumbs]);
+	useEffect(() => {
+		return () => setBreadcrumbsRef.current?.(null);
+	}, []);
+	return setBreadcrumbs !== null;
+}
+/**
+* Reads the current screen header actions and breadcrumbs. Used internally by ScreenHeader.
+*/
+function useScreenHeaderContext() {
+	const actions = useContext(ScreenHeaderReadContext);
+	const breadcrumbs = useContext(ScreenHeaderBreadcrumbsReadContext);
+	return {
+		actions: actions ?? null,
+		breadcrumbs: breadcrumbs ?? null
+	};
+}
+//#endregion
+export { useScreenHeaderContext as i, useScreenHeaderActions as n, useScreenHeaderBreadcrumbs as r, ScreenHeaderProvider as t };
+
+//# sourceMappingURL=ScreenHeaderContext-CrdfLGKk.mjs.map

package/dist/ScreenHeaderContext-CrdfLGKk.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScreenHeaderContext-CrdfLGKk.mjs","names":[],"sources":["../../react/src/shell/ScreenHeaderContext.tsx"],"sourcesContent":["\"use client\";\n\nimport type React from \"react\";\nimport {\n  createContext,\n  useContext,\n  useState,\n  useEffect,\n  useRef,\n  type ReactNode,\n} from \"react\";\n\ntype SetActions = (actions: ReactNode) => void;\ntype SetBreadcrumbs = (breadcrumbs: ReactNode) => void;\n\n/**\n * Split into separate read/write contexts so that components calling\n * useScreenHeaderActions (writers) don't re-render when the actions\n * state changes — only the ScreenHeader (reader) re-renders.\n */\nconst ScreenHeaderWriteContext = createContext<SetActions | null>(null);\nconst ScreenHeaderReadContext = createContext<ReactNode>(null);\n\nconst ScreenHeaderBreadcrumbsWriteContext =\n  createContext<SetBreadcrumbs | null>(null);\nconst ScreenHeaderBreadcrumbsReadContext = createContext<ReactNode>(null);\n\nexport function ScreenHeaderProvider({\n  children,\n}: {\n  children: ReactNode;\n}): React.JSX.Element {\n  const [actions, setActions] = useState<ReactNode>(null);\n  const [breadcrumbs, setBreadcrumbs] = useState<ReactNode>(null);\n\n  return (\n    <ScreenHeaderWriteContext.Provider value={setActions}>\n      <ScreenHeaderReadContext.Provider value={actions}>\n        <ScreenHeaderBreadcrumbsWriteContext.Provider value={setBreadcrumbs}>\n          <ScreenHeaderBreadcrumbsReadContext.Provider value={breadcrumbs}>\n            {children}\n          </ScreenHeaderBreadcrumbsReadContext.Provider>\n        </ScreenHeaderBreadcrumbsWriteContext.Provider>\n      </ScreenHeaderReadContext.Provider>\n    </ScreenHeaderWriteContext.Provider>\n  );\n}\n\n/**\n * Sets actions to display in the ScreenHeader.\n * Returns `true` if inside a ScreenHeaderProvider (i.e., in the portal shell),\n * `false` otherwise. Pages can use this boolean to conditionally skip\n * rendering their own PageHeader.\n *\n * Cleans up actions on unmount so navigating away doesn't leave stale actions.\n */\nexport function useScreenHeaderActions(actions: ReactNode): boolean {\n  const setActions = useContext(ScreenHeaderWriteContext);\n  const setActionsRef = useRef(setActions);\n  setActionsRef.current = setActions;\n\n  // Update actions when the value changes\n  useEffect(() => {\n    if (!setActions) return;\n    setActions(actions);\n  }, [actions, setActions]);\n\n  // Clear actions only on unmount\n  useEffect(() => {\n    return () => setActionsRef.current?.(null);\n  }, []);\n\n  return setActions !== null;\n}\n\n/**\n * Sets breadcrumbs to display in the ScreenHeader (in place of the plain title).\n * Returns `true` if inside a ScreenHeaderProvider (i.e., in the portal shell),\n * `false` otherwise.\n *\n * Cleans up breadcrumbs on unmount so navigating away doesn't leave stale breadcrumbs.\n */\nexport function useScreenHeaderBreadcrumbs(breadcrumbs: ReactNode): boolean {\n  const setBreadcrumbs = useContext(ScreenHeaderBreadcrumbsWriteContext);\n  const setBreadcrumbsRef = useRef(setBreadcrumbs);\n  setBreadcrumbsRef.current = setBreadcrumbs;\n\n  // Update breadcrumbs when the value changes\n  useEffect(() => {\n    if (!setBreadcrumbs) return;\n    setBreadcrumbs(breadcrumbs);\n  }, [breadcrumbs, setBreadcrumbs]);\n\n  // Clear breadcrumbs only on unmount\n  useEffect(() => {\n    return () => setBreadcrumbsRef.current?.(null);\n  }, []);\n\n  return setBreadcrumbs !== null;\n}\n\n/**\n * Reads the current screen header actions and breadcrumbs. Used internally by ScreenHeader.\n */\nexport function useScreenHeaderContext(): {\n  actions: ReactNode;\n  breadcrumbs: ReactNode;\n} {\n  const actions = useContext(ScreenHeaderReadContext);\n  const breadcrumbs = useContext(ScreenHeaderBreadcrumbsReadContext);\n  return { actions: actions ?? null, breadcrumbs: breadcrumbs ?? null };\n}\n"],"mappings":";;;;;;;;AAoBA,MAAM,2BAA2B,cAAiC,KAAK;AACvE,MAAM,0BAA0B,cAAyB,KAAK;AAE9D,MAAM,sCACJ,cAAqC,KAAK;AAC5C,MAAM,qCAAqC,cAAyB,KAAK;AAEzE,SAAgB,qBAAqB,EACnC,YAGoB;CACpB,MAAM,CAAC,SAAS,cAAc,SAAoB,KAAK;CACvD,MAAM,CAAC,aAAa,kBAAkB,SAAoB,KAAK;AAE/D,QACE,oBAAC,yBAAyB,UAA1B;EAAmC,OAAO;YACxC,oBAAC,wBAAwB,UAAzB;GAAkC,OAAO;aACvC,oBAAC,oCAAoC,UAArC;IAA8C,OAAO;cACnD,oBAAC,mCAAmC,UAApC;KAA6C,OAAO;KACjD;KAC2C,CAAA;IACD,CAAA;GACd,CAAA;EACD,CAAA;;;;;;;;;;AAYxC,SAAgB,uBAAuB,SAA6B;CAClE,MAAM,aAAa,WAAW,yBAAyB;CACvD,MAAM,gBAAgB,OAAO,WAAW;AACxC,eAAc,UAAU;AAGxB,iBAAgB;AACd,MAAI,CAAC,WAAY;AACjB,aAAW,QAAQ;IAClB,CAAC,SAAS,WAAW,CAAC;AAGzB,iBAAgB;AACd,eAAa,cAAc,UAAU,KAAK;IACzC,EAAE,CAAC;AAEN,QAAO,eAAe;;;;;;;;;AAUxB,SAAgB,2BAA2B,aAAiC;CAC1E,MAAM,iBAAiB,WAAW,oCAAoC;CACtE,MAAM,oBAAoB,OAAO,eAAe;AAChD,mBAAkB,UAAU;AAG5B,iBAAgB;AACd,MAAI,CAAC,eAAgB;AACrB,iBAAe,YAAY;IAC1B,CAAC,aAAa,eAAe,CAAC;AAGjC,iBAAgB;AACd,eAAa,kBAAkB,UAAU,KAAK;IAC7C,EAAE,CAAC;AAEN,QAAO,mBAAmB;;;;;AAM5B,SAAgB,yBAGd;CACA,MAAM,UAAU,WAAW,wBAAwB;CACnD,MAAM,cAAc,WAAW,mCAAmC;AAClE,QAAO;EAAE,SAAS,WAAW;EAAM,aAAa,eAAe;EAAM"}

package/dist/ScreenHeaderContext-eyKPyDoQ.cjs

@@ -0,0 +1,109 @@
+require("./chunk-DAgNkxik.cjs");
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region ../react/src/shell/ScreenHeaderContext.tsx
+/**
+* Split into separate read/write contexts so that components calling
+* useScreenHeaderActions (writers) don't re-render when the actions
+* state changes — only the ScreenHeader (reader) re-renders.
+*/
+const ScreenHeaderWriteContext = (0, react.createContext)(null);
+const ScreenHeaderReadContext = (0, react.createContext)(null);
+const ScreenHeaderBreadcrumbsWriteContext = (0, react.createContext)(null);
+const ScreenHeaderBreadcrumbsReadContext = (0, react.createContext)(null);
+function ScreenHeaderProvider({ children }) {
+	const [actions, setActions] = (0, react.useState)(null);
+	const [breadcrumbs, setBreadcrumbs] = (0, react.useState)(null);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ScreenHeaderWriteContext.Provider, {
+		value: setActions,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ScreenHeaderReadContext.Provider, {
+			value: actions,
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ScreenHeaderBreadcrumbsWriteContext.Provider, {
+				value: setBreadcrumbs,
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ScreenHeaderBreadcrumbsReadContext.Provider, {
+					value: breadcrumbs,
+					children
+				})
+			})
+		})
+	});
+}
+/**
+* Sets actions to display in the ScreenHeader.
+* Returns `true` if inside a ScreenHeaderProvider (i.e., in the portal shell),
+* `false` otherwise. Pages can use this boolean to conditionally skip
+* rendering their own PageHeader.
+*
+* Cleans up actions on unmount so navigating away doesn't leave stale actions.
+*/
+function useScreenHeaderActions(actions) {
+	const setActions = (0, react.useContext)(ScreenHeaderWriteContext);
+	const setActionsRef = (0, react.useRef)(setActions);
+	setActionsRef.current = setActions;
+	(0, react.useEffect)(() => {
+		if (!setActions) return;
+		setActions(actions);
+	}, [actions, setActions]);
+	(0, react.useEffect)(() => {
+		return () => setActionsRef.current?.(null);
+	}, []);
+	return setActions !== null;
+}
+/**
+* Sets breadcrumbs to display in the ScreenHeader (in place of the plain title).
+* Returns `true` if inside a ScreenHeaderProvider (i.e., in the portal shell),
+* `false` otherwise.
+*
+* Cleans up breadcrumbs on unmount so navigating away doesn't leave stale breadcrumbs.
+*/
+function useScreenHeaderBreadcrumbs(breadcrumbs) {
+	const setBreadcrumbs = (0, react.useContext)(ScreenHeaderBreadcrumbsWriteContext);
+	const setBreadcrumbsRef = (0, react.useRef)(setBreadcrumbs);
+	setBreadcrumbsRef.current = setBreadcrumbs;
+	(0, react.useEffect)(() => {
+		if (!setBreadcrumbs) return;
+		setBreadcrumbs(breadcrumbs);
+	}, [breadcrumbs, setBreadcrumbs]);
+	(0, react.useEffect)(() => {
+		return () => setBreadcrumbsRef.current?.(null);
+	}, []);
+	return setBreadcrumbs !== null;
+}
+/**
+* Reads the current screen header actions and breadcrumbs. Used internally by ScreenHeader.
+*/
+function useScreenHeaderContext() {
+	const actions = (0, react.useContext)(ScreenHeaderReadContext);
+	const breadcrumbs = (0, react.useContext)(ScreenHeaderBreadcrumbsReadContext);
+	return {
+		actions: actions ?? null,
+		breadcrumbs: breadcrumbs ?? null
+	};
+}
+//#endregion
+Object.defineProperty(exports, "ScreenHeaderProvider", {
+	enumerable: true,
+	get: function() {
+		return ScreenHeaderProvider;
+	}
+});
+Object.defineProperty(exports, "useScreenHeaderActions", {
+	enumerable: true,
+	get: function() {
+		return useScreenHeaderActions;
+	}
+});
+Object.defineProperty(exports, "useScreenHeaderBreadcrumbs", {
+	enumerable: true,
+	get: function() {
+		return useScreenHeaderBreadcrumbs;
+	}
+});
+Object.defineProperty(exports, "useScreenHeaderContext", {
+	enumerable: true,
+	get: function() {
+		return useScreenHeaderContext;
+	}
+});
+
+//# sourceMappingURL=ScreenHeaderContext-eyKPyDoQ.cjs.map

package/dist/ScreenHeaderContext-eyKPyDoQ.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScreenHeaderContext-eyKPyDoQ.cjs","names":[],"sources":["../../react/src/shell/ScreenHeaderContext.tsx"],"sourcesContent":["\"use client\";\n\nimport type React from \"react\";\nimport {\n  createContext,\n  useContext,\n  useState,\n  useEffect,\n  useRef,\n  type ReactNode,\n} from \"react\";\n\ntype SetActions = (actions: ReactNode) => void;\ntype SetBreadcrumbs = (breadcrumbs: ReactNode) => void;\n\n/**\n * Split into separate read/write contexts so that components calling\n * useScreenHeaderActions (writers) don't re-render when the actions\n * state changes — only the ScreenHeader (reader) re-renders.\n */\nconst ScreenHeaderWriteContext = createContext<SetActions | null>(null);\nconst ScreenHeaderReadContext = createContext<ReactNode>(null);\n\nconst ScreenHeaderBreadcrumbsWriteContext =\n  createContext<SetBreadcrumbs | null>(null);\nconst ScreenHeaderBreadcrumbsReadContext = createContext<ReactNode>(null);\n\nexport function ScreenHeaderProvider({\n  children,\n}: {\n  children: ReactNode;\n}): React.JSX.Element {\n  const [actions, setActions] = useState<ReactNode>(null);\n  const [breadcrumbs, setBreadcrumbs] = useState<ReactNode>(null);\n\n  return (\n    <ScreenHeaderWriteContext.Provider value={setActions}>\n      <ScreenHeaderReadContext.Provider value={actions}>\n        <ScreenHeaderBreadcrumbsWriteContext.Provider value={setBreadcrumbs}>\n          <ScreenHeaderBreadcrumbsReadContext.Provider value={breadcrumbs}>\n            {children}\n          </ScreenHeaderBreadcrumbsReadContext.Provider>\n        </ScreenHeaderBreadcrumbsWriteContext.Provider>\n      </ScreenHeaderReadContext.Provider>\n    </ScreenHeaderWriteContext.Provider>\n  );\n}\n\n/**\n * Sets actions to display in the ScreenHeader.\n * Returns `true` if inside a ScreenHeaderProvider (i.e., in the portal shell),\n * `false` otherwise. Pages can use this boolean to conditionally skip\n * rendering their own PageHeader.\n *\n * Cleans up actions on unmount so navigating away doesn't leave stale actions.\n */\nexport function useScreenHeaderActions(actions: ReactNode): boolean {\n  const setActions = useContext(ScreenHeaderWriteContext);\n  const setActionsRef = useRef(setActions);\n  setActionsRef.current = setActions;\n\n  // Update actions when the value changes\n  useEffect(() => {\n    if (!setActions) return;\n    setActions(actions);\n  }, [actions, setActions]);\n\n  // Clear actions only on unmount\n  useEffect(() => {\n    return () => setActionsRef.current?.(null);\n  }, []);\n\n  return setActions !== null;\n}\n\n/**\n * Sets breadcrumbs to display in the ScreenHeader (in place of the plain title).\n * Returns `true` if inside a ScreenHeaderProvider (i.e., in the portal shell),\n * `false` otherwise.\n *\n * Cleans up breadcrumbs on unmount so navigating away doesn't leave stale breadcrumbs.\n */\nexport function useScreenHeaderBreadcrumbs(breadcrumbs: ReactNode): boolean {\n  const setBreadcrumbs = useContext(ScreenHeaderBreadcrumbsWriteContext);\n  const setBreadcrumbsRef = useRef(setBreadcrumbs);\n  setBreadcrumbsRef.current = setBreadcrumbs;\n\n  // Update breadcrumbs when the value changes\n  useEffect(() => {\n    if (!setBreadcrumbs) return;\n    setBreadcrumbs(breadcrumbs);\n  }, [breadcrumbs, setBreadcrumbs]);\n\n  // Clear breadcrumbs only on unmount\n  useEffect(() => {\n    return () => setBreadcrumbsRef.current?.(null);\n  }, []);\n\n  return setBreadcrumbs !== null;\n}\n\n/**\n * Reads the current screen header actions and breadcrumbs. Used internally by ScreenHeader.\n */\nexport function useScreenHeaderContext(): {\n  actions: ReactNode;\n  breadcrumbs: ReactNode;\n} {\n  const actions = useContext(ScreenHeaderReadContext);\n  const breadcrumbs = useContext(ScreenHeaderBreadcrumbsReadContext);\n  return { actions: actions ?? null, breadcrumbs: breadcrumbs ?? null };\n}\n"],"mappings":";;;;;;;;;AAoBA,MAAM,4BAAA,GAAA,MAAA,eAA4D,KAAK;AACvE,MAAM,2BAAA,GAAA,MAAA,eAAmD,KAAK;AAE9D,MAAM,uCAAA,GAAA,MAAA,eACiC,KAAK;AAC5C,MAAM,sCAAA,GAAA,MAAA,eAA8D,KAAK;AAEzE,SAAgB,qBAAqB,EACnC,YAGoB;CACpB,MAAM,CAAC,SAAS,eAAA,GAAA,MAAA,UAAkC,KAAK;CACvD,MAAM,CAAC,aAAa,mBAAA,GAAA,MAAA,UAAsC,KAAK;AAE/D,QACE,iBAAA,GAAA,kBAAA,KAAC,yBAAyB,UAA1B;EAAmC,OAAO;YACxC,iBAAA,GAAA,kBAAA,KAAC,wBAAwB,UAAzB;GAAkC,OAAO;aACvC,iBAAA,GAAA,kBAAA,KAAC,oCAAoC,UAArC;IAA8C,OAAO;cACnD,iBAAA,GAAA,kBAAA,KAAC,mCAAmC,UAApC;KAA6C,OAAO;KACjD;KAC2C,CAAA;IACD,CAAA;GACd,CAAA;EACD,CAAA;;;;;;;;;;AAYxC,SAAgB,uBAAuB,SAA6B;CAClE,MAAM,cAAA,GAAA,MAAA,YAAwB,yBAAyB;CACvD,MAAM,iBAAA,GAAA,MAAA,QAAuB,WAAW;AACxC,eAAc,UAAU;AAGxB,EAAA,GAAA,MAAA,iBAAgB;AACd,MAAI,CAAC,WAAY;AACjB,aAAW,QAAQ;IAClB,CAAC,SAAS,WAAW,CAAC;AAGzB,EAAA,GAAA,MAAA,iBAAgB;AACd,eAAa,cAAc,UAAU,KAAK;IACzC,EAAE,CAAC;AAEN,QAAO,eAAe;;;;;;;;;AAUxB,SAAgB,2BAA2B,aAAiC;CAC1E,MAAM,kBAAA,GAAA,MAAA,YAA4B,oCAAoC;CACtE,MAAM,qBAAA,GAAA,MAAA,QAA2B,eAAe;AAChD,mBAAkB,UAAU;AAG5B,EAAA,GAAA,MAAA,iBAAgB;AACd,MAAI,CAAC,eAAgB;AACrB,iBAAe,YAAY;IAC1B,CAAC,aAAa,eAAe,CAAC;AAGjC,EAAA,GAAA,MAAA,iBAAgB;AACd,eAAa,kBAAkB,UAAU,KAAK;IAC7C,EAAE,CAAC;AAEN,QAAO,mBAAmB;;;;;AAM5B,SAAgB,yBAGd;CACA,MAAM,WAAA,GAAA,MAAA,YAAqB,wBAAwB;CACnD,MAAM,eAAA,GAAA,MAAA,YAAyB,mCAAmC;AAClE,QAAO;EAAE,SAAS,WAAW;EAAM,aAAa,eAAe;EAAM"}

package/dist/{ShareablesScreen-C_3E2Pgn.mjs → ShareablesScreen-2smGe_qj.mjs}

@@ -31,10 +31,11 @@ import "./SpacerWidget-DgVU58BC.mjs";
 import "./TableWidget-CK5jQxjz.mjs";
 import "./ToDoWidget-Cmvf7I6c.mjs";
 import "./VideoWidget-ho9fGQ3V.mjs";
-import "./src-CEouYGbQ.mjs";
+import "./ScreenHeaderContext-CrdfLGKk.mjs";
 import "./dist-CMGXkSgZ.mjs";
 import "./es-CrIkZTQ3.mjs";
-import "./dist-CayuD99K.mjs";
-import { n as shareablesScreenPropertySchema, t as ShareablesScreen } from "./ShareablesScreen-BWrujM32.mjs";
-import "./sortable.esm-DFTEWOHN.mjs";
+import "./dist-Cl4FsM3V.mjs";
+import "./src-CzK-t4_m.mjs";
+import { n as shareablesScreenPropertySchema, t as ShareablesScreen } from "./ShareablesScreen-DfGkgR72.mjs";
+import "./sortable.esm-DreCqRxJ.mjs";
 export { ShareablesScreen, shareablesScreenPropertySchema };

package/dist/{ShareablesScreen-BKPaCLC0.cjs → ShareablesScreen-CH9044d8.cjs}

@@ -1,8 +1,8 @@
 require("./chunk-DAgNkxik.cjs");
 const require_use_account_clients = require("./use-account-clients-vZftsKdf.cjs");
-const require_src = require("./src-DdlLVUFj.cjs");
 const require_use_current_user = require("./use-current-user-437rXIp0.cjs");
 const require_AppNavigationContext = require("./AppNavigationContext-B88_pXjo.cjs");
+const require_src = require("./src-D1poJLOQ.cjs");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 //#region ../../file-picker/api-client/src/client.ts
@@ -90,7 +90,7 @@ function ShareablesScreen({ background, textColor, accentColor, padding, borderR
 			});
 		},
 		onDeletePlaylist: async (playlistId) => {
-			const { playlists: playlistsApi } = await Promise.resolve().then(() => require("./src-B7MRMtgx.cjs")).then((n) => n.src_exports);
+			const { playlists: playlistsApi } = await Promise.resolve().then(() => require("./src-BYyxE-aF.cjs")).then((n) => n.src_exports);
 			await playlistsApi.deletePlaylist(domainClient, playlistId);
 		}
 	}), [
@@ -142,4 +142,4 @@ Object.defineProperty(exports, "shareablesScreenPropertySchema", {
 	}
 });
 
-//# sourceMappingURL=ShareablesScreen-BKPaCLC0.cjs.map
+//# sourceMappingURL=ShareablesScreen-CH9044d8.cjs.map

package/dist/{ShareablesScreen-BKPaCLC0.cjs.map → ShareablesScreen-CH9044d8.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"ShareablesScreen-BKPaCLC0.cjs","names":["useSdkClient","useCurrentUser","useAppNavigation","ShareablesCoreProvider","ShareablesUIProvider","ShareablesApp"],"sources":["../../../file-picker/api-client/src/client.ts","../src/screens/ShareablesScreen.tsx"],"sourcesContent":["import type { FetchClientInstance } from \"@fluid-app/api-client-core\";\nimport type { DamAssetCreateResponse } from \"@fluid-app/file-picker-core\";\n\nexport interface DamUploadStrategy {\n  uploadFile(params: {\n    file: File;\n    name: string;\n    description?: string;\n    tags?: string[];\n    onProgress?: (progress: number) => void;\n    companyId?: number;\n  }): Promise<DamAssetCreateResponse>;\n}\n\nexport interface FilePickerClientConfig {\n  fetchClient: FetchClientInstance;\n  uploadStrategy?: DamUploadStrategy;\n  unsplashAccessKey?: string;\n  proxyEndpoint?: string; // defaults to \"/api/proxy-url\"\n}\n\nexport interface FilePickerClient {\n  fetchClient: FetchClientInstance;\n  uploadStrategy?: DamUploadStrategy;\n  unsplashAccessKey?: string;\n  proxyEndpoint: string;\n}\n\nexport function createFilePickerClient(\n  config: FilePickerClientConfig,\n): FilePickerClient {\n  return {\n    fetchClient: config.fetchClient,\n    uploadStrategy: config.uploadStrategy,\n    unsplashAccessKey: config.unsplashAccessKey,\n    proxyEndpoint: config.proxyEndpoint ?? \"/api/proxy-url\",\n  };\n}\n","import { useCallback, useMemo, type ComponentProps } from \"react\";\nimport type {\n  BackgroundValue,\n  BorderRadiusOptions,\n  ColorOptions,\n  PaddingOptions,\n} from \"../types\";\nimport type { WidgetPropertySchema } from \"../registries/property-schema-types\";\nimport { ShareablesCoreProvider } from \"@fluid-app/shareables-core\";\nimport { ShareablesUIProvider, ShareablesApp } from \"@fluid-app/shareables-ui\";\nimport { createFilePickerClient } from \"@fluid-app/file-picker-api-client\";\nimport { useCurrentUser } from \"../hooks/use-current-user\";\nimport { useAppNavigation } from \"../shell/AppNavigationContext\";\nimport { useSdkClient } from \"../account/use-account-clients\";\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  const domainClient = useSdkClient();\n  const { data: userData } = useCurrentUser();\n  const { currentSlug, navigate } = useAppNavigation();\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 back to the listing for the current screen\n      navigate(`share/${screen}`);\n    } else {\n      // Navigate to the default shareables screen\n      navigate(\"share/products\");\n    }\n  }, [navigate, detailId, screen]);\n\n  const coreConfig = useMemo(\n    () => ({\n      client: domainClient,\n      user: userData ? { id: userData.id } : null,\n      repContext: true,\n    }),\n    [domainClient, userData],\n  );\n\n  const filePickerClient = useMemo(\n    () => createFilePickerClient({ fetchClient: domainClient }),\n    [domainClient],\n  );\n\n  const uiConfig = useMemo(\n    () => ({\n      user: userData\n        ? {\n            id: userData.id,\n            company: userData.company\n              ? { logo_url: userData.company.logo_url }\n              : null,\n          }\n        : undefined,\n      affiliateId:\n        (userData as { affiliate_id?: number } | undefined)?.affiliate_id ??\n        null,\n      basePath: \"\",\n      navigate: (path: string) => {\n        // Strip leading slash — cards generate paths like \"/share/product/123\"\n        const cleanPath = path.replace(/^\\//, \"\");\n        // Ensure share/ prefix — screen components pass relative paths like \"media/new\"\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      filePickerClient,\n      onToggleFavorite: async (params: {\n        favoriteableId: number;\n        favoriteableType: string;\n      }) => {\n        const affiliateId = (userData as { affiliate_id?: number } | undefined)\n          ?.affiliate_id;\n        if (!affiliateId) throw new Error(\"No affiliate ID\");\n        return domainClient.post<{ is_favorited: boolean }>(\n          `/user_companies/${affiliateId}/favorites/toggle.json`,\n          {\n            favoriteable_id: params.favoriteableId,\n            favoriteable_type: params.favoriteableType,\n          },\n        );\n      },\n      onDeletePlaylist: async (playlistId: number) => {\n        const { playlists: playlistsApi } =\n          await import(\"@fluid-app/shareables-api-client\");\n        await playlistsApi.deletePlaylist(domainClient, playlistId);\n      },\n    }),\n    [userData, navigate, filePickerClient, domainClient],\n  );\n\n  return (\n    <div {...divProps} className={`h-full ${divProps.className ?? \"\"}`}>\n      <ShareablesCoreProvider config={coreConfig}>\n        <ShareablesUIProvider config={uiConfig}>\n          <ShareablesApp\n            screen={screen}\n            detailId={detailId}\n            action={action}\n            companyLogoUrl={userData?.company?.logo_url}\n            countryCode={userData?.country?.iso}\n            onNavigate={handleNavigate}\n            onBack={handleBack}\n          />\n        </ShareablesUIProvider>\n      </ShareablesCoreProvider>\n    </div>\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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"}
+{"version":3,"file":"ShareablesScreen-CH9044d8.cjs","names":["useSdkClient","useCurrentUser","useAppNavigation","ShareablesCoreProvider","ShareablesUIProvider","ShareablesApp"],"sources":["../../../file-picker/api-client/src/client.ts","../src/screens/ShareablesScreen.tsx"],"sourcesContent":["import type { FetchClientInstance } from \"@fluid-app/api-client-core\";\nimport type { DamAssetCreateResponse } from \"@fluid-app/file-picker-core\";\n\nexport interface DamUploadStrategy {\n  uploadFile(params: {\n    file: File;\n    name: string;\n    description?: string;\n    tags?: string[];\n    onProgress?: (progress: number) => void;\n    companyId?: number;\n  }): Promise<DamAssetCreateResponse>;\n}\n\nexport interface FilePickerClientConfig {\n  fetchClient: FetchClientInstance;\n  uploadStrategy?: DamUploadStrategy;\n  unsplashAccessKey?: string;\n  proxyEndpoint?: string; // defaults to \"/api/proxy-url\"\n}\n\nexport interface FilePickerClient {\n  fetchClient: FetchClientInstance;\n  uploadStrategy?: DamUploadStrategy;\n  unsplashAccessKey?: string;\n  proxyEndpoint: string;\n}\n\nexport function createFilePickerClient(\n  config: FilePickerClientConfig,\n): FilePickerClient {\n  return {\n    fetchClient: config.fetchClient,\n    uploadStrategy: config.uploadStrategy,\n    unsplashAccessKey: config.unsplashAccessKey,\n    proxyEndpoint: config.proxyEndpoint ?? \"/api/proxy-url\",\n  };\n}\n","import { useCallback, useMemo, type ComponentProps } from \"react\";\nimport type {\n  BackgroundValue,\n  BorderRadiusOptions,\n  ColorOptions,\n  PaddingOptions,\n} from \"../types\";\nimport type { WidgetPropertySchema } from \"../registries/property-schema-types\";\nimport { ShareablesCoreProvider } from \"@fluid-app/shareables-core\";\nimport { ShareablesUIProvider, ShareablesApp } from \"@fluid-app/shareables-ui\";\nimport { createFilePickerClient } from \"@fluid-app/file-picker-api-client\";\nimport { useCurrentUser } from \"../hooks/use-current-user\";\nimport { useAppNavigation } from \"../shell/AppNavigationContext\";\nimport { useSdkClient } from \"../account/use-account-clients\";\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  const domainClient = useSdkClient();\n  const { data: userData } = useCurrentUser();\n  const { currentSlug, navigate } = useAppNavigation();\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 back to the listing for the current screen\n      navigate(`share/${screen}`);\n    } else {\n      // Navigate to the default shareables screen\n      navigate(\"share/products\");\n    }\n  }, [navigate, detailId, screen]);\n\n  const coreConfig = useMemo(\n    () => ({\n      client: domainClient,\n      user: userData ? { id: userData.id } : null,\n      repContext: true,\n    }),\n    [domainClient, userData],\n  );\n\n  const filePickerClient = useMemo(\n    () => createFilePickerClient({ fetchClient: domainClient }),\n    [domainClient],\n  );\n\n  const uiConfig = useMemo(\n    () => ({\n      user: userData\n        ? {\n            id: userData.id,\n            company: userData.company\n              ? { logo_url: userData.company.logo_url }\n              : null,\n          }\n        : undefined,\n      affiliateId:\n        (userData as { affiliate_id?: number } | undefined)?.affiliate_id ??\n        null,\n      basePath: \"\",\n      navigate: (path: string) => {\n        // Strip leading slash — cards generate paths like \"/share/product/123\"\n        const cleanPath = path.replace(/^\\//, \"\");\n        // Ensure share/ prefix — screen components pass relative paths like \"media/new\"\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      filePickerClient,\n      onToggleFavorite: async (params: {\n        favoriteableId: number;\n        favoriteableType: string;\n      }) => {\n        const affiliateId = (userData as { affiliate_id?: number } | undefined)\n          ?.affiliate_id;\n        if (!affiliateId) throw new Error(\"No affiliate ID\");\n        return domainClient.post<{ is_favorited: boolean }>(\n          `/user_companies/${affiliateId}/favorites/toggle.json`,\n          {\n            favoriteable_id: params.favoriteableId,\n            favoriteable_type: params.favoriteableType,\n          },\n        );\n      },\n      onDeletePlaylist: async (playlistId: number) => {\n        const { playlists: playlistsApi } =\n          await import(\"@fluid-app/shareables-api-client\");\n        await playlistsApi.deletePlaylist(domainClient, playlistId);\n      },\n    }),\n    [userData, navigate, filePickerClient, domainClient],\n  );\n\n  return (\n    <div {...divProps} className={`h-full ${divProps.className ?? \"\"}`}>\n      <ShareablesCoreProvider config={coreConfig}>\n        <ShareablesUIProvider config={uiConfig}>\n          <ShareablesApp\n            screen={screen}\n            detailId={detailId}\n            action={action}\n            companyLogoUrl={userData?.company?.logo_url}\n            countryCode={userData?.country?.iso}\n            onNavigate={handleNavigate}\n            onBack={handleBack}\n          />\n        </ShareablesUIProvider>\n      </ShareablesCoreProvider>\n    </div>\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-BWrujM32.mjs → ShareablesScreen-DfGkgR72.mjs}

@@ -1,7 +1,7 @@
 import { i as useSdkClient } from "./use-account-clients-yghkzBH9.mjs";
-import { i as ShareablesCoreProvider, n as ShareablesApp, r as ShareablesUIProvider } from "./src-CEouYGbQ.mjs";
 import { n as useCurrentUser } from "./use-current-user-D_gOoHWA.mjs";
 import { n as useAppNavigation } from "./AppNavigationContext-DJeNcP4Y.mjs";
+import { i as ShareablesCoreProvider, n as ShareablesApp, r as ShareablesUIProvider } from "./src-CzK-t4_m.mjs";
 import { useCallback, useMemo } from "react";
 import { jsx } from "react/jsx-runtime";
 //#region ../../file-picker/api-client/src/client.ts
@@ -89,7 +89,7 @@ function ShareablesScreen({ background, textColor, accentColor, padding, borderR
 			});
 		},
 		onDeletePlaylist: async (playlistId) => {
-			const { playlists: playlistsApi } = await import("./src-MTAap-Xx.mjs").then((n) => n.t);
+			const { playlists: playlistsApi } = await import("./src-sa7B0kBg.mjs").then((n) => n.t);
 			await playlistsApi.deletePlaylist(domainClient, playlistId);
 		}
 	}), [
@@ -130,4 +130,4 @@ const shareablesScreenPropertySchema = {
 //#endregion
 export { shareablesScreenPropertySchema as n, ShareablesScreen as t };
 
-//# sourceMappingURL=ShareablesScreen-BWrujM32.mjs.map
+//# sourceMappingURL=ShareablesScreen-DfGkgR72.mjs.map

package/dist/{ShareablesScreen-BWrujM32.mjs.map → ShareablesScreen-DfGkgR72.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"ShareablesScreen-BWrujM32.mjs","names":[],"sources":["../../../file-picker/api-client/src/client.ts","../src/screens/ShareablesScreen.tsx"],"sourcesContent":["import type { FetchClientInstance } from \"@fluid-app/api-client-core\";\nimport type { DamAssetCreateResponse } from \"@fluid-app/file-picker-core\";\n\nexport interface DamUploadStrategy {\n  uploadFile(params: {\n    file: File;\n    name: string;\n    description?: string;\n    tags?: string[];\n    onProgress?: (progress: number) => void;\n    companyId?: number;\n  }): Promise<DamAssetCreateResponse>;\n}\n\nexport interface FilePickerClientConfig {\n  fetchClient: FetchClientInstance;\n  uploadStrategy?: DamUploadStrategy;\n  unsplashAccessKey?: string;\n  proxyEndpoint?: string; // defaults to \"/api/proxy-url\"\n}\n\nexport interface FilePickerClient {\n  fetchClient: FetchClientInstance;\n  uploadStrategy?: DamUploadStrategy;\n  unsplashAccessKey?: string;\n  proxyEndpoint: string;\n}\n\nexport function createFilePickerClient(\n  config: FilePickerClientConfig,\n): FilePickerClient {\n  return {\n    fetchClient: config.fetchClient,\n    uploadStrategy: config.uploadStrategy,\n    unsplashAccessKey: config.unsplashAccessKey,\n    proxyEndpoint: config.proxyEndpoint ?? \"/api/proxy-url\",\n  };\n}\n","import { useCallback, useMemo, type ComponentProps } from \"react\";\nimport type {\n  BackgroundValue,\n  BorderRadiusOptions,\n  ColorOptions,\n  PaddingOptions,\n} from \"../types\";\nimport type { WidgetPropertySchema } from \"../registries/property-schema-types\";\nimport { ShareablesCoreProvider } from \"@fluid-app/shareables-core\";\nimport { ShareablesUIProvider, ShareablesApp } from \"@fluid-app/shareables-ui\";\nimport { createFilePickerClient } from \"@fluid-app/file-picker-api-client\";\nimport { useCurrentUser } from \"../hooks/use-current-user\";\nimport { useAppNavigation } from \"../shell/AppNavigationContext\";\nimport { useSdkClient } from \"../account/use-account-clients\";\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  const domainClient = useSdkClient();\n  const { data: userData } = useCurrentUser();\n  const { currentSlug, navigate } = useAppNavigation();\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 back to the listing for the current screen\n      navigate(`share/${screen}`);\n    } else {\n      // Navigate to the default shareables screen\n      navigate(\"share/products\");\n    }\n  }, [navigate, detailId, screen]);\n\n  const coreConfig = useMemo(\n    () => ({\n      client: domainClient,\n      user: userData ? { id: userData.id } : null,\n      repContext: true,\n    }),\n    [domainClient, userData],\n  );\n\n  const filePickerClient = useMemo(\n    () => createFilePickerClient({ fetchClient: domainClient }),\n    [domainClient],\n  );\n\n  const uiConfig = useMemo(\n    () => ({\n      user: userData\n        ? {\n            id: userData.id,\n            company: userData.company\n              ? { logo_url: userData.company.logo_url }\n              : null,\n          }\n        : undefined,\n      affiliateId:\n        (userData as { affiliate_id?: number } | undefined)?.affiliate_id ??\n        null,\n      basePath: \"\",\n      navigate: (path: string) => {\n        // Strip leading slash — cards generate paths like \"/share/product/123\"\n        const cleanPath = path.replace(/^\\//, \"\");\n        // Ensure share/ prefix — screen components pass relative paths like \"media/new\"\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      filePickerClient,\n      onToggleFavorite: async (params: {\n        favoriteableId: number;\n        favoriteableType: string;\n      }) => {\n        const affiliateId = (userData as { affiliate_id?: number } | undefined)\n          ?.affiliate_id;\n        if (!affiliateId) throw new Error(\"No affiliate ID\");\n        return domainClient.post<{ is_favorited: boolean }>(\n          `/user_companies/${affiliateId}/favorites/toggle.json`,\n          {\n            favoriteable_id: params.favoriteableId,\n            favoriteable_type: params.favoriteableType,\n          },\n        );\n      },\n      onDeletePlaylist: async (playlistId: number) => {\n        const { playlists: playlistsApi } =\n          await import(\"@fluid-app/shareables-api-client\");\n        await playlistsApi.deletePlaylist(domainClient, playlistId);\n      },\n    }),\n    [userData, navigate, filePickerClient, domainClient],\n  );\n\n  return (\n    <div {...divProps} className={`h-full ${divProps.className ?? \"\"}`}>\n      <ShareablesCoreProvider config={coreConfig}>\n        <ShareablesUIProvider config={uiConfig}>\n          <ShareablesApp\n            screen={screen}\n            detailId={detailId}\n            action={action}\n            companyLogoUrl={userData?.company?.logo_url}\n            countryCode={userData?.country?.iso}\n            onNavigate={handleNavigate}\n            onBack={handleBack}\n          />\n        </ShareablesUIProvider>\n      </ShareablesCoreProvider>\n    </div>\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":";;;;;;;AA4BA,SAAgB,uBACd,QACkB;AAClB,QAAO;EACL,aAAa,OAAO;EACpB,gBAAgB,OAAO;EACvB,mBAAmB,OAAO;EAC1B,eAAe,OAAO,iBAAiB;EACxC;;;;;;;;;;;;;;;;;;ACCH,SAAS,qBAAqB,aAI5B;CAEA,MAAM,oBAAoB,YAAY,QAAQ,aAAa,GAAG;AAC9D,KAAI,CAAC,kBACH,QAAO;EAAE,QAAQ;EAAM,UAAU;EAAM,QAAQ;EAAM;CAGvD,MAAM,QAAQ,kBAAkB,MAAM,IAAI;AAI1C,QAAO;EAAE,QAHM,MAAM,MAAM;EAGV,UAFA,MAAM,MAAM;EAEF,QADZ,MAAM,MAAM;EACQ;;AAGrC,SAAgB,iBAAiB,EAE/B,YACA,WACA,aACA,SACA,cAEA,GAAG,YACwC;CAC3C,MAAM,eAAe,cAAc;CACnC,MAAM,EAAE,MAAM,aAAa,gBAAgB;CAC3C,MAAM,EAAE,aAAa,aAAa,kBAAkB;CAEpD,MAAM,EAAE,QAAQ,UAAU,WAAW,qBAAqB,YAAY;CAEtE,MAAM,iBAAiB,aACpB,WAAmB,OAAgB;AAElC,WADa,KAAK,SAAS,UAAU,GAAG,OAAO,SAAS,YAC1C;IAEhB,CAAC,SAAS,CACX;CAED,MAAM,aAAa,kBAAkB;AACnC,MAAI,YAAY,OAEd,UAAS,SAAS,SAAS;MAG3B,UAAS,iBAAiB;IAE3B;EAAC;EAAU;EAAU;EAAO,CAAC;CAEhC,MAAM,aAAa,eACV;EACL,QAAQ;EACR,MAAM,WAAW,EAAE,IAAI,SAAS,IAAI,GAAG;EACvC,YAAY;EACb,GACD,CAAC,cAAc,SAAS,CACzB;CAED,MAAM,mBAAmB,cACjB,uBAAuB,EAAE,aAAa,cAAc,CAAC,EAC3D,CAAC,aAAa,CACf;CAED,MAAM,WAAW,eACR;EACL,MAAM,WACF;GACE,IAAI,SAAS;GACb,SAAS,SAAS,UACd,EAAE,UAAU,SAAS,QAAQ,UAAU,GACvC;GACL,GACD,KAAA;EACJ,aACG,UAAoD,gBACrD;EACF,UAAU;EACV,WAAW,SAAiB;GAE1B,MAAM,YAAY,KAAK,QAAQ,OAAO,GAAG;AAKzC,YAHiB,UAAU,WAAW,SAAS,GAC3C,YACA,SAAS,YACK;;EAEpB,YAAY,SAGN;AACJ,WAAQ,KAAK,gBAAgB,KAAK,KAAK,IAAI,KAAK,QAAQ;;EAE1D;EACA,kBAAkB,OAAO,WAGnB;GACJ,MAAM,cAAe,UACjB;AACJ,OAAI,CAAC,YAAa,OAAM,IAAI,MAAM,kBAAkB;AACpD,UAAO,aAAa,KAClB,mBAAmB,YAAY,yBAC/B;IACE,iBAAiB,OAAO;IACxB,mBAAmB,OAAO;IAC3B,CACF;;EAEH,kBAAkB,OAAO,eAAuB;GAC9C,MAAM,EAAE,WAAW,iBACjB,MAAM,OAAO,sBAAA,MAAA,MAAA,EAAA,EAAA;AACf,SAAM,aAAa,eAAe,cAAc,WAAW;;EAE9D,GACD;EAAC;EAAU;EAAU;EAAkB;EAAa,CACrD;AAED,QACE,oBAAC,OAAD;EAAK,GAAI;EAAU,WAAW,UAAU,SAAS,aAAa;YAC5D,oBAAC,wBAAD;GAAwB,QAAQ;aAC9B,oBAAC,sBAAD;IAAsB,QAAQ;cAC5B,oBAAC,eAAD;KACU;KACE;KACF;KACR,gBAAgB,UAAU,SAAS;KACnC,aAAa,UAAU,SAAS;KAChC,YAAY;KACZ,QAAQ;KACR,CAAA;IACmB,CAAA;GACA,CAAA;EACrB,CAAA;;AAIV,MAAa,iCAAuD;CAClE,YAAY;CACZ,aAAa;CACb,YAAY,CAAC;EAAE,IAAI;EAAW,OAAO;EAAW,CAAC;CACjD,QAAQ,EAAE;CACX"}
+{"version":3,"file":"ShareablesScreen-DfGkgR72.mjs","names":[],"sources":["../../../file-picker/api-client/src/client.ts","../src/screens/ShareablesScreen.tsx"],"sourcesContent":["import type { FetchClientInstance } from \"@fluid-app/api-client-core\";\nimport type { DamAssetCreateResponse } from \"@fluid-app/file-picker-core\";\n\nexport interface DamUploadStrategy {\n  uploadFile(params: {\n    file: File;\n    name: string;\n    description?: string;\n    tags?: string[];\n    onProgress?: (progress: number) => void;\n    companyId?: number;\n  }): Promise<DamAssetCreateResponse>;\n}\n\nexport interface FilePickerClientConfig {\n  fetchClient: FetchClientInstance;\n  uploadStrategy?: DamUploadStrategy;\n  unsplashAccessKey?: string;\n  proxyEndpoint?: string; // defaults to \"/api/proxy-url\"\n}\n\nexport interface FilePickerClient {\n  fetchClient: FetchClientInstance;\n  uploadStrategy?: DamUploadStrategy;\n  unsplashAccessKey?: string;\n  proxyEndpoint: string;\n}\n\nexport function createFilePickerClient(\n  config: FilePickerClientConfig,\n): FilePickerClient {\n  return {\n    fetchClient: config.fetchClient,\n    uploadStrategy: config.uploadStrategy,\n    unsplashAccessKey: config.unsplashAccessKey,\n    proxyEndpoint: config.proxyEndpoint ?? \"/api/proxy-url\",\n  };\n}\n","import { useCallback, useMemo, type ComponentProps } from \"react\";\nimport type {\n  BackgroundValue,\n  BorderRadiusOptions,\n  ColorOptions,\n  PaddingOptions,\n} from \"../types\";\nimport type { WidgetPropertySchema } from \"../registries/property-schema-types\";\nimport { ShareablesCoreProvider } from \"@fluid-app/shareables-core\";\nimport { ShareablesUIProvider, ShareablesApp } from \"@fluid-app/shareables-ui\";\nimport { createFilePickerClient } from \"@fluid-app/file-picker-api-client\";\nimport { useCurrentUser } from \"../hooks/use-current-user\";\nimport { useAppNavigation } from \"../shell/AppNavigationContext\";\nimport { useSdkClient } from \"../account/use-account-clients\";\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  const domainClient = useSdkClient();\n  const { data: userData } = useCurrentUser();\n  const { currentSlug, navigate } = useAppNavigation();\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 back to the listing for the current screen\n      navigate(`share/${screen}`);\n    } else {\n      // Navigate to the default shareables screen\n      navigate(\"share/products\");\n    }\n  }, [navigate, detailId, screen]);\n\n  const coreConfig = useMemo(\n    () => ({\n      client: domainClient,\n      user: userData ? { id: userData.id } : null,\n      repContext: true,\n    }),\n    [domainClient, userData],\n  );\n\n  const filePickerClient = useMemo(\n    () => createFilePickerClient({ fetchClient: domainClient }),\n    [domainClient],\n  );\n\n  const uiConfig = useMemo(\n    () => ({\n      user: userData\n        ? {\n            id: userData.id,\n            company: userData.company\n              ? { logo_url: userData.company.logo_url }\n              : null,\n          }\n        : undefined,\n      affiliateId:\n        (userData as { affiliate_id?: number } | undefined)?.affiliate_id ??\n        null,\n      basePath: \"\",\n      navigate: (path: string) => {\n        // Strip leading slash — cards generate paths like \"/share/product/123\"\n        const cleanPath = path.replace(/^\\//, \"\");\n        // Ensure share/ prefix — screen components pass relative paths like \"media/new\"\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      filePickerClient,\n      onToggleFavorite: async (params: {\n        favoriteableId: number;\n        favoriteableType: string;\n      }) => {\n        const affiliateId = (userData as { affiliate_id?: number } | undefined)\n          ?.affiliate_id;\n        if (!affiliateId) throw new Error(\"No affiliate ID\");\n        return domainClient.post<{ is_favorited: boolean }>(\n          `/user_companies/${affiliateId}/favorites/toggle.json`,\n          {\n            favoriteable_id: params.favoriteableId,\n            favoriteable_type: params.favoriteableType,\n          },\n        );\n      },\n      onDeletePlaylist: async (playlistId: number) => {\n        const { playlists: playlistsApi } =\n          await import(\"@fluid-app/shareables-api-client\");\n        await playlistsApi.deletePlaylist(domainClient, playlistId);\n      },\n    }),\n    [userData, navigate, filePickerClient, domainClient],\n  );\n\n  return (\n    <div {...divProps} className={`h-full ${divProps.className ?? \"\"}`}>\n      <ShareablesCoreProvider config={coreConfig}>\n        <ShareablesUIProvider config={uiConfig}>\n          <ShareablesApp\n            screen={screen}\n            detailId={detailId}\n            action={action}\n            companyLogoUrl={userData?.company?.logo_url}\n            countryCode={userData?.country?.iso}\n            onNavigate={handleNavigate}\n            onBack={handleBack}\n          />\n        </ShareablesUIProvider>\n      </ShareablesCoreProvider>\n    </div>\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":";;;;;;;AA4BA,SAAgB,uBACd,QACkB;AAClB,QAAO;EACL,aAAa,OAAO;EACpB,gBAAgB,OAAO;EACvB,mBAAmB,OAAO;EAC1B,eAAe,OAAO,iBAAiB;EACxC;;;;;;;;;;;;;;;;;;ACCH,SAAS,qBAAqB,aAI5B;CAEA,MAAM,oBAAoB,YAAY,QAAQ,aAAa,GAAG;AAC9D,KAAI,CAAC,kBACH,QAAO;EAAE,QAAQ;EAAM,UAAU;EAAM,QAAQ;EAAM;CAGvD,MAAM,QAAQ,kBAAkB,MAAM,IAAI;AAI1C,QAAO;EAAE,QAHM,MAAM,MAAM;EAGV,UAFA,MAAM,MAAM;EAEF,QADZ,MAAM,MAAM;EACQ;;AAGrC,SAAgB,iBAAiB,EAE/B,YACA,WACA,aACA,SACA,cAEA,GAAG,YACwC;CAC3C,MAAM,eAAe,cAAc;CACnC,MAAM,EAAE,MAAM,aAAa,gBAAgB;CAC3C,MAAM,EAAE,aAAa,aAAa,kBAAkB;CAEpD,MAAM,EAAE,QAAQ,UAAU,WAAW,qBAAqB,YAAY;CAEtE,MAAM,iBAAiB,aACpB,WAAmB,OAAgB;AAElC,WADa,KAAK,SAAS,UAAU,GAAG,OAAO,SAAS,YAC1C;IAEhB,CAAC,SAAS,CACX;CAED,MAAM,aAAa,kBAAkB;AACnC,MAAI,YAAY,OAEd,UAAS,SAAS,SAAS;MAG3B,UAAS,iBAAiB;IAE3B;EAAC;EAAU;EAAU;EAAO,CAAC;CAEhC,MAAM,aAAa,eACV;EACL,QAAQ;EACR,MAAM,WAAW,EAAE,IAAI,SAAS,IAAI,GAAG;EACvC,YAAY;EACb,GACD,CAAC,cAAc,SAAS,CACzB;CAED,MAAM,mBAAmB,cACjB,uBAAuB,EAAE,aAAa,cAAc,CAAC,EAC3D,CAAC,aAAa,CACf;CAED,MAAM,WAAW,eACR;EACL,MAAM,WACF;GACE,IAAI,SAAS;GACb,SAAS,SAAS,UACd,EAAE,UAAU,SAAS,QAAQ,UAAU,GACvC;GACL,GACD,KAAA;EACJ,aACG,UAAoD,gBACrD;EACF,UAAU;EACV,WAAW,SAAiB;GAE1B,MAAM,YAAY,KAAK,QAAQ,OAAO,GAAG;AAKzC,YAHiB,UAAU,WAAW,SAAS,GAC3C,YACA,SAAS,YACK;;EAEpB,YAAY,SAGN;AACJ,WAAQ,KAAK,gBAAgB,KAAK,KAAK,IAAI,KAAK,QAAQ;;EAE1D;EACA,kBAAkB,OAAO,WAGnB;GACJ,MAAM,cAAe,UACjB;AACJ,OAAI,CAAC,YAAa,OAAM,IAAI,MAAM,kBAAkB;AACpD,UAAO,aAAa,KAClB,mBAAmB,YAAY,yBAC/B;IACE,iBAAiB,OAAO;IACxB,mBAAmB,OAAO;IAC3B,CACF;;EAEH,kBAAkB,OAAO,eAAuB;GAC9C,MAAM,EAAE,WAAW,iBACjB,MAAM,OAAO,sBAAA,MAAA,MAAA,EAAA,EAAA;AACf,SAAM,aAAa,eAAe,cAAc,WAAW;;EAE9D,GACD;EAAC;EAAU;EAAU;EAAkB;EAAa,CACrD;AAED,QACE,oBAAC,OAAD;EAAK,GAAI;EAAU,WAAW,UAAU,SAAS,aAAa;YAC5D,oBAAC,wBAAD;GAAwB,QAAQ;aAC9B,oBAAC,sBAAD;IAAsB,QAAQ;cAC5B,oBAAC,eAAD;KACU;KACE;KACF;KACR,gBAAgB,UAAU,SAAS;KACnC,aAAa,UAAU,SAAS;KAChC,YAAY;KACZ,QAAQ;KACR,CAAA;IACmB,CAAA;GACA,CAAA;EACrB,CAAA;;AAIV,MAAa,iCAAuD;CAClE,YAAY;CACZ,aAAa;CACb,YAAY,CAAC;EAAE,IAAI;EAAW,OAAO;EAAW,CAAC;CACjD,QAAQ,EAAE;CACX"}

package/dist/{ShareablesScreen-BhcfHM0D.cjs → ShareablesScreen-vrbI04Hy.cjs}

@@ -32,11 +32,12 @@ require("./SpacerWidget-Br2IZFFv.cjs");
 require("./TableWidget-Vcxw-se8.cjs");
 require("./ToDoWidget-Bv6POc5R.cjs");
 require("./VideoWidget-7Q2eqHFn.cjs");
-require("./src-DdlLVUFj.cjs");
+require("./ScreenHeaderContext-eyKPyDoQ.cjs");
 require("./dist-NpiIdjkL.cjs");
 require("./es-qN_AsxTa.cjs");
-require("./dist-CSYoMydt.cjs");
-const require_ShareablesScreen = require("./ShareablesScreen-BKPaCLC0.cjs");
-require("./dist-DxvUzsnh.cjs");
+require("./dist-Cs6PV1Tf.cjs");
+require("./src-D1poJLOQ.cjs");
+const require_ShareablesScreen = require("./ShareablesScreen-CH9044d8.cjs");
+require("./dist-oTn1xy1Z.cjs");
 exports.ShareablesScreen = require_ShareablesScreen.ShareablesScreen;
 exports.shareablesScreenPropertySchema = require_ShareablesScreen.shareablesScreenPropertySchema;

package/dist/{ShopScreen-DwS8lZAC.cjs → ShopScreen-CHvoeAxg.cjs}

@@ -32,6 +32,7 @@ require("./SpacerWidget-Br2IZFFv.cjs");
 require("./TableWidget-Vcxw-se8.cjs");
 require("./ToDoWidget-Bv6POc5R.cjs");
 require("./VideoWidget-7Q2eqHFn.cjs");
-const require_ShopScreen = require("./ShopScreen-BvK9eQIi.cjs");
+require("./ScreenHeaderContext-eyKPyDoQ.cjs");
+const require_ShopScreen = require("./ShopScreen-CrbD5rZR.cjs");
 exports.ShopScreen = require_ShopScreen.ShopScreen;
 exports.shopScreenPropertySchema = require_ShopScreen.shopScreenPropertySchema;

package/dist/{ShopScreen-DrRNRm1t.mjs → ShopScreen-CJY1sx1J.mjs}

@@ -31,5 +31,6 @@ import "./SpacerWidget-DgVU58BC.mjs";
 import "./TableWidget-CK5jQxjz.mjs";
 import "./ToDoWidget-Cmvf7I6c.mjs";
 import "./VideoWidget-ho9fGQ3V.mjs";
-import { n as shopScreenPropertySchema, t as ShopScreen } from "./ShopScreen-CG9l5JrT.mjs";
+import "./ScreenHeaderContext-CrdfLGKk.mjs";
+import { n as shopScreenPropertySchema, t as ShopScreen } from "./ShopScreen-DwtVHSml.mjs";
 export { ShopScreen, shopScreenPropertySchema };

package/dist/{ShopScreen-BvK9eQIi.cjs → ShopScreen-CrbD5rZR.cjs}

@@ -2,9 +2,10 @@ require("./chunk-DAgNkxik.cjs");
 const require_FluidProvider = require("./FluidProvider-DDcsxdbL.cjs");
 const require_src = require("./src-DqIS-4ns.cjs");
 const require_use_account_clients = require("./use-account-clients-vZftsKdf.cjs");
+const require_ScreenHeaderContext = require("./ScreenHeaderContext-eyKPyDoQ.cjs");
 const require_use_current_user = require("./use-current-user-437rXIp0.cjs");
 const require_AppNavigationContext = require("./AppNavigationContext-B88_pXjo.cjs");
-const require_products = require("./products-B3q5DFx1.cjs");
+const require_products = require("./products-BtHCYNv6.cjs");
 let react = require("react");
 let _tanstack_react_query = require("@tanstack/react-query");
 let react_jsx_runtime = require("react/jsx-runtime");
@@ -1556,6 +1557,13 @@ function ShopScreen({ background, textColor, accentColor, padding, borderRadius,
 	const { data: userData } = require_use_current_user.useCurrentUser();
 	const { currentSlug, navigate } = require_AppNavigationContext.useAppNavigation();
 	const countryCode = config.countryIso ?? userData?.country?.iso ?? "US";
+	require_ScreenHeaderContext.useScreenHeaderBreadcrumbs((0, react.useMemo)(() => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Breadcrumb, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.BreadcrumbList, {
+		className: "text-lg",
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.BreadcrumbItem, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.BreadcrumbPage, {
+			className: "font-semibold",
+			children: "Shop"
+		}) })
+	}) }), []));
 	const productId = currentSlug.split("/")[1] ?? null;
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 		...divProps,
@@ -1595,4 +1603,4 @@ Object.defineProperty(exports, "shopScreenPropertySchema", {
 	}
 });
 
-//# sourceMappingURL=ShopScreen-BvK9eQIi.cjs.map
+//# sourceMappingURL=ShopScreen-CrbD5rZR.cjs.map