@cloud-ru/uikit-product-claudia 1.6.2 → 1.6.3

package/dist/cjs/components/ButtonGiga/helperComponents/ButtonPrivate/constants.d.ts

@@ -0,0 +1,9 @@
+import { ValueOf } from '@snack-uikit/utils';
+import { APPEARANCE } from '../../constants';
+export declare enum Variant {
+    LabelOnly = "label-only",
+    IconOnly = "icon-only",
+    IconBefore = "icon-before",
+    IconAfter = "icon-after"
+}
+export declare const APPEARANCE_TO_COLOR_MAP: Record<ValueOf<typeof APPEARANCE>, ValueOf<typeof APPEARANCE>>;

package/dist/cjs/components/ButtonGiga/helperComponents/ButtonPrivate/constants.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.APPEARANCE_TO_COLOR_MAP = exports.Variant = void 0;
+const constants_1 = require("../../constants");
+var Variant;
+(function (Variant) {
+    Variant["LabelOnly"] = "label-only";
+    Variant["IconOnly"] = "icon-only";
+    Variant["IconBefore"] = "icon-before";
+    Variant["IconAfter"] = "icon-after";
+})(Variant || (exports.Variant = Variant = {}));
+exports.APPEARANCE_TO_COLOR_MAP = {
+    [constants_1.APPEARANCE.Primary]: constants_1.APPEARANCE.Primary,
+    [constants_1.APPEARANCE.Neutral]: constants_1.APPEARANCE.Neutral,
+};

package/dist/cjs/components/ButtonGiga/helperComponents/ButtonPrivate/index.d.ts

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

package/dist/cjs/components/ButtonGiga/helperComponents/ButtonPrivate/index.js

@@ -0,0 +1,17 @@
+"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("./ButtonPrivate"), exports);

package/dist/cjs/components/ButtonGiga/helperComponents/ButtonPrivate/styles.module.css

@@ -0,0 +1,36 @@
+.button{
+  cursor:pointer;
+  position:relative;
+  display:inline-flex;
+  flex-shrink:0;
+  align-items:center;
+  justify-content:center;
+  box-sizing:border-box;
+  width:-moz-max-content;
+  width:max-content;
+  min-width:-moz-max-content;
+  min-width:max-content;
+  margin:0;
+  padding:0;
+  color:transparent;
+  text-decoration:none;
+  text-transform:none;
+  background-color:transparent;
+  border:0 solid transparent;
+  outline:0;
+  outline-offset:0;
+}
+.button[data-full-width]{
+  flex-grow:1;
+  flex-shrink:1;
+  width:100%;
+}
+.button > *{
+  cursor:pointer;
+}
+.button:disabled, .button[data-disabled], .button[data-loading]{
+  cursor:not-allowed;
+}
+.button:disabled > *, .button[data-disabled] > *, .button[data-loading] > *{
+  cursor:not-allowed;
+}

package/dist/cjs/components/ButtonGiga/helperComponents/ButtonPrivate/types.d.ts

@@ -0,0 +1,48 @@
+import { AnchorHTMLAttributes, ButtonHTMLAttributes, FocusEventHandler, KeyboardEventHandler, MouseEventHandler, ReactElement } from 'react';
+import { ValueOf } from '@snack-uikit/utils';
+import { APPEARANCE, ICON_POSITION, SIZE } from '../../constants';
+export type Appearance = ValueOf<typeof APPEARANCE>;
+export type IconPosition = ValueOf<typeof ICON_POSITION>;
+export type Size = ValueOf<typeof SIZE>;
+export type BaseButtonProps = {
+    /** CSS-класс */
+    className?: string;
+    /** Флаг неактивности компонента */
+    disabled?: boolean;
+    /**
+     * Иконка
+     * @type ReactElement
+     */
+    icon?: ReactElement;
+    /** Позиция иконки */
+    iconPosition?: IconPosition;
+    /** Текст кнопки */
+    label?: string;
+    /** Флаг состояния загрузки */
+    loading?: boolean;
+    /** Колбек обработки клика */
+    onClick?: MouseEventHandler<HTMLElement>;
+    /** Колбек обработки нажатия клавиши */
+    onKeyDown?: KeyboardEventHandler<HTMLElement>;
+    /** Колбек обработки фокуса */
+    onFocus?: FocusEventHandler<HTMLAnchorElement | HTMLButtonElement>;
+    /** Колбек обработки блюра */
+    onBlur?: FocusEventHandler<HTMLAnchorElement | HTMLButtonElement>;
+    /** Размер */
+    size?: Size;
+    /** Внешний вид кнопки */
+    appearance?: Appearance;
+    /** HTML-аттрибут type */
+    type?: ButtonHTMLAttributes<HTMLButtonElement>['type'];
+    /** HTML-аттрибут tab-index */
+    tabIndex?: number;
+    /** Сделать кнопку во всю ширину */
+    fullWidth?: boolean;
+};
+export type AnchorButtonProps = {
+    /** Ссылка */
+    href?: string;
+    /** HTML-аттрибут target */
+    target?: AnchorHTMLAttributes<HTMLAnchorElement>['target'];
+};
+export type CommonButtonProps = AnchorButtonProps & BaseButtonProps;

