@fluid-app/portal-sdk 0.1.187 → 0.1.188

package/dist/{ProductsScreen-C53oBRqs.mjs → ProductsScreen-BdBUnVyp.mjs}

@@ -1,15 +1,13 @@
 import "./es-Ce8_5uFA.mjs";
 import "./account-api-context-BIZ_aibJ.mjs";
 import "./store-api-context-C1lXT_3d.mjs";
-import "./PortalTenantClientProvider-4ZmY6hac.mjs";
 import "./src-DYgpfH5O.mjs";
 import "./ScreenHeaderContext-FYyYk97y.mjs";
-import "./AppNavigationContext-BW3lSpfT.mjs";
 import "./dist-BETEuYfn.mjs";
 import "./SearchSort-CWye528t.mjs";
 import "./dist-DiBoTZfl.mjs";
-import "./PortalContentApiProvider-BPq6U0Pu.mjs";
+import "./PortalContentApiProvider-CmjXGFMQ.mjs";
 import "./sortable.esm-CJLSD-Ce.mjs";
 import "./PortalProductsApiProvider-BALswRao.mjs";
-import { n as productsScreenPropertySchema, t as ProductsScreen } from "./ProductsScreen-DHXjR5xp.mjs";
+import { n as productsScreenPropertySchema, t as ProductsScreen } from "./ProductsScreen-C2G3onZB.mjs";
 export { ProductsScreen, productsScreenPropertySchema };

package/dist/{ProductsScreen-DHXjR5xp.mjs → ProductsScreen-C2G3onZB.mjs}

@@ -2,7 +2,7 @@ import { b as fluidToast } from "./src-DYgpfH5O.mjs";
 import { t as useAccount } from "./use-account-B16Tor2Q.mjs";
 import { t as useStore } from "./use-store-BnHhQDYo.mjs";
 import { n as useAppNavigation } from "./AppNavigationContext-BW3lSpfT.mjs";
-import { c as ShareablesCoreProvider, i as ProductsApp, n as usePortalContentContext, s as ShareablesUIProvider, t as PortalContentApiProvider } from "./PortalContentApiProvider-BPq6U0Pu.mjs";
+import { c as ShareablesCoreProvider, i as ProductsApp, n as usePortalContentContext, s as ShareablesUIProvider, t as PortalContentApiProvider } from "./PortalContentApiProvider-CmjXGFMQ.mjs";
 import { t as PortalProductsApiProvider } from "./PortalProductsApiProvider-BALswRao.mjs";
 import { useCallback, useMemo } from "react";
 import { jsx } from "react/jsx-runtime";
