@athoscommerce/snap-preact 1.2.3-beta.1 → 1.3.0

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

@@ -1,86 +0,0 @@
-"use strict";
-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.ResultsDisplay = void 0;
-var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
-var mobx_react_lite_1 = require("mobx-react-lite");
-var react_1 = require("@emotion/react");
-var Carousel_1 = require("../../Molecules/Carousel");
-var ChatResult_1 = require("./ChatResult");
-var carouselStyleScript = function () {
-    return (0, react_1.css)({
-        position: 'relative',
-        '.ss__carousel__prev-wrapper, .ss__carousel__next-wrapper': {
-            position: 'absolute',
-            top: '50%',
-            transform: 'translateY(-50%)',
-            zIndex: 9,
-            '.ss__carousel__prev, .ss__carousel__next': {
-                background: 'rgba(255, 255, 255, 0.85)',
-                borderRadius: '50%',
-                width: '2em',
-                height: '2em',
-                display: 'flex',
-                justifyContent: 'center',
-                alignItems: 'center',
-                boxShadow: '0 1px 3px rgba(0, 0, 0, 0.2)',
-            },
-        },
-        '.ss__carousel__prev-wrapper': {
-            left: 0,
-        },
-        '.ss__carousel__next-wrapper': {
-            right: 0,
-        },
-    });
-};
-exports.ResultsDisplay = (0, mobx_react_lite_1.observer)(function (props) {
-    var _a, _b;
-    var chatItem = props.chatItem, controller = props.controller, scrollToBottom = props.scrollToBottom, onViewProduct = props.onViewProduct;
-    var currentChat = controller.store.currentChat;
-    var activeMessage = currentChat === null || currentChat === void 0 ? void 0 : currentChat.activeMessage;
-    var isSideChatOpen = !!activeMessage &&
-        ['inspirationResult', 'productComparison', 'productQuery'].includes(activeMessage.messageType) &&
-        (currentChat === null || currentChat === void 0 ? void 0 : currentChat.dismissedSideChatMessageId) !== activeMessage.id;
-    var isNarrow = typeof window !== 'undefined' && window.innerWidth < 550;
-    var isConstrained = !isNarrow && isSideChatOpen && typeof window !== 'undefined' && window.innerWidth >= 768;
-    var slidesPerView = isNarrow || isConstrained ? 1.9 : 2.9;
-    var carouselProps = {
-        breakpoints: undefined,
-        slidesPerView: slidesPerView,
-        slidesPerGroup: isNarrow || isConstrained ? 2 : 3,
-        loop: false,
-        pagination: false,
-        centerInsufficientSlides: false,
-        freeMode: true,
-        styleScript: carouselStyleScript,
-    };
-    var handleResultClick = function (e, result) {
-        // buttons should be able to be clicked without triggering the product click
-        if (e.composedPath().some(function (el) { return el instanceof HTMLElement && el.matches('button, .ss__button, a'); }))
-            return;
-        controller.viewProduct(result);
-        onViewProduct === null || onViewProduct === void 0 ? void 0 : onViewProduct();
-    };
-    if (chatItem.messageType === 'productRecommendation' && ((_a = chatItem.recommendationResult) === null || _a === void 0 ? void 0 : _a.length)) {
-        return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: chatItem.recommendationResult.map(function (recommendation, index) {
-                var _a;
-                return ((_a = recommendation.results) === null || _a === void 0 ? void 0 : _a.length) > 0 ? ((0, jsx_runtime_1.jsx)("div", { className: "ss__chat__message-text__results", style: { width: '100%' }, children: (0, jsx_runtime_1.jsx)(Carousel_1.Carousel, __assign({}, carouselProps, { hideButtons: recommendation.results.length <= slidesPerView, children: recommendation.results.map(function (result) {
-                            return ((0, jsx_runtime_1.jsx)("div", { className: "ss__chat__message-text__results__result", style: { height: '100%', width: '100%', display: 'flex', cursor: 'pointer' }, onClick: function (e) { return handleResultClick(e, result); }, children: (0, jsx_runtime_1.jsx)(ChatResult_1.ChatResult, { result: result, controller: controller, scrollToBottom: scrollToBottom }) }, result.id));
-                        }) })) }, index)) : null;
-            }) }));
-    }
-    return ((_b = chatItem.results) === null || _b === void 0 ? void 0 : _b.length) > 0 ? ((0, jsx_runtime_1.jsx)("div", { className: "ss__chat__message-text__results", style: { width: '100%' }, children: (0, jsx_runtime_1.jsx)(Carousel_1.Carousel, __assign({}, carouselProps, { hideButtons: chatItem.results.length <= slidesPerView, children: chatItem.results.map(function (result) {
-                return ((0, jsx_runtime_1.jsx)("div", { className: "ss__chat__message-text__results__result", style: { height: '100%', width: '100%', display: 'flex', cursor: 'pointer' }, onClick: function (e) { return handleResultClick(e, result); }, children: (0, jsx_runtime_1.jsx)(ChatResult_1.ChatResult, { result: result, controller: controller, scrollToBottom: scrollToBottom }) }, result.id));
-            }) })) })) : null;
-});

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

