@athoscommerce/snap-preact 1.10.1-beta.150 → 1.11.0

package/dist/cjs/components/src/components/Organisms/ChatButton/ChatButton.js

@@ -1,94 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ChatButtonOrganism = void 0;
-const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
-const hooks_1 = require("preact/hooks");
-const react_1 = require("@emotion/react");
-const classnames_1 = __importDefault(require("classnames"));
-const deepmerge_1 = __importDefault(require("deepmerge"));
-const mobx_react_lite_1 = require("mobx-react-lite");
-const providers_1 = require("../../../providers");
-const utilities_1 = require("../../../utilities");
-const hooks_2 = require("../../../hooks");
-const Button_1 = require("../../Atoms/Button");
-const Chat_lang_1 = require("../Chat/Chat.lang");
-const ChatButton_lang_1 = require("./ChatButton.lang");
-const defaultStyles = ({ theme }) => {
-    // primary may be 'currentColor' (base theme) — background stays fixed so the
-    // pill remains legible wherever it inherits its color from
-    const color = theme?.variables?.colors?.primary || '#333';
-    return (0, react_1.css)({
-        display: 'inline-flex',
-        alignItems: 'center',
-        justifyContent: 'center',
-        gap: '8px',
-        padding: '8px 16px',
-        background: '#fff',
-        color: color,
-        border: `1px solid ${color}`,
-        borderRadius: '24px',
-        fontSize: '14px',
-        fontWeight: 600,
-        lineHeight: 1.2,
-        cursor: 'pointer',
-        transition: 'box-shadow 0.15s ease',
-        '&:hover': {
-            boxShadow: '0 2px 6px rgba(0, 0, 0, 0.15)',
-        },
-        '&:focus-visible': {
-            outline: '2px solid currentColor',
-            outlineOffset: '2px',
-        },
-        // native Button always renders its content span — collapse it when empty
-        // so the flex gap doesn't offset icon-only buttons
-        '.ss__button__content:empty': {
-            display: 'none',
-        },
-        '.ss__icon': {
-            fill: 'currentColor',
-            stroke: 'currentColor',
-        },
-    });
-};
-exports.ChatButtonOrganism = (0, mobx_react_lite_1.observer)((properties) => {
-    const globalTheme = (0, providers_1.useTheme)();
-    const globalTreePath = (0, providers_1.useTreePath)();
-    const defaultProps = {
-        icon: 'chat',
-        treePath: globalTreePath,
-    };
-    const props = (0, utilities_1.mergeProps)('chatButton', globalTheme, defaultProps, properties);
-    const { overrideElement, shouldRenderDefault } = (0, hooks_2.useCustomComponentOverride)('chatButton', props);
-    const { className, internalClassName, controller, content, children, icon, disableStyles, treePath } = props;
-    const { store } = controller;
-    // Register with the store so the Chat organism hides its built-in bubble while
-    // an external launcher is mounted. Runs before any early return (hooks-order safe).
-    (0, hooks_1.useEffect)(() => store.registerLauncher(), [store]);
-    // Same visibility rule as the Chat organism: hidden when disabled at bootstrap,
-    // but kept mounted when chat becomes disabled mid-session.
-    const wasVisibleRef = (0, hooks_1.useRef)(false);
-    if (!store.chatEnabled && !wasVisibleRef.current) {
-        return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
-    }
-    wasVisibleRef.current = true;
-    if (!shouldRenderDefault) {
-        return overrideElement;
-    }
-    const subProps = {
-        button: {
-            // inherited props
-            ...(0, utilities_1.defined)({
-                disableStyles,
-            }),
-            // component theme overrides
-            theme: props?.theme,
-            treePath,
-        },
-    };
-    const styling = (0, utilities_1.mergeStyles)(props, defaultStyles);
-    const lang = (0, deepmerge_1.default)(ChatButton_lang_1.chatButtonDefaultLang, props.lang || {});
-    return ((0, jsx_runtime_1.jsx)(providers_1.CacheProvider, { children: (0, jsx_runtime_1.jsx)(Button_1.Button, { ...styling, ...subProps.button, native: true, type: "button", className: (0, classnames_1.default)('ss__chat-button', { 'ss__chat-button--open': store.open }, className, internalClassName), "aria-label": store.open ? (0, Chat_lang_1.langAttrOf)(lang.closeChatButton, 'aria-label') : (0, Chat_lang_1.langAttrOf)(lang.openChatButton, 'aria-label'), title: store.open ? (0, Chat_lang_1.langAttrOf)(lang.closeChatButton, 'title') : (0, Chat_lang_1.langAttrOf)(lang.openChatButton, 'title'), "aria-expanded": store.open, onClick: () => controller.handlers.button.click(), content: content || children ? ((0, jsx_runtime_1.jsxs)("span", { className: "ss__chat-button__content", children: [(0, utilities_1.cloneWithProps)(content, { treePath }), (0, utilities_1.cloneWithProps)(children, { treePath })] })) : undefined, icon: icon && { internalClassName: 'ss__chat-button__icon', ...(typeof icon == 'string' ? { icon: icon } : typeof icon == 'object' ? icon : {}) } }) }));
-});

