@fluid-app/portal-sdk 0.1.97 → 0.1.99

package/dist/ShareablesScreen-B1T6QFc4.mjs

@@ -1,159 +0,0 @@
-import { mt as USER_TYPES } from "./FluidProvider-C8sXuPhI.mjs";
-import { a as useFluidAuth, r as useSdkClient } from "./use-account-clients-B278xE7A.mjs";
-import { n as useCurrentUser } from "./use-current-user-BlZn_jR2.mjs";
-import { n as useAppNavigation } from "./AppNavigationContext-Du3Qq0yc.mjs";
-import { a as ShareablesCoreProvider, i as ShareablesApiProvider, n as ShareablesApp, r as ShareablesUIProvider } from "./src-D9jWnRlX.mjs";
-import { n as createShareablesApiAdapter } from "./src-DryOJTBW.mjs";
-import { useCallback, useMemo } from "react";
-import { jsx } from "react/jsx-runtime";
-//#region src/hooks/use-user-type.ts
-/**
-* Convenience hook for user-type checks in the portal SDK.
-*/
-function useUserType() {
-	const { user } = useFluidAuth();
-	return useMemo(() => {
-		const userType = user?.user_type ?? null;
-		return {
-			userType,
-			isCustomer: userType === USER_TYPES.customer,
-			isRep: userType === USER_TYPES.rep,
-			isAdmin: userType === USER_TYPES.admin || userType === USER_TYPES.root_admin
-		};
-	}, [user?.user_type]);
-}
-//#endregion
-//#region ../../file-picker/api-client/src/client.ts
-function createFilePickerClient(config) {
-	return {
-		fetchClient: config.fetchClient,
-		uploadStrategy: config.uploadStrategy,
-		unsplashAccessKey: config.unsplashAccessKey,
-		proxyEndpoint: config.proxyEndpoint ?? "/api/proxy-url"
-	};
-}
-//#endregion
-//#region src/screens/ShareablesScreen.tsx
-/**
-* Parse the current shareables sub-route from the full slug.
-*
-* System nav slugs are "share/products", "share/media", "share/playlists".
-* Detail pages append an ID: "share/products/123", "share/media/456".
-*
-*   "share/products"        → screen="products", detailId=null
-*   "share/products/123"    → screen="products", detailId="123"
-*   "share/media/456"       → screen="media",    detailId="456"
-*   "share/playlists"       → screen="playlists", detailId=null
-*   "share/playlists/789"   → screen="playlists", detailId="789"
-*   "share/files"           → screen="files",    detailId=null
-*   "share"                 → screen=null (default to products)
-*/
-function parseShareablesRoute(currentSlug) {
-	const slugWithoutPrefix = currentSlug.replace(/^share\/?/, "");
-	if (!slugWithoutPrefix) return {
-		screen: null,
-		detailId: null,
-		action: null
-	};
-	const parts = slugWithoutPrefix.split("/");
-	return {
-		screen: parts[0] || null,
-		detailId: parts[1] || null,
-		action: parts[2] || null
-	};
-}
-function ShareablesScreen({ background, textColor, accentColor, padding, borderRadius, ...divProps }) {
-	const domainClient = useSdkClient();
-	const { data: userData } = useCurrentUser();
-	const { currentSlug, navigate } = useAppNavigation();
-	const { isCustomer } = useUserType();
-	const { screen, detailId, action } = parseShareablesRoute(currentSlug);
-	const handleNavigate = useCallback((subScreen, id) => {
-		navigate(id ? `share/${subScreen}/${id}` : `share/${subScreen}`);
-	}, [navigate]);
-	const handleBack = useCallback(() => {
-		if (detailId && screen) navigate(`share/${screen}`);
-		else navigate("share/products");
-	}, [
-		navigate,
-		detailId,
-		screen
-	]);
-	const coreConfig = useMemo(() => ({
-		client: domainClient,
-		user: userData ? { id: userData.id } : null,
-		repContext: true
-	}), [domainClient, userData]);
-	const shareablesApi = useMemo(() => createShareablesApiAdapter(domainClient, { repContext: true }), [domainClient]);
-	const filePickerClient = useMemo(() => createFilePickerClient({ fetchClient: domainClient }), [domainClient]);
-	const uiConfig = useMemo(() => ({
-		user: userData ? {
-			id: userData.id,
-			company: userData.company ? { logo_url: userData.company.logo_url } : null
-		} : void 0,
-		affiliateId: userData?.affiliate_id ?? null,
-		basePath: "",
-		navigate: (path) => {
-			const cleanPath = path.replace(/^\//, "");
-			navigate(cleanPath.startsWith("share/") ? cleanPath : `share/${cleanPath}`);
-		},
-		showToast: (opts) => {
-			console.warn(`[Shareables] ${opts.type}: ${opts.title}`);
-		},
-		filePickerClient,
-		onToggleFavorite: async (params) => {
-			const affiliateId = userData?.affiliate_id;
-			if (!affiliateId) throw new Error("No affiliate ID");
-			return domainClient.post(`/user_companies/${affiliateId}/favorites/toggle.json`, {
-				favoriteable_id: params.favoriteableId,
-				favoriteable_type: params.favoriteableType
-			});
-		},
-		onDeletePlaylist: isCustomer ? void 0 : async (playlistId) => {
-			const { playlists: playlistsApi } = await import("./src-DryOJTBW.mjs").then((n) => n.t);
-			await playlistsApi.deletePlaylist(domainClient, playlistId);
-		},
-		readOnly: isCustomer
-	}), [
-		userData,
-		navigate,
-		filePickerClient,
-		domainClient,
-		isCustomer
-	]);
-	return /* @__PURE__ */ jsx("div", {
-		...divProps,
-		className: `h-full ${divProps.className ?? ""}`,
-		children: /* @__PURE__ */ jsx(ShareablesCoreProvider, {
-			config: coreConfig,
-			children: /* @__PURE__ */ jsx(ShareablesApiProvider, {
-				api: shareablesApi,
-				children: /* @__PURE__ */ jsx(ShareablesUIProvider, {
-					config: uiConfig,
-					children: /* @__PURE__ */ jsx(ShareablesApp, {
-						screen,
-						detailId,
-						action,
-						companyLogoUrl: userData?.company?.logo_url,
-						countryCode: userData?.country?.iso,
-						onNavigate: handleNavigate,
-						onBack: handleBack
-					})
-				})
-			})
-		})
-	});
-}
-const shareablesScreenPropertySchema = {
-	widgetType: "ShareablesScreen",
-	displayName: "Shareables Screen",
-	tabsConfig: [{
-		id: "styling",
-		label: "Styling"
-	}],
-	fields: []
-};
-//#endregion
-export { shareablesScreenPropertySchema as n, useUserType as r, ShareablesScreen as t };
-
-//# sourceMappingURL=ShareablesScreen-B1T6QFc4.mjs.map

package/dist/ShareablesScreen-B1T6QFc4.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"ShareablesScreen-B1T6QFc4.mjs","names":[],"sources":["../src/hooks/use-user-type.ts","../../../file-picker/api-client/src/client.ts","../src/screens/ShareablesScreen.tsx"],"sourcesContent":["import { useMemo } from \"react\";\nimport { useFluidAuth } from \"./use-fluid-auth\";\nimport { USER_TYPES, type UserType } from \"../auth/types\";\n\nexport interface UseUserTypeResult {\n  userType: UserType | null;\n  isCustomer: boolean;\n  isRep: boolean;\n  isAdmin: boolean;\n}\n\n/**\n * Convenience hook for user-type checks in the portal SDK.\n */\nexport function useUserType(): UseUserTypeResult {\n  const { user } = useFluidAuth();\n\n  return useMemo(() => {\n    const userType = user?.user_type ?? null;\n    return {\n      userType,\n      isCustomer: userType === USER_TYPES.customer,\n      isRep: userType === USER_TYPES.rep,\n      isAdmin:\n        userType === USER_TYPES.admin || userType === USER_TYPES.root_admin,\n    };\n  }, [user?.user_type]);\n}\n","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 {\n  ShareablesCoreProvider,\n  ShareablesApiProvider,\n  type ShareablesApi,\n} from \"@fluid-app/shareables-core\";\nimport { ShareablesUIProvider, ShareablesApp } from \"@fluid-app/shareables-ui\";\nimport { createShareablesApiAdapter } from \"@fluid-app/shareables-api-client\";\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\";\nimport { useUserType } from \"../hooks/use-user-type\";\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  const { isCustomer } = useUserType();\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 shareablesApi = useMemo<ShareablesApi>(\n    () => createShareablesApiAdapter(domainClient, { repContext: true }),\n    [domainClient],\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: isCustomer\n        ? undefined\n        : async (playlistId: number) => {\n            const { playlists: playlistsApi } =\n              await import(\"@fluid-app/shareables-api-client\");\n            await playlistsApi.deletePlaylist(domainClient, playlistId);\n          },\n      readOnly: isCustomer,\n    }),\n    [userData, navigate, filePickerClient, domainClient, isCustomer],\n  );\n\n  return (\n    <div {...divProps} className={`h-full ${divProps.className ?? \"\"}`}>\n      <ShareablesCoreProvider config={coreConfig}>\n        <ShareablesApiProvider api={shareablesApi}>\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        </ShareablesApiProvider>\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":";;;;;;;;;;;;AAcA,SAAgB,cAAiC;CAC/C,MAAM,EAAE,SAAS,cAAc;AAE/B,QAAO,cAAc;EACnB,MAAM,WAAW,MAAM,aAAa;AACpC,SAAO;GACL;GACA,YAAY,aAAa,WAAW;GACpC,OAAO,aAAa,WAAW;GAC/B,SACE,aAAa,WAAW,SAAS,aAAa,WAAW;GAC5D;IACA,CAAC,MAAM,UAAU,CAAC;;;;ACEvB,SAAgB,uBACd,QACkB;AAClB,QAAO;EACL,aAAa,OAAO;EACpB,gBAAgB,OAAO;EACvB,mBAAmB,OAAO;EAC1B,eAAe,OAAO,iBAAiB;EACxC;;;;;;;;;;;;;;;;;;ACOH,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;CACpD,MAAM,EAAE,eAAe,aAAa;CAEpC,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,gBAAgB,cACd,2BAA2B,cAAc,EAAE,YAAY,MAAM,CAAC,EACpE,CAAC,aAAa,CACf;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,aACd,KAAA,IACA,OAAO,eAAuB;GAC5B,MAAM,EAAE,WAAW,iBACjB,MAAM,OAAO,sBAAA,MAAA,MAAA,EAAA,EAAA;AACf,SAAM,aAAa,eAAe,cAAc,WAAW;;EAEjE,UAAU;EACX,GACD;EAAC;EAAU;EAAU;EAAkB;EAAc;EAAW,CACjE;AAED,QACE,oBAAC,OAAD;EAAK,GAAI;EAAU,WAAW,UAAU,SAAS,aAAa;YAC5D,oBAAC,wBAAD;GAAwB,QAAQ;aAC9B,oBAAC,uBAAD;IAAuB,KAAK;cAC1B,oBAAC,sBAAD;KAAsB,QAAQ;eAC5B,oBAAC,eAAD;MACU;MACE;MACF;MACR,gBAAgB,UAAU,SAAS;MACnC,aAAa,UAAU,SAAS;MAChC,YAAY;MACZ,QAAQ;MACR,CAAA;KACmB,CAAA;IACD,CAAA;GACD,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-HZ0XSOvN.cjs

@@ -1,177 +0,0 @@
-require("./chunk-9hOWP6kD.cjs");
-const require_FluidProvider = require("./FluidProvider-roApesp3.cjs");
-const require_use_account_clients = require("./use-account-clients-BUJ8gkPI.cjs");
-const require_use_current_user = require("./use-current-user-D84vQEB5.cjs");
-const require_AppNavigationContext = require("./AppNavigationContext-Agp0UkCQ.cjs");
-const require_src = require("./src-C3R03o4d.cjs");
-const require_src$1 = require("./src-CMByt6YP.cjs");
-let react = require("react");
-let react_jsx_runtime = require("react/jsx-runtime");
-//#region src/hooks/use-user-type.ts
-/**
-* Convenience hook for user-type checks in the portal SDK.
-*/
-function useUserType() {
-	const { user } = require_use_account_clients.useFluidAuth();
-	return (0, react.useMemo)(() => {
-		const userType = user?.user_type ?? null;
-		return {
-			userType,
-			isCustomer: userType === require_FluidProvider.USER_TYPES.customer,
-			isRep: userType === require_FluidProvider.USER_TYPES.rep,
-			isAdmin: userType === require_FluidProvider.USER_TYPES.admin || userType === require_FluidProvider.USER_TYPES.root_admin
-		};
-	}, [user?.user_type]);
-}
-//#endregion
-//#region ../../file-picker/api-client/src/client.ts
-function createFilePickerClient(config) {
-	return {
-		fetchClient: config.fetchClient,
-		uploadStrategy: config.uploadStrategy,
-		unsplashAccessKey: config.unsplashAccessKey,
-		proxyEndpoint: config.proxyEndpoint ?? "/api/proxy-url"
-	};
-}
-//#endregion
-//#region src/screens/ShareablesScreen.tsx
-/**
-* Parse the current shareables sub-route from the full slug.
-*
-* System nav slugs are "share/products", "share/media", "share/playlists".
-* Detail pages append an ID: "share/products/123", "share/media/456".
-*
-*   "share/products"        → screen="products", detailId=null
-*   "share/products/123"    → screen="products", detailId="123"
-*   "share/media/456"       → screen="media",    detailId="456"
-*   "share/playlists"       → screen="playlists", detailId=null
-*   "share/playlists/789"   → screen="playlists", detailId="789"
-*   "share/files"           → screen="files",    detailId=null
-*   "share"                 → screen=null (default to products)
-*/
-function parseShareablesRoute(currentSlug) {
-	const slugWithoutPrefix = currentSlug.replace(/^share\/?/, "");
-	if (!slugWithoutPrefix) return {
-		screen: null,
-		detailId: null,
-		action: null
-	};
-	const parts = slugWithoutPrefix.split("/");
-	return {
-		screen: parts[0] || null,
-		detailId: parts[1] || null,
-		action: parts[2] || null
-	};
-}
-function ShareablesScreen({ background, textColor, accentColor, padding, borderRadius, ...divProps }) {
-	const domainClient = require_use_account_clients.useSdkClient();
-	const { data: userData } = require_use_current_user.useCurrentUser();
-	const { currentSlug, navigate } = require_AppNavigationContext.useAppNavigation();
-	const { isCustomer } = useUserType();
-	const { screen, detailId, action } = parseShareablesRoute(currentSlug);
-	const handleNavigate = (0, react.useCallback)((subScreen, id) => {
-		navigate(id ? `share/${subScreen}/${id}` : `share/${subScreen}`);
-	}, [navigate]);
-	const handleBack = (0, react.useCallback)(() => {
-		if (detailId && screen) navigate(`share/${screen}`);
-		else navigate("share/products");
-	}, [
-		navigate,
-		detailId,
-		screen
-	]);
-	const coreConfig = (0, react.useMemo)(() => ({
-		client: domainClient,
-		user: userData ? { id: userData.id } : null,
-		repContext: true
-	}), [domainClient, userData]);
-	const shareablesApi = (0, react.useMemo)(() => require_src$1.createShareablesApiAdapter(domainClient, { repContext: true }), [domainClient]);
-	const filePickerClient = (0, react.useMemo)(() => createFilePickerClient({ fetchClient: domainClient }), [domainClient]);
-	const uiConfig = (0, react.useMemo)(() => ({
-		user: userData ? {
-			id: userData.id,
-			company: userData.company ? { logo_url: userData.company.logo_url } : null
-		} : void 0,
-		affiliateId: userData?.affiliate_id ?? null,
-		basePath: "",
-		navigate: (path) => {
-			const cleanPath = path.replace(/^\//, "");
-			navigate(cleanPath.startsWith("share/") ? cleanPath : `share/${cleanPath}`);
-		},
-		showToast: (opts) => {
-			console.warn(`[Shareables] ${opts.type}: ${opts.title}`);
-		},
-		filePickerClient,
-		onToggleFavorite: async (params) => {
-			const affiliateId = userData?.affiliate_id;
-			if (!affiliateId) throw new Error("No affiliate ID");
-			return domainClient.post(`/user_companies/${affiliateId}/favorites/toggle.json`, {
-				favoriteable_id: params.favoriteableId,
-				favoriteable_type: params.favoriteableType
-			});
-		},
-		onDeletePlaylist: isCustomer ? void 0 : async (playlistId) => {
-			const { playlists: playlistsApi } = await Promise.resolve().then(() => require("./src-CMByt6YP.cjs")).then((n) => n.src_exports);
-			await playlistsApi.deletePlaylist(domainClient, playlistId);
-		},
-		readOnly: isCustomer
-	}), [
-		userData,
-		navigate,
-		filePickerClient,
-		domainClient,
-		isCustomer
-	]);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-		...divProps,
-		className: `h-full ${divProps.className ?? ""}`,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.ShareablesCoreProvider, {
-			config: coreConfig,
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.ShareablesApiProvider, {
-				api: shareablesApi,
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.ShareablesUIProvider, {
-					config: uiConfig,
-					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.ShareablesApp, {
-						screen,
-						detailId,
-						action,
-						companyLogoUrl: userData?.company?.logo_url,
-						countryCode: userData?.country?.iso,
-						onNavigate: handleNavigate,
-						onBack: handleBack
-					})
-				})
-			})
-		})
-	});
-}
-const shareablesScreenPropertySchema = {
-	widgetType: "ShareablesScreen",
-	displayName: "Shareables Screen",
-	tabsConfig: [{
-		id: "styling",
-		label: "Styling"
-	}],
-	fields: []
-};
-//#endregion
-Object.defineProperty(exports, "ShareablesScreen", {
-	enumerable: true,
-	get: function() {
-		return ShareablesScreen;
-	}
-});
-Object.defineProperty(exports, "shareablesScreenPropertySchema", {
-	enumerable: true,
-	get: function() {
-		return shareablesScreenPropertySchema;
-	}
-});
-Object.defineProperty(exports, "useUserType", {
-	enumerable: true,
-	get: function() {
-		return useUserType;
-	}
-});
-
-//# sourceMappingURL=ShareablesScreen-HZ0XSOvN.cjs.map