@@ -1,12 +0,0 @@
-import { ChatController } from '@athoscommerce/snap-controller';
-import type { ChatResponseActionsData } from '@athoscommerce/snap-client/dist/cjs/Client/transforms/chatResponse';
-export declare const SuggestedQuestions: ((props: SuggestedQuestionsProps) => import("@emotion/react/jsx-runtime").JSX.Element | null) & {
-    displayName: string;
-};
-interface SuggestedQuestionsProps {
-    questions?: string[];
-    actions?: ChatResponseActionsData['actions'];
-    controller: ChatController;
-}
-export {};
-//# sourceMappingURL=SuggestedQuestions.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"SuggestedQuestions.d.ts","sourceRoot":"","sources":["../../../../../../../components/src/components/Organisms/Chat/SuggestedQuestions.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAC;AAIhE,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,oEAAoE,CAAC;AA6ClH,eAAO,MAAM,kBAAkB,WAAoB,uBAAuB;;CA4BxE,CAAC;AAEH,UAAU,uBAAuB;IAChC,SAAS,CAAC,EAAE,MAAM,EAAE,CAAC;IACrB,OAAO,CAAC,EAAE,uBAAuB,CAAC,SAAS,CAAC,CAAC;IAC7C,UAAU,EAAE,cAAc,CAAC;CAC3B"}

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

@@ -1,73 +0,0 @@
-"use strict";
-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.SuggestedQuestions = void 0;
-var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
-var mobx_react_lite_1 = require("mobx-react-lite");
-var Icon_1 = require("../../Atoms/Icon");
-var __1 = require("../../..");
-var utilities_1 = require("../../../utilities");
-var defaultStyles = function () {
-    var colorPrimary = '#253B80';
-    return (0, __1.css)({
-        display: 'flex',
-        flexDirection: 'column',
-        gap: '10px',
-        '.ss__chat__suggestions__item': {
-            display: 'flex',
-            alignItems: 'center',
-            justifyContent: 'space-between',
-            gap: '12px',
-            background: '#fff',
-            border: '1px solid #eee',
-            borderRadius: '12px',
-            padding: '14px 16px',
-            cursor: 'pointer',
-            fontSize: '14px',
-            color: '#333',
-            '&:hover': {
-                borderColor: '#ccc',
-                boxShadow: '0 2px 8px rgba(0, 0, 0, 0.08)',
-            },
-            '.ss__chat__suggestions__item__text': {
-                flex: 1,
-                fontWeight: 500,
-            },
-            '.ss__chat__suggestions__item__icon': {
-                width: '30px',
-                height: '30px',
-                background: colorPrimary,
-                display: 'flex',
-                alignItems: 'center',
-                justifyContent: 'center',
-                borderRadius: '50%',
-                svg: {
-                    fill: '#fff',
-                    stroke: '#fff',
-                },
-            },
-        },
-    });
-};
-exports.SuggestedQuestions = (0, mobx_react_lite_1.observer)(function (props) {
-    var _a;
-    var controller = props.controller, questions = props.questions, actions = props.actions;
-    var styling = (0, utilities_1.mergeStyles)(props, defaultStyles);
-    var items = (_a = questions !== null && questions !== void 0 ? questions : actions === null || actions === void 0 ? void 0 : actions.map(function (action) { return action.message; })) !== null && _a !== void 0 ? _a : [];
-    if (items.length === 0) {
-        return null;
-    }
-    return ((0, jsx_runtime_1.jsx)("div", __assign({ className: "ss__chat__suggestions" }, styling, { children: items.map(function (item, index) { return ((0, jsx_runtime_1.jsxs)("div", { className: "ss__chat__suggestions__item", onClick: function () {
-                controller.openChat(item);
-            }, children: [(0, jsx_runtime_1.jsx)("span", { className: "ss__chat__suggestions__item__text", children: item }), (0, jsx_runtime_1.jsx)("span", { className: "ss__chat__suggestions__item__icon", children: (0, jsx_runtime_1.jsx)(Icon_1.Icon, { icon: "chat" }) })] }, index)); }) })));
-});

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

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

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

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

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

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