package/dist/cjs/components/src/components/Organisms/ChatButton/ChatButton.lang.js

@@ -1,11 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.chatButtonDefaultLang = void 0;
-exports.chatButtonDefaultLang = {
-    openChatButton: {
-        attributes: { 'aria-label': 'Open chat', title: 'Open Chat' },
-    },
-    closeChatButton: {
-        attributes: { 'aria-label': 'Close chat', title: 'Close Chat' },
-    },
-};

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

@@ -1,18 +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("./ChatButton"), exports);
-__exportStar(require("./ChatButton.lang"), exports);

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

@@ -1,47 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Chat = void 0;
-const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
-const react_1 = require("@emotion/react");
-const classnames_1 = __importDefault(require("classnames"));
-const mobx_react_lite_1 = require("mobx-react-lite");
-const providers_1 = require("../../../providers");
-const utilities_1 = require("../../../utilities");
-const Chat_1 = require("../../Organisms/Chat");
-const defaultStyles = () => {
-    // The template itself is layout-free — the underlying Chat organism handles
-    // fixed positioning and sizing. The wrapper exists purely so theme overrides
-    // flow through mergeProps('chat', ...) and so the Chat surface can be themed
-    // per-template like Search and Recommendation.
-    return (0, react_1.css)({});
-};
-exports.Chat = (0, mobx_react_lite_1.observer)((properties) => {
-    const globalTheme = (0, providers_1.useTheme)();
-    const globalTreePath = (0, providers_1.useTreePath)();
-    const defaultProps = {
-        treePath: globalTreePath,
-    };
-    const props = (0, utilities_1.mergeProps)('chat', globalTheme, defaultProps, properties);
-    const { className, internalClassName, controller, disableStyles, treePath } = props;
-    const subProps = {
-        Chat: {
-            // inherited props
-            ...(0, utilities_1.defined)({
-                disableStyles,
-            }),
-            // component theme overrides
-            theme: props.theme,
-            treePath,
-        },
-    };
-    const styling = (0, utilities_1.mergeStyles)(props, defaultStyles);
-    // className/internalClassName stay on the template wrapper only — spreading them
-    // into the organism would duplicate user classes on two DOM levels
-    // treePath is omitted too — the organism calls mergeProps('chat') itself, and passing
-    // this one down would append a second 'chat' segment (ss-path="chat chat")
-    const organismProps = { ...props, className: undefined, internalClassName: undefined, treePath: undefined };
-    return ((0, jsx_runtime_1.jsx)(providers_1.CacheProvider, { children: (0, jsx_runtime_1.jsx)("div", { ...styling, className: (0, classnames_1.default)('ss__chat-template', className, internalClassName), children: (0, jsx_runtime_1.jsx)(Chat_1.ChatOrganism, { ...subProps.Chat, ...organismProps, controller: controller }) }) }));
-});

package/dist/cjs/components/src/components/Templates/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/components/src/components/Templates/ChatButton/ChatButton.js

