@athoscommerce/snap-preact 1.6.0 → 1.7.1-beta.121

package/dist/cjs/components/src/components/Organisms/Chat/hooks/useChatFileUpload.d.ts

@@ -0,0 +1,32 @@
+import type { RefObject } from 'preact';
+export type UseChatFileUploadOptions = {
+    /**
+     * When false, drag handlers are no-ops and the dragging indicator never activates.
+     */
+    enabled: boolean;
+    /**
+     * Called when image files are dropped onto the footer. Receives a freshly-built
+     * FileList (filtered to only image/* types).
+     */
+    onUpload: (files: FileList) => void | Promise<void>;
+};
+export type UseChatFileUploadResult = {
+    /** Attach to a hidden `<input type="file">` so the upload button can trigger it. */
+    fileInputRef: RefObject<HTMLInputElement>;
+    /** True while the user is actively dragging files over the footer. */
+    isDraggingFile: boolean;
+    /** Spread these onto the drop-zone element. */
+    dragHandlers: {
+        onDragEnter: (e: any) => void;
+        onDragOver: (e: any) => void;
+        onDragLeave: (e: any) => void;
+        onDrop: (e: any) => void;
+    };
+};
+/**
+ * Wires drag-and-drop image upload onto the chat footer plus a ref for the
+ * hidden file input. `dragenter` / `dragleave` fire on every child crossing,
+ * so a counter is kept to know when the pointer has truly left the footer.
+ */
+export declare const useChatFileUpload: ({ enabled, onUpload }: UseChatFileUploadOptions) => UseChatFileUploadResult;
+//# sourceMappingURL=useChatFileUpload.d.ts.map

package/dist/cjs/components/src/components/Organisms/Chat/hooks/useChatFileUpload.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useChatFileUpload.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/components/Organisms/Chat/hooks/useChatFileUpload.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AAExC,MAAM,MAAM,wBAAwB,GAAG;IACtC;;OAEG;IACH,OAAO,EAAE,OAAO,CAAC;IACjB;;;OAGG;IACH,QAAQ,EAAE,CAAC,KAAK,EAAE,QAAQ,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;CACpD,CAAC;AAEF,MAAM,MAAM,uBAAuB,GAAG;IACrC,oFAAoF;IACpF,YAAY,EAAE,SAAS,CAAC,gBAAgB,CAAC,CAAC;IAC1C,sEAAsE;IACtE,cAAc,EAAE,OAAO,CAAC;IACxB,+CAA+C;IAC/C,YAAY,EAAE;QACb,WAAW,EAAE,CAAC,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC;QAC9B,UAAU,EAAE,CAAC,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC;QAC7B,WAAW,EAAE,CAAC,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC;QAC9B,MAAM,EAAE,CAAC,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC;KACzB,CAAC;CACF,CAAC;AAIF;;;;GAIG;AACH,eAAO,MAAM,iBAAiB,0BAA2B,wBAAwB,KAAG,uBA4CnF,CAAC"}

package/dist/cjs/components/src/components/Organisms/Chat/hooks/useChatFileUpload.js