package/dist/cjs/src/Templates/Stores/library/components/Chat.d.ts

@@ -1,2 +0,0 @@
-export { Chat } from '../../../../../components/src/components/Organisms/Chat';
-//# sourceMappingURL=Chat.d.ts.map

package/dist/cjs/src/Templates/Stores/library/components/Chat.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Chat.d.ts","sourceRoot":"","sources":["../../../../../../../src/Templates/Stores/library/components/Chat.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,yDAAyD,CAAC"}

package/dist/cjs/src/Templates/Stores/library/components/Chat.js

@@ -1,5 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Chat = void 0;
-var Chat_1 = require("../../../../../components/src/components/Organisms/Chat");
-Object.defineProperty(exports, "Chat", { enumerable: true, get: function () { return Chat_1.Chat; } });

package/dist/cjs/src/create/createChatController.d.ts

@@ -1,5 +0,0 @@
-import { ChatController } from '@athoscommerce/snap-controller';
-import type { SnapControllerServices, SnapChatControllerConfig } from '../types';
-declare const _default: (config: SnapChatControllerConfig, services?: SnapControllerServices) => ChatController;
-export default _default;
-//# sourceMappingURL=createChatController.d.ts.map

package/dist/cjs/src/create/createChatController.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"createChatController.d.ts","sourceRoot":"","sources":["../../../../src/create/createChatController.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAC;AAShE,OAAO,KAAK,EAAE,sBAAsB,EAAE,wBAAwB,EAAE,MAAM,UAAU,CAAC;iCAEzD,wBAAwB,aAAa,sBAAsB,KAAG,cAAc;AAApG,wBA4BE"}

package/dist/cjs/src/create/createChatController.js

@@ -1,43 +0,0 @@
-"use strict";
-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 });
-var snap_controller_1 = require("@athoscommerce/snap-controller");
-var snap_client_1 = require("@athoscommerce/snap-client");
-var snap_store_mobx_1 = require("@athoscommerce/snap-store-mobx");
-var snap_url_manager_1 = require("@athoscommerce/snap-url-manager");
-var snap_event_manager_1 = require("@athoscommerce/snap-event-manager");
-var snap_profiler_1 = require("@athoscommerce/snap-profiler");
-var snap_logger_1 = require("@athoscommerce/snap-logger");
-var snap_tracker_1 = require("@athoscommerce/snap-tracker");
-exports.default = (function (config, services) {
-    var _a, _b, _c;
-    var urlManager = (services === null || services === void 0 ? void 0 : services.urlManager) || new snap_url_manager_1.UrlManager(new snap_url_manager_1.UrlTranslator(config.url), snap_url_manager_1.reactLinker);
-    // set client mode
-    if (config.mode && config.client) {
-        config.client.config = config.client.config || {};
-        config.client.config.mode = config.mode;
-    }
-    var client = (services === null || services === void 0 ? void 0 : services.client) || new snap_client_1.Client(config.client.globals, config.client.config);
-    // @ts-ignore - globals is private on Client
-    var siteId = ((_b = (_a = config.client) === null || _a === void 0 ? void 0 : _a.globals) === null || _b === void 0 ? void 0 : _b.siteId) || ((_c = client.globals) === null || _c === void 0 ? void 0 : _c.siteId);
-    var cntrlr = new snap_controller_1.ChatController(config.controller, {
-        client: client,
-        store: (services === null || services === void 0 ? void 0 : services.store) || new snap_store_mobx_1.ChatStore(__assign(__assign({}, config.controller), { siteId: siteId })),
-        urlManager: urlManager,
-        eventManager: (services === null || services === void 0 ? void 0 : services.eventManager) || new snap_event_manager_1.EventManager(),
-        profiler: (services === null || services === void 0 ? void 0 : services.profiler) || new snap_profiler_1.Profiler(),
-        logger: (services === null || services === void 0 ? void 0 : services.logger) || new snap_logger_1.Logger({ mode: config.mode }),
-        tracker: (services === null || services === void 0 ? void 0 : services.tracker) || new snap_tracker_1.Tracker(config.client.globals),
-    }, config.context);
-    return cntrlr;
-});

