@wix/headless-stores 0.0.11 → 0.0.14

package/dist/services/selected-variant-service.js

@@ -1,15 +1,16 @@
-import { defineService, implementService } from '@wix/services-definitions';
-import { SignalsServiceDefinition } from '@wix/services-definitions/core-services/signals';
-import { ModifierRenderType, InventoryAvailabilityStatus, } from '@wix/auto_sdk_stores_products-v-3';
-import { queryInventoryItems } from '@wix/auto_sdk_stores_inventory-items-v-3';
-// import { CurrentCartServiceDefinition } from '../../ecom/services/current-cart-service';
-import { ProductServiceDefinition } from './product-service';
-export const SelectedVariantServiceDefinition = defineService('selectedVariant');
-export const SelectedVariantService = implementService.withConfig()(SelectedVariantServiceDefinition, ({ getService }) => {
+import { defineService, implementService } from "@wix/services-definitions";
+import { SignalsServiceDefinition, } from "@wix/services-definitions/core-services/signals";
+import * as productsV3 from "@wix/auto_sdk_stores_products-v-3";
+import * as inventoryItemsV3 from "@wix/auto_sdk_stores_inventory-items-v-3";
+import { CurrentCartServiceDefinition } from "@wix/headless-ecom/services";
+import { ProductServiceDefinition } from "./product-service.js";
+import { MediaGalleryServiceDefinition } from "@wix/headless-media/services";
+export const SelectedVariantServiceDefinition = defineService("selectedVariant");
+export const SelectedVariantService = implementService.withConfig()(SelectedVariantServiceDefinition, ({ getService, config: { fetchInventoryData = true } }) => {
     const signalsService = getService(SignalsServiceDefinition);
-    // const cartService = getService(CurrentCartServiceDefinition);
+    const cartService = getService(CurrentCartServiceDefinition);
     const productService = getService(ProductServiceDefinition);
-    // const mediaService = getService(MediaGalleryServiceDefinition);
+    const mediaService = getService(MediaGalleryServiceDefinition);
     const selectedChoices = signalsService.signal({});
     const preOrderMessage = signalsService.signal(null);
     const initialProduct = productService.product.get();
@@ -17,8 +18,9 @@ export const SelectedVariantService = implementService.withConfig()(SelectedVari
         const product = productService.product.get();
         const selectedChoicesValue = selectedChoices.get() || {};
         let mediaToDisplay = [];
-        const productItemsImages = product?.media?.itemsInfo?.items?.map(item => item).filter(Boolean) ??
-            [];
+        const productItemsImages = product?.media?.itemsInfo?.items
+            ?.map((item) => item)
+            .filter(Boolean) ?? [];
         if (productItemsImages.length) {
             mediaToDisplay = productItemsImages;
         }
@@ -27,7 +29,7 @@ export const SelectedVariantService = implementService.withConfig()(SelectedVari
         }
         // Get images based on selected choices if available
         let selectedChoicesImages = [];
-        Object.keys(selectedChoicesValue).forEach(choiceKey => {
+        Object.keys(selectedChoicesValue).forEach((choiceKey) => {
             const productOption = product?.options
                 ?.find((option) => option.name === choiceKey)
                 ?.choicesSettings?.choices?.find((choice) => choice.name === selectedChoicesValue[choiceKey]);
@@ -38,8 +40,7 @@ export const SelectedVariantService = implementService.withConfig()(SelectedVari
         if (selectedChoicesImages?.length) {
             mediaToDisplay = selectedChoicesImages;
         }
-        console.log({ mediaToDisplay });
-        // mediaService.setMediaToDisplay(mediaToDisplay ?? []);
+        mediaService.setMediaToDisplay(mediaToDisplay ?? []);
     });
     const parsePrice = (amount) => {
         if (!amount)
@@ -61,20 +62,12 @@ export const SelectedVariantService = implementService.withConfig()(SelectedVari
         return choices;
     };
     const findVariantByChoices = (variants, selectedChoices) => {
-        return (variants.find(variant => {
+        return (variants.find((variant) => {
             const variantChoices = processVariantChoices(variant);
             const choiceKeys = Object.keys(selectedChoices);
-            return choiceKeys.every(key => variantChoices[key] === selectedChoices[key]);
+            return choiceKeys.every((key) => variantChoices[key] === selectedChoices[key]);
         }) || null);
     };
-    const findVariantWithMinPrice = () => {
-        const variantsList = variants.get();
-        const variantPrices = variantsList.map(x => Number(x.price?.actualPrice?.formattedAmount) ||
-            Number(x.price?.actualPrice?.amount));
-        const minPrice = String(Math.min(...variantPrices));
-        return variantsList.find(x => x.price?.actualPrice?.formattedAmount === minPrice ||
-            x.price?.actualPrice?.amount === minPrice);
-    };
     const updateInventoryItemData = async (variantId, inStock, preOrderEnabled) => {
         if (!variantId) {
             preOrderMessage.set(null);
@@ -82,8 +75,9 @@ export const SelectedVariantService = implementService.withConfig()(SelectedVari
         }
         try {
             // Use the correct Wix inventoryItemsV3.queryInventoryItems() API
-            const queryResult = await queryInventoryItems()
-                .eq('variantId', variantId)
+            const queryResult = await inventoryItemsV3
+                .queryInventoryItems()
+                .eq("variantId", variantId)
                 .find();
             const inventoryItem = queryResult.items?.[0];
             const isTrackingQuantity = inventoryItem?.trackQuantity ?? false;
@@ -104,7 +98,7 @@ export const SelectedVariantService = implementService.withConfig()(SelectedVari
             }
         }
         catch (error) {
-            console.error('Failed to fetch inventory quantity:', error);
+            console.error("Failed to fetch inventory quantity:", error);
             // Fallback on error
             quantityAvailable.set(null);
             trackQuantity.set(false);
@@ -115,11 +109,21 @@ export const SelectedVariantService = implementService.withConfig()(SelectedVari
             const inStock = variant.inventoryStatus?.inStock ?? true;
             const preOrderEnabled = variant.inventoryStatus?.preorderEnabled ?? false;
             // update the quantity available, tracking indication and pre-order message from the inventory API
-            updateInventoryItemData(variant._id, inStock, preOrderEnabled);
+            // only if fetchInventoryData is enabled (defaults to true for backward compatibility)
+            if (fetchInventoryData) {
+                updateInventoryItemData(variant._id, inStock, preOrderEnabled);
+            }
+            else {
+                // Set default values when inventory fetching is disabled
+                quantityAvailable.set(null);
+                trackQuantity.set(false);
+                preOrderMessage.set(null);
+            }
         }
         else {
             quantityAvailable.set(0);
             trackQuantity.set(false);
+            preOrderMessage.set(null);
         }
     };
     const isLoading = signalsService.signal(false);
@@ -132,13 +136,13 @@ export const SelectedVariantService = implementService.withConfig()(SelectedVari
     const quantityAvailable = signalsService.signal(null);
     const trackQuantity = signalsService.signal(false);
     const selectedQuantity = signalsService.signal(1);
-    const productId = signalsService.signal('');
+    const productId = signalsService.signal("");
     const ribbonLabel = signalsService.signal(null);
     const v3Product = signalsService.signal(initialProduct);
     const init = (currentProduct) => {
         if (currentProduct) {
             v3Product.set(currentProduct);
-            productId.set(currentProduct._id || '');
+            productId.set(currentProduct._id || "");
             ribbonLabel.set(currentProduct.ribbon?.name || null);
             const actualPrice = currentProduct.actualPriceRange?.minValue?.amount;
             const compareAtPrice = currentProduct.compareAtPriceRange?.minValue?.amount;
@@ -150,7 +154,7 @@ export const SelectedVariantService = implementService.withConfig()(SelectedVari
                 const optionsMap = {};
                 currentProduct.options.forEach((option) => {
                     if (option.name && option.choicesSettings?.choices) {
-                        optionsMap[option.name] = option.choicesSettings.choices.map((choice) => choice.name || '');
+                        optionsMap[option.name] = option.choicesSettings.choices.map((choice) => choice.name || "");
                     }
                 });
                 options.set(optionsMap);
@@ -158,12 +162,12 @@ export const SelectedVariantService = implementService.withConfig()(SelectedVari
             if (currentProduct.variantSummary.variantCount > 1) {
                 variants.set(currentProduct.variantsInfo?.variants || []);
                 if (currentProduct.variantsInfo?.variants?.length) {
-                    // updateDataFromVariant(currentProduct.variantsInfo?.variants[0]);
+                    updateDataFromVariant(currentProduct.variantsInfo?.variants[0] || null);
                 }
             }
             else {
                 const singleVariant = {
-                    _id: 'default',
+                    _id: "default",
                     visible: true,
                     choices: [],
                     price: {
@@ -172,10 +176,11 @@ export const SelectedVariantService = implementService.withConfig()(SelectedVari
                     },
                     inventoryStatus: {
                         inStock: currentProduct.inventory?.availabilityStatus ===
-                            InventoryAvailabilityStatus.IN_STOCK ||
+                            productsV3.InventoryAvailabilityStatus.IN_STOCK ||
                             currentProduct.inventory?.availabilityStatus ===
-                                InventoryAvailabilityStatus.PARTIALLY_OUT_OF_STOCK,
-                        preorderEnabled: currentProduct.inventory?.preorderStatus === 'ENABLED',
+                                productsV3.InventoryAvailabilityStatus
+                                    .PARTIALLY_OUT_OF_STOCK,
+                        preorderEnabled: currentProduct.inventory?.preorderStatus === "ENABLED",
                     },
                 };
                 variants.set([singleVariant]);
@@ -194,7 +199,8 @@ export const SelectedVariantService = implementService.withConfig()(SelectedVari
             return null;
         return (variantsList.find((variant) => {
             const variantChoices = processVariantChoices(variant);
-            if (Object.keys(choices).length !== Object.keys(variantChoices).length)
+            if (Object.keys(choices).length !==
+                Object.keys(variantChoices).length)
                 return false;
             return Object.entries(choices).every(([optionName, optionValue]) => {
                 return variantChoices[optionName] === optionValue;
@@ -205,19 +211,8 @@ export const SelectedVariantService = implementService.withConfig()(SelectedVari
         const variant = currentVariant.get();
         return variant?._id || null;
     });
-    const variantWithMinPrice = findVariantWithMinPrice();
     const currentPrice = signalsService.computed(() => {
         const variant = currentVariant.get();
-        if (!variant && variantWithMinPrice) {
-            const formattedAmount = variantWithMinPrice?.price?.actualPrice?.formattedAmount;
-            if (formattedAmount) {
-                return formattedAmount;
-            }
-            const amount = variantWithMinPrice?.price?.actualPrice?.amount;
-            if (amount) {
-                return `$${amount}`;
-            }
-        }
         const prod = v3Product.get();
         // Try to get formatted amount first (if fields worked)
         if (variant?.price?.actualPrice?.formattedAmount) {
@@ -234,21 +229,11 @@ export const SelectedVariantService = implementService.withConfig()(SelectedVari
         else if (prod?.actualPriceRange?.minValue?.amount) {
             rawAmount = prod.actualPriceRange.minValue.amount;
         }
-        return rawAmount ? `$${rawAmount}` : '';
+        return rawAmount ? `$${rawAmount}` : "";
     });
     const currentCompareAtPrice = signalsService.computed(() => {
         const variant = currentVariant.get();
         const prod = v3Product.get();
-        if (!variant && variantWithMinPrice) {
-            const formattedAmount = variantWithMinPrice?.price?.compareAtPrice?.formattedAmount;
-            if (formattedAmount) {
-                return formattedAmount;
-            }
-            const amount = variantWithMinPrice?.price?.compareAtPrice?.amount;
-            if (amount) {
-                return `$${amount}`;
-            }
-        }
         // Try to get formatted compare-at price first
         if (variant?.price?.compareAtPrice?.formattedAmount) {
             return variant.price.compareAtPrice.formattedAmount;
@@ -286,12 +271,12 @@ export const SelectedVariantService = implementService.withConfig()(SelectedVari
     });
     const currency = signalsService.computed(() => {
         const prod = v3Product.get();
-        return prod?.currency || 'USD';
+        return prod?.currency || "USD";
     });
     const selectedVariant = () => {
         const variantId = selectedVariantId.get();
         const variantsList = variants.get();
-        return variantsList.find(v => v._id === variantId) || null;
+        return variantsList.find((v) => v._id === variantId) || null;
     };
     const finalPrice = () => {
         const discount = discountPrice.get();
@@ -309,20 +294,20 @@ export const SelectedVariantService = implementService.withConfig()(SelectedVari
         const matchingVariant = findVariantByChoices(variants.get(), choices);
         updateDataFromVariant(matchingVariant);
     };
-    const addToCart = async (_quantity = 1, modifiers) => {
+    const addToCart = async (quantity = 1, modifiers) => {
         try {
             isLoading.set(true);
             error.set(null);
             const prod = v3Product.get();
             const variant = currentVariant.get();
             if (!prod?._id) {
-                throw new Error('Product not found');
+                throw new Error("Product not found");
             }
             // Build catalog reference with modifiers if provided
             const catalogReference = {
                 catalogItemId: prod._id,
-                appId: '215238eb-22a5-4c36-9e7b-e7c08025e04e',
-                options: variant?._id && variant._id !== 'default'
+                appId: "215238eb-22a5-4c36-9e7b-e7c08025e04e",
+                options: variant?._id && variant._id !== "default"
                     ? {
                         variantId: variant._id,
                         preOrderRequested: !!variant?.inventoryStatus?.preorderEnabled,
@@ -337,21 +322,22 @@ export const SelectedVariantService = implementService.withConfig()(SelectedVari
                 const productModifiers = prod.modifiers || [];
                 Object.values(modifiers).forEach((modifierValue) => {
                     const modifierName = modifierValue.modifierName;
-                    const productModifier = productModifiers.find(m => m.name === modifierName);
+                    const productModifier = productModifiers.find((m) => m.name === modifierName);
                     if (!productModifier)
                         return;
                     const renderType = productModifier.modifierRenderType;
-                    if (renderType === ModifierRenderType.TEXT_CHOICES ||
-                        renderType === ModifierRenderType.SWATCH_CHOICES) {
+                    if (renderType === productsV3.ModifierRenderType.TEXT_CHOICES ||
+                        renderType === productsV3.ModifierRenderType.SWATCH_CHOICES) {
                         // For choice modifiers, use the modifier key and choice value
                         const modifierKey = productModifier.key || modifierName;
                         if (modifierValue.choiceValue) {
                             options[modifierKey] = modifierValue.choiceValue;
                         }
                     }
-                    else if (renderType === ModifierRenderType.FREE_TEXT) {
+                    else if (renderType === productsV3.ModifierRenderType.FREE_TEXT) {
                         // For free text modifiers, use the freeTextSettings key
-                        const freeTextKey = productModifier.freeTextSettings?.key || modifierName;
+                        const freeTextKey = productModifier.freeTextSettings?.key ||
+                            modifierName;
                         if (modifierValue.freeTextValue) {
                             customTextFields[freeTextKey] = modifierValue.freeTextValue;
                         }
@@ -371,16 +357,16 @@ export const SelectedVariantService = implementService.withConfig()(SelectedVari
                     };
                 }
             }
-            // const lineItems = [
-            //   {
-            //     catalogReference,
-            //     quantity,
-            //   },
-            // ];
-            // await cartService.addToCart(lineItems);
+            const lineItems = [
+                {
+                    catalogReference,
+                    quantity,
+                },
+            ];
+            await cartService.addToCart(lineItems);
         }
         catch (err) {
-            error.set(err instanceof Error ? err.message : 'Failed to add to cart');
+            error.set(err instanceof Error ? err.message : "Failed to add to cart");
         }
         finally {
             isLoading.set(false);
@@ -393,7 +379,7 @@ export const SelectedVariantService = implementService.withConfig()(SelectedVari
     };
     const selectVariantById = (id) => {
         const variantsList = variants.get();
-        const variant = variantsList.find(v => v._id === id);
+        const variant = variantsList.find((v) => v._id === id);
         if (variant) {
             const variantChoices = processVariantChoices(variant);
             selectedChoices.set(variantChoices);
@@ -427,7 +413,7 @@ export const SelectedVariantService = implementService.withConfig()(SelectedVari
         const variantsList = variants.get();
         // Get all possible choices for this option that result in valid variants
         const availableChoices = new Set();
-        variantsList.forEach(variant => {
+        variantsList.forEach((variant) => {
             const variantChoices = processVariantChoices(variant);
             // Check if this variant matches all currently selected choices (except for the option we're checking)
             const matchesOtherChoices = Object.entries(currentChoices)
@@ -449,7 +435,7 @@ export const SelectedVariantService = implementService.withConfig()(SelectedVari
         };
         // Get all variants and find one that matches these choices
         const variantsList = variants.get();
-        const matchingVariants = variantsList.filter(variant => {
+        const matchingVariants = variantsList.filter((variant) => {
             if (!variant.choices)
                 return false;
             const variantChoices = {};
@@ -465,9 +451,9 @@ export const SelectedVariantService = implementService.withConfig()(SelectedVari
         });
         const isAvailable = matchingVariants.length > 0;
         // Check if ANY of the matching variants are in stock
-        const isInStock = matchingVariants.some(variant => variant.inventoryStatus?.inStock === true);
+        const isInStock = matchingVariants.some((variant) => variant.inventoryStatus?.inStock === true);
         // Check if ANY of the matching variants have pre-order enabled
-        const isPreOrderEnabled = matchingVariants.some(variant => variant.inventoryStatus?.preorderEnabled === true);
+        const isPreOrderEnabled = matchingVariants.some((variant) => variant.inventoryStatus?.preorderEnabled === true);
         return { isAvailable, isInStock, isPreOrderEnabled };
     };
     // Simplified methods using the core getChoiceInfo
@@ -487,7 +473,7 @@ export const SelectedVariantService = implementService.withConfig()(SelectedVari
     const IsAllVariantsAreOutOfStock = () => {
         const variantsList = variants.get();
         // All variants must be out of stock AND none should have preorder enabled
-        return (variantsList?.every(variant => !variant.inventoryStatus?.inStock &&
+        return (variantsList?.every((variant) => !variant.inventoryStatus?.inStock &&
             !variant.inventoryStatus?.preorderEnabled) ?? true);
     };
     return {

package/dist/services/social-sharing-service.d.ts

@@ -1,5 +1,4 @@
-import { type ServiceFactoryConfig } from '@wix/services-definitions';
-import type { Signal } from '../../Signal';
+import { type Signal } from "@wix/services-definitions/core-services/signals";
 export interface SharingPlatform {
     name: string;
     icon: string;
@@ -32,10 +31,4 @@ export declare const SocialSharingService: import("@wix/services-definitions").S
     __api: SocialSharingServiceAPI;
     __config: {};
     isServiceDefinition?: boolean;
-} & SocialSharingServiceAPI, {
-    productName: string;
-    productUrl: string;
-    productDescription?: string;
-    productImage?: string;
-}, import("@wix/services-definitions").ThreadMode.MAIN>;
-export declare function loadSocialSharingServiceConfig(productName: string, productUrl: string, productDescription?: string, productImage?: string): Promise<ServiceFactoryConfig<typeof SocialSharingService>>;
+} & SocialSharingServiceAPI, {}>;

package/dist/services/social-sharing-service.js

@@ -1,39 +1,39 @@
-import { defineService, implementService, } from '@wix/services-definitions';
-import { SignalsServiceDefinition } from '@wix/services-definitions/core-services/signals';
-import { SocialPlatform, SocialPlatformShareUrl, } from '../enums/social-platform-enums';
-export const SocialSharingServiceDefinition = defineService('socialSharing');
+import { defineService, implementService } from "@wix/services-definitions";
+import { SignalsServiceDefinition, } from "@wix/services-definitions/core-services/signals";
+import { SocialPlatform, SocialPlatformShareUrl, } from "../enums/social-platform-enums.js";
+export const SocialSharingServiceDefinition = defineService("socialSharing");
 export const SocialSharingService = implementService.withConfig()(SocialSharingServiceDefinition, ({ getService }) => {
     const signalsService = getService(SignalsServiceDefinition);
     // Platform metadata is handled in components layer, only business logic here
     const availablePlatforms = signalsService.signal([
         {
-            name: 'Facebook',
-            icon: 'facebook',
-            color: '#1877F2',
+            name: "Facebook",
+            icon: "facebook",
+            color: "#1877F2",
             shareUrl: SocialPlatformShareUrl.FACEBOOK,
         },
         {
-            name: 'Twitter',
-            icon: 'twitter',
-            color: '#1DA1F2',
+            name: "Twitter",
+            icon: "twitter",
+            color: "#1DA1F2",
             shareUrl: SocialPlatformShareUrl.TWITTER,
         },
         {
-            name: 'LinkedIn',
-            icon: 'linkedin',
-            color: '#0A66C2',
+            name: "LinkedIn",
+            icon: "linkedin",
+            color: "#0A66C2",
             shareUrl: SocialPlatformShareUrl.LINKEDIN,
         },
         {
-            name: 'WhatsApp',
-            icon: 'whatsapp',
-            color: '#25D366',
+            name: "WhatsApp",
+            icon: "whatsapp",
+            color: "#25D366",
             shareUrl: SocialPlatformShareUrl.WHATSAPP,
         },
         {
-            name: 'Email',
-            icon: 'mail',
-            color: '#EA4335',
+            name: "Email",
+            icon: "mail",
+            color: "#EA4335",
             shareUrl: SocialPlatformShareUrl.EMAIL,
         },
     ]);
@@ -49,25 +49,25 @@ export const SocialSharingService = implementService.withConfig()(SocialSharingS
     };
     const shareToFacebook = (url, title, description) => {
         const shareUrl = new URL(SocialPlatformShareUrl.FACEBOOK);
-        shareUrl.searchParams.set('u', url);
-        shareUrl.searchParams.set('quote', `${title}${description ? ` - ${description}` : ''}`);
+        shareUrl.searchParams.set("u", url);
+        shareUrl.searchParams.set("quote", `${title}${description ? ` - ${description}` : ""}`);
         openShareWindow(shareUrl.toString(), SocialPlatform.FACEBOOK);
     };
     const shareToTwitter = (url, text, hashtags) => {
         const shareUrl = new URL(SocialPlatformShareUrl.TWITTER);
-        shareUrl.searchParams.set('url', url);
-        shareUrl.searchParams.set('text', text);
+        shareUrl.searchParams.set("url", url);
+        shareUrl.searchParams.set("text", text);
         if (hashtags && hashtags.length > 0) {
-            shareUrl.searchParams.set('hashtags', hashtags.join(','));
+            shareUrl.searchParams.set("hashtags", hashtags.join(","));
         }
         openShareWindow(shareUrl.toString(), SocialPlatform.TWITTER);
     };
     const shareToLinkedIn = (url, title, summary) => {
         const shareUrl = new URL(SocialPlatformShareUrl.LINKEDIN);
-        shareUrl.searchParams.set('url', url);
-        shareUrl.searchParams.set('title', title);
+        shareUrl.searchParams.set("url", url);
+        shareUrl.searchParams.set("title", title);
         if (summary) {
-            shareUrl.searchParams.set('summary', summary);
+            shareUrl.searchParams.set("summary", summary);
         }
         openShareWindow(shareUrl.toString(), SocialPlatform.LINKEDIN);
     };
@@ -89,7 +89,7 @@ export const SocialSharingService = implementService.withConfig()(SocialSharingS
             return true;
         }
         catch (err) {
-            console.error('Failed to copy to clipboard:', err);
+            console.error("Failed to copy to clipboard:", err);
             return false;
         }
     };
@@ -103,7 +103,7 @@ export const SocialSharingService = implementService.withConfig()(SocialSharingS
             return false;
         }
         catch (err) {
-            console.error('Failed to share natively:', err);
+            console.error("Failed to share natively:", err);
             return false;
         }
     };
@@ -127,11 +127,3 @@ export const SocialSharingService = implementService.withConfig()(SocialSharingS
         trackShare,
     };
 });
-export async function loadSocialSharingServiceConfig(productName, productUrl, productDescription, productImage) {
-    return {
-        productName,
-        productUrl,
-        productDescription,
-        productImage,
-    };
-}

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

@@ -1,5 +1,5 @@
-import type { Signal } from '../../Signal';
-import { SortType } from '../enums/sort-enums';
+import { type Signal } from "@wix/services-definitions/core-services/signals";
+import { SortType } from "../enums/sort-enums.js";
 export type SortBy = SortType;
 export interface SortServiceAPI {
     currentSort: Signal<SortBy>;
@@ -17,4 +17,4 @@ export declare const SortService: import("@wix/services-definitions").ServiceFac
     isServiceDefinition?: boolean;
 } & SortServiceAPI, {
     initialSort?: SortBy;
-}, import("@wix/services-definitions").ThreadMode.MAIN>;
+}>;

package/dist/services/sort-service.js

@@ -1,24 +1,22 @@
-import { defineService, implementService } from '@wix/services-definitions';
-import { SignalsServiceDefinition } from '@wix/services-definitions/core-services/signals';
-import { URLParamsUtils } from '../utils/url-params';
-import { SortType, DEFAULT_SORT_TYPE } from '../enums/sort-enums';
-export const SortServiceDefinition = defineService('sort');
+import { defineService, implementService } from "@wix/services-definitions";
+import { SignalsServiceDefinition, } from "@wix/services-definitions/core-services/signals";
+import { URLParamsUtils } from "../utils/url-params.js";
+import { SortType, DEFAULT_SORT_TYPE } from "../enums/sort-enums.js";
+export const SortServiceDefinition = defineService("sort");
 export const defaultSort = DEFAULT_SORT_TYPE;
 export const SortService = implementService.withConfig()(SortServiceDefinition, ({ getService, config }) => {
     const signalsService = getService(SignalsServiceDefinition);
-    const currentSort = signalsService.signal((config.initialSort || defaultSort));
+    const currentSort = signalsService.signal((config?.initialSort || defaultSort));
     const setSortBy = async (sortBy) => {
         currentSort.set(sortBy);
         // Update URL with sort parameter
         const currentParams = URLParamsUtils.getURLParams();
         const urlParams = { ...currentParams };
         if (sortBy !== SortType.NEWEST) {
-            // @ts-ignore
-            urlParams.sort = sortBy;
+            urlParams["sort"] = sortBy;
         }
         else {
-            // @ts-ignore
-            delete urlParams.sort;
+            delete urlParams["sort"];
         }
         URLParamsUtils.updateURL(urlParams);
     };

package/dist/utils/url-params.js

@@ -19,14 +19,14 @@ export class URLParamsUtils {
         return params;
     }
     static updateURL(params) {
-        if (typeof window === "undefined")
+        if (typeof window === 'undefined')
             return;
         const url = new URL(window.location.href);
         const urlParams = new URLSearchParams();
         // Add all parameters
         Object.entries(params).forEach(([key, value]) => {
             if (Array.isArray(value)) {
-                value.forEach((v) => urlParams.append(key, v));
+                value.forEach(v => urlParams.append(key, v));
             }
             else if (value) {
                 urlParams.set(key, value);
@@ -36,10 +36,10 @@ export class URLParamsUtils {
         const newURL = urlParams.toString()
             ? `${url.pathname}?${urlParams.toString()}`
             : url.pathname;
-        window.history.replaceState({}, "", newURL);
+        window.history.replaceState({}, '', newURL);
     }
     static getURLParams() {
-        if (typeof window === "undefined")
+        if (typeof window === 'undefined')
             return {};
         return this.parseSearchParams(new URLSearchParams(window.location.search));
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wix/headless-stores",
-  "version": "0.0.11",
+  "version": "0.0.14",
   "type": "module",
   "scripts": {
     "build": "npm run build:esm && npm run build:cjs",
@@ -55,11 +55,11 @@
     "@wix/auto_sdk_stores_inventory-items-v-3": "^1.0.26",
     "@wix/auto_sdk_stores_products-v-3": "^1.0.53",
     "@wix/auto_sdk_stores_read-only-variants-v-3": "^1.0.23",
-    "@wix/categories": "^1.0.137",
-    "@wix/ecom": "^1.0.1169",
     "@wix/essentials": "^0.1.22",
+    "@wix/headless-ecom": "^0.0.2",
+    "@wix/headless-media": "^0.0.1",
     "@wix/redirects": "^1.0.79",
-    "@wix/services-definitions": "^0.1.2",
-    "@wix/services-manager-react": "^0.1.9"
+    "@wix/services-definitions": "^0.1.4",
+    "@wix/services-manager-react": "^0.1.26"
   }
 }

package/cjs/dist/services/product-media-gallery-service.d.ts

@@ -1,25 +0,0 @@
-import { type ServiceFactoryConfig } from "@wix/services-definitions";
-import type { Signal, ReadOnlySignal } from "../../Signal";
-import { V3Product } from "@wix/auto_sdk_stores_products-v-3";
-export interface ProductMediaGalleryServiceAPI {
-    selectedImageIndex: Signal<number>;
-    relevantImages: ReadOnlySignal<string[]>;
-    product: ReadOnlySignal<V3Product | null>;
-    isLoading: ReadOnlySignal<boolean>;
-    totalImages: ReadOnlySignal<number>;
-    productName: ReadOnlySignal<string>;
-    setSelectedImageIndex: (index: number) => void;
-    nextImage: () => void;
-    previousImage: () => void;
-}
-export declare const ProductMediaGalleryServiceDefinition: string & {
-    __api: ProductMediaGalleryServiceAPI;
-    __config: {};
-    isServiceDefinition?: boolean;
-} & ProductMediaGalleryServiceAPI;
-export declare const ProductMediaGalleryService: import("@wix/services-definitions").ServiceFactory<string & {
-    __api: ProductMediaGalleryServiceAPI;
-    __config: {};
-    isServiceDefinition?: boolean;
-} & ProductMediaGalleryServiceAPI, {}, import("@wix/services-definitions").ThreadMode.MAIN>;
-export declare function loadProductMediaGalleryServiceConfig(productSlug: string): Promise<ServiceFactoryConfig<typeof ProductMediaGalleryService>>;