@sonic-equipment/ui 255.0.0 → 257.0.0

package/dist/cards/product-card/connected-product-card.d.ts

@@ -2,9 +2,11 @@ import { AddToCartHandler } from '../../buttons/add-to-cart-button/connected-add
 import { NavigateOptions } from '../../shared/routing/types';
 import { ProductCardProps } from './product-card';
 export interface ConnectedProductCardProps extends Omit<ProductCardProps, 'addToCartButton' | 'favoriteButton'> {
+    addToCartEnabled?: boolean;
+    addToFavoritesEnabled?: boolean;
     onAddToCart?: AddToCartHandler;
     onFavorited?: VoidFunction;
     onFavoriting?: VoidFunction;
     route?: NavigateOptions;
 }
-export declare function ConnectedProductCard({ id, onAddToCart, onFavorited, onFavoriting, ...props }: ConnectedProductCardProps): import("react/jsx-runtime").JSX.Element;
+export declare function ConnectedProductCard({ addToCartEnabled, addToFavoritesEnabled, id, onAddToCart, onFavorited, onFavoriting, ...props }: ConnectedProductCardProps): import("react/jsx-runtime").JSX.Element;

package/dist/cards/product-card/connected-product-card.js

@@ -4,8 +4,8 @@ import { ConnectedAddToCartButton } from '../../buttons/add-to-cart-button/conne
 import { ConnectedFavoriteButton } from '../../buttons/favorite/connected-favorite-button.js';
 import { ProductCard } from './product-card.js';
 