package/dist/cjs/components/ButtonGiga/helperComponents/ButtonPrivate/types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/cjs/components/ButtonGiga/helperComponents/ButtonPrivate/utils.d.ts

@@ -0,0 +1,11 @@
+import { ButtonPrivateProps } from './ButtonPrivate';
+import { Variant } from './constants';
+type GetVariantProps = Pick<ButtonPrivateProps, 'label' | 'icon' | 'iconPosition'>;
+export declare function getVariant({ label, icon, iconPosition }: GetVariantProps): Variant;
+type GetWrappedIconProps = Pick<ButtonPrivateProps, 'icon' | 'iconClassName' | 'loading'>;
+export declare function getWrappedIcon({ icon, iconClassName, loading }: GetWrappedIconProps): import("react/jsx-runtime").JSX.Element | undefined;
+type GetWrappedLabelProps = Pick<ButtonPrivateProps, 'label' | 'labelClassName'>;
+export declare function getWrappedLabel({ label, labelClassName }: GetWrappedLabelProps): import("react/jsx-runtime").JSX.Element | undefined;
+type GetChildrenProps = Pick<ButtonPrivateProps, 'icon' | 'label' | 'iconPosition' | 'iconClassName' | 'labelClassName' | 'loading'>;
+export declare function getChildren({ icon, label, iconPosition, iconClassName, labelClassName, loading }: GetChildrenProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/cjs/components/ButtonGiga/helperComponents/ButtonPrivate/utils.js

@@ -0,0 +1,54 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getVariant = getVariant;
+exports.getWrappedIcon = getWrappedIcon;
+exports.getWrappedLabel = getWrappedLabel;
+exports.getChildren = getChildren;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const loaders_1 = require("@snack-uikit/loaders");
+const constants_1 = require("../../constants");
+const constants_2 = require("./constants");
+function getVariant({ label, icon, iconPosition }) {
+    if (label && icon && iconPosition === constants_1.ICON_POSITION.After) {
+        return constants_2.Variant.IconAfter;
+    }
+    if (label && icon && iconPosition === constants_1.ICON_POSITION.Before) {
+        return constants_2.Variant.IconBefore;
+    }
+    if (label) {
+        return constants_2.Variant.LabelOnly;
+    }
+    return constants_2.Variant.IconOnly;
+}
+function getWrappedIcon({ icon, iconClassName, loading }) {
+    if (loading) {
+        return ((0, jsx_runtime_1.jsx)("span", { "data-test-id": 'loading-icon', className: iconClassName, children: (0, jsx_runtime_1.jsx)(loaders_1.Sun, { size: 's' }) }));
+    }
+    if (icon) {
+        return ((0, jsx_runtime_1.jsx)("span", { "data-test-id": 'icon', className: iconClassName, children: icon }));
+    }
+    return undefined;
+}
+function getWrappedLabel({ label, labelClassName }) {
+    return label ? ((0, jsx_runtime_1.jsx)("span", { "data-test-id": 'label', className: labelClassName, children: label })) : undefined;
+}
+function getChildren({ icon, label, iconPosition, iconClassName, labelClassName, loading }) {
+    const wrappedIcon = getWrappedIcon({
+        icon,
+        iconClassName,
+        loading,
+    });
+    const wrappedLabel = getWrappedLabel({
+        label,
+        labelClassName,
+    });
+    switch (iconPosition) {
+        case constants_1.ICON_POSITION.Before: {
+            return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [wrappedIcon, wrappedLabel] }));
+        }
+        case constants_1.ICON_POSITION.After:
+        default: {
+            return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [wrappedLabel, wrappedIcon] }));
+        }
+    }
+}

