getWishlistsSharedStateKit()

getWishlistsSharedStateKit(): Promise<ErrorResult | SuccessResult<WishlistsSharedStateKit>>

Retrieves a reactive state kit object that provides access to wishlists query and service methods with Observable streams. This allows you to subscribe to wishlist changes and interact with the wishlist store reactively.

Returns

Promise<ErrorResult | SuccessResult<WishlistsSharedStateKit>>

Promise that resolves to a success result with a state kit object containing query and service methods

Example

Ensure the SDK and the WishlistsSdk module are ready.

function onSdkReady() {
    const moduleName = window.gw.sdk.common.constants.modules.WISHLISTS;
    window.gw.sdk.runIfModuleReady(moduleName, () => {
        window.gw.sdk.wishlists.methods.getWishlistsSharedStateKit()
            .then((response) => {
                const stateKit = response.result;

                // Subscribe to all wishlists changes (reactive)
                stateKit.query.selectAll().subscribe((wishlists) => {
                    console.log('Wishlists:', wishlists);
                });

                // Subscribe to a specific wishlist
                stateKit.query.selectEntity(123).subscribe((wishlist) => {
                    console.log('Wishlist 123:', wishlist);
                });

                // Add item using state kit service
                stateKit.service.addItem({
                    productId: 456,
                    variantId: 789,
                    wishlistId: null
                }).subscribe();
            })
            .catch(console.error);
    });
}

if (window.gw && window.gw.sdk) {
    onSdkReady();
} else {
    document.addEventListener("gwSdkReady", onSdkReady);
}