@fluid-app/portal-sdk 0.1.135 → 0.1.136

package/dist/ProductsScreen-C7cXqLN8.cjs

@@ -0,0 +1,110 @@
+require("./chunk-9hOWP6kD.cjs");
+const require_FluidProvider = require("./FluidProvider-Dyq7lCdf.cjs");
+const require_use_current_user = require("./use-current-user-C4oXzxPk.cjs");
+const require_AppNavigationContext = require("./AppNavigationContext-Agp0UkCQ.cjs");
+const require_use_account_clients = require("./use-account-clients-C6QS6yk6.cjs");
+const require_portal_tenant_product_media_adapter = require("./portal-tenant-product-media-adapter-DM94zJXA.cjs");
+const require_use_portal_products_client = require("./use-portal-products-client-CTaxgbMq.cjs");
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/screens/ProductsScreen.tsx
+function ProductsScreen({ background, textColor, accentColor, padding, borderRadius, ...divProps }) {
+	const domainClient = require_use_account_clients.useSdkClient();
+	const portalProductsApi = require_use_portal_products_client.usePortalProductsClient();
+	const portalTenantClient = require_FluidProvider.usePortalTenantClient();
+	const { data: userData } = require_use_current_user.useCurrentUser();
+	const { currentSlug, navigate } = require_AppNavigationContext.useAppNavigation();
+	const fetchProducts = (0, react.useCallback)(async (search, cursor, limit) => {
+		if (search) return portalProductsApi.searchProducts(search, {
+			cursor,
+			limit
+		});
+		return portalProductsApi.listProducts({
+			cursor,
+			limit
+		});
+	}, [portalProductsApi]);
+	const fetchProduct = (0, react.useCallback)(async (id) => portalProductsApi.getProduct(id), [portalProductsApi]);
+	const productId = (0, react.useMemo)(() => {
+		return currentSlug.match(/^products\/(.+)/)?.[1] ?? null;
+	}, [currentSlug]);
+	const handleSelectProduct = (0, react.useCallback)((id) => {
+		navigate(`products/${id}`);
+	}, [navigate]);
+	const handleBack = (0, react.useCallback)(() => {
+		navigate("products");
+	}, [navigate]);
+	const coreConfig = (0, react.useMemo)(() => ({
+		client: domainClient,
+		user: userData ? { id: userData.id } : null,
+		repContext: true
+	}), [domainClient, userData]);
+	const mediaAdapter = (0, react.useMemo)(() => require_portal_tenant_product_media_adapter.createPortalTenantMediaShareablesAdapter(portalTenantClient), [portalTenantClient]);
+	const playlistsAdapter = (0, react.useMemo)(() => require_portal_tenant_product_media_adapter.createPortalTenantPlaylistsShareablesAdapter(portalTenantClient), [portalTenantClient]);
+	const filesAdapter = (0, react.useMemo)(() => require_portal_tenant_product_media_adapter.createPortalTenantFilesShareablesAdapter(portalTenantClient), [portalTenantClient]);
+	const sharesAdapter = (0, react.useMemo)(() => require_portal_tenant_product_media_adapter.createPortalTenantSharesShareablesAdapter(portalTenantClient), [portalTenantClient]);
+	const productMediaAdapter = (0, react.useMemo)(() => require_portal_tenant_product_media_adapter.createPortalTenantProductMediaShareablesAdapter(portalProductsApi), [portalProductsApi]);
+	const uiConfig = (0, react.useMemo)(() => ({
+		user: userData ? {
+			id: userData.id,
+			company: userData.company ? { logo_url: userData.company.logo_url } : null
+		} : void 0,
+		basePath: "",
+		navigate: (path) => {
+			navigate(path);
+		},
+		showToast: (opts) => {
+			console.log(`[Products] ${opts.type}: ${opts.title}`);
+		}
+	}), [userData, navigate]);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		...divProps,
+		className: `h-full ${divProps.className ?? ""}`,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_portal_tenant_product_media_adapter.ShareablesCoreProvider, {
+			config: coreConfig,
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_portal_tenant_product_media_adapter.ShareablesApiProvider, {
+				media: mediaAdapter,
+				playlists: playlistsAdapter,
+				fileResources: filesAdapter,
+				share: sharesAdapter,
+				productMedia: productMediaAdapter,
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_portal_tenant_product_media_adapter.ShareablesUIProvider, {
+					config: uiConfig,
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_portal_tenant_product_media_adapter.ProductsApp, {
+						countryCode: userData?.country?.iso,
+						companyLogoUrl: userData?.company?.logo_url,
+						fetchProducts,
+						fetchProduct,
+						productId,
+						onSelectProduct: handleSelectProduct,
+						onBack: handleBack
+					})
+				})
+			})
+		})
+	});
+}
+const productsScreenPropertySchema = {
+	widgetType: "ProductsScreen",
+	displayName: "Products Screen",
+	tabsConfig: [{
+		id: "styling",
+		label: "Styling"
+	}],
+	fields: []
+};
+//#endregion
+Object.defineProperty(exports, "ProductsScreen", {
+	enumerable: true,
+	get: function() {
+		return ProductsScreen;
+	}
+});
+Object.defineProperty(exports, "productsScreenPropertySchema", {
+	enumerable: true,
+	get: function() {
+		return productsScreenPropertySchema;
+	}
+});
+
+//# sourceMappingURL=ProductsScreen-C7cXqLN8.cjs.map