-function ConnectedProductCard({ id, onAddToCart, onFavorited, onFavoriting, ...props }) {
-    return (jsx(ProductCard, { id: id, ...props, addToCartButton: jsx(ConnectedAddToCartButton, { onAddToCart: onAddToCart, productId: id }), favoriteButton: jsx(ConnectedFavoriteButton, { onFavorited: onFavorited, onFavoriting: onFavoriting, productId: id }) }));
+function ConnectedProductCard({ addToCartEnabled = true, addToFavoritesEnabled = true, id, onAddToCart, onFavorited, onFavoriting, ...props }) {
+    return (jsx(ProductCard, { id: id, ...props, addToCartButton: addToCartEnabled ? (jsx(ConnectedAddToCartButton, { onAddToCart: onAddToCart, productId: id })) : undefined, favoriteButton: addToFavoritesEnabled ? (jsx(ConnectedFavoriteButton, { onFavorited: onFavorited, onFavoriting: onFavoriting, productId: id })) : undefined }));
 }
 
 export { ConnectedProductCard };

package/dist/cards/product-card/product-card.d.ts

@@ -3,7 +3,7 @@ import type { ImageSourceType } from '../../shared/model/image';
 import type { ProductPriceType } from '../../shared/model/price';
 import { NavigateOptions } from '../../shared/routing/types';
 export interface ProductCardProps {
-    addToCartButton: ReactElement;
+    addToCartButton?: ReactElement;
     favoriteButton?: ReactElement;
     href: string;
     id: string;

package/dist/cards/product-card/product-card.js

@@ -16,7 +16,7 @@ function ProductCard({ addToCartButton: AddToCartButton, favoriteButton: Favorit
             return;
         logger.error(`Product '${sku}' does not have a currency code`);
     }, [price.currencyCode, sku]);
-    return (jsx("div", { className: styles['product-card-container'], children: jsxs("article", { "aria-labelledby": `title-${id}`, className: styles['product-card'], "data-product-id": sku, id: id, children: [jsx(Link, { className: styles.title, href: href, id: `title-${id}`, onClick: onClick, route: route, children: title }), tags && tags.length > 0 && (jsx("div", { className: styles.tags, children: tags.map(tag => (jsx(Tag, { children: jsx(FormattedMessage, { noTranslationId: true, fallbackValue: tag, id: `tag.${tag.toLowerCase()}` }) }, tag))) })), jsx(ProductSku, { className: styles.sku, sku: sku }), price.currencyCode && (jsx(Price, { className: styles.price, currencyCode: price.currencyCode, isVatIncluded: price.isVatIncluded, originalPrice: price.originalPrice, price: price.price, variant: "sonic" })), jsx("div", { className: styles['image-container'], children: jsx(Image, { ...image, fit: "contain" }) }), jsx("div", { className: styles['add-to-cart-button'], children: AddToCartButton }), jsx("div", { className: styles['favorite-button'], children: FavoriteButton && FavoriteButton })] }) }));
+    return (jsx("div", { className: styles['product-card-container'], children: jsxs("article", { "aria-labelledby": `title-${id}`, className: styles['product-card'], "data-product-id": sku, id: id, children: [jsx(Link, { className: styles.title, href: href, id: `title-${id}`, onClick: onClick, route: route, children: title }), tags && tags.length > 0 && (jsx("div", { className: styles.tags, children: tags.map(tag => (jsx(Tag, { children: jsx(FormattedMessage, { noTranslationId: true, fallbackValue: tag, id: `tag.${tag.toLowerCase()}` }) }, tag))) })), jsx(ProductSku, { className: styles.sku, sku: sku }), price.currencyCode && (jsx(Price, { className: styles.price, currencyCode: price.currencyCode, isVatIncluded: price.isVatIncluded, originalPrice: price.originalPrice, price: price.price, variant: "sonic" })), jsx("div", { className: styles['image-container'], children: jsx(Image, { ...image, fit: "contain" }) }), jsx("div", { className: styles['add-to-cart-button'], children: AddToCartButton && AddToCartButton }), jsx("div", { className: styles['favorite-button'], children: FavoriteButton && FavoriteButton })] }) }));
 }
 
 export { ProductCard };

package/dist/global-search/search-result-panel/sections/with-results.js

@@ -52,12 +52,14 @@ function SuggestionsSection() {
                     }), icon: jsx(StrokeSearchIcon, { role: "presentation" }), text: jsxs("span", { children: [jsx("span", { children: item.listCategories.at(-1) }), jsx("span", { children: item.listCategories.slice(0, -1).join(' > ') })] }) }, item.objectID))) }))] }));
 }
 function ProductHitCard({ autocomplete, hit, index, source, }) {
+    // TODO: re-enable addToCart and addToFavorites when authentication problems are solved (or we got rid of the split domains)
+    // It is just a boolean prop defaulting to true
     const { close } = useGlobalSearchDisclosure();
     const { sendAddToCartFromSearchEvent, sendAddToWishListFromSearchEvent, sendProductClickFromSearchEvent, } = useAlgoliaInsights();
     return (jsx(ConnectedProductCard, { ...autocomplete.getItemProps({
             item: hit.hit,
             source,
-        }), href: hit.storefrontSlug, id: hit.storefrontId, image: {
+        }), addToCartEnabled: false, addToFavoritesEnabled: false, href: hit.storefrontSlug, id: hit.storefrontId, image: {
             fit: 'contain',
             image: hit.image,
             title: hit.name,

package/dist/media/image/image.js

@@ -27,9 +27,9 @@ function Image({ className, 'data-test-selector': dataTestSelector, fallbackSrc
 }
 function createSrcSet(image) {
     return ([
-        image[1] && `${encodeURI(image[1])} 1x`,
-        image[2] && `${encodeURI(image[2])} 2x`,
-        image[3] && `${encodeURI(image[3])} 3x`,
+        image[1] && `${encodeURI(decodeURI(image[1]))} 1x`,
+        image[2] && `${encodeURI(decodeURI(image[2]))} 2x`,
+        image[3] && `${encodeURI(decodeURI(image[3]))} 3x`,
     ]
         .filter(Boolean)
         .join(', ') || undefined);
@@ -57,7 +57,7 @@ function PictureComponent({ className, fallbackSrc, fit = 'cover', hasError, ima
         return (jsx("picture", { className: clsx(styles.picture, className), children: jsx("img", { alt: "Missing", className: clsx(styles.image, styles[fit], styles['has-error']), src: fallbackSrc, ...rest }) }));
     return (jsxs("picture", { className: clsx(styles.picture, className), children: [image.sm && (jsx("source", { media: "(max-width: 768px)", srcSet: createSrcSet(image.sm) })), image.md && (jsx("source", { media: "(max-width: 1439px)", srcSet: createSrcSet(image.md) })), image.lg && (jsx("source", { media: "(min-width: 1440px)", srcSet: createSrcSet(image.lg) })), jsx("img", { alt: image.altText, className: clsx(styles.image, styles[fit], {
                     [styles['has-error']]: hasError,
-                }), src: encodeURI((hasError ? fallbackSrc : getPrimarySrc(image)) || ''), ...rest })] }));
+                }), src: encodeURI(decodeURI((hasError ? fallbackSrc : getPrimarySrc(image)) || '')), ...rest })] }));
 }
 
 export { Image };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sonic-equipment/ui",
-  "version": "255.0.0",
+  "version": "257.0.0",
   "type": "module",
   "license": "MIT",
   "engines": {