@@ -20,14 +20,15 @@ function ProductsScreenContent() {
 	const { data: account } = useAccount();
 	const { data: store } = useStore();
 	const { currentSlug, navigate } = useAppNavigation();
-	const fetchProducts = useCallback(async (search, cursor, limit) => {
+	const fetchProducts = useCallback(async (search, cursor, limit, sort) => {
 		if (search) return portalProductsApi.searchProducts(search, {
 			cursor,
 			limit
 		});
 		return portalProductsApi.listProducts({
 			cursor,
-			limit
+			limit,
+			sort
 		});
 	}, [portalProductsApi]);
 	const fetchProduct = useCallback(async (id) => portalProductsApi.getProduct(id), [portalProductsApi]);
@@ -87,4 +88,4 @@ const productsScreenPropertySchema = {
 //#endregion
 export { productsScreenPropertySchema as n, ProductsScreen as t };
 
-//# sourceMappingURL=ProductsScreen-DHXjR5xp.mjs.map
+//# sourceMappingURL=ProductsScreen-C2G3onZB.mjs.map

package/dist/ProductsScreen-C2G3onZB.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProductsScreen-C2G3onZB.mjs","names":[],"sources":["../src/screens/ProductsScreen.tsx"],"sourcesContent":["import { useCallback, useMemo, type ComponentProps } from \"react\";\nimport { fluidToast } from \"@fluid-app/ui-primitives\";\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, ProductsApp } from \"@fluid-app/shareables-ui\";\nimport { useAppNavigation } from \"../shell/AppNavigationContext\";\nimport { useAccount } from \"../hooks/use-account\";\nimport { useStore } from \"../hooks/use-store\";\nimport { PortalProductsApiProvider } from \"../products/PortalProductsApiProvider\";\nimport {\n  PortalContentApiProvider,\n  usePortalContentContext,\n} from \"../content/PortalContentApiProvider\";\n\ntype ProductsScreenProps = ComponentProps<\"div\"> & {\n  background?: BackgroundValue;\n  textColor?: ColorOptions;\n  accentColor?: ColorOptions;\n  padding?: PaddingOptions;\n  borderRadius?: BorderRadiusOptions;\n};\n\nexport function ProductsScreen({\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}: ProductsScreenProps): React.JSX.Element {\n  return (\n    <div {...divProps} className={`h-full ${divProps.className ?? \"\"}`}>\n      <PortalProductsApiProvider>\n        <PortalContentApiProvider>\n          <ProductsScreenContent />\n        </PortalContentApiProvider>\n      </PortalProductsApiProvider>\n    </div>\n  );\n}\n\n/** Inner component rendered inside providers so hooks can access context. */\nfunction ProductsScreenContent(): React.JSX.Element {\n  const { productsApi: portalProductsApi } = usePortalContentContext();\n  const { data: account } = useAccount();\n  const { data: store } = useStore();\n  const { currentSlug, navigate } = useAppNavigation();\n\n  const fetchProducts = useCallback(\n    async (search: string, cursor?: string, limit?: number, sort?: string) => {\n      if (search) {\n        return portalProductsApi.searchProducts(search, { cursor, limit });\n      }\n      return portalProductsApi.listProducts({ cursor, limit, sort });\n    },\n    [portalProductsApi],\n  );\n\n  const fetchProduct = useCallback(\n    async (id: string | number) => portalProductsApi.getProduct(id),\n    [portalProductsApi],\n  );\n\n  // Extract product ID from slug: \"products/123\" → \"123\"\n  const productId = useMemo(() => {\n    const match = currentSlug.match(/^products\\/(.+)/);\n    return match?.[1] ?? null;\n  }, [currentSlug]);\n\n  const handleSelectProduct = useCallback(\n    (id: string) => {\n      navigate(`products/${id}`);\n    },\n    [navigate],\n  );\n\n  const handleBack = useCallback(() => {\n    navigate(\"products\");\n  }, [navigate]);\n\n  const coreConfig = useMemo(\n    () => ({\n      user: account ? { id: account.id } : null,\n      repContext: true,\n    }),\n    [account],\n  );\n\n  const uiConfig = useMemo(\n    () => ({\n      user: account\n        ? {\n            id: account.id,\n            company: { logo_url: store?.logo_url ?? null },\n          }\n        : undefined,\n      basePath: \"\",\n      navigate: (path: string) => {\n        navigate(path);\n      },\n      showToast: (opts: {\n        title: string;\n        type: \"success\" | \"error\" | \"warning\";\n      }) => {\n        fluidToast(opts);\n      },\n    }),\n    [account, store, navigate],\n  );\n\n  return (\n    <ShareablesCoreProvider config={coreConfig}>\n      <ShareablesUIProvider config={uiConfig}>\n        <ProductsApp\n          countryCode={undefined}\n          companyLogoUrl={store?.logo_url ?? undefined}\n          fetchProducts={fetchProducts}\n          fetchProduct={fetchProduct}\n          productId={productId}\n          onSelectProduct={handleSelectProduct}\n          onBack={handleBack}\n        />\n      </ShareablesUIProvider>\n    </ShareablesCoreProvider>\n  );\n}\n\nexport const productsScreenPropertySchema: WidgetPropertySchema = {\n  widgetType: \"ProductsScreen\",\n  displayName: \"Products Screen\",\n  tabsConfig: [{ id: \"styling\", label: \"Styling\" }],\n  fields: [],\n} as const satisfies WidgetPropertySchema;\n"],"mappings":";;;;;;;;;AA4BA,SAAgB,eAAe,EAE7B,YACA,WACA,aACA,SACA,cAEA,GAAG,YACsC;AACzC,QACE,oBAAC,OAAD;EAAK,GAAI;EAAU,WAAW,UAAU,SAAS,aAAa;YAC5D,oBAAC,2BAAD,EAAA,UACE,oBAAC,0BAAD,EAAA,UACE,oBAAC,uBAAD,EAAyB,CAAA,EACA,CAAA,EACD,CAAA;EACxB,CAAA;;;AAKV,SAAS,wBAA2C;CAClD,MAAM,EAAE,aAAa,sBAAsB,yBAAyB;CACpE,MAAM,EAAE,MAAM,YAAY,YAAY;CACtC,MAAM,EAAE,MAAM,UAAU,UAAU;CAClC,MAAM,EAAE,aAAa,aAAa,kBAAkB;CAEpD,MAAM,gBAAgB,YACpB,OAAO,QAAgB,QAAiB,OAAgB,SAAkB;AACxE,MAAI,OACF,QAAO,kBAAkB,eAAe,QAAQ;GAAE;GAAQ;GAAO,CAAC;AAEpE,SAAO,kBAAkB,aAAa;GAAE;GAAQ;GAAO;GAAM,CAAC;IAEhE,CAAC,kBAAkB,CACpB;CAED,MAAM,eAAe,YACnB,OAAO,OAAwB,kBAAkB,WAAW,GAAG,EAC/D,CAAC,kBAAkB,CACpB;CAGD,MAAM,YAAY,cAAc;AAE9B,SADc,YAAY,MAAM,kBAAkB,GACnC,MAAM;IACpB,CAAC,YAAY,CAAC;CAEjB,MAAM,sBAAsB,aACzB,OAAe;AACd,WAAS,YAAY,KAAK;IAE5B,CAAC,SAAS,CACX;CAED,MAAM,aAAa,kBAAkB;AACnC,WAAS,WAAW;IACnB,CAAC,SAAS,CAAC;AAgCd,QACE,oBAAC,wBAAD;EAAwB,QA/BP,eACV;GACL,MAAM,UAAU,EAAE,IAAI,QAAQ,IAAI,GAAG;GACrC,YAAY;GACb,GACD,CAAC,QAAQ,CACV;YA0BG,oBAAC,sBAAD;GAAsB,QAxBT,eACR;IACL,MAAM,UACF;KACE,IAAI,QAAQ;KACZ,SAAS,EAAE,UAAU,OAAO,YAAY,MAAM;KAC/C,GACD,KAAA;IACJ,UAAU;IACV,WAAW,SAAiB;AAC1B,cAAS,KAAK;;IAEhB,YAAY,SAGN;AACJ,gBAAW,KAAK;;IAEnB,GACD;IAAC;IAAS;IAAO;IAAS,CAC3B;aAKK,oBAAC,aAAD;IACE,aAAa,KAAA;IACb,gBAAgB,OAAO,YAAY,KAAA;IACpB;IACD;IACH;IACX,iBAAiB;IACjB,QAAQ;IACR,CAAA;GACmB,CAAA;EACA,CAAA;;AAI7B,MAAa,+BAAqD;CAChE,YAAY;CACZ,aAAa;CACb,YAAY,CAAC;EAAE,IAAI;EAAW,OAAO;EAAW,CAAC;CACjD,QAAQ,EAAE;CACX"}

package/dist/{ProductsScreen-CwEKSaBQ.cjs → ProductsScreen-CRO01qDT.cjs}

@@ -7,9 +7,9 @@ require("./dist-BRT-FAUb.cjs");
 require("./es-Dr47illR.cjs");
 require("./SearchSort-C2UMQagO.cjs");
 require("./dist-DbiSKQz4.cjs");
-require("./PortalContentApiProvider-Cho3MNVB.cjs");
+require("./PortalContentApiProvider-DMeTMGV6.cjs");
 require("./dist-DWs3-WOI.cjs");
 require("./PortalProductsApiProvider-Duj-EjQj.cjs");
-const require_ProductsScreen = require("./ProductsScreen-DNBwds9n.cjs");
+const require_ProductsScreen = require("./ProductsScreen-Pt4U6VS2.cjs");
 exports.ProductsScreen = require_ProductsScreen.ProductsScreen;
 exports.productsScreenPropertySchema = require_ProductsScreen.productsScreenPropertySchema;

package/dist/{ProductsScreen-DNBwds9n.cjs → ProductsScreen-Pt4U6VS2.cjs}

@@ -3,7 +3,7 @@ const require_src = require("./src-lQfO0vnM.cjs");
 const require_use_account = require("./use-account-BWdcuCCW.cjs");
 const require_use_store = require("./use-store-DvtLtZ3f.cjs");
 const require_AppNavigationContext = require("./AppNavigationContext-BKszSW5R.cjs");
-const require_PortalContentApiProvider = require("./PortalContentApiProvider-Cho3MNVB.cjs");
+const require_PortalContentApiProvider = require("./PortalContentApiProvider-DMeTMGV6.cjs");
 const require_PortalProductsApiProvider = require("./PortalProductsApiProvider-Duj-EjQj.cjs");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
@@ -21,14 +21,15 @@ function ProductsScreenContent() {
 	const { data: account } = require_use_account.useAccount();
 	const { data: store } = require_use_store.useStore();
 	const { currentSlug, navigate } = require_AppNavigationContext.useAppNavigation();
-	const fetchProducts = (0, react.useCallback)(async (search, cursor, limit) => {
+	const fetchProducts = (0, react.useCallback)(async (search, cursor, limit, sort) => {
 		if (search) return portalProductsApi.searchProducts(search, {
 			cursor,
 			limit
 		});
 		return portalProductsApi.listProducts({
 			cursor,
-			limit
+			limit,
+			sort
 		});
 	}, [portalProductsApi]);
 	const fetchProduct = (0, react.useCallback)(async (id) => portalProductsApi.getProduct(id), [portalProductsApi]);
@@ -99,4 +100,4 @@ Object.defineProperty(exports, "productsScreenPropertySchema", {
 	}
 });
 
-//# sourceMappingURL=ProductsScreen-DNBwds9n.cjs.map
+//# sourceMappingURL=ProductsScreen-Pt4U6VS2.cjs.map

package/dist/ProductsScreen-Pt4U6VS2.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProductsScreen-Pt4U6VS2.cjs","names":["PortalProductsApiProvider","PortalContentApiProvider","usePortalContentContext","useAccount","useStore","useAppNavigation","ShareablesCoreProvider","ShareablesUIProvider","ProductsApp"],"sources":["../src/screens/ProductsScreen.tsx"],"sourcesContent":["import { useCallback, useMemo, type ComponentProps } from \"react\";\nimport { fluidToast } from \"@fluid-app/ui-primitives\";\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, ProductsApp } from \"@fluid-app/shareables-ui\";\nimport { useAppNavigation } from \"../shell/AppNavigationContext\";\nimport { useAccount } from \"../hooks/use-account\";\nimport { useStore } from \"../hooks/use-store\";\nimport { PortalProductsApiProvider } from \"../products/PortalProductsApiProvider\";\nimport {\n  PortalContentApiProvider,\n  usePortalContentContext,\n} from \"../content/PortalContentApiProvider\";\n\ntype ProductsScreenProps = ComponentProps<\"div\"> & {\n  background?: BackgroundValue;\n  textColor?: ColorOptions;\n  accentColor?: ColorOptions;\n  padding?: PaddingOptions;\n  borderRadius?: BorderRadiusOptions;\n};\n\nexport function ProductsScreen({\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}: ProductsScreenProps): React.JSX.Element {\n  return (\n    <div {...divProps} className={`h-full ${divProps.className ?? \"\"}`}>\n      <PortalProductsApiProvider>\n        <PortalContentApiProvider>\n          <ProductsScreenContent />\n        </PortalContentApiProvider>\n      </PortalProductsApiProvider>\n    </div>\n  );\n}\n\n/** Inner component rendered inside providers so hooks can access context. */\nfunction ProductsScreenContent(): React.JSX.Element {\n  const { productsApi: portalProductsApi } = usePortalContentContext();\n  const { data: account } = useAccount();\n  const { data: store } = useStore();\n  const { currentSlug, navigate } = useAppNavigation();\n\n  const fetchProducts = useCallback(\n    async (search: string, cursor?: string, limit?: number, sort?: string) => {\n      if (search) {\n        return portalProductsApi.searchProducts(search, { cursor, limit });\n      }\n      return portalProductsApi.listProducts({ cursor, limit, sort });\n    },\n    [portalProductsApi],\n  );\n\n  const fetchProduct = useCallback(\n    async (id: string | number) => portalProductsApi.getProduct(id),\n    [portalProductsApi],\n  );\n\n  // Extract product ID from slug: \"products/123\" → \"123\"\n  const productId = useMemo(() => {\n    const match = currentSlug.match(/^products\\/(.+)/);\n    return match?.[1] ?? null;\n  }, [currentSlug]);\n\n  const handleSelectProduct = useCallback(\n    (id: string) => {\n      navigate(`products/${id}`);\n    },\n    [navigate],\n  );\n\n  const handleBack = useCallback(() => {\n    navigate(\"products\");\n  }, [navigate]);\n\n  const coreConfig = useMemo(\n    () => ({\n      user: account ? { id: account.id } : null,\n      repContext: true,\n    }),\n    [account],\n  );\n\n  const uiConfig = useMemo(\n    () => ({\n      user: account\n        ? {\n            id: account.id,\n            company: { logo_url: store?.logo_url ?? null },\n          }\n        : undefined,\n      basePath: \"\",\n      navigate: (path: string) => {\n        navigate(path);\n      },\n      showToast: (opts: {\n        title: string;\n        type: \"success\" | \"error\" | \"warning\";\n      }) => {\n        fluidToast(opts);\n      },\n    }),\n    [account, store, navigate],\n  );\n\n  return (\n    <ShareablesCoreProvider config={coreConfig}>\n      <ShareablesUIProvider config={uiConfig}>\n        <ProductsApp\n          countryCode={undefined}\n          companyLogoUrl={store?.logo_url ?? undefined}\n          fetchProducts={fetchProducts}\n          fetchProduct={fetchProduct}\n          productId={productId}\n          onSelectProduct={handleSelectProduct}\n          onBack={handleBack}\n        />\n      </ShareablesUIProvider>\n    </ShareablesCoreProvider>\n  );\n}\n\nexport const productsScreenPropertySchema: WidgetPropertySchema = {\n  widgetType: \"ProductsScreen\",\n  displayName: \"Products Screen\",\n  tabsConfig: [{ id: \"styling\", label: \"Styling\" }],\n  fields: [],\n} as const satisfies WidgetPropertySchema;\n"],"mappings":";;;;;;;;;;AA4BA,SAAgB,eAAe,EAE7B,YACA,WACA,aACA,SACA,cAEA,GAAG,YACsC;AACzC,QACE,iBAAA,GAAA,kBAAA,KAAC,OAAD;EAAK,GAAI;EAAU,WAAW,UAAU,SAAS,aAAa;YAC5D,iBAAA,GAAA,kBAAA,KAACA,kCAAAA,2BAAD,EAAA,UACE,iBAAA,GAAA,kBAAA,KAACC,iCAAAA,0BAAD,EAAA,UACE,iBAAA,GAAA,kBAAA,KAAC,uBAAD,EAAyB,CAAA,EACA,CAAA,EACD,CAAA;EACxB,CAAA;;;AAKV,SAAS,wBAA2C;CAClD,MAAM,EAAE,aAAa,sBAAsBC,iCAAAA,yBAAyB;CACpE,MAAM,EAAE,MAAM,YAAYC,oBAAAA,YAAY;CACtC,MAAM,EAAE,MAAM,UAAUC,kBAAAA,UAAU;CAClC,MAAM,EAAE,aAAa,aAAaC,6BAAAA,kBAAkB;CAEpD,MAAM,iBAAA,GAAA,MAAA,aACJ,OAAO,QAAgB,QAAiB,OAAgB,SAAkB;AACxE,MAAI,OACF,QAAO,kBAAkB,eAAe,QAAQ;GAAE;GAAQ;GAAO,CAAC;AAEpE,SAAO,kBAAkB,aAAa;GAAE;GAAQ;GAAO;GAAM,CAAC;IAEhE,CAAC,kBAAkB,CACpB;CAED,MAAM,gBAAA,GAAA,MAAA,aACJ,OAAO,OAAwB,kBAAkB,WAAW,GAAG,EAC/D,CAAC,kBAAkB,CACpB;CAGD,MAAM,aAAA,GAAA,MAAA,eAA0B;AAE9B,SADc,YAAY,MAAM,kBAAkB,GACnC,MAAM;IACpB,CAAC,YAAY,CAAC;CAEjB,MAAM,uBAAA,GAAA,MAAA,cACH,OAAe;AACd,WAAS,YAAY,KAAK;IAE5B,CAAC,SAAS,CACX;CAED,MAAM,cAAA,GAAA,MAAA,mBAA+B;AACnC,WAAS,WAAW;IACnB,CAAC,SAAS,CAAC;AAgCd,QACE,iBAAA,GAAA,kBAAA,KAACC,iCAAAA,wBAAD;EAAwB,SAAA,GAAA,MAAA,gBA9BjB;GACL,MAAM,UAAU,EAAE,IAAI,QAAQ,IAAI,GAAG;GACrC,YAAY;GACb,GACD,CAAC,QAAQ,CACV;YA0BG,iBAAA,GAAA,kBAAA,KAACC,iCAAAA,sBAAD;GAAsB,SAAA,GAAA,MAAA,gBAvBjB;IACL,MAAM,UACF;KACE,IAAI,QAAQ;KACZ,SAAS,EAAE,UAAU,OAAO,YAAY,MAAM;KAC/C,GACD,KAAA;IACJ,UAAU;IACV,WAAW,SAAiB;AAC1B,cAAS,KAAK;;IAEhB,YAAY,SAGN;AACJ,iBAAA,WAAW,KAAK;;IAEnB,GACD;IAAC;IAAS;IAAO;IAAS,CAC3B;aAKK,iBAAA,GAAA,kBAAA,KAACC,iCAAAA,aAAD;IACE,aAAa,KAAA;IACb,gBAAgB,OAAO,YAAY,KAAA;IACpB;IACD;IACH;IACX,iBAAiB;IACjB,QAAQ;IACR,CAAA;GACmB,CAAA;EACA,CAAA;;AAI7B,MAAa,+BAAqD;CAChE,YAAY;CACZ,aAAa;CACb,YAAY,CAAC;EAAE,IAAI;EAAW,OAAO;EAAW,CAAC;CACjD,QAAQ,EAAE;CACX"}

package/dist/{ShareablesScreen-DkjlhWOe.cjs → ShareablesScreen-BZWek2TC.cjs}

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

package/dist/{ShareablesScreen-COyR9r9k.mjs → ShareablesScreen-CVByD83o.mjs}

@@ -1,8 +1,9 @@
 import { n as usePortalTenantClient } from "./PortalTenantClientProvider-4ZmY6hac.mjs";
 import { b as fluidToast } from "./src-DYgpfH5O.mjs";
 import { t as useAccount } from "./use-account-B16Tor2Q.mjs";
+import { t as useStore } from "./use-store-BnHhQDYo.mjs";
 import { n as useAppNavigation } from "./AppNavigationContext-BW3lSpfT.mjs";
-import { a as ShareablesApp, c as ShareablesCoreProvider, n as usePortalContentContext, o as useFilePickerApi, r as toggleFavorite, s as ShareablesUIProvider, t as PortalContentApiProvider } from "./PortalContentApiProvider-BPq6U0Pu.mjs";
+import { a as ShareablesApp, c as ShareablesCoreProvider, n as usePortalContentContext, o as useFilePickerApi, r as toggleFavorite, s as ShareablesUIProvider, t as PortalContentApiProvider } from "./PortalContentApiProvider-CmjXGFMQ.mjs";
 import { t as PortalProductsApiProvider } from "./PortalProductsApiProvider-BALswRao.mjs";
 import { t as PORTAL_MYSITE_KEYS } from "./use-mysite-portal-BV-BP3CE.mjs";
 import { useCallback, useMemo } from "react";
@@ -50,18 +51,20 @@ function ShareablesScreenContent() {
 	const { productsApi: portalProductsApi } = shareablesCtx;
 	const filePickerApi = useFilePickerApi();
 	const { data: account } = useAccount();
+	const { data: store } = useStore();
 	const { currentSlug, navigate } = useAppNavigation();
 	const isCustomer = account?.member_type === "customer";
 	const client = usePortalTenantClient();
 	const queryClient = useQueryClient();
-	const fetchProducts = useCallback(async (search, cursor, limit) => {
+	const fetchProducts = useCallback(async (search, cursor, limit, sort) => {
 		if (search) return portalProductsApi.searchProducts(search, {
 			cursor,
 			limit
 		});
 		return portalProductsApi.listProducts({
 			cursor,
-			limit
+			limit,
+			sort
 		});
 	}, [portalProductsApi]);
 	const fetchProduct = useCallback(async (id) => portalProductsApi.getProduct(id), [portalProductsApi]);
@@ -86,7 +89,7 @@ function ShareablesScreenContent() {
 			config: useMemo(() => ({
 				user: account ? {
 					id: account.id,
-					company: null
+					company: { logo_url: store?.logo_url ?? null }
 				} : void 0,
 				affiliateId: null,
 				basePath: "",
@@ -142,6 +145,7 @@ function ShareablesScreenContent() {
 				}
 			}), [
 				account,
+				store,
 				navigate,
 				filePickerApi,
 				isCustomer,
@@ -177,4 +181,4 @@ const shareablesScreenPropertySchema = {
 //#endregion
 export { shareablesScreenPropertySchema as n, ShareablesScreen as t };
 
-//# sourceMappingURL=ShareablesScreen-COyR9r9k.mjs.map
+//# sourceMappingURL=ShareablesScreen-CVByD83o.mjs.map

package/dist/ShareablesScreen-CVByD83o.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ShareablesScreen-CVByD83o.mjs","names":[],"sources":["../src/screens/ShareablesScreen.tsx"],"sourcesContent":["import { useCallback, useMemo, type ComponentProps } from \"react\";\nimport { useQueryClient } from \"@tanstack/react-query\";\nimport { fluidToast } from \"@fluid-app/ui-primitives\";\nimport { PORTAL_MYSITE_KEYS } from \"@fluid-app/mysite-ui/portal/hooks/use-mysite-portal\";\nimport type {\n  BackgroundValue,\n  BorderRadiusOptions,\n  ColorOptions,\n  PaddingOptions,\n} from \"../types\";\nimport type { WidgetPropertySchema } from \"../registries/property-schema-types\";\nimport { ShareablesCoreProvider } from \"@fluid-app/shareables-core\";\nimport { ShareablesUIProvider, ShareablesApp } from \"@fluid-app/shareables-ui\";\nimport { useFilePickerApi } from \"@fluid-app/file-picker-core\";\nimport { useAppNavigation } from \"../shell/AppNavigationContext\";\nimport { useAccount } from \"../hooks/use-account\";\nimport { useStore } from \"../hooks/use-store\";\nimport { PortalProductsApiProvider } from \"../products/PortalProductsApiProvider\";\nimport {\n  PortalContentApiProvider,\n  usePortalContentContext,\n} from \"../content/PortalContentApiProvider\";\nimport { toggleFavorite } from \"../adapters/content-api-adapter\";\nimport { usePortalTenantClient } from \"../providers/PortalTenantClientProvider\";\n\ntype ShareablesScreenProps = ComponentProps<\"div\"> & {\n  background?: BackgroundValue;\n  textColor?: ColorOptions;\n  accentColor?: ColorOptions;\n  padding?: PaddingOptions;\n  borderRadius?: BorderRadiusOptions;\n};\n\n/**\n * Parse the current shareables sub-route from the full slug.\n *\n * System nav slugs are \"share/products\", \"share/media\", \"share/playlists\".\n * Detail pages append an ID: \"share/products/123\", \"share/media/456\".\n *\n *   \"share/products\"        → screen=\"products\", detailId=null\n *   \"share/products/123\"    → screen=\"products\", detailId=\"123\"\n *   \"share/media/456\"       → screen=\"media\",    detailId=\"456\"\n *   \"share/playlists\"       → screen=\"playlists\", detailId=null\n *   \"share/playlists/789\"   → screen=\"playlists\", detailId=\"789\"\n *   \"share/files\"           → screen=\"files\",    detailId=null\n *   \"share\"                 → screen=null (default to products)\n */\nfunction parseShareablesRoute(currentSlug: string): {\n  screen: string | null;\n  detailId: string | null;\n  action: string | null;\n} {\n  // Strip the \"share\" prefix\n  const slugWithoutPrefix = currentSlug.replace(/^share\\/?/, \"\");\n  if (!slugWithoutPrefix) {\n    return { screen: null, detailId: null, action: null };\n  }\n\n  const parts = slugWithoutPrefix.split(\"/\");\n  const screen = parts[0] || null;\n  const detailId = parts[1] || null;\n  const action = parts[2] || null;\n  return { screen, detailId, action };\n}\n\nexport function ShareablesScreen({\n  /* eslint-disable @typescript-eslint/no-unused-vars -- destructured to exclude from divProps spread */\n  background,\n  textColor,\n  accentColor,\n  padding,\n  borderRadius,\n  /* eslint-enable @typescript-eslint/no-unused-vars */\n  ...divProps\n}: ShareablesScreenProps): React.JSX.Element {\n  return (\n    <div {...divProps} className={`h-full ${divProps.className ?? \"\"}`}>\n      <PortalProductsApiProvider>\n        <PortalContentApiProvider>\n          <ShareablesScreenContent />\n        </PortalContentApiProvider>\n      </PortalProductsApiProvider>\n    </div>\n  );\n}\n\n/** Inner component rendered inside providers so hooks can access context. */\nfunction ShareablesScreenContent(): React.JSX.Element {\n  const shareablesCtx = usePortalContentContext();\n  const { productsApi: portalProductsApi } = shareablesCtx;\n  const filePickerApi = useFilePickerApi();\n  const { data: account } = useAccount();\n  const { data: store } = useStore();\n  const { currentSlug, navigate } = useAppNavigation();\n  const isCustomer = account?.member_type === \"customer\";\n  const client = usePortalTenantClient();\n  const queryClient = useQueryClient();\n\n  const fetchProducts = useCallback(\n    async (search: string, cursor?: string, limit?: number, sort?: string) => {\n      if (search) {\n        return portalProductsApi.searchProducts(search, { cursor, limit });\n      }\n      return portalProductsApi.listProducts({ cursor, limit, sort });\n    },\n    [portalProductsApi],\n  );\n\n  const fetchProduct = useCallback(\n    async (id: string | number) => portalProductsApi.getProduct(id),\n    [portalProductsApi],\n  );\n\n  const { screen, detailId, action } = parseShareablesRoute(currentSlug);\n\n  const handleNavigate = useCallback(\n    (subScreen: string, id?: string) => {\n      const path = id ? `share/${subScreen}/${id}` : `share/${subScreen}`;\n      navigate(path);\n    },\n    [navigate],\n  );\n\n  const handleBack = useCallback(() => {\n    if (detailId && screen) {\n      navigate(`share/${screen}`);\n    } else {\n      navigate(\"share/products\");\n    }\n  }, [navigate, detailId, screen]);\n\n  const coreConfig = useMemo(\n    () => ({\n      user: account ? { id: account.id } : null,\n      repContext: true,\n    }),\n    [account],\n  );\n\n  const uiConfig = useMemo(\n    () => ({\n      user: account\n        ? {\n            id: account.id,\n            company: { logo_url: store?.logo_url ?? null },\n          }\n        : undefined,\n      // TODO(portal-tenant): affiliate_id not available from /api/account\n      affiliateId: null,\n      basePath: \"\",\n      navigate: (path: string) => {\n        const cleanPath = path.replace(/^\\//, \"\");\n        const prefixed = cleanPath.startsWith(\"share/\")\n          ? cleanPath\n          : `share/${cleanPath}`;\n        navigate(prefixed);\n      },\n      showToast: (opts: {\n        title: string;\n        type: \"success\" | \"error\" | \"warning\";\n        error?: unknown;\n      }) => {\n        fluidToast({ title: opts.title, type: opts.type });\n        if (opts.error) console.error(\"[Shareables]\", opts.error);\n      },\n      filePickerApi,\n      onToggleFavorite: async (params: {\n        favoriteableId: number;\n        favoriteableType: string;\n      }) => {\n        const result = await toggleFavorite(\n          client,\n          params.favoriteableId,\n          params.favoriteableType,\n        );\n        void queryClient.invalidateQueries({\n          queryKey: PORTAL_MYSITE_KEYS.favorites(),\n        });\n        return result;\n      },\n      onDeletePlaylist: isCustomer\n        ? undefined\n        : async (playlistId: number) => {\n            await shareablesCtx.playlistsAdapter.deletePlaylist(playlistId);\n          },\n      mediaProductsApi: isCustomer\n        ? undefined\n        : shareablesCtx.mediaProductsAdapter,\n      searchProducts: isCustomer\n        ? undefined\n        : async (\n            query: string,\n            options?: { cursor?: string | null; limit?: number },\n          ) => {\n            // Empty query → listProducts so the tag modal opens with\n            // suggestions instead of a blank state. Non-empty → real search.\n            // Both APIs forward cursor/limit so the tag modal can paginate.\n            const limit = options?.limit ?? 25;\n            const cursor = options?.cursor ?? undefined;\n            const result =\n              query.trim().length > 0\n                ? await portalProductsApi.searchProducts(query, {\n                    cursor,\n                    limit,\n                  })\n                : await portalProductsApi.listProducts({ cursor, limit });\n            // Filter out products without an id — mapping an id-less record\n            // to `id: 0` would let a subsequent add/remove tag operation\n            // silently run on id=0 (confusing 404/422 at best, incorrect\n            // mutation at worst).\n            const mapped = (result.products ?? [])\n              .map(\n                (p: {\n                  id?: number;\n                  title?: string;\n                  name?: string;\n                  image_url?: string | null;\n                  price?: string | null;\n                }) =>\n                  p.id != null\n                    ? {\n                        id: p.id,\n                        name: p.name ?? p.title ?? \"Untitled\",\n                        image_url: p.image_url ?? null,\n                        price: p.price ?? null,\n                      }\n                    : null,\n              )\n              .filter((p): p is NonNullable<typeof p> => p !== null);\n            return {\n              products: mapped,\n              nextCursor: result.meta?.pagination?.next_cursor ?? null,\n            };\n          },\n      readOnly: isCustomer,\n      uploadThumbnail: isCustomer\n        ? undefined\n        : async (blob: Blob, filename: string) => {\n            const formData = new FormData();\n            formData.append(\"asset[name]\", filename);\n            formData.append(\"asset[file]\", blob, filename);\n            const response = await client.requestWithFormData<{\n              asset?: { default_variant_url?: string | null };\n            }>(\"/api/content/dam/assets\", formData);\n            const url = response.asset?.default_variant_url;\n            if (!url) {\n              // DAM accepted the upload but didn't return a playable URL.\n              // Throwing here lets the caller (MediaEditScreen catch handler)\n              // surface a toast and keeps the pending thumbnail state clean —\n              // returning \"\" silently would corrupt the save payload with an\n              // empty thumbnail URL.\n              throw new Error(\"Thumbnail upload succeeded but no URL returned\");\n            }\n            return url;\n          },\n    }),\n    [\n      account,\n      store,\n      navigate,\n      filePickerApi,\n      isCustomer,\n      shareablesCtx.playlistsAdapter,\n      shareablesCtx.mediaProductsAdapter,\n      portalProductsApi,\n      client,\n      queryClient,\n    ],\n  );\n\n  return (\n    <ShareablesCoreProvider config={coreConfig}>\n      <ShareablesUIProvider config={uiConfig}>\n        <ShareablesApp\n          screen={screen}\n          detailId={detailId}\n          action={action}\n          companyLogoUrl={undefined}\n          countryCode={undefined}\n          fetchProducts={fetchProducts}\n          fetchProduct={fetchProduct}\n          onNavigate={handleNavigate}\n          onBack={handleBack}\n        />\n      </ShareablesUIProvider>\n    </ShareablesCoreProvider>\n  );\n}\n\nexport const shareablesScreenPropertySchema: WidgetPropertySchema = {\n  widgetType: \"ShareablesScreen\",\n  displayName: \"Shareables Screen\",\n  tabsConfig: [{ id: \"styling\", label: \"Styling\" }],\n  fields: [],\n} as const satisfies WidgetPropertySchema;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AA+CA,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;AAC3C,QACE,oBAAC,OAAD;EAAK,GAAI;EAAU,WAAW,UAAU,SAAS,aAAa;YAC5D,oBAAC,2BAAD,EAAA,UACE,oBAAC,0BAAD,EAAA,UACE,oBAAC,yBAAD,EAA2B,CAAA,EACF,CAAA,EACD,CAAA;EACxB,CAAA;;;AAKV,SAAS,0BAA6C;CACpD,MAAM,gBAAgB,yBAAyB;CAC/C,MAAM,EAAE,aAAa,sBAAsB;CAC3C,MAAM,gBAAgB,kBAAkB;CACxC,MAAM,EAAE,MAAM,YAAY,YAAY;CACtC,MAAM,EAAE,MAAM,UAAU,UAAU;CAClC,MAAM,EAAE,aAAa,aAAa,kBAAkB;CACpD,MAAM,aAAa,SAAS,gBAAgB;CAC5C,MAAM,SAAS,uBAAuB;CACtC,MAAM,cAAc,gBAAgB;CAEpC,MAAM,gBAAgB,YACpB,OAAO,QAAgB,QAAiB,OAAgB,SAAkB;AACxE,MAAI,OACF,QAAO,kBAAkB,eAAe,QAAQ;GAAE;GAAQ;GAAO,CAAC;AAEpE,SAAO,kBAAkB,aAAa;GAAE;GAAQ;GAAO;GAAM,CAAC;IAEhE,CAAC,kBAAkB,CACpB;CAED,MAAM,eAAe,YACnB,OAAO,OAAwB,kBAAkB,WAAW,GAAG,EAC/D,CAAC,kBAAkB,CACpB;CAED,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,OACd,UAAS,SAAS,SAAS;MAE3B,UAAS,iBAAiB;IAE3B;EAAC;EAAU;EAAU;EAAO,CAAC;AA6IhC,QACE,oBAAC,wBAAD;EAAwB,QA5IP,eACV;GACL,MAAM,UAAU,EAAE,IAAI,QAAQ,IAAI,GAAG;GACrC,YAAY;GACb,GACD,CAAC,QAAQ,CACV;YAuIG,oBAAC,sBAAD;GAAsB,QArIT,eACR;IACL,MAAM,UACF;KACE,IAAI,QAAQ;KACZ,SAAS,EAAE,UAAU,OAAO,YAAY,MAAM;KAC/C,GACD,KAAA;IAEJ,aAAa;IACb,UAAU;IACV,WAAW,SAAiB;KAC1B,MAAM,YAAY,KAAK,QAAQ,OAAO,GAAG;AAIzC,cAHiB,UAAU,WAAW,SAAS,GAC3C,YACA,SAAS,YACK;;IAEpB,YAAY,SAIN;AACJ,gBAAW;MAAE,OAAO,KAAK;MAAO,MAAM,KAAK;MAAM,CAAC;AAClD,SAAI,KAAK,MAAO,SAAQ,MAAM,gBAAgB,KAAK,MAAM;;IAE3D;IACA,kBAAkB,OAAO,WAGnB;KACJ,MAAM,SAAS,MAAM,eACnB,QACA,OAAO,gBACP,OAAO,iBACR;AACI,iBAAY,kBAAkB,EACjC,UAAU,mBAAmB,WAAW,EACzC,CAAC;AACF,YAAO;;IAET,kBAAkB,aACd,KAAA,IACA,OAAO,eAAuB;AAC5B,WAAM,cAAc,iBAAiB,eAAe,WAAW;;IAErE,kBAAkB,aACd,KAAA,IACA,cAAc;IAClB,gBAAgB,aACZ,KAAA,IACA,OACE,OACA,YACG;KAIH,MAAM,QAAQ,SAAS,SAAS;KAChC,MAAM,SAAS,SAAS,UAAU,KAAA;KAClC,MAAM,SACJ,MAAM,MAAM,CAAC,SAAS,IAClB,MAAM,kBAAkB,eAAe,OAAO;MAC5C;MACA;MACD,CAAC,GACF,MAAM,kBAAkB,aAAa;MAAE;MAAQ;MAAO,CAAC;AAwB7D,YAAO;MACL,WApBc,OAAO,YAAY,EAAE,EAClC,KACE,MAOC,EAAE,MAAM,OACJ;OACE,IAAI,EAAE;OACN,MAAM,EAAE,QAAQ,EAAE,SAAS;OAC3B,WAAW,EAAE,aAAa;OAC1B,OAAO,EAAE,SAAS;OACnB,GACD,KACP,CACA,QAAQ,MAAkC,MAAM,KAAK;MAGtD,YAAY,OAAO,MAAM,YAAY,eAAe;MACrD;;IAEP,UAAU;IACV,iBAAiB,aACb,KAAA,IACA,OAAO,MAAY,aAAqB;KACtC,MAAM,WAAW,IAAI,UAAU;AAC/B,cAAS,OAAO,eAAe,SAAS;AACxC,cAAS,OAAO,eAAe,MAAM,SAAS;KAI9C,MAAM,OAHW,MAAM,OAAO,oBAE3B,2BAA2B,SAAS,EAClB,OAAO;AAC5B,SAAI,CAAC,IAMH,OAAM,IAAI,MAAM,iDAAiD;AAEnE,YAAO;;IAEd,GACD;IACE;IACA;IACA;IACA;IACA;IACA,cAAc;IACd,cAAc;IACd;IACA;IACA;IACD,CACF;aAKK,oBAAC,eAAD;IACU;IACE;IACF;IACR,gBAAgB,KAAA;IAChB,aAAa,KAAA;IACE;IACD;IACd,YAAY;IACZ,QAAQ;IACR,CAAA;GACmB,CAAA;EACA,CAAA;;AAI7B,MAAa,iCAAuD;CAClE,YAAY;CACZ,aAAa;CACb,YAAY,CAAC;EAAE,IAAI;EAAW,OAAO;EAAW,CAAC;CACjD,QAAQ,EAAE;CACX"}

package/dist/{ShareablesScreen-DCgI9TZU.cjs → ShareablesScreen-DGix4SDY.cjs}

@@ -2,8 +2,9 @@ require("./chunk-9hOWP6kD.cjs");
 const require_PortalTenantClientProvider = require("./PortalTenantClientProvider-CVv-4rQ9.cjs");
 const require_src = require("./src-lQfO0vnM.cjs");
 const require_use_account = require("./use-account-BWdcuCCW.cjs");
+const require_use_store = require("./use-store-DvtLtZ3f.cjs");
 const require_AppNavigationContext = require("./AppNavigationContext-BKszSW5R.cjs");
-const require_PortalContentApiProvider = require("./PortalContentApiProvider-Cho3MNVB.cjs");
+const require_PortalContentApiProvider = require("./PortalContentApiProvider-DMeTMGV6.cjs");
 const require_PortalProductsApiProvider = require("./PortalProductsApiProvider-Duj-EjQj.cjs");
 const require_use_mysite_portal = require("./use-mysite-portal-DzDYRU0u.cjs");
 let react = require("react");
@@ -51,18 +52,20 @@ function ShareablesScreenContent() {
 	const { productsApi: portalProductsApi } = shareablesCtx;
 	const filePickerApi = require_PortalContentApiProvider.useFilePickerApi();
 	const { data: account } = require_use_account.useAccount();
+	const { data: store } = require_use_store.useStore();
 	const { currentSlug, navigate } = require_AppNavigationContext.useAppNavigation();
 	const isCustomer = account?.member_type === "customer";
 	const client = require_PortalTenantClientProvider.usePortalTenantClient();
 	const queryClient = (0, _tanstack_react_query.useQueryClient)();
-	const fetchProducts = (0, react.useCallback)(async (search, cursor, limit) => {
+	const fetchProducts = (0, react.useCallback)(async (search, cursor, limit, sort) => {
 		if (search) return portalProductsApi.searchProducts(search, {
 			cursor,
 			limit
 		});
 		return portalProductsApi.listProducts({
 			cursor,
-			limit
+			limit,
+			sort
 		});
 	}, [portalProductsApi]);
 	const fetchProduct = (0, react.useCallback)(async (id) => portalProductsApi.getProduct(id), [portalProductsApi]);
@@ -87,7 +90,7 @@ function ShareablesScreenContent() {
 			config: (0, react.useMemo)(() => ({
 				user: account ? {
 					id: account.id,
-					company: null
+					company: { logo_url: store?.logo_url ?? null }
 				} : void 0,
 				affiliateId: null,
 				basePath: "",
@@ -143,6 +146,7 @@ function ShareablesScreenContent() {
 				}
 			}), [
 				account,
+				store,
 				navigate,
 				filePickerApi,
 				isCustomer,
@@ -189,4 +193,4 @@ Object.defineProperty(exports, "shareablesScreenPropertySchema", {
 	}
 });
 
-//# sourceMappingURL=ShareablesScreen-DCgI9TZU.cjs.map
+//# sourceMappingURL=ShareablesScreen-DGix4SDY.cjs.map

package/dist/ShareablesScreen-DGix4SDY.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ShareablesScreen-DGix4SDY.cjs","names":["PortalProductsApiProvider","PortalContentApiProvider","usePortalContentContext","useFilePickerApi","useAccount","useStore","useAppNavigation","usePortalTenantClient","ShareablesCoreProvider","ShareablesUIProvider","toggleFavorite","PORTAL_MYSITE_KEYS","ShareablesApp"],"sources":["../src/screens/ShareablesScreen.tsx"],"sourcesContent":["import { useCallback, useMemo, type ComponentProps } from \"react\";\nimport { useQueryClient } from \"@tanstack/react-query\";\nimport { fluidToast } from \"@fluid-app/ui-primitives\";\nimport { PORTAL_MYSITE_KEYS } from \"@fluid-app/mysite-ui/portal/hooks/use-mysite-portal\";\nimport type {\n  BackgroundValue,\n  BorderRadiusOptions,\n  ColorOptions,\n  PaddingOptions,\n} from \"../types\";\nimport type { WidgetPropertySchema } from \"../registries/property-schema-types\";\nimport { ShareablesCoreProvider } from \"@fluid-app/shareables-core\";\nimport { ShareablesUIProvider, ShareablesApp } from \"@fluid-app/shareables-ui\";\nimport { useFilePickerApi } from \"@fluid-app/file-picker-core\";\nimport { useAppNavigation } from \"../shell/AppNavigationContext\";\nimport { useAccount } from \"../hooks/use-account\";\nimport { useStore } from \"../hooks/use-store\";\nimport { PortalProductsApiProvider } from \"../products/PortalProductsApiProvider\";\nimport {\n  PortalContentApiProvider,\n  usePortalContentContext,\n} from \"../content/PortalContentApiProvider\";\nimport { toggleFavorite } from \"../adapters/content-api-adapter\";\nimport { usePortalTenantClient } from \"../providers/PortalTenantClientProvider\";\n\ntype ShareablesScreenProps = ComponentProps<\"div\"> & {\n  background?: BackgroundValue;\n  textColor?: ColorOptions;\n  accentColor?: ColorOptions;\n  padding?: PaddingOptions;\n  borderRadius?: BorderRadiusOptions;\n};\n\n/**\n * Parse the current shareables sub-route from the full slug.\n *\n * System nav slugs are \"share/products\", \"share/media\", \"share/playlists\".\n * Detail pages append an ID: \"share/products/123\", \"share/media/456\".\n *\n *   \"share/products\"        → screen=\"products\", detailId=null\n *   \"share/products/123\"    → screen=\"products\", detailId=\"123\"\n *   \"share/media/456\"       → screen=\"media\",    detailId=\"456\"\n *   \"share/playlists\"       → screen=\"playlists\", detailId=null\n *   \"share/playlists/789\"   → screen=\"playlists\", detailId=\"789\"\n *   \"share/files\"           → screen=\"files\",    detailId=null\n *   \"share\"                 → screen=null (default to products)\n */\nfunction parseShareablesRoute(currentSlug: string): {\n  screen: string | null;\n  detailId: string | null;\n  action: string | null;\n} {\n  // Strip the \"share\" prefix\n  const slugWithoutPrefix = currentSlug.replace(/^share\\/?/, \"\");\n  if (!slugWithoutPrefix) {\n    return { screen: null, detailId: null, action: null };\n  }\n\n  const parts = slugWithoutPrefix.split(\"/\");\n  const screen = parts[0] || null;\n  const detailId = parts[1] || null;\n  const action = parts[2] || null;\n  return { screen, detailId, action };\n}\n\nexport function ShareablesScreen({\n  /* eslint-disable @typescript-eslint/no-unused-vars -- destructured to exclude from divProps spread */\n  background,\n  textColor,\n  accentColor,\n  padding,\n  borderRadius,\n  /* eslint-enable @typescript-eslint/no-unused-vars */\n  ...divProps\n}: ShareablesScreenProps): React.JSX.Element {\n  return (\n    <div {...divProps} className={`h-full ${divProps.className ?? \"\"}`}>\n      <PortalProductsApiProvider>\n        <PortalContentApiProvider>\n          <ShareablesScreenContent />\n        </PortalContentApiProvider>\n      </PortalProductsApiProvider>\n    </div>\n  );\n}\n\n/** Inner component rendered inside providers so hooks can access context. */\nfunction ShareablesScreenContent(): React.JSX.Element {\n  const shareablesCtx = usePortalContentContext();\n  const { productsApi: portalProductsApi } = shareablesCtx;\n  const filePickerApi = useFilePickerApi();\n  const { data: account } = useAccount();\n  const { data: store } = useStore();\n  const { currentSlug, navigate } = useAppNavigation();\n  const isCustomer = account?.member_type === \"customer\";\n  const client = usePortalTenantClient();\n  const queryClient = useQueryClient();\n\n  const fetchProducts = useCallback(\n    async (search: string, cursor?: string, limit?: number, sort?: string) => {\n      if (search) {\n        return portalProductsApi.searchProducts(search, { cursor, limit });\n      }\n      return portalProductsApi.listProducts({ cursor, limit, sort });\n    },\n    [portalProductsApi],\n  );\n\n  const fetchProduct = useCallback(\n    async (id: string | number) => portalProductsApi.getProduct(id),\n    [portalProductsApi],\n  );\n\n  const { screen, detailId, action } = parseShareablesRoute(currentSlug);\n\n  const handleNavigate = useCallback(\n    (subScreen: string, id?: string) => {\n      const path = id ? `share/${subScreen}/${id}` : `share/${subScreen}`;\n      navigate(path);\n    },\n    [navigate],\n  );\n\n  const handleBack = useCallback(() => {\n    if (detailId && screen) {\n      navigate(`share/${screen}`);\n    } else {\n      navigate(\"share/products\");\n    }\n  }, [navigate, detailId, screen]);\n\n  const coreConfig = useMemo(\n    () => ({\n      user: account ? { id: account.id } : null,\n      repContext: true,\n    }),\n    [account],\n  );\n\n  const uiConfig = useMemo(\n    () => ({\n      user: account\n        ? {\n            id: account.id,\n            company: { logo_url: store?.logo_url ?? null },\n          }\n        : undefined,\n      // TODO(portal-tenant): affiliate_id not available from /api/account\n      affiliateId: null,\n      basePath: \"\",\n      navigate: (path: string) => {\n        const cleanPath = path.replace(/^\\//, \"\");\n        const prefixed = cleanPath.startsWith(\"share/\")\n          ? cleanPath\n          : `share/${cleanPath}`;\n        navigate(prefixed);\n      },\n      showToast: (opts: {\n        title: string;\n        type: \"success\" | \"error\" | \"warning\";\n        error?: unknown;\n      }) => {\n        fluidToast({ title: opts.title, type: opts.type });\n        if (opts.error) console.error(\"[Shareables]\", opts.error);\n      },\n      filePickerApi,\n      onToggleFavorite: async (params: {\n        favoriteableId: number;\n        favoriteableType: string;\n      }) => {\n        const result = await toggleFavorite(\n          client,\n          params.favoriteableId,\n          params.favoriteableType,\n        );\n        void queryClient.invalidateQueries({\n          queryKey: PORTAL_MYSITE_KEYS.favorites(),\n        });\n        return result;\n      },\n      onDeletePlaylist: isCustomer\n        ? undefined\n        : async (playlistId: number) => {\n            await shareablesCtx.playlistsAdapter.deletePlaylist(playlistId);\n          },\n      mediaProductsApi: isCustomer\n        ? undefined\n        : shareablesCtx.mediaProductsAdapter,\n      searchProducts: isCustomer\n        ? undefined\n        : async (\n            query: string,\n            options?: { cursor?: string | null; limit?: number },\n          ) => {\n            // Empty query → listProducts so the tag modal opens with\n            // suggestions instead of a blank state. Non-empty → real search.\n            // Both APIs forward cursor/limit so the tag modal can paginate.\n            const limit = options?.limit ?? 25;\n            const cursor = options?.cursor ?? undefined;\n            const result =\n              query.trim().length > 0\n                ? await portalProductsApi.searchProducts(query, {\n                    cursor,\n                    limit,\n                  })\n                : await portalProductsApi.listProducts({ cursor, limit });\n            // Filter out products without an id — mapping an id-less record\n            // to `id: 0` would let a subsequent add/remove tag operation\n            // silently run on id=0 (confusing 404/422 at best, incorrect\n            // mutation at worst).\n            const mapped = (result.products ?? [])\n              .map(\n                (p: {\n                  id?: number;\n                  title?: string;\n                  name?: string;\n                  image_url?: string | null;\n                  price?: string | null;\n                }) =>\n                  p.id != null\n                    ? {\n                        id: p.id,\n                        name: p.name ?? p.title ?? \"Untitled\",\n                        image_url: p.image_url ?? null,\n                        price: p.price ?? null,\n                      }\n                    : null,\n              )\n              .filter((p): p is NonNullable<typeof p> => p !== null);\n            return {\n              products: mapped,\n              nextCursor: result.meta?.pagination?.next_cursor ?? null,\n            };\n          },\n      readOnly: isCustomer,\n      uploadThumbnail: isCustomer\n        ? undefined\n        : async (blob: Blob, filename: string) => {\n            const formData = new FormData();\n            formData.append(\"asset[name]\", filename);\n            formData.append(\"asset[file]\", blob, filename);\n            const response = await client.requestWithFormData<{\n              asset?: { default_variant_url?: string | null };\n            }>(\"/api/content/dam/assets\", formData);\n            const url = response.asset?.default_variant_url;\n            if (!url) {\n              // DAM accepted the upload but didn't return a playable URL.\n              // Throwing here lets the caller (MediaEditScreen catch handler)\n              // surface a toast and keeps the pending thumbnail state clean —\n              // returning \"\" silently would corrupt the save payload with an\n              // empty thumbnail URL.\n              throw new Error(\"Thumbnail upload succeeded but no URL returned\");\n            }\n            return url;\n          },\n    }),\n    [\n      account,\n      store,\n      navigate,\n      filePickerApi,\n      isCustomer,\n      shareablesCtx.playlistsAdapter,\n      shareablesCtx.mediaProductsAdapter,\n      portalProductsApi,\n      client,\n      queryClient,\n    ],\n  );\n\n  return (\n    <ShareablesCoreProvider config={coreConfig}>\n      <ShareablesUIProvider config={uiConfig}>\n        <ShareablesApp\n          screen={screen}\n          detailId={detailId}\n          action={action}\n          companyLogoUrl={undefined}\n          countryCode={undefined}\n          fetchProducts={fetchProducts}\n          fetchProduct={fetchProduct}\n          onNavigate={handleNavigate}\n          onBack={handleBack}\n        />\n      </ShareablesUIProvider>\n    </ShareablesCoreProvider>\n  );\n}\n\nexport const shareablesScreenPropertySchema: WidgetPropertySchema = {\n  widgetType: \"ShareablesScreen\",\n  displayName: \"Shareables Screen\",\n  tabsConfig: [{ id: \"styling\", label: \"Styling\" }],\n  fields: [],\n} as const satisfies WidgetPropertySchema;\n"],"mappings":"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"}

package/dist/{ShareablesScreen-CPR_1tsg.mjs → ShareablesScreen-KEjm-lKr.mjs}

@@ -1,16 +1,15 @@
 import "./es-Ce8_5uFA.mjs";
 import "./account-api-context-BIZ_aibJ.mjs";
+import "./store-api-context-C1lXT_3d.mjs";
 import "./mysite-api-context-bXtZ8Gbm.mjs";
-import "./PortalTenantClientProvider-4ZmY6hac.mjs";
 import "./src-DYgpfH5O.mjs";
 import "./ScreenHeaderContext-FYyYk97y.mjs";
-import "./AppNavigationContext-BW3lSpfT.mjs";
 import "./dist-BETEuYfn.mjs";
 import "./SearchSort-CWye528t.mjs";
 import "./dist-DiBoTZfl.mjs";
-import "./PortalContentApiProvider-BPq6U0Pu.mjs";
+import "./PortalContentApiProvider-CmjXGFMQ.mjs";
 import "./sortable.esm-CJLSD-Ce.mjs";
 import "./PortalProductsApiProvider-BALswRao.mjs";
 import "./use-mysite-portal-BV-BP3CE.mjs";
-import { n as shareablesScreenPropertySchema, t as ShareablesScreen } from "./ShareablesScreen-COyR9r9k.mjs";
+import { n as shareablesScreenPropertySchema, t as ShareablesScreen } from "./ShareablesScreen-CVByD83o.mjs";
 export { ShareablesScreen, shareablesScreenPropertySchema };

package/dist/index.cjs

@@ -57,13 +57,13 @@ require("./src-BukXixXu.cjs");
 require("./dist-DbiSKQz4.cjs");
 const require_OrdersScreen = require("./OrdersScreen-B3r5_FQv.cjs");
 const require_SubscriptionsScreen = require("./SubscriptionsScreen-DwRpH33k.cjs");
-require("./PortalContentApiProvider-Cho3MNVB.cjs");
+require("./PortalContentApiProvider-DMeTMGV6.cjs");
 require("./dist-DWs3-WOI.cjs");
 require("./PortalProductsApiProvider-Duj-EjQj.cjs");
-const require_ProductsScreen = require("./ProductsScreen-DNBwds9n.cjs");
+const require_ProductsScreen = require("./ProductsScreen-Pt4U6VS2.cjs");
 require("./use-mysite-portal-DzDYRU0u.cjs");
 const require_MySiteScreen = require("./MySiteScreen-C-Xae5zP.cjs");
-const require_ShareablesScreen = require("./ShareablesScreen-DCgI9TZU.cjs");
+const require_ShareablesScreen = require("./ShareablesScreen-DGix4SDY.cjs");
 const require_ShopScreen = require("./ShopScreen-Bvp9WUS6.cjs");
 require("./UpgradeScreen-DcYej8G0.cjs");
 require("./AppDownloadScreen-DXkRe6MQ.cjs");
@@ -2142,8 +2142,8 @@ const MessagingScreen$1 = (0, react.lazy)(() => Promise.resolve().then(() => req
 const ContactsScreen$1 = (0, react.lazy)(() => Promise.resolve().then(() => require("./ContactsScreen-CCJYgXjb.cjs")).then((m) => ({ default: m.ContactsScreen })));
 const ShopScreen$1 = (0, react.lazy)(() => Promise.resolve().then(() => require("./ShopScreen-CAKHrNfU.cjs")).then((m) => ({ default: m.ShopScreen })));
 const CustomersScreen$1 = (0, react.lazy)(() => Promise.resolve().then(() => require("./CustomersScreen-DRcCBHkL.cjs")).then((n) => n.CustomersScreen_exports).then((m) => ({ default: m.CustomersScreen })));
-const ProductsScreen$1 = (0, react.lazy)(() => Promise.resolve().then(() => require("./ProductsScreen-CwEKSaBQ.cjs")).then((m) => ({ default: m.ProductsScreen })));
-const ShareablesScreen$1 = (0, react.lazy)(() => Promise.resolve().then(() => require("./ShareablesScreen-DkjlhWOe.cjs")).then((m) => ({ default: m.ShareablesScreen })));
+const ProductsScreen$1 = (0, react.lazy)(() => Promise.resolve().then(() => require("./ProductsScreen-CRO01qDT.cjs")).then((m) => ({ default: m.ProductsScreen })));
+const ShareablesScreen$1 = (0, react.lazy)(() => Promise.resolve().then(() => require("./ShareablesScreen-BZWek2TC.cjs")).then((m) => ({ default: m.ShareablesScreen })));
 const MySiteScreen$1 = (0, react.lazy)(() => Promise.resolve().then(() => require("./MySiteScreen-CDJ6k5PT.cjs")).then((m) => ({ default: m.MySiteScreen })));
 const UpgradeScreen = (0, react.lazy)(() => Promise.resolve().then(() => require("./UpgradeScreen-xMMYYhnT.cjs")).then((m) => ({ default: m.UpgradeScreen })));
 const AppDownloadScreen = (0, react.lazy)(() => Promise.resolve().then(() => require("./AppDownloadScreen-DXkRe6MQ.cjs")).then((n) => n.AppDownloadScreen_exports).then((m) => ({ default: m.AppDownloadScreen })));
@@ -3636,9 +3636,9 @@ const screenPropertySchemas = {
 	OrdersScreen: () => Promise.resolve().then(() => require("./OrdersScreen-BZIHVERv.cjs")).then((m) => m.ordersScreenPropertySchema),
 	SubscriptionsScreen: () => Promise.resolve().then(() => require("./SubscriptionsScreen-B-8OZur8.cjs")).then((m) => m.subscriptionsScreenPropertySchema),
 	CustomersScreen: () => Promise.resolve().then(() => require("./CustomersScreen-DRcCBHkL.cjs")).then((n) => n.CustomersScreen_exports).then((m) => m.customersScreenPropertySchema),
-	ProductsScreen: () => Promise.resolve().then(() => require("./ProductsScreen-CwEKSaBQ.cjs")).then((m) => m.productsScreenPropertySchema),
+	ProductsScreen: () => Promise.resolve().then(() => require("./ProductsScreen-CRO01qDT.cjs")).then((m) => m.productsScreenPropertySchema),
 	MySiteScreen: () => Promise.resolve().then(() => require("./MySiteScreen-CDJ6k5PT.cjs")).then((m) => m.mySiteScreenPropertySchema),
-	ShareablesScreen: () => Promise.resolve().then(() => require("./ShareablesScreen-DkjlhWOe.cjs")).then((m) => m.shareablesScreenPropertySchema),
+	ShareablesScreen: () => Promise.resolve().then(() => require("./ShareablesScreen-BZWek2TC.cjs")).then((m) => m.shareablesScreenPropertySchema),
 	ShopScreen: () => Promise.resolve().then(() => require("./ShopScreen-CAKHrNfU.cjs")).then((m) => m.shopScreenPropertySchema),
 	UpgradeScreen: () => Promise.resolve().then(() => require("./UpgradeScreen-xMMYYhnT.cjs")).then((m) => m.upgradeScreenPropertySchema),
 	AppDownloadScreen: () => Promise.resolve().then(() => require("./AppDownloadScreen-DXkRe6MQ.cjs")).then((n) => n.AppDownloadScreen_exports).then((m) => m.appDownloadScreenPropertySchema)