package/dist/ProductsScreen-C7cXqLN8.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProductsScreen-C7cXqLN8.cjs","names":["useSdkClient","usePortalProductsClient","usePortalTenantClient","useCurrentUser","useAppNavigation","createPortalTenantMediaShareablesAdapter","createPortalTenantPlaylistsShareablesAdapter","createPortalTenantFilesShareablesAdapter","createPortalTenantSharesShareablesAdapter","createPortalTenantProductMediaShareablesAdapter","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 {\n  createPortalTenantMediaShareablesAdapter,\n  createPortalTenantPlaylistsShareablesAdapter,\n  createPortalTenantFilesShareablesAdapter,\n  createPortalTenantSharesShareablesAdapter,\n  createPortalTenantProductMediaShareablesAdapter,\n} from \"@fluid-app/shareables-api-client\";\nimport { useCurrentUser } from \"../hooks/use-current-user\";\nimport { useAppNavigation } from \"../shell/AppNavigationContext\";\nimport { useSdkClient } from \"../account/use-account-clients\";\nimport { usePortalTenantClient } from \"../providers/PortalTenantClientProvider\";\nimport { usePortalProductsClient } from \"../products/use-portal-products-client\";\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 portalProductsApi = usePortalProductsClient();\n  const portalTenantClient = usePortalTenantClient();\n  const { data: userData } = useCurrentUser();\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: userData ? { id: userData.id } : null,\n      repContext: true,\n    }),\n    [domainClient, userData],\n  );\n\n  const mediaAdapter = useMemo(\n    () => createPortalTenantMediaShareablesAdapter(portalTenantClient),\n    [portalTenantClient],\n  );\n  const playlistsAdapter = useMemo(\n    () => createPortalTenantPlaylistsShareablesAdapter(portalTenantClient),\n    [portalTenantClient],\n  );\n  const filesAdapter = useMemo(\n    () => createPortalTenantFilesShareablesAdapter(portalTenantClient),\n    [portalTenantClient],\n  );\n  const sharesAdapter = useMemo(\n    () => createPortalTenantSharesShareablesAdapter(portalTenantClient),\n    [portalTenantClient],\n  );\n  const productMediaAdapter = useMemo(\n    () => createPortalTenantProductMediaShareablesAdapter(portalProductsApi),\n    [portalProductsApi],\n  );\n\n  const uiConfig = useMemo(\n    () => ({\n      user: userData\n        ? {\n            id: userData.id,\n            company: userData.company\n              ? { logo_url: userData.company.logo_url }\n              : null,\n          }\n        : undefined,\n      basePath: \"\",\n      navigate: (path: string) => {\n        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    [userData, navigate],\n  );\n\n  return (\n    <div {...divProps} className={`h-full ${divProps.className ?? \"\"}`}>\n      <ShareablesCoreProvider config={coreConfig}>\n        <ShareablesApiProvider\n          media={mediaAdapter}\n          playlists={playlistsAdapter}\n          fileResources={filesAdapter}\n          share={sharesAdapter}\n          productMedia={productMediaAdapter}\n        >\n          <ShareablesUIProvider config={uiConfig}>\n            <ProductsApp\n              countryCode={userData?.country?.iso}\n              companyLogoUrl={userData?.company?.logo_url}\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":"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"}

