@athoscommerce/snap-preact 1.7.1-beta.121 → 1.8.0

package/dist/cjs/components/src/themes/snapnco/components/organisms/mobileSidebar.js

@@ -1,70 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.mobileSidebar = void 0;
-var react_1 = require("@emotion/react");
-// CSS in JS style script for the MobileSidebar component
-var mobileSidebarStyleScript = function (_a) {
-    var _b;
-    var theme = _a.theme;
-    // eslint-disable-next-line @typescript-eslint/no-unused-vars
-    var variables = theme === null || theme === void 0 ? void 0 : theme.variables;
-    return (0, react_1.css)((_b = {
-            '& .ss__sidebar': {
-                border: '0px',
-                width: '100%',
-            },
-            '.ss__mobile-sidebar__footer': {
-                gap: '6px',
-                padding: '10px',
-                borderTop: '1px solid black',
-                '.ss__button': {
-                    width: '100%',
-                    '.ss__button__content': {
-                        textAlign: 'center',
-                    },
-                },
-            },
-            '.ss__mobile-sidebar__slideout.ss__slideout--active': {
-                width: '80%',
-                maxWidth: '320px',
-            },
-            '.ss__mobile-sidebar__header__close-button': {
-                lineHeight: 1,
-                padding: '5px',
-            }
-        },
-        _b["@media (max-width: ".concat(variables === null || variables === void 0 ? void 0 : variables.breakpoints.desktop, "px)")] = {
-            '.ss__mobile-sidebar__body': {
-                //83px is the height of the footer & footer
-                height: 'calc(100vh - 140px)',
-                overflow: 'scroll',
-            },
-            '.ss__per-page, .ss__sortby': {
-                margin: '10px 10px 10px 0px',
-                '.ss__dropdown': {
-                    '.ss__select__select .ss__select__select__option': {
-                        padding: '5px',
-                    },
-                    '.ss__select__dropdown__button': {
-                        padding: '0px',
-                    },
-                },
-            },
-        },
-        _b));
-};
-// MobileSidebar component props
-exports.mobileSidebar = {
-    default: {
-        mobileSidebar: {
-            themeStyleScript: mobileSidebarStyleScript,
-            openButtonIcon: 'filters',
-        },
-    },
-    mobile: {
-        mobileSidebar: {
-            hideOpenButtonText: true,
-            layout: [['filterSummary'], ['facets'], ['banner.left']],
-        },
-    },
-};

package/dist/cjs/components/src/themes/snapnco/components/templates/chat.d.ts

@@ -1,4 +0,0 @@
-import type { ChatProps, ChatTemplatesLegalProps } from '../../../../components/Templates/Chat';
-import { ThemeComponent } from '../../../../providers';
-export declare const chat: ThemeComponent<'chat', ChatProps, ChatTemplatesLegalProps>;
-//# sourceMappingURL=chat.d.ts.map

package/dist/cjs/components/src/themes/snapnco/components/templates/chat.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"chat.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/snapnco/components/templates/chat.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,uBAAuB,EAAE,MAAM,uCAAuC,CAAC;AAEhG,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAGvD,eAAO,MAAM,IAAI,EAAE,cAAc,CAAC,MAAM,EAAE,SAAS,EAAE,uBAAuB,CAA2B,CAAC"}

package/dist/cjs/components/src/themes/snapnco/components/templates/chat.js

@@ -1,6 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.chat = void 0;
-var chat_1 = require("../../../themeComponents/chat");
-// Chat component props come from Template export
-exports.chat = chat_1.chatThemeComponentProps;

package/dist/cjs/components/src/themes/snappy/components/organisms/mobileSidebar.d.ts

@@ -1,4 +0,0 @@
-import type { MobileSidebarProps, MobileSidebarTemplatesLegalProps } from '../../../../components/Organisms/MobileSidebar';
-import { ThemeComponent } from '../../../../providers';
-export declare const mobileSidebar: ThemeComponent<'mobileSidebar', MobileSidebarProps, MobileSidebarTemplatesLegalProps>;
-//# sourceMappingURL=mobileSidebar.d.ts.map

