@fluid-app/portal-sdk 0.1.34 → 0.1.35

package/dist/{ShareablesScreen-BhrhYh4W.cjs → ShareablesScreen-DSJ7x0Ww.cjs}

@@ -1,8 +1,8 @@
 require("./chunk-9hOWP6kD.cjs");
-const require_FluidProvider = require("./FluidProvider-BXxRdatZ.cjs");
 const require_products = require("./products-Q7fqnjYK.cjs");
-const require_AppNavigationContext = require("./AppNavigationContext-0Ij6tU2H.cjs");
-const require_src = require("./src-C1qfvUE4.cjs");
+const require_use_account_clients = require("./use-account-clients-T32HqoLD.cjs");
+const require_AppNavigationContext = require("./AppNavigationContext-Dt02ymnf.cjs");
+const require_src = require("./src-CsjWsZwA.cjs");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 //#region ../../file-picker/api-client/src/client.ts
@@ -43,7 +43,7 @@ function parseShareablesRoute(currentSlug) {
 	};
 }
 function ShareablesScreen({ background, textColor, accentColor, padding, borderRadius, ...divProps }) {
-	const { client } = require_FluidProvider.useFluidContext();
+	const domainClient = require_use_account_clients.useSdkClient();
 	const { data: userData } = require_products.useCurrentUser();
 	const { currentSlug, navigate } = require_AppNavigationContext.useAppNavigation();
 	const { screen, detailId } = parseShareablesRoute(currentSlug);
@@ -59,10 +59,10 @@ function ShareablesScreen({ background, textColor, accentColor, padding, borderR
 		screen
 	]);
 	const coreConfig = (0, react.useMemo)(() => ({
-		client: client.fetchClient,
+		client: domainClient,
 		user: userData ? { id: userData.id } : null
-	}), [client.fetchClient, userData]);
-	const filePickerClient = (0, react.useMemo)(() => createFilePickerClient({ fetchClient: client.fetchClient }), [client.fetchClient]);
+	}), [domainClient, userData]);
+	const filePickerClient = (0, react.useMemo)(() => createFilePickerClient({ fetchClient: domainClient }), [domainClient]);
 	const uiConfig = (0, react.useMemo)(() => ({
 		user: userData ? {
 			id: userData.id,
@@ -124,4 +124,4 @@ Object.defineProperty(exports, "shareablesScreenPropertySchema", {
 	}
 });
 
-//# sourceMappingURL=ShareablesScreen-BhrhYh4W.cjs.map
+//# sourceMappingURL=ShareablesScreen-DSJ7x0Ww.cjs.map

package/dist/ShareablesScreen-DSJ7x0Ww.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ShareablesScreen-DSJ7x0Ww.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} {\n  // Strip the \"share\" prefix\n  const slugWithoutPrefix = currentSlug.replace(/^share\\/?/, \"\");\n  if (!slugWithoutPrefix) {\n    return { screen: null, detailId: null };\n  }\n\n  const parts = slugWithoutPrefix.split(\"/\");\n  const screen = parts[0] || null;\n  const detailId = parts[1] || null;\n  return { screen, detailId };\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 } = 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    }),\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      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    }),\n    [userData, navigate, filePickerClient],\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            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,aAG5B;CAEA,MAAM,oBAAoB,YAAY,QAAQ,aAAa,GAAG;AAC9D,KAAI,CAAC,kBACH,QAAO;EAAE,QAAQ;EAAM,UAAU;EAAM;CAGzC,MAAM,QAAQ,kBAAkB,MAAM,IAAI;AAG1C,QAAO;EAAE,QAFM,MAAM,MAAM;EAEV,UADA,MAAM,MAAM;EACF;;AAG7B,SAAgB,iBAAiB,EAE/B,YACA,WACA,aACA,SACA,cAEA,GAAG,YACwC;CAC3C,MAAM,eAAeA,4BAAAA,cAAc;CACnC,MAAM,EAAE,MAAM,aAAaC,iBAAAA,gBAAgB;CAC3C,MAAM,EAAE,aAAa,aAAaC,6BAAAA,kBAAkB;CAEpD,MAAM,EAAE,QAAQ,aAAa,qBAAqB,YAAY;CAE9D,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;EACxC,GACD,CAAC,cAAc,SAAS,CACzB;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,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;EACD,GACD;EAAC;EAAU;EAAU;EAAiB,CACvC;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,sBAAD;IAAsB,QAAQ;cAC5B,iBAAA,GAAA,kBAAA,KAACC,YAAAA,eAAD;KACU;KACE;KACV,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-D588qo6a.mjs → ShareablesScreen-Dofp37E4.mjs}

@@ -26,7 +26,7 @@ import "./SpacerWidget-DXXnYNIX.mjs";
 import "./TableWidget-DCiqxLv5.mjs";
 import "./ToDoWidget-CmJIUKr0.mjs";
 import "./VideoWidget-D6aWKmRN.mjs";
-import "./es-DZKcJZKh.mjs";
-import "./src-D7GSa3rY.mjs";
-import { n as shareablesScreenPropertySchema, t as ShareablesScreen } from "./ShareablesScreen-BEFG54-I.mjs";
+import "./es-BPF1dsEO.mjs";
+import "./src-rgyT4GpO.mjs";
+import { n as shareablesScreenPropertySchema, t as ShareablesScreen } from "./ShareablesScreen-w3DGRfIr.mjs";
 export { ShareablesScreen, shareablesScreenPropertySchema };

package/dist/{ShareablesScreen-6fpWI08O.cjs → ShareablesScreen-cpwboVjB.cjs}

@@ -27,8 +27,8 @@ require("./SpacerWidget-DyZ49XpL.cjs");
 require("./TableWidget-CCEwDiby.cjs");
 require("./ToDoWidget-CrZ9xJV1.cjs");
 require("./VideoWidget-BJrnmHCe.cjs");
-require("./es-B1uNuoqD.cjs");
-require("./src-C1qfvUE4.cjs");
-const require_ShareablesScreen = require("./ShareablesScreen-BhrhYh4W.cjs");
+require("./es-DfGWLS4J.cjs");
+require("./src-CsjWsZwA.cjs");
+const require_ShareablesScreen = require("./ShareablesScreen-DSJ7x0Ww.cjs");
 exports.ShareablesScreen = require_ShareablesScreen.ShareablesScreen;
 exports.shareablesScreenPropertySchema = require_ShareablesScreen.shareablesScreenPropertySchema;

package/dist/{ShareablesScreen-BEFG54-I.mjs → ShareablesScreen-w3DGRfIr.mjs}

@@ -1,7 +1,7 @@
-import { n as useFluidContext } from "./FluidProvider-CWC6LA9W.mjs";
 import { i as useCurrentUser } from "./products-CBjo08FD.mjs";
-import { n as useAppNavigation } from "./AppNavigationContext-v_y8OYHo.mjs";
-import { i as ShareablesCoreProvider, n as ShareablesApp, r as ShareablesUIProvider } from "./src-D7GSa3rY.mjs";
+import { i as useSdkClient } from "./use-account-clients-DAQe3cFz.mjs";
+import { n as useAppNavigation } from "./AppNavigationContext-CcRZ_LqM.mjs";
+import { i as ShareablesCoreProvider, n as ShareablesApp, r as ShareablesUIProvider } from "./src-rgyT4GpO.mjs";
 import { useCallback, useMemo } from "react";
 import { jsx } from "react/jsx-runtime";
 //#region ../../file-picker/api-client/src/client.ts
@@ -42,7 +42,7 @@ function parseShareablesRoute(currentSlug) {
 	};
 }
 function ShareablesScreen({ background, textColor, accentColor, padding, borderRadius, ...divProps }) {
-	const { client } = useFluidContext();
+	const domainClient = useSdkClient();
 	const { data: userData } = useCurrentUser();
 	const { currentSlug, navigate } = useAppNavigation();
 	const { screen, detailId } = parseShareablesRoute(currentSlug);
@@ -58,10 +58,10 @@ function ShareablesScreen({ background, textColor, accentColor, padding, borderR
 		screen
 	]);
 	const coreConfig = useMemo(() => ({
-		client: client.fetchClient,
+		client: domainClient,
 		user: userData ? { id: userData.id } : null
-	}), [client.fetchClient, userData]);
-	const filePickerClient = useMemo(() => createFilePickerClient({ fetchClient: client.fetchClient }), [client.fetchClient]);
+	}), [domainClient, userData]);
+	const filePickerClient = useMemo(() => createFilePickerClient({ fetchClient: domainClient }), [domainClient]);
 	const uiConfig = useMemo(() => ({
 		user: userData ? {
 			id: userData.id,
@@ -112,4 +112,4 @@ const shareablesScreenPropertySchema = {
 //#endregion
 export { shareablesScreenPropertySchema as n, ShareablesScreen as t };
 
-//# sourceMappingURL=ShareablesScreen-BEFG54-I.mjs.map
+//# sourceMappingURL=ShareablesScreen-w3DGRfIr.mjs.map

package/dist/ShareablesScreen-w3DGRfIr.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ShareablesScreen-w3DGRfIr.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} {\n  // Strip the \"share\" prefix\n  const slugWithoutPrefix = currentSlug.replace(/^share\\/?/, \"\");\n  if (!slugWithoutPrefix) {\n    return { screen: null, detailId: null };\n  }\n\n  const parts = slugWithoutPrefix.split(\"/\");\n  const screen = parts[0] || null;\n  const detailId = parts[1] || null;\n  return { screen, detailId };\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 } = 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    }),\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      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    }),\n    [userData, navigate, filePickerClient],\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            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,aAG5B;CAEA,MAAM,oBAAoB,YAAY,QAAQ,aAAa,GAAG;AAC9D,KAAI,CAAC,kBACH,QAAO;EAAE,QAAQ;EAAM,UAAU;EAAM;CAGzC,MAAM,QAAQ,kBAAkB,MAAM,IAAI;AAG1C,QAAO;EAAE,QAFM,MAAM,MAAM;EAEV,UADA,MAAM,MAAM;EACF;;AAG7B,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,aAAa,qBAAqB,YAAY;CAE9D,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;EACxC,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,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;EACD,GACD;EAAC;EAAU;EAAU;EAAiB,CACvC;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;KACV,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/{ShopScreen-Drg27OZM.mjs → ShopScreen-BlyzHYeU.mjs}

@@ -2,7 +2,8 @@ import { n as __exportAll } from "./chunk-ByhMGyNw.mjs";
 import { n as useFluidContext } from "./FluidProvider-CWC6LA9W.mjs";
 import { C as SelectContent, D as RadioGroup, E as SelectValue, O as RadioGroupItem, S as Select, T as SelectTrigger, Yt as Button, b as Skeleton, dt as Card, k as Input, w as SelectItem } from "./src-S_xL86wk.mjs";
 import { i as useCurrentUser, n as listProducts, t as getProduct } from "./products-CBjo08FD.mjs";
-import { n as useAppNavigation } from "./AppNavigationContext-v_y8OYHo.mjs";
+import { i as useSdkClient } from "./use-account-clients-DAQe3cFz.mjs";
+import { n as useAppNavigation } from "./AppNavigationContext-CcRZ_LqM.mjs";
 import { createContext, useCallback, useContext, useEffect, useMemo, useRef, useState } from "react";
 import { useInfiniteQuery, useQuery } from "@tanstack/react-query";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
@@ -1553,7 +1554,8 @@ var ShopScreen_exports = /* @__PURE__ */ __exportAll({
 	shopScreenPropertySchema: () => shopScreenPropertySchema
 });
 function ShopScreen({ background, textColor, accentColor, padding, borderRadius, ...divProps }) {
-	const { config, client } = useFluidContext();
+	const { config } = useFluidContext();
+	const domainClient = useSdkClient();
 	const { data: userData } = useCurrentUser();
 	const { currentSlug, navigate } = useAppNavigation();
 	const countryCode = config.countryIso ?? userData?.country?.iso ?? "US";
@@ -1562,7 +1564,7 @@ function ShopScreen({ background, textColor, accentColor, padding, borderRadius,
 		...divProps,
 		className: `h-full ${divProps.className ?? ""}`,
 		children: /* @__PURE__ */ jsx(ProductsCoreProvider, {
-			client: client.fetchClient,
+			client: domainClient,
 			children: /* @__PURE__ */ jsx(ShopApp, {
 				countryCode,
 				companyLogoUrl: userData?.company?.logo_url,
@@ -1585,4 +1587,4 @@ const shopScreenPropertySchema = {
 //#endregion
 export { ShopScreen_exports as n, shopScreenPropertySchema as r, ShopScreen as t };
 
-//# sourceMappingURL=ShopScreen-Drg27OZM.mjs.map
+//# sourceMappingURL=ShopScreen-BlyzHYeU.mjs.map