package/dist/esm/components/src/components/Atoms/ChatLoadingIndicator/ChatLoadingIndicator.d.ts

@@ -1,7 +0,0 @@
-import { ComponentProps } from '../../../types';
-export declare const ChatLoadingIndicator: (properties: ChatLoadingIndicatorProps) => import("@emotion/react/jsx-runtime").JSX.Element | null;
-export type ChatLoadingIndicatorProps = {
-    loading?: boolean;
-    verbs?: string[];
-} & ComponentProps<ChatLoadingIndicatorProps>;
-//# sourceMappingURL=ChatLoadingIndicator.d.ts.map

package/dist/esm/components/src/components/Atoms/ChatLoadingIndicator/ChatLoadingIndicator.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ChatLoadingIndicator.d.ts","sourceRoot":"","sources":["../../../../../../../components/src/components/Atoms/ChatLoadingIndicator/ChatLoadingIndicator.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,cAAc,EAAe,MAAM,gBAAgB,CAAC;AAiC7D,eAAO,MAAM,oBAAoB,eAAgB,yBAAyB,4DAgDzE,CAAC;AAEF,MAAM,MAAM,yBAAyB,GAAG;IACvC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;CACjB,GAAG,cAAc,CAAC,yBAAyB,CAAC,CAAC"}

package/dist/esm/components/src/components/Atoms/ChatLoadingIndicator/ChatLoadingIndicator.js

@@ -1,67 +0,0 @@
-import { jsxs as _jsxs, jsx as _jsx } from "@emotion/react/jsx-runtime";
-import { useState, useEffect } from 'preact/hooks';
-import { css } from '@emotion/react';
-import classnames from 'classnames';
-import { useTheme, CacheProvider, useTreePath } from '../../../providers';
-import { mergeProps, mergeStyles } from '../../../utilities';
-const DEFAULT_VERBS = ['Thinking', 'Searching', 'Analyzing', 'Generating', 'Processing'];
-const MIN_INTERVAL = 1000;
-const MAX_INTERVAL = 5000;
-const defaultStyles = () => {
-    return css({
-        padding: '1em 2em 0 2em',
-        display: 'flex',
-        alignItems: 'center',
-        gap: '8px',
-        color: '#666',
-        fontSize: '14px',
-        fontStyle: 'italic',
-        '.ss__chat-loading-indicator__verb': {
-            animation: 'ss-chat-loading-indicator-fade 0.5s ease-out',
-        },
-        '@keyframes ss-chat-loading-indicator-fade': {
-            '0%': {
-                opacity: 0,
-                transform: 'translateY(4px)',
-            },
-            '100%': {
-                opacity: 1,
-                transform: 'translateY(0)',
-            },
-        },
-    });
-};
-export const ChatLoadingIndicator = (properties) => {
-    const globalTheme = useTheme();
-    const globalTreePath = useTreePath();
-    const defaultProps = {
-        treePath: globalTreePath,
-    };
-    const props = mergeProps('chatLoadingIndicator', globalTheme, defaultProps, properties);
-    const { loading, className, internalClassName } = props;
-    // fall back to DEFAULT_VERBS inline — can't rely on defaultProps because mergeProps
-    // spreads incoming props over defaults, so an explicit `verbs={undefined}` from a caller
-    // would wipe out the default array.
-    const verbs = props.verbs && props.verbs.length > 0 ? props.verbs : DEFAULT_VERBS;
-    const [verbIndex, setVerbIndex] = useState(0);
-    useEffect(() => {
-        if (!loading) {
-            setVerbIndex(0);
-            return;
-        }
-        let timeoutId;
-        const scheduleNext = () => {
-            const nextInterval = Math.floor(Math.random() * (MAX_INTERVAL - MIN_INTERVAL + 1)) + MIN_INTERVAL;
-            timeoutId = setTimeout(() => {
-                setVerbIndex((prev) => (prev + 1) % verbs.length);
-                scheduleNext();
-            }, nextInterval);
-        };
-        scheduleNext();
-        return () => clearTimeout(timeoutId);
-    }, [loading, verbs]);
-    const styling = mergeStyles(props, defaultStyles);
-    if (!loading || !verbs[verbIndex])
-        return null;
-    return (_jsx(CacheProvider, { children: _jsx("div", { className: classnames('ss__chat-loading-indicator', className, internalClassName), ...styling, children: _jsxs("span", { className: 'ss__chat-loading-indicator__verb', children: [verbs[verbIndex], "..."] }, verbIndex) }) }));
-};

