@propeller-commerce/propeller-v2-react-ui 0.18.0 → 0.19.0

package/dist/index.d.cts

@@ -555,7 +555,7 @@ interface AddItemOptions {
     onAddToCart?: (product: Product, clusterId?: number, quantity?: number, childItems?: {
         productId: number;
         quantity: number;
-    }[], notes?: string, price?: number) => Cart;
+    }[], notes?: string, price?: number) => Cart | Promise<Cart>;
     /** Fires after the item is added — receives the updated cart and the matched line item. */
     afterAddToCart?: (cart: Cart, item: CartMainItem | null) => void;
     /** When `true`, rejects the add if `product.inventory.totalQuantity` is below `quantity`. */
@@ -597,6 +597,15 @@ interface UseCartReturn {
         cart: Cart;
         item: CartMainItem | null;
     }, string>>;
+    /**
+     * Adds several products in one call, sequentially, threading the resolved
+     * cart id from each add into the next. Use this instead of looping over
+     * `addItem` yourself. Stops at the first failure and returns that error.
+     */
+    addItems: (items: AddItemOptions[]) => Promise<Result<{
+        cart: Cart;
+        items: (CartMainItem | null)[];
+    }, string>>;
     /** Updates a line item's quantity. */
     updateItemQuantity: (cartItemId: string, quantity: number) => Promise<Cart | undefined>;
     /** Debounced update of a line item's notes (`debounceMs` defaults to 500). */
