@hh.ru/magritte-ui-chat-bubble 3.0.6 → 3.0.7

package/internal/colors.js

@@ -3,45 +3,44 @@ import { useChatBubbleMode } from './mode.js';
 import 'react';
 
 const COLORS = {
-    incoming: {
-        text: 'primary',
-        secondaryText: 'secondary',
-        accentText: 'accent',
-        replyTitle: 'accent',
-        statusIcon: 'secondary',
-        button: { mode: 'secondary', style: 'neutral' },
-        link: { style: 'accent' },
-        secondaryIcon: 'secondary',
-        fileIcon: 'constant',
-        fileIconBackground: 'accent',
-    },
-    outgoing: {
-        text: 'constant',
-        secondaryText: 'constant',
-        accentText: 'constant',
-        replyTitle: 'constant',
-        statusIcon: 'constant',
-        button: { mode: 'primary', style: 'accent' },
-        link: { style: 'constant', mode: 'secondary' },
-        secondaryIcon: 'constant',
-        fileIcon: 'accent',
-        fileIconBackground: 'accent-secondary',
-    },
-    bot: {
-        text: 'primary',
-        secondaryText: 'secondary',
-        accentText: 'special',
-        replyTitle: 'accent',
-        statusIcon: 'special',
-        button: { mode: 'secondary', style: 'special' },
-        link: { style: 'accent' },
-        secondaryIcon: 'secondary',
-        fileIcon: 'constant',
-        fileIconBackground: 'special',
-    },
+  incoming: {
+    text: "primary",
+    secondaryText: "secondary",
+    accentText: "accent",
+    replyTitle: "accent",
+    statusIcon: "secondary",
+    button: { mode: "secondary", style: "neutral" },
+    link: { style: "accent" },
+    secondaryIcon: "secondary",
+    fileIcon: "constant",
+    fileIconBackground: "accent"
+  },
+  outgoing: {
+    text: "constant",
+    secondaryText: "constant",
+    accentText: "constant",
+    replyTitle: "constant",
+    statusIcon: "constant",
+    button: { mode: "primary", style: "accent" },
+    link: { style: "constant", mode: "secondary" },
+    secondaryIcon: "constant",
+    fileIcon: "accent",
+    fileIconBackground: "accent-secondary"
+  },
+  bot: {
+    text: "primary",
+    secondaryText: "secondary",
+    accentText: "special",
+    replyTitle: "accent",
+    statusIcon: "special",
+    button: { mode: "secondary", style: "special" },
+    link: { style: "accent" },
+    secondaryIcon: "secondary",
+    fileIcon: "constant",
+    fileIconBackground: "special"
+  }
 };
 const getColors = (mode) => COLORS[mode];
-// Для подкомпонентов, которые сидят под mode провайдером
 const useChatBubbleColors = () => COLORS[useChatBubbleMode()];
 
 export { getColors, useChatBubbleColors };

package/internal/colors.js.map