package/dist/esm/components/src/components/Atoms/ChatLoadingIndicator/index.d.ts

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

package/dist/esm/components/src/components/Atoms/ChatLoadingIndicator/index.d.ts.map

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

package/dist/esm/components/src/components/Atoms/ChatLoadingIndicator/index.js

@@ -1 +0,0 @@
-export * from './ChatLoadingIndicator';

package/dist/esm/components/src/components/Molecules/ChatInspirationResultMessage/ChatInspirationResultMessage.d.ts

@@ -1,18 +0,0 @@
-import { ComponentProps } from '../../../types';
-import type { ChatController } from '@athoscommerce/snap-controller';
-import { ChatResponseInspirationResultData } from '@athoscommerce/snap-client';
-export declare const ChatInspirationResultMessage: ((properties: ChatInspirationResultMessageProps) => import("@emotion/react/jsx-runtime").JSX.Element | null) & {
-    displayName: string;
-};
-export type ChatInspirationResultMessageProps = {
-    chatItem: ChatResponseInspirationResultData;
-    controller?: ChatController;
-    onViewProduct?: () => void;
-    lang?: Partial<ChatInspirationResultMessageLang>;
-} & ChatInspirationResultMessageTemplatesLegalProps & ComponentProps<ChatInspirationResultMessageProps>;
-export type ChatInspirationResultMessageTemplatesLegalProps = {
-    chatItem: ChatResponseInspirationResultData;
-};
-export interface ChatInspirationResultMessageLang {
-}
-//# sourceMappingURL=ChatInspirationResultMessage.d.ts.map

package/dist/esm/components/src/components/Molecules/ChatInspirationResultMessage/ChatInspirationResultMessage.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ChatInspirationResultMessage.d.ts","sourceRoot":"","sources":["../../../../../../../components/src/components/Molecules/ChatInspirationResultMessage/ChatInspirationResultMessage.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,cAAc,EAAe,MAAM,gBAAgB,CAAC;AAC7D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAC;AAErE,OAAO,EAAoB,iCAAiC,EAAE,MAAM,4BAA4B,CAAC;AAyDjG,eAAO,MAAM,4BAA4B,gBAAyB,iCAAiC;;CA4GjG,CAAC;AAMH,MAAM,MAAM,iCAAiC,GAAG;IAC/C,QAAQ,EAAE,iCAAiC,CAAC;IAC5C,UAAU,CAAC,EAAE,cAAc,CAAC;IAC5B,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,IAAI,CAAC,EAAE,OAAO,CAAC,gCAAgC,CAAC,CAAC;CACjD,GAAG,+CAA+C,GAClD,cAAc,CAAC,iCAAiC,CAAC,CAAC;AAEnD,MAAM,MAAM,+CAA+C,GAAG;IAC7D,QAAQ,EAAE,iCAAiC,CAAC;CAC5C,CAAC;AAEF,MAAM,WAAW,gCAAgC;CAKhD"}

package/dist/esm/components/src/components/Molecules/ChatInspirationResultMessage/ChatInspirationResultMessage.js