package/dist/{ProductsScreen-CbKT2maZ.mjs → ProductsScreen-CTUejNR0.mjs}

@@ -36,7 +36,7 @@ import "./VideoWidget-D7xoMv5C.mjs";
 import "./ScreenHeaderContext-CrdfLGKk.mjs";
 import "./dist-CMGXkSgZ.mjs";
 import "./dist-CayuD99K.mjs";
-import "./src-BbjxT3sc.mjs";
+import "./portal-tenant-product-media-adapter-Co9Kw-US.mjs";
 import "./sortable.esm-BzPsVjTI.mjs";
-import { n as productsScreenPropertySchema, t as ProductsScreen } from "./ProductsScreen-CL71MQNL.mjs";
+import { n as productsScreenPropertySchema, t as ProductsScreen } from "./ProductsScreen-Di6uVQCx.mjs";
 export { ProductsScreen, productsScreenPropertySchema };

package/dist/{ProductsScreen-T1tGuiGy.cjs → ProductsScreen-CcF3f9VD.cjs}

@@ -37,8 +37,8 @@ require("./ScreenHeaderContext-DpVOhFzT.cjs");
 require("./dist-BbS_7TvS.cjs");
 require("./es-BSkb3AZk.cjs");
 require("./dist-DkYXiQQ1.cjs");
-require("./src-DmzXXBVt.cjs");
+require("./portal-tenant-product-media-adapter-DM94zJXA.cjs");
 require("./dist-BSbac3uh.cjs");
-const require_ProductsScreen = require("./ProductsScreen-B1OAGNQx.cjs");
+const require_ProductsScreen = require("./ProductsScreen-C7cXqLN8.cjs");
 exports.ProductsScreen = require_ProductsScreen.ProductsScreen;
 exports.productsScreenPropertySchema = require_ProductsScreen.productsScreenPropertySchema;

package/dist/ProductsScreen-Di6uVQCx.mjs

