@wix/headless-stores 0.0.12 → 0.0.14

package/cjs/dist/services/product-media-gallery-service.js

@@ -1,105 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ProductMediaGalleryService = exports.ProductMediaGalleryServiceDefinition = void 0;
-exports.loadProductMediaGalleryServiceConfig = loadProductMediaGalleryServiceConfig;
-const services_definitions_1 = require("@wix/services-definitions");
-const signals_1 = require("@wix/services-definitions/core-services/signals");
-const selected_variant_service_1 = require("./selected-variant-service");
-const product_service_1 = require("./product-service");
-exports.ProductMediaGalleryServiceDefinition = (0, services_definitions_1.defineService)("productMediaGallery");
-exports.ProductMediaGalleryService = services_definitions_1.implementService.withConfig()(exports.ProductMediaGalleryServiceDefinition, ({ getService }) => {
-    const signalsService = getService(signals_1.SignalsServiceDefinition);
-    const selectedVariantService = getService(selected_variant_service_1.SelectedVariantServiceDefinition);
-    const productService = getService(product_service_1.ProductServiceDefinition);
-    const selectedImageIndex = signalsService.signal(0);
-    const relevantImages = signalsService.computed(() => {
-        const product = productService.product.get();
-        const selectedChoices = selectedVariantService.selectedChoices?.get() || {};
-        // Get images based on selected choices if available
-        let selectedChoicesImages = [];
-        Object.keys(selectedChoices).forEach((choiceKey) => {
-            const productOption = product?.options?.find((option) => option.name === choiceKey)?.choicesSettings?.choices?.find((choice) => choice.name === selectedChoices[choiceKey]);
-            if (productOption) {
-                selectedChoicesImages.push(...(productOption?.linkedMedia?.map((media) => media.image) || []));
-            }
-        });
-        if (selectedChoicesImages?.length) {
-            return selectedChoicesImages;
-        }
-        const productItemsImages = product?.media?.itemsInfo?.items?.map((item) => item.image).filter(Boolean);
-        if (productItemsImages?.length) {
-            return productItemsImages;
-        }
-        if (product?.media?.main) {
-            return [product.media.main.image];
-        }
-        return [];
-    });
-    const product = productService.product;
-    const isLoading = productService.isLoading;
-    const totalImages = signalsService.computed(() => {
-        return relevantImages.get().length;
-    });
-    const productName = signalsService.computed(() => {
-        const prod = productService.product.get();
-        return prod?.name || "Product";
-    });
-    const subscribeToVariantChanges = () => {
-        return selectedVariantService.selectedChoices.subscribe(() => {
-            selectedImageIndex.set(0);
-        });
-    };
-    subscribeToVariantChanges();
-    const setSelectedImageIndex = (index) => {
-        const images = relevantImages.get();
-        if (!images.length)
-            return;
-        const maxIndex = images.length - 1;
-        const validIndex = Math.max(0, Math.min(index, maxIndex));
-        selectedImageIndex.set(validIndex);
-    };
-    const nextImage = () => {
-        const images = relevantImages.get();
-        const currentIndex = selectedImageIndex.get();
-        if (!images.length)
-            return;
-        const nextIndex = currentIndex >= images.length - 1
-            ? 0
-            : currentIndex + 1;
-        selectedImageIndex.set(nextIndex);
-    };
-    const previousImage = () => {
-        const images = relevantImages.get();
-        const currentIndex = selectedImageIndex.get();
-        if (!images.length)
-            return;
-        const prevIndex = currentIndex <= 0
-            ? images.length - 1
-            : currentIndex - 1;
-        selectedImageIndex.set(prevIndex);
-    };
-    return {
-        selectedImageIndex,
-        relevantImages,
-        setSelectedImageIndex,
-        nextImage,
-        previousImage,
-        product,
-        isLoading,
-        totalImages,
-        productName,
-    };
-});
-async function loadProductMediaGalleryServiceConfig(
-// @ts-ignore
-productSlug) {
-    try {
-        // No need to fetch product data here since this service depends on ProductServiceDefinition
-        // which already loads the product data. We just need to return an empty config.
-        return {};
-    }
-    catch (error) {
-        console.error("Failed to load product media gallery config:", error);
-        throw error;
-    }
-}

