@athoscommerce/snap-store-mobx 1.7.0 → 1.7.1-beta.129

package/dist/cjs/Chat/ChatStore.js

@@ -0,0 +1,680 @@
+"use strict";
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ChatStore = void 0;
+var mobx_1 = require("mobx");
+var MetaStore_1 = require("../Meta/MetaStore");
+var AbstractStore_1 = require("../Abstract/AbstractStore");
+var snap_toolbox_1 = require("@athoscommerce/snap-toolbox");
+var ChatSessionStore_1 = require("./Stores/ChatSessionStore");
+var SearchResultStore_1 = require("../Search/Stores/SearchResultStore");
+var SearchFacetStore_1 = require("../Search/Stores/SearchFacetStore");
+var CHAT_STATUS_EXPIRATION_TIME = 1000 * 60 * 10; // 10 minutes
+var ChatStore = /** @class */ (function (_super) {
+    __extends(ChatStore, _super);
+    function ChatStore(config, services) {
+        var _this = _super.call(this, config) || this;
+        _this.meta = undefined;
+        _this.inputValue = '';
+        _this.open = false;
+        _this.chats = [];
+        _this.chatEnabled = null;
+        _this.initChatLoading = false;
+        _this.suggestedQuestions = [];
+        _this.welcomeMessage = '';
+        _this.features = { imageSearch: { enabled: false }, similarProducts: { enabled: false } };
+        _this.productQuickview = null;
+        _this.productQuickviewError = null;
+        /** Raw meta kept for lazy hydration of inactive chat sessions. */
+        _this.storedMetaData = null;
+        /** Tracks which message currently owns the displayed facets — guards against redundant rebuilds. */
+        _this.activeFacetsMessageId = null;
+        /** Bumps on every detached-urlManager change so observers re-evaluate isFacetSelected. */
+        _this.urlVersion = 0;
+        /** Snapshot of the applied filter state captured the last time the active message was seeded.
+         * Compared against the live urlManager state to decide whether there are pending changes.
+         * `null` means no facets have been seeded yet — there are no pending changes in that case. */
+        _this.appliedFilterSnapshot = null;
+        _this.services = services;
+        _this.urlManager = services.urlManager.detach(true);
+        _this.urlManager.subscribe(function () {
+            _this.urlVersion++;
+        });
+        var legacyKey = "ss-".concat(_this.config.id);
+        var storageKey = _this.config.siteId ? "ss-".concat(_this.config.siteId, "-").concat(_this.config.id) : legacyKey;
+        _this.storage = new snap_toolbox_1.StorageStore({
+            type: 'local',
+            key: storageKey,
+        });
+        _this.statusStorage = new snap_toolbox_1.StorageStore({
+            type: 'session',
+            key: "".concat(storageKey, "-status"),
+        });
+        _this.facets = _this.buildFacetStore();
+        var storedChatStatusResponse = _this.statusStorage.get('chatStatusResponse');
+        if (storedChatStatusResponse) {
+            try {
+                var storedChatStatus = JSON.parse(storedChatStatusResponse);
+                if (storedChatStatus.checkTime && Date.now() - storedChatStatus.checkTime > CHAT_STATUS_EXPIRATION_TIME) {
+                    // chat status is expired, remove from storage to trigger a new check
+                    _this.statusStorage.set('chatStatusResponse', null);
+                }
+                else {
+                    // Apply the stored response without persisting, so the
+                    // checkTime keeps counting from the last real API call rather
+                    // than resetting on every page load.
+                    _this.applyChatStatusResponse(storedChatStatus.response);
+                }
+            }
+            catch (_a) {
+                _this.statusStorage.set('chatStatusResponse', null);
+            }
+        }
+        // check for entries in storage
+        var latestChatId = '';
+        var storedChats = _this.storage.get('chats');
+        storedChats &&
+            Object.keys(storedChats || {}).forEach(function (chatId) {
+                var chatData = storedChats[chatId];
+                if (chatData) {
+                    var restoredChat = new ChatSessionStore_1.ChatSessionStore({
+                        data: __assign(__assign({}, chatData), { id: chatId }),
+                        stores: {
+                            storage: _this.storage,
+                        },
+                    });
+                    // Mark as unhydrated — results are still raw JSON from storage.
+                    // Only the active session will be hydrated below.
+                    restoredChat.hydrated = false;
+                    _this.chats.push(restoredChat);
+                    latestChatId = chatId;
+                }
+            });
+        // Prefer the persisted active chat ID so switching chats survives page reloads.
+        // Fall back to the most recently created chat if the stored ID is missing or stale.
+        var storedCurrentChatId = _this.storage.get('currentChatId');
+        var activeChatId = storedCurrentChatId && _this.chats.some(function (chat) { return chat.id === storedCurrentChatId; }) ? storedCurrentChatId : latestChatId;
+        var storedMeta = _this.storage.get('meta');
+        if (storedMeta) {
+            try {
+                var metaData = JSON.parse(storedMeta);
+                _this.meta = new MetaStore_1.MetaStore({
+                    data: {
+                        meta: metaData,
+                    },
+                });
+                // Keep raw meta for lazy hydration of inactive sessions
+                _this.storedMetaData = metaData;
+                // Only hydrate the active chat session — inactive sessions will be
+                // hydrated lazily when switched to via switchChat()
+                var activeChat = _this.chats.find(function (chat) { return chat.id === activeChatId; });
+                if (activeChat) {
+                    activeChat.hydrateResults(metaData);
+                    activeChat.hydrated = true;
+                }
+            }
+            catch (_b) {
+                _this.storage.set('meta', null);
+            }
+        }
+        _this.currentChatId = activeChatId;
+        (0, mobx_1.makeObservable)(_this, {
+            meta: mobx_1.observable,
+            inputValue: mobx_1.observable,
+            open: mobx_1.observable,
+            chats: mobx_1.observable,
+            currentChatId: mobx_1.observable,
+            chatEnabled: mobx_1.observable,
+            initChatLoading: mobx_1.observable,
+            blocked: mobx_1.computed,
+            currentChat: mobx_1.computed,
+            chatsIds: mobx_1.computed,
+            features: mobx_1.observable,
+            suggestedQuestions: mobx_1.observable,
+            welcomeMessage: mobx_1.observable,
+            productQuickview: mobx_1.observable,
+            productQuickviewError: mobx_1.observable,
+            facets: mobx_1.observable,
+            urlVersion: mobx_1.observable,
+            hasPendingFacetChanges: mobx_1.computed,
+            pendingFacetCount: mobx_1.computed,
+            searchFilters: mobx_1.computed,
+        });
+        // Sync the root facets display with the active message. Only productSearchResult
+        // messages carry facets — for any other active message, clear the display so a
+        // stale facet bar from a previous response doesn't linger.
+        // Exception: when the user clicks "discuss product" on a carousel result, the
+        // active message becomes the productQuery side-chat, but the carousel is still
+        // the last real message — keep its facets visible alongside the product context.
+        (0, mobx_1.reaction)(function () {
+            var chat = _this.currentChat;
+            var active = chat === null || chat === void 0 ? void 0 : chat.activeMessage;
+            if ((active === null || active === void 0 ? void 0 : active.messageType) === 'productSearchResult')
+                return active;
+            if ((active === null || active === void 0 ? void 0 : active.messageType) === 'productQuery' && chat) {
+                var messages = chat.chat;
+                var activeIdx = messages.findIndex(function (m) { return m.id === active.id; });
+                if (activeIdx > 0 && messages[activeIdx - 1].messageType === 'productSearchResult') {
+                    return messages[activeIdx - 1];
+                }
+            }
+            return null;
+        }, function (active) {
+            if (active && active.id !== _this.activeFacetsMessageId) {
+                var facets = active.facets;
+                _this.setActiveFacets(facets || [], active.id);
+            }
+            else if (!active && _this.activeFacetsMessageId !== null) {
+                _this.setActiveFacets([], null);
+            }
+        }, { fireImmediately: true });
+        // Mirror the urlManager's pending range filters into each RangeFacet's `active`.
+        // Slider facets are remounted whenever their dropdown closes/reopens and the
+        // FacetSlider seeds its state from facet.active — without this sync the slider
+        // would snap back to the server-provided active on every reopen, losing the
+        // user's pending selection until Apply is clicked.
+        // Note: range filters round-trip through the detached urlManager's URL form,
+        // so they come back as `[{low, high}]` arrays even though they were set as objects.
+        var readRangeFilter = function (raw) {
+            var entry = Array.isArray(raw) ? raw[raw.length - 1] : raw;
+            if (!entry || typeof entry !== 'object')
+                return null;
+            if (typeof entry.low === 'undefined' && typeof entry.high === 'undefined')
+                return null;
+            return {
+                low: entry.low === null || typeof entry.low === 'undefined' ? undefined : Number(entry.low),
+                high: entry.high === null || typeof entry.high === 'undefined' ? undefined : Number(entry.high),
+            };
+        };
+        (0, mobx_1.reaction)(function () {
+            var _a;
+            void _this.urlVersion;
+            var filterState = ((_a = _this.urlManager.state) === null || _a === void 0 ? void 0 : _a.filter) || {};
+            return _this.facets
+                .filter(function (f) { return f.type === 'range'; })
+                .map(function (f) {
+                var _a, _b;
+                var pending = readRangeFilter(filterState[f.field]);
+                return "".concat(f.field, ":").concat((_a = pending === null || pending === void 0 ? void 0 : pending.low) !== null && _a !== void 0 ? _a : '*', ":").concat((_b = pending === null || pending === void 0 ? void 0 : pending.high) !== null && _b !== void 0 ? _b : '*');
+            })
+                .join('|');
+        }, function () {
+            var _a, _b, _c, _d, _e;
+            var filterState = ((_a = _this.urlManager.state) === null || _a === void 0 ? void 0 : _a.filter) || {};
+            for (var _i = 0, _f = _this.facets; _i < _f.length; _i++) {
+                var facet = _f[_i];
+                if (facet.type !== 'range')
+                    continue;
+                var rangeFacet = facet;
+                var pending_1 = readRangeFilter(filterState[rangeFacet.field]);
+                var desired = pending_1
+                    ? {
+                        low: typeof pending_1.low !== 'undefined' ? pending_1.low : (_b = rangeFacet.range) === null || _b === void 0 ? void 0 : _b.low,
+                        high: typeof pending_1.high !== 'undefined' ? pending_1.high : (_c = rangeFacet.range) === null || _c === void 0 ? void 0 : _c.high,
+                    }
+                    : rangeFacet.range
+                        ? { low: rangeFacet.range.low, high: rangeFacet.range.high }
+                        : null;
+                if (!desired)
+                    continue;
+                if (((_d = rangeFacet.active) === null || _d === void 0 ? void 0 : _d.low) !== desired.low || ((_e = rangeFacet.active) === null || _e === void 0 ? void 0 : _e.high) !== desired.high) {
+                    rangeFacet.active = desired;
+                }
+            }
+        }, { fireImmediately: true });
+        return _this;
+    }
+    /** Build a SearchFacetStore from raw facet data using the current detached urlManager.
+     * Synthesizes meta entries for each facet so SearchFacetStore's display/meta filter
+     * doesn't drop chat facets (the chat backend already decided what to send). */
+    ChatStore.prototype.buildFacetStore = function (facets) {
+        var _a;
+        if (facets === void 0) { facets = []; }
+        var baseMeta = ((_a = this.meta) === null || _a === void 0 ? void 0 : _a.data) || {};
+        var baseFacetMeta = baseMeta.facets || {};
+        var facetMeta = __assign({}, baseFacetMeta);
+        facets.forEach(function (facet) {
+            if (!facet.field)
+                return;
+            var expectedDisplay = facet.type === 'range' ? 'slider' : 'list';
+            var existing = facetMeta[facet.field];
+            if (!existing || existing.display !== expectedDisplay) {
+                facetMeta[facet.field] = __assign(__assign({}, (existing || {})), { field: facet.field, label: facet.label, display: expectedDisplay });
+            }
+        });
+        return new SearchFacetStore_1.SearchFacetStore({
+            config: {},
+            services: __assign(__assign({}, this.services), { urlManager: this.urlManager }),
+            stores: { storage: this.storage },
+            data: {
+                search: { facets: facets },
+                meta: __assign(__assign({}, baseMeta), { facets: facetMeta }),
+            },
+        });
+    };
+    /** Reset the detached urlManager and seed it with this message's filtered facet values,
+     * then rebuild the root SearchFacetStore so the UI shows the matching display. */
+    ChatStore.prototype.setActiveFacets = function (facets, messageId) {
+        var _this = this;
+        var _a;
+        // reset url state, then seed with the API-reported filtered values
+        this.urlManager.reset().go();
+        facets.forEach(function (facet) {
+            // Slider/range facets carry the active selection on the facet itself rather
+            // than on individual bucket values.
+            if (facet.type === 'range') {
+                var active = facet.active;
+                var range = facet.range;
+                if (active && range && (active.low !== range.low || active.high !== range.high)) {
+                    _this.urlManager.set("filter.".concat(facet.field), { low: active.low, high: active.high }).go();
+                }
+                return;
+            }
+            var filteredValues = (facet.values || []).filter(function (v) { return v === null || v === void 0 ? void 0 : v.filtered; });
+            filteredValues.forEach(function (v) {
+                if (typeof v.low !== 'undefined' || typeof v.high !== 'undefined') {
+                    _this.urlManager.merge("filter.".concat(facet.field), [{ low: v.low, high: v.high }]).go();
+                }
+                else if (typeof v.value !== 'undefined') {
+                    _this.urlManager.merge("filter.".concat(facet.field), v.value).go();
+                }
+            });
+        });
+        this.facets = this.buildFacetStore(facets);
+        this.activeFacetsMessageId = messageId;
+        this.appliedFilterSnapshot = stableStringify((_a = this.urlManager.state) === null || _a === void 0 ? void 0 : _a.filter);
+    };
+    Object.defineProperty(ChatStore.prototype, "pendingFacetCount", {
+        /** Total number of selected facet values in the in-progress urlManager state, summed
+         * across all filter fields. Each value in a value facet, each range in a range-bucket
+         * facet, and the single range on a slider facet each count as one. */
+        get: function () {
+            var _a;
+            void this.urlVersion;
+            var filterState = (_a = this.urlManager.state) === null || _a === void 0 ? void 0 : _a.filter;
+            if (!filterState)
+                return 0;
+            var count = 0;
+            for (var _i = 0, _b = Object.keys(filterState); _i < _b.length; _i++) {
+                var key = _b[_i];
+                var value = filterState[key];
+                if (Array.isArray(value)) {
+                    count += value.length;
+                }
+                else if (typeof value !== 'undefined') {
+                    count += 1;
+                }
+            }
+            return count;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(ChatStore.prototype, "searchFilters", {
+        /** Current in-progress facet selection translated into the API's `searchFilters` shape.
+         * Returned unconditionally (not gated on `hasPendingFacetChanges`) so callers that need
+         * to explicitly force a `productSearch` request — e.g. the non-multiselect facet
+         * click handlers — can attach the current filters without re-implementing the mapping. */
+        get: function () {
+            var _a;
+            void this.urlVersion;
+            var filterState = (_a = this.urlManager.state) === null || _a === void 0 ? void 0 : _a.filter;
+            var result = [];
+            if (!filterState)
+                return result;
+            Object.keys(filterState).forEach(function (field) {
+                var raw = filterState[field];
+                var values = Array.isArray(raw) ? raw : [raw];
+                var options = [];
+                values.forEach(function (v) {
+                    if (typeof v === 'object' && v !== null) {
+                        var low = v.low;
+                        var high = v.high;
+                        if (low == null && high == null)
+                            return;
+                        options.push({ low: low == null ? '*' : String(low), high: high == null ? '*' : String(high) });
+                    }
+                    else {
+                        options.push({ key: String(v) });
+                    }
+                });
+                if (options.length > 0) {
+                    result.push({ key: field, options: options });
+                }
+            });
+            return result;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(ChatStore.prototype, "hasPendingFacetChanges", {
+        /** True when the in-progress facet selection differs from the filters that were applied
+         * by the active productSearchResult — i.e. the user has selected/removed something that
+         * hasn't been sent yet. Used to decide whether to show the Apply button. */
+        get: function () {
+            var _a;
+            // touch the version so mobx re-runs this when urlManager state changes
+            void this.urlVersion;
+            var filterState = (_a = this.urlManager.state) === null || _a === void 0 ? void 0 : _a.filter;
+            if (this.appliedFilterSnapshot === null) {
+                // No facets have been seeded — pending changes exist only if
+                // the user has manually added filters via addFacet.
+                return filterState !== undefined && Object.keys(filterState).length > 0;
+            }
+            return stableStringify(filterState) !== this.appliedFilterSnapshot;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(ChatStore.prototype, "currentChat", {
+        get: function () {
+            var _this = this;
+            return this.chats.find(function (chat) { return chat.id === _this.currentChatId; });
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(ChatStore.prototype, "chatsIds", {
+        get: function () {
+            return this.chats.map(function (chat) { return chat.id; });
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(ChatStore.prototype, "blocked", {
+        get: function () {
+            var _a;
+            var isBlocked = false;
+            var blockedAttachments = (_a = this.currentChat) === null || _a === void 0 ? void 0 : _a.attachments.items.some(function (item) { return item.type === 'image' && item.state === 'loading'; });
+            if (this.loading || blockedAttachments) {
+                isBlocked = true;
+            }
+            return isBlocked;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    ChatStore.prototype.applyChatStatusResponse = function (response) {
+        var chatbot = response.chatbot, features = response.features;
+        var status = chatbot.status, suggestedQuestions = chatbot.suggestedQuestions, welcomeMessage = chatbot.welcomeMessage;
+        this.chatEnabled = status.enabled === true;
+        this.features = features;
+        this.suggestedQuestions = suggestedQuestions || [];
+        this.welcomeMessage = welcomeMessage || '';
+        return this.chatEnabled;
+    };
+    ChatStore.prototype.handleChatStatusResponse = function (response) {
+        var enabled = this.applyChatStatusResponse(response);
+        // Always persist on a real API response — restarts the 10-minute expiration
+        // so each new chat session refreshes the cache.
+        this.statusStorage.set('chatStatusResponse', JSON.stringify({ response: response, checkTime: Date.now() }));
+        return enabled;
+    };
+    ChatStore.prototype.reset = function () {
+        this.chats = [];
+        this.clearProductQuickview();
+        this.storage.clear();
+        this.createChat();
+    };
+    ChatStore.prototype.setProductQuickview = function (product) {
+        var _a;
+        // Clone the product so variant selections (and the parent-mappings merge done
+        // in updateProductQuickview) only affect the quickview — the carousel and any
+        // other surfaces still hold the original instance.
+        this.productQuickview = cloneProductForQuickview(product, (_a = this.meta) === null || _a === void 0 ? void 0 : _a.data);
+        this.productQuickviewError = null;
+    };
+    ChatStore.prototype.updateProductQuickview = function (response) {
+        var _a;
+        if (!this.productQuickview) {
+            return;
+        }
+        // merge parent-level mappings from the API response into the Product
+        this.productQuickview.mappings = __assign(__assign({}, this.productQuickview.mappings), { core: __assign(__assign({}, this.productQuickview.mappings.core), response.mappings.core) });
+        var meta = ((_a = this.meta) === null || _a === void 0 ? void 0 : _a.data) || {};
+        if (this.productQuickview.variants) {
+            // update existing Variants with new data from the Products API
+            this.productQuickview.variants.optionConfig = response.variants.optionConfig;
+            this.productQuickview.variants.update(response.variants.data);
+        }
+        else {
+            // create Variants for the first time using the Products API data
+            this.productQuickview.variants = new SearchResultStore_1.Variants({
+                data: {
+                    mask: this.productQuickview.mask,
+                    variants: response.variants.data,
+                    optionConfig: response.variants.optionConfig,
+                    meta: meta,
+                },
+            });
+        }
+    };
+    ChatStore.prototype.setProductQuickviewError = function (message) {
+        this.productQuickviewError = message;
+    };
+    ChatStore.prototype.clearProductQuickview = function () {
+        this.productQuickview = null;
+        this.productQuickviewError = null;
+    };
+    ChatStore.prototype.clearHistory = function () {
+        // drop previous chats while keeping the conversation the user is currently in;
+        // if there is no current chat, fall back to a full reset
+        var currentChat = this.currentChat;
+        if (!currentChat) {
+            this.reset();
+            return;
+        }
+        var storedChats = this.storage.get('chats') || {};
+        var filtered = {};
+        if (storedChats[currentChat.id]) {
+            filtered[currentChat.id] = storedChats[currentChat.id];
+        }
+        this.storage.set('chats', filtered);
+        this.chats = [currentChat];
+    };
+    ChatStore.prototype.createChat = function (data) {
+        // abandon any in-flight request state from the previous chat — its
+        // response will be discarded by the controller, so the UI shouldn't
+        // keep showing its loading spinner or stale error
+        this.loading = false;
+        this.error = undefined;
+        // Prune old sessions before creating a new one to keep storage bounded
+        ChatSessionStore_1.ChatSessionStore.pruneStoredSessions(this.storage);
+        var newChat = new ChatSessionStore_1.ChatSessionStore({
+            data: {
+                sessionId: data === null || data === void 0 ? void 0 : data.sessionId,
+                sessionEndTime: data === null || data === void 0 ? void 0 : data.sessionEndTime,
+            },
+            stores: {
+                storage: this.storage,
+            },
+        });
+        this.currentChatId = newChat.id;
+        this.storage.set('currentChatId', newChat.id);
+        this.chats.push(newChat);
+        return newChat;
+    };
+    ChatStore.prototype.switchChat = function (id) {
+        var chatExists = this.chats.find(function (chat) { return chat.id === id; });
+        if (chatExists) {
+            // Lazily hydrate results when switching to a session for the first time
+            if (!chatExists.hydrated && this.storedMetaData) {
+                chatExists.hydrateResults(this.storedMetaData);
+                chatExists.hydrated = true;
+            }
+            this.currentChatId = id;
+            this.storage.set('currentChatId', id);
+        }
+    };
+    ChatStore.prototype.sendProductQuery = function (result, options) {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j;
+        var display = (result === null || result === void 0 ? void 0 : result.display) || result;
+        (_a = this.currentChat) === null || _a === void 0 ? void 0 : _a.attachments.add({
+            type: 'product',
+            requestType: options.requestType,
+            productId: result.id,
+            name: (_c = (_b = display.mappings) === null || _b === void 0 ? void 0 : _b.core) === null || _c === void 0 ? void 0 : _c.name,
+            thumbnailUrl: ((_e = (_d = display.mappings) === null || _d === void 0 ? void 0 : _d.core) === null || _e === void 0 ? void 0 : _e.thumbnailImageUrl) || ((_g = (_f = display.mappings) === null || _f === void 0 ? void 0 : _f.core) === null || _g === void 0 ? void 0 : _g.imageUrl) || ((_j = (_h = display.mappings) === null || _h === void 0 ? void 0 : _h.core) === null || _j === void 0 ? void 0 : _j.parentImageUrl),
+        });
+        // for the productQuery flow we want the secondary chat to immediately
+        // show the product details panel — push a productQuery message so it
+        // becomes the active side-chat message until a productAnswer arrives
+        if (options.requestType === 'productQuery' && this.currentChat) {
+            this.currentChat.pushProductQueryMessage(result);
+        }
+    };
+    ChatStore.prototype.compareProduct = function (result) {
+        var _a;
+        (_a = this.currentChat) === null || _a === void 0 ? void 0 : _a.comparisons.add({
+            result: result,
+        });
+    };
+    ChatStore.prototype.addFacet = function (facet) {
+        var value = parseFacetValue(facet.value);
+        this.urlManager.merge("filter.".concat(facet.key), Array.isArray(value) ? value : value).go();
+    };
+    ChatStore.prototype.removeFacet = function (key, value) {
+        var parsed = parseFacetValue(value);
+        this.urlManager.remove("filter.".concat(key), parsed).go();
+    };
+    ChatStore.prototype.clearPendingFacets = function () {
+        this.urlManager.remove('filter').go();
+    };
+    ChatStore.prototype.isFacetSelected = function (key, value) {
+        var _a;
+        // touch the version so mobx re-runs this when urlManager state changes (the
+        // underlying UrlManager isn't a mobx observable, so we mirror its updates here)
+        void this.urlVersion;
+        var filterState = (_a = this.urlManager.state) === null || _a === void 0 ? void 0 : _a.filter;
+        if (!filterState || !filterState[key])
+            return false;
+        var stored = Array.isArray(filterState[key]) ? filterState[key] : [filterState[key]];
+        var parsed = parseFacetValue(value);
+        return stored.some(function (entry) { return facetValueEquals(entry, parsed); });
+    };
+    ChatStore.prototype.request = function (request) {
+        var _this = this;
+        var _a, _b;
+        // snapshot facet labels (field + per-value) from the active facets display so the
+        // outgoing user message can render "Filter by Color Red" rather than raw keys
+        var filterLabels = {};
+        var _loop_1 = function (facet) {
+            var valueFacet = facet;
+            var values = {};
+            (valueFacet.values || []).forEach(function (v) {
+                var _a, _b;
+                if (typeof v.low !== 'undefined' || typeof v.high !== 'undefined') {
+                    values["".concat((_a = v.low) !== null && _a !== void 0 ? _a : '*', ":").concat((_b = v.high) !== null && _b !== void 0 ? _b : '*')] = v.label;
+                }
+                else if (typeof v.value !== 'undefined') {
+                    values[v.value] = v.label;
+                }
+            });
+            filterLabels[valueFacet.field] = { facetLabel: valueFacet.label || valueFacet.field, values: values };
+        };
+        for (var _i = 0, _c = this.facets; _i < _c.length; _i++) {
+            var facet = _c[_i];
+            _loop_1(facet);
+        }
+        (_a = this.currentChat) === null || _a === void 0 ? void 0 : _a.request(request, filterLabels);
+        // remove any productSimilar attachments after request
+        var productSimilarAttachments = ((_b = this.currentChat) === null || _b === void 0 ? void 0 : _b.attachments.attached.filter(function (item) { return item.type === 'product' && item.requestType === 'productSimilar'; })) || [];
+        productSimilarAttachments.forEach(function (item) {
+            var _a;
+            (_a = _this.currentChat) === null || _a === void 0 ? void 0 : _a.attachments.remove(item.id);
+        });
+    };
+    ChatStore.prototype.update = function (data) {
+        // TODO: handle error
+        // if(err?.responseBody?.errorMessage || err?.responseBody?.errorCode) {
+        // 	const errorMessage = err?.responseBody?.errorMessage || 'An unknown error has occurred.';
+        // }
+        var _a;
+        (_a = this.currentChat) === null || _a === void 0 ? void 0 : _a.update(data);
+        if (!this.meta) {
+            this.storage.set('meta', JSON.stringify(data.meta));
+        }
+        this.meta = new MetaStore_1.MetaStore({
+            data: {
+                meta: data.meta,
+            },
+        });
+        // Keep raw meta in sync for lazy hydration of inactive sessions
+        this.storedMetaData = data.meta;
+    };
+    return ChatStore;
+}(AbstractStore_1.AbstractStore));
+exports.ChatStore = ChatStore;
+/** Deterministic JSON.stringify — sorts object keys recursively so equality comparisons
+ * aren't sensitive to insertion order. */
+function stableStringify(value) {
+    if (value === null || value === undefined)
+        return 'null';
+    if (typeof value !== 'object')
+        return JSON.stringify(value);
+    if (Array.isArray(value)) {
+        return "[".concat(value.map(function (v) { return stableStringify(v); }).join(','), "]");
+    }
+    var keys = Object.keys(value).sort();
+    return "{".concat(keys.map(function (k) { return "".concat(JSON.stringify(k), ":").concat(stableStringify(value[k])); }).join(','), "}");
+}
+/** Convert a chat-facet UI value into the URL-state shape — range buckets arrive as "low:high". */
+function parseFacetValue(value) {
+    if (typeof value === 'string' && value.includes(':')) {
+        var _a = value.split(':'), low = _a[0], high = _a[1];
+        return {
+            low: low === '*' ? undefined : Number(low),
+            high: high === '*' ? undefined : Number(high),
+        };
+    }
+    return value;
+}
+function facetValueEquals(a, b) {
+    if (typeof a === 'object' && a !== null && typeof b === 'object' && b !== null) {
+        return a.low === b.low && a.high === b.high;
+    }
+    return a === b;
+}
+/** Build a fresh observable Product from an existing one. Variants are intentionally
+ * omitted — `updateProductQuickview` populates them from the products API response. */
+function cloneProductForQuickview(product, meta) {
+    var _a, _b, _c;
+    var result = {
+        id: product.id,
+        responseId: product.responseId,
+        mappings: JSON.parse(JSON.stringify(product.mappings || {})),
+        attributes: JSON.parse(JSON.stringify(product.attributes || {})),
+        badges: ((_b = (_a = product.badges) === null || _a === void 0 ? void 0 : _a.all) === null || _b === void 0 ? void 0 : _b.map(function (b) { return ({ tag: b.tag, value: b.value }); })) || [],
+    };
+    return new SearchResultStore_1.Product({
+        config: {},
+        data: { result: result, meta: meta || {} },
+        position: (_c = product.position) !== null && _c !== void 0 ? _c : 0,
+        responseId: product.responseId,
+    });
+}