@@ -1 +1 @@
-{"version":3,"file":"colors.js","sources":["src/internal/colors.ts"],"sourcesContent":["import type { TokenColorBackground } from '@hh.ru/magritte-design-tokens/types';\nimport type { ButtonProps } from '@hh.ru/magritte-ui-button';\nimport { useChatBubbleMode } from '@hh.ru/magritte-ui-chat-bubble/internal/mode';\nimport type { ChatBubbleMode } from '@hh.ru/magritte-ui-chat-bubble/types';\nimport type { IconColor } from '@hh.ru/magritte-ui-icon';\nimport type { LinkProps } from '@hh.ru/magritte-ui-link';\nimport type { TextStyle } from '@hh.ru/magritte-ui-typography';\n\nexport interface ChatBubbleColors {\n    /** Основной текст сообщения, названия файла, текст сниппета */\n    text: TextStyle;\n    /** Второстепенный текст: время, размер файла */\n    secondaryText: TextStyle;\n    /** Акцентный текст: имя отправителя */\n    accentText: TextStyle;\n    /** Автор цитируемого сообщения (у бота акцентный, потому отдельно от accentText) */\n    replyTitle: TextStyle;\n    /** Иконка статуса, лежит на фоне баббла */\n    statusIcon: IconColor;\n    /** Кнопки под бабблом */\n    button: Pick<ButtonProps, 'mode' | 'style'>;\n    /** Ссылка-действие: «Открыть», «Загрузить» */\n    link: Pick<LinkProps, 'style' | 'mode'>;\n    /** Иконка рядом со второстепенным текстом: лоадер загрузки файла */\n    secondaryIcon: IconColor;\n    /** Иконка файла */\n    fileIcon: IconColor;\n    /** Подложка под иконкой файла */\n    fileIconBackground: TokenColorBackground;\n}\n\nconst COLORS: Record<ChatBubbleMode, ChatBubbleColors> = {\n    incoming: {\n        text: 'primary',\n        secondaryText: 'secondary',\n        accentText: 'accent',\n        replyTitle: 'accent',\n        statusIcon: 'secondary',\n        button: { mode: 'secondary', style: 'neutral' },\n        link: { style: 'accent' },\n        secondaryIcon: 'secondary',\n        fileIcon: 'constant',\n        fileIconBackground: 'accent',\n    },\n    outgoing: {\n        text: 'constant',\n        secondaryText: 'constant',\n        accentText: 'constant',\n        replyTitle: 'constant',\n        statusIcon: 'constant',\n        button: { mode: 'primary', style: 'accent' },\n        link: { style: 'constant', mode: 'secondary' },\n        secondaryIcon: 'constant',\n        fileIcon: 'accent',\n        fileIconBackground: 'accent-secondary',\n    },\n    bot: {\n        text: 'primary',\n        secondaryText: 'secondary',\n        accentText: 'special',\n        replyTitle: 'accent',\n        statusIcon: 'special',\n        button: { mode: 'secondary', style: 'special' },\n        link: { style: 'accent' },\n        secondaryIcon: 'secondary',\n        fileIcon: 'constant',\n        fileIconBackground: 'special',\n    },\n};\n\nexport const getColors = (mode: ChatBubbleMode): ChatBubbleColors => COLORS[mode];\n\n// Для подкомпонентов, которые сидят под mode провайдером\nexport const useChatBubbleColors = (): ChatBubbleColors => COLORS[useChatBubbleMode()];\n"],"names":[],"mappings":";;;AA+BA,MAAM,MAAM,GAA6C;AACrD,IAAA,QAAQ,EAAE;AACN,QAAA,IAAI,EAAE,SAAS;AACf,QAAA,aAAa,EAAE,WAAW;AAC1B,QAAA,UAAU,EAAE,QAAQ;AACpB,QAAA,UAAU,EAAE,QAAQ;AACpB,QAAA,UAAU,EAAE,WAAW;QACvB,MAAM,EAAE,EAAE,IAAI,EAAE,WAAW,EAAE,KAAK,EAAE,SAAS,EAAE;AAC/C,QAAA,IAAI,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE;AACzB,QAAA,aAAa,EAAE,WAAW;AAC1B,QAAA,QAAQ,EAAE,UAAU;AACpB,QAAA,kBAAkB,EAAE,QAAQ;AAC/B,KAAA;AACD,IAAA,QAAQ,EAAE;AACN,QAAA,IAAI,EAAE,UAAU;AAChB,QAAA,aAAa,EAAE,UAAU;AACzB,QAAA,UAAU,EAAE,UAAU;AACtB,QAAA,UAAU,EAAE,UAAU;AACtB,QAAA,UAAU,EAAE,UAAU;QACtB,MAAM,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE;QAC5C,IAAI,EAAE,EAAE,KAAK,EAAE,UAAU,EAAE,IAAI,EAAE,WAAW,EAAE;AAC9C,QAAA,aAAa,EAAE,UAAU;AACzB,QAAA,QAAQ,EAAE,QAAQ;AAClB,QAAA,kBAAkB,EAAE,kBAAkB;AACzC,KAAA;AACD,IAAA,GAAG,EAAE;AACD,QAAA,IAAI,EAAE,SAAS;AACf,QAAA,aAAa,EAAE,WAAW;AAC1B,QAAA,UAAU,EAAE,SAAS;AACrB,QAAA,UAAU,EAAE,QAAQ;AACpB,QAAA,UAAU,EAAE,SAAS;QACrB,MAAM,EAAE,EAAE,IAAI,EAAE,WAAW,EAAE,KAAK,EAAE,SAAS,EAAE;AAC/C,QAAA,IAAI,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE;AACzB,QAAA,aAAa,EAAE,WAAW;AAC1B,QAAA,QAAQ,EAAE,UAAU;AACpB,QAAA,kBAAkB,EAAE,SAAS;AAChC,KAAA;CACJ,CAAC;AAEK,MAAM,SAAS,GAAG,CAAC,IAAoB,KAAuB,MAAM,CAAC,IAAI,EAAE;AAElF;AACO,MAAM,mBAAmB,GAAG,MAAwB,MAAM,CAAC,iBAAiB,EAAE;;;;"}
+{"version":3,"file":"colors.js","sources":["src/internal/colors.ts"],"sourcesContent":["import type { TokenColorBackground } from '@hh.ru/magritte-design-tokens/types';\nimport type { ButtonProps } from '@hh.ru/magritte-ui-button';\nimport { useChatBubbleMode } from '@hh.ru/magritte-ui-chat-bubble/internal/mode';\nimport type { ChatBubbleMode } from '@hh.ru/magritte-ui-chat-bubble/types';\nimport type { IconColor } from '@hh.ru/magritte-ui-icon';\nimport type { LinkProps } from '@hh.ru/magritte-ui-link';\nimport type { TextStyle } from '@hh.ru/magritte-ui-typography';\n\nexport interface ChatBubbleColors {\n    /** Основной текст сообщения, названия файла, текст сниппета */\n    text: TextStyle;\n    /** Второстепенный текст: время, размер файла */\n    secondaryText: TextStyle;\n    /** Акцентный текст: имя отправителя */\n    accentText: TextStyle;\n    /** Автор цитируемого сообщения (у бота акцентный, потому отдельно от accentText) */\n    replyTitle: TextStyle;\n    /** Иконка статуса, лежит на фоне баббла */\n    statusIcon: IconColor;\n    /** Кнопки под бабблом */\n    button: Pick<ButtonProps, 'mode' | 'style'>;\n    /** Ссылка-действие: «Открыть», «Загрузить» */\n    link: Pick<LinkProps, 'style' | 'mode'>;\n    /** Иконка рядом со второстепенным текстом: лоадер загрузки файла */\n    secondaryIcon: IconColor;\n    /** Иконка файла */\n    fileIcon: IconColor;\n    /** Подложка под иконкой файла */\n    fileIconBackground: TokenColorBackground;\n}\n\nconst COLORS: Record<ChatBubbleMode, ChatBubbleColors> = {\n    incoming: {\n        text: 'primary',\n        secondaryText: 'secondary',\n        accentText: 'accent',\n        replyTitle: 'accent',\n        statusIcon: 'secondary',\n        button: { mode: 'secondary', style: 'neutral' },\n        link: { style: 'accent' },\n        secondaryIcon: 'secondary',\n        fileIcon: 'constant',\n        fileIconBackground: 'accent',\n    },\n    outgoing: {\n        text: 'constant',\n        secondaryText: 'constant',\n        accentText: 'constant',\n        replyTitle: 'constant',\n        statusIcon: 'constant',\n        button: { mode: 'primary', style: 'accent' },\n        link: { style: 'constant', mode: 'secondary' },\n        secondaryIcon: 'constant',\n        fileIcon: 'accent',\n        fileIconBackground: 'accent-secondary',\n    },\n    bot: {\n        text: 'primary',\n        secondaryText: 'secondary',\n        accentText: 'special',\n        replyTitle: 'accent',\n        statusIcon: 'special',\n        button: { mode: 'secondary', style: 'special' },\n        link: { style: 'accent' },\n        secondaryIcon: 'secondary',\n        fileIcon: 'constant',\n        fileIconBackground: 'special',\n    },\n};\n\nexport const getColors = (mode: ChatBubbleMode): ChatBubbleColors => COLORS[mode];\n\n// Для подкомпонентов, которые сидят под mode провайдером\nexport const useChatBubbleColors = (): ChatBubbleColors => COLORS[useChatBubbleMode()];\n"],"names":[],"mappings":";;;AA+BA,MAAM,MAAmD,GAAA;AAAA,EACrD,QAAU,EAAA;AAAA,IACN,IAAM,EAAA,SAAA;AAAA,IACN,aAAe,EAAA,WAAA;AAAA,IACf,UAAY,EAAA,QAAA;AAAA,IACZ,UAAY,EAAA,QAAA;AAAA,IACZ,UAAY,EAAA,WAAA;AAAA,IACZ,MAAQ,EAAA,EAAE,IAAM,EAAA,WAAA,EAAa,OAAO,SAAU,EAAA;AAAA,IAC9C,IAAA,EAAM,EAAE,KAAA,EAAO,QAAS,EAAA;AAAA,IACxB,aAAe,EAAA,WAAA;AAAA,IACf,QAAU,EAAA,UAAA;AAAA,IACV,kBAAoB,EAAA,QAAA;AAAA,GACxB;AAAA,EACA,QAAU,EAAA;AAAA,IACN,IAAM,EAAA,UAAA;AAAA,IACN,aAAe,EAAA,UAAA;AAAA,IACf,UAAY,EAAA,UAAA;AAAA,IACZ,UAAY,EAAA,UAAA;AAAA,IACZ,UAAY,EAAA,UAAA;AAAA,IACZ,MAAQ,EAAA,EAAE,IAAM,EAAA,SAAA,EAAW,OAAO,QAAS,EAAA;AAAA,IAC3C,IAAM,EAAA,EAAE,KAAO,EAAA,UAAA,EAAY,MAAM,WAAY,EAAA;AAAA,IAC7C,aAAe,EAAA,UAAA;AAAA,IACf,QAAU,EAAA,QAAA;AAAA,IACV,kBAAoB,EAAA,kBAAA;AAAA,GACxB;AAAA,EACA,GAAK,EAAA;AAAA,IACD,IAAM,EAAA,SAAA;AAAA,IACN,aAAe,EAAA,WAAA;AAAA,IACf,UAAY,EAAA,SAAA;AAAA,IACZ,UAAY,EAAA,QAAA;AAAA,IACZ,UAAY,EAAA,SAAA;AAAA,IACZ,MAAQ,EAAA,EAAE,IAAM,EAAA,WAAA,EAAa,OAAO,SAAU,EAAA;AAAA,IAC9C,IAAA,EAAM,EAAE,KAAA,EAAO,QAAS,EAAA;AAAA,IACxB,aAAe,EAAA,WAAA;AAAA,IACf,QAAU,EAAA,UAAA;AAAA,IACV,kBAAoB,EAAA,SAAA;AAAA,GACxB;AACJ,CAAA,CAAA;AAEO,MAAM,SAAY,GAAA,CAAC,IAA2C,KAAA,MAAA,CAAO,IAAI,EAAA;AAGzE,MAAM,mBAAsB,GAAA,MAAwB,MAAO,CAAA,iBAAA,EAAmB;;;;"}