@@ -0,0 +1,98 @@
+import { u as usePortalTenantClient } from "./FluidProvider-Dd2M4mMV.mjs";
+import { n as useCurrentUser } from "./use-current-user-DxFplFVa.mjs";
+import { n as useAppNavigation } from "./AppNavigationContext-Du3Qq0yc.mjs";
+import { i as useSdkClient } from "./use-account-clients-Csy11_yq.mjs";
+import { a as createPortalTenantPlaylistsShareablesAdapter, d as ProductsApp, h as ShareablesCoreProvider, m as ShareablesApiProvider, n as createPortalTenantSharesShareablesAdapter, o as createPortalTenantMediaShareablesAdapter, p as ShareablesUIProvider, r as createPortalTenantFilesShareablesAdapter, t as createPortalTenantProductMediaShareablesAdapter } from "./portal-tenant-product-media-adapter-Co9Kw-US.mjs";
+import { t as usePortalProductsClient } from "./use-portal-products-client-BUTk8CR4.mjs";
+import { useCallback, useMemo } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/screens/ProductsScreen.tsx
+function ProductsScreen({ background, textColor, accentColor, padding, borderRadius, ...divProps }) {
+	const domainClient = useSdkClient();
+	const portalProductsApi = usePortalProductsClient();
+	const portalTenantClient = usePortalTenantClient();
+	const { data: userData } = useCurrentUser();
+	const { currentSlug, navigate } = useAppNavigation();
+	const fetchProducts = useCallback(async (search, cursor, limit) => {
+		if (search) return portalProductsApi.searchProducts(search, {
+			cursor,
+			limit
+		});
+		return portalProductsApi.listProducts({
+			cursor,
+			limit
+		});
+	}, [portalProductsApi]);
+	const fetchProduct = useCallback(async (id) => portalProductsApi.getProduct(id), [portalProductsApi]);
+	const productId = useMemo(() => {
+		return currentSlug.match(/^products\/(.+)/)?.[1] ?? null;
+	}, [currentSlug]);
+	const handleSelectProduct = useCallback((id) => {
+		navigate(`products/${id}`);
+	}, [navigate]);
+	const handleBack = useCallback(() => {
+		navigate("products");
+	}, [navigate]);
+	const coreConfig = useMemo(() => ({
+		client: domainClient,
+		user: userData ? { id: userData.id } : null,
+		repContext: true
+	}), [domainClient, userData]);
+	const mediaAdapter = useMemo(() => createPortalTenantMediaShareablesAdapter(portalTenantClient), [portalTenantClient]);
+	const playlistsAdapter = useMemo(() => createPortalTenantPlaylistsShareablesAdapter(portalTenantClient), [portalTenantClient]);
+	const filesAdapter = useMemo(() => createPortalTenantFilesShareablesAdapter(portalTenantClient), [portalTenantClient]);
+	const sharesAdapter = useMemo(() => createPortalTenantSharesShareablesAdapter(portalTenantClient), [portalTenantClient]);
+	const productMediaAdapter = useMemo(() => createPortalTenantProductMediaShareablesAdapter(portalProductsApi), [portalProductsApi]);
+	const uiConfig = useMemo(() => ({
+		user: userData ? {
+			id: userData.id,
+			company: userData.company ? { logo_url: userData.company.logo_url } : null
+		} : void 0,
+		basePath: "",
+		navigate: (path) => {
+			navigate(path);
+		},
+		showToast: (opts) => {
+			console.log(`[Products] ${opts.type}: ${opts.title}`);
+		}
+	}), [userData, navigate]);
+	return /* @__PURE__ */ jsx("div", {
+		...divProps,
+		className: `h-full ${divProps.className ?? ""}`,
+		children: /* @__PURE__ */ jsx(ShareablesCoreProvider, {
+			config: coreConfig,
+			children: /* @__PURE__ */ jsx(ShareablesApiProvider, {
+				media: mediaAdapter,
+				playlists: playlistsAdapter,
+				fileResources: filesAdapter,
+				share: sharesAdapter,
+				productMedia: productMediaAdapter,
+				children: /* @__PURE__ */ jsx(ShareablesUIProvider, {
+					config: uiConfig,
+					children: /* @__PURE__ */ jsx(ProductsApp, {
+						countryCode: userData?.country?.iso,
+						companyLogoUrl: userData?.company?.logo_url,
+						fetchProducts,
+						fetchProduct,
+						productId,
+						onSelectProduct: handleSelectProduct,
+						onBack: handleBack
+					})
+				})
+			})
+		})
+	});
+}
+const productsScreenPropertySchema = {
+	widgetType: "ProductsScreen",
+	displayName: "Products Screen",
+	tabsConfig: [{
+		id: "styling",
+		label: "Styling"
+	}],
+	fields: []
+};
+//#endregion
+export { productsScreenPropertySchema as n, ProductsScreen as t };
+
+//# sourceMappingURL=ProductsScreen-Di6uVQCx.mjs.map

