@athoscommerce/snap-store-mobx 1.4.0 → 1.5.1-beta.110

package/dist/cjs/Chat/ChatStore.js

@@ -0,0 +1,539 @@
+"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 * 60 * 12; // 12 hours
+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. */
+        _this.appliedFilterSnapshot = '{}';
+        _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.facets = _this.buildFacetStore();
+        var storedChatStatusResponse = _this.storage.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.storage.set('chatStatusResponse', null);
+                }
+                else {
+                    // Apply the stored response without persisting, so the 12-hour
+                    // checkTime keeps counting from the last real API call rather
+                    // than resetting on every page load.
+                    _this.applyChatStatusResponse(storedChatStatus.response);
+                }
+            }
+            catch (_a) {
+                _this.storage.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,
+        });
+        // 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.
+        (0, mobx_1.reaction)(function () {
+            var _a;
+            var active = (_a = _this.currentChat) === null || _a === void 0 ? void 0 : _a.activeMessage;
+            return active && active.messageType === 'productSearchResult' ? active : 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 });
+        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, "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 current = stableStringify((_a = this.urlManager.state) === null || _a === void 0 ? void 0 : _a.filter);
+            return current !== 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 12-hour expiration
+        // so each new chat session refreshes the cache.
+        this.storage.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 }); })) || [],
+    };
+    return new SearchResultStore_1.Product({
+        config: {},
+        data: { result: result, meta: meta || {} },
+        position: (_c = product.position) !== null && _c !== void 0 ? _c : 0,
+        responseId: product.responseId,
+    });
+}

package/dist/cjs/Chat/Stores/ChatAttachmentStore.d.ts

@@ -0,0 +1,98 @@
+type AttachmentState = 'loading' | 'error' | 'attached' | 'active' | 'saved';
+type AttachmentError = {
+    message: string;
+};
+export type ChatAttachmentAddAttachment = ChatAttachmentImageConfig | ChatAttachmentProductConfig | ChatAttachmentFacetConfig;
+export declare class ChatAttachmentStore {
+    items: ChatAttachments[];
+    constructor();
+    get attached(): ChatAttachments[];
+    get compared(): ChatAttachmentProduct[];
+    add<T extends ChatAttachments>(attachment: ChatAttachmentAddAttachment): T;
+    remove(id: string): void;
+    get(id: string): ChatAttachments | undefined;
+    reset(): void;
+    hydrate(attachments: ChatAttachmentAddAttachment[]): void;
+}
+type ChatAttachments = ChatAttachmentImage | ChatAttachmentProduct | ChatAttachmentFacet;
+declare abstract class ChatAttachment {
+    abstract type: string;
+    id: string;
+    state: AttachmentState;
+    error?: AttachmentError;
+    constructor(params?: {
+        data?: {
+            id?: string;
+            state?: AttachmentState;
+            error?: AttachmentError;
+        };
+    });
+    save(): void;
+    activate(): void;
+}
+type ChatAttachmentImageConfig = {
+    type: 'image';
+    id?: string;
+    base64?: string;
+    fileName?: string;
+    imageId?: string;
+    imageUrl?: string;
+    thumbnailUrl?: string;
+    state?: AttachmentState;
+    error?: AttachmentError;
+};
+type ChatAttachmentProductConfig = {
+    type: 'product';
+    id?: string;
+    productId: string;
+    thumbnailUrl: string;
+    name: string;
+    requestType: 'productQuery' | 'productSimilar' | 'productComparison';
+    state?: AttachmentState;
+    error?: AttachmentError;
+};
+type ChatAttachmentFacetConfig = {
+    type: 'facet';
+    id?: string;
+    key: string;
+    facetLabel: string;
+    value: string;
+    label: string;
+    count: number;
+    state?: AttachmentState;
+    error?: AttachmentError;
+};
+export declare class ChatAttachmentProduct extends ChatAttachment {
+    type: 'product' | never;
+    productId: string;
+    thumbnailUrl: string;
+    name: string;
+    requestType: 'productQuery' | 'productSimilar' | 'productComparison';
+    constructor({ id, productId, thumbnailUrl, name, requestType, state, error }: ChatAttachmentProductConfig);
+}
+export declare class ChatAttachmentFacet extends ChatAttachment {
+    type: 'facet' | never;
+    key: string;
+    facetLabel: string;
+    value: string;
+    label: string;
+    count: number;
+    constructor({ id, key, facetLabel, value, label, count, state, error }: ChatAttachmentFacetConfig);
+}
+export declare class ChatAttachmentImage extends ChatAttachment {
+    type: 'image' | never;
+    fileName?: string;
+    imageId?: string;
+    imageUrl?: string;
+    thumbnailUrl?: string;
+    base64?: string;
+    constructor({ id, base64, fileName, imageId, imageUrl, thumbnailUrl, state, error }: ChatAttachmentImageConfig);
+    update: ({ imageId, imageUrl, thumbnailUrl, error, }: {
+        imageId?: string;
+        imageUrl?: string;
+        thumbnailUrl?: string;
+        error?: AttachmentError;
+    }) => Promise<void>;
+}
+export {};
+//# sourceMappingURL=ChatAttachmentStore.d.ts.map

package/dist/cjs/Chat/Stores/ChatAttachmentStore.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatAttachmentStore.d.ts","sourceRoot":"","sources":["../../../../src/Chat/Stores/ChatAttachmentStore.ts"],"names":[],"mappings":"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"}