@athoscommerce/snap-preact 1.2.3-beta.4 → 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;AAkH7D,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

@@ -70,6 +70,7 @@ const defaultStyles = () => {
                     backgroundColor: '#000',
                     borderRadius: '50%',
                     justifyContent: 'center',
+                    boxSizing: 'border-box',
                     '&.ss__chat__result__image__icons__icon--cart': {
                         backgroundColor: '#feeeae',
                         svg: {
@@ -144,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;AAuIhE,eAAO,MAAM,WAAW,WAAoB,gBAAgB;;CA2F1D,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

@@ -5,8 +5,9 @@ import { Image } from '../../Atoms/Image';
 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',
@@ -36,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',
@@ -137,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);
@@ -148,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) {
@@ -175,17 +192,15 @@ 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"));
                         }

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;;CAmFhE,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 &&
@@ -43,13 +43,9 @@ export const ResultsDisplay = observer((props) => {
     const isConstrained = !isNarrow && isSideChatOpen && typeof window !== 'undefined' && window.innerWidth >= 768 && window.innerWidth <= 1200;
     const slidesPerView = isNarrow || isConstrained ? 1.9 : 2.9;
     const visibleSlides = Math.ceil(slidesPerView);
-    // When all results fit, use a whole-number slidesPerView so the last slide
-    // isn't clipped to a fraction; otherwise keep the fractional value to hint
-    // at additional content beyond the viewport.
-    const resolveSlidesPerView = (count) => (count <= visibleSlides ? count : slidesPerView);
-    const buildCarouselProps = (count) => ({
+    const buildCarouselProps = () => ({
         breakpoints: undefined,
-        slidesPerView: resolveSlidesPerView(count),
+        slidesPerView,
         slidesPerGroup: isNarrow || isConstrained ? 2 : 3,
         loop: false,
         pagination: false,
@@ -62,17 +58,17 @@ export const ResultsDisplay = observer((props) => {
         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, { ...buildCarouselProps(recommendation.results.length), hideButtons: recommendation.results.length <= visibleSlides, 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, { ...buildCarouselProps(chatItem.results.length), hideButtons: chatItem.results.length <= visibleSlides, 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/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"}