@@ -0,0 +1,104 @@
+"use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
+    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useChatFileUpload = void 0;
+var hooks_1 = require("preact/hooks");
+var hasFiles = function (e) { var _a; return Array.from(((_a = e.dataTransfer) === null || _a === void 0 ? void 0 : _a.types) || []).includes('Files'); };
+/**
+ * Wires drag-and-drop image upload onto the chat footer plus a ref for the
+ * hidden file input. `dragenter` / `dragleave` fire on every child crossing,
+ * so a counter is kept to know when the pointer has truly left the footer.
+ */
+var useChatFileUpload = function (_a) {
+    var enabled = _a.enabled, onUpload = _a.onUpload;
+    var fileInputRef = (0, hooks_1.useRef)(null);
+    var _b = (0, hooks_1.useState)(false), isDraggingFile = _b[0], setIsDraggingFile = _b[1];
+    var dragCounterRef = (0, hooks_1.useRef)(0);
+    var onDragEnter = function (e) {
+        if (!enabled || !hasFiles(e))
+            return;
+        e.preventDefault();
+        dragCounterRef.current += 1;
+        setIsDraggingFile(true);
+    };
+    var onDragOver = function (e) {
+        if (!enabled || !hasFiles(e))
+            return;
+        // Required to allow the drop event to fire
+        e.preventDefault();
+        if (e.dataTransfer)
+            e.dataTransfer.dropEffect = 'copy';
+    };
+    var onDragLeave = function (e) {
+        if (!enabled || !hasFiles(e))
+            return;
+        dragCounterRef.current = Math.max(0, dragCounterRef.current - 1);
+        if (dragCounterRef.current === 0)
+            setIsDraggingFile(false);
+    };
+    var onDrop = function (e) { return __awaiter(void 0, void 0, void 0, function () {
+        var dropped, firstImage, dt;
+        var _a;
+        return __generator(this, function (_b) {
+            switch (_b.label) {
+                case 0:
+                    if (!enabled || !hasFiles(e))
+                        return [2 /*return*/];
+                    e.preventDefault();
+                    dragCounterRef.current = 0;
+                    setIsDraggingFile(false);
+                    dropped = Array.from(((_a = e.dataTransfer) === null || _a === void 0 ? void 0 : _a.files) || []);
+                    firstImage = dropped.find(function (f) { return f.type.startsWith('image/'); });
+                    if (!firstImage)
+                        return [2 /*return*/];
+                    dt = new DataTransfer();
+                    dt.items.add(firstImage);
+                    return [4 /*yield*/, onUpload(dt.files)];
+                case 1:
+                    _b.sent();
+                    return [2 /*return*/];
+            }
+        });
+    }); };
+    return {
+        fileInputRef: fileInputRef,
+        isDraggingFile: isDraggingFile,
+        dragHandlers: { onDragEnter: onDragEnter, onDragOver: onDragOver, onDragLeave: onDragLeave, onDrop: onDrop },
+    };
+};
+exports.useChatFileUpload = useChatFileUpload;

package/dist/cjs/components/src/components/Organisms/Chat/hooks/useChatGestures.d.ts

@@ -0,0 +1,40 @@
+import type { RefObject } from 'preact';
+export type UseChatGesturesOptions = {
+    /**
+     * Ref to the panel that is being dragged (the mobile secondary panel).
+     */
+    panelRef: RefObject<HTMLDivElement>;
+    /**
+     * Whether the side chat is currently visible. Used to reset state when it toggles.
+     */
+    shouldShowSideChat: boolean;
+    /**
+     * Active message id. Used to reset state when the user navigates to a different message.
+     */
+    activeMessageId: string | undefined;
+    /**
+     * Called when the swipe gesture passes the dismiss threshold and finishes animating out.
+     */
+    onDismiss: () => void;
+};
+export type UseChatGesturesResult = {
+    /** Current vertical offset in pixels. */
+    swipeOffset: number;
+    /** Whether a snap-back / dismiss animation is currently running. */
+    swipeAnimating: boolean;
+    /** Spread these onto the panel: `onTouchStart`, `onTouchMove`, `onTouchEnd`. */
+    swipeHandlers: {
+        onTouchStart: (e: any) => void;
+        onTouchMove: (e: any) => void;
+        onTouchEnd: () => void;
+    };
+};
+/**
+ * Drag-down-to-dismiss gesture for the mobile secondary chat panel.
+ *
+ * Tracks vertical touch movement and applies a translateY offset until the user releases.
+ * If the user passes a distance or velocity threshold the panel animates the rest of the way
+ * out and `onDismiss` fires; otherwise it snaps back to zero.
+ */
+export declare const useChatGestures: ({ panelRef, shouldShowSideChat, activeMessageId, onDismiss }: UseChatGesturesOptions) => UseChatGesturesResult;
+//# sourceMappingURL=useChatGestures.d.ts.map

package/dist/cjs/components/src/components/Organisms/Chat/hooks/useChatGestures.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useChatGestures.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/components/Organisms/Chat/hooks/useChatGestures.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AAExC,MAAM,MAAM,sBAAsB,GAAG;IACpC;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC,cAAc,CAAC,CAAC;IACpC;;OAEG;IACH,kBAAkB,EAAE,OAAO,CAAC;IAC5B;;OAEG;IACH,eAAe,EAAE,MAAM,GAAG,SAAS,CAAC;IACpC;;OAEG;IACH,SAAS,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG;IACnC,yCAAyC;IACzC,WAAW,EAAE,MAAM,CAAC;IACpB,oEAAoE;IACpE,cAAc,EAAE,OAAO,CAAC;IACxB,gFAAgF;IAChF,aAAa,EAAE;QACd,YAAY,EAAE,CAAC,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC;QAC/B,WAAW,EAAE,CAAC,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC;QAC9B,UAAU,EAAE,MAAM,IAAI,CAAC;KACvB,CAAC;CACF,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,eAAe,iEAAkE,sBAAsB,KAAG,qBAsFtH,CAAC"}

