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

package/dist/cjs/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/cjs/components/src/components/Organisms/Chat/ChatResult.js

@@ -84,6 +84,7 @@ var defaultStyles = function () {
                     backgroundColor: '#000',
                     borderRadius: '50%',
                     justifyContent: 'center',
+                    boxSizing: 'border-box',
                     '&.ss__chat__result__image__icons__icon--cart': {
                         backgroundColor: '#feeeae',
                         svg: {
@@ -159,16 +160,16 @@ exports.ChatResult = (0, providers_1.withTracking)((0, mobx_react_lite_1.observe
     };
     var styling = (0, utilities_1.mergeStyles)(properties, defaultStyles);
     return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: "ss__chat__result", ref: trackingRef }, styling, { children: [(0, jsx_runtime_1.jsxs)("div", { className: "ss__chat__result__image", children: [(0, jsx_runtime_1.jsx)(__1.OverlayBadge, { controller: controller, result: result, renderEmpty: true, children: (0, jsx_runtime_1.jsx)(Image_1.Image, __assign({ className: 'ss__chat__result__detail-slot__image', alt: ((_d = result.display.mappings.core) === null || _d === void 0 ? void 0 : _d.name) || '', src: ((_e = result.display.mappings.core) === null || _e === void 0 ? void 0 : _e.imageUrl) || '' }, subProps.image)) }), (0, jsx_runtime_1.jsxs)("div", { className: "ss__chat__result__image__buttons", children: [controller.store.features.similarProducts.enabled && ((0, jsx_runtime_1.jsx)(Button_1.Button, { className: 'ss__chat__result__image__buttons__similar', content: 'Similar', onClick: function () {
-                                    controller.discussProduct(result, { requestType: 'productSimilar' });
+                                    controller.productSimilar(result);
                                 } })), (0, jsx_runtime_1.jsx)(Button_1.Button, { className: 'ss__chat__result__image__buttons__compare', content: isInComparison ? undefined : 'Compare', icon: isInComparison ? { icon: 'check-thin', title: 'Added to comparison' } : undefined, onClick: function () {
                                     controller.compareProduct(result);
                                 } })] }), (0, jsx_runtime_1.jsxs)("div", { className: "ss__chat__result__image__icons", children: [(0, jsx_runtime_1.jsx)(Button_1.Button, { className: 'ss__chat__result__image__icons__icon--inquire', icon: { icon: 'chat', title: 'Discuss Product' }, onClick: function () {
-                                    controller.discussProduct(result, { requestType: 'productQuery' });
+                                    controller.productQuery(result);
                                 } }), (0, jsx_runtime_1.jsx)(Button_1.Button, { className: 'ss__chat__result__image__icons__icon--cart', icon: { icon: 'cart', title: isConfigurable ? 'Configure' : 'Add to Cart' }, onClick: function () {
                                     // 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/cjs/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/cjs/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/cjs/components/src/components/Organisms/Chat/MessageText.js

@@ -23,7 +23,10 @@ var marked_1 = require("marked");
 var __1 = require("../../..");
 var utilities_1 = require("../../../utilities");
 var Button_1 = require("../../Atoms/Button");
-var defaultStyles = function () {
+var defaultStyles = function (_a) {
+    var primaryColor = _a.primaryColor, primaryColorText = _a.primaryColorText;
+    var colorPrimary = primaryColor || '#253B80';
+    var colorPrimaryText = primaryColorText || '#fff';
     return (0, __1.css)({
         display: 'flex',
         flexDirection: 'column',
@@ -49,30 +52,30 @@ var defaultStyles = function () {
                 height: '2em',
                 padding: 0,
                 borderRadius: '50%',
-                border: '1px solid #253B80',
+                border: "1px solid ".concat(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 ".concat(colorPrimary),
             background: '#fff',
-            color: '#253B80',
+            color: colorPrimary,
             borderRadius: '999px',
             padding: '6px 16px',
             fontSize: '14px',
@@ -83,16 +86,16 @@ var defaultStyles = function () {
             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': {
@@ -116,8 +119,8 @@ var defaultStyles = function () {
             },
             '.ss__carousel__next-wrapper, .ss__carousel__prev-wrapper': {
                 svg: {
-                    fill: '#0066cc',
-                    stroke: '#0066cc',
+                    fill: colorPrimary,
+                    stroke: colorPrimary,
                 },
             },
         },
@@ -139,7 +142,7 @@ var defaultStyles = function () {
 };
 exports.MessageText = (0, mobx_react_lite_1.observer)(function (props) {
     var _a, _b;
-    var controller = props.controller, chatItem = props.chatItem, scrollToBottom = props.scrollToBottom, onViewProduct = props.onViewProduct, showDetailsButton = props.showDetailsButton;
+    var controller = props.controller, chatItem = props.chatItem, scrollToBottom = props.scrollToBottom, onProductQuickView = props.onProductQuickView, showDetailsButton = props.showDetailsButton;
     var styling = (0, utilities_1.mergeStyles)(props, defaultStyles);
     var text = chatItem.overallSummary || chatItem.text || ((_a = chatItem.comparisonData) === null || _a === void 0 ? void 0 : _a.summary) || chatItem.errorMessage || chatItem.messageForDrift || '';
     var currentChat = controller.store.currentChat;
@@ -166,5 +169,5 @@ exports.MessageText = (0, mobx_react_lite_1.observer)(function (props) {
                             }
                         } })) : null] })), shouldShowDetailsButton && ((0, jsx_runtime_1.jsx)(Button_1.Button, { className: "ss__chat__message-text__show-details", icon: { icon: 'angle-right', title: 'Show Details' }, onClick: function () {
                     currentChat === null || currentChat === void 0 ? void 0 : currentChat.setActiveMessage(chatItem.id);
-                }, children: "Show Details" })), chatItem && (0, jsx_runtime_1.jsx)(ResultsDisplay_1.ResultsDisplay, { controller: controller, chatItem: chatItem, scrollToBottom: scrollToBottom, onViewProduct: onViewProduct })] })));
+                }, children: "Show Details" })), chatItem && ((0, jsx_runtime_1.jsx)(ResultsDisplay_1.ResultsDisplay, { controller: controller, chatItem: chatItem, scrollToBottom: scrollToBottom, onProductQuickView: onProductQuickView }))] })));
 });

