@fluid-app/portal-sdk 0.1.207 → 0.1.209

package/dist/{ProductsScreen-BZG_hkqN.cjs → ProductsScreen-62Tzsdap.cjs}

@@ -3,7 +3,7 @@ const require_src = require("./src-D57IFKXU.cjs");
 const require_use_account = require("./use-account-C5QI6NSe.cjs");
 const require_use_store = require("./use-store-BLcehk1A.cjs");
 const require_AppNavigationContext = require("./AppNavigationContext-CbK8uCjS.cjs");
-const require_PortalContentApiProvider = require("./PortalContentApiProvider-C5WzWC3k.cjs");
+const require_PortalContentApiProvider = require("./PortalContentApiProvider-Cec9tth6.cjs");
 const require_PortalProductsApiProvider = require("./PortalProductsApiProvider-Ca1oeTtJ.cjs");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
@@ -100,4 +100,4 @@ Object.defineProperty(exports, "productsScreenPropertySchema", {
 	}
 });
 
-//# sourceMappingURL=ProductsScreen-BZG_hkqN.cjs.map
+//# sourceMappingURL=ProductsScreen-62Tzsdap.cjs.map

package/dist/{ProductsScreen-BZG_hkqN.cjs.map → ProductsScreen-62Tzsdap.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"ProductsScreen-BZG_hkqN.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"}
+{"version":3,"file":"ProductsScreen-62Tzsdap.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/{ProductsScreen-DNXJ6Pml.mjs → ProductsScreen-CRSHQoVn.mjs}

@@ -2,7 +2,7 @@ import { b as fluidToast } from "./src-BEx23d86.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-CAa1jYwz.mjs";
+import { c as ShareablesCoreProvider, i as ProductsApp, n as usePortalContentContext, s as ShareablesUIProvider, t as PortalContentApiProvider } from "./PortalContentApiProvider-B-miOfQl.mjs";
 import { t as PortalProductsApiProvider } from "./PortalProductsApiProvider-DHni3Y1V.mjs";
 import { useCallback, useMemo } from "react";
 import { jsx } from "react/jsx-runtime";
@@ -88,4 +88,4 @@ const productsScreenPropertySchema = {
 //#endregion
 export { productsScreenPropertySchema as n, ProductsScreen as t };
 
-//# sourceMappingURL=ProductsScreen-DNXJ6Pml.mjs.map
+//# sourceMappingURL=ProductsScreen-CRSHQoVn.mjs.map

package/dist/{ProductsScreen-DNXJ6Pml.mjs.map → ProductsScreen-CRSHQoVn.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"ProductsScreen-DNXJ6Pml.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"}
+{"version":3,"file":"ProductsScreen-CRSHQoVn.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-dbTX6T_M.mjs → ProductsScreen-CRV1_NVf.mjs}

@@ -6,8 +6,8 @@ import "./ScreenHeaderContext-FYyYk97y.mjs";
 import "./dist-BETEuYfn.mjs";
 import "./SearchSort-TmuNOCwA.mjs";
 import "./dist-DBPpJ567.mjs";
-import "./PortalContentApiProvider-CAa1jYwz.mjs";
+import "./PortalContentApiProvider-B-miOfQl.mjs";
 import "./sortable.esm-DFTEWOHN.mjs";
 import "./PortalProductsApiProvider-DHni3Y1V.mjs";
-import { n as productsScreenPropertySchema, t as ProductsScreen } from "./ProductsScreen-DNXJ6Pml.mjs";
+import { n as productsScreenPropertySchema, t as ProductsScreen } from "./ProductsScreen-CRSHQoVn.mjs";
 export { ProductsScreen, productsScreenPropertySchema };

package/dist/{ProductsScreen-DfKQAJ8t.cjs → ProductsScreen-D1pyistU.cjs}

@@ -7,9 +7,9 @@ require("./dist-CGuUUVNt.cjs");
 require("./es-DHLLltoR.cjs");
 require("./SearchSort-ztRXlRwu.cjs");
 require("./dist-DDZMFlal.cjs");
-require("./PortalContentApiProvider-C5WzWC3k.cjs");
+require("./PortalContentApiProvider-Cec9tth6.cjs");
 require("./dist-DWs3-WOI.cjs");
 require("./PortalProductsApiProvider-Ca1oeTtJ.cjs");
-const require_ProductsScreen = require("./ProductsScreen-BZG_hkqN.cjs");
+const require_ProductsScreen = require("./ProductsScreen-62Tzsdap.cjs");
 exports.ProductsScreen = require_ProductsScreen.ProductsScreen;
 exports.productsScreenPropertySchema = require_ProductsScreen.productsScreenPropertySchema;

package/dist/{ProfileScreen-Mb6dPLPo.mjs → ProfileScreen-BVlyq4I8.mjs}

@@ -1,5 +1,5 @@
 import { r as __exportAll } from "./es-DmEK0Umf.mjs";
-import { d as useLanguagesApi, f as usePayApi, n as useFluidContext } from "./FluidProvider-5TV1VHtq.mjs";
+import { d as useLanguagesApi, f as usePayApi, n as useFluidContext } from "./FluidProvider-BhXU4mXn.mjs";
 import { n as useAccountApi } from "./account-api-context-BIZ_aibJ.mjs";
 import { k as useCountriesApi } from "./src-BjCPR0aG.mjs";
 import { t as parseApiErrors } from "./parse-api-errors-BLAAn3cQ.mjs";
@@ -3042,4 +3042,4 @@ const profileScreenPropertySchema = {
 //#endregion
 export { ProfileScreen_exports as n, profileScreenPropertySchema as r, ProfileScreen as t };
 
-//# sourceMappingURL=ProfileScreen-Mb6dPLPo.mjs.map
+//# sourceMappingURL=ProfileScreen-BVlyq4I8.mjs.map