package/dist/cjs/components/src/components/Organisms/Chat/hooks/useChatGestures.js

@@ -0,0 +1,98 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useChatGestures = void 0;
+var hooks_1 = require("preact/hooks");
+/**
+ * Drag-down-to-dismiss gesture for the mobile secondary chat panel.
+ *
+ * Tracks vertical touch movement and applies a translateY offset until the user releases.
+ * If the user passes a distance or velocity threshold the panel animates the rest of the way
+ * out and `onDismiss` fires; otherwise it snaps back to zero.
+ */
+var useChatGestures = function (_a) {
+    var panelRef = _a.panelRef, shouldShowSideChat = _a.shouldShowSideChat, activeMessageId = _a.activeMessageId, onDismiss = _a.onDismiss;
+    var swipeStartY = (0, hooks_1.useRef)(0);
+    var swipeStartTime = (0, hooks_1.useRef)(0);
+    var swipeActive = (0, hooks_1.useRef)(false);
+    var swipeOffsetRef = (0, hooks_1.useRef)(0);
+    var animationTimerRef = (0, hooks_1.useRef)(null);
+    var _b = (0, hooks_1.useState)(0), swipeOffset = _b[0], setSwipeOffsetRaw = _b[1];
+    var _c = (0, hooks_1.useState)(false), swipeAnimating = _c[0], setSwipeAnimating = _c[1];
+    var updateSwipeOffset = function (value) {
+        swipeOffsetRef.current = value;
+        setSwipeOffsetRaw(value);
+    };
+    // Reset swipe state when secondary panel opens/closes or active message changes
+    (0, hooks_1.useEffect)(function () {
+        updateSwipeOffset(0);
+        setSwipeAnimating(false);
+        swipeActive.current = false;
+    }, [shouldShowSideChat, activeMessageId]);
+    var onTouchStart = function (e) {
+        swipeStartY.current = e.touches[0].clientY;
+        swipeStartTime.current = Date.now();
+        swipeActive.current = false; // only activate after dead-zone threshold
+        setSwipeAnimating(false);
+    };
+    var onTouchMove = function (e) {
+        var diff = e.touches[0].clientY - swipeStartY.current;
+        // Require a minimum drag distance before activating the swipe,
+        // so taps on buttons (e.g. close) still fire their click events.
+        if (!swipeActive.current) {
+            if (Math.abs(diff) < 8)
+                return; // still within dead-zone
+            swipeActive.current = true;
+        }
+        if (diff > 0) {
+            e.preventDefault();
+            updateSwipeOffset(diff);
+        }
+        else {
+            updateSwipeOffset(0);
+        }
+    };
+    var onTouchEnd = function () {
+        var _a;
+        if (!swipeActive.current)
+            return;
+        swipeActive.current = false;
+        var offset = swipeOffsetRef.current;
+        var height = ((_a = panelRef.current) === null || _a === void 0 ? void 0 : _a.offsetHeight) || 400;
+        var elapsed = Date.now() - swipeStartTime.current;
+        var velocity = offset / (elapsed || 1); // px per ms
+        // Dismiss if dragged past 25% threshold OR a quick flick (>0.5 px/ms with >50px travel)
+        var shouldDismiss = offset > height * 0.25 || (velocity > 0.5 && offset > 50);
+        if (shouldDismiss) {
+            // Animate out then dismiss
+            setSwipeAnimating(true);
+            updateSwipeOffset(height);
+            if (animationTimerRef.current)
+                clearTimeout(animationTimerRef.current);
+            animationTimerRef.current = setTimeout(function () {
+                onDismiss();
+                updateSwipeOffset(0);
+                setSwipeAnimating(false);
+            }, 300);
+        }
+        else {
+            // Snap back
+            setSwipeAnimating(true);
+            updateSwipeOffset(0);
+            if (animationTimerRef.current)
+                clearTimeout(animationTimerRef.current);
+            animationTimerRef.current = setTimeout(function () { return setSwipeAnimating(false); }, 300);
+        }
+    };
+    (0, hooks_1.useEffect)(function () {
+        return function () {
+            if (animationTimerRef.current)
+                clearTimeout(animationTimerRef.current);
+        };
+    }, []);
+    return {
+        swipeOffset: swipeOffset,
+        swipeAnimating: swipeAnimating,
+        swipeHandlers: { onTouchStart: onTouchStart, onTouchMove: onTouchMove, onTouchEnd: onTouchEnd },
+    };
+};
+exports.useChatGestures = useChatGestures;

