@athoscommerce/snap-preact 1.2.3-beta.3 → 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;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/cjs/components/src/components/Organisms/Chat/ChatResult.js

@@ -32,8 +32,17 @@ var defaultStyles = function () {
         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,
@@ -75,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: {
@@ -150,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;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/cjs/components/src/components/Organisms/Chat/MessageUser.js

@@ -19,12 +19,13 @@ var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
 var mobx_react_lite_1 = require("mobx-react-lite");
 var classnames_1 = __importDefault(require("classnames"));
 var Image_1 = require("../../Atoms/Image");
-var marked_1 = require("marked");
 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',
@@ -54,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',
@@ -164,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);
@@ -176,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;
@@ -205,20 +224,18 @@ 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"));
                         }
                         return items;
-                    })() }), (0, jsx_runtime_1.jsxs)("div", { className: "ss__chat__message-user__text-wrapper", children: [requestTypeLabel ? (0, jsx_runtime_1.jsx)("div", { className: "ss__chat__message-user__request-type", children: requestTypeLabel }) : null, chatItem.text ? ((0, jsx_runtime_1.jsx)("div", { className: "ss__chat__message-user__text", dangerouslySetInnerHTML: { __html: marked_1.marked.parse(chatItem.text) } })) : null] })] }) })));
+                    })() }), (0, jsx_runtime_1.jsxs)("div", { className: "ss__chat__message-user__text-wrapper", children: [requestTypeLabel ? (0, jsx_runtime_1.jsx)("div", { className: "ss__chat__message-user__request-type", children: requestTypeLabel }) : null, chatItem.text ? (0, jsx_runtime_1.jsx)("div", { className: "ss__chat__message-user__text", children: chatItem.text }) : null] })] }) })));
 });

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;;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/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 &&
@@ -57,7 +57,8 @@ exports.ResultsDisplay = (0, mobx_react_lite_1.observer)(function (props) {
     // at >= 1200px there's room to keep 2.9 slides alongside the secondary chat
     var isConstrained = !isNarrow && isSideChatOpen && typeof window !== 'undefined' && window.innerWidth >= 768 && window.innerWidth <= 1200;
     var slidesPerView = isNarrow || isConstrained ? 1.9 : 2.9;
-    var carouselProps = {
+    var visibleSlides = Math.ceil(slidesPerView);
+    var buildCarouselProps = function () { return ({
         breakpoints: undefined,
         slidesPerView: slidesPerView,
         slidesPerGroup: isNarrow || isConstrained ? 2 : 3,
@@ -66,24 +67,24 @@ exports.ResultsDisplay = (0, mobx_react_lite_1.observer)(function (props) {
         centerInsufficientSlides: false,
         freeMode: true,
         styleScript: carouselStyleScript,
-    };
+    }); };
     var handleResultClick = function (e, result) {
         // buttons should be able to be clicked without triggering the product click
         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({}, carouselProps, { hideButtons: recommendation.results.length <= slidesPerView, 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({}, carouselProps, { hideButtons: chatItem.results.length <= slidesPerView, 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/Facet/Facet.js

@@ -379,8 +379,9 @@ exports.Facet = (0, mobx_react_lite_1.observer)(function (properties) {
     return facet && renderFacet ? ((0, jsx_runtime_1.jsx)(providers_1.CacheProvider, { children: (0, jsx_runtime_1.jsx)("div", __assign({}, styling, { className: (0, classnames_1.default)('ss__facet', "ss__facet--".concat(facet.field), "".concat(facet.collapsed ? 'ss__facet--collapsed' : ''), className, internalClassName, "".concat(facet.display ? "ss__facet--".concat(facet.display) : ''), (statefulOverflow ? (overflowState === null || overflowState === void 0 ? void 0 : overflowState.remaining) || 0 > 0 : (((_s = facet === null || facet === void 0 ? void 0 : facet.overflow) === null || _s === void 0 ? void 0 : _s.remaining) || 0) > 0) || (facet === null || facet === void 0 ? void 0 : facet.display) == 'slider'
                 ? ''
                 : 'ss__facet--showing-all'), children: justContent ? ((0, jsx_runtime_1.jsx)(FacetContent, __assign({}, facetContentProps, { mergedLang: mergedLang }))) : ((0, jsx_runtime_1.jsx)(Dropdown_1.Dropdown, __assign({}, subProps.dropdown, { open: disableCollapse || !(facet === null || facet === void 0 ? void 0 : facet.collapsed), onClick: function () { return !disableCollapse && facet.toggleCollapse && (facet === null || facet === void 0 ? void 0 : facet.toggleCollapse()); }, disableA11y: true, button: (0, jsx_runtime_1.jsxs)("div", __assign({ className: "ss__facet__header", ref: function (e) { return (0, useA11y_1.useA11y)(e, disableCollapse ? -1 : 0); }, role: "heading", "aria-level": 3 }, mergedLang.dropdownButton.attributes, { children: [(0, jsx_runtime_1.jsxs)("span", { className: "ss__facet__header__inner", children: [(0, jsx_runtime_1.jsx)("span", __assign({}, mergedLang.dropdownButton.value, { children: facet === null || facet === void 0 ? void 0 : facet.label })), showSelectedCount && selectedCount && facet.type !== 'range' ? ((0, jsx_runtime_1.jsx)("span", { className: "ss__facet__header__selected-count", children: hideSelectedCountParenthesis ? selectedCount : "(".concat(selectedCount, ")") })) : null, (mergedLang.clearAllText.value || clearAllIcon) && selectedCount ? ((0, jsx_runtime_1.jsx)(Button_1.Button, __assign({}, subProps.button, { internalClassName: "ss__facet__header__clear-all", name: 'reset-facet', onClick: function (e) {
+                                        var _a;
                                         e.stopPropagation();
-                                        facet === null || facet === void 0 ? void 0 : facet.clear.url.link.onClick();
+                                        (_a = facet === null || facet === void 0 ? void 0 : facet.clear.url) === null || _a === void 0 ? void 0 : _a.link.onClick();
                                     }, icon: clearAllIcon ? clearAllIcon : undefined, children: mergedLang.clearAllText.value && showClearAllText ? (0, jsx_runtime_1.jsx)("label", __assign({}, mergedLang.clearAllText.all)) : null }))) : ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {}))] }), !disableCollapse && ((0, jsx_runtime_1.jsx)(Icon_1.Icon, __assign({}, subProps.icon, ((facet === null || facet === void 0 ? void 0 : facet.collapsed)
                             ? __assign({}, (typeof iconExpand == 'string' ? { icon: iconExpand } : iconExpand)) : __assign({}, (typeof iconCollapse == 'string' ? { icon: iconCollapse } : iconCollapse))), { name: (facet === null || facet === void 0 ? void 0 : facet.collapsed) ? 'expand' : 'collapse' })))] })), children: (0, jsx_runtime_1.jsx)(FacetContent, __assign({}, facetContentProps, { mergedLang: mergedLang })) }))) })) })) : null;
 });

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

@@ -230,8 +230,9 @@ exports.FacetsHorizontal = (0, mobx_react_lite_1.observer)(function (properties)
                                     setSelectedFacet(undefined);
                                 }
                             }, button: (0, jsx_runtime_1.jsxs)("div", __assign({ className: "ss__dropdown__button__heading" }, mergedLang.dropdownButton.attributes, { children: [(0, jsx_runtime_1.jsxs)("div", { className: "ss__facet__header__inner", children: [(0, jsx_runtime_1.jsx)("span", __assign({}, mergedLang.dropdownButton.value, { children: facet === null || facet === void 0 ? void 0 : facet.label })), showSelectedCount && selectedCount && facet.type !== 'range' ? ((0, jsx_runtime_1.jsx)("span", { className: "ss__facet__header__selected-count", children: hideSelectedCountParenthesis ? selectedCount : "(".concat(selectedCount, ")") })) : null, (mergedLang.clearAllText.value || clearAllIcon) && selectedCount ? ((0, jsx_runtime_1.jsx)(Button_1.Button, __assign({}, subProps.button, { internalClassName: "ss__facet__header__clear-all", name: 'reset-facet', onClick: function (e) {
+                                                    var _a;
                                                     e.stopPropagation();
-                                                    facet === null || facet === void 0 ? void 0 : facet.clear.url.link.onClick();
+                                                    (_a = facet === null || facet === void 0 ? void 0 : facet.clear.url) === null || _a === void 0 ? void 0 : _a.link.onClick();
                                                 }, icon: clearAllIcon ? clearAllIcon : undefined, children: mergedLang.clearAllText.value && showClearAllText ? (0, jsx_runtime_1.jsx)("label", __assign({}, mergedLang.clearAllText.all)) : null }))) : ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {}))] }), (0, jsx_runtime_1.jsx)(Icon_1.Icon, __assign({}, subProps.icon, ((selectedFacet === null || selectedFacet === void 0 ? void 0 : selectedFacet.field) === facet.field
                                         ? __assign({}, (typeof iconExpand == 'string' ? { icon: iconExpand } : iconExpand)) : __assign({}, (typeof iconCollapse == 'string' ? { icon: iconCollapse } : iconCollapse)))))] })), disableOverlay: false, children: (0, jsx_runtime_1.jsx)(Facet_1.Facet, __assign({}, subProps.facet, { facet: facet })) })));
                     }), !hideFiltersButton && (isOverflowing || alwaysShowFiltersButton) && ((0, jsx_runtime_1.jsx)(MobileSidebar_1.MobileSidebar, __assign({ controller: controller }, subProps.MobileSidebar)))] }) })) })) : 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"}