package/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>>;

package/dist/services/product-media-gallery-service.js

@@ -1,101 +0,0 @@
-import { defineService, implementService, } from "@wix/services-definitions";
-import { SignalsServiceDefinition } from "@wix/services-definitions/core-services/signals";
-import { SelectedVariantServiceDefinition } from "./selected-variant-service";
-import { ProductServiceDefinition } from "./product-service";
-export const ProductMediaGalleryServiceDefinition = defineService("productMediaGallery");
-export const ProductMediaGalleryService = implementService.withConfig()(ProductMediaGalleryServiceDefinition, ({ getService }) => {
-    const signalsService = getService(SignalsServiceDefinition);
-    const selectedVariantService = getService(SelectedVariantServiceDefinition);
-    const productService = getService(ProductServiceDefinition);
-    const selectedImageIndex = signalsService.signal(0);
-    const relevantImages = signalsService.computed(() => {
-        const product = productService.product.get();
-        const selectedChoices = selectedVariantService.selectedChoices?.get() || {};
-        // Get images based on selected choices if available
-        let selectedChoicesImages = [];
-        Object.keys(selectedChoices).forEach((choiceKey) => {
-            const productOption = product?.options?.find((option) => option.name === choiceKey)?.choicesSettings?.choices?.find((choice) => choice.name === selectedChoices[choiceKey]);
-            if (productOption) {
-                selectedChoicesImages.push(...(productOption?.linkedMedia?.map((media) => media.image) || []));
-            }
-        });
-        if (selectedChoicesImages?.length) {
-            return selectedChoicesImages;
-        }
-        const productItemsImages = product?.media?.itemsInfo?.items?.map((item) => item.image).filter(Boolean);
-        if (productItemsImages?.length) {
-            return productItemsImages;
-        }
-        if (product?.media?.main) {
-            return [product.media.main.image];
-        }
-        return [];
-    });
-    const product = productService.product;
-    const isLoading = productService.isLoading;
-    const totalImages = signalsService.computed(() => {
-        return relevantImages.get().length;
-    });
-    const productName = signalsService.computed(() => {
-        const prod = productService.product.get();
-        return prod?.name || "Product";
-    });
-    const subscribeToVariantChanges = () => {
-        return selectedVariantService.selectedChoices.subscribe(() => {
-            selectedImageIndex.set(0);
-        });
-    };
-    subscribeToVariantChanges();
-    const setSelectedImageIndex = (index) => {
-        const images = relevantImages.get();
-        if (!images.length)
-            return;
-        const maxIndex = images.length - 1;
-        const validIndex = Math.max(0, Math.min(index, maxIndex));
-        selectedImageIndex.set(validIndex);
-    };
-    const nextImage = () => {
-        const images = relevantImages.get();
-        const currentIndex = selectedImageIndex.get();
-        if (!images.length)
-            return;
-        const nextIndex = currentIndex >= images.length - 1
-            ? 0
-            : currentIndex + 1;
-        selectedImageIndex.set(nextIndex);
-    };
-    const previousImage = () => {
-        const images = relevantImages.get();
-        const currentIndex = selectedImageIndex.get();
-        if (!images.length)
-            return;
-        const prevIndex = currentIndex <= 0
-            ? images.length - 1
-            : currentIndex - 1;
-        selectedImageIndex.set(prevIndex);
-    };
-    return {
-        selectedImageIndex,
-        relevantImages,
-        setSelectedImageIndex,
-        nextImage,
-        previousImage,
-        product,
-        isLoading,
-        totalImages,
-        productName,
-    };
-});
-export async function loadProductMediaGalleryServiceConfig(
-// @ts-ignore
-productSlug) {
-    try {
-        // No need to fetch product data here since this service depends on ProductServiceDefinition
-        // which already loads the product data. We just need to return an empty config.
-        return {};
-    }
-    catch (error) {
-        console.error("Failed to load product media gallery config:", error);
-        throw error;
-    }
-}