@fluid-app/portal-sdk 0.1.142 → 0.1.143

package/dist/{ProductsScreen-CU8nGFN5.mjs.map → ProductsScreen-chLWiA1J.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"ProductsScreen-CU8nGFN5.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"}
+{"version":3,"file":"ProductsScreen-chLWiA1J.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"}

package/dist/{ProfileScreen-CjrhOuY3.cjs → ProfileScreen-CxvAKgdU.cjs}

@@ -1,5 +1,5 @@
 require("./chunk-9hOWP6kD.cjs");
-require("./FluidProvider-DAe8xcAD.cjs");
+require("./FluidProvider-9laphShJ.cjs");
 require("./PointsWidget-DG0QQHqL.cjs");
 require("./error-state-Bpq2CYvz.cjs");
 require("./ScreenRenderer-DFcTR685.cjs");
@@ -34,6 +34,6 @@ require("./TableWidget-Cza-VvSg.cjs");
 require("./ToDoWidget-DZUvDwnJ.cjs");
 require("./VideoWidget-BmVIIfvM.cjs");
 require("./ScreenHeaderContext-DpVOhFzT.cjs");
-const require_ProfileScreen = require("./ProfileScreen-CDZ632ue.cjs");
+const require_ProfileScreen = require("./ProfileScreen-Dm8EcLVL.cjs");
 exports.ProfileScreen = require_ProfileScreen.ProfileScreen;
 exports.profileScreenPropertySchema = require_ProfileScreen.profileScreenPropertySchema;

package/dist/{ProfileScreen-CDZ632ue.cjs → ProfileScreen-Dm8EcLVL.cjs}

@@ -1,10 +1,10 @@
 require("./chunk-9hOWP6kD.cjs");
-const require_FluidProvider = require("./FluidProvider-DAe8xcAD.cjs");
+const require_FluidProvider = require("./FluidProvider-9laphShJ.cjs");
 const require_portal_tenant_countries_adapter = require("./portal-tenant-countries-adapter-BJb82oyY.cjs");
 const require_src = require("./src-Hh-txjlb.cjs");
-const require_use_fluid_auth = require("./use-fluid-auth-DXDtI7Ep.cjs");
+const require_use_fluid_auth = require("./use-fluid-auth-D4NGGBW0.cjs");
 const require_ScreenHeaderContext = require("./ScreenHeaderContext-DpVOhFzT.cjs");
-const require_use_account_clients = require("./use-account-clients-nmrVvm98.cjs");
+const require_use_account_clients = require("./use-account-clients-CrfXjWkZ.cjs");
 let react = require("react");
 let _tanstack_react_query = require("@tanstack/react-query");
 let react_jsx_runtime = require("react/jsx-runtime");
@@ -2572,7 +2572,7 @@ function createFluidPayShim(payApi) {
 function ProfileContentScreen({ onToast, countryIso: _countryIso }) {
 	const { isAuthenticated, user } = require_use_fluid_auth.useFluidAuth();
 	const payApi = require_use_account_clients.usePayApi();
-	const accountApi = require_use_account_clients.useAccountApi();
+	const accountApi = require_FluidProvider.useAccountApi();
 	const queryClient = (0, _tanstack_react_query.useQueryClient)();
 	const fluidPayShim = (0, react.useMemo)(() => createFluidPayShim(payApi), [payApi]);
 	const userId = user?.id;
@@ -2888,4 +2888,4 @@ Object.defineProperty(exports, "profileScreenPropertySchema", {
 	}
 });
 
-//# sourceMappingURL=ProfileScreen-CDZ632ue.cjs.map
+//# sourceMappingURL=ProfileScreen-Dm8EcLVL.cjs.map