package/dist/cjs/components/ButtonGiga/helperComponents/index.d.ts

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

package/dist/cjs/components/ButtonGiga/helperComponents/index.js

@@ -0,0 +1,17 @@
+"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("./ButtonPrivate"), exports);

package/dist/cjs/components/ButtonGiga/index.d.ts

@@ -0,0 +1,3 @@
+export * from './ButtonGigaMama';
+export * from './ButtonGigaOutline';
+export * from './ButtonGigaFunction';

package/dist/cjs/components/ButtonGiga/index.js

@@ -0,0 +1,19 @@
+"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("./ButtonGigaMama"), exports);
+__exportStar(require("./ButtonGigaOutline"), exports);
+__exportStar(require("./ButtonGigaFunction"), exports);

package/dist/cjs/components/ButtonGiga/types.d.ts

@@ -0,0 +1,28 @@
+import { AnchorHTMLAttributes, ButtonHTMLAttributes, FocusEventHandler, KeyboardEventHandler, MouseEventHandler, ReactElement } from 'react';
+import { ValueOf } from '@snack-uikit/utils';
+import { APPEARANCE, ICON_POSITION, SIZE } from './constants';
+export type Appearance = ValueOf<typeof APPEARANCE>;
+export type IconPosition = ValueOf<typeof ICON_POSITION>;
+export type Size = ValueOf<typeof SIZE>;
+export type BaseButtonProps = {
+    className?: string;
+    disabled?: boolean;
+    icon?: ReactElement;
+    iconPosition?: IconPosition;
+    label?: string;
+    loading?: boolean;
+    onClick?: MouseEventHandler<HTMLElement>;
+    onKeyDown?: KeyboardEventHandler<HTMLElement>;
+    onFocus?: FocusEventHandler<HTMLAnchorElement | HTMLButtonElement>;
+    onBlur?: FocusEventHandler<HTMLAnchorElement | HTMLButtonElement>;
+    size?: Size;
+    appearance?: Appearance;
+    type?: ButtonHTMLAttributes<HTMLButtonElement>['type'];
+    tabIndex?: number;
+    fullWidth?: boolean;
+};
+export type AnchorButtonProps = {
+    href?: string;
+    target?: AnchorHTMLAttributes<HTMLAnchorElement>['target'];
+};
+export type CommonButtonProps = AnchorButtonProps & BaseButtonProps;

package/dist/cjs/components/ButtonGiga/types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/cjs/components/ChatStatusAnnouncement/ChatStatusAnnouncement.d.ts

@@ -0,0 +1,2 @@
+import { ChatStatusAnnouncementProps } from './types';
+export declare function ChatStatusAnnouncement({ content, onActionClick, actionLabel, icon, layoutType, className, }: ChatStatusAnnouncementProps): import("react/jsx-runtime").JSX.Element;

package/dist/cjs/components/ChatStatusAnnouncement/ChatStatusAnnouncement.js

