@wix/headless-stores 0.0.10 → 0.0.11

package/dist/react/SelectedVariant.js

@@ -0,0 +1,46 @@
+import { useService } from '@wix/services-manager-react';
+import { SelectedVariantServiceDefinition } from '../services/selected-variant-service';
+/**
+ * Headless component for selected variant details display
+ *
+ * @component
+ */
+export const Details = (props) => {
+    const selectedVariantService = useService(SelectedVariantServiceDefinition);
+    const selectedVariant = selectedVariantService.currentVariant?.get();
+    let sku = selectedVariant?.sku || null;
+    let weight = selectedVariant?.physicalProperties?.weight?.toString() || null;
+    return props.children({
+        sku,
+        weight,
+    });
+};
+/**
+ * Headless component for product price display
+ *
+ * @component
+ */
+export const Price = (props) => {
+    const variantService = useService(SelectedVariantServiceDefinition);
+    const price = variantService.currentPrice.get();
+    const compareAtPrice = variantService.currentCompareAtPrice.get();
+    const currency = variantService.currency.get();
+    return props.children({
+        price,
+        compareAtPrice,
+        currency,
+    });
+};
+/**
+ * Headless component for product SKU display
+ *
+ * @component
+ */
+export const SKU = (props) => {
+    const selectedVariantService = useService(SelectedVariantServiceDefinition);
+    const selectedVariant = selectedVariantService.currentVariant?.get();
+    const sku = selectedVariant?.sku || null;
+    return props.children({
+        sku,
+    });
+};

package/dist/react/SocialSharing.d.ts

@@ -1,25 +1,12 @@
-import React from "react";
-import { SharingPlatform } from "../services/social-sharing-service";
-export type { SharingPlatform };
-export type RootChildren = (props: RootRenderProps) => React.ReactNode;
+import React from 'react';
+import { type SharingPlatform } from '../services/social-sharing-service';
 /**
  * Props for Root headless component
  */
 export interface RootProps {
     /** Render prop function that receives sharing data */
-    children: RootChildren;
+    children: (props: RootRenderProps) => React.ReactNode;
 }
-export type ShareFacebook = (url: string, title: string, description?: string) => void;
-export type ShareTwitter = (url: string, text: string, hashtags?: string[]) => void;
-export type ShareLinkedIn = (url: string, title: string, summary?: string) => void;
-export type ShareWhatsApp = (url: string, text: string) => void;
-export type ShareEmail = (url: string, subject: string, body: string) => void;
-export type CopyLink = (url: string) => Promise<boolean>;
-export type ShareNative = (data: {
-    title: string;
-    text: string;
-    url: string;
-}) => Promise<boolean>;
 /**
  * Render props for Root component
  */
@@ -31,26 +18,30 @@ export interface RootRenderProps {
     /** Last shared platform */
     lastShared: string | null;
     /** Share to Facebook */
-    shareFacebook: ShareFacebook;
+    shareFacebook: (url: string, title: string, description?: string) => void;
     /** Share to Twitter */
-    shareTwitter: ShareTwitter;
+    shareTwitter: (url: string, text: string, hashtags?: string[]) => void;
     /** Share to LinkedIn */
-    shareLinkedIn: ShareLinkedIn;
+    shareLinkedIn: (url: string, title: string, summary?: string) => void;
     /** Share to WhatsApp */
-    shareWhatsApp: ShareWhatsApp;
+    shareWhatsApp: (url: string, text: string) => void;
     /** Share via Email */
-    shareEmail: ShareEmail;
+    shareEmail: (url: string, subject: string, body: string) => void;
     /** Copy to clipboard */
-    copyLink: CopyLink;
+    copyLink: (url: string) => Promise<boolean>;
     /** Native share API */
-    shareNative: ShareNative;
+    shareNative: (data: {
+        title: string;
+        text: string;
+        url: string;
+    }) => Promise<boolean>;
 }
 /**
  * Headless component for social sharing root
+ *
+ * @component
  */
 export declare const Root: (props: RootProps) => React.ReactNode;
-export type OnClick = () => void;
-export type PlatformChildren = (props: PlatformRenderProps) => React.ReactNode;
 /**
  * Props for Platform headless component
  */
@@ -58,11 +49,10 @@ export interface PlatformProps {
     /** Platform data */
     platform: SharingPlatform;
     /** Click handler */
-    onClick: OnClick;
+    onClick: () => void;
     /** Render prop function that receives platform data */
-    children: PlatformChildren;
+    children: (props: PlatformRenderProps) => React.ReactNode;
 }