package/dist/cjs/components/src/themes/snappy/components/organisms/mobileSidebar.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"mobileSidebar.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/snappy/components/organisms/mobileSidebar.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,kBAAkB,EAAE,gCAAgC,EAAE,MAAM,gDAAgD,CAAC;AAC3H,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AA6DvD,eAAO,MAAM,aAAa,EAAE,cAAc,CAAC,eAAe,EAAE,kBAAkB,EAAE,gCAAgC,CAY/G,CAAC"}

package/dist/cjs/components/src/themes/snappy/components/organisms/mobileSidebar.js

@@ -1,74 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.mobileSidebar = void 0;
-var react_1 = require("@emotion/react");
-// CSS in JS style script for the MobileSidebar component
-var mobileSidebarStyleScript = function (_a) {
-    var _b;
-    var theme = _a.theme;
-    // eslint-disable-next-line @typescript-eslint/no-unused-vars
-    var variables = theme === null || theme === void 0 ? void 0 : theme.variables;
-    return (0, react_1.css)((_b = {
-            '.ss__mobile-sidebar__footer': {
-                gap: '6px',
-                padding: '10px',
-                borderTop: '1px solid black',
-                '.ss__button': {
-                    width: '100%',
-                    '.ss__button__content': {
-                        textAlign: 'center',
-                    },
-                },
-            },
-            '.ss__mobile-sidebar__slideout.ss__slideout--active': {
-                width: '80%',
-                maxWidth: '320px',
-            },
-            '.ss__mobile-sidebar__header__close-button': {
-                lineHeight: 1,
-                padding: '5px',
-            },
-            '.ss__mobile-sidebar__header__title': {
-                color: '#202223',
-                marginBottom: '0',
-                fontSize: '25px',
-                fontWeight: '400',
-            },
-            '.ss__mobile-sidebar__header': {
-                marginBottom: '10px',
-            }
-        },
-        _b["@media (max-width: ".concat(variables === null || variables === void 0 ? void 0 : variables.breakpoints.desktop, "px)")] = {
-            '.ss__mobile-sidebar__body': {
-                //83px is the height of the footer & footer
-                height: 'calc(100vh - 140px)',
-                overflow: 'scroll',
-            },
-            '.ss__per-page, .ss__sortby': {
-                margin: '10px 10px 10px 0px',
-                '.ss__dropdown': {
-                    '.ss__select__select .ss__select__select__option': {
-                        padding: '5px',
-                    },
-                    '.ss__select__dropdown__button': {
-                        padding: '7px 5px 7px 5px',
-                    },
-                },
-            },
-        },
-        _b));
-};
-// MobileSidebar component props
-exports.mobileSidebar = {
-    default: {
-        mobileSidebar: {
-            themeStyleScript: mobileSidebarStyleScript,
-            layout: [
-                ['perPage', 'sortBy', '_'],
-                ['facets', 'banner.left'],
-            ],
-            hideOpenButtonText: true,
-            openButtonIcon: 'filters',
-        },
-    },
-};

package/dist/cjs/components/src/themes/snappy/components/templates/chat.d.ts

@@ -1,4 +0,0 @@
-import type { ChatProps, ChatTemplatesLegalProps } from '../../../../components/Templates/Chat';
-import { ThemeComponent } from '../../../../providers';
-export declare const chat: ThemeComponent<'chat', ChatProps, ChatTemplatesLegalProps>;
-//# sourceMappingURL=chat.d.ts.map

package/dist/cjs/components/src/themes/snappy/components/templates/chat.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"chat.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/snappy/components/templates/chat.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,uBAAuB,EAAE,MAAM,uCAAuC,CAAC;AAEhG,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAGvD,eAAO,MAAM,IAAI,EAAE,cAAc,CAAC,MAAM,EAAE,SAAS,EAAE,uBAAuB,CAA2B,CAAC"}