@@ -0,0 +1,74 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ChatStatusAnnouncement = ChatStatusAnnouncement;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const classnames_1 = __importDefault(require("classnames"));
+const react_1 = require("react");
+const uikit_product_icons_1 = require("@sbercloud/uikit-product-icons");
+const uikit_product_utils_1 = require("@sbercloud/uikit-product-utils");
+const constants_1 = require("./constants");
+const AlertButton_1 = require("./helperComponents/AlertButton");
+const TextContent_1 = require("./helperComponents/TextContent");
+const styled_module_scss_1 = __importDefault(require('./styled.module.css'));
+const utils_1 = require("./utils");
+function ChatStatusAnnouncement({ content, onActionClick, actionLabel, icon, layoutType, className, }) {
+    const [currentIndex, setCurrentIndex] = (0, react_1.useState)(0);
+    const [isAnimationEnded, setAnimationEnded] = (0, react_1.useState)(false);
+    const [mouseEntered, setMouseEntered] = (0, react_1.useState)(false);
+    const hoverRef = (0, react_1.useRef)();
+    const totalTextItems = (0, utils_1.getContent)(content);
+    const isMobile = layoutType === uikit_product_utils_1.LAYOUT_TYPE.Mobile;
+    (0, react_1.useEffect)(() => () => clearTimeout(hoverRef.current));
+    // запуск основной анимации
+    (0, react_1.useEffect)(() => {
+        if ((0, utils_1.isReactNode)(content) || isAnimationEnded || content.length <= 1)
+            return;
+        let interval;
+        if (currentIndex === content.length - 1) {
+            interval = setInterval(() => {
+                setAnimationEnded(true);
+            }, constants_1.ANIMATION_INTERVAL);
+            return;
+        }
+        interval = setInterval(() => {
+            setCurrentIndex(prevIndex => (prevIndex + 1) % content.length);
+        }, constants_1.ANIMATION_INTERVAL);
+        return () => clearInterval(interval);
+    }, [currentIndex, content, isAnimationEnded]);
+    // запуск анимации по ховеру
+    (0, react_1.useEffect)(() => {
+        if (!isAnimationEnded || totalTextItems.length === 1)
+            return;
+        const runForwardAnimation = () => {
+            if (hoverRef.current)
+                clearTimeout(hoverRef.current);
+            if (currentIndex === totalTextItems.length - 1)
+                return;
+            hoverRef.current = setTimeout(() => setCurrentIndex(prev => prev + 1), 300);
+        };
+        const runBackwardAnimation = () => {
+            if (hoverRef.current)
+                clearTimeout(hoverRef.current);
+            if (currentIndex <= totalTextItems.length - 2)
+                return;
+            hoverRef.current = setTimeout(() => setCurrentIndex(prev => prev - 1), 300);
+        };
+        if (mouseEntered) {
+            runForwardAnimation();
+            return;
+        }
+        runBackwardAnimation();
+    }, [currentIndex, isAnimationEnded, mouseEntered, totalTextItems.length]);
+    const onMouseEnter = () => setMouseEntered(true);
+    const onMouseLeave = () => setMouseEntered(false);
+    return ((0, jsx_runtime_1.jsxs)("div", { className: (0, classnames_1.default)(styled_module_scss_1.default.fieldAdvice, className), "data-mobile": isMobile || undefined, onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave, children: [(0, jsx_runtime_1.jsxs)("div", { className: styled_module_scss_1.default.descriptionContainer, children: [icon !== null && icon !== void 0 ? icon : (0, jsx_runtime_1.jsx)(uikit_product_icons_1.PlaceholderSVG, { size: 16 }), (0, jsx_runtime_1.jsx)("div", { className: styled_module_scss_1.default.animationContainer, children: totalTextItems.map((item, index) => {
+                            const currentTextNextOrPreviousStyle = index === (currentIndex - 1 + totalTextItems.length) % totalTextItems.length
+                                ? styled_module_scss_1.default.textBlockPrevious
+                                : styled_module_scss_1.default.textBlockNext;
+                            const currentTextStyle = index === currentIndex ? styled_module_scss_1.default.textBlockCurrent : currentTextNextOrPreviousStyle;
+                            return ((0, jsx_runtime_1.jsx)(TextContent_1.TextContent, { content: item.content, className: (0, classnames_1.default)(styled_module_scss_1.default.textBlock, currentTextStyle) }, index));
+                        }) })] }), (0, jsx_runtime_1.jsx)(AlertButton_1.AlertButton, { onClick: onActionClick, text: actionLabel, layoutType: layoutType })] }));
+}

package/dist/cjs/components/ChatStatusAnnouncement/constants.d.ts

@@ -0,0 +1 @@
+export declare const ANIMATION_INTERVAL = 1900;