package/dist/cjs/components/src/components/Organisms/Chat/hooks/useChatOverflow.d.ts

@@ -0,0 +1,44 @@
+import type { RefObject } from 'preact';
+export type UseChatOverflowOptions = {
+    messagesContainerRef: RefObject<HTMLDivElement>;
+    headerRef: RefObject<HTMLDivElement>;
+    /**
+     * Whether the chat panel is open. State resets on toggle.
+     */
+    open: boolean;
+    /**
+     * Whether the controller is currently loading. Triggers a scroll-to-bottom when it flips on.
+     */
+    loading: boolean;
+    /**
+     * Length of the visible chat. Drives the new-message popup + auto-scroll behavior.
+     */
+    visibleChatLength: number;
+    /**
+     * The last visible message — needed to differentiate auto-scroll for user vs assistant messages.
+     */
+    lastVisibleMessage: {
+        messageType?: string;
+    } | undefined;
+};
+export type UseChatOverflowResult = {
+    /** True when there are messages off-screen below the current scroll position. */
+    showNewMessages: boolean;
+    /** Imperative dismiss for the "New messages" popup. */
+    setShowNewMessages: (value: boolean) => void;
+    /** True when the messages container is overflowing (used to switch comparison tray between in-flow and overlay). */
+    messagesOverflow: boolean;
+    /** Live ref tracking whether the user is currently near the bottom. */
+    isNearBottomRef: RefObject<boolean>;
+    /** Imperatively scroll the messages container to the bottom (smooth). */
+    scrollToBottom: () => void;
+    /** Conditional scroll: only scrolls if the user is already near the bottom. */
+    scrollToBottomIfNear: () => void;
+};
+/**
+ * Manages the auto-scroll, "new message" indicator, and overflow detection for the
+ * chat message list. Owns all scroll listeners and ResizeObservers so the host
+ * component just consumes the derived state.
+ */
+export declare const useChatOverflow: ({ messagesContainerRef, headerRef, open, loading, visibleChatLength, lastVisibleMessage, }: UseChatOverflowOptions) => UseChatOverflowResult;
+//# sourceMappingURL=useChatOverflow.d.ts.map

package/dist/cjs/components/src/components/Organisms/Chat/hooks/useChatOverflow.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useChatOverflow.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/components/Organisms/Chat/hooks/useChatOverflow.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AAExC,MAAM,MAAM,sBAAsB,GAAG;IACpC,oBAAoB,EAAE,SAAS,CAAC,cAAc,CAAC,CAAC;IAChD,SAAS,EAAE,SAAS,CAAC,cAAc,CAAC,CAAC;IACrC;;OAEG;IACH,IAAI,EAAE,OAAO,CAAC;IACd;;OAEG;IACH,OAAO,EAAE,OAAO,CAAC;IACjB;;OAEG;IACH,iBAAiB,EAAE,MAAM,CAAC;IAC1B;;OAEG;IACH,kBAAkB,EAAE;QAAE,WAAW,CAAC,EAAE,MAAM,CAAA;KAAE,GAAG,SAAS,CAAC;CACzD,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG;IACnC,iFAAiF;IACjF,eAAe,EAAE,OAAO,CAAC;IACzB,uDAAuD;IACvD,kBAAkB,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IAC7C,oHAAoH;IACpH,gBAAgB,EAAE,OAAO,CAAC;IAC1B,uEAAuE;IACvE,eAAe,EAAE,SAAS,CAAC,OAAO,CAAC,CAAC;IACpC,yEAAyE;IACzE,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,+EAA+E;IAC/E,oBAAoB,EAAE,MAAM,IAAI,CAAC;CACjC,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,eAAe,+FAOzB,sBAAsB,KAAG,qBAyG3B,CAAC"}

package/dist/cjs/components/src/components/Organisms/Chat/hooks/useChatOverflow.js