package/dist/cjs/components/src/themes/snappy/components/templates/chat.js

@@ -1,6 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.chat = void 0;
-var chat_1 = require("../../../themeComponents/chat");
-// Chat component props come from Template export
-exports.chat = chat_1.chatThemeComponentProps;

package/dist/cjs/components/src/themes/themeComponents/chat.d.ts

@@ -1,4 +0,0 @@
-import { ChatProps, ChatTemplatesLegalProps } from '../../components/Templates/Chat';
-import { ThemeComponent } from '../../providers';
-export declare const chatThemeComponentProps: ThemeComponent<'chat', ChatProps, ChatTemplatesLegalProps>;
-//# sourceMappingURL=chat.d.ts.map

package/dist/cjs/components/src/themes/themeComponents/chat.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"chat.d.ts","sourceRoot":"","sources":["../../../../../../components/src/themes/themeComponents/chat.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,uBAAuB,EAAE,MAAM,iCAAiC,CAAC;AACrF,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAEjD,eAAO,MAAM,uBAAuB,EAAE,cAAc,CAAC,MAAM,EAAE,SAAS,EAAE,uBAAuB,CAU9F,CAAC"}

package/dist/cjs/components/src/themes/themeComponents/chat.js

@@ -1,14 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.chatThemeComponentProps = void 0;
-exports.chatThemeComponentProps = {
-    default: {
-        chat: {
-            position: 'right',
-            offset: '20px',
-        },
-    },
-    mobile: {},
-    tablet: {},
-    desktop: {},
-};

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

@@ -1,2 +0,0 @@
-export { Chat } from '../../../../../components/src/components/Templates/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/Templates/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 }),
-        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,4DAsDzE,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), role: "status", "aria-live": "polite", "aria-label": `${verbs[verbIndex]}...`, ...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/ChatAttachmentContext/ChatAttachmentContext.d.ts

@@ -1,20 +0,0 @@
-import { ComponentProps } from '../../../types';
-export declare const ChatAttachmentContext: ((properties: ChatAttachmentContextProps) => JSX.Element) & {
-    displayName: string;
-};
-export type ChatAttachmentContextItem = {
-    id: string;
-    name: string;
-    imageUrl?: string;
-    isLoading?: boolean;
-    hasError?: boolean;
-    errorMessage?: string;
-    onClick?: () => void;
-    onRemove?: () => void;
-};
-export type ChatAttachmentContextProps = {
-    title: string;
-    items: ChatAttachmentContextItem[];
-    onClose?: () => void;
-} & ComponentProps<ChatAttachmentContextProps>;
-//# sourceMappingURL=ChatAttachmentContext.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ChatAttachmentContext.d.ts","sourceRoot":"","sources":["../../../../../../../components/src/components/Molecules/ChatAttachmentContext/ChatAttachmentContext.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,cAAc,EAAe,MAAM,gBAAgB,CAAC;AA6H7D,eAAO,MAAM,qBAAqB,gBAAyB,0BAA0B,KAAG,GAAG,CAAC,OAAO;;CAqHjG,CAAC;AAQH,MAAM,MAAM,yBAAyB,GAAG;IACvC,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAEF,MAAM,MAAM,0BAA0B,GAAG;IACxC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,yBAAyB,EAAE,CAAC;IACnC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACrB,GAAG,cAAc,CAAC,0BAA0B,CAAC,CAAC"}

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