package/dist/ShareablesScreen-HZ0XSOvN.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"ShareablesScreen-HZ0XSOvN.cjs","names":["useFluidAuth","USER_TYPES","useSdkClient","useCurrentUser","useAppNavigation","createShareablesApiAdapter","ShareablesCoreProvider","ShareablesApiProvider","ShareablesUIProvider","ShareablesApp"],"sources":["../src/hooks/use-user-type.ts","../../../file-picker/api-client/src/client.ts","../src/screens/ShareablesScreen.tsx"],"sourcesContent":["import { useMemo } from \"react\";\nimport { useFluidAuth } from \"./use-fluid-auth\";\nimport { USER_TYPES, type UserType } from \"../auth/types\";\n\nexport interface UseUserTypeResult {\n  userType: UserType | null;\n  isCustomer: boolean;\n  isRep: boolean;\n  isAdmin: boolean;\n}\n\n/**\n * Convenience hook for user-type checks in the portal SDK.\n */\nexport function useUserType(): UseUserTypeResult {\n  const { user } = useFluidAuth();\n\n  return useMemo(() => {\n    const userType = user?.user_type ?? null;\n    return {\n      userType,\n      isCustomer: userType === USER_TYPES.customer,\n      isRep: userType === USER_TYPES.rep,\n      isAdmin:\n        userType === USER_TYPES.admin || userType === USER_TYPES.root_admin,\n    };\n  }, [user?.user_type]);\n}\n","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 {\n  ShareablesCoreProvider,\n  ShareablesApiProvider,\n  type ShareablesApi,\n} from \"@fluid-app/shareables-core\";\nimport { ShareablesUIProvider, ShareablesApp } from \"@fluid-app/shareables-ui\";\nimport { createShareablesApiAdapter } from \"@fluid-app/shareables-api-client\";\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\";\nimport { useUserType } from \"../hooks/use-user-type\";\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  const { isCustomer } = useUserType();\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 shareablesApi = useMemo<ShareablesApi>(\n    () => createShareablesApiAdapter(domainClient, { repContext: true }),\n    [domainClient],\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: isCustomer\n        ? undefined\n        : async (playlistId: number) => {\n            const { playlists: playlistsApi } =\n              await import(\"@fluid-app/shareables-api-client\");\n            await playlistsApi.deletePlaylist(domainClient, playlistId);\n          },\n      readOnly: isCustomer,\n    }),\n    [userData, navigate, filePickerClient, domainClient, isCustomer],\n  );\n\n  return (\n    <div {...divProps} className={`h-full ${divProps.className ?? \"\"}`}>\n      <ShareablesCoreProvider config={coreConfig}>\n        <ShareablesApiProvider api={shareablesApi}>\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        </ShareablesApiProvider>\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":";;;;;;;;;;;;;AAcA,SAAgB,cAAiC;CAC/C,MAAM,EAAE,SAASA,4BAAAA,cAAc;AAE/B,SAAA,GAAA,MAAA,eAAqB;EACnB,MAAM,WAAW,MAAM,aAAa;AACpC,SAAO;GACL;GACA,YAAY,aAAaC,sBAAAA,WAAW;GACpC,OAAO,aAAaA,sBAAAA,WAAW;GAC/B,SACE,aAAaA,sBAAAA,WAAW,SAAS,aAAaA,sBAAAA,WAAW;GAC5D;IACA,CAAC,MAAM,UAAU,CAAC;;;;ACEvB,SAAgB,uBACd,QACkB;AAClB,QAAO;EACL,aAAa,OAAO;EACpB,gBAAgB,OAAO;EACvB,mBAAmB,OAAO;EAC1B,eAAe,OAAO,iBAAiB;EACxC;;;;;;;;;;;;;;;;;;ACOH,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,eAAeC,4BAAAA,cAAc;CACnC,MAAM,EAAE,MAAM,aAAaC,yBAAAA,gBAAgB;CAC3C,MAAM,EAAE,aAAa,aAAaC,6BAAAA,kBAAkB;CACpD,MAAM,EAAE,eAAe,aAAa;CAEpC,MAAM,EAAE,QAAQ,UAAU,WAAW,qBAAqB,YAAY;CAEtE,MAAM,kBAAA,GAAA,MAAA,cACH,WAAmB,OAAgB;AAElC,WADa,KAAK,SAAS,UAAU,GAAG,OAAO,SAAS,YAC1C;IAEhB,CAAC,SAAS,CACX;CAED,MAAM,cAAA,GAAA,MAAA,mBAA+B;AACnC,MAAI,YAAY,OAEd,UAAS,SAAS,SAAS;MAG3B,UAAS,iBAAiB;IAE3B;EAAC;EAAU;EAAU;EAAO,CAAC;CAEhC,MAAM,cAAA,GAAA,MAAA,gBACG;EACL,QAAQ;EACR,MAAM,WAAW,EAAE,IAAI,SAAS,IAAI,GAAG;EACvC,YAAY;EACb,GACD,CAAC,cAAc,SAAS,CACzB;CAED,MAAM,iBAAA,GAAA,MAAA,eACEC,cAAAA,2BAA2B,cAAc,EAAE,YAAY,MAAM,CAAC,EACpE,CAAC,aAAa,CACf;CAED,MAAM,oBAAA,GAAA,MAAA,eACE,uBAAuB,EAAE,aAAa,cAAc,CAAC,EAC3D,CAAC,aAAa,CACf;CAED,MAAM,YAAA,GAAA,MAAA,gBACG;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,aACd,KAAA,IACA,OAAO,eAAuB;GAC5B,MAAM,EAAE,WAAW,iBACjB,MAAA,QAAA,SAAA,CAAA,WAAA,QAAM,qBAAA,CAAA,CAAA,MAAA,MAAA,EAAA,YAAA;AACR,SAAM,aAAa,eAAe,cAAc,WAAW;;EAEjE,UAAU;EACX,GACD;EAAC;EAAU;EAAU;EAAkB;EAAc;EAAW,CACjE;AAED,QACE,iBAAA,GAAA,kBAAA,KAAC,OAAD;EAAK,GAAI;EAAU,WAAW,UAAU,SAAS,aAAa;YAC5D,iBAAA,GAAA,kBAAA,KAACC,YAAAA,wBAAD;GAAwB,QAAQ;aAC9B,iBAAA,GAAA,kBAAA,KAACC,YAAAA,uBAAD;IAAuB,KAAK;cAC1B,iBAAA,GAAA,kBAAA,KAACC,YAAAA,sBAAD;KAAsB,QAAQ;eAC5B,iBAAA,GAAA,kBAAA,KAACC,YAAAA,eAAD;MACU;MACE;MACF;MACR,gBAAgB,UAAU,SAAS;MACnC,aAAa,UAAU,SAAS;MAChC,YAAY;MACZ,QAAQ;MACR,CAAA;KACmB,CAAA;IACD,CAAA;GACD,CAAA;EACrB,CAAA;;AAIV,MAAa,iCAAuD;CAClE,YAAY;CACZ,aAAa;CACb,YAAY,CAAC;EAAE,IAAI;EAAW,OAAO;EAAW,CAAC;CACjD,QAAQ,EAAE;CACX"}