@@ -0,0 +1,116 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useChatOverflow = void 0;
+var hooks_1 = require("preact/hooks");
+/**
+ * Manages the auto-scroll, "new message" indicator, and overflow detection for the
+ * chat message list. Owns all scroll listeners and ResizeObservers so the host
+ * component just consumes the derived state.
+ */
+var useChatOverflow = function (_a) {
+    var messagesContainerRef = _a.messagesContainerRef, headerRef = _a.headerRef, open = _a.open, loading = _a.loading, visibleChatLength = _a.visibleChatLength, lastVisibleMessage = _a.lastVisibleMessage;
+    var _b = (0, hooks_1.useState)(false), showNewMessages = _b[0], setShowNewMessages = _b[1];
+    var _c = (0, hooks_1.useState)(false), messagesOverflow = _c[0], setMessagesOverflow = _c[1];
+    var isNearBottomRef = (0, hooks_1.useRef)(true);
+    var scrollToBottom = function () {
+        // Scroll the messages container directly (instead of scrollIntoView on the
+        // bottom anchor) so the browser never walks up the ancestor chain. On small
+        // viewports a smooth scrollIntoView could otherwise animate the document /
+        // visual viewport and visually push the fixed-position chat off-screen.
+        var container = messagesContainerRef.current;
+        if (container) {
+            container.scrollTo({ top: container.scrollHeight, behavior: 'smooth' });
+        }
+    };
+    // Conditional scroll: only scrolls if the user is already near the bottom.
+    var scrollToBottomIfNear = function () {
+        if (isNearBottomRef.current) {
+            scrollToBottom();
+        }
+    };
+    // Scroll to bottom when chat opens
+    (0, hooks_1.useEffect)(function () {
+        if (open) {
+            scrollToBottom();
+            setShowNewMessages(false);
+            isNearBottomRef.current = true;
+        }
+    }, [open]);
+    // Handle new messages — auto-scroll for user messages, show popup for response messages when scrolled up
+    (0, hooks_1.useEffect)(function () {
+        if (!open || !lastVisibleMessage)
+            return;
+        if (lastVisibleMessage.messageType === 'user') {
+            scrollToBottom();
+            setShowNewMessages(false);
+        }
+        else if (isNearBottomRef.current) {
+            scrollToBottom();
+            setShowNewMessages(false);
+        }
+        else {
+            setShowNewMessages(true);
+        }
+    }, [visibleChatLength]);
+    // Scroll to show loading indicator when user sends a message
+    (0, hooks_1.useEffect)(function () {
+        if (open && loading) {
+            scrollToBottom();
+        }
+    }, [loading]);
+    // Track scroll position to dismiss the "New messages" popup when user scrolls to bottom
+    (0, hooks_1.useEffect)(function () {
+        var container = messagesContainerRef.current;
+        if (!container)
+            return;
+        var handleScroll = function () {
+            var threshold = 100;
+            var isNearBottom = container.scrollHeight - container.scrollTop - container.clientHeight < threshold;
+            isNearBottomRef.current = isNearBottom;
+            if (isNearBottom) {
+                setShowNewMessages(false);
+            }
+        };
+        container.addEventListener('scroll', handleScroll);
+        return function () { return container.removeEventListener('scroll', handleScroll); };
+    }, [open]);
+    // Track whether the messages container is overflowing so the comparisons header
+    // can switch between in-flow (short conversations — top content stays reachable)
+    // and overlay (overflowing — avoid layout shift when toggling the tray).
+    // Hysteresis: when already in overlay, only return to in-flow if the content
+    // would still fit *with* the header re-inserted — otherwise the two states
+    // fight each other and the layout flickers.
+    (0, hooks_1.useEffect)(function () {
+        var container = messagesContainerRef.current;
+        if (!container || typeof ResizeObserver === 'undefined')
+            return;
+        var update = function () {
+            setMessagesOverflow(function (prev) {
+                var _a;
+                var headerHeight = ((_a = headerRef.current) === null || _a === void 0 ? void 0 : _a.offsetHeight) || 0;
+                if (prev) {
+                    // Currently overlay: header isn't taking flow space. Only switch
+                    // back to in-flow if the content would fit with the header added.
+                    return container.scrollHeight > container.clientHeight - headerHeight + 1;
+                }
+                // Currently in-flow: header already takes space — straightforward check.
+                return container.scrollHeight > container.clientHeight + 1;
+            });
+        };
+        update();
+        var observer = new ResizeObserver(update);
+        observer.observe(container);
+        if (headerRef.current)
+            observer.observe(headerRef.current);
+        return function () { return observer.disconnect(); };
+    }, [open, visibleChatLength]);
+    return {
+        showNewMessages: showNewMessages,
+        setShowNewMessages: setShowNewMessages,
+        messagesOverflow: messagesOverflow,
+        isNearBottomRef: isNearBottomRef,
+        scrollToBottom: scrollToBottom,
+        scrollToBottomIfNear: scrollToBottomIfNear,
+    };
+};
+exports.useChatOverflow = useChatOverflow;