@@ -1,109 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
-import { observer } from 'mobx-react-lite';
-import { css } from '@emotion/react';
-import classnames from 'classnames';
-import { useTheme, CacheProvider, useTreePath } from '../../../providers';
-import { defined, mergeProps, mergeStyles } from '../../../utilities';
-import { Image } from '../../Atoms/Image';
-import { Carousel } from '../../..';
-const defaultStyles = () => {
-    return css({
-        '.ss__chat-inspiration-result-message__inspiration-sections': {
-            display: 'flex',
-            flexDirection: 'column',
-            gap: '1em',
-            padding: '1em',
-            '.ss__chat-inspiration-result-message__inspiration-sections__section': {
-                background: '#F9FAFB',
-                borderRadius: '1em',
-                padding: '1em',
-                display: 'flex',
-                flexDirection: 'column',
-                gap: '1em',
-                '.ss__chat-inspiration-result-message__inspiration-sections__section__title': {
-                    fontWeight: 'bold',
-                    fontSize: '1.2em',
-                },
-                '.ss__chat-inspiration-result-message__inspiration-sections__section__description': {},
-                '.ss__chat-inspiration-result-message__inspiration-sections__section__queries': {
-                    display: 'flex',
-                    gap: '1em',
-                    flexWrap: 'wrap',
-                    '.ss__chat-inspiration-result-message__inspiration-sections__section__queries__query': {
-                        background: '#fff',
-                        border: '1px solid #E5E7EB',
-                        padding: '0.25em 0.5em',
-                        borderRadius: '0.5em',
-                        cursor: 'pointer',
-                        textDecoration: 'underline',
-                    },
-                },
-                '.ss__chat-inspiration-result-message__inspiration-sections__section__products': {
-                    '.ss__chat-inspiration-result-message__inspiration-sections__section__products__product': {
-                        '.ss__image': {
-                            img: {
-                                width: '80px',
-                                height: '80px',
-                                objectFit: 'cover',
-                                cursor: 'pointer',
-                                border: '1px solid #E5E7EB',
-                                borderRadius: '8px',
-                            },
-                        },
-                    },
-                },
-            },
-        },
-    });
-};
-export const ChatInspirationResultMessage = observer((properties) => {
-    const globalTheme = useTheme();
-    const globalTreePath = useTreePath();
-    const defaultProps = {
-        treePath: globalTreePath,
-    };
-    const props = mergeProps('chatInspirationResultMessage', globalTheme, defaultProps, properties);
-    const { chatItem, controller, onViewProduct, disableStyles, className, internalClassName, treePath } = props;
-    const subProps = {
-        Carousel: {
-            // inherited props
-            ...defined({
-                disableStyles,
-            }),
-            // component theme overrides
-            theme: props?.theme,
-            treePath,
-            breakpoints: undefined,
-            slidesPerView: 6,
-            slidesPerGroup: 1,
-            loop: false,
-            hideButtons: true,
-            pagination: false,
-            centerInsufficientSlides: false,
-            freeMode: true,
-        },
-    };
-    const styling = mergeStyles(props, defaultStyles);
-    //initialize lang
-    // const defaultLang = {
-    // 	// label: {
-    // 	// 	value: label,
-    // 	// },
-    // };
-    //deep merge with props.lang
-    // const lang = deepmerge(defaultLang, props.lang || {});
-    const { messageType, inspirationSections } = chatItem;
-    if (messageType !== 'inspirationResult') {
-        console.warn('ChatInspirationResultMessage received message with unsupported type:', messageType, 'Expected type: inspirationResult');
-        return null;
-    }
-    return inspirationSections.length ? (_jsx(CacheProvider, { children: _jsx("div", { className: classnames('ss__chat-inspiration-result-message', className, internalClassName), ...styling, children: _jsx("div", { className: classnames('ss__chat-inspiration-result-message__inspiration-sections'), children: inspirationSections.map((section, index) => (_jsxs("div", { className: classnames('ss__chat-inspiration-result-message__inspiration-sections__section'), children: [_jsx("div", { className: classnames('ss__chat-inspiration-result-message__inspiration-sections__section__title'), children: section.clusterTitle }), _jsx("div", { className: classnames('ss__chat-inspiration-result-message__inspiration-sections__section__description'), children: section.clusterDescription }), _jsx("div", { className: classnames('ss__chat-inspiration-result-message__inspiration-sections__section__queries'), children: section.searchQueries.map((searchTerm, index) => (_jsx("div", { className: classnames('ss__chat-inspiration-result-message__inspiration-sections__section__queries__query'), onClick: () => {
-                                    controller?.search({ data: { requestType: 'productSearch', searchTerm } });
-                                }, children: searchTerm }, index))) }), _jsx("div", { className: classnames('ss__chat-inspiration-result-message__inspiration-sections__section__products'), children: _jsx(Carousel, { ...subProps.Carousel, children: section.products.map((product) => {
-                                    const display = product?.display || product;
-                                    return (_jsx("div", { className: classnames('ss__chat-inspiration-result-message__inspiration-sections__section__products__product'), children: _jsx(Image, { onClick: () => {
-                                                controller?.viewProduct(product);
-                                                onViewProduct?.();
-                                            }, alt: display?.mappings?.core?.name || '', src: display?.mappings?.core?.imageUrl || '' }) }, product.id));
-                                }) }) })] }, index))) }) }) })) : null;
-});