package/dist/ProductsScreen-Di6uVQCx.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProductsScreen-Di6uVQCx.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 {\n  createPortalTenantMediaShareablesAdapter,\n  createPortalTenantPlaylistsShareablesAdapter,\n  createPortalTenantFilesShareablesAdapter,\n  createPortalTenantSharesShareablesAdapter,\n  createPortalTenantProductMediaShareablesAdapter,\n} from \"@fluid-app/shareables-api-client\";\nimport { useCurrentUser } from \"../hooks/use-current-user\";\nimport { useAppNavigation } from \"../shell/AppNavigationContext\";\nimport { useSdkClient } from \"../account/use-account-clients\";\nimport { usePortalTenantClient } from \"../providers/PortalTenantClientProvider\";\nimport { usePortalProductsClient } from \"../products/use-portal-products-client\";\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 portalProductsApi = usePortalProductsClient();\n  const portalTenantClient = usePortalTenantClient();\n  const { data: userData } = useCurrentUser();\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: userData ? { id: userData.id } : null,\n      repContext: true,\n    }),\n    [domainClient, userData],\n  );\n\n  const mediaAdapter = useMemo(\n    () => createPortalTenantMediaShareablesAdapter(portalTenantClient),\n    [portalTenantClient],\n  );\n  const playlistsAdapter = useMemo(\n    () => createPortalTenantPlaylistsShareablesAdapter(portalTenantClient),\n    [portalTenantClient],\n  );\n  const filesAdapter = useMemo(\n    () => createPortalTenantFilesShareablesAdapter(portalTenantClient),\n    [portalTenantClient],\n  );\n  const sharesAdapter = useMemo(\n    () => createPortalTenantSharesShareablesAdapter(portalTenantClient),\n    [portalTenantClient],\n  );\n  const productMediaAdapter = useMemo(\n    () => createPortalTenantProductMediaShareablesAdapter(portalProductsApi),\n    [portalProductsApi],\n  );\n\n  const uiConfig = useMemo(\n    () => ({\n      user: userData\n        ? {\n            id: userData.id,\n            company: userData.company\n              ? { logo_url: userData.company.logo_url }\n              : null,\n          }\n        : undefined,\n      basePath: \"\",\n      navigate: (path: string) => {\n        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    [userData, navigate],\n  );\n\n  return (\n    <div {...divProps} className={`h-full ${divProps.className ?? \"\"}`}>\n      <ShareablesCoreProvider config={coreConfig}>\n        <ShareablesApiProvider\n          media={mediaAdapter}\n          playlists={playlistsAdapter}\n          fileResources={filesAdapter}\n          share={sharesAdapter}\n          productMedia={productMediaAdapter}\n        >\n          <ShareablesUIProvider config={uiConfig}>\n            <ProductsApp\n              countryCode={userData?.country?.iso}\n              companyLogoUrl={userData?.company?.logo_url}\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":";;;;;;;;;AAkCA,SAAgB,eAAe,EAE7B,YACA,WACA,aACA,SACA,cAEA,GAAG,YACsC;CACzC,MAAM,eAAe,cAAc;CACnC,MAAM,oBAAoB,yBAAyB;CACnD,MAAM,qBAAqB,uBAAuB;CAClD,MAAM,EAAE,MAAM,aAAa,gBAAgB;CAC3C,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,WAAW,EAAE,IAAI,SAAS,IAAI,GAAG;EACvC,YAAY;EACb,GACD,CAAC,cAAc,SAAS,CACzB;CAED,MAAM,eAAe,cACb,yCAAyC,mBAAmB,EAClE,CAAC,mBAAmB,CACrB;CACD,MAAM,mBAAmB,cACjB,6CAA6C,mBAAmB,EACtE,CAAC,mBAAmB,CACrB;CACD,MAAM,eAAe,cACb,yCAAyC,mBAAmB,EAClE,CAAC,mBAAmB,CACrB;CACD,MAAM,gBAAgB,cACd,0CAA0C,mBAAmB,EACnE,CAAC,mBAAmB,CACrB;CACD,MAAM,sBAAsB,cACpB,gDAAgD,kBAAkB,EACxE,CAAC,kBAAkB,CACpB;CAED,MAAM,WAAW,eACR;EACL,MAAM,WACF;GACE,IAAI,SAAS;GACb,SAAS,SAAS,UACd,EAAE,UAAU,SAAS,QAAQ,UAAU,GACvC;GACL,GACD,KAAA;EACJ,UAAU;EACV,WAAW,SAAiB;AAC1B,YAAS,KAAK;;EAEhB,YAAY,SAGN;AACJ,WAAQ,IAAI,cAAc,KAAK,KAAK,IAAI,KAAK,QAAQ;;EAExD,GACD,CAAC,UAAU,SAAS,CACrB;AAED,QACE,oBAAC,OAAD;EAAK,GAAI;EAAU,WAAW,UAAU,SAAS,aAAa;YAC5D,oBAAC,wBAAD;GAAwB,QAAQ;aAC9B,oBAAC,uBAAD;IACE,OAAO;IACP,WAAW;IACX,eAAe;IACf,OAAO;IACP,cAAc;cAEd,oBAAC,sBAAD;KAAsB,QAAQ;eAC5B,oBAAC,aAAD;MACE,aAAa,UAAU,SAAS;MAChC,gBAAgB,UAAU,SAAS;MACpB;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"}