package/dist/cjs/components/src/components/Organisms/Chat/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Chat';
+//# sourceMappingURL=index.d.ts.map

package/dist/cjs/components/src/components/Organisms/Chat/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../components/src/components/Organisms/Chat/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC"}

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

@@ -0,0 +1,17 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+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 });
+__exportStar(require("./Chat"), exports);

package/dist/cjs/components/src/components/Organisms/Facet/Facet.d.ts

@@ -1,8 +1,9 @@
+import { h } from 'preact';
 import { IconProps, IconType } from '../../Atoms/Icon';
 import { ComponentProps } from '../../../types';
 import type { ValueFacet, RangeFacet } from '@athoscommerce/snap-store-mobx';
 import { Lang } from '../../../hooks';
-export declare const Facet: ((properties: FacetProps) => import("@emotion/react/jsx-runtime").JSX.Element | null) & {
+export declare const Facet: ((properties: FacetProps) => import("@emotion/react/jsx-runtime").JSX.Element | h.JSX.Element | null) & {
     displayName: string;
 };
 export type FacetProps = {

package/dist/cjs/components/src/components/Organisms/Facet/Facet.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Facet.d.ts","sourceRoot":"","sources":["../../../../../../../components/src/components/Organisms/Facet/Facet.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Facet.d.ts","sourceRoot":"","sources":["../../../../../../../components/src/components/Organisms/Facet/Facet.tsx"],"names":[],"mappings":"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"}

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

@@ -130,9 +130,8 @@ var defaultStyles = function (_a) {
     });
 };
 exports.Facet = (0, mobx_react_lite_1.observer)(function (properties) {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s;
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r;
     var globalTheme = (0, providers_1.useTheme)();
-    var snap = (0, providers_1.useSnap)();
     var globalTreePath = (0, providers_1.useTreePath)();
     var defaultProps = {
         limit: 12,
@@ -159,12 +158,10 @@ exports.Facet = (0, mobx_react_lite_1.observer)(function (properties) {
     if (props.fields && props.fields[(_c = props.facet) === null || _c === void 0 ? void 0 : _c.field]) {
         props = __assign(__assign({}, props), props.fields[(_d = props.facet) === null || _d === void 0 ? void 0 : _d.field]);
     }
-    var disableCollapse = props.disableCollapse, facet = props.facet, iconCollapse = props.iconCollapse, iconExpand = props.iconExpand, limit = props.limit, statefulOverflow = props.statefulOverflow, disableOverflow = props.disableOverflow, iconColor = props.iconColor, color = props.color, previewOnFocus = props.previewOnFocus, valueProps = props.valueProps, showSelectedCount = props.showSelectedCount, hideSelectedCountParenthesis = props.hideSelectedCountParenthesis, clearAllIcon = props.clearAllIcon, showClearAllText = props.showClearAllText, justContent = props.justContent, horizontal = props.horizontal, disableStyles = props.disableStyles, className = props.className, internalClassName = props.internalClassName, treePath = props.treePath, customComponent = props.customComponent;
-    if (customComponent) {
-        var ComponentOverride = (0, hooks_2.useComponent)(((_e = snap === null || snap === void 0 ? void 0 : snap.templates) === null || _e === void 0 ? void 0 : _e.library.import.component.facet) || {}, customComponent);
-        if (ComponentOverride) {
-            return (0, jsx_runtime_1.jsx)(ComponentOverride, __assign({}, props));
-        }
+    var disableCollapse = props.disableCollapse, facet = props.facet, iconCollapse = props.iconCollapse, iconExpand = props.iconExpand, limit = props.limit, statefulOverflow = props.statefulOverflow, disableOverflow = props.disableOverflow, iconColor = props.iconColor, color = props.color, previewOnFocus = props.previewOnFocus, valueProps = props.valueProps, showSelectedCount = props.showSelectedCount, hideSelectedCountParenthesis = props.hideSelectedCountParenthesis, clearAllIcon = props.clearAllIcon, showClearAllText = props.showClearAllText, justContent = props.justContent, horizontal = props.horizontal, disableStyles = props.disableStyles, className = props.className, internalClassName = props.internalClassName, treePath = props.treePath;
+    var _s = (0, hooks_2.useCustomComponentOverride)('facet', props), overrideElement = _s.overrideElement, shouldRenderDefault = _s.shouldRenderDefault;
+    if (!shouldRenderDefault) {
+        return overrideElement;
     }
     var subProps = {
         dropdown: __assign(__assign({ 
@@ -322,8 +319,8 @@ exports.Facet = (0, mobx_react_lite_1.observer)(function (properties) {
     if ((facet === null || facet === void 0 ? void 0 : facet.overflow) && limit && Number.isInteger(limit) && !disableOverflow) {
         if (statefulOverflow) {
             var values = (facet === null || facet === void 0 ? void 0 : facet.values) || [];
-            if ((_f = facet === null || facet === void 0 ? void 0 : facet.search) === null || _f === void 0 ? void 0 : _f.input) {
-                var search_1 = new RegExp(escapeRegExp((_g = facet === null || facet === void 0 ? void 0 : facet.search) === null || _g === void 0 ? void 0 : _g.input), 'i');
+            if ((_e = facet === null || facet === void 0 ? void 0 : facet.search) === null || _e === void 0 ? void 0 : _e.input) {
+                var search_1 = new RegExp(escapeRegExp((_f = facet === null || facet === void 0 ? void 0 : facet.search) === null || _f === void 0 ? void 0 : _f.input), 'i');
                 values = facet === null || facet === void 0 ? void 0 : facet.values.filter(function (value) { return String((value === null || value === void 0 ? void 0 : value.label) || '').match(search_1); });
             }
             if ((overflowState === null || overflowState === void 0 ? void 0 : overflowState.enabled) && (overflowState === null || overflowState === void 0 ? void 0 : overflowState.limited)) {
@@ -335,7 +332,7 @@ exports.Facet = (0, mobx_react_lite_1.observer)(function (properties) {
             limitedValues = values;
         }
         else {
-            (_h = facet.overflow) === null || _h === void 0 ? void 0 : _h.setLimit(limit);
+            (_g = facet.overflow) === null || _g === void 0 ? void 0 : _g.setLimit(limit);
             limitedValues = facet === null || facet === void 0 ? void 0 : facet.refinedValues;
         }
     }
@@ -348,7 +345,7 @@ exports.Facet = (0, mobx_react_lite_1.observer)(function (properties) {
     var styling = (0, utilities_1.mergeStyles)(props, defaultStyles);
     // Search within facet
     var searchableFacet = {
-        allowableTypes: ((_j = properties.treePath) === null || _j === void 0 ? void 0 : _j.includes('autocomplete')) ? [] : ['list', 'grid', 'palette'],
+        allowableTypes: ((_h = properties.treePath) === null || _h === void 0 ? void 0 : _h.includes('autocomplete')) ? [] : ['list', 'grid', 'palette'],
         searchFilter: function (e) {
             if (facet === null || facet === void 0 ? void 0 : facet.search) {
                 facet.search.input = e.target.value;
@@ -370,7 +367,7 @@ exports.Facet = (0, mobx_react_lite_1.observer)(function (properties) {
         },
         dropdownButton: {
             attributes: {
-                'aria-label': "currently ".concat((facet === null || facet === void 0 ? void 0 : facet.collapsed) ? 'collapsed' : 'open', " ").concat(facet.label, " facet dropdown ").concat(((_k = facet.values) === null || _k === void 0 ? void 0 : _k.length) ? ((_l = facet.values) === null || _l === void 0 ? void 0 : _l.length) + ' options' : ''),
+                'aria-label': "currently ".concat((facet === null || facet === void 0 ? void 0 : facet.collapsed) ? 'collapsed' : 'open', " ").concat(facet.label, " facet dropdown ").concat(((_j = facet.values) === null || _j === void 0 ? void 0 : _j.length) ? ((_k = facet.values) === null || _k === void 0 ? void 0 : _k.length) + ' options' : ''),
             },
         },
         clearAllText: {
@@ -385,14 +382,15 @@ exports.Facet = (0, mobx_react_lite_1.observer)(function (properties) {
     var mergedLang = (0, hooks_2.useLang)(lang, {
         facet: facet,
     });
-    var selectedCount = ((_m = facet === null || facet === void 0 ? void 0 : facet.values) === null || _m === void 0 ? void 0 : _m.filter(function (value) { return value === null || value === void 0 ? void 0 : value.filtered; }).length) ||
-        ((_o = facet === null || facet === void 0 ? void 0 : facet.active) === null || _o === void 0 ? void 0 : _o.high) !== ((_p = facet === null || facet === void 0 ? void 0 : facet.range) === null || _p === void 0 ? void 0 : _p.high) ||
-        ((_q = facet === null || facet === void 0 ? void 0 : facet.active) === null || _q === void 0 ? void 0 : _q.low) !== ((_r = facet === null || facet === void 0 ? void 0 : facet.range) === null || _r === void 0 ? void 0 : _r.low);
-    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'
+    var selectedCount = ((_l = facet === null || facet === void 0 ? void 0 : facet.values) === null || _l === void 0 ? void 0 : _l.filter(function (value) { return value === null || value === void 0 ? void 0 : value.filtered; }).length) ||
+        ((_m = facet === null || facet === void 0 ? void 0 : facet.active) === null || _m === void 0 ? void 0 : _m.high) !== ((_o = facet === null || facet === void 0 ? void 0 : facet.range) === null || _o === void 0 ? void 0 : _o.high) ||
+        ((_p = facet === null || facet === void 0 ? void 0 : facet.active) === null || _p === void 0 ? void 0 : _p.low) !== ((_q = facet === null || facet === void 0 ? void 0 : facet.range) === null || _q === void 0 ? void 0 : _q.low);
+    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 : (((_r = facet === null || facet === void 0 ? void 0 : facet.overflow) === null || _r === void 0 ? void 0 : _r.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/Facets/Facets.d.ts

@@ -1,7 +1,8 @@
+import { h } from 'preact';
 import { ComponentProps } from '../../../types';
 import type { SearchController, AutocompleteController } from '@athoscommerce/snap-controller';
 import type { ValueFacet, RangeFacet } from '@athoscommerce/snap-store-mobx';
-export declare const Facets: ((properties: FacetsProps) => import("@emotion/react/jsx-runtime").JSX.Element | null) & {
+export declare const Facets: ((properties: FacetsProps) => import("@emotion/react/jsx-runtime").JSX.Element | h.JSX.Element | null) & {
     displayName: string;
 };
 export type IndividualFacetType = ValueFacet | RangeFacet;

package/dist/cjs/components/src/components/Organisms/Facets/Facets.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Facets.d.ts","sourceRoot":"","sources":["../../../../../../../components/src/components/Organisms/Facets/Facets.tsx"],"names":[],"mappings":"AAYA,OAAO,EAAE,cAAc,EAAe,MAAM,gBAAgB,CAAC;AAC7D,OAAO,KAAK,EAAE,gBAAgB,EAAE,sBAAsB,EAAE,MAAM,gCAAgC,CAAC;AAC/F,OAAO,KAAK,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,gCAAgC,CAAC;AAM7E,eAAO,MAAM,MAAM,gBAAyB,WAAW;;CAmFrD,CAAC;AAMH,MAAM,MAAM,mBAAmB,GAAG,UAAU,GAAG,UAAU,CAAC;AAE1D,MAAM,MAAM,WAAW,GAAG;IACzB,MAAM,CAAC,EAAE,mBAAmB,EAAE,CAAC;IAC/B,UAAU,CAAC,EAAE,gBAAgB,GAAG,sBAAsB,CAAC;CACvD,GAAG,yBAAyB,GAC5B,cAAc,CAAC,WAAW,CAAC,CAAC;AAE7B,MAAM,MAAM,yBAAyB,GAAG;IACvC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,kBAAkB,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,OAAO,EAAE,UAAU,CAAC,KAAK,IAAI,CAAC;CACxE,CAAC"}
+{"version":3,"file":"Facets.d.ts","sourceRoot":"","sources":["../../../../../../../components/src/components/Organisms/Facets/Facets.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,QAAQ,CAAC;AAW3B,OAAO,EAAE,cAAc,EAAe,MAAM,gBAAgB,CAAC;AAC7D,OAAO,KAAK,EAAE,gBAAgB,EAAE,sBAAsB,EAAE,MAAM,gCAAgC,CAAC;AAC/F,OAAO,KAAK,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,gCAAgC,CAAC;AAM7E,eAAO,MAAM,MAAM,gBAAyB,WAAW;;CAiFrD,CAAC;AAMH,MAAM,MAAM,mBAAmB,GAAG,UAAU,GAAG,UAAU,CAAC;AAE1D,MAAM,MAAM,WAAW,GAAG;IACzB,MAAM,CAAC,EAAE,mBAAmB,EAAE,CAAC;IAC/B,UAAU,CAAC,EAAE,gBAAgB,GAAG,sBAAsB,CAAC;CACvD,GAAG,yBAAyB,GAC5B,cAAc,CAAC,WAAW,CAAC,CAAC;AAE7B,MAAM,MAAM,yBAAyB,GAAG;IACvC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,kBAAkB,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,OAAO,EAAE,UAAU,CAAC,KAAK,IAAI,CAAC;CACxE,CAAC"}