@athoscommerce/snap-store-mobx 1.2.3-beta.1 → 1.3.0

package/dist/esm/Chat/Stores/ChatSessionStore.js

@@ -1,581 +0,0 @@
-import { makeObservable, observable, computed } from 'mobx';
-import { v4 as uuidv4 } from 'uuid';
-import { ChatAttachmentStore, } from '../Stores/ChatAttachmentStore';
-import { ChatCompareStore } from './ChatCompareStore';
-import { SearchResultStore, Product } from '../../Search/Stores/SearchResultStore';
-function createChatResultStore(results, meta) {
-    return new SearchResultStore({
-        config: {},
-        state: { loaded: true },
-        data: {
-            search: { results },
-            meta,
-        },
-    });
-}
-function createChatProduct(result, meta) {
-    return new Product({
-        config: {},
-        data: { result, meta },
-        position: 0,
-        responseId: '',
-    });
-}
-/** Extract raw serializable data from a Product instance for storage. */
-function serializeProduct(product) {
-    if (!(product instanceof Product))
-        return product;
-    const raw = {
-        id: product.id,
-        mappings: product.mappings,
-        attributes: product.attributes,
-    };
-    if (product.variants) {
-        raw.variants = {
-            data: product.variants.data.map((v) => ({
-                mappings: v.mappings,
-                attributes: v.attributes,
-                options: v.options,
-                badges: v.badges,
-            })),
-            optionConfig: product.variants.optionConfig,
-        };
-    }
-    return raw;
-}
-/** Serialize attachments for localStorage. Strips base64 from images (kept only at runtime). */
-function serializeAttachmentsForStorage(items) {
-    return items.map((item) => {
-        if (item.type === 'image') {
-            return {
-                type: 'image',
-                id: item.id,
-                fileName: item.fileName,
-                imageId: item.imageId,
-                imageUrl: item.imageUrl,
-                thumbnailUrl: item.thumbnailUrl,
-                state: item.state,
-                error: item.error,
-            };
-        }
-        if (item.type === 'product') {
-            return {
-                type: 'product',
-                id: item.id,
-                productId: item.productId,
-                thumbnailUrl: item.thumbnailUrl,
-                name: item.name,
-                requestType: item.requestType,
-                state: item.state,
-                error: item.error,
-            };
-        }
-        return {
-            type: 'facet',
-            id: item.id,
-            key: item.key,
-            facetLabel: item.facetLabel,
-            value: item.value,
-            label: item.label,
-            count: item.count,
-            state: item.state,
-            error: item.error,
-        };
-    });
-}
-/** Convert a chat message array to a plain serializable form for localStorage. */
-function serializeChatForStorage(chat) {
-    return chat.map((message) => {
-        switch (message.messageType) {
-            case 'productSearchResult': {
-                const msg = message;
-                return { ...msg, results: Array.from(msg.results || []).map(serializeProduct) };
-            }
-            case 'inspirationResult': {
-                const msg = message;
-                return {
-                    ...msg,
-                    inspirationSections: msg.inspirationSections?.map((section) => ({
-                        ...section,
-                        products: Array.from(section.products || []).map(serializeProduct),
-                    })),
-                };
-            }
-            case 'productAnswer': {
-                const msg = message;
-                return { ...msg, sourceProduct: serializeProduct(msg.sourceProduct) };
-            }
-            case 'productComparison': {
-                const msg = message;
-                return { ...msg, searchResults: Array.from(msg.searchResults || []).map(serializeProduct) };
-            }
-            case 'productRecommendation': {
-                const msg = message;
-                return {
-                    ...msg,
-                    recommendationResult: msg.recommendationResult?.map((rec) => ({
-                        ...rec,
-                        results: Array.from(rec.results || []).map(serializeProduct),
-                    })),
-                };
-            }
-            case 'productQuery': {
-                const msg = message;
-                return { ...msg, sourceProduct: serializeProduct(msg.sourceProduct) };
-            }
-            default:
-                return message;
-        }
-    });
-}
-export class ChatSessionStore {
-    constructor(params) {
-        this.chat = [];
-        this.actions = [];
-        this.attachments = new ChatAttachmentStore();
-        this.comparisons = new ChatCompareStore();
-        this.feedbacks = [];
-        this.sessionFeedback = null;
-        this.feedbackDismissed = false;
-        this.feedbackJustGiven = false;
-        this.createdAt = new Date();
-        this.requestType = '';
-        this.dismissedSideChatMessageId = null;
-        this.activeMessageId = null;
-        this.sessionLimitReached = false;
-        /** Whether raw stored results have been hydrated into Product/SearchResultStore instances. */
-        this.hydrated = true;
-        this.saveTimerId = null;
-        const { id, sessionId, chat, attachments, actions, feedbacks, sessionFeedback, feedbackDismissed, createdAt, committedComparisons } = params.data || {};
-        const { stores } = params;
-        this.id = id || uuidv4();
-        this.sessionId = sessionId;
-        this.storage = stores.storage;
-        this.actions = actions || [];
-        this.createdAt = createdAt ? new Date(createdAt) : new Date();
-        this.feedbacks = feedbacks || [];
-        this.sessionFeedback = sessionFeedback || null;
-        this.feedbackDismissed = feedbackDismissed || false;
-        // if chat and attachments are passed, load them
-        if (chat && chat.length > 0) {
-            // productQuery messages only exist to drive the side-chat panel for an
-            // in-flight discussProduct click; they must not be rehydrated on reload
-            // or the side chat would re-open without the matching primary-chat state
-            this.chat = chat.filter((message) => message.messageType !== 'productQuery');
-        }
-        if (attachments && attachments.length > 0) {
-            this.attachments.hydrate(attachments);
-            // Any attachment already referenced by a sent user message is no longer
-            // pending — transition it from 'active' to 'saved' so it stops appearing
-            // in the attachment context bar while remaining available via get(id) for
-            // rendering inside historical user messages.
-            const usedAttachmentIds = new Set();
-            this.chat.forEach((msg) => {
-                if (msg.messageType === 'user' && msg.attachments) {
-                    msg.attachments.forEach((id) => usedAttachmentIds.add(id));
-                }
-            });
-            this.attachments.items.forEach((item) => {
-                if ((item.state === 'active' || item.state === 'attached') && usedAttachmentIds.has(item.id)) {
-                    item.save();
-                }
-            });
-        }
-        // restore committed comparisons only if the thread is still anchored
-        // to a product comparison — either the last response was a
-        // productComparison or the user sent a follow-up before a response
-        // arrived (pending state)
-        if (committedComparisons && committedComparisons.length > 0) {
-            const EXCLUDED_MESSAGE_TYPES = ['topicDrift'];
-            const visibleMessages = this.chat.filter((message) => !EXCLUDED_MESSAGE_TYPES.includes(message.messageType));
-            const lastMessage = visibleMessages[visibleMessages.length - 1];
-            if (lastMessage?.messageType === 'productComparison' || lastMessage?.messageType === 'user') {
-                this.comparisons.committedItems = committedComparisons;
-            }
-        }
-        makeObservable(this, {
-            chat: observable,
-            requestType: observable,
-            actions: observable,
-            attachments: observable,
-            feedbacks: observable,
-            sessionFeedback: observable,
-            feedbackDismissed: observable,
-            feedbackJustGiven: observable,
-            dismissedSideChatMessageId: observable,
-            activeMessageId: observable,
-            sessionLimitReached: observable,
-            activeMessage: computed,
-        });
-    }
-    dismissSideChat() {
-        // clear the override first so the fallback (last eligible message) is what we
-        // dismiss — otherwise closing while viewing an older message would leave the
-        // last message undismissed and the side chat would auto-reopen on it
-        this.activeMessageId = null;
-        const fallback = this.activeMessage;
-        if (fallback) {
-            this.dismissedSideChatMessageId = fallback.id;
-        }
-    }
-    setActiveMessage(id) {
-        this.activeMessageId = id;
-        this.dismissedSideChatMessageId = null;
-    }
-    pushProductQueryMessage(result) {
-        // capture the side-chat message that was active at click time so a back action
-        // can restore it even when it's not the last message in the chat
-        const sourceMessageId = this.activeMessage?.id;
-        // drop any trailing productQuery so a fresh discussProduct click replaces
-        // the side-chat target rather than stacking up
-        while (this.chat.length > 0 && this.chat[this.chat.length - 1]?.messageType === 'productQuery') {
-            this.chat.pop();
-        }
-        this.chat.push({
-            id: uuidv4(),
-            messageType: 'productQuery',
-            sourceProduct: result,
-            sourceMessageId,
-        });
-        // re-show the side chat in case the user previously dismissed it
-        this.dismissedSideChatMessageId = null;
-        this.activeMessageId = null;
-        this.save();
-    }
-    popProductQueryMessage(restoreActiveMessageId) {
-        while (this.chat.length > 0 && this.chat[this.chat.length - 1]?.messageType === 'productQuery') {
-            this.chat.pop();
-        }
-        this.activeMessageId = restoreActiveMessageId || null;
-        this.save();
-    }
-    get isExpired() {
-        const ONE_DAY = 24 * 60 * 60 * 1000;
-        const now = new Date();
-        const diff = now.getTime() - this.createdAt.getTime();
-        return diff > ONE_DAY;
-    }
-    get topicDrift() {
-        const lastMessage = this.chat[this.chat.length - 1];
-        return lastMessage?.messageType === 'topicDrift' ? lastMessage : null;
-    }
-    get activeMessage() {
-        const EXCLUDED_MESSAGE_TYPES = ['topicDrift', 'productAnswer'];
-        if (this.activeMessageId) {
-            // Walk backward — the override is usually near the end
-            for (let i = this.chat.length - 1; i >= 0; i--) {
-                const m = this.chat[i];
-                if (m.id === this.activeMessageId && !EXCLUDED_MESSAGE_TYPES.includes(m.messageType)) {
-                    return m;
-                }
-            }
-        }
-        // Find the last eligible message by iterating backwards
-        let lastMessage = null;
-        for (let i = this.chat.length - 1; i >= 0; i--) {
-            if (!EXCLUDED_MESSAGE_TYPES.includes(this.chat[i].messageType)) {
-                lastMessage = this.chat[i];
-                break;
-            }
-        }
-        // When the user sends a follow-up while in a productQuery flow (e.g. "discuss product"),
-        // the last visible message becomes a 'user' message which would close the secondary panel.
-        // Instead, keep the productQuery message as the active side-chat target so the product
-        // information panel stays open during and after the request.
-        if (lastMessage?.messageType === 'user' && this.requestType === 'productQuery') {
-            for (let i = this.chat.length - 1; i >= 0; i--) {
-                const m = this.chat[i];
-                if (m.messageType === 'productQuery' && !EXCLUDED_MESSAGE_TYPES.includes(m.messageType)) {
-                    return m;
-                }
-            }
-        }
-        return lastMessage || null;
-    }
-    dismissTopicDrift() {
-        this.chat = this.chat.filter((m) => m.messageType !== 'topicDrift');
-        this.save();
-    }
-    handleTopicDrift() {
-        let lastUserMessage;
-        for (let i = this.chat.length - 1; i >= 0; i--) {
-            if (this.chat[i].messageType === 'user') {
-                lastUserMessage = this.chat[i];
-                break;
-            }
-        }
-        const messageText = lastUserMessage?.text;
-        // remove all topicDrift messages and the last user message that triggered the drift
-        if (lastUserMessage) {
-            const lastUserIndex = this.chat.lastIndexOf(lastUserMessage);
-            this.chat = this.chat.slice(0, lastUserIndex);
-        }
-        else {
-            this.chat = this.chat.filter((m) => m.messageType !== 'topicDrift');
-        }
-        this.save();
-        return messageText;
-    }
-    reset() {
-        this.attachments.reset();
-        this.chat = [];
-        this.actions = [];
-        this.feedbacks = [];
-        this.sessionFeedback = null;
-    }
-    /** Persist the session to storage immediately (synchronous). */
-    saveImmediate() {
-        if (this.saveTimerId !== null) {
-            clearTimeout(this.saveTimerId);
-            this.saveTimerId = null;
-        }
-        this.storage.set(`chats.${this.id}`, {
-            sessionId: this.sessionId,
-            chat: serializeChatForStorage(this.chat),
-            attachments: serializeAttachmentsForStorage(this.attachments.items),
-            actions: this.actions,
-            feedbacks: this.feedbacks,
-            sessionFeedback: this.sessionFeedback,
-            feedbackDismissed: this.feedbackDismissed,
-            createdAt: this.createdAt,
-            committedComparisons: this.comparisons.committedItems,
-        });
-    }
-    /**
-     * Schedule a save — multiple calls within the debounce window are coalesced
-     * into a single localStorage write.
-     */
-    save() {
-        if (this.saveTimerId !== null) {
-            clearTimeout(this.saveTimerId);
-        }
-        this.saveTimerId = setTimeout(() => {
-            this.saveTimerId = null;
-            this.saveImmediate();
-        }, 0);
-    }
-    /** Remove oldest stored sessions when exceeding the limit. */
-    static pruneStoredSessions(storage, maxSessions = 10) {
-        const storedChats = storage.get('chats');
-        if (storedChats) {
-            const chatIds = Object.keys(storedChats);
-            if (chatIds.length > maxSessions) {
-                chatIds
-                    .sort((a, b) => {
-                    const aTime = new Date(storedChats[a]?.createdAt || 0).getTime();
-                    const bTime = new Date(storedChats[b]?.createdAt || 0).getTime();
-                    return aTime - bTime;
-                })
-                    .slice(0, chatIds.length - maxSessions)
-                    .forEach((id) => {
-                    storage.set(`chats.${id}`, null);
-                });
-            }
-        }
-    }
-    /** Re-wrap raw stored results as Product / SearchResultStore instances. */
-    hydrateResults(meta) {
-        this.chat.forEach((message) => {
-            if (message.messageType === 'productSearchResult') {
-                const msg = message;
-                if (msg.results?.length && !(msg.results[0] instanceof Product)) {
-                    msg.results = createChatResultStore(msg.results, meta);
-                }
-            }
-            else if (message.messageType === 'inspirationResult') {
-                const msg = message;
-                msg.inspirationSections?.forEach((section) => {
-                    if (section.products?.length && !(section.products[0] instanceof Product)) {
-                        section.products = createChatResultStore(section.products, meta);
-                    }
-                });
-            }
-            else if (message.messageType === 'productAnswer') {
-                const msg = message;
-                if (msg.sourceProduct && !(msg.sourceProduct instanceof Product)) {
-                    msg.sourceProduct = createChatProduct(msg.sourceProduct, meta);
-                }
-            }
-            else if (message.messageType === 'productComparison') {
-                const msg = message;
-                if (msg.searchResults?.length && !(msg.searchResults[0] instanceof Product)) {
-                    msg.searchResults = createChatResultStore(msg.searchResults, meta);
-                }
-            }
-            else if (message.messageType === 'productRecommendation') {
-                const msg = message;
-                msg.recommendationResult?.forEach((rec) => {
-                    if (rec.results?.length && !(rec.results[0] instanceof Product)) {
-                        rec.results = createChatResultStore(rec.results, meta);
-                    }
-                });
-            }
-        });
-    }
-    request(request) {
-        // clear the questions on new request
-        this.actions = [];
-        this.requestType = request.data.requestType;
-        this.activeMessageId = null;
-        // remove any attachments that failed to upload
-        const errorAttachments = this.attachments.items.filter((item) => item.state === 'error');
-        errorAttachments.forEach((item) => this.attachments.items.splice(this.attachments.items.indexOf(item), 1));
-        const attachments = [];
-        if (request.data.requestType === 'productSearch') {
-            const searchFilters = request.data.searchFilters;
-            if (searchFilters && searchFilters.length > 0) {
-                const filterTextArray = [];
-                searchFilters.forEach((filter) => {
-                    const attachedFacets = this.attachments.attached.filter((item) => item.type == 'facet' && item.key == filter.key);
-                    attachedFacets.forEach((attachedFacet) => {
-                        attachments.push(attachedFacet.id);
-                        attachedFacet.activate();
-                        filterTextArray.push(`${attachedFacet.facetLabel} ${attachedFacet.label}`);
-                    });
-                });
-                this.chat.push({
-                    id: uuidv4(),
-                    messageType: 'user',
-                    attachments: attachments.length > 0 ? attachments : undefined,
-                    text: `Filter by ${filterTextArray.join(' and ')}`,
-                    requestType: request.data.requestType,
-                });
-            }
-        }
-        else if ('message' in request.data && request.data.message) {
-            if (request.data.requestType === 'imageSearch') {
-                const imageId = request.data.attachedImageId;
-                const attachedImage = this.attachments.attached.find((item) => item.type == 'image' && item.imageId == imageId);
-                if (attachedImage) {
-                    attachments.push(attachedImage.id);
-                    attachedImage.activate();
-                }
-            }
-            else if (request.data.requestType === 'productQuery') {
-                const productId = request.data.productId;
-                const attachedProduct = this.attachments.attached.find((item) => item.type == 'product' && item.productId == productId);
-                if (attachedProduct) {
-                    attachments.push(attachedProduct.id);
-                    attachedProduct.activate();
-                }
-            }
-            else if (request.data.requestType === 'productComparison') {
-                this.comparisons.compared.forEach((item) => {
-                    const d = item.result?.display || item.result;
-                    const attachment = this.attachments.add({
-                        type: 'product',
-                        requestType: 'productComparison',
-                        productId: item.result.id,
-                        name: d.mappings?.core?.name,
-                        thumbnailUrl: d.mappings?.core?.thumbnailImageUrl || d.mappings?.core?.imageUrl,
-                    });
-                    if (attachment) {
-                        attachments.push(attachment.id);
-                        attachment.activate();
-                    }
-                });
-            }
-            this.chat.push({
-                id: uuidv4(),
-                messageType: 'user',
-                attachments: attachments.length > 0 ? attachments : undefined,
-                text: request.data.message,
-                requestType: request.data.requestType,
-            });
-        }
-        else if (request.data?.requestType === 'productSimilar') {
-            const attachedSimilarProduct = this.attachments.attached.find((item) => item.type == 'product' && item.requestType == 'productSimilar');
-            if (attachedSimilarProduct) {
-                attachments.push(attachedSimilarProduct.id);
-                attachedSimilarProduct.activate();
-                this.chat.push({
-                    id: uuidv4(),
-                    messageType: 'user',
-                    attachments: attachments.length > 0 ? attachments : undefined,
-                    text: `Show similar products to "${attachedSimilarProduct.name || attachedSimilarProduct.productId}"`,
-                    requestType: request.data.requestType,
-                });
-            }
-        }
-        else if (request.data?.requestType === 'productComparison') {
-            const productNames = [];
-            this.comparisons.compared.forEach((item) => {
-                const d = item.result?.display || item.result;
-                const attachment = this.attachments.add({
-                    type: 'product',
-                    requestType: 'productComparison',
-                    productId: item.result.id,
-                    name: d.mappings?.core?.name,
-                    thumbnailUrl: d.mappings?.core?.thumbnailImageUrl || d.mappings?.core?.imageUrl,
-                });
-                if (attachment) {
-                    attachments.push(attachment.id);
-                    attachment.activate();
-                    productNames.push(attachment.name || attachment.productId);
-                }
-            });
-            if (attachments.length > 0) {
-                this.chat.push({
-                    id: uuidv4(),
-                    messageType: 'user',
-                    attachments: attachments,
-                    text: `Compare ${productNames.map((name) => `"${name}"`).join(' and ')}`,
-                    requestType: request.data.requestType,
-                });
-            }
-        }
-        // snapshot the comparison list into the committed list so the
-        // header section can clear and the footer can display them
-        if (request.data.requestType === 'productComparison') {
-            this.comparisons.commit();
-        }
-        this.save();
-    }
-    update(data) {
-        this.sessionId = data.chat.context.sessionId;
-        const meta = data.meta;
-        data.chat.data.forEach((messageData) => {
-            // check if the data has questions?
-            if (messageData.messageType === 'actions') {
-                this.actions.push({
-                    type: 'actions',
-                    data: messageData.actions,
-                });
-                return;
-            }
-            if (messageData.messageType === 'productSearchResult' && messageData.facets?.length > 0) {
-                this.actions.push({
-                    type: 'facets',
-                    data: messageData.facets,
-                });
-            }
-            // convert raw results to Product instances (via SearchResultStore) so
-            // display components can use result.display for mask-aware rendering
-            if (messageData.messageType === 'productSearchResult' && messageData.results?.length) {
-                messageData.results = createChatResultStore(messageData.results, meta);
-            }
-            else if (messageData.messageType === 'inspirationResult' && messageData.inspirationSections?.length) {
-                messageData.inspirationSections = messageData.inspirationSections.map((section) => ({
-                    ...section,
-                    products: section.products?.length
-                        ? createChatResultStore(section.products, meta)
-                        : section.products,
-                }));
-            }
-            else if (messageData.messageType === 'productAnswer' && messageData.sourceProduct) {
-                messageData.sourceProduct = createChatProduct(messageData.sourceProduct, meta);
-            }
-            else if (messageData.messageType === 'productComparison' && messageData.searchResults?.length) {
-                messageData.searchResults = createChatResultStore(messageData.searchResults, meta);
-            }
-            else if (messageData.messageType === 'productRecommendation' && messageData.recommendationResult?.length) {
-                messageData.recommendationResult = messageData.recommendationResult.map((rec) => ({
-                    ...rec,
-                    results: rec.results?.length ? createChatResultStore(rec.results, meta) : rec.results,
-                }));
-            }
-            this.chat.push(messageData);
-        });
-        this.save();
-    }
-}