package/dist/cjs/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/cjs/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/cjs/components/src/components/Organisms/Chat/MessageUser.js

@@ -22,8 +22,10 @@ var Image_1 = require("../../Atoms/Image");
 var Icon_1 = require("../../Atoms/Icon");
 var __1 = require("../../..");
 var utilities_1 = require("../../../utilities");
-var defaultStyles = function () {
-    var colorPrimary = '#253B80';
+var defaultStyles = function (_a) {
+    var primaryColor = _a.primaryColor, primaryColorText = _a.primaryColorText;
+    var colorPrimary = primaryColor || '#253B80';
+    var colorPrimaryText = primaryColorText || '#fff';
     return (0, __1.css)({
         display: 'flex',
         flexDirection: 'column',
@@ -53,17 +55,19 @@ var defaultStyles = function () {
             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',
@@ -163,7 +167,7 @@ function findProductInChat(chat, productId) {
     return null;
 }
 exports.MessageUser = (0, mobx_react_lite_1.observer)(function (props) {
-    var controller = props.controller, chatItem = props.chatItem, onViewProduct = props.onViewProduct;
+    var controller = props.controller, chatItem = props.chatItem, onProductQuickView = props.onProductQuickView;
     var store = controller.store;
     var styling = (0, utilities_1.mergeStyles)(props, defaultStyles);
     var requestTypeLabel = getRequestTypeLabel(chatItem);
@@ -175,23 +179,39 @@ exports.MessageUser = (0, mobx_react_lite_1.observer)(function (props) {
         var existingQuery = chat === null || chat === void 0 ? void 0 : chat.find(function (m) { var _a; return m.messageType === 'productQuery' && ((_a = m.sourceProduct) === null || _a === void 0 ? void 0 : _a.id) === attachment.productId; });
         if (existingQuery) {
             (_b = store.currentChat) === null || _b === void 0 ? void 0 : _b.setActiveMessage(existingQuery.id);
-            onViewProduct === null || onViewProduct === void 0 ? void 0 : onViewProduct(existingQuery.sourceProduct);
+            onProductQuickView === null || onProductQuickView === void 0 ? void 0 : onProductQuickView(existingQuery.sourceProduct);
             return;
         }
         var product = findProductInChat(chat, attachment.productId);
         if (product) {
-            controller.viewProduct(product);
-            onViewProduct === null || onViewProduct === void 0 ? void 0 : onViewProduct(product);
+            controller.productQuickView(product);
+            onProductQuickView === null || onProductQuickView === void 0 ? void 0 : onProductQuickView(product);
         }
     };
     return ((0, jsx_runtime_1.jsx)("div", __assign({ className: "ss__chat__message-user" }, styling, { children: (0, jsx_runtime_1.jsxs)("div", { className: "ss__chat__message-user__row", children: [(0, jsx_runtime_1.jsx)("ul", { className: "ss__chat__message-user__attachments", children: (function () {
                         var _a;
-                        if (!((_a = chatItem.attachments) === null || _a === void 0 ? void 0 : _a.length))
+                        var resolved = (chatItem.attachments || []).map(function (id) { var _a; return (_a = store.currentChat) === null || _a === void 0 ? void 0 : _a.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.
+                        var filterOptions = [];
+                        var searchFilters = (_a = chatItem.request) === null || _a === void 0 ? void 0 : _a.searchFilters;
+                        searchFilters === null || searchFilters === void 0 ? void 0 : searchFilters.forEach(function (filter) {
+                            var _a;
+                            (_a = filter.options) === null || _a === void 0 ? void 0 : _a.forEach(function (option) {
+                                var _a, _b;
+                                if ('low' in option || 'high' in option) {
+                                    var low = (_a = option.low) !== null && _a !== void 0 ? _a : '*';
+                                    var high = (_b = option.high) !== null && _b !== void 0 ? _b : '*';
+                                    filterOptions.push({ facetKey: filter.key, label: "".concat(low, "-").concat(high) });
+                                }
+                                else {
+                                    filterOptions.push({ facetKey: filter.key, label: option.key });
+                                }
+                            });
+                        });
+                        if (resolved.length === 0 && filterOptions.length === 0)
                             return null;
-                        var resolved = chatItem.attachments.map(function (id) { var _a; return (_a = store.currentChat) === null || _a === void 0 ? void 0 : _a.attachments.get(id); }).filter(Boolean);
-                        var totalFacets = resolved.filter(function (a) { return a.type === 'facet'; }).length;
-                        var hiddenFacetCount = Math.max(0, totalFacets - 2);
-                        var facetIndex = 0;
+                        var hiddenFacetCount = Math.max(0, filterOptions.length - 1);
                         var items = resolved
                             .map(function (attachment) {
                             var _a;
@@ -204,17 +224,15 @@ exports.MessageUser = (0, mobx_react_lite_1.observer)(function (props) {
                                             'ss__chat__message-user__attachment__product--clickable': canOpen,
                                         }), onClick: canOpen ? function () { return handleProductAttachmentClick(attachment); } : undefined, title: canOpen ? "View details for ".concat(attachment.name) : undefined, children: (0, jsx_runtime_1.jsx)(Image_1.Image, { style: { height: '200px', width: '200px' }, src: attachment.thumbnailUrl || '', alt: attachment.name }) }, attachment.id));
                                 }
-                                case 'facet': {
-                                    facetIndex += 1;
-                                    if (facetIndex > 2)
-                                        return null;
-                                    return ((0, jsx_runtime_1.jsx)("li", { className: "ss__chat__message-user__attachment__facet", children: (0, jsx_runtime_1.jsx)(Icon_1.Icon, { title: "Filter: ".concat(attachment.facetLabel, " = ").concat(attachment.label), icon: "filter-funnel", size: 27 }) }, attachment.id));
-                                }
                                 default:
                                     return null;
                             }
                         })
                             .filter(Boolean);
+                        if (filterOptions.length > 0) {
+                            var first = filterOptions[0];
+                            items.push((0, jsx_runtime_1.jsx)("li", { className: "ss__chat__message-user__attachment__facet", title: "Filter: ".concat(first.facetKey, " = ").concat(first.label), children: (0, jsx_runtime_1.jsx)(Icon_1.Icon, { icon: "filter-funnel", size: 27 }) }, "facet-first"));
+                        }
                         if (hiddenFacetCount > 0) {
                             items.push((0, jsx_runtime_1.jsxs)("li", { className: "ss__chat__message-user__attachment__facet ss__chat__message-user__attachment__facet--overflow", title: "".concat(hiddenFacetCount, " more filter").concat(hiddenFacetCount === 1 ? '' : 's'), children: ["+", hiddenFacetCount] }, "facet-overflow"));
                         }

package/dist/cjs/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/cjs/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/cjs/components/src/components/Organisms/Chat/ResultsDisplay.js

@@ -46,7 +46,7 @@ var carouselStyleScript = function () {
 };
 exports.ResultsDisplay = (0, mobx_react_lite_1.observer)(function (props) {
     var _a, _b;
-    var chatItem = props.chatItem, controller = props.controller, scrollToBottom = props.scrollToBottom, onViewProduct = props.onViewProduct;
+    var chatItem = props.chatItem, controller = props.controller, scrollToBottom = props.scrollToBottom, onProductQuickView = props.onProductQuickView;
     var currentChat = controller.store.currentChat;
     var activeMessage = currentChat === null || currentChat === void 0 ? void 0 : currentChat.activeMessage;
     var isSideChatOpen = !!activeMessage &&
@@ -58,13 +58,9 @@ exports.ResultsDisplay = (0, mobx_react_lite_1.observer)(function (props) {
     var isConstrained = !isNarrow && isSideChatOpen && typeof window !== 'undefined' && window.innerWidth >= 768 && window.innerWidth <= 1200;
     var slidesPerView = isNarrow || isConstrained ? 1.9 : 2.9;
     var 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.
-    var resolveSlidesPerView = function (count) { return (count <= visibleSlides ? count : slidesPerView); };
-    var buildCarouselProps = function (count) { return ({
+    var buildCarouselProps = function () { return ({
         breakpoints: undefined,
-        slidesPerView: resolveSlidesPerView(count),
+        slidesPerView: slidesPerView,
         slidesPerGroup: isNarrow || isConstrained ? 2 : 3,
         loop: false,
         pagination: false,
@@ -77,18 +73,18 @@ exports.ResultsDisplay = (0, mobx_react_lite_1.observer)(function (props) {
         if (e.composedPath().some(function (el) { return el instanceof HTMLElement && el.matches('button, .ss__button, a'); }))
             return;
         controller.track.product.click(e, result);
-        controller.viewProduct(result);
-        onViewProduct === null || onViewProduct === void 0 ? void 0 : onViewProduct();
+        controller.productQuickView(result);
+        onProductQuickView === null || onProductQuickView === void 0 ? void 0 : onProductQuickView();
     };
     if (chatItem.messageType === 'productRecommendation' && ((_a = chatItem.recommendationResult) === null || _a === void 0 ? void 0 : _a.length)) {
         return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: chatItem.recommendationResult.map(function (recommendation, index) {
                 var _a;
-                return ((_a = recommendation.results) === null || _a === void 0 ? void 0 : _a.length) > 0 ? ((0, jsx_runtime_1.jsx)("div", { className: "ss__chat__message-text__results", style: { width: '100%' }, children: (0, jsx_runtime_1.jsx)(Carousel_1.Carousel, __assign({}, buildCarouselProps(recommendation.results.length), { hideButtons: recommendation.results.length <= visibleSlides, children: recommendation.results.map(function (result) {
+                return ((_a = recommendation.results) === null || _a === void 0 ? void 0 : _a.length) > 0 ? ((0, jsx_runtime_1.jsx)("div", { className: "ss__chat__message-text__results", style: { width: '100%' }, children: (0, jsx_runtime_1.jsx)(Carousel_1.Carousel, __assign({}, buildCarouselProps(), { hideButtons: recommendation.results.length <= visibleSlides, children: recommendation.results.map(function (result) {
                             return ((0, jsx_runtime_1.jsx)("div", { className: "ss__chat__message-text__results__result", style: { height: '100%', width: '100%', display: 'flex', cursor: 'pointer' }, onClick: function (e) { return handleResultClick(e, result); }, children: (0, jsx_runtime_1.jsx)(ChatResult_1.ChatResult, { result: result, controller: controller, scrollToBottom: scrollToBottom }) }, result.id));
                         }) })) }, index)) : null;
             }) }));
     }
-    return ((_b = chatItem.results) === null || _b === void 0 ? void 0 : _b.length) > 0 ? ((0, jsx_runtime_1.jsx)("div", { className: "ss__chat__message-text__results", style: { width: '100%' }, children: (0, jsx_runtime_1.jsx)(Carousel_1.Carousel, __assign({}, buildCarouselProps(chatItem.results.length), { hideButtons: chatItem.results.length <= visibleSlides, children: chatItem.results.map(function (result) {
+    return ((_b = chatItem.results) === null || _b === void 0 ? void 0 : _b.length) > 0 ? ((0, jsx_runtime_1.jsx)("div", { className: "ss__chat__message-text__results", style: { width: '100%' }, children: (0, jsx_runtime_1.jsx)(Carousel_1.Carousel, __assign({}, buildCarouselProps(), { hideButtons: chatItem.results.length <= visibleSlides, children: chatItem.results.map(function (result) {
                 return ((0, jsx_runtime_1.jsx)("div", { className: "ss__chat__message-text__results__result", style: { height: '100%', width: '100%', display: 'flex', cursor: 'pointer' }, onClick: function (e) { return handleResultClick(e, result); }, children: (0, jsx_runtime_1.jsx)(ChatResult_1.ChatResult, { result: result, controller: controller, scrollToBottom: scrollToBottom }) }, result.id));
             }) })) })) : null;
 });

package/dist/cjs/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/cjs/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/cjs/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/cjs/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"}