-export type OnSelect = () => void;
 /**
  * Render props for Platform component
  */
@@ -70,13 +60,14 @@ export interface PlatformRenderProps {
     /** Platform data */
     platform: SharingPlatform;
     /** Platform click handler */
-    onSelect: OnSelect;
+    onSelect: () => void;
 }
 /**
  * Headless component for individual social platform
+ *
+ * @component
  */
 export declare const Platform: (props: PlatformProps) => React.ReactNode;
-export type PlatformsChildren = (props: PlatformsRenderProps) => React.ReactNode;
 /**
  * Props for Platforms headless component
  */
@@ -90,7 +81,7 @@ export interface PlatformsProps {
     /** Hashtags for sharing */
     hashtags?: string[];
     /** Render prop function that receives platforms data */
-    children: PlatformsChildren;
+    children: (props: PlatformsRenderProps) => React.ReactNode;
 }
 /**
  * Render props for Platforms component
@@ -115,5 +106,7 @@ export interface PlatformsRenderProps {
 }
 /**
  * Headless component for social sharing platforms with logic
+ *
+ * @component
  */
 export declare const Platforms: (props: PlatformsProps) => React.ReactNode;

package/dist/react/SocialSharing.js

@@ -1,8 +1,10 @@
-import React from "react";
-import { useService } from "@wix/services-manager-react";
-import { SocialSharingServiceDefinition, } from "../services/social-sharing-service";
+import React from 'react';
+import { useService } from '@wix/services-manager-react';
+import { SocialSharingServiceDefinition, } from '../services/social-sharing-service';
 /**
  * Headless component for social sharing root
+ *
+ * @component
  */
 export const Root = (props) => {
     const service = useService(SocialSharingServiceDefinition);
@@ -15,7 +17,7 @@ export const Root = (props) => {
             service.shareCount.subscribe(setShareCount),
             service.lastSharedPlatform.subscribe(setLastShared),
         ];
-        return () => unsubscribes.forEach((fn) => fn());
+        return () => unsubscribes.forEach(fn => fn());
     }, [service]);
     return props.children({
         platforms,
@@ -32,6 +34,8 @@ export const Root = (props) => {
 };
 /**
  * Headless component for individual social platform
+ *
+ * @component
  */
 export const Platform = (props) => {
     const { platform, onClick } = props;
@@ -42,9 +46,11 @@ export const Platform = (props) => {
 };
 /**
  * Headless component for social sharing platforms with logic
+ *
+ * @component
  */
 export const Platforms = (props) => {
-    const { url, title, description = "", hashtags = [] } = props;
+    const { url, title, description = '', hashtags = [] } = props;
     const service = useService(SocialSharingServiceDefinition);
     const [platforms, setPlatforms] = React.useState([]);
     React.useEffect(() => {

package/dist/react/Sort.d.ts

@@ -1,17 +1,14 @@
-import React from "react";
-import { type SortBy } from "../services/sort-service";
-interface SortContextValue {
-    currentSort: SortBy;
-    setSortBy: (sortBy: SortBy) => void;
-}
-export declare function useSortContext(): SortContextValue;
-export interface ProviderProps {
-    children: React.ReactNode;
-}
-export declare function Provider({ children }: ProviderProps): import("react/jsx-runtime").JSX.Element;
-export type SortControllerChildren = (props: SortContextValue) => React.ReactNode;
+import React from 'react';
+import { type SortBy } from '../services/sort-service';
 export interface ControllerProps {
-    children: SortControllerChildren;
+    children: (props: {
+        currentSort: SortBy;
+        setSortBy: (sortBy: SortBy) => void;
+    }) => React.ReactNode;
 }
+/**
+ * Headless component for sorting products
+ *
+ * @component
+ */
 export declare function Controller({ children }: ControllerProps): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/react/Sort.js

@@ -1,36 +1,14 @@
-import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
-import { createContext, useContext, useEffect, useState } from "react";
-import { SortServiceDefinition } from "../services/sort-service";
-import { useService } from "@wix/services-manager-react";
-const SortContext = createContext(null);
-export function useSortContext() {
-    const context = useContext(SortContext);
-    if (!context) {
-        throw new Error("useSortContext must be used within a Sort.SortProvider");
-    }
-    return context;
-}
-export function Provider({ children }) {
-    const sortService = useService(SortServiceDefinition);
-    const [currentSort, setCurrentSort] = useState("");
-    useEffect(() => {
-        const unsubscribe = sortService.currentSort.subscribe((sort) => {
-            setCurrentSort(sort);
-        });
-        // Initialize with current value
-        setCurrentSort(sortService.currentSort.get());
-        return unsubscribe;
-    }, [sortService]);
-    const setSortBy = (sortBy) => {
-        sortService.setSortBy(sortBy);
-    };
-    const contextValue = {
-        currentSort,
-        setSortBy,
-    };
-    return (_jsx(SortContext.Provider, { value: contextValue, children: children }));
-}
+import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
+import { useService } from '@wix/services-manager-react';
+import { SortServiceDefinition } from '../services/sort-service';
+/**
+ * Headless component for sorting products
+ *
+ * @component
+ */
 export function Controller({ children }) {
-    const context = useSortContext();
-    return _jsx(_Fragment, { children: children(context) });
+    const sortService = useService(SortServiceDefinition);
+    const currentSort = sortService.currentSort.get();
+    const setSortBy = sortService.setSortBy;
+    return _jsx(_Fragment, { children: children({ currentSort, setSortBy }) });
 }

package/dist/react/index.d.ts

@@ -1,12 +1,13 @@
 export * from "./BuyNow";
 export * from "./PayNow";
-export * as Sort from "./Sort";
-export * as Category from "./Category";
-export * as FilteredCollection from "./FilteredCollection";
-export * as ProductVariantSelector from "./ProductVariantSelector";
-export * as RelatedProducts from "./RelatedProducts";
-export * as SocialSharing from "./SocialSharing";
-export * as Collection from "./Collection";
-export * as Product from "./Product";
-export * as ProductMediaGallery from "./ProductMediaGallery";
-export * as ProductModifiers from "./ProductModifiers";
+export * as Sort from './Sort';
+export * as Category from './Category';
+export * as FilteredCollection from './FilteredCollection';
+export * as ProductVariantSelector from './ProductVariantSelector';
+export * as RelatedProducts from './RelatedProducts';
+export * as SocialSharing from './SocialSharing';
+export * as Collection from './Collection';
+export * as Product from './Product';
+export * as ProductModifiers from './ProductModifiers';
+export * as SelectedVariant from './SelectedVariant';
+export * as ProductActions from './ProductActions';

package/dist/react/index.js

@@ -1,12 +1,13 @@
 export * from "./BuyNow";
 export * from "./PayNow";
-export * as Sort from "./Sort";
-export * as Category from "./Category";
-export * as FilteredCollection from "./FilteredCollection";
-export * as ProductVariantSelector from "./ProductVariantSelector";
-export * as RelatedProducts from "./RelatedProducts";
-export * as SocialSharing from "./SocialSharing";
-export * as Collection from "./Collection";
-export * as Product from "./Product";
-export * as ProductMediaGallery from "./ProductMediaGallery";
-export * as ProductModifiers from "./ProductModifiers";
+export * as Sort from './Sort';
+export * as Category from './Category';
+export * as FilteredCollection from './FilteredCollection';
+export * as ProductVariantSelector from './ProductVariantSelector';
+export * as RelatedProducts from './RelatedProducts';
+export * as SocialSharing from './SocialSharing';
+export * as Collection from './Collection';
+export * as Product from './Product';
+export * as ProductModifiers from './ProductModifiers';
+export * as SelectedVariant from './SelectedVariant';
+export * as ProductActions from './ProductActions';

package/dist/services/buy-now-service.js

@@ -1,7 +1,7 @@
 import { defineService, implementService, } from "@wix/services-definitions";
 import { SignalsServiceDefinition } from "@wix/services-definitions/core-services/signals";
-import { productsV3 } from "@wix/stores";
 import { getCheckoutUrlForProduct } from "../utils";
+import { getProductBySlug } from "@wix/auto_sdk_stores_products-v-3";
 export const BuyNowServiceDefinition = defineService("BuyNow");
 export const BuyNowServiceImplementation = implementService.withConfig()(BuyNowServiceDefinition, ({ getService, config }) => {
     const signalsService = getService(SignalsServiceDefinition);
@@ -31,7 +31,7 @@ export const BuyNowServiceImplementation = implementService.withConfig()(BuyNowS
     };
 });
 export const loadBuyNowServiceInitialData = async (productSlug, variantId) => {
-    const res = await productsV3.getProductBySlug(productSlug, {
+    const res = await getProductBySlug(productSlug, {
         fields: ["CURRENCY"],
     });
     const product = res.product;

package/dist/services/catalog-options-service.d.ts

@@ -1,5 +1,5 @@
-import { type ServiceFactoryConfig } from "@wix/services-definitions";
-import type { Signal } from "./Signal";
+import { type ServiceFactoryConfig } from '@wix/services-definitions';
+import type { Signal } from '../../Signal';
 export interface ProductOption {
     id: string;
     name: string;

package/dist/services/catalog-options-service.js

@@ -1,6 +1,7 @@
-import { defineService, implementService, } from "@wix/services-definitions";
-import { SignalsServiceDefinition } from "@wix/services-definitions/core-services/signals";
-import { productsV3, customizationsV3 } from "@wix/stores";
+import { defineService, implementService, } from '@wix/services-definitions';
+import { SignalsServiceDefinition } from '@wix/services-definitions/core-services/signals';
+import { ModifierRenderType, searchProducts, SortDirection, SortType as SDKSortType, } from '@wix/auto_sdk_stores_products-v-3';
+import { CustomizationType, queryCustomizations, } from '@wix/auto_sdk_stores_customizations-v-3';
 // Helper functions
 const extractAggregationValues = (aggregationResponse, name) => {
     const aggregation = aggregationResponse.aggregations?.[name] ||
@@ -8,7 +9,7 @@ const extractAggregationValues = (aggregationResponse, name) => {
     return aggregation?.values?.results?.map((item) => item.value) || [];
 };
 const matchesAggregationName = (name, aggregationNames) => {
-    return aggregationNames.some((aggName) => aggName.toLowerCase() === name.toLowerCase());
+    return aggregationNames.some(aggName => aggName.toLowerCase() === name.toLowerCase());
 };
 const sortChoicesIntelligently = (choices) => {
     return [...choices].sort((a, b) => {
@@ -30,12 +31,12 @@ const buildCategoryFilter = (categoryId) => {
     }
     return {
         visible: true,
-        "allCategoriesInfo.categories": {
+        'allCategoriesInfo.categories': {
             $matchItems: [{ _id: { $in: [categoryId] } }],
         },
     };
 };
-export const CatalogOptionsServiceDefinition = defineService("catalogOptions");
+export const CatalogOptionsServiceDefinition = defineService('catalogOptions');
 export const CatalogOptionsService = implementService.withConfig()(CatalogOptionsServiceDefinition, ({ getService }) => {
     const signalsService = getService(SignalsServiceDefinition);
     const catalogOptions = signalsService.signal(null);
@@ -49,33 +50,33 @@ export const CatalogOptionsService = implementService.withConfig()(CatalogOption
             const aggregationRequest = {
                 aggregations: [
                     {
-                        name: "optionNames",
-                        fieldPath: "options.name",
-                        type: "VALUE",
+                        name: 'optionNames',
+                        fieldPath: 'options.name',
+                        type: SDKSortType.VALUE,
                         value: {
                             limit: 20,
-                            sortType: "VALUE",
-                            sortDirection: "ASC",
+                            sortType: SDKSortType.VALUE,
+                            sortDirection: SortDirection.ASC,
                         },
                     },
                     {
-                        name: "choiceNames",
-                        fieldPath: "options.choicesSettings.choices.name",
-                        type: "VALUE",
+                        name: 'choiceNames',
+                        fieldPath: 'options.choicesSettings.choices.name',
+                        type: SDKSortType.VALUE,
                         value: {
                             limit: 50,
-                            sortType: "VALUE",
-                            sortDirection: "ASC",
+                            sortType: SDKSortType.VALUE,
+                            sortDirection: SortDirection.ASC,
                         },
                     },
                     {
-                        name: "inventoryStatus",
-                        fieldPath: "inventory.availabilityStatus",
-                        type: "VALUE",
+                        name: 'inventoryStatus',
+                        fieldPath: 'inventory.availabilityStatus',
+                        type: SDKSortType.VALUE,
                         value: {
                             limit: 10,
-                            sortType: "VALUE",
-                            sortDirection: "ASC",
+                            sortType: SDKSortType.VALUE,
+                            sortDirection: SortDirection.ASC,
                         },
                     },
                 ],
@@ -83,27 +84,26 @@ export const CatalogOptionsService = implementService.withConfig()(CatalogOption
                 includeProducts: false,
                 cursorPaging: { limit: 0 },
             };
-            const aggregationResponse = await productsV3.searchProducts(aggregationRequest);
-            const optionNames = extractAggregationValues(aggregationResponse, "optionNames");
-            const choiceNames = extractAggregationValues(aggregationResponse, "choiceNames");
-            const inventoryStatuses = extractAggregationValues(aggregationResponse, "inventoryStatus");
+            const aggregationResponse = await searchProducts(aggregationRequest);
+            const optionNames = extractAggregationValues(aggregationResponse, 'optionNames');
+            const choiceNames = extractAggregationValues(aggregationResponse, 'choiceNames');
+            const inventoryStatuses = extractAggregationValues(aggregationResponse, 'inventoryStatus');
             // Step 2: Get option structure from customizations API
-            const customizationsResponse = await customizationsV3
-                .queryCustomizations()
-                .find();
+            const customizationsResponse = await queryCustomizations().find();
             const customizations = customizationsResponse.items || [];
             // Step 3: Build options by matching customizations with aggregation data
             const options = customizations
-                .filter((customization) => customization.name &&
+                .filter(customization => customization.name &&
                 customization._id &&
-                customization.customizationType === "PRODUCT_OPTION" &&
+                customization.customizationType ===
+                    CustomizationType.PRODUCT_OPTION &&
                 matchesAggregationName(customization.name, optionNames))
-                .map((customization) => {
+                .map(customization => {
                 const choices = (customization.choicesSettings?.choices || [])
-                    .filter((choice) => choice._id &&
+                    .filter(choice => choice._id &&
                     choice.name &&
                     matchesAggregationName(choice.name, choiceNames))
-                    .map((choice) => ({
+                    .map(choice => ({
                     id: choice._id,
                     name: choice.name,
                     colorCode: choice.colorCode,
@@ -115,31 +115,25 @@ export const CatalogOptionsService = implementService.withConfig()(CatalogOption
                     optionRenderType: customization.customizationRenderType,
                 };
             })
-                .filter((option) => option.choices.length > 0);
+                .filter(option => option.choices.length > 0);
             // Step 4: Add inventory filter if there are multiple inventory statuses
             if (inventoryStatuses.length > 1) {
-                const inventoryChoices = inventoryStatuses.map((status) => ({
+                const inventoryChoices = inventoryStatuses.map(status => ({
                     id: status.toUpperCase(), // Use uppercase to match actual availabilityStatus values
-                    name: status.toUpperCase() === "IN_STOCK"
-                        ? "In Stock"
-                        : status.toUpperCase() === "OUT_OF_STOCK"
-                            ? "Out of Stock"
-                            : status.toUpperCase() === "PARTIALLY_OUT_OF_STOCK"
-                                ? "Partially out of stock"
-                                : status,
+                    name: status.toUpperCase(), // Use raw status value - UI components will handle display conversion
                 }));
                 options.push({
-                    id: "inventory-filter",
-                    name: "Availability",
+                    id: 'inventory-filter',
+                    name: 'Availability',
                     choices: inventoryChoices,
-                    optionRenderType: "TEXT_CHOICES",
+                    optionRenderType: ModifierRenderType.TEXT_CHOICES,
                 });
             }
             catalogOptions.set(options);
         }
         catch (err) {
-            console.error("Failed to load catalog options:", err);
-            error.set(err instanceof Error ? err.message : "Failed to load catalog options");
+            console.error('Failed to load catalog options:', err);
+            error.set(err instanceof Error ? err.message : 'Failed to load catalog options');
             catalogOptions.set([]);
         }
         finally {

package/dist/services/catalog-price-range-service.d.ts

@@ -1,5 +1,5 @@
-import { type ServiceFactoryConfig } from "@wix/services-definitions";
-import type { Signal } from "./Signal";
+import { type ServiceFactoryConfig } from '@wix/services-definitions';
+import type { Signal } from '../../Signal';
 export interface CatalogPriceRange {
     minPrice: number;
     maxPrice: number;

package/dist/services/catalog-price-range-service.js

@@ -1,6 +1,6 @@
-import { defineService, implementService, } from "@wix/services-definitions";
-import { SignalsServiceDefinition } from "@wix/services-definitions/core-services/signals";
-import { productsV3 } from "@wix/stores";
+import { defineService, implementService, } from '@wix/services-definitions';
+import { SignalsServiceDefinition } from '@wix/services-definitions/core-services/signals';
+import { searchProducts } from '@wix/auto_sdk_stores_products-v-3';
 // Helper function to extract scalar aggregation values
 const extractScalarAggregationValue = (aggregationResponse, name) => {
     const aggregation = aggregationResponse.aggregations?.[name] ||
@@ -15,11 +15,11 @@ const buildCategoryFilter = (categoryId) => {
     return {
         visible: true,
         'allCategoriesInfo.categories': {
-            $matchItems: [{ _id: { $in: [categoryId] } }]
-        }
+            $matchItems: [{ _id: { $in: [categoryId] } }],
+        },
     };
 };
-export const CatalogPriceRangeServiceDefinition = defineService("catalogPriceRange");
+export const CatalogPriceRangeServiceDefinition = defineService('catalogPriceRange');
 export const CatalogPriceRangeService = implementService.withConfig()(CatalogPriceRangeServiceDefinition, ({ getService }) => {
     const signalsService = getService(SignalsServiceDefinition);
     // Signal declarations
@@ -41,27 +41,29 @@ export const CatalogPriceRangeService = implementService.withConfig()(CatalogPri
                         name: 'minPrice',
                         fieldPath: 'actualPriceRange.minValue.amount',
                         type: 'SCALAR',
-                        scalar: { type: 'MIN' }
+                        scalar: { type: 'MIN' },
                     },
                     {
                         name: 'maxPrice',
                         fieldPath: 'actualPriceRange.maxValue.amount',
                         type: 'SCALAR',
-                        scalar: { type: 'MAX' }
-                    }
+                        scalar: { type: 'MAX' },
+                    },
                 ],
                 filter: buildCategoryFilter(categoryId),
                 includeProducts: false,
-                cursorPaging: { limit: 0 }
+                cursorPaging: { limit: 0 },
             };
-            const aggregationResponse = await productsV3.searchProducts(aggregationRequest);
+            const aggregationResponse = await searchProducts(aggregationRequest);
             const minPrice = extractScalarAggregationValue(aggregationResponse, 'minPrice');
             const maxPrice = extractScalarAggregationValue(aggregationResponse, 'maxPrice');
             // Only set price range if we found valid prices
-            if (minPrice !== null && maxPrice !== null && (minPrice > 0 || maxPrice > 0)) {
+            if (minPrice !== null &&
+                maxPrice !== null &&
+                (minPrice > 0 || maxPrice > 0)) {
                 catalogPriceRange.set({
                     minPrice,
-                    maxPrice
+                    maxPrice,
                 });
             }
             else {

package/dist/services/category-service.d.ts

@@ -1,9 +1,10 @@
-import type { Signal } from "./Signal";
-import { categories } from "@wix/categories";
+import type { Signal } from '../../Signal';
+import { type Category } from '@wix/auto_sdk_categories_categories';
 export interface CategoryServiceAPI {
     selectedCategory: Signal<string | null>;
-    categories: Signal<categories.Category[]>;
+    categories: Signal<Category[]>;
     setSelectedCategory: (categoryId: string | null) => void;
+    loadCategories: () => Promise<void>;
 }
 export declare const CategoryServiceDefinition: string & {
     __api: CategoryServiceAPI;
@@ -11,9 +12,9 @@ export declare const CategoryServiceDefinition: string & {
     isServiceDefinition?: boolean;
 } & CategoryServiceAPI;
 export interface CategoryServiceConfig {
-    categories: categories.Category[];
+    categories: Category[];
     initialCategoryId?: string | null;
-    onCategoryChange?: (categoryId: string | null, category: categories.Category | null) => void;
+    onCategoryChange?: (categoryId: string | null, category: Category | null) => void;
 }
 export declare const CategoryService: import("@wix/services-definitions").ServiceFactory<string & {
     __api: CategoryServiceAPI;
@@ -21,5 +22,5 @@ export declare const CategoryService: import("@wix/services-definitions").Servic
     isServiceDefinition?: boolean;
 } & CategoryServiceAPI, CategoryServiceConfig, import("@wix/services-definitions").ThreadMode.MAIN>;
 export declare function loadCategoriesConfig(): Promise<{
-    categories: categories.Category[];
+    categories: Category[];
 }>;