package/internal/errorMenu.js

@@ -1,7 +1,7 @@
 import './../index.css';
 import { createContext, useContext } from 'react';
 
-const noop = () => undefined;
+const noop = () => void 0;
 const ChatBubbleErrorMenuContext = createContext(noop);
 const ChatBubbleErrorMenuProvider = ChatBubbleErrorMenuContext.Provider;
 const useChatBubbleErrorMenuClose = () => useContext(ChatBubbleErrorMenuContext);

package/internal/errorMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"errorMenu.js","sources":["src/internal/errorMenu.ts"],"sourcesContent":["import { createContext, useContext } from 'react';\n\nconst noop = () => undefined;\n\nconst ChatBubbleErrorMenuContext = createContext<VoidFunction>(noop);\n\nexport const ChatBubbleErrorMenuProvider = ChatBubbleErrorMenuContext.Provider;\n\nexport const useChatBubbleErrorMenuClose = (): VoidFunction => useContext(ChatBubbleErrorMenuContext);\n"],"names":[],"mappings":";;AAEA,MAAM,IAAI,GAAG,MAAM,SAAS,CAAC;AAE7B,MAAM,0BAA0B,GAAG,aAAa,CAAe,IAAI,CAAC,CAAC;AAExD,MAAA,2BAA2B,GAAG,0BAA0B,CAAC,SAAS;AAElE,MAAA,2BAA2B,GAAG,MAAoB,UAAU,CAAC,0BAA0B;;;;"}
+{"version":3,"file":"errorMenu.js","sources":["src/internal/errorMenu.ts"],"sourcesContent":["import { createContext, useContext } from 'react';\n\nconst noop = () => undefined;\n\nconst ChatBubbleErrorMenuContext = createContext<VoidFunction>(noop);\n\nexport const ChatBubbleErrorMenuProvider = ChatBubbleErrorMenuContext.Provider;\n\nexport const useChatBubbleErrorMenuClose = (): VoidFunction => useContext(ChatBubbleErrorMenuContext);\n"],"names":[],"mappings":";;AAEA,MAAM,OAAO,MAAM,KAAA,CAAA,CAAA;AAEnB,MAAM,0BAAA,GAA6B,cAA4B,IAAI,CAAA,CAAA;AAE5D,MAAM,8BAA8B,0BAA2B,CAAA,SAAA;AAEzD,MAAA,2BAAA,GAA8B,MAAoB,UAAA,CAAW,0BAA0B;;;;"}

