@athoscommerce/snap-store-mobx 1.5.0 → 1.5.1-beta.112

package/dist/esm/Chat/ChatStore.js

@@ -0,0 +1,484 @@
+import { makeObservable, observable, computed, reaction } from 'mobx';
+import { MetaStore } from '../Meta/MetaStore';
+import { AbstractStore } from '../Abstract/AbstractStore';
+import { StorageStore } from '@athoscommerce/snap-toolbox';
+import { ChatSessionStore } from './Stores/ChatSessionStore';
+import { Product, Variants } from '../Search/Stores/SearchResultStore';
+import { SearchFacetStore } from '../Search/Stores/SearchFacetStore';
+const CHAT_STATUS_EXPIRATION_TIME = 1000 * 60 * 60 * 12; // 12 hours
+export class ChatStore extends AbstractStore {
+    constructor(config, services) {
+        super(config);
+        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(() => {
+            this.urlVersion++;
+        });
+        const legacyKey = `ss-${this.config.id}`;
+        const storageKey = this.config.siteId ? `ss-${this.config.siteId}-${this.config.id}` : legacyKey;
+        this.storage = new StorageStore({
+            type: 'local',
+            key: storageKey,
+        });
+        this.facets = this.buildFacetStore();
+        const storedChatStatusResponse = this.storage.get('chatStatusResponse');
+        if (storedChatStatusResponse) {
+            try {
+                const 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 {
+                this.storage.set('chatStatusResponse', null);
+            }
+        }
+        // check for entries in storage
+        let latestChatId = '';
+        const storedChats = this.storage.get('chats');
+        storedChats &&
+            Object.keys(storedChats || {}).forEach((chatId) => {
+                const chatData = storedChats[chatId];
+                if (chatData) {
+                    const restoredChat = new ChatSessionStore({
+                        data: {
+                            ...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.
+        const storedCurrentChatId = this.storage.get('currentChatId');
+        const activeChatId = storedCurrentChatId && this.chats.some((chat) => chat.id === storedCurrentChatId) ? storedCurrentChatId : latestChatId;
+        const storedMeta = this.storage.get('meta');
+        if (storedMeta) {
+            try {
+                const metaData = JSON.parse(storedMeta);
+                this.meta = new 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()
+                const activeChat = this.chats.find((chat) => chat.id === activeChatId);
+                if (activeChat) {
+                    activeChat.hydrateResults(metaData);
+                    activeChat.hydrated = true;
+                }
+            }
+            catch {
+                this.storage.set('meta', null);
+            }
+        }
+        this.currentChatId = activeChatId;
+        makeObservable(this, {
+            meta: observable,
+            inputValue: observable,
+            open: observable,
+            chats: observable,
+            currentChatId: observable,
+            chatEnabled: observable,
+            initChatLoading: observable,
+            blocked: computed,
+            currentChat: computed,
+            chatsIds: computed,
+            features: observable,
+            suggestedQuestions: observable,
+            welcomeMessage: observable,
+            productQuickview: observable,
+            productQuickviewError: observable,
+            facets: observable,
+            urlVersion: observable,
+            hasPendingFacetChanges: 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.
+        reaction(() => {
+            const active = this.currentChat?.activeMessage;
+            return active && active.messageType === 'productSearchResult' ? active : null;
+        }, (active) => {
+            if (active && active.id !== this.activeFacetsMessageId) {
+                const facets = active.facets;
+                this.setActiveFacets(facets || [], active.id);
+            }
+            else if (!active && this.activeFacetsMessageId !== null) {
+                this.setActiveFacets([], null);
+            }
+        }, { fireImmediately: true });
+    }
+    /** 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). */
+    buildFacetStore(facets = []) {
+        const baseMeta = this.meta?.data || {};
+        const baseFacetMeta = baseMeta.facets || {};
+        const facetMeta = { ...baseFacetMeta };
+        facets.forEach((facet) => {
+            if (!facet.field)
+                return;
+            const expectedDisplay = facet.type === 'range' ? 'slider' : 'list';
+            const existing = facetMeta[facet.field];
+            if (!existing || existing.display !== expectedDisplay) {
+                facetMeta[facet.field] = {
+                    ...(existing || {}),
+                    field: facet.field,
+                    label: facet.label,
+                    display: expectedDisplay,
+                };
+            }
+        });
+        return new SearchFacetStore({
+            config: {},
+            services: { ...this.services, urlManager: this.urlManager },
+            stores: { storage: this.storage },
+            data: {
+                search: { facets },
+                meta: { ...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. */
+    setActiveFacets(facets, messageId) {
+        // reset url state, then seed with the API-reported filtered values
+        this.urlManager.reset().go();
+        facets.forEach((facet) => {
+            // Slider/range facets carry the active selection on the facet itself rather
+            // than on individual bucket values.
+            if (facet.type === 'range') {
+                const active = facet.active;
+                const range = facet.range;
+                if (active && range && (active.low !== range.low || active.high !== range.high)) {
+                    this.urlManager.set(`filter.${facet.field}`, { low: active.low, high: active.high }).go();
+                }
+                return;
+            }
+            const filteredValues = (facet.values || []).filter((v) => v?.filtered);
+            filteredValues.forEach((v) => {
+                if (typeof v.low !== 'undefined' || typeof v.high !== 'undefined') {
+                    this.urlManager.merge(`filter.${facet.field}`, [{ low: v.low, high: v.high }]).go();
+                }
+                else if (typeof v.value !== 'undefined') {
+                    this.urlManager.merge(`filter.${facet.field}`, v.value).go();
+                }
+            });
+        });
+        this.facets = this.buildFacetStore(facets);
+        this.activeFacetsMessageId = messageId;
+        this.appliedFilterSnapshot = stableStringify(this.urlManager.state?.filter);
+    }
+    /** 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 hasPendingFacetChanges() {
+        // touch the version so mobx re-runs this when urlManager state changes
+        void this.urlVersion;
+        const filterState = this.urlManager.state?.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;
+    }
+    get currentChat() {
+        return this.chats.find((chat) => chat.id === this.currentChatId);
+    }
+    get chatsIds() {
+        return this.chats.map((chat) => chat.id);
+    }
+    get blocked() {
+        let isBlocked = false;
+        const blockedAttachments = this.currentChat?.attachments.items.some((item) => item.type === 'image' && item.state === 'loading');
+        if (this.loading || blockedAttachments) {
+            isBlocked = true;
+        }
+        return isBlocked;
+    }
+    applyChatStatusResponse(response) {
+        const { chatbot, features } = response;
+        const { status, suggestedQuestions, welcomeMessage } = chatbot;
+        this.chatEnabled = status.enabled === true;
+        this.features = features;
+        this.suggestedQuestions = suggestedQuestions || [];
+        this.welcomeMessage = welcomeMessage || '';
+        return this.chatEnabled;
+    }
+    handleChatStatusResponse(response) {
+        const 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, checkTime: Date.now() }));
+        return enabled;
+    }
+    reset() {
+        this.chats = [];
+        this.clearProductQuickview();
+        this.storage.clear();
+        this.createChat();
+    }
+    setProductQuickview(product) {
+        // 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, this.meta?.data);
+        this.productQuickviewError = null;
+    }
+    updateProductQuickview(response) {
+        if (!this.productQuickview) {
+            return;
+        }
+        // merge parent-level mappings from the API response into the Product
+        this.productQuickview.mappings = {
+            ...this.productQuickview.mappings,
+            core: { ...this.productQuickview.mappings.core, ...response.mappings.core },
+        };
+        const meta = this.meta?.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 Variants({
+                data: {
+                    mask: this.productQuickview.mask,
+                    variants: response.variants.data,
+                    optionConfig: response.variants.optionConfig,
+                    meta,
+                },
+            });
+        }
+    }
+    setProductQuickviewError(message) {
+        this.productQuickviewError = message;
+    }
+    clearProductQuickview() {
+        this.productQuickview = null;
+        this.productQuickviewError = null;
+    }
+    clearHistory() {
+        // drop previous chats while keeping the conversation the user is currently in;
+        // if there is no current chat, fall back to a full reset
+        const currentChat = this.currentChat;
+        if (!currentChat) {
+            this.reset();
+            return;
+        }
+        const storedChats = this.storage.get('chats') || {};
+        const filtered = {};
+        if (storedChats[currentChat.id]) {
+            filtered[currentChat.id] = storedChats[currentChat.id];
+        }
+        this.storage.set('chats', filtered);
+        this.chats = [currentChat];
+    }
+    createChat(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.pruneStoredSessions(this.storage);
+        const newChat = new ChatSessionStore({
+            data: {
+                sessionId: data?.sessionId,
+                sessionEndTime: data?.sessionEndTime,
+            },
+            stores: {
+                storage: this.storage,
+            },
+        });
+        this.currentChatId = newChat.id;
+        this.storage.set('currentChatId', newChat.id);
+        this.chats.push(newChat);
+        return newChat;
+    }
+    switchChat(id) {
+        const chatExists = this.chats.find((chat) => 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);
+        }
+    }
+    sendProductQuery(result, options) {
+        const display = result?.display || result;
+        this.currentChat?.attachments.add({
+            type: 'product',
+            requestType: options.requestType,
+            productId: result.id,
+            name: display.mappings?.core?.name,
+            thumbnailUrl: display.mappings?.core?.thumbnailImageUrl || display.mappings?.core?.imageUrl || display.mappings?.core?.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);
+        }
+    }
+    compareProduct(result) {
+        this.currentChat?.comparisons.add({
+            result,
+        });
+    }
+    addFacet(facet) {
+        const value = parseFacetValue(facet.value);
+        this.urlManager.merge(`filter.${facet.key}`, Array.isArray(value) ? value : value).go();
+    }
+    removeFacet(key, value) {
+        const parsed = parseFacetValue(value);
+        this.urlManager.remove(`filter.${key}`, parsed).go();
+    }
+    clearPendingFacets() {
+        this.urlManager.remove('filter').go();
+    }
+    isFacetSelected(key, value) {
+        // 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;
+        const filterState = this.urlManager.state?.filter;
+        if (!filterState || !filterState[key])
+            return false;
+        const stored = Array.isArray(filterState[key]) ? filterState[key] : [filterState[key]];
+        const parsed = parseFacetValue(value);
+        return stored.some((entry) => facetValueEquals(entry, parsed));
+    }
+    request(request) {
+        // 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
+        const filterLabels = {};
+        for (const facet of this.facets) {
+            const valueFacet = facet;
+            const values = {};
+            (valueFacet.values || []).forEach((v) => {
+                if (typeof v.low !== 'undefined' || typeof v.high !== 'undefined') {
+                    values[`${v.low ?? '*'}:${v.high ?? '*'}`] = v.label;
+                }
+                else if (typeof v.value !== 'undefined') {
+                    values[v.value] = v.label;
+                }
+            });
+            filterLabels[valueFacet.field] = { facetLabel: valueFacet.label || valueFacet.field, values };
+        }
+        this.currentChat?.request(request, filterLabels);
+        // remove any productSimilar attachments after request
+        const productSimilarAttachments = this.currentChat?.attachments.attached.filter((item) => item.type === 'product' && item.requestType === 'productSimilar') || [];
+        productSimilarAttachments.forEach((item) => {
+            this.currentChat?.attachments.remove(item.id);
+        });
+    }
+    update(data) {
+        // TODO: handle error
+        // if(err?.responseBody?.errorMessage || err?.responseBody?.errorCode) {
+        // 	const errorMessage = err?.responseBody?.errorMessage || 'An unknown error has occurred.';
+        // }
+        this.currentChat?.update(data);
+        if (!this.meta) {
+            this.storage.set('meta', JSON.stringify(data.meta));
+        }
+        this.meta = new MetaStore({
+            data: {
+                meta: data.meta,
+            },
+        });
+        // Keep raw meta in sync for lazy hydration of inactive sessions
+        this.storedMetaData = data.meta;
+    }
+}
+/** 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 `[${value.map((v) => stableStringify(v)).join(',')}]`;
+    }
+    const keys = Object.keys(value).sort();
+    return `{${keys.map((k) => `${JSON.stringify(k)}:${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(':')) {
+        const [low, high] = value.split(':');
+        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) {
+    const result = {
+        id: product.id,
+        responseId: product.responseId,
+        mappings: JSON.parse(JSON.stringify(product.mappings || {})),
+        attributes: JSON.parse(JSON.stringify(product.attributes || {})),
+        badges: product.badges?.all?.map((b) => ({ tag: b.tag })) || [],
+    };
+    return new Product({
+        config: {},
+        data: { result, meta: meta || {} },
+        position: product.position ?? 0,
+        responseId: product.responseId,
+    });
+}

package/dist/esm/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/esm/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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"}