package/dist/esm/components/src/components/Molecules/ChatInspirationResultMessage/index.d.ts

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

package/dist/esm/components/src/components/Molecules/ChatInspirationResultMessage/index.d.ts.map

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

package/dist/esm/components/src/components/Molecules/ChatInspirationResultMessage/index.js

@@ -1 +0,0 @@
-export * from './ChatInspirationResultMessage';

package/dist/esm/components/src/components/Molecules/ChatProductComparisonMessage/ChatProductComparisonMessage.d.ts

@@ -1,17 +0,0 @@
-import { ComponentProps } from '../../../types';
-import type { ChatController } from '@athoscommerce/snap-controller';
-import { ChatResponseProductComparisonData } from '@athoscommerce/snap-client';
-export declare const ChatProductComparisonMessage: ((properties: ChatProductComparisonMessageProps) => import("@emotion/react/jsx-runtime").JSX.Element | null) & {
-    displayName: string;
-};
-export type ChatProductComparisonMessageProps = {
-    chatItem: ChatResponseProductComparisonData;
-    controller?: ChatController;
-    lang?: Partial<ChatProductComparisonMessageLang>;
-} & ChatProductComparisonMessageTemplatesLegalProps & ComponentProps<ChatProductComparisonMessageProps>;
-export type ChatProductComparisonMessageTemplatesLegalProps = {
-    chatItem: ChatResponseProductComparisonData;
-};
-export interface ChatProductComparisonMessageLang {
-}
-//# sourceMappingURL=ChatProductComparisonMessage.d.ts.map

package/dist/esm/components/src/components/Molecules/ChatProductComparisonMessage/ChatProductComparisonMessage.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ChatProductComparisonMessage.d.ts","sourceRoot":"","sources":["../../../../../../../components/src/components/Molecules/ChatProductComparisonMessage/ChatProductComparisonMessage.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,cAAc,EAAe,MAAM,gBAAgB,CAAC;AAC7D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAC;AAErE,OAAO,EAAE,iCAAiC,EAAE,MAAM,4BAA4B,CAAC;AAwD/E,eAAO,MAAM,4BAA4B,gBAAyB,iCAAiC;;CAmFjG,CAAC;AAMH,MAAM,MAAM,iCAAiC,GAAG;IAC/C,QAAQ,EAAE,iCAAiC,CAAC;IAC5C,UAAU,CAAC,EAAE,cAAc,CAAC;IAC5B,IAAI,CAAC,EAAE,OAAO,CAAC,gCAAgC,CAAC,CAAC;CACjD,GAAG,+CAA+C,GAClD,cAAc,CAAC,iCAAiC,CAAC,CAAC;AAEnD,MAAM,MAAM,+CAA+C,GAAG;IAC7D,QAAQ,EAAE,iCAAiC,CAAC;CAC5C,CAAC;AAEF,MAAM,WAAW,gCAAgC;CAKhD"}

package/dist/esm/components/src/components/Molecules/ChatProductComparisonMessage/ChatProductComparisonMessage.js

