@fluid-app/portal-sdk 0.1.153 → 0.1.154

package/dist/{ProductsScreen-xKstDLgs.cjs → ProductsScreen-BJ2ZUaPi.cjs}

@@ -1,5 +1,5 @@
 require("./chunk-9hOWP6kD.cjs");
-require("./FluidProvider-BYRso8Tk.cjs");
+require("./FluidProvider-CRMe-Enf.cjs");
 require("./account-api-context-pr_NLnGy.cjs");
 require("./countries-api-context-EEnpUpp2.cjs");
 require("./PointsWidget-CB6NK-j4.cjs");
@@ -40,8 +40,8 @@ require("./dist-DBTvrTYG.cjs");
 require("./es-D2KjfxgY.cjs");
 require("./SearchSort-CZvjMXhS.cjs");
 require("./dist-Dh18LTcb.cjs");
-require("./use-portal-shareables-api-Cr_bve2i.cjs");
+require("./use-portal-shareables-api-BpQpcPcx.cjs");
 require("./dist-Mf7Sx86H.cjs");
-const require_ProductsScreen = require("./ProductsScreen-CTGeFoGz.cjs");
+const require_ProductsScreen = require("./ProductsScreen-CfcVBUZ8.cjs");
 exports.ProductsScreen = require_ProductsScreen.ProductsScreen;
 exports.productsScreenPropertySchema = require_ProductsScreen.productsScreenPropertySchema;

package/dist/{ProductsScreen-CTGeFoGz.cjs → ProductsScreen-CfcVBUZ8.cjs}

@@ -1,7 +1,7 @@
 require("./chunk-9hOWP6kD.cjs");
 const require_use_account = require("./use-account-D_23WtBc.cjs");
 const require_AppNavigationContext = require("./AppNavigationContext-r22AeKGk.cjs");
-const require_use_portal_shareables_api = require("./use-portal-shareables-api-Cr_bve2i.cjs");
+const require_use_portal_shareables_api = require("./use-portal-shareables-api-BpQpcPcx.cjs");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/screens/ProductsScreen.tsx
@@ -99,4 +99,4 @@ Object.defineProperty(exports, "productsScreenPropertySchema", {
 	}
 });
 
-//# sourceMappingURL=ProductsScreen-CTGeFoGz.cjs.map
+//# sourceMappingURL=ProductsScreen-CfcVBUZ8.cjs.map