package/internal/mode.d.ts

@@ -1,4 +1,4 @@
-import type { ChatBubbleMode } from '@hh.ru/magritte-ui-chat-bubble/types';
+import type { ChatBubbleMode } from '../types';
 /** Прокидывает режим баббла в подкомпоненты: от него зависят цвета текста и иконок. */
 export declare const ChatBubbleModeProvider: import("react").Provider<ChatBubbleMode>;
 export declare const useChatBubbleMode: () => ChatBubbleMode;

package/internal/mode.js

@@ -1,8 +1,7 @@
 import './../index.css';
 import { createContext, useContext } from 'react';
 
-const ChatBubbleModeContext = createContext('incoming');
-/** Прокидывает режим баббла в подкомпоненты: от него зависят цвета текста и иконок. */
+const ChatBubbleModeContext = createContext("incoming");
 const ChatBubbleModeProvider = ChatBubbleModeContext.Provider;
 const useChatBubbleMode = () => useContext(ChatBubbleModeContext);
 

package/internal/mode.js.map

@@ -1 +1 @@
-{"version":3,"file":"mode.js","sources":["src/internal/mode.ts"],"sourcesContent":["import { createContext, useContext } from 'react';\n\nimport type { ChatBubbleMode } from '@hh.ru/magritte-ui-chat-bubble/types';\n\nconst ChatBubbleModeContext = createContext<ChatBubbleMode>('incoming');\n\n/** Прокидывает режим баббла в подкомпоненты: от него зависят цвета текста и иконок. */\nexport const ChatBubbleModeProvider = ChatBubbleModeContext.Provider;\n\nexport const useChatBubbleMode = (): ChatBubbleMode => useContext(ChatBubbleModeContext);\n"],"names":[],"mappings":";;AAIA,MAAM,qBAAqB,GAAG,aAAa,CAAiB,UAAU,CAAC,CAAC;AAExE;AACa,MAAA,sBAAsB,GAAG,qBAAqB,CAAC,SAAS;AAExD,MAAA,iBAAiB,GAAG,MAAsB,UAAU,CAAC,qBAAqB;;;;"}
+{"version":3,"file":"mode.js","sources":["src/internal/mode.ts"],"sourcesContent":["import { createContext, useContext } from 'react';\n\nimport type { ChatBubbleMode } from '@hh.ru/magritte-ui-chat-bubble/types';\n\nconst ChatBubbleModeContext = createContext<ChatBubbleMode>('incoming');\n\n/** Прокидывает режим баббла в подкомпоненты: от него зависят цвета текста и иконок. */\nexport const ChatBubbleModeProvider = ChatBubbleModeContext.Provider;\n\nexport const useChatBubbleMode = (): ChatBubbleMode => useContext(ChatBubbleModeContext);\n"],"names":[],"mappings":";;AAIA,MAAM,qBAAA,GAAwB,cAA8B,UAAU,CAAA,CAAA;AAG/D,MAAM,yBAAyB,qBAAsB,CAAA,SAAA;AAE/C,MAAA,iBAAA,GAAoB,MAAsB,UAAA,CAAW,qBAAqB;;;;"}