@@ -1,47 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ChatButton = void 0;
-const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
-const react_1 = require("@emotion/react");
-const classnames_1 = __importDefault(require("classnames"));
-const mobx_react_lite_1 = require("mobx-react-lite");
-const providers_1 = require("../../../providers");
-const utilities_1 = require("../../../utilities");
-const ChatButton_1 = require("../../Organisms/ChatButton");
-const defaultStyles = () => {
-    // inline-block so the wrapper flows alongside its siblings when injected into
-    // merchant chrome (e.g. a nav); all button styling lives in the organism
-    return (0, react_1.css)({
-        display: 'inline-block',
-    });
-};
-exports.ChatButton = (0, mobx_react_lite_1.observer)((properties) => {
-    const globalTheme = (0, providers_1.useTheme)();
-    const globalTreePath = (0, providers_1.useTreePath)();
-    const defaultProps = {
-        treePath: globalTreePath,
-    };
-    const props = (0, utilities_1.mergeProps)('chatButton', globalTheme, defaultProps, properties);
-    const { className, internalClassName, controller, disableStyles, treePath } = props;
-    const subProps = {
-        ChatButton: {
-            // inherited props
-            ...(0, utilities_1.defined)({
-                disableStyles,
-            }),
-            // component theme overrides
-            theme: props.theme,
-            treePath,
-        },
-    };
-    const styling = (0, utilities_1.mergeStyles)(props, defaultStyles);
-    // className/internalClassName stay on the template wrapper only — spreading them
-    // into the organism would duplicate user classes on two DOM levels
-    // treePath is omitted too — the organism calls mergeProps('chatButton') itself, and passing
-    // this one down would append a second 'chatButton' segment
-    const organismProps = { ...props, className: undefined, internalClassName: undefined, treePath: undefined };
-    return ((0, jsx_runtime_1.jsx)(providers_1.CacheProvider, { children: (0, jsx_runtime_1.jsx)("div", { ...styling, className: (0, classnames_1.default)('ss__chat-button-template', className, internalClassName), children: (0, jsx_runtime_1.jsx)(ChatButton_1.ChatButtonOrganism, { ...subProps.ChatButton, ...organismProps, controller: controller }) }) }));
-});

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

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

package/dist/cjs/components/src/themes/base/components/templates/chatButton.js

@@ -1,6 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.chatButton = void 0;
-const chatButton_1 = require("../../../themeComponents/chatButton");
-// ChatButton component props come from Template export
-exports.chatButton = chatButton_1.chatButtonThemeComponentProps;

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

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

package/dist/cjs/components/src/themes/bocachica/components/templates/chatButton.js

@@ -1,6 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.chatButton = void 0;
-const chatButton_1 = require("../../../themeComponents/chatButton");
-// ChatButton component props come from Template export
-exports.chatButton = chatButton_1.chatButtonThemeComponentProps;

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

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

package/dist/cjs/components/src/themes/pike/components/templates/chatButton.js

@@ -1,6 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.chatButton = void 0;
-const chatButton_1 = require("../../../themeComponents/chatButton");
-// ChatButton component props come from Template export
-exports.chatButton = chatButton_1.chatButtonThemeComponentProps;

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;
-const chat_1 = require("../../../themeComponents/chat");
-// Chat component props come from Template export
-exports.chat = chat_1.chatThemeComponentProps;

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

@@ -1,6 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.chatButton = void 0;
-const chatButton_1 = require("../../../themeComponents/chatButton");
-// ChatButton component props come from Template export
-exports.chatButton = chatButton_1.chatButtonThemeComponentProps;

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;
-const 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/templates/chatButton.js

@@ -1,6 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.chatButton = void 0;
-const chatButton_1 = require("../../../themeComponents/chatButton");
-// ChatButton component props come from Template export
-exports.chatButton = chatButton_1.chatButtonThemeComponentProps;

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/components/src/themes/themeComponents/chatButton.js

@@ -1,9 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.chatButtonThemeComponentProps = void 0;
-exports.chatButtonThemeComponentProps = {
-    default: {},
-    mobile: {},
-    tablet: {},
-    desktop: {},
-};

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/Templates/Stores/library/components/ChatButton.js

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

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