@@ -1,85 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
-import { observer } from 'mobx-react-lite';
-import { css } from '@emotion/react';
-import classnames from 'classnames';
-import { useTheme, CacheProvider, useTreePath } from '../../../providers';
-import { mergeProps, mergeStyles } from '../../../utilities';
-const defaultStyles = () => {
-    return css({
-        padding: '1em',
-        '.ss__chat-product-comparison-message__table-wrapper': {
-            overflowX: 'auto',
-        },
-        '.ss__chat-product-comparison-message__table': {
-            borderCollapse: 'collapse',
-            width: '100%',
-            fontSize: '0.9em',
-            'th, td': {
-                padding: '0.6em 0.8em',
-                textAlign: 'left',
-                verticalAlign: 'top',
-                border: '1px solid #E5E7EB',
-            },
-            'tbody tr:nth-of-type(even)': {
-                background: '#F9FAFB',
-            },
-            '.ss__chat-product-comparison-message__table__product-header': {
-                textAlign: 'center',
-                minWidth: '120px',
-                '.ss__chat-product-comparison-message__table__product-header__image': {
-                    width: '80px',
-                    height: '80px',
-                    objectFit: 'contain',
-                    display: 'block',
-                    margin: '0 auto 0.4em',
-                },
-                '.ss__chat-product-comparison-message__table__product-header__name': {
-                    fontWeight: 'bold',
-                    fontSize: '0.85em',
-                },
-            },
-            '.ss__chat-product-comparison-message__table__feature-name': {
-                fontWeight: '600',
-                background: '#F3F4F6',
-                whiteSpace: 'nowrap',
-            },
-            '.ss__chat-product-comparison-message__table__value': {
-                textAlign: 'center',
-            },
-        },
-    });
-};
-export const ChatProductComparisonMessage = observer((properties) => {
-    const globalTheme = useTheme();
-    const globalTreePath = useTreePath();
-    const defaultProps = {
-        treePath: globalTreePath,
-    };
-    const props = mergeProps('chatProductComparisonMessage', globalTheme, defaultProps, properties);
-    const { chatItem, className, internalClassName } = props;
-    // const subProps: ChatProductComparisonMessageSubProps = {
-    // };
-    const styling = mergeStyles(props, defaultStyles);
-    //initialize lang
-    // const defaultLang = {
-    // 	// label: {
-    // 	// 	value: label,
-    // 	// },
-    // };
-    //deep merge with props.lang
-    // const lang = deepmerge(defaultLang, props.lang || {});
-    const { messageType, comparisonData, searchResults } = chatItem;
-    if (messageType !== 'productComparison') {
-        console.warn('ChatProductComparisonMessage received message with unsupported type:', messageType, 'Expected type: productComparison');
-        return null;
-    }
-    const headings = comparisonData.features.length ? Object.keys(comparisonData.features[0].values) : [];
-    const getDisplay = (r) => r?.display || r;
-    const allProductsHaveImage = headings.length > 0 && headings.every((heading) => !!getDisplay(searchResults.find((r) => r?.id === heading))?.mappings?.core?.imageUrl);
-    return comparisonData.features.length ? (_jsx(CacheProvider, { children: _jsx("div", { className: classnames('ss__chat-product-comparison-message', className, internalClassName), ...styling, children: _jsx("div", { className: classnames('ss__chat-product-comparison-message__table-wrapper'), children: _jsxs("table", { className: classnames('ss__chat-product-comparison-message__table'), children: [_jsx("thead", { children: _jsxs("tr", { children: [_jsx("th", {}), headings.map((heading) => {
-                                        const product = searchResults.find((r) => r?.id === heading);
-                                        const display = getDisplay(product);
-                                        const productName = display?.mappings?.core?.name ?? heading;
-                                        return (_jsxs("th", { className: classnames('ss__chat-product-comparison-message__table__product-header'), children: [allProductsHaveImage && (_jsx("img", { className: classnames('ss__chat-product-comparison-message__table__product-header__image'), src: display.mappings.core.imageUrl, alt: productName })), _jsx("div", { className: classnames('ss__chat-product-comparison-message__table__product-header__name'), children: productName })] }, heading));
-                                    })] }) }), _jsx("tbody", { children: comparisonData.features.map((feature, index) => (_jsxs("tr", { children: [_jsx("td", { className: classnames('ss__chat-product-comparison-message__table__feature-name'), children: feature.featureName }), headings.map((heading) => (_jsx("td", { className: classnames('ss__chat-product-comparison-message__table__value'), children: feature.values[heading] ?? '—' }, heading)))] }, index))) })] }) }) }) })) : null;
-});

package/dist/esm/components/src/components/Molecules/ChatProductComparisonMessage/index.d.ts

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

package/dist/esm/components/src/components/Molecules/ChatProductComparisonMessage/index.d.ts.map

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

package/dist/esm/components/src/components/Molecules/ChatProductComparisonMessage/index.js

@@ -1 +0,0 @@
-export * from './ChatProductComparisonMessage';