package/internal/utils.js

@@ -2,16 +2,16 @@ import './../index.css';
 import { isValidElement, Children, Fragment, cloneElement } from 'react';
 
 const markMetaHost = (component) => Object.assign(component, { hostsMeta: true });
-const isMetaHost = (node) => isValidElement(node) && typeof node.type === 'object' && 'hostsMeta' in node.type;
-const flattenFragments = (children, keyPrefix = '') => Children.toArray(children).flatMap((child) => {
-    if (!isValidElement(child)) {
-        return child;
-    }
-    const key = `${keyPrefix}${String(child.key)}`;
-    if (child.type === Fragment) {
-        return flattenFragments(child.props.children, key);
-    }
-    return keyPrefix ? cloneElement(child, { key }) : child;
+const isMetaHost = (node) => isValidElement(node) && typeof node.type === "object" && "hostsMeta" in node.type;
+const flattenFragments = (children, keyPrefix = "") => Children.toArray(children).flatMap((child) => {
+  if (!isValidElement(child)) {
+    return child;
+  }
+  const key = `${keyPrefix}${String(child.key)}`;
+  if (child.type === Fragment) {
+    return flattenFragments(child.props.children, key);
+  }
+  return keyPrefix ? cloneElement(child, { key }) : child;
 });
 
 export { flattenFragments, isMetaHost, markMetaHost };

package/internal/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sources":["src/internal/utils.ts"],"sourcesContent":["import { Children, Fragment, cloneElement, isValidElement, type ReactElement, type ReactNode } from 'react';\n\n/** Помечает подкомпонент как умеющий принять слот времени и статуса */\nexport interface ChatBubbleMetaHostProps {\n    meta?: ReactNode;\n}\n\nexport interface MetaHostComponent {\n    hostsMeta: true;\n}\n\nexport const markMetaHost = <T extends object>(component: T): T & MetaHostComponent =>\n    Object.assign(component, { hostsMeta: true } as const);\n\nexport const isMetaHost = (node: ReactNode): node is ReactElement<ChatBubbleMetaHostProps> =>\n    isValidElement(node) && typeof node.type === 'object' && 'hostsMeta' in (node.type as object);\n\nexport const flattenFragments = (children: ReactNode, keyPrefix = ''): ReactNode[] =>\n    Children.toArray(children).flatMap((child) => {\n        if (!isValidElement(child)) {\n            return child;\n        }\n\n        const key = `${keyPrefix}${String(child.key)}`;\n\n        if (child.type === Fragment) {\n            return flattenFragments((child.props as { children?: ReactNode }).children, key);\n        }\n\n        return keyPrefix ? cloneElement(child, { key }) : child;\n    });\n"],"names":[],"mappings":";;MAWa,YAAY,GAAG,CAAmB,SAAY,KACvD,MAAM,CAAC,MAAM,CAAC,SAAS,EAAE,EAAE,SAAS,EAAE,IAAI,EAAW,EAAE;AAE9C,MAAA,UAAU,GAAG,CAAC,IAAe,KACtC,cAAc,CAAC,IAAI,CAAC,IAAI,OAAO,IAAI,CAAC,IAAI,KAAK,QAAQ,IAAI,WAAW,IAAK,IAAI,CAAC,KAAgB;AAErF,MAAA,gBAAgB,GAAG,CAAC,QAAmB,EAAE,SAAS,GAAG,EAAE,KAChE,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,OAAO,CAAC,CAAC,KAAK,KAAI;AACzC,IAAA,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE;AACxB,QAAA,OAAO,KAAK,CAAC;KAChB;AAED,IAAA,MAAM,GAAG,GAAG,CAAG,EAAA,SAAS,CAAG,EAAA,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC,CAAA,CAAE,CAAC;AAE/C,IAAA,IAAI,KAAK,CAAC,IAAI,KAAK,QAAQ,EAAE;QACzB,OAAO,gBAAgB,CAAE,KAAK,CAAC,KAAkC,CAAC,QAAQ,EAAE,GAAG,CAAC,CAAC;KACpF;AAED,IAAA,OAAO,SAAS,GAAG,YAAY,CAAC,KAAK,EAAE,EAAE,GAAG,EAAE,CAAC,GAAG,KAAK,CAAC;AAC5D,CAAC;;;;"}
+{"version":3,"file":"utils.js","sources":["src/internal/utils.ts"],"sourcesContent":["import { Children, Fragment, cloneElement, isValidElement, type ReactElement, type ReactNode } from 'react';\n\n/** Помечает подкомпонент как умеющий принять слот времени и статуса */\nexport interface ChatBubbleMetaHostProps {\n    meta?: ReactNode;\n}\n\nexport interface MetaHostComponent {\n    hostsMeta: true;\n}\n\nexport const markMetaHost = <T extends object>(component: T): T & MetaHostComponent =>\n    Object.assign(component, { hostsMeta: true } as const);\n\nexport const isMetaHost = (node: ReactNode): node is ReactElement<ChatBubbleMetaHostProps> =>\n    isValidElement(node) && typeof node.type === 'object' && 'hostsMeta' in (node.type as object);\n\nexport const flattenFragments = (children: ReactNode, keyPrefix = ''): ReactNode[] =>\n    Children.toArray(children).flatMap((child) => {\n        if (!isValidElement(child)) {\n            return child;\n        }\n\n        const key = `${keyPrefix}${String(child.key)}`;\n\n        if (child.type === Fragment) {\n            return flattenFragments((child.props as { children?: ReactNode }).children, key);\n        }\n\n        return keyPrefix ? cloneElement(child, { key }) : child;\n    });\n"],"names":[],"mappings":";;AAWa,MAAA,YAAA,GAAe,CAAmB,SAC3C,KAAA,MAAA,CAAO,OAAO,SAAW,EAAA,EAAE,SAAW,EAAA,IAAA,EAAe,EAAA;AAE5C,MAAA,UAAA,GAAa,CAAC,IAAA,KACvB,cAAe,CAAA,IAAI,CAAK,IAAA,OAAO,IAAK,CAAA,IAAA,KAAS,QAAY,IAAA,WAAA,IAAgB,IAAK,CAAA,KAAA;AAErE,MAAA,gBAAA,GAAmB,CAAC,QAAA,EAAqB,SAAY,GAAA,EAAA,KAC9D,QAAS,CAAA,OAAA,CAAQ,QAAQ,CAAA,CAAE,OAAQ,CAAA,CAAC,KAAU,KAAA;AAC1C,EAAI,IAAA,CAAC,cAAe,CAAA,KAAK,CAAG,EAAA;AACxB,IAAO,OAAA,KAAA,CAAA;AAAA,GACX;AAEA,EAAA,MAAM,MAAM,CAAG,EAAA,SAAS,GAAG,MAAO,CAAA,KAAA,CAAM,GAAG,CAAC,CAAA,CAAA,CAAA;AAE5C,EAAI,IAAA,KAAA,CAAM,SAAS,QAAU,EAAA;AACzB,IAAA,OAAO,gBAAkB,CAAA,KAAA,CAAM,KAAmC,CAAA,QAAA,EAAU,GAAG,CAAA,CAAA;AAAA,GACnF;AAEA,EAAA,OAAO,YAAY,YAAa,CAAA,KAAA,EAAO,EAAE,GAAA,EAAK,CAAI,GAAA,KAAA,CAAA;AACtD,CAAC;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hh.ru/magritte-ui-chat-bubble",
-  "version": "3.0.6",
+  "version": "3.0.7",
   "main": "index.js",
   "types": "index.d.ts",
   "sideEffects": [
@@ -22,17 +22,17 @@
     "@hh.ru/magritte-common-mouse": "1.2.1",
     "@hh.ru/magritte-common-use-multiple-refs": "1.1.12",
     "@hh.ru/magritte-common-use-translation": "3.6.1",
-    "@hh.ru/magritte-design-tokens": "26.0.0",
+    "@hh.ru/magritte-design-tokens": "26.0.1",
     "@hh.ru/magritte-ui-breakpoint": "6.1.2",
-    "@hh.ru/magritte-ui-button": "7.3.6",
-    "@hh.ru/magritte-ui-cell": "7.3.2",
-    "@hh.ru/magritte-ui-icon": "15.1.4",
-    "@hh.ru/magritte-ui-link": "7.2.5",
-    "@hh.ru/magritte-ui-loader": "4.1.5",
-    "@hh.ru/magritte-ui-menu": "1.0.47",
+    "@hh.ru/magritte-ui-button": "7.3.7",
+    "@hh.ru/magritte-ui-cell": "7.3.3",
+    "@hh.ru/magritte-ui-icon": "15.1.5",
+    "@hh.ru/magritte-ui-link": "7.2.6",
+    "@hh.ru/magritte-ui-loader": "4.1.6",
+    "@hh.ru/magritte-ui-menu": "1.0.48",
     "@hh.ru/magritte-ui-mock-component": "1.1.8",
-    "@hh.ru/magritte-ui-tooltip": "11.0.50",
-    "@hh.ru/magritte-ui-typography": "5.3.15"
+    "@hh.ru/magritte-ui-tooltip": "11.0.51",
+    "@hh.ru/magritte-ui-typography": "5.3.16"
   },
   "peerDependencies": {
     "classnames": ">=2.3.2",
@@ -41,5 +41,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "b0ff5da48fb29d516c8289082560ee1882d16986"
+  "gitHead": "f6539d7a0e7cd42dd851458db1de04a748bbee03"
 }

package/chat-bubble-C5CrJD5o.js

@@ -1,5 +0,0 @@
-import './index.css';
-var styles = {"chat-bubble":"magritte-chat-bubble___ds9CP_3-0-6","chatBubble":"magritte-chat-bubble___ds9CP_3-0-6","outgoing":"magritte-outgoing___3n00o_3-0-6","bot":"magritte-bot___Z6vZA_3-0-6","row":"magritte-row___mQNnt_3-0-6","bubble":"magritte-bubble___NVuDI_3-0-6","with-tail":"magritte-with-tail___IdixJ_3-0-6","withTail":"magritte-with-tail___IdixJ_3-0-6","tail":"magritte-tail___E2hdk_3-0-6","tail-outgoing":"magritte-tail-outgoing___Pn3MI_3-0-6","tailOutgoing":"magritte-tail-outgoing___Pn3MI_3-0-6","buttons":"magritte-buttons___yQqBi_3-0-6","aside":"magritte-aside___bTex-_3-0-6","aside-revealed":"magritte-aside-revealed___CRBl7_3-0-6","asideRevealed":"magritte-aside-revealed___CRBl7_3-0-6","error-text":"magritte-error-text___1ZxWY_3-0-6","errorText":"magritte-error-text___1ZxWY_3-0-6","file":"magritte-file___k2IKy_3-0-6","file-preview":"magritte-file-preview___eJKu8_3-0-6","filePreview":"magritte-file-preview___eJKu8_3-0-6","media":"magritte-media___9jH2k_3-0-6","media-blur":"magritte-media-blur___TbiMa_3-0-6","mediaBlur":"magritte-media-blur___TbiMa_3-0-6","media-image":"magritte-media-image___G-FkF_3-0-6","mediaImage":"magritte-media-image___G-FkF_3-0-6","media-content":"magritte-media-content___n3XbD_3-0-6","mediaContent":"magritte-media-content___n3XbD_3-0-6","media-format":"magritte-media-format___AdfCK_3-0-6","mediaFormat":"magritte-media-format___AdfCK_3-0-6","media-meta":"magritte-media-meta___oSxxr_3-0-6","mediaMeta":"magritte-media-meta___oSxxr_3-0-6","reply":"magritte-reply___-QCK7_3-0-6","reply-preview":"magritte-reply-preview___qvlNT_3-0-6","replyPreview":"magritte-reply-preview___qvlNT_3-0-6","reply-body":"magritte-reply-body___f2xx7_3-0-6","replyBody":"magritte-reply-body___f2xx7_3-0-6","snippet":"magritte-snippet___8k9xb_3-0-6","meta":"magritte-meta___1qhjm_3-0-6","edited":"magritte-edited___m-zmB_3-0-6","status":"magritte-status___dHzCt_3-0-6","message-title":"magritte-message-title___dgBFk_3-0-6","messageTitle":"magritte-message-title___dgBFk_3-0-6","label":"magritte-label___i0Wyt_3-0-6","message":"magritte-message___7TEpw_3-0-6"};
-
-export { styles as s };
-//# sourceMappingURL=chat-bubble-C5CrJD5o.js.map

package/chat-bubble-C5CrJD5o.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"chat-bubble-C5CrJD5o.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}