@wix/headless-stores 0.0.12 → 0.0.15

package/cjs/dist/utils/index.js

@@ -1,11 +1,8 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getCheckoutUrlForProduct = getCheckoutUrlForProduct;
-const ecom_1 = require("@wix/ecom");
-const redirects_1 = require("@wix/redirects");
+import { checkout } from "@wix/ecom";
+import { redirects } from "@wix/redirects";
 const CATLOG_APP_ID_V3 = "215238eb-22a5-4c36-9e7b-e7c08025e04e";
-async function getCheckoutUrlForProduct(productId, variantId) {
-    const checkoutResult = await ecom_1.checkout.createCheckout({
+export async function getCheckoutUrlForProduct(productId, variantId) {
+    const checkoutResult = await checkout.createCheckout({
         lineItems: [
             {
                 catalogReference: {
@@ -18,12 +15,12 @@ async function getCheckoutUrlForProduct(productId, variantId) {
                 quantity: 1,
             },
         ],
-        channelType: ecom_1.checkout.ChannelType.WEB,
+        channelType: checkout.ChannelType.WEB,
     });
     if (!checkoutResult._id) {
         throw new Error("Failed to create checkout");
     }
-    const { redirectSession } = await redirects_1.redirects.createRedirectSession({
+    const { redirectSession } = await redirects.createRedirectSession({
         ecomCheckout: { checkoutId: checkoutResult._id },
         callbacks: {
             postFlowUrl: window.location.href,

package/cjs/dist/utils/url-params.js

@@ -1,7 +1,4 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.URLParamsUtils = void 0;
-class URLParamsUtils {
+export class URLParamsUtils {
     static parseSearchParams(searchParams) {
         const params = {};
         // Parse all parameters
@@ -22,14 +19,14 @@ 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);
@@ -39,12 +36,11 @@ 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));
     }
 }
-exports.URLParamsUtils = URLParamsUtils;

package/dist/astro/actions/custom-checkout.d.ts

@@ -1,4 +1,4 @@
-import { type CustomLineItemCheckoutOptions } from "@wix/headless-stores/server-actions";
+import { type CustomLineItemCheckoutOptions } from "../../server-actions/index.js";
 /**
  * Creates an Astro action factory for custom checkout functionality with line items.
  *

package/dist/astro/actions/custom-checkout.js

@@ -1,7 +1,7 @@
 /// <reference types="astro/env" />
 // @ts-ignore
 import { defineAction } from "astro:actions";
-import { getCustomLineItemCheckoutURLFactory, } from "@wix/headless-stores/server-actions";
+import { getCustomLineItemCheckoutURLFactory, } from "../../server-actions/index.js";
 /**
  * Creates an Astro action factory for custom checkout functionality with line items.
  *

package/dist/astro/actions/index.d.ts

@@ -1 +1 @@
-export * from "./custom-checkout";
+export * from "./custom-checkout.js";

package/dist/astro/actions/index.js

@@ -1 +1 @@
-export * from "./custom-checkout";
+export * from "./custom-checkout.js";

package/dist/enums/index.d.ts

@@ -1,2 +1,2 @@
-export * from './sort-enums';
-export * from './social-platform-enums';
+export * from "./sort-enums.js";
+export * from "./social-platform-enums.js";

package/dist/enums/index.js

@@ -1,2 +1,2 @@
-export * from './sort-enums';
-export * from './social-platform-enums';
+export * from "./sort-enums.js";
+export * from "./social-platform-enums.js";

package/dist/react/BuyNow.js

@@ -1,7 +1,5 @@
 import { useService } from "@wix/services-manager-react";
-import { BuyNowServiceDefinition } from "../services/buy-now-service";
-;
-;
+import { BuyNowServiceDefinition } from "../services/buy-now-service.js";
 /**
  * A headless component that provides buy now functionality using the render props pattern.
  *
@@ -30,7 +28,7 @@ import { BuyNowServiceDefinition } from "../services/buy-now-service";
  * @component
  */
 export function BuyNow(props) {
-    const { redirectToCheckout, loadingSignal, productName, errorSignal, price, currency, inStock, preOrderAvailable, } = useService(BuyNowServiceDefinition);
+    const { redirectToCheckout, loadingSignal, productName, errorSignal, price, currency, inStockSignal, preOrderAvailableSignal, } = useService(BuyNowServiceDefinition);
     return props.children({
         isLoading: loadingSignal.get(),
         error: errorSignal.get(),
@@ -38,7 +36,7 @@ export function BuyNow(props) {
         redirectToCheckout,
         price,
         currency,
-        inStock,
-        preOrderAvailable,
+        inStock: inStockSignal.get(),
+        preOrderAvailable: preOrderAvailableSignal.get(),
     });
 }

package/dist/react/Category.d.ts

@@ -1,5 +1,5 @@
-import { type Category } from '@wix/auto_sdk_categories_categories';
-import React, { type ReactNode } from 'react';
+import { type Category } from "@wix/auto_sdk_categories_categories";
+import React, { type ReactNode } from "react";
 export interface CategoryListProps {
     children: (data: {
         categories: Category[];

package/dist/react/Category.js

@@ -1,6 +1,6 @@
 import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
-import { useService } from '@wix/services-manager-react';
-import { CategoryServiceDefinition } from '../services/category-service';
+import { useService } from "@wix/services-manager-react";
+import { CategoryServiceDefinition } from "../services/category-service.js";
 /**
  * Headless component for displaying a list of categories
  *

package/dist/react/Collection.d.ts

@@ -1,4 +1,4 @@
-import { type V3Product } from '@wix/auto_sdk_stores_products-v-3';
+import { type V3Product } from "@wix/auto_sdk_stores_products-v-3";
 /**
  * Props for Grid headless component
  */

package/dist/react/Collection.js

@@ -1,6 +1,6 @@
-import { useService } from '@wix/services-manager-react';
-import { CollectionServiceDefinition } from '../services/collection-service';
-import { InventoryAvailabilityStatus, } from '@wix/auto_sdk_stores_products-v-3';
+import { useService } from "@wix/services-manager-react";
+import { CollectionServiceDefinition } from "../services/collection-service.js";
+import { InventoryAvailabilityStatus, } from "@wix/auto_sdk_stores_products-v-3";
 /**
  * Headless component for product grid
  *
@@ -10,11 +10,11 @@ export const Grid = (props) => {
     const service = useService(CollectionServiceDefinition);
     // Debug logging to help identify service issues
     if (!service) {
-        console.error('CollectionService is undefined');
+        console.error("CollectionService is undefined");
         return props.children({
             products: [],
             isLoading: false,
-            error: 'Service not available',
+            error: "Service not available",
             isEmpty: true,
             totalProducts: 0,
             hasProducts: false,
@@ -37,11 +37,11 @@ export const Grid = (props) => {
         });
     }
     catch (err) {
-        console.error('Error accessing service properties:', err);
+        console.error("Error accessing service properties:", err);
         return props.children({
             products: [],
             isLoading: false,
-            error: 'Failed to load products',
+            error: "Failed to load products",
             isEmpty: true,
             totalProducts: 0,
             hasProducts: false,
@@ -60,18 +60,18 @@ export const Item = (props) => {
     const image = product?.media?.main?.image || null;
     // Create formatted price since formattedAmount is not available
     const rawAmount = product.actualPriceRange?.minValue?.amount;
-    const price = rawAmount ? `$${rawAmount}` : '$0.00';
+    const price = rawAmount ? `$${rawAmount}` : "$0.00";
     // Create formatted compare-at price
     const rawCompareAmount = product.compareAtPriceRange?.minValue?.amount;
     const compareAtPrice = rawCompareAmount ? `$${rawCompareAmount}` : null;
     const availabilityStatus = product.inventory?.availabilityStatus;
     const available = availabilityStatus === InventoryAvailabilityStatus.IN_STOCK ||
         availabilityStatus === InventoryAvailabilityStatus.PARTIALLY_OUT_OF_STOCK;
-    const description = typeof product.description === 'string' ? product.description : '';
+    const description = typeof product.description === "string" ? product.description : "";
     return props.children({
-        id: product._id || '',
-        title: product.name || '',
-        slug: product.slug || '',
+        id: product._id || "",
+        title: product.name || "",
+        slug: product.slug || "",
         image,
         price,
         compareAtPrice,
@@ -90,7 +90,7 @@ export const LoadMore = (props) => {
     const service = useService(CollectionServiceDefinition);
     // Error handling for undefined service
     if (!service) {
-        console.error('CollectionService is undefined in LoadMore');
+        console.error("CollectionService is undefined in LoadMore");
         return props.children({
             loadMore: async () => { },
             refresh: async () => { },
@@ -115,7 +115,7 @@ export const LoadMore = (props) => {
         });
     }
     catch (err) {
-        console.error('Error in LoadMore:', err);
+        console.error("Error in LoadMore:", err);
         return props.children({
             loadMore: async () => { },
             refresh: async () => { },
@@ -135,7 +135,7 @@ export const Header = (props) => {
     const service = useService(CollectionServiceDefinition);
     // Error handling for undefined service
     if (!service) {
-        console.error('CollectionService is undefined in Header');
+        console.error("CollectionService is undefined in Header");
         return props.children({
             totalProducts: 0,
             isLoading: false,
@@ -153,7 +153,7 @@ export const Header = (props) => {
         });
     }
     catch (err) {
-        console.error('Error in Header:', err);
+        console.error("Error in Header:", err);
         return props.children({
             totalProducts: 0,
             isLoading: false,
@@ -171,12 +171,12 @@ export const Actions = (props) => {
     const service = useService(CollectionServiceDefinition);
     // Error handling for undefined service
     if (!service) {
-        console.error('CollectionService is undefined in Actions');
+        console.error("CollectionService is undefined in Actions");
         return props.children({
             refresh: async () => { },
             loadMore: async () => { },
             isLoading: false,
-            error: 'Service not available',
+            error: "Service not available",
         });
     }
     try {
@@ -190,12 +190,12 @@ export const Actions = (props) => {
         });
     }
     catch (err) {
-        console.error('Error in Actions:', err);
+        console.error("Error in Actions:", err);
         return props.children({
             refresh: async () => { },
             loadMore: async () => { },
             isLoading: false,
-            error: 'Failed to load actions',
+            error: "Failed to load actions",
         });
     }
 };

package/dist/react/FilteredCollection.d.ts

@@ -1,21 +1,7 @@
-import React, { type ReactNode } from 'react';
-import { type AvailableOptions, type FilterServiceAPI, type Filter } from '../services/filter-service';
-import { type V3Product } from '@wix/auto_sdk_stores_products-v-3';
-import { type CollectionServiceAPI } from '../services/collection-service';
+import React, { type ReactNode } from "react";
+import { type AvailableOptions, type FilterServiceAPI, type Filter } from "../services/filter-service.js";
+import { type V3Product } from "@wix/auto_sdk_stores_products-v-3";
 export type { AvailableOptions, Filter, FilterServiceAPI };
-export interface FilteredCollectionProviderProps {
-    children: ReactNode;
-}
-/**
- * Headless component for providing a filtered collection
- *
- * @component
- */
-export declare const Provider: React.FC<FilteredCollectionProviderProps>;
-export declare const useFilteredCollection: () => {
-    filter: FilterServiceAPI | null;
-    collection: CollectionServiceAPI | null;
-};
 export interface FiltersLoadingProps {
     children: (data: {
         isFullyLoaded: boolean;
@@ -57,7 +43,7 @@ export interface FilteredItemProps {
     }) => ReactNode;
 }
 /**
- * Headless component for displaying an individual product item
+ * Headless component for displaying a filtered product item
  *
  * @component
  */
@@ -73,7 +59,7 @@ export interface FilteredLoadMoreProps {
     }) => ReactNode;
 }
 /**
- * Headless component for displaying a load more button
+ * Headless component for load more filtered products functionality
  *
  * @component
  */
@@ -89,7 +75,7 @@ export interface FilteredFiltersProps {
     }) => ReactNode;
 }
 /**
- * Headless component for displaying a filters component
+ * Headless component for product filters with available options
  *
  * @component
  */

package/dist/react/FilteredCollection.js

@@ -1,34 +1,15 @@
-import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
-import { createContext, useContext } from 'react';
-import { FilterServiceDefinition, } from '../services/filter-service';
-import { useService } from '@wix/services-manager-react';
-import { InventoryAvailabilityStatus, } from '@wix/auto_sdk_stores_products-v-3';
-import { CollectionServiceDefinition, } from '../services/collection-service';
-const FilteredCollectionContext = createContext({ filter: null, collection: null });
-/**
- * Headless component for providing a filtered collection
- *
- * @component
- */
-export const Provider = ({ children, }) => {
-    const filter = useService(FilterServiceDefinition);
-    const collection = useService(CollectionServiceDefinition);
-    return (_jsx(FilteredCollectionContext.Provider, { value: { filter, collection }, children: children }));
-};
-export const useFilteredCollection = () => {
-    const context = useContext(FilteredCollectionContext);
-    if (!context) {
-        throw new Error('useFilteredCollection must be used within a FilteredCollectionProvider');
-    }
-    return context;
-};
+import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
+import { useService } from "@wix/services-manager-react";
+import { CollectionServiceDefinition } from "../services/collection-service.js";
+import { FilterServiceDefinition, } from "../services/filter-service.js";
+import { InventoryAvailabilityStatus, } from "@wix/auto_sdk_stores_products-v-3";
 /**
  * Headless component for displaying a loading state for filters
  *
  * @component
  */
 export const FiltersLoading = ({ children }) => {
-    const { filter } = useFilteredCollection();
+    const filter = useService(FilterServiceDefinition);
     const isFullyLoaded = filter.isFullyLoaded.get();
     return _jsx(_Fragment, { children: children({ isFullyLoaded }) });
 };
@@ -38,7 +19,7 @@ export const FiltersLoading = ({ children }) => {
  * @component
  */
 export const Grid = ({ children }) => {
-    const { collection } = useFilteredCollection();
+    const collection = useService(CollectionServiceDefinition);
     const products = collection.products.get() || [];
     const totalProducts = collection.totalProducts.get();
     const isLoading = collection.isLoading.get();
@@ -55,20 +36,20 @@ export const Grid = ({ children }) => {
         }) }));
 };
 /**
- * Headless component for displaying an individual product item
+ * Headless component for displaying a filtered product item
  *
  * @component
  */
 export const Item = ({ product, children }) => {
     // Safe conversion of product data with type safety guards
-    const title = String(product.name || '');
+    const title = String(product.name || "");
     const image = product.media?.main?.image || null;
-    const imageAltText = product.media?.main?.altText || '';
+    const imageAltText = product.media?.main?.altText || "";
     const price = product.actualPriceRange?.minValue?.formattedAmount ||
         product.actualPriceRange?.maxValue?.formattedAmount ||
         (product.actualPriceRange?.minValue?.amount
             ? `$${product.actualPriceRange.minValue.amount}`
-            : '$0.00');
+            : "$0.00");
     // Add compare at price
     const compareAtPrice = product.compareAtPriceRange?.minValue?.formattedAmount ||
         (product.compareAtPriceRange?.minValue?.amount
@@ -77,7 +58,7 @@ export const Item = ({ product, children }) => {
     const availabilityStatus = product.inventory?.availabilityStatus;
     const available = availabilityStatus === InventoryAvailabilityStatus.IN_STOCK ||
         availabilityStatus === InventoryAvailabilityStatus.PARTIALLY_OUT_OF_STOCK;
-    const slug = String(product.slug || product._id || '');
+    const slug = String(product.slug || product._id || "");
     const description = product.plainDescription
         ? String(product.plainDescription)
         : undefined;
@@ -93,12 +74,12 @@ export const Item = ({ product, children }) => {
         }) }));
 };
 /**
- * Headless component for displaying a load more button
+ * Headless component for load more filtered products functionality
  *
  * @component
  */
 export const LoadMore = ({ children }) => {
-    const { collection } = useFilteredCollection();
+    const collection = useService(CollectionServiceDefinition);
     const loadMore = collection.loadMore;
     const refresh = collection.refresh;
     const isLoading = collection.isLoading.get();
@@ -115,12 +96,13 @@ export const LoadMore = ({ children }) => {
         }) }));
 };
 /**
- * Headless component for displaying a filters component
+ * Headless component for product filters with available options
  *
  * @component
  */
 export const Filters = ({ children }) => {
-    const { collection, filter } = useFilteredCollection();
+    const collection = useService(CollectionServiceDefinition);
+    const filter = useService(FilterServiceDefinition);
     const applyFilters = filter.applyFilters;
     const clearFilters = filter.clearFilters;
     const currentFilters = filter.currentFilters.get();

package/dist/react/PayNow.js

@@ -1,7 +1,5 @@
 import { useService } from "@wix/services-manager-react";
-import { PayNowServiceDefinition } from "../services/pay-now-service";
-;
-;
+import { PayNowServiceDefinition } from "../services/pay-now-service.js";
 /**
  * A headless component that provides pay now functionality using the render props pattern.
  *
@@ -26,7 +24,7 @@ import { PayNowServiceDefinition } from "../services/pay-now-service";
  * @component
  */
 export function PayNow(props) {
-    const { redirectToCheckout, loadingSignal, errorSignal, } = useService(PayNowServiceDefinition);
+    const { redirectToCheckout, loadingSignal, errorSignal } = useService(PayNowServiceDefinition);
     return props.children({
         isLoading: loadingSignal.get(),
         error: errorSignal.get(),

package/dist/react/Product.d.ts

@@ -1,4 +1,4 @@
-import type { V3Product } from '@wix/auto_sdk_stores_products-v-3';
+import type { V3Product } from "@wix/auto_sdk_stores_products-v-3";
 /**
  * Props for ProductName headless component
  */
@@ -31,9 +31,9 @@ export interface ProductDescriptionProps {
  */
 export interface ProductDescriptionRenderProps {
     /** Product description (may contain HTML) */
-    description: NonNullable<V3Product['description']>;
+    description: NonNullable<V3Product["description"]>;
     /** Product plain description */
-    plainDescription: NonNullable<V3Product['plainDescription']>;
+    plainDescription: NonNullable<V3Product["plainDescription"]>;
 }
 /**
  * Headless component for product description display

package/dist/react/Product.js

@@ -1,5 +1,5 @@
-import { useService } from '@wix/services-manager-react';
-import { ProductServiceDefinition } from '../services/product-service';
+import { useService } from "@wix/services-manager-react";
+import { ProductServiceDefinition } from "../services/product-service.js";
 /**
  * Headless component for product name display
  *

package/dist/react/ProductActions.js

@@ -1,6 +1,7 @@
-import { useService } from '@wix/services-manager-react';
-import { SelectedVariantServiceDefinition } from '../services/selected-variant-service';
-import { ProductModifiersServiceDefinition } from '../services/product-modifiers-service';
+import { useService } from "@wix/services-manager-react";
+import { SelectedVariantServiceDefinition } from "../services/selected-variant-service.js";
+import { ProductModifiersServiceDefinition } from "../services/product-modifiers-service.js";
+import { CurrentCartServiceDefinition } from "@wix/headless-ecom/services";
 /**
  * Headless component for product actions (add to cart, buy now)
  *
@@ -8,9 +9,7 @@ import { ProductModifiersServiceDefinition } from '../services/product-modifiers
  */
 export const Actions = (props) => {
     const variantService = useService(SelectedVariantServiceDefinition);
-    // const cartService = useService(CurrentCartServiceDefinition) as ServiceAPI<
-    //   typeof CurrentCartServiceDefinition
-    // >;
+    const cartService = useService(CurrentCartServiceDefinition);
     // Try to get modifiers service - it may not exist for all products
     let modifiersService = null;
     try {
@@ -49,19 +48,19 @@ export const Actions = (props) => {
     const onBuyNow = async () => {
         try {
             // Clear the cart first
-            // await cartService.clearCart();
+            await cartService.clearCart();
             // Add the product to cart
             await onAddToCart();
             // Proceed to checkout
-            // await cartService.proceedToCheckout();
+            await cartService.proceedToCheckout();
         }
         catch (error) {
-            console.error('Buy now failed:', error);
+            console.error("Buy now failed:", error);
             throw error;
         }
     };
     const onOpenCart = () => {
-        // cartService.openCart();
+        cartService.openCart();
     };
     return props.children({
         onAddToCart,

package/dist/react/ProductModifiers.d.ts

@@ -1,4 +1,4 @@
-import { type ConnectedModifier, type ConnectedModifierChoice } from '@wix/auto_sdk_stores_products-v-3';
+import { type ConnectedModifier, type ConnectedModifierChoice } from "@wix/auto_sdk_stores_products-v-3";
 /**
  * Props for Modifiers headless component
  */
@@ -21,6 +21,8 @@ export interface ModifiersRenderProps {
 }
 /**
  * Headless component for all product modifiers
+ *
+ * @component
  */
 export declare const Modifiers: (props: ModifiersProps) => import("react").ReactNode;
 /**

package/dist/react/ProductModifiers.js

@@ -1,7 +1,7 @@
-import { useState } from 'react';
-import { useService } from '@wix/services-manager-react';
-import { ProductModifiersServiceDefinition } from '../services/product-modifiers-service';
-import { ModifierRenderType, } from '@wix/auto_sdk_stores_products-v-3';
+import { useState } from "react";
+import { useService } from "@wix/services-manager-react";
+import { ProductModifiersServiceDefinition } from "../services/product-modifiers-service.js";
+import { ModifierRenderType, } from "@wix/auto_sdk_stores_products-v-3";
 /**
  * Custom hook to safely get the modifiers service
  */
@@ -15,6 +15,8 @@ function useModifiersService() {
 }
 /**
  * Headless component for all product modifiers
+ *
+ * @component
  */
 export const Modifiers = (props) => {
     const modifiersService = useModifiersService();
@@ -45,7 +47,7 @@ export const Modifiers = (props) => {
 export const Modifier = (props) => {
     const modifiersService = useModifiersService();
     const { modifier } = props;
-    const name = modifier.name || '';
+    const name = modifier.name || "";
     const type = modifier.modifierRenderType;
     const mandatory = modifier.mandatory || false;
     const choices = modifier.choicesSettings?.choices || [];
@@ -75,13 +77,13 @@ export const Modifier = (props) => {
 export const Choice = (props) => {
     const modifiersService = useModifiersService();
     const { modifier, choice } = props;
-    const modifierName = modifier.name || '';
+    const modifierName = modifier.name || "";
     const renderType = modifier.modifierRenderType;
     // For TEXT_CHOICES, use choice.key; for SWATCH_CHOICES, use choice.name
     const choiceValue = renderType === ModifierRenderType.TEXT_CHOICES
-        ? choice.key || choice.name || ''
-        : choice.name || '';
-    const value = choice.name || ''; // Display name is always choice.name
+        ? choice.key || choice.name || ""
+        : choice.name || "";
+    const value = choice.name || ""; // Display name is always choice.name
     const description = choice.description;
     const colorCode = choice.colorCode;
     const selectedValue = modifiersService?.getModifierValue(modifierName);
@@ -107,13 +109,13 @@ export const Choice = (props) => {
 export const FreeText = (props) => {
     const modifiersService = useModifiersService();
     const { modifier } = props;
-    const modifierName = modifier.name || '';
+    const modifierName = modifier.name || "";
     const mandatory = modifier.mandatory || false;
     const freeTextSettings = modifier.freeTextSettings;
     const maxChars = freeTextSettings?.maxLength;
     const placeholder = freeTextSettings?.placeholder;
     const selectedValue = modifiersService?.getModifierValue(modifierName);
-    const value = selectedValue?.freeTextValue || '';
+    const value = selectedValue?.freeTextValue || "";
     const charCount = value.length;
     const isOverLimit = maxChars ? charCount > maxChars : false;
     const onChange = (newValue) => {
@@ -141,7 +143,7 @@ export const FreeText = (props) => {
 export const ToggleFreeText = (props) => {
     const modifiersService = useModifiersService();
     const { modifier } = props;
-    const modifierName = modifier.name || '';
+    const modifierName = modifier.name || "";
     const mandatory = modifier.mandatory || false;
     const [isTextInputShown, setIsTextInputShown] = useState(mandatory);
     const onToggle = () => {

package/dist/react/ProductVariantSelector.d.ts

@@ -1,4 +1,4 @@
-import { type ConnectedOption, type ConnectedOptionChoice, InventoryAvailabilityStatus } from '@wix/auto_sdk_stores_products-v-3';
+import { type ConnectedOption, type ConnectedOptionChoice, InventoryAvailabilityStatus } from "@wix/auto_sdk_stores_products-v-3";
 /**
  * Props for Options headless component
  */