@athoscommerce/snap-preact 1.2.3-beta.3 → 1.2.3-beta.5

package/dist/esm/components/src/components/Organisms/Chat/ChatResult.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ChatResult.d.ts","sourceRoot":"","sources":["../../../../../../../components/src/components/Organisms/Chat/ChatResult.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAC;AAChE,OAAO,EAAE,OAAO,EAAE,MAAM,gCAAgC,CAAC;AAMzD,OAAO,EAAE,cAAc,EAAe,MAAM,gBAAgB,CAAC;AAyG7D,eAAO,MAAM,UAAU,8EA+GtB,CAAC;AAMF,MAAM,WAAW,eAAgB,SAAQ,cAAc;IACtD,MAAM,EAAE,OAAO,CAAC;IAChB,UAAU,EAAE,cAAc,CAAC;IAC3B,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,WAAW,CAAC,EAAE,CAAC,EAAE,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAC;CAC/C"}
+{"version":3,"file":"ChatResult.d.ts","sourceRoot":"","sources":["../../../../../../../components/src/components/Organisms/Chat/ChatResult.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAC;AAChE,OAAO,EAAE,OAAO,EAAE,MAAM,gCAAgC,CAAC;AAMzD,OAAO,EAAE,cAAc,EAAe,MAAM,gBAAgB,CAAC;AAmH7D,eAAO,MAAM,UAAU,8EA+GtB,CAAC;AAMF,MAAM,WAAW,eAAgB,SAAQ,cAAc;IACtD,MAAM,EAAE,OAAO,CAAC;IAChB,UAAU,EAAE,cAAc,CAAC;IAC3B,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,WAAW,CAAC,EAAE,CAAC,EAAE,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAC;CAC/C"}

package/dist/esm/components/src/components/Organisms/Chat/ChatResult.js

@@ -18,8 +18,17 @@ const defaultStyles = () => {
         overflow: 'hidden',
         '.ss__chat__result__image': {
             width: '100%',
+            aspectRatio: '1 / 1',
             position: 'relative',
             overflow: 'hidden',
+            // fixed-aspect frame: scale the image to fill it and crop overflow so
+            // results with different intrinsic image aspect ratios still line up
+            // at the same height when displayed side-by-side.
+            img: {
+                width: '100%',
+                height: '100%',
+                objectFit: 'cover',
+            },
             '.ss__chat__result__image__buttons': {
                 position: 'absolute',
                 bottom: 0,
@@ -61,6 +70,7 @@ const defaultStyles = () => {
                     backgroundColor: '#000',
                     borderRadius: '50%',
                     justifyContent: 'center',
+                    boxSizing: 'border-box',
                     '&.ss__chat__result__image__icons__icon--cart': {
                         backgroundColor: '#feeeae',
                         svg: {
@@ -135,16 +145,16 @@ export const ChatResult = withTracking(observer((properties) => {
     };
     const styling = mergeStyles(properties, defaultStyles);
     return (_jsxs("div", { className: "ss__chat__result", ref: trackingRef, ...styling, children: [_jsxs("div", { className: "ss__chat__result__image", children: [_jsx(OverlayBadge, { controller: controller, result: result, renderEmpty: true, children: _jsx(Image, { className: 'ss__chat__result__detail-slot__image', alt: result.display.mappings.core?.name || '', src: result.display.mappings.core?.imageUrl || '', ...subProps.image }) }), _jsxs("div", { className: "ss__chat__result__image__buttons", children: [controller.store.features.similarProducts.enabled && (_jsx(Button, { className: 'ss__chat__result__image__buttons__similar', content: 'Similar', onClick: () => {
-                                    controller.discussProduct(result, { requestType: 'productSimilar' });
+                                    controller.productSimilar(result);
                                 } })), _jsx(Button, { className: 'ss__chat__result__image__buttons__compare', content: isInComparison ? undefined : 'Compare', icon: isInComparison ? { icon: 'check-thin', title: 'Added to comparison' } : undefined, onClick: () => {
                                     controller.compareProduct(result);
                                 } })] }), _jsxs("div", { className: "ss__chat__result__image__icons", children: [_jsx(Button, { className: 'ss__chat__result__image__icons__icon--inquire', icon: { icon: 'chat', title: 'Discuss Product' }, onClick: () => {
-                                    controller.discussProduct(result, { requestType: 'productQuery' });
+                                    controller.productQuery(result);
                                 } }), _jsx(Button, { className: 'ss__chat__result__image__icons__icon--cart', icon: { icon: 'cart', title: isConfigurable ? 'Configure' : 'Add to Cart' }, onClick: () => {
                                     // configurable products need a variant selection — open the product
                                     // information panel so the user can pick options before adding to cart
                                     if (isConfigurable) {
-                                        controller.viewProduct(result);
+                                        controller.productQuickView(result);
                                         return;
                                     }
                                     controller.track.product.addToCart(result);

package/dist/esm/components/src/components/Organisms/Chat/MessageText.d.ts

@@ -6,8 +6,10 @@ export interface MessageTextProps {
     chatItem: any;
     controller: ChatController;
     scrollToBottom: () => void;
-    onViewProduct?: () => void;
+    onProductQuickView?: () => void;
     showDetailsButton?: boolean;
     sideChatOpen?: boolean;
+    primaryColor?: string;
+    primaryColorText?: string;
 }
 //# sourceMappingURL=MessageText.d.ts.map

package/dist/esm/components/src/components/Organisms/Chat/MessageText.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MessageText.d.ts","sourceRoot":"","sources":["../../../../../../../components/src/components/Organisms/Chat/MessageText.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAC;AA0HhE,eAAO,MAAM,WAAW,WAAoB,gBAAgB;;CA2D1D,CAAC;AAqCH,MAAM,WAAW,gBAAgB;IAChC,QAAQ,EAAE,GAAG,CAAC;IACd,UAAU,EAAE,cAAc,CAAC;IAC3B,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,YAAY,CAAC,EAAE,OAAO,CAAC;CACvB"}
+{"version":3,"file":"MessageText.d.ts","sourceRoot":"","sources":["../../../../../../../components/src/components/Organisms/Chat/MessageText.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAC;AA4HhE,eAAO,MAAM,WAAW,WAAoB,gBAAgB;;CA6D1D,CAAC;AAqCH,MAAM,WAAW,gBAAgB;IAChC,QAAQ,EAAE,GAAG,CAAC;IACd,UAAU,EAAE,cAAc,CAAC;IAC3B,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,kBAAkB,CAAC,EAAE,MAAM,IAAI,CAAC;IAChC,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC1B"}

package/dist/esm/components/src/components/Organisms/Chat/MessageText.js

@@ -6,7 +6,9 @@ import { marked } from 'marked';
 import { css } from '../../..';
 import { mergeStyles } from '../../../utilities';
 import { Button } from '../../Atoms/Button';
-const defaultStyles = () => {
+const defaultStyles = ({ primaryColor, primaryColorText }) => {
+    const colorPrimary = primaryColor || '#253B80';
+    const colorPrimaryText = primaryColorText || '#fff';
     return css({
         display: 'flex',
         flexDirection: 'column',
@@ -32,30 +34,30 @@ const defaultStyles = () => {
                 height: '2em',
                 padding: 0,
                 borderRadius: '50%',
-                border: '1px solid #253B80',
+                border: `1px solid ${colorPrimary}`,
                 background: '#fff',
                 display: 'flex',
                 alignItems: 'center',
                 justifyContent: 'center',
                 cursor: 'pointer',
                 svg: {
-                    fill: '#253B80',
-                    stroke: '#253B80',
+                    fill: colorPrimary,
+                    stroke: colorPrimary,
                 },
                 '&.ss__chat__message-text__view-side-chat--active': {
-                    background: '#253B80',
+                    background: colorPrimary,
                     svg: {
-                        fill: '#fff',
-                        stroke: '#fff',
+                        fill: colorPrimaryText,
+                        stroke: colorPrimaryText,
                     },
                 },
             },
         },
         '.ss__chat__message-text__show-details': {
             alignSelf: 'flex-start',
-            border: '1px solid #253B80',
+            border: `1px solid ${colorPrimary}`,
             background: '#fff',
-            color: '#253B80',
+            color: colorPrimary,
             borderRadius: '999px',
             padding: '6px 16px',
             fontSize: '14px',
@@ -66,16 +68,16 @@ const defaultStyles = () => {
             gap: '6px',
             marginTop: '4px',
             '&:not(.ss__button--disabled):hover': {
-                background: '#253B80',
-                color: '#fff',
+                background: colorPrimary,
+                color: colorPrimaryText,
                 svg: {
-                    fill: '#fff',
-                    stroke: '#fff',
+                    fill: colorPrimaryText,
+                    stroke: colorPrimaryText,
                 },
             },
             svg: {
-                fill: '#253B80',
-                stroke: '#253B80',
+                fill: colorPrimary,
+                stroke: colorPrimary,
             },
         },
         '.ss__chat__message-text__results': {
@@ -99,8 +101,8 @@ const defaultStyles = () => {
             },
             '.ss__carousel__next-wrapper, .ss__carousel__prev-wrapper': {
                 svg: {
-                    fill: '#0066cc',
-                    stroke: '#0066cc',
+                    fill: colorPrimary,
+                    stroke: colorPrimary,
                 },
             },
         },
@@ -121,7 +123,7 @@ const defaultStyles = () => {
     });
 };
 export const MessageText = observer((props) => {
-    const { controller, chatItem, scrollToBottom, onViewProduct, showDetailsButton } = props;
+    const { controller, chatItem, scrollToBottom, onProductQuickView, showDetailsButton } = props;
     const styling = mergeStyles(props, defaultStyles);
     const text = chatItem.overallSummary || chatItem.text || chatItem.comparisonData?.summary || chatItem.errorMessage || chatItem.messageForDrift || '';
     const currentChat = controller.store.currentChat;
@@ -148,5 +150,5 @@ export const MessageText = observer((props) => {
                             }
                         } })) : null] })), shouldShowDetailsButton && (_jsx(Button, { className: "ss__chat__message-text__show-details", icon: { icon: 'angle-right', title: 'Show Details' }, onClick: () => {
                     currentChat?.setActiveMessage(chatItem.id);
-                }, children: "Show Details" })), chatItem && _jsx(ResultsDisplay, { controller: controller, chatItem: chatItem, scrollToBottom: scrollToBottom, onViewProduct: onViewProduct })] }));
+                }, children: "Show Details" })), chatItem && (_jsx(ResultsDisplay, { controller: controller, chatItem: chatItem, scrollToBottom: scrollToBottom, onProductQuickView: onProductQuickView }))] }));
 });

package/dist/esm/components/src/components/Organisms/Chat/MessageUser.d.ts

@@ -5,7 +5,9 @@ export declare const MessageUser: ((props: MessageUserProps) => import("@emotion
 interface MessageUserProps {
     chatItem: any;
     controller: ChatController;
-    onViewProduct?: (product: any) => void;
+    onProductQuickView?: (product: any) => void;
+    primaryColor?: string;
+    primaryColorText?: string;
 }
 export {};
 //# sourceMappingURL=MessageUser.d.ts.map

package/dist/esm/components/src/components/Organisms/Chat/MessageUser.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MessageUser.d.ts","sourceRoot":"","sources":["../../../../../../../components/src/components/Organisms/Chat/MessageUser.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAC;AAwIhE,eAAO,MAAM,WAAW,WAAoB,gBAAgB;;CA6F1D,CAAC;AAEH,UAAU,gBAAgB;IACzB,QAAQ,EAAE,GAAG,CAAC;IACd,UAAU,EAAE,cAAc,CAAC;IAC3B,aAAa,CAAC,EAAE,CAAC,OAAO,EAAE,GAAG,KAAK,IAAI,CAAC;CACvC"}
+{"version":3,"file":"MessageUser.d.ts","sourceRoot":"","sources":["../../../../../../../components/src/components/Organisms/Chat/MessageUser.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAC;AA0IhE,eAAO,MAAM,WAAW,WAAoB,gBAAgB;;CA2G1D,CAAC;AAEH,UAAU,gBAAgB;IACzB,QAAQ,EAAE,GAAG,CAAC;IACd,UAAU,EAAE,cAAc,CAAC;IAC3B,kBAAkB,CAAC,EAAE,CAAC,OAAO,EAAE,GAAG,KAAK,IAAI,CAAC;IAC5C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC1B"}

package/dist/esm/components/src/components/Organisms/Chat/MessageUser.js

@@ -2,12 +2,12 @@ import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
 import { observer } from 'mobx-react-lite';
 import classnames from 'classnames';
 import { Image } from '../../Atoms/Image';
-import { marked } from 'marked';
 import { Icon } from '../../Atoms/Icon';
 import { css } from '../../..';
 import { mergeStyles } from '../../../utilities';
-const defaultStyles = () => {
-    const colorPrimary = '#253B80';
+const defaultStyles = ({ primaryColor, primaryColorText }) => {
+    const colorPrimary = primaryColor || '#253B80';
+    const colorPrimaryText = primaryColorText || '#fff';
     return css({
         display: 'flex',
         flexDirection: 'column',
@@ -37,17 +37,19 @@ const defaultStyles = () => {
             borderRadius: '12px',
             borderBottomRightRadius: '3px',
             backgroundColor: colorPrimary,
-            color: '#fff',
+            color: colorPrimaryText,
         },
         '.ss__chat__message-user__attachments': {
             listStyleType: 'none',
             padding: 0,
             margin: 0,
             display: 'flex',
-            flexWrap: 'wrap',
+            flexDirection: 'row',
+            flexWrap: 'nowrap',
             justifyContent: 'flex-end',
-            flex: '0 0 40px',
-            alignSelf: 'flex-end',
+            alignItems: 'center',
+            gap: '4px',
+            alignSelf: 'end',
             '.ss__chat__message-user__attachment__product, .ss__chat__message-user__attachment__image, .ss__chat__message-user__attachment__facet': {
                 width: '40px',
                 height: '40px',
@@ -138,7 +140,7 @@ function findProductInChat(chat, productId) {
     return null;
 }
 export const MessageUser = observer((props) => {
-    const { controller, chatItem, onViewProduct } = props;
+    const { controller, chatItem, onProductQuickView } = props;
     const { store } = controller;
     const styling = mergeStyles(props, defaultStyles);
     const requestTypeLabel = getRequestTypeLabel(chatItem);
@@ -149,22 +151,36 @@ export const MessageUser = observer((props) => {
         const existingQuery = chat?.find((m) => m.messageType === 'productQuery' && m.sourceProduct?.id === attachment.productId);
         if (existingQuery) {
             store.currentChat?.setActiveMessage(existingQuery.id);
-            onViewProduct?.(existingQuery.sourceProduct);
+            onProductQuickView?.(existingQuery.sourceProduct);
             return;
         }
         const product = findProductInChat(chat, attachment.productId);
         if (product) {
-            controller.viewProduct(product);
-            onViewProduct?.(product);
+            controller.productQuickView(product);
+            onProductQuickView?.(product);
         }
     };
     return (_jsx("div", { className: "ss__chat__message-user", ...styling, children: _jsxs("div", { className: "ss__chat__message-user__row", children: [_jsx("ul", { className: "ss__chat__message-user__attachments", children: (() => {
-                        if (!chatItem.attachments?.length)
+                        const resolved = (chatItem.attachments || []).map((id) => store.currentChat?.attachments.get(id)).filter(Boolean);
+                        // Facets are no longer chat attachments — they live on the request that was
+                        // stored on the message, derived from urlManager filter state at send-time.
+                        const filterOptions = [];
+                        const searchFilters = chatItem.request?.searchFilters;
+                        searchFilters?.forEach((filter) => {
+                            filter.options?.forEach((option) => {
+                                if ('low' in option || 'high' in option) {
+                                    const low = option.low ?? '*';
+                                    const high = option.high ?? '*';
+                                    filterOptions.push({ facetKey: filter.key, label: `${low}-${high}` });
+                                }
+                                else {
+                                    filterOptions.push({ facetKey: filter.key, label: option.key });
+                                }
+                            });
+                        });
+                        if (resolved.length === 0 && filterOptions.length === 0)
                             return null;
-                        const resolved = chatItem.attachments.map((id) => store.currentChat?.attachments.get(id)).filter(Boolean);
-                        const totalFacets = resolved.filter((a) => a.type === 'facet').length;
-                        const hiddenFacetCount = Math.max(0, totalFacets - 2);
-                        let facetIndex = 0;
+                        const hiddenFacetCount = Math.max(0, filterOptions.length - 1);
                         const items = resolved
                             .map((attachment) => {
                             switch (attachment.type) {
@@ -176,20 +192,18 @@ export const MessageUser = observer((props) => {
                                             'ss__chat__message-user__attachment__product--clickable': canOpen,
                                         }), onClick: canOpen ? () => handleProductAttachmentClick(attachment) : undefined, title: canOpen ? `View details for ${attachment.name}` : undefined, children: _jsx(Image, { style: { height: '200px', width: '200px' }, src: attachment.thumbnailUrl || '', alt: attachment.name }) }, attachment.id));
                                 }
-                                case 'facet': {
-                                    facetIndex += 1;
-                                    if (facetIndex > 2)
-                                        return null;
-                                    return (_jsx("li", { className: "ss__chat__message-user__attachment__facet", children: _jsx(Icon, { title: `Filter: ${attachment.facetLabel} = ${attachment.label}`, icon: "filter-funnel", size: 27 }) }, attachment.id));
-                                }
                                 default:
                                     return null;
                             }
                         })
                             .filter(Boolean);
+                        if (filterOptions.length > 0) {
+                            const first = filterOptions[0];
+                            items.push(_jsx("li", { className: "ss__chat__message-user__attachment__facet", title: `Filter: ${first.facetKey} = ${first.label}`, children: _jsx(Icon, { icon: "filter-funnel", size: 27 }) }, "facet-first"));
+                        }
                         if (hiddenFacetCount > 0) {
                             items.push(_jsxs("li", { className: "ss__chat__message-user__attachment__facet ss__chat__message-user__attachment__facet--overflow", title: `${hiddenFacetCount} more filter${hiddenFacetCount === 1 ? '' : 's'}`, children: ["+", hiddenFacetCount] }, "facet-overflow"));
                         }
                         return items;
-                    })() }), _jsxs("div", { className: "ss__chat__message-user__text-wrapper", children: [requestTypeLabel ? _jsx("div", { className: "ss__chat__message-user__request-type", children: requestTypeLabel }) : null, chatItem.text ? (_jsx("div", { className: "ss__chat__message-user__text", dangerouslySetInnerHTML: { __html: marked.parse(chatItem.text) } })) : null] })] }) }));
+                    })() }), _jsxs("div", { className: "ss__chat__message-user__text-wrapper", children: [requestTypeLabel ? _jsx("div", { className: "ss__chat__message-user__request-type", children: requestTypeLabel }) : null, chatItem.text ? _jsx("div", { className: "ss__chat__message-user__text", children: chatItem.text }) : null] })] }) }));
 });

package/dist/esm/components/src/components/Organisms/Chat/ResultsDisplay.d.ts

@@ -6,6 +6,6 @@ export interface ResultsDisplayProps {
     chatItem: any;
     controller: ChatController;
     scrollToBottom: () => void;
-    onViewProduct?: () => void;
+    onProductQuickView?: () => void;
 }
 //# sourceMappingURL=ResultsDisplay.d.ts.map

package/dist/esm/components/src/components/Organisms/Chat/ResultsDisplay.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ResultsDisplay.d.ts","sourceRoot":"","sources":["../../../../../../../components/src/components/Organisms/Chat/ResultsDisplay.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAC;AAgChE,eAAO,MAAM,cAAc,WAAoB,mBAAmB;;CA8EhE,CAAC;AAEH,MAAM,WAAW,mBAAmB;IACnC,QAAQ,EAAE,GAAG,CAAC;IACd,UAAU,EAAE,cAAc,CAAC;IAC3B,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;CAC3B"}
+{"version":3,"file":"ResultsDisplay.d.ts","sourceRoot":"","sources":["../../../../../../../components/src/components/Organisms/Chat/ResultsDisplay.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAC;AAgChE,eAAO,MAAM,cAAc,WAAoB,mBAAmB;;CA+EhE,CAAC;AAEH,MAAM,WAAW,mBAAmB;IACnC,QAAQ,EAAE,GAAG,CAAC;IACd,UAAU,EAAE,cAAc,CAAC;IAC3B,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,kBAAkB,CAAC,EAAE,MAAM,IAAI,CAAC;CAChC"}

package/dist/esm/components/src/components/Organisms/Chat/ResultsDisplay.js

@@ -31,7 +31,7 @@ const carouselStyleScript = () => {
     });
 };
 export const ResultsDisplay = observer((props) => {
-    const { chatItem, controller, scrollToBottom, onViewProduct } = props;
+    const { chatItem, controller, scrollToBottom, onProductQuickView } = props;
     const currentChat = controller.store.currentChat;
     const activeMessage = currentChat?.activeMessage;
     const isSideChatOpen = !!activeMessage &&
@@ -42,7 +42,8 @@ export const ResultsDisplay = observer((props) => {
     // at >= 1200px there's room to keep 2.9 slides alongside the secondary chat
     const isConstrained = !isNarrow && isSideChatOpen && typeof window !== 'undefined' && window.innerWidth >= 768 && window.innerWidth <= 1200;
     const slidesPerView = isNarrow || isConstrained ? 1.9 : 2.9;
-    const carouselProps = {
+    const visibleSlides = Math.ceil(slidesPerView);
+    const buildCarouselProps = () => ({
         breakpoints: undefined,
         slidesPerView,
         slidesPerGroup: isNarrow || isConstrained ? 2 : 3,
@@ -51,23 +52,23 @@ export const ResultsDisplay = observer((props) => {
         centerInsufficientSlides: false,
         freeMode: true,
         styleScript: carouselStyleScript,
-    };
+    });
     const handleResultClick = (e, result) => {
         // buttons should be able to be clicked without triggering the product click
         if (e.composedPath().some((el) => el instanceof HTMLElement && el.matches('button, .ss__button, a')))
             return;
         controller.track.product.click(e, result);
-        controller.viewProduct(result);
-        onViewProduct?.();
+        controller.productQuickView(result);
+        onProductQuickView?.();
     };
     if (chatItem.messageType === 'productRecommendation' && chatItem.recommendationResult?.length) {
         return (_jsx(_Fragment, { children: chatItem.recommendationResult.map((recommendation, index) => {
-                return recommendation.results?.length > 0 ? (_jsx("div", { className: "ss__chat__message-text__results", style: { width: '100%' }, children: _jsx(Carousel, { ...carouselProps, hideButtons: recommendation.results.length <= slidesPerView, children: recommendation.results.map((result) => {
+                return recommendation.results?.length > 0 ? (_jsx("div", { className: "ss__chat__message-text__results", style: { width: '100%' }, children: _jsx(Carousel, { ...buildCarouselProps(), hideButtons: recommendation.results.length <= visibleSlides, children: recommendation.results.map((result) => {
                             return (_jsx("div", { className: "ss__chat__message-text__results__result", style: { height: '100%', width: '100%', display: 'flex', cursor: 'pointer' }, onClick: (e) => handleResultClick(e, result), children: _jsx(ChatResult, { result: result, controller: controller, scrollToBottom: scrollToBottom }) }, result.id));
                         }) }) }, index)) : null;
             }) }));
     }
-    return chatItem.results?.length > 0 ? (_jsx("div", { className: "ss__chat__message-text__results", style: { width: '100%' }, children: _jsx(Carousel, { ...carouselProps, hideButtons: chatItem.results.length <= slidesPerView, children: chatItem.results.map((result) => {
+    return chatItem.results?.length > 0 ? (_jsx("div", { className: "ss__chat__message-text__results", style: { width: '100%' }, children: _jsx(Carousel, { ...buildCarouselProps(), hideButtons: chatItem.results.length <= visibleSlides, children: chatItem.results.map((result) => {
                 return (_jsx("div", { className: "ss__chat__message-text__results__result", style: { height: '100%', width: '100%', display: 'flex', cursor: 'pointer' }, onClick: (e) => handleResultClick(e, result), children: _jsx(ChatResult, { result: result, controller: controller, scrollToBottom: scrollToBottom }) }, result.id));
             }) }) })) : null;
 });

package/dist/esm/components/src/components/Organisms/Facet/Facet.js

@@ -419,7 +419,7 @@ export const Facet = observer((properties) => {
                 ? ''
                 : 'ss__facet--showing-all'), children: justContent ? (_jsx(FacetContent, { ...facetContentProps, mergedLang: mergedLang })) : (_jsx(Dropdown, { ...subProps.dropdown, open: disableCollapse || !facet?.collapsed, onClick: () => !disableCollapse && facet.toggleCollapse && facet?.toggleCollapse(), disableA11y: true, button: _jsxs("div", { className: "ss__facet__header", ref: (e) => useA11y(e, disableCollapse ? -1 : 0), role: "heading", "aria-level": 3, ...mergedLang.dropdownButton.attributes, children: [_jsxs("span", { className: "ss__facet__header__inner", children: [_jsx("span", { ...mergedLang.dropdownButton.value, children: facet?.label }), showSelectedCount && selectedCount && facet.type !== 'range' ? (_jsx("span", { className: "ss__facet__header__selected-count", children: hideSelectedCountParenthesis ? selectedCount : `(${selectedCount})` })) : null, (mergedLang.clearAllText.value || clearAllIcon) && selectedCount ? (_jsx(Button, { ...subProps.button, internalClassName: "ss__facet__header__clear-all", name: 'reset-facet', onClick: (e) => {
                                         e.stopPropagation();
-                                        facet?.clear.url.link.onClick();
+                                        facet?.clear.url?.link.onClick();
                                     }, icon: clearAllIcon ? clearAllIcon : undefined, children: mergedLang.clearAllText.value && showClearAllText ? _jsx("label", { ...mergedLang.clearAllText.all }) : null })) : (_jsx(_Fragment, {}))] }), !disableCollapse && (_jsx(Icon, { ...subProps.icon, ...(facet?.collapsed
                                 ? { ...(typeof iconExpand == 'string' ? { icon: iconExpand } : iconExpand) }
                                 : { ...(typeof iconCollapse == 'string' ? { icon: iconCollapse } : iconCollapse) }), name: facet?.collapsed ? 'expand' : 'collapse' }))] }), children: _jsx(FacetContent, { ...facetContentProps, mergedLang: mergedLang }) })) }) })) : null;

package/dist/esm/components/src/components/Organisms/FacetsHorizontal/FacetsHorizontal.js

@@ -237,7 +237,7 @@ export const FacetsHorizontal = observer((properties) => {
                                 }
                             }, button: _jsxs("div", { className: "ss__dropdown__button__heading", ...mergedLang.dropdownButton.attributes, children: [_jsxs("div", { className: "ss__facet__header__inner", children: [_jsx("span", { ...mergedLang.dropdownButton.value, children: facet?.label }), showSelectedCount && selectedCount && facet.type !== 'range' ? (_jsx("span", { className: "ss__facet__header__selected-count", children: hideSelectedCountParenthesis ? selectedCount : `(${selectedCount})` })) : null, (mergedLang.clearAllText.value || clearAllIcon) && selectedCount ? (_jsx(Button, { ...subProps.button, internalClassName: "ss__facet__header__clear-all", name: 'reset-facet', onClick: (e) => {
                                                     e.stopPropagation();
-                                                    facet?.clear.url.link.onClick();
+                                                    facet?.clear.url?.link.onClick();
                                                 }, icon: clearAllIcon ? clearAllIcon : undefined, children: mergedLang.clearAllText.value && showClearAllText ? _jsx("label", { ...mergedLang.clearAllText.all }) : null })) : (_jsx(_Fragment, {}))] }), _jsx(Icon, { ...subProps.icon, ...(selectedFacet?.field === facet.field
                                             ? { ...(typeof iconExpand == 'string' ? { icon: iconExpand } : iconExpand) }
                                             : { ...(typeof iconCollapse == 'string' ? { icon: iconCollapse } : iconCollapse) }) })] }), disableOverlay: false, children: _jsx(Facet, { ...subProps.facet, facet: facet }) }));

package/dist/esm/components/src/components/Organisms/FilterSummary/FilterSummary.d.ts

@@ -15,8 +15,8 @@ export type FilterSummaryTemplatesLegalProps = {
     type?: 'inline' | 'list';
     title?: string;
     hideTitle?: boolean;
-    filterIcon?: IconType | Partial<IconProps>;
-    clearAllIcon?: IconType | Partial<IconProps>;
+    filterIcon?: IconType | Partial<IconProps> | false;
+    clearAllIcon?: IconType | Partial<IconProps> | false;
     separator?: string;
     hideFacetLabel?: boolean;
     clearAllLabel?: string;

package/dist/esm/components/src/components/Organisms/FilterSummary/FilterSummary.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FilterSummary.d.ts","sourceRoot":"","sources":["../../../../../../../components/src/components/Organisms/FilterSummary/FilterSummary.tsx"],"names":[],"mappings":"AASA,OAAO,EAAE,cAAc,EAAe,MAAM,gBAAgB,CAAC;AAC7D,OAAO,KAAK,EAAE,gBAAgB,EAAE,sBAAsB,EAAE,MAAM,gCAAgC,CAAC;AAC/F,OAAO,KAAK,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,gCAAgC,CAAC;AAC3E,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,IAAI,EAAyB,MAAM,gBAAgB,CAAC;AA2D7D,eAAO,MAAM,aAAa,gBAAyB,kBAAkB;;CAyHnE,CAAC;AAEH,MAAM,MAAM,kBAAkB,GAAG;IAChC,OAAO,CAAC,EAAE,UAAU,EAAE,CAAC;IACvB,UAAU,CAAC,EAAE,gBAAgB,GAAG,sBAAsB,CAAC;IACvD,IAAI,CAAC,EAAE,OAAO,CAAC,iBAAiB,CAAC,CAAC;CAClC,GAAG,gCAAgC,GACnC,cAAc,CAAC,kBAAkB,CAAC,CAAC;AAEpC,MAAM,MAAM,gCAAgC,GAAG;IAC9C,IAAI,CAAC,EAAE,QAAQ,GAAG,MAAM,CAAC;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC,SAAS,CAAC,CAAC;IAC3C,YAAY,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC,SAAS,CAAC,CAAC;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,EAAE,UAAU,CAAC,EAAE,YAAY,EAAE,UAAU,KAAK,IAAI,CAAC;IACjG,eAAe,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,EAAE,UAAU,CAAC,KAAK,IAAI,CAAC;CAC/E,CAAC;AAEF,MAAM,WAAW,iBAAiB;IACjC,KAAK,EAAE,IAAI,CAAC;QACX,OAAO,EAAE,UAAU,EAAE,CAAC;KACtB,CAAC,CAAC;IACH,aAAa,EAAE,IAAI,CAAC;QACnB,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,KAAK,CAAC,EAAE,MAAM,CAAC;KACf,CAAC,CAAC;CACH"}
+{"version":3,"file":"FilterSummary.d.ts","sourceRoot":"","sources":["../../../../../../../components/src/components/Organisms/FilterSummary/FilterSummary.tsx"],"names":[],"mappings":"AASA,OAAO,EAAE,cAAc,EAAe,MAAM,gBAAgB,CAAC;AAC7D,OAAO,KAAK,EAAE,gBAAgB,EAAE,sBAAsB,EAAE,MAAM,gCAAgC,CAAC;AAC/F,OAAO,KAAK,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,gCAAgC,CAAC;AAC3E,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,IAAI,EAAyB,MAAM,gBAAgB,CAAC;AA2D7D,eAAO,MAAM,aAAa,gBAAyB,kBAAkB;;CAyHnE,CAAC;AAEH,MAAM,MAAM,kBAAkB,GAAG;IAChC,OAAO,CAAC,EAAE,UAAU,EAAE,CAAC;IACvB,UAAU,CAAC,EAAE,gBAAgB,GAAG,sBAAsB,CAAC;IACvD,IAAI,CAAC,EAAE,OAAO,CAAC,iBAAiB,CAAC,CAAC;CAClC,GAAG,gCAAgC,GACnC,cAAc,CAAC,kBAAkB,CAAC,CAAC;AAEpC,MAAM,MAAM,gCAAgC,GAAG;IAC9C,IAAI,CAAC,EAAE,QAAQ,GAAG,MAAM,CAAC;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC,SAAS,CAAC,GAAG,KAAK,CAAC;IACnD,YAAY,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC,SAAS,CAAC,GAAG,KAAK,CAAC;IACrD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,EAAE,UAAU,CAAC,EAAE,YAAY,EAAE,UAAU,KAAK,IAAI,CAAC;IACjG,eAAe,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,EAAE,UAAU,CAAC,KAAK,IAAI,CAAC;CAC/E,CAAC;AAEF,MAAM,WAAW,iBAAiB;IACjC,KAAK,EAAE,IAAI,CAAC;QACX,OAAO,EAAE,UAAU,EAAE,CAAC;KACtB,CAAC,CAAC;IACH,aAAa,EAAE,IAAI,CAAC;QACnB,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,KAAK,CAAC,EAAE,MAAM,CAAC;KACf,CAAC,CAAC;CACH"}

package/dist/esm/components/src/components/Organisms/ProductQuickView/ProductQuickView.d.ts

@@ -0,0 +1,11 @@
+import { h } from 'preact';
+import type { SearchController, AutocompleteController, RecommendationController, ChatController } from '@athoscommerce/snap-controller';
+import { ComponentProps } from '../../../types';
+export declare const ProductQuickView: ((properties: ProductQuickViewProps) => h.JSX.Element | null) & {
+    displayName: string;
+};
+export type ProductQuickViewProps = ComponentProps & {
+    controller: SearchController | AutocompleteController | RecommendationController | ChatController;
+    displayFields?: string[];
+};
+//# sourceMappingURL=ProductQuickView.d.ts.map

package/dist/esm/components/src/components/Organisms/ProductQuickView/ProductQuickView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProductQuickView.d.ts","sourceRoot":"","sources":["../../../../../../../components/src/components/Organisms/ProductQuickView/ProductQuickView.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,QAAQ,CAAC;AAM3B,OAAO,KAAK,EAAE,gBAAgB,EAAE,sBAAsB,EAAE,wBAAwB,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAC;AAQzI,OAAO,EAAE,cAAc,EAAe,MAAM,gBAAgB,CAAC;AAgY7D,eAAO,MAAM,gBAAgB,gBAAyB,qBAAqB,KAAG,CAAC,CAAC,GAAG,CAAC,OAAO,GAAG,IAAI;;CAkDhG,CAAC;AA2MH,MAAM,MAAM,qBAAqB,GAAG,cAAc,GAAG;IACpD,UAAU,EAAE,gBAAgB,GAAG,sBAAsB,GAAG,wBAAwB,GAAG,cAAc,CAAC;IAClG,aAAa,CAAC,EAAE,MAAM,EAAE,CAAC;CACzB,CAAC"}