@athoscommerce/snap-preact 1.12.1-beta.152 → 1.13.1

package/dist/cjs/components/src/components/Molecules/Slideshow/Slideshow.js

@@ -15,8 +15,6 @@ const Image_1 = require("../../Atoms/Image");
 const Button_1 = require("../../Atoms/Button");
 const hooks_2 = require("../../../hooks");
 const deepmerge_1 = __importDefault(require("deepmerge"));
-// Pointer travel (px) past which a press is treated as a drag rather than a click.
-const DRAG_CLICK_THRESHOLD = 5;
 const defaultStyles = ({ theme, slidesToShow = 1, slideWidth, gap = 16, overlayNavigation = false, showNavigation }) => {
     return (0, react_1.css)({
         position: 'relative',
@@ -61,8 +59,10 @@ const defaultStyles = ({ theme, slidesToShow = 1, slideWidth, gap = 16, overlayN
                 height: '100%',
                 objectFit: 'cover',
                 display: 'block',
-                // Prevent image dragging
+                // pointer-events:none isn't fully reliable for blocking native image drag
+                // this plus draggable={false} below covers all browsers
                 pointerEvents: 'none',
+                WebkitUserDrag: 'none',
             },
         },
         '.ss__slideshow__slide--content': {
@@ -75,10 +75,6 @@ const defaultStyles = ({ theme, slidesToShow = 1, slideWidth, gap = 16, overlayN
         },
         '.ss__slideshow__slide--clickable': {
             cursor: 'pointer',
-            '&:hover img': {
-                opacity: 0.9,
-                transition: 'opacity 0.2s ease',
-            },
             '&:focus-visible': {
                 outline: '2px solid #005fcc',
                 outlineOffset: '2px',
@@ -168,9 +164,10 @@ exports.Slideshow = (0, mobx_react_lite_1.observer)((properties) => {
         ariaLabel: 'slideshow',
         touchDragging: true,
         dragThreshold: 50,
+        dragClickThreshold: 10,
     };
     const props = (0, utilities_1.mergeProps)('slideshow', globalTheme, defaultProps, properties);
-    const { className, slides, fallbackImage, autoPlay, autoPlayInterval, showNavigation, showPagination, loop, alwaysShowNavigation, slidesToShow, slideImageAlt, centerInsufficientSlides, ariaLabel, ariaLabelledBy, disableStyles, slideWidth, startIndex, gap, treePath, overlayNavigation, dragThreshold, } = props;
+    const { className, slides, fallbackImage, autoPlay, autoPlayInterval, showNavigation, showPagination, loop, alwaysShowNavigation, slidesToShow, slideImageAlt, centerInsufficientSlides, ariaLabel, ariaLabelledBy, disableStyles, slideWidth, startIndex, gap, treePath, overlayNavigation, dragThreshold, dragClickThreshold, } = props;
     const { overrideElement, shouldRenderDefault } = (0, hooks_2.useCustomComponentOverride)('slideshow', props);
     if (!shouldRenderDefault) {
         return overrideElement;
@@ -180,6 +177,9 @@ exports.Slideshow = (0, mobx_react_lite_1.observer)((properties) => {
         Image: {
             // default props
             fallback: fallbackImage,
+            // images are draggable by default in every browser
+            // a native image drag can hijack our custom drag and eat the mouseup
+            draggable: false,
             // inherited props
             ...(0, utilities_1.defined)({
                 disableStyles,
@@ -272,9 +272,17 @@ exports.Slideshow = (0, mobx_react_lite_1.observer)((properties) => {
     }, []);
     // Touch/Drag state
     const [isDragging, setIsDragging] = (0, hooks_1.useState)(false);
-    const [startX, setStartX] = (0, hooks_1.useState)(0);
-    const [currentX, setCurrentX] = (0, hooks_1.useState)(0);
+    // refs, not state - only read inside the drag handlers, never in render
+    // the document mouseup listener below is bound once per drag, so its closure goes stale
+    // refs stay current even from that stale closure, state would not
+    const startXRef = (0, hooks_1.useRef)(0);
+    const currentXRef = (0, hooks_1.useRef)(0);
     const [dragOffset, setDragOffset] = (0, hooks_1.useState)(0);
+    // the track's on-screen translateX (px) captured when the current drag began
+    // starting a drag turns off the CSS transition immediately
+    // without this, interrupting an in-flight transition would snap the track to its target
+    // null means there's no drag in progress
+    const dragBaseTranslatePxRef = (0, hooks_1.useRef)(null);
     // Normalize slides to SlideshowSlide format
     const normalizedSlides = slides.map((slide, index) => {
         if (typeof slide === 'string') {
@@ -366,15 +374,33 @@ exports.Slideshow = (0, mobx_react_lite_1.observer)((properties) => {
     if (totalSlides <= visibleSlides) {
         touchDragging = false;
     }
+    // how far you need to drag before it counts as a navigation
+    // smaller of dragThreshold and 30% of a slide's width
+    const getNavigationThreshold = () => {
+        const trackContainerWidth = trackRef.current?.parentElement?.offsetWidth || 0;
+        const slideWidthPx = trackContainerWidth / visibleSlides;
+        return Math.min(dragThreshold, slideWidthPx * 0.3);
+    };
     // Touch/Mouse event handlers for dragging
     const handleDragStart = (clientX) => {
         if (!touchDragging)
             return;
+        // capture the track's actual current position, mid-transition or not
+        // the track has no margin and fills its parent's width
+        // so the gap between their left edges is exactly the current translateX in px
+        dragBaseTranslatePxRef.current = null;
+        if (trackRef.current?.parentElement) {
+            dragBaseTranslatePxRef.current = trackRef.current.getBoundingClientRect().left - trackRef.current.parentElement.getBoundingClientRect().left;
+        }
         hasDraggedRef.current = false;
         setIsPlaying(false);
         setIsDragging(true);
-        setStartX(clientX);
-        setCurrentX(clientX);
+        // a previous drag's mouseup may never have arrived (e.g. a native image drag hijacked it)
+        // that would leave dragOffset stuck from that aborted drag
+        // reset it so this drag always starts clean, not stacked on stale movement
+        setDragOffset(0);
+        startXRef.current = clientX;
+        currentXRef.current = clientX;
         // Pause autoplay during drag
         if (intervalRef.current) {
             clearInterval(intervalRef.current);
@@ -383,11 +409,12 @@ exports.Slideshow = (0, mobx_react_lite_1.observer)((properties) => {
     const handleDragMove = (clientX) => {
         if (!isDragging || !touchDragging)
             return;
-        setCurrentX(clientX);
-        const diff = clientX - startX;
-        // Past a few pixels of travel this is a drag, not a click — flag it so the trailing
-        // click (fired after mouseup/touchend) doesn't trigger slide onClick handlers.
-        if (Math.abs(diff) > DRAG_CLICK_THRESHOLD) {
+        currentXRef.current = clientX;
+        const diff = clientX - startXRef.current;
+        // past a few pixels this counts as a drag, not a click
+        // flags it so the trailing click after mouseup doesn't fire onClick
+        // clamped to the nav threshold so a drag big enough to navigate is always flagged
+        if (Math.abs(diff) > Math.min(dragClickThreshold, getNavigationThreshold())) {
             hasDraggedRef.current = true;
         }
         setDragOffset(diff);
@@ -395,10 +422,8 @@ exports.Slideshow = (0, mobx_react_lite_1.observer)((properties) => {
     const handleDragEnd = () => {
         if (!isDragging || !touchDragging)
             return;
-        const diff = currentX - startX;
-        const trackContainerWidth = trackRef.current?.parentElement?.offsetWidth || 0;
-        const slideWidthPx = trackContainerWidth / visibleSlides;
-        const threshold = Math.min(dragThreshold, slideWidthPx * 0.3); // 30% of slide width or dragThreshold, whichever is smaller
+        const diff = currentXRef.current - startXRef.current;
+        const threshold = getNavigationThreshold();
         if (Math.abs(diff) > threshold) {
             if (diff > 0 && (loop || currentIndex > 0)) {
                 // Dragged right - go to previous
@@ -411,6 +436,7 @@ exports.Slideshow = (0, mobx_react_lite_1.observer)((properties) => {
         }
         setIsDragging(false);
         setDragOffset(0);
+        dragBaseTranslatePxRef.current = null;
         // Resume autoplay if it was playing
         if (isPlaying && normalizedSlides.length > computedSlidesToShow) {
             intervalRef.current = setInterval(() => {
@@ -553,7 +579,13 @@ exports.Slideshow = (0, mobx_react_lite_1.observer)((properties) => {
     // Simplified transform calculation
     let translateX;
     let translateUnit;
-    if (slideWidth) {
+    if (isDragging && dragBaseTranslatePxRef.current !== null) {
+        // while dragging, move from the position captured in handleDragStart
+        // not from currentIndex, so an interrupted transition continues smoothly
+        translateX = dragBaseTranslatePxRef.current + dragOffset;
+        translateUnit = 'px';
+    }
+    else if (slideWidth) {
         // Fixed-width mode: translate by pixel amounts (slideWidth + gap per slide)
         const slideStepPx = slideWidth + (gap ?? 0);
         translateX = -(currentIndex * slideStepPx);
@@ -626,24 +658,17 @@ exports.Slideshow = (0, mobx_react_lite_1.observer)((properties) => {
                                 handleDragMove(touch.clientX);
                             }
                             : undefined, onTouchEnd: touchDragging ? handleDragEnd : undefined, 
-                        // Mouse events (for desktop dragging)
+                        // mouse events for desktop dragging
+                        // move/up are handled by the document listeners below, not here
+                        // that keeps the drag tracking even if the cursor leaves the track
+                        // and avoids firing handleDragEnd twice on a release over the track
                         // @ts-ignore - mouse events
                         onMouseDown: touchDragging
                             ? (event) => {
-                                // Only initiate dragging with the primary (left) mouse button.
-                                // Right/middle clicks should not start a drag (e.g. opening the context menu).
-                                if (event.button !== 0)
-                                    return;
                                 event.preventDefault();
                                 handleDragStart(event.clientX);
                             }
-                            : undefined, 
-                        // Mouse events (for desktop dragging)
-                        // @ts-ignore - mouse events
-                        onMouseUp: touchDragging ? handleDragEnd : undefined, 
-                        // Mouse events (for desktop dragging)
-                        // @ts-ignore - mouse events
-                        onMouseMove: touchDragging ? handleMouseMove : undefined, children: normalizedSlides.map((slide, index) => {
+                            : undefined, children: normalizedSlides.map((slide, index) => {
                             const isVisible = index >= currentIndex && index < currentIndex + computedSlidesToShow;
                             const hasClickHandler = !!slide.onClick;
                             const hasContent = !!slide.content;

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

@@ -463,38 +463,42 @@ exports.AutocompleteLayout = (0, mobx_react_lite_1.observer)((properties) => {
         RecommendationTemplateResultComponent = recs.RecommendationTemplateResultComponent;
         recsController = recs.recsController;
     }
-    const findModule = (module) => {
+    const findModule = (module, rowCounter) => {
         //new row
         if (typeof module !== 'string') {
-            const children = module?.map((subModule) => findModule(subModule));
+            const children = module?.map((subModule) => findModule(subModule, rowCounter));
             const hasContent = module.some((subModule, i) => subModule !== '_' && children[i]);
             if (!hasContent)
                 return null;
-            return (0, jsx_runtime_1.jsx)("div", { className: "ss__autocomplete__row", children: children });
+            return (0, jsx_runtime_1.jsx)("div", { className: `ss__autocomplete__row ss__autocomplete__row--${rowCounter.value++}`, children: children });
         }
         if (module == 'c1' && column1?.layout?.length) {
-            const children = column1.layout.map((m) => findModule(m));
+            const c1RowCounter = { value: 0 };
+            const children = column1.layout.map((m) => findModule(m, c1RowCounter));
             const hasContent = column1.layout.some((m, i) => (Array.isArray(m) ? Boolean(children[i]) : m !== '_' && Boolean(children[i])));
             if (!hasContent)
                 return null;
             return (0, jsx_runtime_1.jsx)("div", { className: "ss__autocomplete__column ss__autocomplete__column--c1", children: children });
         }
         if (module == 'c2' && column2?.layout?.length) {
-            const children = column2.layout.map((m) => findModule(m));
+            const c2RowCounter = { value: 0 };
+            const children = column2.layout.map((m) => findModule(m, c2RowCounter));
             const hasContent = column2.layout.some((m, i) => (Array.isArray(m) ? Boolean(children[i]) : m !== '_' && Boolean(children[i])));
             if (!hasContent)
                 return null;
             return (0, jsx_runtime_1.jsx)("div", { className: "ss__autocomplete__column ss__autocomplete__column--c2", children: children });
         }
         if (module == 'c3' && column3?.layout?.length) {
-            const children = column3.layout.map((m) => findModule(m));
+            const c3RowCounter = { value: 0 };
+            const children = column3.layout.map((m) => findModule(m, c3RowCounter));
             const hasContent = column3.layout.some((m, i) => (Array.isArray(m) ? Boolean(children[i]) : m !== '_' && Boolean(children[i])));
             if (!hasContent)
                 return null;
             return (0, jsx_runtime_1.jsx)("div", { className: "ss__autocomplete__column ss__autocomplete__column--c3", children: children });
         }
         if (module == 'c4' && column4?.layout?.length) {
-            const children = column4.layout.map((m) => findModule(m));
+            const c4RowCounter = { value: 0 };
+            const children = column4.layout.map((m) => findModule(m, c4RowCounter));
             const hasContent = column4.layout.some((m, i) => (Array.isArray(m) ? Boolean(children[i]) : m !== '_' && Boolean(children[i])));
             if (!hasContent)
                 return null;
@@ -573,8 +577,9 @@ exports.AutocompleteLayout = (0, mobx_react_lite_1.observer)((properties) => {
         controller.log.warn(`unsupported layout found. ${props.layout}`);
         layout = [];
     }
+    const topRowCounter = { value: 0 };
     /***************************************/
     return visible && layout?.length ? ((0, jsx_runtime_1.jsx)(providers_1.CacheProvider, { children: (0, jsx_runtime_1.jsxs)("div", { ...styling, className: (0, classnames_1.default)('ss__autocomplete', { 'ss__autocomplete--terms': props.layout === 'terms' }, { 'ss__autocomplete--mobile': props.layout === 'mobile' }, { 'ss__autocomplete--desktop': props.layout === 'desktop' }, { 'ss__autocomplete--tablet': props.layout === 'tablet' }, className, internalClassName), onClick: (e) => e.stopPropagation(), ref: (e) => (0, hooks_2.useA11y)(e, 0, false, onReset), children: [(0, jsx_runtime_1.jsx)("span", { role: 'link', ref: (e) => (0, hooks_2.useA11y)(e), onClick: () => props.onReset && props.onReset(), className: "ss__autocomplete__close-button", style: { position: 'absolute', top: '-10000000px', left: '-1000000px' }, ...mergedLang.closeButton?.all }), layout?.map((module) => {
-                    return findModule(module);
+                    return findModule(module, topRowCounter);
                 })] }) })) : null;
 });

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

@@ -478,38 +478,42 @@ exports.QuickviewLayout = (0, mobx_react_lite_1.observer)((properties) => {
         })), theme: props.theme, treePath: treePath, ...(0, utilities_1.defined)({ disableStyles }) })) : null;
     // Module renderers. Each returns the corresponding region, or null when it has nothing to
     // show (so empty columns/rows collapse). Columns (c1/c2) recurse into their own layouts.
-    const findModule = (module) => {
+    const findModule = (module, rowCounter) => {
         // new row
         if (typeof module !== 'string') {
-            const children = module.map((subModule) => findModule(subModule));
+            const children = module.map((subModule) => findModule(subModule, rowCounter));
             const hasContent = module.some((subModule, i) => subModule !== '_' && children[i]);
             if (!hasContent)
                 return null;
-            return (0, jsx_runtime_1.jsx)("div", { className: "ss__quickview__row", children: children });
+            return (0, jsx_runtime_1.jsx)("div", { className: `ss__quickview__row ss__quickview__row--${rowCounter.value++}`, children: children });
         }
         if (module == 'c1' && column1?.layout?.length) {
-            const children = column1.layout.map((m) => findModule(m));
+            const c1RowCounter = { value: 0 };
+            const children = column1.layout.map((m) => findModule(m, c1RowCounter));
             const hasContent = column1.layout.some((m, i) => (Array.isArray(m) ? Boolean(children[i]) : m !== '_' && Boolean(children[i])));
             if (!hasContent)
                 return null;
             return (0, jsx_runtime_1.jsx)("div", { className: "ss__quickview__column ss__quickview__column--c1", children: children });
         }
         if (module == 'c2' && column2?.layout?.length) {
-            const children = column2.layout.map((m) => findModule(m));
+            const c2RowCounter = { value: 0 };
+            const children = column2.layout.map((m) => findModule(m, c2RowCounter));
             const hasContent = column2.layout.some((m, i) => (Array.isArray(m) ? Boolean(children[i]) : m !== '_' && Boolean(children[i])));
             if (!hasContent)
                 return null;
             return (0, jsx_runtime_1.jsx)("div", { className: "ss__quickview__column ss__quickview__column--c2", children: children });
         }
         if (module == 'c3' && column3?.layout?.length) {
-            const children = column3.layout.map((m) => findModule(m));
+            const c3RowCounter = { value: 0 };
+            const children = column3.layout.map((m) => findModule(m, c3RowCounter));
             const hasContent = column3.layout.some((m, i) => (Array.isArray(m) ? Boolean(children[i]) : m !== '_' && Boolean(children[i])));
             if (!hasContent)
                 return null;
             return (0, jsx_runtime_1.jsx)("div", { className: "ss__quickview__column ss__quickview__column--c3", children: children });
         }
         if (module == 'c4' && column4?.layout?.length) {
-            const children = column4.layout.map((m) => findModule(m));
+            const c4RowCounter = { value: 0 };
+            const children = column4.layout.map((m) => findModule(m, c4RowCounter));
             const hasContent = column4.layout.some((m, i) => (Array.isArray(m) ? Boolean(children[i]) : m !== '_' && Boolean(children[i])));
             if (!hasContent)
                 return null;
@@ -607,6 +611,7 @@ exports.QuickviewLayout = (0, mobx_react_lite_1.observer)((properties) => {
         quickviewManager.sourceController?.log.warn(`unsupported layout found. ${props.layout}`);
         layout = [];
     }
+    const topRowCounter = { value: 0 };
     const closeButton = ((0, jsx_runtime_1.jsx)(Button_1.Button, { name: "close", internalClassName: "ss__quickview__close", icon: "close-thin", lang: { button: lang.closeButton }, onClick: () => onClose(), theme: props.theme, treePath: treePath, ...(0, utilities_1.defined)({ disableStyles }) }));
-    return ((0, jsx_runtime_1.jsx)(providers_1.CacheProvider, { children: (0, jsx_runtime_1.jsx)("div", { ...styling, className: (0, classnames_1.default)('ss__quickview', className, internalClassName), children: error || loading || product ? ((0, jsx_runtime_1.jsxs)("div", { ...contentProps, children: [closeButton, error ? ((0, jsx_runtime_1.jsx)("div", { className: "ss__quickview__error", role: "alert", children: error.message })) : loading ? ((0, jsx_runtime_1.jsx)("div", { className: "ss__quickview__loading", ...mergedLang.loadingText?.all })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [layout?.map((module) => findModule(module)), (0, jsx_runtime_1.jsx)(Gallery_1.Gallery, { images: galleryImages, open: galleryOpen, startIndex: galleryIndex, onClose: () => setGalleryOpen(false), alt: name, theme: props.theme, treePath: treePath, ...(0, utilities_1.defined)({ disableStyles }) })] }))] })) : null }) }));
+    return ((0, jsx_runtime_1.jsx)(providers_1.CacheProvider, { children: (0, jsx_runtime_1.jsx)("div", { ...styling, className: (0, classnames_1.default)('ss__quickview', className, internalClassName), children: error || loading || product ? ((0, jsx_runtime_1.jsxs)("div", { ...contentProps, children: [closeButton, error ? ((0, jsx_runtime_1.jsx)("div", { className: "ss__quickview__error", role: "alert", children: error.message })) : loading ? ((0, jsx_runtime_1.jsx)("div", { className: "ss__quickview__loading", ...mergedLang.loadingText?.all })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [layout?.map((module) => findModule(module, topRowCounter)), (0, jsx_runtime_1.jsx)(Gallery_1.Gallery, { images: galleryImages, open: galleryOpen, startIndex: galleryIndex, onClose: () => setGalleryOpen(false), alt: name, theme: props.theme, treePath: treePath, ...(0, utilities_1.defined)({ disableStyles }) })] }))] })) : null }) }));
 });

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

@@ -25,7 +25,7 @@ const defaultStyles = ({ gapSize, columns }) => {
         flexFlow: 'row wrap',
         gap: gapSize,
         gridTemplateRows: 'auto',
-        gridTemplateColumns: `repeat(${columns}, minmax(0, 1fr))`,
+        gridTemplateColumns: `repeat(${columns}, 1fr)`,
         '& .ss__result, & .ss__result-layout': {
             boxSizing: 'border-box',
             flex: '0 1 auto',

package/dist/cjs/components/src/components/Templates/AutocompleteFixed/AutocompleteFixed.js

@@ -151,11 +151,6 @@ exports.AutocompleteFixed = (0, mobx_react_lite_1.observer)((properties) => {
             closeSearchButton: {
                 onClick: () => reset(),
             },
-            // wiring only — no default `icon`, so the button stays hidden until a site
-            // opts in by supplying one via theme or props (see SearchInput.hideChatButton)
-            chatButton: {
-                onClick: () => controller.openChat(),
-            },
             inputName: inputName,
             // inherited props
             ...(0, utilities_1.defined)({

package/dist/cjs/components/src/components/Templates/AutocompleteModal/AutocompleteModal.js

@@ -162,11 +162,6 @@ exports.AutocompleteModal = (0, mobx_react_lite_1.observer)((properties) => {
                 onClick: () => reset(),
                 icon: 'angle-left',
             },
-            // wiring only — no default `icon`, so the button stays hidden until a site
-            // opts in by supplying one via theme or props (see SearchInput.hideChatButton)
-            chatButton: {
-                onClick: () => controller.openChat(),
-            },
             inputName: inputName,
             // inherited props
             ...(0, utilities_1.defined)({

package/dist/cjs/components/src/components/Templates/AutocompleteSlideout/AutocompleteSlideout.js

@@ -113,11 +113,6 @@ exports.AutocompleteSlideout = (0, mobx_react_lite_1.observer)((properties) => {
                 onClick: () => reset(),
                 icon: 'angle-left',
             },
-            // wiring only — no default `icon`, so the button stays hidden until a site
-            // opts in by supplying one via theme or props (see SearchInput.hideChatButton)
-            chatButton: {
-                onClick: () => controller.openChat(),
-            },
             // inherited props
             ...(0, utilities_1.defined)({
                 disableStyles,

package/dist/cjs/components/src/hooks/useLayoutOptions.js

@@ -54,20 +54,25 @@ const useLayoutOptions = (props, globalTheme) => {
         const templateComponent = props.treePath.split(' ')[0];
         // we only want to use overrides if one of the toolbars is actually rendering the layoutSelector
         Object.keys(globalTheme.components).forEach((key) => {
-            const paths = key.split(' ');
-            const componentTypeAndName = paths.splice(-1).pop() ?? '';
-            const [componentType] = componentTypeAndName.split('.');
-            if (globalTheme.components &&
-                componentType == 'toolbar' &&
-                (paths[0] == templateComponent ||
-                    paths[0] == `*${templateComponent}` ||
-                    paths[0] == `*(M)${templateComponent}` ||
-                    paths[0] == `*(T)${templateComponent}` ||
-                    paths[0] == `*(D)${templateComponent}` ||
-                    paths[0] == `(M)${templateComponent}` ||
-                    paths[0] == `(T)${templateComponent}` ||
-                    paths[0] == `(D)${templateComponent}` ||
-                    !paths.length)) {
+            // a key may target multiple treepaths as a comma-separated list (see ThemeStore's
+            // prefixComponentKeys/normalizeCommaSeparatedKeys) - it applies if ANY part matches
+            const parts = key.includes(',') ? key.split(/\s*,\s*/) : [key];
+            const matchesToolbar = parts.some((part) => {
+                const paths = part.split(' ');
+                const componentTypeAndName = paths.splice(-1).pop() ?? '';
+                const [componentType] = componentTypeAndName.split('.');
+                return (componentType == 'toolbar' &&
+                    (paths[0] == templateComponent ||
+                        paths[0] == `*${templateComponent}` ||
+                        paths[0] == `*(M)${templateComponent}` ||
+                        paths[0] == `*(T)${templateComponent}` ||
+                        paths[0] == `*(D)${templateComponent}` ||
+                        paths[0] == `(M)${templateComponent}` ||
+                        paths[0] == `(T)${templateComponent}` ||
+                        paths[0] == `(D)${templateComponent}` ||
+                        !paths.length));
+            });
+            if (globalTheme.components && matchesToolbar) {
                 const toolbarConfig = globalTheme.components[key];
                 if (toolbarConfig?.layout && toolbarConfig.layout.toString().indexOf('layoutSelector') > -1) {
                     shouldUseOverrides = true;

package/dist/cjs/components/src/index.js

@@ -14,7 +14,7 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useLang = exports.RecommendationResultTracker = exports.ChatButtonOrganism = exports.ChatOrganism = void 0;
+exports.useLang = exports.RecommendationResultTracker = void 0;
 // ATOMS
 __exportStar(require("./components/Atoms/BadgeImage"), exports);
 __exportStar(require("./components/Atoms/BadgePill"), exports);
@@ -23,7 +23,6 @@ __exportStar(require("./components/Atoms/BadgeText"), exports);
 __exportStar(require("./components/Atoms/Banner"), exports);
 __exportStar(require("./components/Atoms/Breadcrumbs"), exports);
 __exportStar(require("./components/Atoms/Button"), exports);
-__exportStar(require("./components/Atoms/ChatLoadingIndicator"), exports);
 __exportStar(require("./components/Atoms/Dropdown"), exports);
 __exportStar(require("./components/Atoms/FormattedNumber"), exports);
 __exportStar(require("./components/Atoms/Icon"), exports);
@@ -39,15 +38,6 @@ __exportStar(require("./components/Atoms/Skeleton"), exports);
 // MOLECULES
 __exportStar(require("./components/Molecules/CalloutBadge"), exports);
 __exportStar(require("./components/Molecules/Carousel"), exports);
-__exportStar(require("./components/Molecules/ChatAttachmentContext"), exports);
-__exportStar(require("./components/Molecules/ChatInspirationResultMessage"), exports);
-__exportStar(require("./components/Molecules/ChatMessageText"), exports);
-__exportStar(require("./components/Molecules/ChatMessageUser"), exports);
-__exportStar(require("./components/Molecules/ChatProductComparisonMessage"), exports);
-__exportStar(require("./components/Molecules/ChatProductQueryMessage"), exports);
-__exportStar(require("./components/Molecules/ChatResult"), exports);
-__exportStar(require("./components/Molecules/ChatResultsDisplay"), exports);
-__exportStar(require("./components/Molecules/ChatSuggestedQuestions"), exports);
 __exportStar(require("./components/Molecules/Checkbox"), exports);
 __exportStar(require("./components/Molecules/ErrorHandler"), exports);
 __exportStar(require("./components/Molecules/FacetGridOptions"), exports);
@@ -95,13 +85,7 @@ __exportStar(require("./components/Organisms/Sidebar"), exports);
 __exportStar(require("./components/Organisms/Toolbar"), exports);
 __exportStar(require("./components/Organisms/Autocomplete"), exports);
 __exportStar(require("./components/Organisms/TermsList"), exports);
-var Chat_1 = require("./components/Organisms/Chat");
-Object.defineProperty(exports, "ChatOrganism", { enumerable: true, get: function () { return Chat_1.ChatOrganism; } });
-var ChatButton_1 = require("./components/Organisms/ChatButton");
-Object.defineProperty(exports, "ChatButtonOrganism", { enumerable: true, get: function () { return ChatButton_1.ChatButtonOrganism; } });
 // TEMPLATES
-__exportStar(require("./components/Templates/Chat"), exports);
-__exportStar(require("./components/Templates/ChatButton"), exports);
 __exportStar(require("./components/Templates/QuickviewModal"), exports);
 __exportStar(require("./components/Templates/QuickviewSlideout"), exports);
 __exportStar(require("./components/Templates/Recommendation"), exports);

package/dist/cjs/components/src/providers/themeComponents.js

@@ -12,7 +12,6 @@ exports.ALL_CUSTOM_COMPONENT_TYPES = [
     'breadcrumbs',
     'button',
     'dropdown',
-    'chatLoadingIndicator',
     'formattedNumber',
     'icon',
     'image',
@@ -30,15 +29,6 @@ exports.ALL_CUSTOM_COMPONENT_TYPES = [
     'calloutBadge',
     'carousel',
     'checkbox',
-    'chatAttachmentContext',
-    'chatInspirationResultMessage',
-    'chatMessageText',
-    'chatMessageUser',
-    'chatProductComparisonMessage',
-    'chatProductQueryMessage',
-    'chatResult',
-    'chatResultsDisplay',
-    'chatSuggestedQuestions',
     'grid',
     'layoutSelector',
     'list',
@@ -70,16 +60,6 @@ exports.ALL_CUSTOM_COMPONENT_TYPES = [
     'terms',
     /* organisms */
     'branchOverride',
-    'chat',
-    'chatButton',
-    'chatComparisonsTray',
-    'chatComposer',
-    'chatFacetsBar',
-    'chatHistory',
-    'chatMessages',
-    'chatSessionFeedback',
-    'chatSideChat',
-    'chatTopicDrift',
     'facet',
     'facets',
     'facetsHorizontal',

package/dist/cjs/components/src/themes/base/components/templates/index.js

@@ -15,12 +15,8 @@ const searchCollapsible_1 = require("./searchCollapsible");
 const autocompleteSlideout_1 = require("./autocompleteSlideout");
 const autocompleteModal_1 = require("./autocompleteModal");
 const autocompleteFixed_1 = require("./autocompleteFixed");
-const chat_1 = require("./chat");
-const chatButton_1 = require("./chatButton");
 exports.templates = {
     default: {
-        ...chat_1.chat.default,
-        ...chatButton_1.chatButton.default,
         ...autocompleteSlideout_1.autocompleteSlideout.default,
         ...autocompleteModal_1.autocompleteModal.default,
         ...autocompleteFixed_1.autocompleteFixed.default,
@@ -36,8 +32,6 @@ exports.templates = {
         ...searchHorizontal_1.searchHorizontal.default,
     },
     mobile: {
-        ...chat_1.chat.mobile,
-        ...chatButton_1.chatButton.mobile,
         ...autocompleteSlideout_1.autocompleteSlideout.mobile,
         ...autocompleteModal_1.autocompleteModal.mobile,
         ...autocompleteFixed_1.autocompleteFixed.mobile,
@@ -53,8 +47,6 @@ exports.templates = {
         ...searchHorizontal_1.searchHorizontal.mobile,
     },
     tablet: {
-        ...chat_1.chat.tablet,
-        ...chatButton_1.chatButton.tablet,
         ...autocompleteSlideout_1.autocompleteSlideout.tablet,
         ...autocompleteModal_1.autocompleteModal.tablet,
         ...autocompleteFixed_1.autocompleteFixed.tablet,
@@ -70,8 +62,6 @@ exports.templates = {
         ...searchHorizontal_1.searchHorizontal.tablet,
     },
     desktop: {
-        ...chat_1.chat.desktop,
-        ...chatButton_1.chatButton.desktop,
         ...autocompleteSlideout_1.autocompleteSlideout.desktop,
         ...autocompleteModal_1.autocompleteModal.desktop,
         ...autocompleteFixed_1.autocompleteFixed.desktop,

package/dist/cjs/components/src/themes/bocachica/components/templates/index.js

@@ -15,12 +15,8 @@ const searchCollapsible_1 = require("./searchCollapsible");
 const autocompleteSlideout_1 = require("./autocompleteSlideout");
 const autocompleteModal_1 = require("./autocompleteModal");
 const autocompleteFixed_1 = require("./autocompleteFixed");
-const chat_1 = require("./chat");
-const chatButton_1 = require("./chatButton");
 exports.templates = {
     default: {
-        ...chat_1.chat.default,
-        ...chatButton_1.chatButton.default,
         ...autocompleteSlideout_1.autocompleteSlideout.default,
         ...autocompleteModal_1.autocompleteModal.default,
         ...autocompleteFixed_1.autocompleteFixed.default,
@@ -36,8 +32,6 @@ exports.templates = {
         ...searchHorizontal_1.searchHorizontal.default,
     },
     mobile: {
-        ...chat_1.chat.mobile,
-        ...chatButton_1.chatButton.mobile,
         ...autocompleteSlideout_1.autocompleteSlideout.mobile,
         ...autocompleteModal_1.autocompleteModal.mobile,
         ...autocompleteFixed_1.autocompleteFixed.mobile,
@@ -53,8 +47,6 @@ exports.templates = {
         ...searchHorizontal_1.searchHorizontal.mobile,
     },
     tablet: {
-        ...chat_1.chat.tablet,
-        ...chatButton_1.chatButton.tablet,
         ...autocompleteSlideout_1.autocompleteSlideout.tablet,
         ...autocompleteModal_1.autocompleteModal.tablet,
         ...autocompleteFixed_1.autocompleteFixed.tablet,
@@ -70,8 +62,6 @@ exports.templates = {
         ...searchHorizontal_1.searchHorizontal.tablet,
     },
     desktop: {
-        ...chat_1.chat.desktop,
-        ...chatButton_1.chatButton.desktop,
         ...autocompleteSlideout_1.autocompleteSlideout.desktop,
         ...autocompleteModal_1.autocompleteModal.desktop,
         ...autocompleteFixed_1.autocompleteFixed.desktop,

package/dist/cjs/components/src/themes/pike/components/templates/index.js

@@ -3,8 +3,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.templates = void 0;
 // TEMPLATES
 const autocompleteFixed_1 = require("./autocompleteFixed");
-const chat_1 = require("./chat");
-const chatButton_1 = require("./chatButton");
 const autocompleteModal_1 = require("./autocompleteModal");
 const autocompleteSlideout_1 = require("./autocompleteSlideout");
 const recommendation_1 = require("./recommendation");
@@ -19,8 +17,6 @@ const searchHorizontal_1 = require("./searchHorizontal");
 const searchCollapsible_1 = require("./searchCollapsible");
 exports.templates = {
     default: {
-        ...chat_1.chat.default,
-        ...chatButton_1.chatButton.default,
         ...autocompleteFixed_1.autocompleteFixed.default,
         ...autocompleteModal_1.autocompleteModal.default,
         ...autocompleteSlideout_1.autocompleteSlideout.default,
@@ -36,8 +32,6 @@ exports.templates = {
         ...searchHorizontal_1.searchHorizontal.default,
     },
     mobile: {
-        ...chat_1.chat.mobile,
-        ...chatButton_1.chatButton.mobile,
         ...autocompleteFixed_1.autocompleteFixed.mobile,
         ...autocompleteModal_1.autocompleteModal.mobile,
         ...autocompleteSlideout_1.autocompleteSlideout.mobile,
@@ -53,8 +47,6 @@ exports.templates = {
         ...searchHorizontal_1.searchHorizontal.mobile,
     },
     tablet: {
-        ...chat_1.chat.tablet,
-        ...chatButton_1.chatButton.tablet,
         ...autocompleteFixed_1.autocompleteFixed.tablet,
         ...autocompleteModal_1.autocompleteModal.tablet,
         ...autocompleteSlideout_1.autocompleteSlideout.tablet,
@@ -70,8 +62,6 @@ exports.templates = {
         ...searchHorizontal_1.searchHorizontal.tablet,
     },
     desktop: {
-        ...chat_1.chat.desktop,
-        ...chatButton_1.chatButton.desktop,
         ...autocompleteFixed_1.autocompleteFixed.desktop,
         ...autocompleteModal_1.autocompleteModal.desktop,
         ...autocompleteSlideout_1.autocompleteSlideout.desktop,