@@ -1,30 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const snap_controller_1 = require("@athoscommerce/snap-controller");
-const snap_client_1 = require("@athoscommerce/snap-client");
-const snap_store_mobx_1 = require("@athoscommerce/snap-store-mobx");
-const snap_url_manager_1 = require("@athoscommerce/snap-url-manager");
-const snap_event_manager_1 = require("@athoscommerce/snap-event-manager");
-const snap_profiler_1 = require("@athoscommerce/snap-profiler");
-const snap_logger_1 = require("@athoscommerce/snap-logger");
-const snap_tracker_1 = require("@athoscommerce/snap-tracker");
-exports.default = (config, services) => {
-    const urlManager = (services?.urlManager || new snap_url_manager_1.UrlManager(new snap_url_manager_1.UrlTranslator(config.url), snap_url_manager_1.reactLinker)).detach(true);
-    // set client mode
-    if (config.mode && config.client) {
-        config.client.config = config.client.config || {};
-        config.client.config.mode = config.mode;
-    }
-    const client = services?.client || new snap_client_1.Client(config.client.globals, config.client.config);
-    const siteId = config.client?.globals?.siteId || client.siteId;
-    const cntrlr = new snap_controller_1.ChatController(config.controller, {
-        client,
-        store: services?.store || new snap_store_mobx_1.ChatStore({ ...config.controller, siteId }, { urlManager }),
-        urlManager,
-        eventManager: services?.eventManager || new snap_event_manager_1.EventManager(),
-        profiler: services?.profiler || new snap_profiler_1.Profiler(),
-        logger: services?.logger || new snap_logger_1.Logger({ mode: config.mode }),
-        tracker: services?.tracker || new snap_tracker_1.Tracker(config.client.globals),
-    }, config.context);
-    return cntrlr;
-};

package/dist/cjs/src/utils/applyChatTargetInject.js

@@ -1,25 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.applyChatTargetInject = applyChatTargetInject;
-// Chat targets never render *into* the matched element — DomTargeter would empty it
-// (and hideTarget would hide it, e.g. a merchant's nav while injecting a ChatButton).
-// Instead, append a dedicated container to render into and never hide the host.
-// An explicit `inject` in the target config always wins.
-function applyChatTargetInject(target) {
-    if (target.inject) {
-        return target;
-    }
-    const isBody = target.selector === 'body';
-    return {
-        ...target,
-        hideTarget: false,
-        inject: {
-            action: 'append',
-            element: () => {
-                const container = document.createElement('div');
-                container.className = isBody ? 'ss__chat--target' : 'ss__chat--inline-target';
-                return container;
-            },
-        },
-    };
-}

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

@@ -1,17 +0,0 @@
-import { h } from 'preact';
-import { ComponentProps } from '../../../types';
-import { Lang } from '../../../hooks';
-export declare const ChatLoadingIndicator: (properties: ChatLoadingIndicatorProps) => import("@emotion/react/jsx-runtime").JSX.Element | h.JSX.Element | null;
-export type ChatLoadingIndicatorProps = {
-    loading?: boolean;
-    verbs?: string[];
-    lang?: Partial<ChatLoadingIndicatorLang>;
-} & ComponentProps<ChatLoadingIndicatorProps>;
-export interface ChatLoadingIndicatorLang {
-    thinkingVerb?: Lang<never>;
-    searchingVerb?: Lang<never>;
-    analyzingVerb?: Lang<never>;
-    generatingVerb?: Lang<never>;
-    processingVerb?: Lang<never>;
-}
-//# 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":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,QAAQ,CAAC;AAQ3B,OAAO,EAAE,cAAc,EAAe,MAAM,gBAAgB,CAAC;AAC7D,OAAO,EAAE,IAAI,EAA8B,MAAM,gBAAgB,CAAC;AAiClE,eAAO,MAAM,oBAAoB,eAAgB,yBAAyB,4EA8EzE,CAAC;AAEF,MAAM,MAAM,yBAAyB,GAAG;IACvC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;IACjB,IAAI,CAAC,EAAE,OAAO,CAAC,wBAAwB,CAAC,CAAC;CACzC,GAAG,cAAc,CAAC,yBAAyB,CAAC,CAAC;AAE9C,MAAM,WAAW,wBAAwB;IACxC,YAAY,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC;IAC3B,aAAa,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC;IAC5B,aAAa,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC;IAC5B,cAAc,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC;IAC7B,cAAc,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC;CAC7B"}

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