package/dist/{ProductsScreen-CTGeFoGz.cjs.map → ProductsScreen-CfcVBUZ8.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"ProductsScreen-CTGeFoGz.cjs","names":["useSdkClient","usePortalShareablesApi","useAccount","useAppNavigation","ShareablesCoreProvider","ShareablesApiProvider","ShareablesUIProvider","ProductsApp"],"sources":["../src/screens/ProductsScreen.tsx"],"sourcesContent":["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} 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 { useSdkClient } from \"../account/use-account-clients\";\nimport { usePortalShareablesApi } from \"../shareables/use-portal-shareables-api\";\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  const domainClient = useSdkClient();\n  const shareablesApi = usePortalShareablesApi();\n  const { productsApi: portalProductsApi } = shareablesApi;\n  const { data: account } = useAccount();\n  const { currentSlug, navigate } = useAppNavigation();\n\n  const fetchProducts = useCallback(\n    async (search: string, cursor?: string, limit?: number) => {\n      if (search) {\n        return portalProductsApi.searchProducts(search, { cursor, limit });\n      }\n      return portalProductsApi.listProducts({ cursor, limit });\n    },\n    [portalProductsApi],\n  );\n\n  const fetchProduct = useCallback(\n    async (id: string | number) => portalProductsApi.getProduct(id),\n    [portalProductsApi],\n  );\n\n  // 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      client: domainClient,\n      user: account ? { id: account.id } : null,\n      repContext: true,\n    }),\n    [domainClient, account],\n  );\n\n  const uiConfig = useMemo(\n    () => ({\n      user: account\n        ? {\n            id: account.id,\n            company: null, // TODO(portal-tenant): company branding not available from /api/account\n          }\n        : undefined,\n      basePath: \"\",\n      navigate: (path: string) => {\n        navigate(path);\n      },\n      showToast: (opts: {\n        title: string;\n        type: \"success\" | \"error\" | \"warning\";\n      }) => {\n        console.log(`[Products] ${opts.type}: ${opts.title}`);\n      },\n    }),\n    [account, navigate],\n  );\n\n  return (\n    <div {...divProps} className={`h-full ${divProps.className ?? \"\"}`}>\n      <ShareablesCoreProvider config={coreConfig}>\n        <ShareablesApiProvider\n          media={shareablesApi.media}\n          playlists={shareablesApi.playlists}\n          fileResources={shareablesApi.fileResources}\n          share={shareablesApi.share}\n          productMedia={shareablesApi.productMedia}\n        >\n          <ShareablesUIProvider config={uiConfig}>\n            <ProductsApp\n              countryCode={undefined}\n              companyLogoUrl={undefined}\n              fetchProducts={fetchProducts}\n              fetchProduct={fetchProduct}\n              productId={productId}\n              onSelectProduct={handleSelectProduct}\n              onBack={handleBack}\n            />\n          </ShareablesUIProvider>\n        </ShareablesApiProvider>\n      </ShareablesCoreProvider>\n    </div>\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":";;;;;;;AA0BA,SAAgB,eAAe,EAE7B,YACA,WACA,aACA,SACA,cAEA,GAAG,YACsC;CACzC,MAAM,eAAeA,kCAAAA,cAAc;CACnC,MAAM,gBAAgBC,kCAAAA,wBAAwB;CAC9C,MAAM,EAAE,aAAa,sBAAsB;CAC3C,MAAM,EAAE,MAAM,YAAYC,oBAAAA,YAAY;CACtC,MAAM,EAAE,aAAa,aAAaC,6BAAAA,kBAAkB;CAEpD,MAAM,iBAAA,GAAA,MAAA,aACJ,OAAO,QAAgB,QAAiB,UAAmB;AACzD,MAAI,OACF,QAAO,kBAAkB,eAAe,QAAQ;GAAE;GAAQ;GAAO,CAAC;AAEpE,SAAO,kBAAkB,aAAa;GAAE;GAAQ;GAAO,CAAC;IAE1D,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;CAEd,MAAM,cAAA,GAAA,MAAA,gBACG;EACL,QAAQ;EACR,MAAM,UAAU,EAAE,IAAI,QAAQ,IAAI,GAAG;EACrC,YAAY;EACb,GACD,CAAC,cAAc,QAAQ,CACxB;CAED,MAAM,YAAA,GAAA,MAAA,gBACG;EACL,MAAM,UACF;GACE,IAAI,QAAQ;GACZ,SAAS;GACV,GACD,KAAA;EACJ,UAAU;EACV,WAAW,SAAiB;AAC1B,YAAS,KAAK;;EAEhB,YAAY,SAGN;AACJ,WAAQ,IAAI,cAAc,KAAK,KAAK,IAAI,KAAK,QAAQ;;EAExD,GACD,CAAC,SAAS,SAAS,CACpB;AAED,QACE,iBAAA,GAAA,kBAAA,KAAC,OAAD;EAAK,GAAI;EAAU,WAAW,UAAU,SAAS,aAAa;YAC5D,iBAAA,GAAA,kBAAA,KAACC,kCAAAA,wBAAD;GAAwB,QAAQ;aAC9B,iBAAA,GAAA,kBAAA,KAACC,kCAAAA,uBAAD;IACE,OAAO,cAAc;IACrB,WAAW,cAAc;IACzB,eAAe,cAAc;IAC7B,OAAO,cAAc;IACrB,cAAc,cAAc;cAE5B,iBAAA,GAAA,kBAAA,KAACC,kCAAAA,sBAAD;KAAsB,QAAQ;eAC5B,iBAAA,GAAA,kBAAA,KAACC,kCAAAA,aAAD;MACE,aAAa,KAAA;MACb,gBAAgB,KAAA;MACD;MACD;MACH;MACX,iBAAiB;MACjB,QAAQ;MACR,CAAA;KACmB,CAAA;IACD,CAAA;GACD,CAAA;EACrB,CAAA;;AAIV,MAAa,+BAAqD;CAChE,YAAY;CACZ,aAAa;CACb,YAAY,CAAC;EAAE,IAAI;EAAW,OAAO;EAAW,CAAC;CACjD,QAAQ,EAAE;CACX"}
+{"version":3,"file":"ProductsScreen-CfcVBUZ8.cjs","names":["useSdkClient","usePortalShareablesApi","useAccount","useAppNavigation","ShareablesCoreProvider","ShareablesApiProvider","ShareablesUIProvider","ProductsApp"],"sources":["../src/screens/ProductsScreen.tsx"],"sourcesContent":["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} 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 { useSdkClient } from \"../account/use-account-clients\";\nimport { usePortalShareablesApi } from \"../shareables/use-portal-shareables-api\";\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  const domainClient = useSdkClient();\n  const shareablesApi = usePortalShareablesApi();\n  const { productsApi: portalProductsApi } = shareablesApi;\n  const { data: account } = useAccount();\n  const { currentSlug, navigate } = useAppNavigation();\n\n  const fetchProducts = useCallback(\n    async (search: string, cursor?: string, limit?: number) => {\n      if (search) {\n        return portalProductsApi.searchProducts(search, { cursor, limit });\n      }\n      return portalProductsApi.listProducts({ cursor, limit });\n    },\n    [portalProductsApi],\n  );\n\n  const fetchProduct = useCallback(\n    async (id: string | number) => portalProductsApi.getProduct(id),\n    [portalProductsApi],\n  );\n\n  // 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      client: domainClient,\n      user: account ? { id: account.id } : null,\n      repContext: true,\n    }),\n    [domainClient, account],\n  );\n\n  const uiConfig = useMemo(\n    () => ({\n      user: account\n        ? {\n            id: account.id,\n            company: null, // TODO(portal-tenant): company branding not available from /api/account\n          }\n        : undefined,\n      basePath: \"\",\n      navigate: (path: string) => {\n        navigate(path);\n      },\n      showToast: (opts: {\n        title: string;\n        type: \"success\" | \"error\" | \"warning\";\n      }) => {\n        console.log(`[Products] ${opts.type}: ${opts.title}`);\n      },\n    }),\n    [account, navigate],\n  );\n\n  return (\n    <div {...divProps} className={`h-full ${divProps.className ?? \"\"}`}>\n      <ShareablesCoreProvider config={coreConfig}>\n        <ShareablesApiProvider\n          media={shareablesApi.media}\n          playlists={shareablesApi.playlists}\n          fileResources={shareablesApi.fileResources}\n          share={shareablesApi.share}\n          productMedia={shareablesApi.productMedia}\n        >\n          <ShareablesUIProvider config={uiConfig}>\n            <ProductsApp\n              countryCode={undefined}\n              companyLogoUrl={undefined}\n              fetchProducts={fetchProducts}\n              fetchProduct={fetchProduct}\n              productId={productId}\n              onSelectProduct={handleSelectProduct}\n              onBack={handleBack}\n            />\n          </ShareablesUIProvider>\n        </ShareablesApiProvider>\n      </ShareablesCoreProvider>\n    </div>\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":";;;;;;;AA0BA,SAAgB,eAAe,EAE7B,YACA,WACA,aACA,SACA,cAEA,GAAG,YACsC;CACzC,MAAM,eAAeA,kCAAAA,cAAc;CACnC,MAAM,gBAAgBC,kCAAAA,wBAAwB;CAC9C,MAAM,EAAE,aAAa,sBAAsB;CAC3C,MAAM,EAAE,MAAM,YAAYC,oBAAAA,YAAY;CACtC,MAAM,EAAE,aAAa,aAAaC,6BAAAA,kBAAkB;CAEpD,MAAM,iBAAA,GAAA,MAAA,aACJ,OAAO,QAAgB,QAAiB,UAAmB;AACzD,MAAI,OACF,QAAO,kBAAkB,eAAe,QAAQ;GAAE;GAAQ;GAAO,CAAC;AAEpE,SAAO,kBAAkB,aAAa;GAAE;GAAQ;GAAO,CAAC;IAE1D,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;CAEd,MAAM,cAAA,GAAA,MAAA,gBACG;EACL,QAAQ;EACR,MAAM,UAAU,EAAE,IAAI,QAAQ,IAAI,GAAG;EACrC,YAAY;EACb,GACD,CAAC,cAAc,QAAQ,CACxB;CAED,MAAM,YAAA,GAAA,MAAA,gBACG;EACL,MAAM,UACF;GACE,IAAI,QAAQ;GACZ,SAAS;GACV,GACD,KAAA;EACJ,UAAU;EACV,WAAW,SAAiB;AAC1B,YAAS,KAAK;;EAEhB,YAAY,SAGN;AACJ,WAAQ,IAAI,cAAc,KAAK,KAAK,IAAI,KAAK,QAAQ;;EAExD,GACD,CAAC,SAAS,SAAS,CACpB;AAED,QACE,iBAAA,GAAA,kBAAA,KAAC,OAAD;EAAK,GAAI;EAAU,WAAW,UAAU,SAAS,aAAa;YAC5D,iBAAA,GAAA,kBAAA,KAACC,kCAAAA,wBAAD;GAAwB,QAAQ;aAC9B,iBAAA,GAAA,kBAAA,KAACC,kCAAAA,uBAAD;IACE,OAAO,cAAc;IACrB,WAAW,cAAc;IACzB,eAAe,cAAc;IAC7B,OAAO,cAAc;IACrB,cAAc,cAAc;cAE5B,iBAAA,GAAA,kBAAA,KAACC,kCAAAA,sBAAD;KAAsB,QAAQ;eAC5B,iBAAA,GAAA,kBAAA,KAACC,kCAAAA,aAAD;MACE,aAAa,KAAA;MACb,gBAAgB,KAAA;MACD;MACD;MACH;MACX,iBAAiB;MACjB,QAAQ;MACR,CAAA;KACmB,CAAA;IACD,CAAA;GACD,CAAA;EACrB,CAAA;;AAIV,MAAa,+BAAqD;CAChE,YAAY;CACZ,aAAa;CACb,YAAY,CAAC;EAAE,IAAI;EAAW,OAAO;EAAW,CAAC;CACjD,QAAQ,EAAE;CACX"}

package/dist/{ProductsScreen-B2VxoaL-.mjs → ProductsScreen-Dcnp0MG-.mjs}

@@ -1,5 +1,5 @@
 import "./es-Bstiidl5.mjs";
-import "./FluidProvider-BQBX3iae.mjs";
+import "./FluidProvider-DpET43hN.mjs";
 import "./account-api-context-R4VVlZdv.mjs";
 import "./countries-api-context-esV7AdsB.mjs";
 import "./PointsWidget-BM4Qg4XT.mjs";
@@ -39,7 +39,7 @@ import "./ScreenHeaderContext-DjSO5A8k.mjs";
 import "./dist-C5_jRw34.mjs";
 import "./SearchSort-BSUeC9WT.mjs";
 import "./dist-Cl8j9OpJ.mjs";
-import "./use-portal-shareables-api-DTk0758D.mjs";
+import "./use-portal-shareables-api-kcUnux8J.mjs";
 import "./sortable.esm-CzzU6kIR.mjs";
-import { n as productsScreenPropertySchema, t as ProductsScreen } from "./ProductsScreen-DfUMO1ci.mjs";
+import { n as productsScreenPropertySchema, t as ProductsScreen } from "./ProductsScreen-H-8HShV5.mjs";
 export { ProductsScreen, productsScreenPropertySchema };

package/dist/{ProductsScreen-DfUMO1ci.mjs → ProductsScreen-H-8HShV5.mjs}

@@ -1,6 +1,6 @@
 import { t as useAccount } from "./use-account-C8jzbwMS.mjs";
 import { n as useAppNavigation } from "./AppNavigationContext-DTdo1dEH.mjs";
-import { c as ProductsApp, d as ShareablesApiProvider, f as ShareablesCoreProvider, s as useSdkClient, t as usePortalShareablesApi, u as ShareablesUIProvider } from "./use-portal-shareables-api-DTk0758D.mjs";
+import { c as ProductsApp, d as ShareablesApiProvider, f as ShareablesCoreProvider, s as useSdkClient, t as usePortalShareablesApi, u as ShareablesUIProvider } from "./use-portal-shareables-api-kcUnux8J.mjs";
 import { useCallback, useMemo } from "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/screens/ProductsScreen.tsx
@@ -87,4 +87,4 @@ const productsScreenPropertySchema = {
 //#endregion
 export { productsScreenPropertySchema as n, ProductsScreen as t };
 
-//# sourceMappingURL=ProductsScreen-DfUMO1ci.mjs.map
+//# sourceMappingURL=ProductsScreen-H-8HShV5.mjs.map

package/dist/{ProductsScreen-DfUMO1ci.mjs.map → ProductsScreen-H-8HShV5.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"ProductsScreen-DfUMO1ci.mjs","names":[],"sources":["../src/screens/ProductsScreen.tsx"],"sourcesContent":["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} 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 { useSdkClient } from \"../account/use-account-clients\";\nimport { usePortalShareablesApi } from \"../shareables/use-portal-shareables-api\";\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  const domainClient = useSdkClient();\n  const shareablesApi = usePortalShareablesApi();\n  const { productsApi: portalProductsApi } = shareablesApi;\n  const { data: account } = useAccount();\n  const { currentSlug, navigate } = useAppNavigation();\n\n  const fetchProducts = useCallback(\n    async (search: string, cursor?: string, limit?: number) => {\n      if (search) {\n        return portalProductsApi.searchProducts(search, { cursor, limit });\n      }\n      return portalProductsApi.listProducts({ cursor, limit });\n    },\n    [portalProductsApi],\n  );\n\n  const fetchProduct = useCallback(\n    async (id: string | number) => portalProductsApi.getProduct(id),\n    [portalProductsApi],\n  );\n\n  // 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      client: domainClient,\n      user: account ? { id: account.id } : null,\n      repContext: true,\n    }),\n    [domainClient, account],\n  );\n\n  const uiConfig = useMemo(\n    () => ({\n      user: account\n        ? {\n            id: account.id,\n            company: null, // TODO(portal-tenant): company branding not available from /api/account\n          }\n        : undefined,\n      basePath: \"\",\n      navigate: (path: string) => {\n        navigate(path);\n      },\n      showToast: (opts: {\n        title: string;\n        type: \"success\" | \"error\" | \"warning\";\n      }) => {\n        console.log(`[Products] ${opts.type}: ${opts.title}`);\n      },\n    }),\n    [account, navigate],\n  );\n\n  return (\n    <div {...divProps} className={`h-full ${divProps.className ?? \"\"}`}>\n      <ShareablesCoreProvider config={coreConfig}>\n        <ShareablesApiProvider\n          media={shareablesApi.media}\n          playlists={shareablesApi.playlists}\n          fileResources={shareablesApi.fileResources}\n          share={shareablesApi.share}\n          productMedia={shareablesApi.productMedia}\n        >\n          <ShareablesUIProvider config={uiConfig}>\n            <ProductsApp\n              countryCode={undefined}\n              companyLogoUrl={undefined}\n              fetchProducts={fetchProducts}\n              fetchProduct={fetchProduct}\n              productId={productId}\n              onSelectProduct={handleSelectProduct}\n              onBack={handleBack}\n            />\n          </ShareablesUIProvider>\n        </ShareablesApiProvider>\n      </ShareablesCoreProvider>\n    </div>\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":";;;;;;AA0BA,SAAgB,eAAe,EAE7B,YACA,WACA,aACA,SACA,cAEA,GAAG,YACsC;CACzC,MAAM,eAAe,cAAc;CACnC,MAAM,gBAAgB,wBAAwB;CAC9C,MAAM,EAAE,aAAa,sBAAsB;CAC3C,MAAM,EAAE,MAAM,YAAY,YAAY;CACtC,MAAM,EAAE,aAAa,aAAa,kBAAkB;CAEpD,MAAM,gBAAgB,YACpB,OAAO,QAAgB,QAAiB,UAAmB;AACzD,MAAI,OACF,QAAO,kBAAkB,eAAe,QAAQ;GAAE;GAAQ;GAAO,CAAC;AAEpE,SAAO,kBAAkB,aAAa;GAAE;GAAQ;GAAO,CAAC;IAE1D,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;CAEd,MAAM,aAAa,eACV;EACL,QAAQ;EACR,MAAM,UAAU,EAAE,IAAI,QAAQ,IAAI,GAAG;EACrC,YAAY;EACb,GACD,CAAC,cAAc,QAAQ,CACxB;CAED,MAAM,WAAW,eACR;EACL,MAAM,UACF;GACE,IAAI,QAAQ;GACZ,SAAS;GACV,GACD,KAAA;EACJ,UAAU;EACV,WAAW,SAAiB;AAC1B,YAAS,KAAK;;EAEhB,YAAY,SAGN;AACJ,WAAQ,IAAI,cAAc,KAAK,KAAK,IAAI,KAAK,QAAQ;;EAExD,GACD,CAAC,SAAS,SAAS,CACpB;AAED,QACE,oBAAC,OAAD;EAAK,GAAI;EAAU,WAAW,UAAU,SAAS,aAAa;YAC5D,oBAAC,wBAAD;GAAwB,QAAQ;aAC9B,oBAAC,uBAAD;IACE,OAAO,cAAc;IACrB,WAAW,cAAc;IACzB,eAAe,cAAc;IAC7B,OAAO,cAAc;IACrB,cAAc,cAAc;cAE5B,oBAAC,sBAAD;KAAsB,QAAQ;eAC5B,oBAAC,aAAD;MACE,aAAa,KAAA;MACb,gBAAgB,KAAA;MACD;MACD;MACH;MACX,iBAAiB;MACjB,QAAQ;MACR,CAAA;KACmB,CAAA;IACD,CAAA;GACD,CAAA;EACrB,CAAA;;AAIV,MAAa,+BAAqD;CAChE,YAAY;CACZ,aAAa;CACb,YAAY,CAAC;EAAE,IAAI;EAAW,OAAO;EAAW,CAAC;CACjD,QAAQ,EAAE;CACX"}
+{"version":3,"file":"ProductsScreen-H-8HShV5.mjs","names":[],"sources":["../src/screens/ProductsScreen.tsx"],"sourcesContent":["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} 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 { useSdkClient } from \"../account/use-account-clients\";\nimport { usePortalShareablesApi } from \"../shareables/use-portal-shareables-api\";\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  const domainClient = useSdkClient();\n  const shareablesApi = usePortalShareablesApi();\n  const { productsApi: portalProductsApi } = shareablesApi;\n  const { data: account } = useAccount();\n  const { currentSlug, navigate } = useAppNavigation();\n\n  const fetchProducts = useCallback(\n    async (search: string, cursor?: string, limit?: number) => {\n      if (search) {\n        return portalProductsApi.searchProducts(search, { cursor, limit });\n      }\n      return portalProductsApi.listProducts({ cursor, limit });\n    },\n    [portalProductsApi],\n  );\n\n  const fetchProduct = useCallback(\n    async (id: string | number) => portalProductsApi.getProduct(id),\n    [portalProductsApi],\n  );\n\n  // 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      client: domainClient,\n      user: account ? { id: account.id } : null,\n      repContext: true,\n    }),\n    [domainClient, account],\n  );\n\n  const uiConfig = useMemo(\n    () => ({\n      user: account\n        ? {\n            id: account.id,\n            company: null, // TODO(portal-tenant): company branding not available from /api/account\n          }\n        : undefined,\n      basePath: \"\",\n      navigate: (path: string) => {\n        navigate(path);\n      },\n      showToast: (opts: {\n        title: string;\n        type: \"success\" | \"error\" | \"warning\";\n      }) => {\n        console.log(`[Products] ${opts.type}: ${opts.title}`);\n      },\n    }),\n    [account, navigate],\n  );\n\n  return (\n    <div {...divProps} className={`h-full ${divProps.className ?? \"\"}`}>\n      <ShareablesCoreProvider config={coreConfig}>\n        <ShareablesApiProvider\n          media={shareablesApi.media}\n          playlists={shareablesApi.playlists}\n          fileResources={shareablesApi.fileResources}\n          share={shareablesApi.share}\n          productMedia={shareablesApi.productMedia}\n        >\n          <ShareablesUIProvider config={uiConfig}>\n            <ProductsApp\n              countryCode={undefined}\n              companyLogoUrl={undefined}\n              fetchProducts={fetchProducts}\n              fetchProduct={fetchProduct}\n              productId={productId}\n              onSelectProduct={handleSelectProduct}\n              onBack={handleBack}\n            />\n          </ShareablesUIProvider>\n        </ShareablesApiProvider>\n      </ShareablesCoreProvider>\n    </div>\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":";;;;;;AA0BA,SAAgB,eAAe,EAE7B,YACA,WACA,aACA,SACA,cAEA,GAAG,YACsC;CACzC,MAAM,eAAe,cAAc;CACnC,MAAM,gBAAgB,wBAAwB;CAC9C,MAAM,EAAE,aAAa,sBAAsB;CAC3C,MAAM,EAAE,MAAM,YAAY,YAAY;CACtC,MAAM,EAAE,aAAa,aAAa,kBAAkB;CAEpD,MAAM,gBAAgB,YACpB,OAAO,QAAgB,QAAiB,UAAmB;AACzD,MAAI,OACF,QAAO,kBAAkB,eAAe,QAAQ;GAAE;GAAQ;GAAO,CAAC;AAEpE,SAAO,kBAAkB,aAAa;GAAE;GAAQ;GAAO,CAAC;IAE1D,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;CAEd,MAAM,aAAa,eACV;EACL,QAAQ;EACR,MAAM,UAAU,EAAE,IAAI,QAAQ,IAAI,GAAG;EACrC,YAAY;EACb,GACD,CAAC,cAAc,QAAQ,CACxB;CAED,MAAM,WAAW,eACR;EACL,MAAM,UACF;GACE,IAAI,QAAQ;GACZ,SAAS;GACV,GACD,KAAA;EACJ,UAAU;EACV,WAAW,SAAiB;AAC1B,YAAS,KAAK;;EAEhB,YAAY,SAGN;AACJ,WAAQ,IAAI,cAAc,KAAK,KAAK,IAAI,KAAK,QAAQ;;EAExD,GACD,CAAC,SAAS,SAAS,CACpB;AAED,QACE,oBAAC,OAAD;EAAK,GAAI;EAAU,WAAW,UAAU,SAAS,aAAa;YAC5D,oBAAC,wBAAD;GAAwB,QAAQ;aAC9B,oBAAC,uBAAD;IACE,OAAO,cAAc;IACrB,WAAW,cAAc;IACzB,eAAe,cAAc;IAC7B,OAAO,cAAc;IACrB,cAAc,cAAc;cAE5B,oBAAC,sBAAD;KAAsB,QAAQ;eAC5B,oBAAC,aAAD;MACE,aAAa,KAAA;MACb,gBAAgB,KAAA;MACD;MACD;MACH;MACX,iBAAiB;MACjB,QAAQ;MACR,CAAA;KACmB,CAAA;IACD,CAAA;GACD,CAAA;EACrB,CAAA;;AAIV,MAAa,+BAAqD;CAChE,YAAY;CACZ,aAAa;CACb,YAAY,CAAC;EAAE,IAAI;EAAW,OAAO;EAAW,CAAC;CACjD,QAAQ,EAAE;CACX"}

package/dist/{ProfileScreen-8DOH9wDg.cjs → ProfileScreen-BRPBvvI7.cjs}

@@ -1,5 +1,5 @@
 require("./chunk-9hOWP6kD.cjs");
-require("./FluidProvider-BYRso8Tk.cjs");
+require("./FluidProvider-CRMe-Enf.cjs");
 require("./account-api-context-pr_NLnGy.cjs");
 require("./countries-api-context-EEnpUpp2.cjs");
 require("./PointsWidget-CB6NK-j4.cjs");
@@ -36,6 +36,6 @@ require("./TableWidget-BGRC9zD-.cjs");
 require("./ToDoWidget-DFoPleS_.cjs");
 require("./VideoWidget-D2yvdDrT.cjs");
 require("./ScreenHeaderContext-DRIKmM2G.cjs");
-const require_ProfileScreen = require("./ProfileScreen-Ds4OpUkH.cjs");
+const require_ProfileScreen = require("./ProfileScreen-D4OJk9F0.cjs");
 exports.ProfileScreen = require_ProfileScreen.ProfileScreen;
 exports.profileScreenPropertySchema = require_ProfileScreen.profileScreenPropertySchema;

package/dist/{ProfileScreen-DtWrW4RA.mjs → ProfileScreen-CaNQYd_F.mjs}

@@ -1,5 +1,5 @@
 import { r as __exportAll } from "./es-Bstiidl5.mjs";
-import { J as useLanguagesApi, Y as usePayApi, n as useFluidContext } from "./FluidProvider-BQBX3iae.mjs";
+import { J as useLanguagesApi, Y as usePayApi, n as useFluidContext } from "./FluidProvider-DpET43hN.mjs";
 import { n as useAccountApi } from "./account-api-context-R4VVlZdv.mjs";
 import { n as useCountriesApi } from "./countries-api-context-esV7AdsB.mjs";
 import { t as parseApiErrors } from "./parse-api-errors-DLWVAkAd.mjs";
@@ -2807,4 +2807,4 @@ const profileScreenPropertySchema = {
 //#endregion
 export { ProfileScreen_exports as n, profileScreenPropertySchema as r, ProfileScreen as t };
 
-//# sourceMappingURL=ProfileScreen-DtWrW4RA.mjs.map
+//# sourceMappingURL=ProfileScreen-CaNQYd_F.mjs.map