package/dist/cjs/components/ChatStatusAnnouncement/constants.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ANIMATION_INTERVAL = void 0;
+exports.ANIMATION_INTERVAL = 1900;

package/dist/cjs/components/ChatStatusAnnouncement/helperComponents/AlertButton/AlertButton.d.ts

@@ -0,0 +1,10 @@
+import { MouseEvent } from 'react';
+import { LayoutType } from '@sbercloud/uikit-product-utils';
+type PrivateAlertButtonProps = {
+    text?: string;
+    onClick?(e: MouseEvent<HTMLButtonElement>): void;
+    layoutType: LayoutType;
+};
+export type AlertButtonProps = Omit<PrivateAlertButtonProps, 'appearance' | 'variant'>;
+export declare function AlertButton({ text, onClick, layoutType }: PrivateAlertButtonProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/cjs/components/ChatStatusAnnouncement/helperComponents/AlertButton/AlertButton.js

@@ -0,0 +1,14 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AlertButton = AlertButton;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const uikit_product_utils_1 = require("@sbercloud/uikit-product-utils");
+const typography_1 = require("@snack-uikit/typography");
+const styles_module_scss_1 = __importDefault(require('./styles.module.css'));
+function AlertButton({ text, onClick, layoutType }) {
+    const TypographyText = layoutType === uikit_product_utils_1.LAYOUT_TYPE.Mobile ? typography_1.Typography.SansLabelL : typography_1.Typography.SansLabelM;
+    return ((0, jsx_runtime_1.jsx)("button", { type: 'button', onClick: onClick, className: styles_module_scss_1.default.alertButton, children: text && (0, jsx_runtime_1.jsx)(TypographyText, { className: styles_module_scss_1.default.text, children: text }) }));
+}

package/dist/cjs/components/ChatStatusAnnouncement/helperComponents/AlertButton/index.d.ts

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

package/dist/cjs/components/ChatStatusAnnouncement/helperComponents/AlertButton/index.js

@@ -0,0 +1,17 @@
+"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("./AlertButton"), exports);

package/dist/cjs/components/ChatStatusAnnouncement/helperComponents/AlertButton/styles.module.css

@@ -0,0 +1,20 @@
+.alertButton{
+  cursor:pointer;
+  display:flex;
+  align-items:center;
+  justify-content:center;
+  height:16px;
+  box-sizing:border-box;
+  margin:0;
+  padding:0;
+  white-space:nowrap;
+  background:none;
+  border:0;
+}
+
+.text{
+  color:var(--sys-blue-text-support, #4877b0);
+}
+.text:hover{
+  color:var(--sys-blue-text-main, #2b537e);
+}

package/dist/cjs/components/ChatStatusAnnouncement/helperComponents/TextContent/TextContent.d.ts

@@ -0,0 +1,7 @@
+import { ReactNode } from 'react';
+type TextContent = {
+    content: ReactNode;
+    className?: string;
+};
+export declare function TextContent({ content, className }: TextContent): string | number | boolean | import("react/jsx-runtime").JSX.Element | Iterable<ReactNode> | null | undefined;
+export {};

package/dist/cjs/components/ChatStatusAnnouncement/helperComponents/TextContent/TextContent.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TextContent = TextContent;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const typography_1 = require("@snack-uikit/typography");
+const utils_1 = require("../../utils");
+function TextContent({ content, className }) {
+    if ((0, utils_1.isReactNode)(content)) {
+        return content;
+    }
+    return (0, jsx_runtime_1.jsx)(typography_1.Typography.SansBodyS, { className: className, children: content });
+}

package/dist/cjs/components/ChatStatusAnnouncement/helperComponents/TextContent/index.d.ts

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

package/dist/cjs/components/ChatStatusAnnouncement/helperComponents/TextContent/index.js

@@ -0,0 +1,17 @@
+"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("./TextContent"), exports);

package/dist/cjs/components/ChatStatusAnnouncement/index.d.ts

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

package/dist/cjs/components/ChatStatusAnnouncement/index.js

@@ -0,0 +1,17 @@
+"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("./ChatStatusAnnouncement"), exports);

package/dist/cjs/components/ChatStatusAnnouncement/styled.module.css

@@ -0,0 +1,62 @@
+.fieldAdvice{
+  display:flex;
+  justify-content:space-between;
+  align-items:flex-start;
+  padding:4px 8px 0px 8px;
+  height:38px;
+  max-height:38px;
+  border-radius:10px 10px 0 0;
+  border:1px solid var(--sys-blue-decor-activated, #aac4ea);
+  background-color:var(--sys-blue-decor-default, #d6e2f4);
+  box-sizing:border-box;
+}
+.fieldAdvice[data-mobile]{
+  height:44px;
+  max-height:44px;
+  border-radius:0;
+  padding:8px 16px 0px 16px;
+}
+
+.descriptionContainer{
+  display:flex;
+  justify-content:center;
+  align-items:center;
+  gap:8px;
+  width:100%;
+}
+
+.animationContainer{
+  position:relative;
+  width:100%;
+  height:16px;
+  padding:0 8px 0 0;
+  box-sizing:border-box;
+  display:flex;
+  flex-direction:column;
+  align-items:flex-start;
+  justify-content:center;
+  overflow:hidden;
+}
+
+.textBlock{
+  position:absolute;
+  padding:0 8px 0 0;
+  box-sizing:border-box;
+  transition:all 0.7s ease-in-out;
+  will-change:transform, opacity;
+}
+
+.textBlockCurrent{
+  opacity:1;
+  transform:translateY(0);
+}
+
+.textBlockPrevious{
+  opacity:0;
+  transform:translateY(-50px);
+}
+
+.textBlockNext{
+  opacity:0;
+  transform:translateY(50px);
+}

package/dist/cjs/components/ChatStatusAnnouncement/types.d.ts

@@ -0,0 +1,14 @@
+import { ReactElement, ReactNode } from 'react';
+import { LayoutType } from '@sbercloud/uikit-product-utils';
+export type TextItem = {
+    content: ReactNode;
+    shouldFocusOnHover?: boolean;
+};
+export type ChatStatusAnnouncementProps = {
+    icon?: ReactElement;
+    content: ReactNode | TextItem[];
+    actionLabel: string;
+    onActionClick?: () => void;
+    layoutType: LayoutType;
+    className?: string;
+};

package/dist/cjs/components/ChatStatusAnnouncement/types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/cjs/components/ChatStatusAnnouncement/utils/index.d.ts

@@ -0,0 +1,5 @@
+import { ReactNode } from 'react';
+import { ChatStatusAnnouncementProps, TextItem } from '../types';
+export declare function isString(value: unknown): value is string;
+export declare function isReactNode(value: unknown): value is ReactNode;
+export declare const getContent: (textContent: ChatStatusAnnouncementProps["content"]) => TextItem[];

package/dist/cjs/components/ChatStatusAnnouncement/utils/index.js

@@ -0,0 +1,44 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getContent = void 0;
+exports.isString = isString;
+exports.isReactNode = isReactNode;
+const react_1 = require("react");
+function isString(value) {
+    return typeof value === 'string';
+}
+function isReactNode(value) {
+    if (value === null ||
+        value === undefined ||
+        typeof value === 'boolean' ||
+        typeof value === 'string' ||
+        typeof value === 'number') {
+        return true;
+    }
+    if ((0, react_1.isValidElement)(value)) {
+        return true;
+    }
+    if (Array.isArray(value)) {
+        return value.every(item => isReactNode(item));
+    }
+    if (value && typeof value === 'object' && 'key' in value && 'props' in value && 'type' in value) {
+        return (0, react_1.isValidElement)(value);
+    }
+    return false;
+}
+const getContent = (textContent) => {
+    if (isReactNode(textContent))
+        return [
+            {
+                content: textContent,
+            },
+        ];
+    if (textContent.length === 1)
+        return textContent;
+    const alertTextElement = textContent.find(item => item.shouldFocusOnHover);
+    if (!alertTextElement)
+        return textContent;
+    const totalTextItems = [...textContent, { content: alertTextElement.content }];
+    return totalTextItems;
+};
+exports.getContent = getContent;