@@ -1,92 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
-import { useState, useEffect } from 'preact/hooks';
-import { css } from '@emotion/react';
-import classnames from 'classnames';
-import deepmerge from 'deepmerge';
-import { useTheme, CacheProvider, useTreePath } from '../../../providers';
-import { mergeProps, mergeStyles } from '../../../utilities';
-import { useCustomComponentOverride } from '../../../hooks';
-const DEFAULT_VERB_KEYS = ['thinkingVerb', 'searchingVerb', 'analyzingVerb', 'generatingVerb', 'processingVerb'];
-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;
-    const { overrideElement, shouldRenderDefault } = useCustomComponentOverride('chatLoadingIndicator', props);
-    //initialize lang
-    const defaultLang = {
-        thinkingVerb: { value: 'Thinking' },
-        searchingVerb: { value: 'Searching' },
-        analyzingVerb: { value: 'Analyzing' },
-        generatingVerb: { value: 'Generating' },
-        processingVerb: { value: 'Processing' },
-    };
-    //deep merge with props.lang
-    const lang = deepmerge(defaultLang, props.lang || {});
-    const defaultVerbs = DEFAULT_VERB_KEYS.map((key) => {
-        const value = lang[key]?.value;
-        return (typeof value == 'function' ? value() : value);
-    }).filter(Boolean);
-    // fall back to the lang-provided 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 : defaultVerbs;
-    // key on content (not array identity) so inline array props don't restart the cycle every render
-    const verbsKey = JSON.stringify(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, verbsKey]);
-    // after all hooks — an override that resolves or fails mid-lifecycle must not
-    // change the hook count between renders
-    if (!shouldRenderDefault) {
-        return overrideElement;
-    }
-    const styling = mergeStyles(props, defaultStyles);
-    const verb = verbs[verbIndex % verbs.length];
-    if (!loading || !verb)
-        return null;
-    return (_jsx(CacheProvider, { children: _jsx("div", { className: classnames('ss__chat-loading-indicator', className, internalClassName), role: "status", "aria-live": "polite", ...styling, children: _jsxs("span", { className: 'ss__chat-loading-indicator__verb', children: [verb, "..."] }, 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,30 +0,0 @@
-import { h } from 'preact';
-import { ComponentProps } from '../../../types';
-import { Lang } from '../../../hooks';
-export declare const ChatAttachmentContext: ((properties: ChatAttachmentContextProps) => import("@emotion/react/jsx-runtime").JSX.Element | h.JSX.Element | null) & {
-    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;
-    lang?: Partial<ChatAttachmentContextLang>;
-} & ComponentProps<ChatAttachmentContextProps>;
-export interface ChatAttachmentContextLang {
-    closeButton?: Lang<never>;
-    openItemButton?: Lang<never>;
-    loadingIndicator?: Lang<never>;
-    removeButton?: Lang<never>;
-    uploadFailedText?: Lang<never>;
-}
-//# 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":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,QAAQ,CAAC;AAQ3B,OAAO,EAAE,cAAc,EAAe,MAAM,gBAAgB,CAAC;AAC7D,OAAO,EAAE,IAAI,EAAgD,MAAM,gBAAgB,CAAC;AAqIpF,eAAO,MAAM,qBAAqB,gBAAyB,0BAA0B;;CAwLnF,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;IACrB,IAAI,CAAC,EAAE,OAAO,CAAC,yBAAyB,CAAC,CAAC;CAC1C,GAAG,cAAc,CAAC,0BAA0B,CAAC,CAAC;AAE/C,MAAM,WAAW,yBAAyB;IACzC,WAAW,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC;IAC1B,cAAc,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC;IAC7B,gBAAgB,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC;IAC/B,YAAY,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC;IAC3B,gBAAgB,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC;CAC/B"}