@@ -1,169 +0,0 @@
-import { Fragment as _Fragment, 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';
-import { Image } from '../../Atoms/Image';
-import { Button } from '../../Atoms/Button';
-import { Icon } from '../../Atoms/Icon';
-const defaultStyles = () => {
-    return css({
-        '.ss__chat-attachment-context__label': {
-            display: 'flex',
-            alignItems: 'center',
-            justifyContent: 'space-between',
-            fontSize: '0.8em',
-            color: '#555',
-            marginBottom: '0.5em',
-            '.ss__chat-attachment-context__label__close': {
-                display: 'flex',
-                alignItems: 'center',
-                justifyContent: 'center',
-                width: '1.5em',
-                height: '1.5em',
-                borderRadius: '50%',
-                background: 'transparent',
-                border: 'none',
-                cursor: 'pointer',
-                padding: 0,
-                '&:hover': {
-                    background: '#eee',
-                },
-                '&:focus-visible': {
-                    outline: '2px solid #253B80',
-                    outlineOffset: '2px',
-                },
-            },
-        },
-        '.ss__chat-attachment-context__items': {
-            display: 'flex',
-            flexWrap: 'wrap',
-            gap: '0.5em',
-            '.ss__chat-attachment-context__item': {
-                display: 'flex',
-                alignItems: 'center',
-                gap: '0.5em',
-                padding: '0.25em 0.5em',
-                border: '1px solid #eee',
-                borderRadius: '0.5em',
-                background: '#f9fafb',
-                maxWidth: 'calc(50% - 0.25em)',
-                '&.ss__chat-attachment-context__item--clickable': {
-                    cursor: 'pointer',
-                    '&:hover': {
-                        borderColor: '#253B80',
-                    },
-                    '&:focus-visible': {
-                        outline: '2px solid #253B80',
-                        outlineOffset: '2px',
-                    },
-                },
-                '&.ss__chat-attachment-context__item--error': {
-                    background: '#fff5f5',
-                    borderColor: '#fca5a5',
-                    color: '#b91c1c',
-                    maxWidth: '100%',
-                },
-                '.ss__chat-attachment-context__item__content': {
-                    position: 'relative',
-                    width: '2em',
-                    height: '2em',
-                    flexShrink: 0,
-                    '.ss__image': {
-                        width: '100%',
-                        height: '100%',
-                    },
-                },
-                '.ss__chat-attachment-context__item__name': {
-                    whiteSpace: 'nowrap',
-                    overflow: 'hidden',
-                    textOverflow: 'ellipsis',
-                    fontSize: '0.85em',
-                },
-                '.ss__chat-attachment-context__item__loading': {
-                    position: 'absolute',
-                    inset: 0,
-                    display: 'flex',
-                    alignItems: 'center',
-                    justifyContent: 'center',
-                    gap: '2px',
-                    '.ss__chat-attachment-context__item__loading__dot': {
-                        width: '4px',
-                        height: '4px',
-                        borderRadius: '50%',
-                        background: '#253B80',
-                        animation: 'ss-chat-attachment-context-pulse 1s ease-in-out infinite',
-                        '&:nth-of-type(2)': { animationDelay: '0.2s' },
-                        '&:nth-of-type(3)': { animationDelay: '0.4s' },
-                    },
-                },
-                '@keyframes ss-chat-attachment-context-pulse': {
-                    '0%, 100%': { opacity: 0.3 },
-                    '50%': { opacity: 1 },
-                },
-                '.ss__chat-attachment-context__item__error-icon': {
-                    fontWeight: 'bold',
-                },
-                '.ss__chat-attachment-context__item__remove': {
-                    marginLeft: 'auto',
-                    padding: 0,
-                    background: 'transparent',
-                    border: 'none',
-                },
-            },
-        },
-    });
-};
-export const ChatAttachmentContext = observer((properties) => {
-    const globalTheme = useTheme();
-    const globalTreePath = useTreePath();
-    const defaultProps = {
-        treePath: globalTreePath,
-    };
-    const props = mergeProps('chatAttachmentContext', globalTheme, defaultProps, properties);
-    const { title, items, onClose, disableStyles, className, internalClassName, treePath } = props;
-    if (!items || items.length === 0) {
-        return _jsx(_Fragment, {});
-    }
-    const subProps = {
-        image: {
-            disableStyles,
-            theme: props.theme,
-            treePath,
-        },
-        icon: {
-            disableStyles,
-            theme: props.theme,
-            treePath,
-        },
-        removeButton: {
-            disableStyles,
-            theme: props.theme,
-            treePath,
-        },
-    };
-    const styling = mergeStyles(props, defaultStyles);
-    const handleItemKeyDown = (e, onClick) => {
-        if (!onClick)
-            return;
-        if (e.key === 'Enter' || e.key === ' ') {
-            e.preventDefault();
-            onClick();
-        }
-    };
-    return (_jsx(CacheProvider, { children: _jsxs("div", { className: classnames('ss__chat-attachment-context', className, internalClassName), ...styling, children: [_jsxs("div", { className: 'ss__chat-attachment-context__label', children: [_jsx("span", { children: title }), onClose && (_jsx("button", { type: "button", className: 'ss__chat-attachment-context__label__close', onClick: onClose, "aria-label": `Close ${title}`, children: _jsx(Icon, { ...subProps.icon, icon: 'close-thin', size: '12px' }) }))] }), _jsx("div", { className: 'ss__chat-attachment-context__items', children: items.map((item) => {
-                        const isClickable = !!item.onClick;
-                        return (_jsxs("div", { className: classnames('ss__chat-attachment-context__item', {
-                                'ss__chat-attachment-context__item--error': item.hasError,
-                                'ss__chat-attachment-context__item--clickable': isClickable,
-                            }), onClick: item.onClick, onKeyDown: (e) => handleItemKeyDown(e, item.onClick), role: isClickable ? 'button' : undefined, tabIndex: isClickable ? 0 : undefined, "aria-label": isClickable ? `Open ${item.name}` : undefined, children: [item.hasError ? (_jsxs(_Fragment, { children: [_jsx("div", { className: 'ss__chat-attachment-context__item__error-icon', "aria-hidden": "true", children: "!" }), _jsx("div", { className: 'ss__chat-attachment-context__item__error-message', children: item.errorMessage || `Upload Failed - ${item.name}` })] })) : (_jsxs(_Fragment, { children: [_jsxs("div", { className: 'ss__chat-attachment-context__item__content', children: [item.imageUrl && _jsx(Image, { ...subProps.image, className: item.isLoading ? 'loading' : '', src: item.imageUrl, alt: item.name }), item.isLoading && (_jsxs("div", { className: 'ss__chat-attachment-context__item__loading', role: "status", "aria-label": `Loading ${item.name}`, children: [_jsx("div", { className: 'ss__chat-attachment-context__item__loading__dot' }), _jsx("div", { className: 'ss__chat-attachment-context__item__loading__dot' }), _jsx("div", { className: 'ss__chat-attachment-context__item__loading__dot' })] }))] }), _jsx("div", { className: 'ss__chat-attachment-context__item__name', title: item.name, children: item.name })] })), item.onRemove && (items.length > 1 || !onClose || isClickable) && (_jsx(Button, { ...subProps.removeButton, className: 'ss__chat-attachment-context__item__remove', "aria-label": `Remove ${item.name}`, onClick: (e) => {
-                                        e.stopPropagation();
-                                        if (!item.isLoading)
-                                            item.onRemove?.();
-                                    }, icon: {
-                                        icon: 'close-thin',
-                                        size: '0.6em',
-                                    } }))] }, item.id));
-                    }) })] }) }));
-});

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

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

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

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

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

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

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;
-    onProductQuickView?: () => 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;AAyEjG,eAAO,MAAM,4BAA4B,gBAAyB,iCAAiC;;CAwIjG,CAAC;AAOH,MAAM,MAAM,iCAAiC,GAAG;IAC/C,QAAQ,EAAE,iCAAiC,CAAC;IAC5C,UAAU,CAAC,EAAE,cAAc,CAAC;IAC5B,kBAAkB,CAAC,EAAE,MAAM,IAAI,CAAC;IAChC,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"}