@@ -1428,7 +1437,7 @@ interface UseProductSearchOptions {
     configuration: {
         baseCategoryId?: number;
         /** The channel's anonymous user, seeded by the host. Scopes logged-out
-         *  listings exactly like the SSR seed does (PWP-942 #22). */
+         *  listings exactly like the SSR seed does. */
         anonymousUserId?: number;
         imageSearchFiltersGrid?: MediaImageProductSearchInput;
         imageVariantFiltersMedium?: TransformationsInput;
@@ -1566,7 +1575,7 @@ interface UseQuickOrderOptions {
         /** Catalog root. Without it the search returns nothing — see `searchProducts`. */
         baseCategoryId?: number;
         /** The channel's anonymous user, seeded by the host. Scopes logged-out
-         *  listings exactly like the SSR seed does (PWP-942 #22). */
+         *  listings exactly like the SSR seed does. */
         anonymousUserId?: number;
     };
     /** Fires when `submit` creates a fresh cart — persist the cart id. */
@@ -1681,7 +1690,7 @@ interface UseSparePartsOptions {
     /** Image filter config, mirroring `useProductSearch`'s `configuration`. */
     configuration?: {
         /** The channel's anonymous user, seeded by the host. Scopes logged-out
-         *  listings exactly like the SSR seed does (PWP-942 #22). */
+         *  listings exactly like the SSR seed does. */
         anonymousUserId?: number;
         imageSearchFiltersGrid?: unknown;
         imageVariantFiltersMedium?: unknown;
@@ -1798,7 +1807,7 @@ interface UseProductSliderOptions {
     /** Portal configuration: image search/variant filters. */
     configuration?: {
         /** The channel's anonymous user, seeded by the host. Scopes logged-out
-         *  listings exactly like the SSR seed does (PWP-942 #22). */
+         *  listings exactly like the SSR seed does. */
         anonymousUserId?: number;
         imageSearchFiltersGrid?: MediaImageProductSearchInput;
         imageVariantFiltersMedium?: TransformationsInput;
@@ -2700,7 +2709,7 @@ interface AddToCartProps {
      * Callback to handle adding the product to cart.
      * If not provided the component calls CartService.addItemToCart internally.
      */
-    onAddToCart?: (product: Product, clusterId?: number, quantity?: number, childItems?: CartChildItemInput[], notes?: string, price?: number, showModal?: boolean) => Cart;
+    onAddToCart?: (product: Product, clusterId?: number, quantity?: number, childItems?: CartChildItemInput[], notes?: string, price?: number, showModal?: boolean) => Cart | Promise<Cart>;
     /**
      * Callback triggered after adding the product to cart.
      */
@@ -2725,6 +2734,11 @@ interface AddToCartProps {
     language?: string;
     /** Additional CSS class for the root element */
     className?: string;
+    /**
+     * Labels for the bonus-items block in the success modal.
+     * Keys: `title` ('Bonus items'), `sku` ('SKU').
+     */
+    bonusItemsLabels?: Record<string, string>;
     /** Callback fired when the "Proceed to checkout" modal button is clicked */
     onProceedToCheckout?: () => void;
     /** Callback fired when the "Request a Quote" modal button is clicked */
@@ -3127,6 +3141,12 @@ declare function CartBonusItems(rawProps: CartBonusItemsProps): React$1.JSX.Elem
  */
 
 interface CartCarriersProps {
+    /**
+     * Storefront language ('EN', 'NL', …). Decides the number format prices are
+     * rendered in — without it they fall back to Dutch separators regardless of
+     * the language the shopper is reading.
+     */
+    language?: string;
     /** Shopping cart object from which the carriers will be displayed */
     cart: Cart;
     /** The CSS class for the carriers container */
@@ -3368,7 +3388,8 @@ interface CartIconAndSidebarProps {
     /**
      * Labels for the component.
      * Available keys: cartIconLabel, totalLabel, itemsLabel, emptyCart,
-     * continueShopping, qty, total, checkoutButton, cartPageButton, closeLabel
+     * continueShopping, qty, total, totalExclVat, checkoutButton, cartPageButton,
+     * closeLabel
      */
     labels?: Record<string, string>;
     /**
@@ -3475,6 +3496,12 @@ declare function CartOverview(props: CartOverviewProps): React$1.JSX.Element;
  */
 
 interface CartPaymethodsProps {
+    /**
+     * Storefront language ('EN', 'NL', …). Decides the number format prices are
+     * rendered in — without it they fall back to Dutch separators regardless of
+     * the language the shopper is reading. Resolved from `<PropellerProvider>` when omitted.
+     */
+    language?: string;
     /** Shopping cart object from which the payment methods will be displayed */
     cart: Cart;
     /** Authenticated user — used for cart creation / lookup. Resolved from `<PropellerProvider>` when not passed explicitly. */
@@ -3516,10 +3543,18 @@ declare function CartPaymethods(rawProps: CartPaymethodsProps): React$1.JSX.Elem
  */
 
 interface CartSummaryProps {
+    /**
+     * Storefront language ('EN', 'NL', …). Decides the number format prices are
+     * rendered in — without it they fall back to Dutch separators regardless of
+     * the language the shopper is reading. Resolved from `<PropellerProvider>` when omitted.
+     */
+    language?: string;
     /** The shopping cart used to populate the cart summary data */
     cart: Cart;
     /** Cart summary block title */
     title?: string;
+    /** Extra classes for the panel root, merged over the defaults via tailwind-merge. */
+    className?: string;
     /** Labels for the component */
     labels?: Record<string, string>;
     /** Display the subtotal of the shopping cart. Defaults to `true`. */
@@ -4724,6 +4759,8 @@ interface GridFiltersProps {
     /** Translated labels keyed by the slugs used inside the component (see
      * `getLabel` calls). Missing keys fall back to the English defaults. */
     labels?: Record<string, string>;
+    /** Currency symbol shown in the price-range inputs. Falls back to PropellerInfra.currency, then `'€'`. */
+    currency?: string;
 }
 /**
  * Faceted filter sidebar for a product grid: collapsible attribute checkbox
@@ -5242,9 +5279,22 @@ interface OrderItemCardProps {
      * This component is RSC-safe (no hooks, no context), so the host has to pass
      * it — there is nothing to read it from. Without it a non-default storefront
      * renders default-language names and, worse, default-language slugs in the
-     * links (PWP-940).
+     * links.
      */
     language?: string;
+    /**
+     * URL builders from the host's configuration. Supply them and the item link
+     * is generated the same way every other link on the storefront is — which is
+     * what carries the locale prefix. Without it the component falls back to a
+     * bare `/product/:id/:slug`, and on a prefixed storefront that link drops the
+     * visitor onto the default language.
+     */
+    configuration?: {
+        urls?: {
+            getProductUrl?: (product: Product, language?: string) => string;
+            getClusterUrl?: (cluster: Cluster, language?: string) => string;
+        };
+    };
     /** Should the item title be a link to the PDP */
     titleLinkable?: boolean;
     /** Display a small thumbnail of the order item */
@@ -5319,6 +5369,12 @@ declare function OrderBonusItems(rawProps: OrderBonusItemsProps): React$1.JSX.El
  */
 
 interface OrderListProps {
+    /**
+     * Storefront language ('EN', 'NL', …). Decides the number format prices are
+     * rendered in — without it they fall back to Dutch separators regardless of
+     * the language the shopper is reading. Resolved from `<PropellerProvider>` when omitted.
+     */
+    language?: string;
     /** The authenticated user (Contact or Customer). Resolved from PropellerProvider when omitted. */
     user?: Contact | Customer | null;
     /** The initialized GraphQL Client instance. Resolved from PropellerProvider when omitted. */
@@ -5465,7 +5521,7 @@ interface QuickOrderProps {
          */
         baseCategoryId?: number;
         /** The channel's anonymous user, seeded by the host. Scopes logged-out
-         *  listings exactly like the SSR seed does (PWP-942 #22). */
+         *  listings exactly like the SSR seed does. */
         anonymousUserId?: number;
     };
     /** Tax zone for price calculation. Defaults to `'NL'`. */
@@ -5564,6 +5620,12 @@ declare function OrderShipments(props: OrderShipmentsProps): React$1.JSX.Element
  */
 
 interface OrderSummaryProps {
+    /**
+     * Storefront language ('EN', 'NL', …). Decides the number format prices are
+     * rendered in — without it they fall back to Dutch separators regardless of
+     * the language the shopper is reading.
+     */
+    language?: string;
     /** The order object from propeller-sdk-v2 */
     order: any;
     /** The CSS class for the order summary container */
@@ -5627,6 +5689,12 @@ declare function OrderSummary(props: OrderSummaryProps): React$1.JSX.Element;
  */
 
 interface OrderTotalsProps {
+    /**
+     * Storefront language ('EN', 'NL', …). Decides the number format prices are
+     * rendered in — without it they fall back to Dutch separators regardless of
+     * the language the shopper is reading.
+     */
+    language?: string;
     /** The order/quote used to populate the summary data */
     order: Order;
     /** Order summary block title */
@@ -5709,6 +5777,12 @@ declare function PriceToggle(props: PriceToggleProps): React$1.JSX.Element;
  */
 
 interface ProductBulkPricesProps {
+    /**
+     * Storefront language ('EN', 'NL', …). Decides the number format prices are
+     * rendered in — without it they fall back to Dutch separators regardless of
+     * the language the shopper is reading.
+     */
+    language?: string;
     /**
      * Bulk price tiers from the product.
      * Obtain from `product.bulkPrices`.
@@ -5995,6 +6069,8 @@ interface ProductCardProps {
      * See `ProductPriceProps.labels` for slugs (inclTax, exclTax, loginToSeePrices). */
     priceLabels?: Record<string, string>;
     /** Replaces the default price block. Receives `PriceComponentProps`. */
+    /** Currency symbol used when formatting the price. Falls back to PropellerInfra.currency, then `'€'`. */
+    currency?: string;
     priceComponent?: React$1.ComponentType<_propeller_commerce_propeller_v2_core_ui.PriceComponentProps>;
     /** Replaces the default stock/availability block. Receives `StockComponentProps`. */
     stockComponent?: React$1.ComponentType<_propeller_commerce_propeller_v2_core_ui.StockComponentProps>;
@@ -6368,7 +6444,7 @@ interface ProductGridProps {
     configuration?: {
         baseCategoryId?: number;
         /** The channel's anonymous user, seeded by the host. Scopes logged-out
-         *  listings exactly like the SSR seed does (PWP-942 #22). */
+         *  listings exactly like the SSR seed does. */
         anonymousUserId?: number;
         imageSearchFiltersGrid?: MediaImageProductSearchInput;
         imageVariantFiltersMedium?: TransformationsInput;
@@ -6692,6 +6768,12 @@ declare const ProductInfoExport: ProductInfoComponent;
  */
 
 interface ProductPriceProps {
+    /**
+     * Storefront language ('EN', 'NL', …). Decides the number format prices are
+     * rendered in — without it they fall back to Dutch separators regardless of
+     * the language the shopper is reading.
+     */
+    language?: string;
     /**
      * ProductPrice object from the product.
      * Obtain from `product.price`.
@@ -7461,6 +7543,8 @@ interface SearchBarProps {
     priceLabels?: Record<string, string>;
     /** Additional class name for the container */
     containerClassName?: string;
+    /** Extra classes for the search input, merged over the defaults via tailwind-merge. */
+    inputClassName?: string;
     /** Tax zone used for price calculation. Defaults to 'NL'. */
     taxZone?: string;
     /**

package/dist/index.d.ts

@@ -555,7 +555,7 @@ interface AddItemOptions {
     onAddToCart?: (product: Product, clusterId?: number, quantity?: number, childItems?: {
         productId: number;
         quantity: number;
-    }[], notes?: string, price?: number) => Cart;
+    }[], notes?: string, price?: number) => Cart | Promise<Cart>;
     /** Fires after the item is added — receives the updated cart and the matched line item. */
     afterAddToCart?: (cart: Cart, item: CartMainItem | null) => void;
     /** When `true`, rejects the add if `product.inventory.totalQuantity` is below `quantity`. */
@@ -597,6 +597,15 @@ interface UseCartReturn {
         cart: Cart;
         item: CartMainItem | null;
     }, string>>;
+    /**
+     * Adds several products in one call, sequentially, threading the resolved
+     * cart id from each add into the next. Use this instead of looping over
+     * `addItem` yourself. Stops at the first failure and returns that error.
+     */
+    addItems: (items: AddItemOptions[]) => Promise<Result<{
+        cart: Cart;
+        items: (CartMainItem | null)[];
+    }, string>>;
     /** Updates a line item's quantity. */
     updateItemQuantity: (cartItemId: string, quantity: number) => Promise<Cart | undefined>;
     /** Debounced update of a line item's notes (`debounceMs` defaults to 500). */
@@ -1428,7 +1437,7 @@ interface UseProductSearchOptions {
     configuration: {
         baseCategoryId?: number;
         /** The channel's anonymous user, seeded by the host. Scopes logged-out
-         *  listings exactly like the SSR seed does (PWP-942 #22). */
+         *  listings exactly like the SSR seed does. */
         anonymousUserId?: number;
         imageSearchFiltersGrid?: MediaImageProductSearchInput;
         imageVariantFiltersMedium?: TransformationsInput;
@@ -1566,7 +1575,7 @@ interface UseQuickOrderOptions {
         /** Catalog root. Without it the search returns nothing — see `searchProducts`. */
         baseCategoryId?: number;
         /** The channel's anonymous user, seeded by the host. Scopes logged-out
-         *  listings exactly like the SSR seed does (PWP-942 #22). */
+         *  listings exactly like the SSR seed does. */
         anonymousUserId?: number;
     };
     /** Fires when `submit` creates a fresh cart — persist the cart id. */
@@ -1681,7 +1690,7 @@ interface UseSparePartsOptions {
     /** Image filter config, mirroring `useProductSearch`'s `configuration`. */
     configuration?: {
         /** The channel's anonymous user, seeded by the host. Scopes logged-out
-         *  listings exactly like the SSR seed does (PWP-942 #22). */
+         *  listings exactly like the SSR seed does. */
         anonymousUserId?: number;
         imageSearchFiltersGrid?: unknown;
         imageVariantFiltersMedium?: unknown;
@@ -1798,7 +1807,7 @@ interface UseProductSliderOptions {
     /** Portal configuration: image search/variant filters. */
     configuration?: {
         /** The channel's anonymous user, seeded by the host. Scopes logged-out
-         *  listings exactly like the SSR seed does (PWP-942 #22). */
+         *  listings exactly like the SSR seed does. */
         anonymousUserId?: number;
         imageSearchFiltersGrid?: MediaImageProductSearchInput;
         imageVariantFiltersMedium?: TransformationsInput;
@@ -2700,7 +2709,7 @@ interface AddToCartProps {
      * Callback to handle adding the product to cart.
      * If not provided the component calls CartService.addItemToCart internally.
      */
-    onAddToCart?: (product: Product, clusterId?: number, quantity?: number, childItems?: CartChildItemInput[], notes?: string, price?: number, showModal?: boolean) => Cart;
+    onAddToCart?: (product: Product, clusterId?: number, quantity?: number, childItems?: CartChildItemInput[], notes?: string, price?: number, showModal?: boolean) => Cart | Promise<Cart>;
     /**
      * Callback triggered after adding the product to cart.
      */
@@ -2725,6 +2734,11 @@ interface AddToCartProps {
     language?: string;
     /** Additional CSS class for the root element */
     className?: string;
+    /**
+     * Labels for the bonus-items block in the success modal.
+     * Keys: `title` ('Bonus items'), `sku` ('SKU').
+     */
+    bonusItemsLabels?: Record<string, string>;
     /** Callback fired when the "Proceed to checkout" modal button is clicked */
     onProceedToCheckout?: () => void;
     /** Callback fired when the "Request a Quote" modal button is clicked */
@@ -3127,6 +3141,12 @@ declare function CartBonusItems(rawProps: CartBonusItemsProps): React$1.JSX.Elem
  */
 
 interface CartCarriersProps {
+    /**
+     * Storefront language ('EN', 'NL', …). Decides the number format prices are
+     * rendered in — without it they fall back to Dutch separators regardless of
+     * the language the shopper is reading.
+     */
+    language?: string;
     /** Shopping cart object from which the carriers will be displayed */
     cart: Cart;
     /** The CSS class for the carriers container */
@@ -3368,7 +3388,8 @@ interface CartIconAndSidebarProps {
     /**
      * Labels for the component.
      * Available keys: cartIconLabel, totalLabel, itemsLabel, emptyCart,
-     * continueShopping, qty, total, checkoutButton, cartPageButton, closeLabel
+     * continueShopping, qty, total, totalExclVat, checkoutButton, cartPageButton,
+     * closeLabel
      */
     labels?: Record<string, string>;
     /**
@@ -3475,6 +3496,12 @@ declare function CartOverview(props: CartOverviewProps): React$1.JSX.Element;
  */
 
 interface CartPaymethodsProps {
+    /**
+     * Storefront language ('EN', 'NL', …). Decides the number format prices are
+     * rendered in — without it they fall back to Dutch separators regardless of
+     * the language the shopper is reading. Resolved from `<PropellerProvider>` when omitted.
+     */
+    language?: string;
     /** Shopping cart object from which the payment methods will be displayed */
     cart: Cart;
     /** Authenticated user — used for cart creation / lookup. Resolved from `<PropellerProvider>` when not passed explicitly. */
@@ -3516,10 +3543,18 @@ declare function CartPaymethods(rawProps: CartPaymethodsProps): React$1.JSX.Elem
  */
 
 interface CartSummaryProps {
+    /**
+     * Storefront language ('EN', 'NL', …). Decides the number format prices are
+     * rendered in — without it they fall back to Dutch separators regardless of
+     * the language the shopper is reading. Resolved from `<PropellerProvider>` when omitted.
+     */
+    language?: string;
     /** The shopping cart used to populate the cart summary data */
     cart: Cart;
     /** Cart summary block title */
     title?: string;
+    /** Extra classes for the panel root, merged over the defaults via tailwind-merge. */
+    className?: string;
     /** Labels for the component */
     labels?: Record<string, string>;
     /** Display the subtotal of the shopping cart. Defaults to `true`. */
@@ -4724,6 +4759,8 @@ interface GridFiltersProps {
     /** Translated labels keyed by the slugs used inside the component (see
      * `getLabel` calls). Missing keys fall back to the English defaults. */
     labels?: Record<string, string>;
+    /** Currency symbol shown in the price-range inputs. Falls back to PropellerInfra.currency, then `'€'`. */
+    currency?: string;
 }
 /**
  * Faceted filter sidebar for a product grid: collapsible attribute checkbox
@@ -5242,9 +5279,22 @@ interface OrderItemCardProps {
      * This component is RSC-safe (no hooks, no context), so the host has to pass
      * it — there is nothing to read it from. Without it a non-default storefront
      * renders default-language names and, worse, default-language slugs in the
-     * links (PWP-940).
+     * links.
      */
     language?: string;
+    /**
+     * URL builders from the host's configuration. Supply them and the item link
+     * is generated the same way every other link on the storefront is — which is
+     * what carries the locale prefix. Without it the component falls back to a
+     * bare `/product/:id/:slug`, and on a prefixed storefront that link drops the
+     * visitor onto the default language.
+     */
+    configuration?: {
+        urls?: {
+            getProductUrl?: (product: Product, language?: string) => string;
+            getClusterUrl?: (cluster: Cluster, language?: string) => string;
+        };
+    };
     /** Should the item title be a link to the PDP */
     titleLinkable?: boolean;
     /** Display a small thumbnail of the order item */
@@ -5319,6 +5369,12 @@ declare function OrderBonusItems(rawProps: OrderBonusItemsProps): React$1.JSX.El
  */
 
 interface OrderListProps {
+    /**
+     * Storefront language ('EN', 'NL', …). Decides the number format prices are
+     * rendered in — without it they fall back to Dutch separators regardless of
+     * the language the shopper is reading. Resolved from `<PropellerProvider>` when omitted.
+     */
+    language?: string;
     /** The authenticated user (Contact or Customer). Resolved from PropellerProvider when omitted. */
     user?: Contact | Customer | null;
     /** The initialized GraphQL Client instance. Resolved from PropellerProvider when omitted. */
@@ -5465,7 +5521,7 @@ interface QuickOrderProps {
          */
         baseCategoryId?: number;
         /** The channel's anonymous user, seeded by the host. Scopes logged-out
-         *  listings exactly like the SSR seed does (PWP-942 #22). */
+         *  listings exactly like the SSR seed does. */
         anonymousUserId?: number;
     };
     /** Tax zone for price calculation. Defaults to `'NL'`. */
@@ -5564,6 +5620,12 @@ declare function OrderShipments(props: OrderShipmentsProps): React$1.JSX.Element
  */
 
 interface OrderSummaryProps {
+    /**
+     * Storefront language ('EN', 'NL', …). Decides the number format prices are
+     * rendered in — without it they fall back to Dutch separators regardless of
+     * the language the shopper is reading.
+     */
+    language?: string;
     /** The order object from propeller-sdk-v2 */
     order: any;
     /** The CSS class for the order summary container */
@@ -5627,6 +5689,12 @@ declare function OrderSummary(props: OrderSummaryProps): React$1.JSX.Element;
  */
 
 interface OrderTotalsProps {
+    /**
+     * Storefront language ('EN', 'NL', …). Decides the number format prices are
+     * rendered in — without it they fall back to Dutch separators regardless of
+     * the language the shopper is reading.
+     */
+    language?: string;
     /** The order/quote used to populate the summary data */
     order: Order;
     /** Order summary block title */
@@ -5709,6 +5777,12 @@ declare function PriceToggle(props: PriceToggleProps): React$1.JSX.Element;
  */
 
 interface ProductBulkPricesProps {
+    /**
+     * Storefront language ('EN', 'NL', …). Decides the number format prices are
+     * rendered in — without it they fall back to Dutch separators regardless of
+     * the language the shopper is reading.
+     */
+    language?: string;
     /**
      * Bulk price tiers from the product.
      * Obtain from `product.bulkPrices`.
@@ -5995,6 +6069,8 @@ interface ProductCardProps {
      * See `ProductPriceProps.labels` for slugs (inclTax, exclTax, loginToSeePrices). */
     priceLabels?: Record<string, string>;
     /** Replaces the default price block. Receives `PriceComponentProps`. */
+    /** Currency symbol used when formatting the price. Falls back to PropellerInfra.currency, then `'€'`. */
+    currency?: string;
     priceComponent?: React$1.ComponentType<_propeller_commerce_propeller_v2_core_ui.PriceComponentProps>;
     /** Replaces the default stock/availability block. Receives `StockComponentProps`. */
     stockComponent?: React$1.ComponentType<_propeller_commerce_propeller_v2_core_ui.StockComponentProps>;
@@ -6368,7 +6444,7 @@ interface ProductGridProps {
     configuration?: {
         baseCategoryId?: number;
         /** The channel's anonymous user, seeded by the host. Scopes logged-out
-         *  listings exactly like the SSR seed does (PWP-942 #22). */
+         *  listings exactly like the SSR seed does. */
         anonymousUserId?: number;
         imageSearchFiltersGrid?: MediaImageProductSearchInput;
         imageVariantFiltersMedium?: TransformationsInput;
@@ -6692,6 +6768,12 @@ declare const ProductInfoExport: ProductInfoComponent;
  */
 
 interface ProductPriceProps {
+    /**
+     * Storefront language ('EN', 'NL', …). Decides the number format prices are
+     * rendered in — without it they fall back to Dutch separators regardless of
+     * the language the shopper is reading.
+     */
+    language?: string;
     /**
      * ProductPrice object from the product.
      * Obtain from `product.price`.
@@ -7461,6 +7543,8 @@ interface SearchBarProps {
     priceLabels?: Record<string, string>;
     /** Additional class name for the container */
     containerClassName?: string;
+    /** Extra classes for the search input, merged over the defaults via tailwind-merge. */
+    inputClassName?: string;
     /** Tax zone used for price calculation. Defaults to 'NL'. */
     taxZone?: string;
     /**