@bothub-chat/ui 2.57.1-develop-8da3792f-a74c-4232-9d38-ca27dc6afede → 2.57.1-fix-ceo-725ba23a-a0d6-4208-966e-f78a5249dfc0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/accordion/styled.js +2 -2
- package/dist/components/adaptive-button/styled.d.ts +0 -1
- package/dist/components/avatar/index.js +1 -1
- package/dist/components/badge-select-dropdown/index.d.ts +7 -2
- package/dist/components/badge-select-dropdown/index.js +1 -1
- package/dist/components/bookmark/card/styled.d.ts +0 -3
- package/dist/components/bookmark/list/styled.d.ts +0 -1
- package/dist/components/bookmark/styled.d.ts +0 -1
- package/dist/components/button/index.d.ts +0 -2
- package/dist/components/button/index.js +1 -1
- package/dist/components/checkbox/index.d.ts +2 -0
- package/dist/components/checkbox/index.js +1 -1
- package/dist/components/checkbox/styled.d.ts +4 -9
- package/dist/components/checkbox/styled.js +6 -3
- package/dist/components/chip/styled.d.ts +0 -1
- package/dist/components/color-picker/menu/styled.d.ts +0 -1
- package/dist/components/color-picker/menu/styled.js +1 -1
- package/dist/components/datepicker/types.d.ts +1 -1
- package/dist/components/datepicker/ui/calendar/styled.d.ts +0 -2
- package/dist/components/datepicker/ui/datepicker.js +1 -1
- package/dist/components/description/card/styled.d.ts +0 -1
- package/dist/components/developer-key/list/styled.d.ts +0 -1
- package/dist/components/dropzone-field/index.d.ts +1 -1
- package/dist/components/dropzone-field/index.js +1 -1
- package/dist/components/dropzone-field/styled.d.ts +0 -568
- package/dist/components/dropzone-field/styled.js +1 -1
- package/dist/components/file-field/index.js +1 -1
- package/dist/components/file-field/styled.d.ts +0 -1
- package/dist/components/file-icon/index.js +1 -1
- package/dist/components/footer/index.js +1 -1
- package/dist/components/footer/mobile/index.js +1 -1
- package/dist/components/header/index.js +1 -1
- package/dist/components/header/menu/toggle-button/styled.d.ts +0 -1
- package/dist/components/header/menu-nav/config.js +1 -1
- package/dist/components/header/menu-nav/index.js +1 -1
- package/dist/components/header/menu-nav/styled.js +2 -2
- package/dist/components/header/multi-level-menu/multi-level-menu-accordion/ui/styled.js +1 -1
- package/dist/components/header/multi-level-menu/multi-level-menu-first-level/ui/styled.js +1 -1
- package/dist/components/header/multi-level-menu/styled.js +1 -1
- package/dist/components/header/styled.js +1 -1
- package/dist/components/header/user/button/styled.d.ts +0 -1
- package/dist/components/image-fullscreen/index.js +1 -1
- package/dist/components/image-fullscreen/styled.d.ts +0 -2
- package/dist/components/input-message/index.d.ts +5 -7
- package/dist/components/input-message/index.js +1 -1
- package/dist/components/input-message/input-files.d.ts +7 -0
- package/dist/components/input-message/input-files.js +1 -0
- package/dist/components/input-message/styled.d.ts +5710 -4010
- package/dist/components/input-message/styled.js +26 -6
- package/dist/components/input-message/types.d.ts +10 -0
- package/dist/components/input-message/use-files.d.ts +19 -0
- package/dist/components/input-message/use-files.js +1 -0
- package/dist/components/input-message/use-input.d.ts +31 -0
- package/dist/components/input-message/use-input.js +1 -0
- package/dist/components/input-message/use-voice.d.ts +17 -0
- package/dist/components/input-message/use-voice.js +1 -0
- package/dist/components/input-message/utils.d.ts +1 -0
- package/dist/components/input-message/utils.js +1 -1
- package/dist/components/lang-switcher/styled.d.ts +0 -1
- package/dist/components/lang-switcher/styled.js +1 -1
- package/dist/components/loader/index.js +1 -1
- package/dist/components/main/index.js +1 -1
- package/dist/components/menu-dropdown/styled.d.ts +0 -1
- package/dist/components/message/actions/index.d.ts +1 -3
- package/dist/components/message/actions/index.js +1 -1
- package/dist/components/message/actions/styled.js +1 -1
- package/dist/components/message/button/styled.d.ts +0 -1
- package/dist/components/message/components/code/multiline/content/highlight.d.ts +1 -3
- package/dist/components/message/components/code/multiline/content/highlight.js +1 -1
- package/dist/components/message/components/code/multiline/content/index.js +1 -1
- package/dist/components/message/components/code/multiline/content/styled.d.ts +1 -1
- package/dist/components/message/components/code/multiline/content/styled.js +1 -1
- package/dist/components/message/components/code/multiline/copy/styled.d.ts +0 -1
- package/dist/components/message/components/image/button/styled.d.ts +0 -1
- package/dist/components/message/components/paragraph/styled.js +1 -0
- package/dist/components/message/components/pre/styled.js +1 -1
- package/dist/components/message/copy/styled.d.ts +0 -1
- package/dist/components/message/file/index.js +1 -1
- package/dist/components/message/file/styled.d.ts +3 -3
- package/dist/components/message/file/styled.js +1 -1
- package/dist/components/message/index.d.ts +1 -0
- package/dist/components/message/index.js +1 -1
- package/dist/components/message/list/index.js +1 -1
- package/dist/components/message/list/styled.js +4 -4
- package/dist/components/message/markdown/index.js +1 -1
- package/dist/components/message/reasoning-block/index.js +1 -1
- package/dist/components/message/scroll-button/styled.js +1 -1
- package/dist/components/message/search-results/index.js +1 -1
- package/dist/components/message/styled.d.ts +0 -6
- package/dist/components/message/styled.js +1 -1
- package/dist/components/message/timestamp/styled.js +1 -1
- package/dist/components/message/video/index.js +1 -1
- package/dist/components/message/video/styled.d.ts +0 -1
- package/dist/components/message/voice/index.js +1 -1
- package/dist/components/message/voice/styled.d.ts +1 -2
- package/dist/components/message/voice/styled.js +2 -2
- package/dist/components/notification/styled.d.ts +0 -1
- package/dist/components/pagination/paginator.d.ts +1 -1
- package/dist/components/pagination/paginator.js +1 -1
- package/dist/components/pagination/styled.d.ts +972 -0
- package/dist/components/pagination/styled.js +5 -5
- package/dist/components/pagination/types.d.ts +1 -0
- package/dist/components/portal/styled.js +1 -1
- package/dist/components/preset/card/styled.d.ts +0 -4
- package/dist/components/referral/card/styled.d.ts +0 -1
- package/dist/components/referral/list/styled.d.ts +0 -1
- package/dist/components/scrollable-tabs/styled.js +1 -1
- package/dist/components/scrollbar/index.d.ts +0 -1
- package/dist/components/scrollbar/index.js +1 -1
- package/dist/components/select-field/index.d.ts +2 -1
- package/dist/components/select-field/index.js +1 -1
- package/dist/components/select-field/select-modal/filterData.js +1 -1
- package/dist/components/select-field/select-modal/index.d.ts +4 -2
- package/dist/components/select-field/select-modal/index.js +1 -1
- package/dist/components/select-field/select-modal/option/checkbox-group/index.d.ts +14 -0
- package/dist/components/select-field/select-modal/option/checkbox-group/index.js +1 -0
- package/dist/components/select-field/select-modal/option/checkbox-group/styled.d.ts +2779 -0
- package/dist/components/select-field/select-modal/option/checkbox-group/styled.js +14 -0
- package/dist/components/select-field/select-modal/option/collapse/index.d.ts +1 -1
- package/dist/components/select-field/select-modal/option/list/index.d.ts +1 -10
- package/dist/components/select-field/select-modal/option/list/index.js +1 -1
- package/dist/components/select-field/select-modal/option/list/styled.d.ts +1432 -0
- package/dist/components/select-field/select-modal/option/list/styled.js +1 -1
- package/dist/components/select-field/select-modal/option/select-field-option/styled.js +1 -1
- package/dist/components/select-field/select-modal/option/types.d.ts +13 -0
- package/dist/components/select-field/styled.d.ts +486 -1
- package/dist/components/select-field/styled.js +15 -15
- package/dist/components/select-field/types.d.ts +5 -1
- package/dist/components/select-field/useSelectField.js +1 -1
- package/dist/components/sidebar/buttons/create-chat/index.d.ts +4 -0
- package/dist/components/sidebar/buttons/create-chat/index.js +1 -0
- package/dist/components/sidebar/buttons/index.d.ts +6 -1835
- package/dist/components/sidebar/buttons/index.js +1 -26
- package/dist/components/sidebar/buttons/styled.d.ts +1526 -0
- package/dist/components/sidebar/buttons/styled.js +31 -0
- package/dist/components/sidebar/chat/index.d.ts +13 -1
- package/dist/components/sidebar/chat/index.js +1 -1
- package/dist/components/sidebar/chat/styled.d.ts +3707 -270
- package/dist/components/sidebar/chat/styled.js +77 -3
- package/dist/components/sidebar/context.d.ts +3 -2
- package/dist/components/sidebar/context.js +1 -1
- package/dist/components/sidebar/dropdown/context.js +1 -1
- package/dist/components/sidebar/dropdown/index.d.ts +3 -2
- package/dist/components/sidebar/dropdown/index.js +1 -1
- package/dist/components/sidebar/dropdown/item/index.d.ts +5 -4
- package/dist/components/sidebar/dropdown/item/index.js +1 -1
- package/dist/components/sidebar/dropdown/item/styled.d.ts +584 -0
- package/dist/components/sidebar/dropdown/item/styled.js +1 -0
- package/dist/components/sidebar/dropdown/styled.d.ts +1126 -2645
- package/dist/components/sidebar/dropdown/styled.js +1 -1
- package/dist/components/sidebar/empty/index.d.ts +3 -0
- package/dist/components/sidebar/empty/index.js +1 -0
- package/dist/components/sidebar/empty/styled.d.ts +1063 -0
- package/dist/components/sidebar/empty/styled.js +3 -0
- package/dist/components/sidebar/group/index.d.ts +12 -6
- package/dist/components/sidebar/group/index.js +1 -1
- package/dist/components/sidebar/group/styled.d.ts +2505 -1288
- package/dist/components/sidebar/group/styled.js +32 -1
- package/dist/components/sidebar/group-empty/index.d.ts +5 -0
- package/dist/components/sidebar/group-empty/index.js +1 -0
- package/dist/components/sidebar/group-empty/styled.d.ts +1060 -0
- package/dist/components/sidebar/group-empty/styled.js +9 -0
- package/dist/components/sidebar/index.d.ts +12 -7
- package/dist/components/sidebar/index.js +1 -1
- package/dist/components/sidebar/lang/index.d.ts +1 -0
- package/dist/components/sidebar/lang/styled.js +1 -1
- package/dist/components/sidebar/menu/context.d.ts +7 -9
- package/dist/components/sidebar/menu/context.js +1 -1
- package/dist/components/sidebar/menu/index.d.ts +8 -4
- package/dist/components/sidebar/menu/index.js +1 -1
- package/dist/components/sidebar/menu/nav/index.d.ts +1 -0
- package/dist/components/sidebar/menu/nav/link/index.d.ts +9 -0
- package/dist/components/sidebar/menu/nav/link/index.js +1 -0
- package/dist/components/sidebar/menu/nav/link/styled.d.ts +299 -0
- package/dist/components/sidebar/menu/nav/link/styled.js +39 -0
- package/dist/components/sidebar/menu/styled.d.ts +855 -1330
- package/dist/components/sidebar/menu/styled.js +36 -1
- package/dist/components/sidebar/styled.d.ts +3795 -37
- package/dist/components/sidebar/styled.js +225 -1
- package/dist/components/sidebar/toggle-button/index.js +1 -1
- package/dist/components/sidebar/toggle-button/styled.d.ts +1 -304
- package/dist/components/sidebar/toggle-button/styled.js +2 -2
- package/dist/components/sidebar/user-info/avatar/index.js +1 -1
- package/dist/components/sidebar/user-info/context.d.ts +8 -0
- package/dist/components/sidebar/user-info/context.js +1 -0
- package/dist/components/sidebar/user-info/index.d.ts +3 -2
- package/dist/components/sidebar/user-info/index.js +1 -1
- package/dist/components/sidebar/user-info/skeleton/index.d.ts +1 -0
- package/dist/components/sidebar/user-info/skeleton/index.js +1 -0
- package/dist/components/sidebar/user-info/skeleton/styled.d.ts +290 -0
- package/dist/components/sidebar/user-info/skeleton/styled.js +1 -0
- package/dist/components/sidebar/user-info/styled.d.ts +23 -17
- package/dist/components/sidebar/user-info/styled.js +95 -1
- package/dist/components/slider/index.d.ts +3 -2
- package/dist/components/slider/index.js +1 -1
- package/dist/components/slider/useSlider.d.ts +4 -1
- package/dist/components/slider/useSlider.js +1 -1
- package/dist/components/stepper/styled.js +1 -1
- package/dist/components/tariff/card/styled.d.ts +0 -1
- package/dist/components/tariff/card/styled.js +3 -3
- package/dist/components/text-field/index.js +1 -1
- package/dist/components/text-field/styled.d.ts +0 -1
- package/dist/components/theme-schemes/theme-button/styled.d.ts +0 -2
- package/dist/components/tooltip/styled.js +1 -1
- package/dist/components/uploaded-file/index.d.ts +4 -3
- package/dist/components/uploaded-file/index.js +1 -1
- package/dist/components/uploaded-file/styled.d.ts +5 -4
- package/dist/components/uploaded-file/styled.js +1 -1
- package/dist/icons/blue-grok/index.d.ts +1 -0
- package/dist/icons/blue-grok/index.js +1 -0
- package/dist/icons/bulb/index.d.ts +1 -0
- package/dist/icons/bulb/index.js +1 -0
- package/dist/icons/chats/index.js +1 -1
- package/dist/icons/check-small/index.js +1 -1
- package/dist/icons/code/index.d.ts +1 -0
- package/dist/icons/code/index.js +1 -0
- package/dist/icons/double-image/index.d.ts +1 -0
- package/dist/icons/double-image/index.js +1 -0
- package/dist/icons/history/index.d.ts +1 -0
- package/dist/icons/history/index.js +1 -0
- package/dist/icons/image/index.d.ts +1 -0
- package/dist/icons/image/index.js +1 -0
- package/dist/icons/index.d.ts +12 -1
- package/dist/icons/money-plus/index.d.ts +1 -0
- package/dist/icons/money-plus/index.js +1 -0
- package/dist/icons/money-stack/index.d.ts +1 -0
- package/dist/icons/money-stack/index.js +1 -0
- package/dist/icons/pause-button/index.js +1 -1
- package/dist/icons/play-button/index.js +1 -1
- package/dist/icons/prompt-queue/index.d.ts +1 -0
- package/dist/icons/prompt-queue/index.js +1 -0
- package/dist/icons/simple-gear/index.js +1 -1
- package/dist/icons/sort-numeric-bottom/index.d.ts +1 -0
- package/dist/icons/sort-numeric-bottom/index.js +1 -0
- package/dist/icons/sort-numeric-top/index.d.ts +1 -0
- package/dist/icons/sort-numeric-top/index.js +1 -0
- package/dist/icons/text/index.d.ts +1 -0
- package/dist/icons/text/index.js +1 -0
- package/dist/index.js +1 -1
- package/dist/theme/index.d.ts +1 -1
- package/dist/theme/themes.js +1 -1
- package/dist/utils/audio/index.d.ts +1 -0
- package/dist/utils/index.d.ts +2 -0
- package/package.json +71 -71
- package/dist/components/sidebar/chat/skeleton.d.ts +0 -1
- package/dist/components/sidebar/chat/skeleton.js +0 -1
- package/dist/components/sidebar/group/skeleton.d.ts +0 -2
- package/dist/components/sidebar/group/skeleton.js +0 -1
- package/dist/components/sidebar/list/index.d.ts +0 -4
- package/dist/components/sidebar/list/index.js +0 -1
- package/dist/components/sidebar/list/styled.d.ts +0 -4
- package/dist/components/sidebar/list/styled.js +0 -1
- package/dist/components/sidebar/menu/item/index.d.ts +0 -9
- package/dist/components/sidebar/menu/item/index.js +0 -1
- package/dist/components/sidebar/menu/item/tooltip.d.ts +0 -6
- package/dist/components/sidebar/menu/item/tooltip.js +0 -1
- package/dist/components/sidebar/user-info/skeleton.d.ts +0 -2
- package/dist/components/sidebar/user-info/skeleton.js +0 -1
- /package/dist/{components/message/voice/utils/index.d.ts → utils/formatSeconds.d.ts} +0 -0
- /package/dist/{components/message/voice/utils/index.js → utils/formatSeconds.js} +0 -0
|
@@ -1,14 +1,34 @@
|
|
|
1
|
-
import{
|
|
1
|
+
import{jsxs as e,Fragment as t,jsx as o}from"react/jsx-runtime";import{styled as i,css as a,keyframes as r}from"styled-components";import{animated as s}from"@react-spring/web";import{Button as n}from"../button/index.js";import{EnterIcon as l}from"../../icons/enter/index.js";import{SendIcon as d}from"../../icons/send/index.js";import{CloseIcon as c}from"../../icons/close/index.js";import{Chip as p}from"../chip/index.js";import{VoiceIcon as m}from"../../icons/voice/index.js";import{PauseIcon as g}from"../../icons/pause/index.js";import{PlayIcon as u}from"../../icons/play/index.js";import{ExclamationIcon as y}from"../../icons/exclamation/index.js";import"tslib";import{IconProvider as h}from"../icon/context.js";import"../icon/styled.js";import"react";import"react-markdown";import"react-dom";import"../portal/styled.js";import"../tooltip/styled.js";import"../tooltip/arrow/styled.js";import"../../theme/index.js";import"../tooltip/context.js";import{Typography as f}from"../typography/index.js";import{adaptive as x}from"../../adaptive/index.js";import"unified";import"remark-parse";import"remark-gfm";import"mdast-util-to-markdown";import{isBright as b}from"../../utils/colors/isBright.js";import"../../utils/colors/calculateGrayScale.js";import"../../utils/colors/calculateAccentColors.js";const w=i.div.withConfig({displayName:"styled__InputMessageStyled",componentId:"sc-4jukeb-0"})(["display:flex;flex-direction:column;gap:14px;position:relative;border-radius:10px;border:1px solid ",";background:",";width:100%;padding:14px 20px;max-width:",";box-sizing:border-box;overflow:visible;cursor:",";outline:none;"," ",""],({theme:e,$active:t,$disabled:o})=>o?e.colors.grayScale.gray2:t?e.colors.accent.primary:e.colors.grayScale.gray2,({theme:e,$disabled:t})=>t?e.colors.grayScale.gray3:"light"===e.mode?e.default.colors.base.white:e.colors.grayScale.gray4,({theme:e})=>e.dashboard.chat.containerWidth,({$disabled:e,$textAreaDisabled:t,$voiceRecording:o})=>e?"not-allowed":t||o?"default":"text",({$disabled:e})=>!e&&a`
|
|
2
2
|
&:hover {
|
|
3
3
|
border-color: ${({theme:e})=>e.colors.accent.primary};
|
|
4
4
|
}
|
|
5
|
-
`,({$dragActive:e})=>e&&"\n opacity: 0.85;\n "),
|
|
5
|
+
`,({$dragActive:e})=>e&&"\n opacity: 0.85;\n "),I=i.div.withConfig({displayName:"styled__InputMessageContent",componentId:"sc-4jukeb-1"})(["width:100%;gap:14px;display:grid;grid-template-areas:'input input input' 'configure . buttons';grid-auto-rows:min-content;grid-auto-columns:min-content auto min-content;align-items:center;"]),k=i.div.withConfig({displayName:"styled__InputMessageConfigure",componentId:"sc-4jukeb-2"})(["display:flex;align-items:center;gap:14px;position:relative;width:fit-content;height:100%;user-select:none;grid-area:configure;"]),_=i.button.withConfig({displayName:"styled__InputMessageConfigureButton",componentId:"sc-4jukeb-3"})(["all:unset;display:flex;align-items:center;padding:10px;border-radius:8px;background-color:",";transition:background-color 300ms ease-in-out,transform 50ms ease-in;&:hover{cursor:pointer;background-color:",";}&:active{transform:scale(0.98) translateY(1px);}",""],({theme:e})=>"dark"===e.mode?e.colors.grayScale.gray4:e.colors.base.black,({theme:e})=>e.colors.grayScale.gray3,({theme:e,$disabled:t})=>t&&a`
|
|
6
|
+
background-color: ${e.colors.grayScale.gray2} !important;
|
|
7
|
+
`),j=i(s.div).withConfig({displayName:"styled__InputMessageConfigureMenu",componentId:"sc-4jukeb-4"})(["position:absolute;bottom:calc(100% + 8px);left:0;width:max-content;display:flex;justify-content:center;flex-direction:column;padding:8px;border-radius:10px;border:1px solid ",";background-color:",";"],({theme:e})=>e.colors.grayScale.gray2,({theme:e})=>e.colors.grayScale.gray4),v=a`
|
|
8
|
+
all: unset;
|
|
9
|
+
display: flex;
|
|
10
|
+
flex: 1;
|
|
11
|
+
align-items: center;
|
|
12
|
+
padding: 10px 12px;
|
|
13
|
+
gap: 8px;
|
|
14
|
+
border-radius: 8px;
|
|
15
|
+
`,C=i.button.attrs(({theme:i,children:a,icon:r})=>({children:e(t,{children:[r&&o(h,{fill:i.colors.base.white,size:18,children:r}),o(f,{variant:"body-m-medium",children:a})]})})).withConfig({displayName:"styled__InputMessageMenuOption",componentId:"sc-4jukeb-5"})([""," &:hover{cursor:pointer;background-color:",";}&:active{transform:scale(0.98) translateY(1px);}"],v,({theme:e})=>e.colors.grayScale.gray3),M=i.div.withConfig({displayName:"styled__InputMessageUploadFile",componentId:"sc-4jukeb-6"})(["display:inline-flex;"]),S=i.input.attrs({id:"inputMessageUploadFileInput"}).withConfig({displayName:"styled__InputMessageUploadFileInput",componentId:"sc-4jukeb-7"})(["display:none;"]),N=i.label.attrs({htmlFor:"inputMessageUploadFileInput"}).withConfig({displayName:"styled__InputMessageUploadFileLabel",componentId:"sc-4jukeb-8"})([""," ",""],v,({theme:e,$disabled:t})=>t?a`
|
|
16
|
+
background-color: ${e.colors.grayScale.gray2};
|
|
17
|
+
`:a`
|
|
18
|
+
&:hover {
|
|
19
|
+
cursor: pointer;
|
|
20
|
+
background-color: ${({theme:e})=>e.colors.grayScale.gray3};
|
|
21
|
+
}
|
|
22
|
+
&:active {
|
|
23
|
+
transform: scale(0.98) translateY(1px);
|
|
24
|
+
}
|
|
25
|
+
`),$=i.hr.withConfig({displayName:"styled__InputMessageMenuHr",componentId:"sc-4jukeb-9"})(["all:unset;margin-block:8px;height:1px;width:100%;background-color:",";"],({theme:e})=>e.colors.grayScale.gray2),F=i.div.withConfig({displayName:"styled__InputMessageMain",componentId:"sc-4jukeb-10"})(["display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:14px;width:100%;grid-area:input;"]),z=i.div.withConfig({displayName:"styled__InputMessageButtons",componentId:"sc-4jukeb-11"})(["display:flex;gap:10px;align-items:center;grid-area:buttons;"]),V=i.div.withConfig({displayName:"styled__InputMessageFilesStyled",componentId:"sc-4jukeb-12"})(["display:flex;flex-wrap:wrap;gap:10px 14px;cursor:default;max-height:200px;overflow-y:auto;"]),A=i(p).attrs({variant:"input"}).withConfig({displayName:"styled__InputMessageFile",componentId:"sc-4jukeb-13"})([""]),B=i(V).withConfig({displayName:"styled__InputMessageVoiceFiles",componentId:"sc-4jukeb-14"})(["width:100%;"]),R=i.div.withConfig({displayName:"styled__InputMessageVoiceTrack",componentId:"sc-4jukeb-15"})(["display:flex;gap:14px;align-items:center;"]),U=i(f).attrs(({theme:i,children:a})=>({variant:"body-m-regular",children:e(t,{children:[o(y,{fill:i.colors.accent.primaryLight}),a]})})).withConfig({displayName:"styled__InputMessageConcatenateWarning",componentId:"sc-4jukeb-16"})(["display:flex;align-items:center;gap:8px;color:",";"],({theme:e})=>e.colors.accent.primaryLight),K=i(n).attrs({variant:"text",children:o(c,{}),disableHoverColor:!0}).withConfig({displayName:"styled__InputMessageVoiceFileDelete",componentId:"sc-4jukeb-17"})(["&:hover{svg path{fill:",";}}"],({theme:e})=>e.colors.accent.primary),T=i.textarea.withConfig({displayName:"styled__InputMessageTextArea",componentId:"sc-4jukeb-18"})(["display:flex;height:auto;width:100%;min-height:22px;max-height:270px;background:none;outline:none;resize:none;border:none;color:",";flex-shrink:0;overflow:auto;scrollbar-width:none;padding:0px;&::placeholder{color:",";}&::-webkit-scrollbar{display:none;}"," font-weight:400;font-size:18px;line-height:23.4px;@media (max-width:","){font-size:16px;line-height:22px;}"],({theme:e,$disabled:t})=>t?e.colors.grayScale.gray1:e.colors.base.white,({theme:e})=>e.colors.grayScale.gray1,({$disabled:e})=>e&&a`
|
|
6
26
|
cursor: not-allowed;
|
|
7
|
-
`,({theme:e})=>e.mobile.maxWidth),
|
|
27
|
+
`,({theme:e})=>e.mobile.maxWidth),Y=i(n).withConfig({displayName:"styled__InputMessageSendButton",componentId:"sc-4jukeb-19"})(["flex-shrink:0;svg{pointer-events:none;}"]),D=i(n).attrs({variant:"text",children:o(g,{})}).withConfig({displayName:"styled__InputMessageVoicePauseButton",componentId:"sc-4jukeb-20"})(["padding:10px;margin-left:10px;"]),H=i(D).attrs({children:o(u,{})}).withConfig({displayName:"styled__InputMessageVoicePlayButton",componentId:"sc-4jukeb-21"})([""]),L=i(Y).attrs(({theme:e,disabled:t})=>({variant:"text",startIcon:o(m,{}),iconFill:t?e.colors.grayScale.gray1:b(e.colors.grayScale.gray4)?e.default.colors.base.black:e.default.colors.base.white,disableHoverColor:!0})).withConfig({displayName:"styled__InputMessageVoiceButton",componentId:"sc-4jukeb-22"})(["margin-inline:10px;padding:10px;border-radius:8px;background-color:",";position:relative;z-index:0;"," &:before{content:'';height:140%;width:140%;position:absolute;top:-20%;left:-20%;background-color:",";opacity:",";filter:blur(18px);z-index:-1;transition:opacity 300ms ease-out;}"],({theme:e,$isRecording:t})=>t?e.colors.critic:"transparent",({theme:e,$isRecording:t})=>t&&a`
|
|
8
28
|
svg path {
|
|
9
29
|
fill: ${e.default.colors.base.white} !important;
|
|
10
30
|
}
|
|
11
|
-
`,({theme:e})=>e.colors.critic,({$isRecording:e})=>e?1:0),
|
|
31
|
+
`,({theme:e})=>e.colors.critic,({$isRecording:e})=>e?1:0),W=d,O=i.div.withConfig({displayName:"styled__InputMessageVoiceRecord",componentId:"sc-4jukeb-23"})(["display:flex;align-items:center;gap:8px;"]),P=i.span.withConfig({displayName:"styled__InputMessageVoiceRecordDot",componentId:"sc-4jukeb-24"})(["display:inline-flex;width:8px;height:8px;background:",";border-radius:50%;animation:"," 1s ease-in-out infinite;"],({theme:e})=>e.colors.critic,()=>r`
|
|
12
32
|
from {
|
|
13
33
|
opacity: 1;
|
|
14
34
|
}
|
|
@@ -18,8 +38,8 @@ import{jsx as e,jsxs as t,Fragment as o}from"react/jsx-runtime";import{styled as
|
|
|
18
38
|
to {
|
|
19
39
|
opacity: 1;
|
|
20
40
|
}
|
|
21
|
-
`),
|
|
41
|
+
`),G=i(f).attrs({variant:"body-s-medium"}).withConfig({displayName:"styled__InputMessageVoiceRecordTimeText",componentId:"sc-4jukeb-25"})(["cursor:default;"]),q=i.div.withConfig({displayName:"styled__InputMessageAltKeyStyled",componentId:"sc-4jukeb-26"})(["position:relative;width:fit-content;height:fit-content;",""],x({tablet:a`
|
|
22
42
|
display: none;
|
|
23
43
|
`,mobile:a`
|
|
24
44
|
display: none;
|
|
25
|
-
`})),
|
|
45
|
+
`})),E=i(n).attrs({variant:"text",startIcon:o(l,{}),iconSize:24}).withConfig({displayName:"styled__InputMessageAltKeyButton",componentId:"sc-4jukeb-27"})(["svg{g path{fill:"," !important;}}display:flex;&:hover{svg{path{fill:"," !important;}}}"],({theme:e})=>e.colors.grayScale.gray3,({theme:e})=>"dark"===e.mode?e.colors.grayScale.gray2:e.colors.grayScale.gray1),J=i(s.div).withConfig({displayName:"styled__InputMessageAltKeyModalStyled",componentId:"sc-4jukeb-28"})(["display:flex;flex-direction:column;gap:6px;max-height:fit-content;width:max-content;max-width:60vw;padding:6px;position:absolute;bottom:calc(100% + 10px);right:0;border-radius:10px;border:1px "," solid;background-color:",";z-index:50;user-select:none;-moz-user-select:none;-webkit-user-select:none;"],({theme:e})=>e.colors.grayScale.gray2,({theme:e})=>"dark"===e.mode?e.colors.grayScale.gray4:e.default.colors.base.white),Q=i.button.withConfig({displayName:"styled__InputMessageAltKeyModalOption",componentId:"sc-4jukeb-29"})(["all:unset;margin:0;padding:12px;border-radius:8px;background-color:",";cursor:pointer;transition:opacity 0.1s ease-in-out,transform 0.1s ease-in-out,filter 0.1s ease-in-out;&:hover{filter:",";transition:filter 100ms ease-in-out;}&:active{transform:translateY(1px);}"],({theme:e,active:t})=>"dark"===e.mode?t?e.colors.grayScale.gray3:e.colors.grayScale.gray4:t?e.colors.grayScale.gray3:e.default.colors.base.white,({theme:e})=>"dark"===e.mode?"brightness(120%)":"brightness(80%)");export{E as InputMessageAltKeyButton,Q as InputMessageAltKeyModalOption,J as InputMessageAltKeyModalStyled,q as InputMessageAltKeyStyled,z as InputMessageButtons,U as InputMessageConcatenateWarning,k as InputMessageConfigure,_ as InputMessageConfigureButton,j as InputMessageConfigureMenu,I as InputMessageContent,A as InputMessageFile,V as InputMessageFilesStyled,F as InputMessageMain,$ as InputMessageMenuHr,C as InputMessageMenuOption,Y as InputMessageSendButton,W as InputMessageSendIcon,w as InputMessageStyled,T as InputMessageTextArea,M as InputMessageUploadFile,S as InputMessageUploadFileInput,N as InputMessageUploadFileLabel,L as InputMessageVoiceButton,K as InputMessageVoiceFileDelete,B as InputMessageVoiceFiles,D as InputMessageVoicePauseButton,H as InputMessageVoicePlayButton,O as InputMessageVoiceRecord,P as InputMessageVoiceRecordDot,G as InputMessageVoiceRecordTimeText,R as InputMessageVoiceTrack};
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import React from 'react';
|
|
1
2
|
export interface IInputMessageFile {
|
|
2
3
|
name: string;
|
|
3
4
|
previewUrl: string | null;
|
|
@@ -9,3 +10,12 @@ export interface IInputMessageVoiceFile {
|
|
|
9
10
|
src: string;
|
|
10
11
|
blob: Blob;
|
|
11
12
|
}
|
|
13
|
+
export interface IConfigureOption {
|
|
14
|
+
icon?: React.ReactNode;
|
|
15
|
+
children?: React.ReactNode;
|
|
16
|
+
onClick?: () => unknown;
|
|
17
|
+
}
|
|
18
|
+
export type InputMessageErrorEvent = {
|
|
19
|
+
name: 'WRONG_FILES';
|
|
20
|
+
payload: File[];
|
|
21
|
+
};
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { IInputMessageFile, InputMessageErrorEvent } from './types';
|
|
2
|
+
interface UseFilesProps {
|
|
3
|
+
initialFiles?: IInputMessageFile[];
|
|
4
|
+
uploadFileAccept?: string;
|
|
5
|
+
uploadFileLimit: number;
|
|
6
|
+
uploadFileDisabled?: boolean;
|
|
7
|
+
emitError?: (e: InputMessageErrorEvent) => unknown;
|
|
8
|
+
onFilesChange?: (files: IInputMessageFile[]) => unknown;
|
|
9
|
+
onUploadFileChange?: () => unknown;
|
|
10
|
+
}
|
|
11
|
+
export declare const useFiles: ({ initialFiles, uploadFileAccept, uploadFileLimit, uploadFileDisabled, emitError, onFilesChange, onUploadFileChange, }: UseFilesProps) => {
|
|
12
|
+
files: IInputMessageFile[];
|
|
13
|
+
setFiles: ((files: IInputMessageFile[]) => unknown) | undefined;
|
|
14
|
+
handleSideUploadFiles: (uploadFiles: File[]) => Promise<void>;
|
|
15
|
+
handleFilePaste: import("react").ClipboardEventHandler<Element>;
|
|
16
|
+
handleFileInputChange: import("react").ChangeEventHandler<HTMLInputElement>;
|
|
17
|
+
handleDeleteFile: (file: IInputMessageFile) => void;
|
|
18
|
+
};
|
|
19
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{__awaiter as e}from"tslib";import{useState as i,useCallback as l,useEffect as n}from"react";import{getPreviewUrlForFile as t,isFileTypeAccepted as o,formatUploadFiles as a}from"./utils.js";const r=({initialFiles:r,uploadFileAccept:d,uploadFileLimit:s,uploadFileDisabled:p,emitError:u,onFilesChange:f,onUploadFileChange:m})=>{const[c,v]=Array.isArray(r)?[r,f]:i([]),h=l(i=>e(void 0,void 0,void 0,function*(){if(!i.length)return;const e=[],l=[],n=yield Promise.all(null==i?void 0:i.map(t));for(const[t,a]of i.entries()){o(a.type,d)?e.push({previewUrl:n[t],name:a.name,native:a}):l.push(a)}l.length>0&&(null==u||u({name:"WRONG_FILES",payload:l})),(null==e?void 0:e.length)>0&&(null==v||v([...c,...e].slice(0,s)))}),[d,u,s,c]),F=l(i=>e(void 0,void 0,void 0,function*(){!p&&i.clipboardData.files.length>0&&(i.preventDefault(),yield h([...i.clipboardData.files]))}),[h,p]),g=l(i=>e(void 0,void 0,void 0,function*(){if(!v||!i.target.files)return;const e=yield a([...c.map(({native:e})=>e),...i.target.files]);v(e.slice(0,s)),null==m||m()}),[c,v,s]),y=l(e=>{null==v||v(c.filter(({name:i})=>i!==e.name))},[v,c]);return n(()=>{v&&r&&v(r)},[r]),{files:c,setFiles:v,handleSideUploadFiles:h,handleFilePaste:F,handleFileInputChange:g,handleDeleteFile:y}};export{r as useFiles};
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
interface UseInputProps {
|
|
2
|
+
initialMessage?: string;
|
|
3
|
+
disabled?: boolean;
|
|
4
|
+
autoFocus?: boolean;
|
|
5
|
+
altKeyDefaultValue?: boolean;
|
|
6
|
+
onChange?: (value: string) => unknown;
|
|
7
|
+
onSendMessage?: () => unknown;
|
|
8
|
+
onTextAreaChange?: React.ChangeEventHandler<HTMLTextAreaElement>;
|
|
9
|
+
onSetAlternativeKeyValue?: (value: boolean) => unknown;
|
|
10
|
+
onFocus?: (e: React.FocusEvent<HTMLTextAreaElement, Element>) => unknown;
|
|
11
|
+
onBlur?: (e: React.FocusEvent<HTMLTextAreaElement, Element>) => unknown;
|
|
12
|
+
}
|
|
13
|
+
export declare const useInput: ({ initialMessage, disabled, autoFocus, altKeyDefaultValue, onChange, onSendMessage, onTextAreaChange, onSetAlternativeKeyValue, onFocus, onBlur, }: UseInputProps) => {
|
|
14
|
+
textareaRef: import("react").RefObject<HTMLTextAreaElement | null>;
|
|
15
|
+
altKeyButtonRef: import("react").RefObject<HTMLDivElement | null>;
|
|
16
|
+
isFocus: boolean;
|
|
17
|
+
isAltKey: boolean;
|
|
18
|
+
height: string;
|
|
19
|
+
message: string;
|
|
20
|
+
isAltKeyModalShown: boolean;
|
|
21
|
+
setHeight: import("react").Dispatch<import("react").SetStateAction<string>>;
|
|
22
|
+
setMessage: ((value: string) => unknown) | undefined;
|
|
23
|
+
setAltKeyModalShown: import("react").Dispatch<import("react").SetStateAction<boolean>>;
|
|
24
|
+
handleDefaultKey: () => void;
|
|
25
|
+
handleAlternativeKey: () => void;
|
|
26
|
+
handleFocus: import("react").FocusEventHandler<HTMLTextAreaElement>;
|
|
27
|
+
handleBlur: import("react").FocusEventHandler<HTMLTextAreaElement>;
|
|
28
|
+
handleClick: () => void;
|
|
29
|
+
handleChange: import("react").ChangeEventHandler<HTMLTextAreaElement>;
|
|
30
|
+
};
|
|
31
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{useRef as e,useState as t,useCallback as l,useEffect as n}from"react";import{isMobileDevice as r}from"./utils.js";const s=({initialMessage:s,disabled:a,autoFocus:o,altKeyDefaultValue:u,onChange:c,onSendMessage:i,onTextAreaChange:h,onSetAlternativeKeyValue:f,onFocus:y,onBlur:d})=>{var v;const g=e(null),p=e(null),[K,m]=t(null!==(v=!a&&o)&&void 0!==v&&v),[b,x]=t("calc(var(--bothub-scale, 1) * 22px)"),[E,k]="string"==typeof s?[s,c]:t(""),[A,S]=t(null!=u&&u),[M,w]=t(!1),C=l(()=>{S(!1),null==f||f(!1),w(!1)},[]),D=l(()=>{S(!0),null==f||f(!0),w(!1)},[]),F=l(e=>{m(!0),null==y||y(e)},[y]),$=l(e=>{m(!1),null==d||d(e)},[d]),B=l(()=>{var e;a||null===(e=g.current)||void 0===e||e.focus()},[a,o]),H=l(e=>{null==k||k(e.target.value),null==h||h(e)},[k,h]);return n(()=>{const e=g.current;if(!e||a)return;const t=!a&&!!o;m(t),t?e.focus():document.activeElement===e&&e.blur()},[a,o]),n(()=>{const e=g.current;if(null===e)return;const t=e=>{e.stopPropagation();if(r()&&"Enter"===e.key)return;const t=A?"enter":"ctrl/shift+enter";let l="";if("Enter"===e.key&&(e.shiftKey||e.ctrlKey))l="ctrl/shift+enter";else{if("Enter"!==e.key)return;l="enter"}if(K&&"Enter"===e.key){if(l===t&&e.ctrlKey){e.preventDefault();const t=g.current;if(!t)return;const l=t.value,r=t.selectionStart,a=l.slice(0,r),o=l.slice(r);null==k||k(`${a}\n${o}`),n=t,s=r+1,setTimeout(()=>{n.selectionStart=s,n.selectionEnd=s},1)}t!==l&&""!==l&&(e.preventDefault(),null==i||i(),x("calc(var(--bothub-scale, 1) * 22px)"))}var n,s};return e.addEventListener("keydown",t),()=>{e.removeEventListener("keydown",t)}},[K,E,i,k]),n(()=>{const e=g.current;null!==e&&(e.style.height="calc(var(--bothub-scale, 1) * 22px)",e.style.height=`${e.scrollHeight}px`,x(`${e.scrollHeight}px`))},[E,o]),{textareaRef:g,altKeyButtonRef:p,isFocus:K,isAltKey:A,height:b,message:E,isAltKeyModalShown:M,setHeight:x,setMessage:k,setAltKeyModalShown:w,handleDefaultKey:C,handleAlternativeKey:D,handleFocus:F,handleBlur:$,handleClick:B,handleChange:H}};export{s as useInput};
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { IInputMessageVoiceFile } from './types';
|
|
2
|
+
interface UseVoiceProps {
|
|
3
|
+
onVoiceFilesChange?: (files: IInputMessageVoiceFile[]) => unknown;
|
|
4
|
+
}
|
|
5
|
+
export declare const useVoice: ({ onVoiceFilesChange }: UseVoiceProps) => {
|
|
6
|
+
voiceFiles: IInputMessageVoiceFile[];
|
|
7
|
+
setVoiceFiles: import("react").Dispatch<import("react").SetStateAction<IInputMessageVoiceFile[]>>;
|
|
8
|
+
isVoiceRecording: boolean;
|
|
9
|
+
isVoicePaused: boolean;
|
|
10
|
+
voiceRecordingTime: number | null;
|
|
11
|
+
handleVoiceRecordStart: import("react").ReactEventHandler<Element>;
|
|
12
|
+
handleVoiceRecordEnd: () => Promise<void>;
|
|
13
|
+
handleVoicePause: () => void;
|
|
14
|
+
handleVoiceResume: () => void;
|
|
15
|
+
handleVoiceFileDelete: (file: IInputMessageVoiceFile) => void;
|
|
16
|
+
};
|
|
17
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{__awaiter as e}from"tslib";import{useRef as r,useState as t,useCallback as n,useEffect as o}from"react";import"unified";import"remark-parse";import"remark-gfm";import"mdast-util-to-markdown";import{getSupportedAudioMimeType as i}from"../../utils/getSupportedAudioMimeType.js";import"../../utils/colors/calculateGrayScale.js";import"../../utils/colors/calculateAccentColors.js";import{getWaveData as c}from"../../utils/audio/getWaveData.js";const a=({onVoiceFilesChange:a})=>{const u=r(null),l=r(null),s=r([]),d=r(null),m=r(!1),[v,p]=t([]),[f,w]=t(!1),[g,V]=t(!1),[R,b]=t(null),h=n(r=>e(void 0,void 0,void 0,function*(){if(f)return;m.current=!0,r.stopPropagation();const e=yield navigator.mediaDevices.getUserMedia({audio:!0}),t=new MediaRecorder(e,{mimeType:i()});m.current&&(t.start(1e3),u.current=t,l.current=e,d.current=window.setInterval(()=>{b(e=>(null!=e?e:0)+.1)},100),w(!0),b(0),V(!1))}),[m.current,s.current,f]),y=n(()=>{const e=u.current,r=l.current,t=d.current;if(f&&e&&r&&t){e.stop();for(const e of r.getTracks())e.stop();window.clearInterval(t)}},[f,u.current,l.current,d.current]),L=n(()=>e(void 0,void 0,void 0,function*(){m.current=!1,f&&y()}),[f,y]),j=n(()=>{const e=u.current,r=d.current;f&&e&&r&&(e.pause(),window.clearInterval(r),V(!0))},[f]),D=n(()=>{const e=u.current;f&&e&&(e.resume(),d.current=window.setInterval(()=>{b(e=>(null!=e?e:0)+.1)},100),V(!1))},[f,b]),E=n(e=>{p(v.filter(r=>r.src!==e.src))},[v,p]);return o(()=>{const r=u.current,t=e=>{e.data.size>0&&s.current.push(e.data)},n=()=>e(void 0,void 0,void 0,function*(){const e=new Blob(s.current,{type:i()}),{waveData:r,duration:t}=yield c(e),n={src:URL.createObjectURL(e),duration:t,blob:e,waveData:r};p([...v,n]),u.current=null,l.current=null,s.current=[],d.current=null,w(!1),b(null)});return r&&(r.addEventListener("dataavailable",t),r.addEventListener("stop",n)),()=>{r&&(r.removeEventListener("dataavailable",t),r.removeEventListener("stop",n)),y()}},[u.current]),o(()=>{null==a||a(v)},[v]),{voiceFiles:v,setVoiceFiles:p,isVoiceRecording:f,isVoicePaused:g,voiceRecordingTime:R,handleVoiceRecordStart:h,handleVoiceRecordEnd:L,handleVoicePause:j,handleVoiceResume:D,handleVoiceFileDelete:E}};export{a as useVoice};
|
|
@@ -3,3 +3,4 @@ export declare const getPreviewUrlForFile: (file: File) => Promise<string | null
|
|
|
3
3
|
export declare const formatUploadFiles: (files: File[]) => Promise<IInputMessageFile[]>;
|
|
4
4
|
export declare const formatSeconds: (seconds: number) => string;
|
|
5
5
|
export declare function isFileTypeAccepted(fileType: string, acceptStr?: string): boolean;
|
|
6
|
+
export declare const isMobileDevice: () => boolean;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{__awaiter as
|
|
1
|
+
import{__awaiter as n}from"tslib";const e=e=>n(void 0,void 0,void 0,function*(){return e.name.match(/.png$/i)||e.name.match(/.jpg$/i)||e.name.match(/.jpeg$/i)?new Promise((n,i)=>{const t=new FileReader;t.addEventListener("load",()=>{var e,r;const o=null!==(r=null===(e=t.result)||void 0===e?void 0:e.toString())&&void 0!==r?r:null;if(null===o)return i(new Error("result not found"));n(o)}),t.readAsDataURL(e)}):null}),i=i=>n(void 0,void 0,void 0,function*(){const n=yield Promise.all(i.map(e)),t=i.map((e,i)=>({name:e.name,previewUrl:n[i],native:e}));return[...new Map([...t].map(n=>[n.name,n])).values()]});function t(n,e){if(!e||""===e.trim())return!0;return e.split(",").map(n=>n.trim()).filter(Boolean).some(e=>{if(e.endsWith("/*")){const i=e.slice(0,e.length-1);return n.startsWith(i)}return e===n})}const r=()=>/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)||"ontouchstart"in window&&window.innerWidth<=768;export{i as formatUploadFiles,e as getPreviewUrlForFile,t as isFileTypeAccepted,r as isMobileDevice};
|
|
@@ -2296,7 +2296,6 @@ export declare const LangSwitcherButton: import("styled-components").IStyledComp
|
|
|
2296
2296
|
skeleton?: boolean | undefined;
|
|
2297
2297
|
htmlFor?: string | undefined;
|
|
2298
2298
|
href?: string | undefined;
|
|
2299
|
-
to?: string | undefined;
|
|
2300
2299
|
disableHoverColor?: boolean | undefined;
|
|
2301
2300
|
ref?: import("react").Ref<HTMLButtonElement | null> | undefined;
|
|
2302
2301
|
}>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{styled as i}from"styled-components";import{animated as o}from"@react-spring/web";import{Typography as s}from"../typography/index.js";import{SelectField as n}from"../select-field/index.js";import{Button as e}from"../button/index.js";import{ArrowDownIcon as t}from"../../icons/arrow-down/index.js";import"../../icons/arrow-narrow-left/index.js";import"../../icons/arrow-narrow-right/index.js";import"../../icons/arrow-up/index.js";import"../../icons/bitcoin/index.js";import"../../icons/bot-circle/index.js";import"../../icons/bothub-agg/index.js";import"../../icons/business-colored/index.js";import"../../icons/check-circle/index.js";import"../../icons/close/index.js";import"../../icons/email-circle/index.js";import"../../icons/language/index.js";import"../../icons/lock-circle/index.js";import"../../icons/menu/index.js";import"../../icons/medium-circle/index.js";import"../../icons/tg-circle/index.js";import"../../icons/tg-colored/index.js";import"../../icons/youcassa/index.js";import"../../icons/dashboard/index.js";import"../../icons/user-profile/index.js";import"../../icons/logout/index.js";import"tslib";import"react/jsx-runtime";import"../../icons/habr-2/index.js";import"../../icons/arrow-2-down/index.js";import"../../icons/links/index.js";import"../../icons/free/index.js";import"../../icons/hotness/index.js";import"../../icons/checked/index.js";import"../../icons/ai/index.js";import"../../icons/bookmarks/index.js";import"../../icons/bookmarks-big/index.js";import"../../icons/chat/index.js";import"../../icons/chats/index.js";import"../../icons/coder/index.js";import"../../icons/copy/index.js";import"../../icons/edit/index.js";import"../../icons/presets-big/index.js";import"../../icons/referal/index.js";import"../../icons/restore/index.js";import"../../icons/tariff/index.js";import"../../icons/trash/index.js";import"../../icons/update/index.js";import"../../icons/menu-dot/index.js";import"../../icons/plus-2/index.js";import"../../icons/plus-1/index.js";import"../../icons/send/index.js";import"../../icons/settings/index.js";import"../../icons/habr/index.js";import"../../icons/check-small/index.js";import"../../icons/stop/index.js";import"../../icons/thumb-up/index.js";import"../../icons/thumb-down/index.js";import"../../icons/star/index.js";import"../../icons/info-big/index.js";import"../../icons/warning-big/index.js";import"../../icons/error-big/index.js";import"../../icons/success-big/index.js";import"../../icons/mj/index.js";import"../../icons/card/index.js";import"../../icons/arrow-narrow-up/index.js";import"../../icons/arrow-narrow-down/index.js";import"../../icons/filters/index.js";import"../../icons/info/index.js";import"../../icons/search-circle/index.js";import"../../icons/save/index.js";import"../../icons/light/index.js";import"../../icons/dark/index.js";import"../../icons/email-colored/index.js";import"../../icons/action-chat/index.js";import"../../icons/attach/index.js";import"../../icons/avatar-add/index.js";import"../../icons/brush/index.js";import"../../icons/calendar/index.js";import"../../icons/claude/index.js";import"../../icons/cookie/index.js";import"../../icons/dalle/index.js";import"../../icons/download-img/index.js";import"../../icons/error/index.js";import"../../icons/expand/index.js";import"../../icons/eye/index.js";import"../../icons/face/index.js";import"../../icons/gear/index.js";import"../../icons/gear-min/index.js";import"../../icons/generation/index.js";import"../../icons/gpt-3_5/index.js";import"../../icons/gpt-4/index.js";import"../../icons/imagine/index.js";import"../../icons/imagine-2/index.js";import"../../icons/loader/index.js";import"../../icons/loader-circular/index.js";import"../../icons/loader-circular-gradient/index.js";import"../../icons/loader-circular-gradient-2/index.js";import"../../icons/minus/index.js";import"../../icons/mj-white/index.js";import"../../icons/prompt/index.js";import"../../icons/rabbit/index.js";import"../../icons/ratio-1x1/index.js";import"../../icons/ratio-2x3/index.js";import"../../icons/ratio-3x2/index.js";import"../../icons/ratio-4x5/index.js";import"../../icons/ratio-4x7/index.js";import"../../icons/ratio-5x4/index.js";import"../../icons/ratio-7x4/index.js";import"../../icons/ratio-16x9/index.js";import"../../icons/ratio-9x16/index.js";import"../../icons/ratio-21x9/index.js";import"../../icons/ratio-9x21/index.js";import"../../icons/refferal-min/index.js";import"../../icons/search-data/index.js";import"../../icons/square/index.js";import"../../icons/turtle/index.js";import"../../icons/upscale/index.js";import"../../icons/withdraw/index.js";import"../../icons/search-plus/index.js";import"../../icons/lightning/index.js";import"../../icons/blog-circle/index.js";import"../../icons/stripe/index.js";import"../../icons/corporate/index.js";import"../../icons/public/index.js";import"../../icons/private/index.js";import"../../icons/mistral/index.js";import"../../icons/gemini/index.js";import"../../icons/search-simple/index.js";import"../../icons/sad-robot/index.js";import"../../icons/model/index.js";import"../../icons/phone-colored/index.js";import"../../icons/questions/index.js";import"../../icons/pdf-big/index.js";import"../../icons/xls-big/index.js";import"../../icons/word-big/index.js";import"../../icons/txt-big/index.js";import"../../icons/pdf/index.js";import"../../icons/xls/index.js";import"../../icons/word/index.js";import"../../icons/txt/index.js";import"../../icons/bothub-logo-gradient/index.js";import"../../icons/telegram-logo-gradient/index.js";import"../../icons/decline-circle/index.js";import"../../icons/simple-gear-bg/index.js";import"../../icons/advanced-filter/index.js";import"../../icons/big-corporate/index.js";import"../../icons/big-mj/index.js";import"../../icons/big-models/index.js";import"../../icons/big-stats/index.js";import"../../icons/big-success/index.js";import"../../icons/big-users/index.js";import"../../icons/optional-presets/index.js";import"../../icons/wallet-withdraw/index.js";import"../../icons/big-presets/index.js";import"../../icons/big-favorite/index.js";import"../../icons/big-referal/index.js";import"../../icons/attach-file/index.js";import"../../icons/attach-file-big/index.js";import"../../icons/voice/index.js";import"../../icons/play-button/index.js";import"../../icons/pause-button/index.js";import"../../icons/text-read/index.js";import"../../icons/text-hide/index.js";import"../../icons/best-chat-bots/index.js";import"../../icons/upload/index.js";import"../../icons/enter/index.js";import"../../icons/discord/index.js";import"../../icons/discord-circle/index.js";import"../../icons/black-forest-labs/index.js";import"../../icons/flux/index.js";import"../../icons/stable-diffusion/index.js";import"../../icons/stability-ai/index.js";import"../../icons/article-generator/index.js";import"../../icons/success/index.js";import"../../icons/google/index.js";import"../../icons/yandex/index.js";import"../../icons/vk/index.js";import"../../icons/resend/index.js";import"../../icons/big-article/index.js";import"../../icons/add-chat/index.js";import"../../icons/add-group/index.js";import"../../icons/drag-dot/index.js";import"../../icons/add-folder/index.js";import"../../icons/temp-chat/index.js";import"../../icons/delete-chat/index.js";import"../../icons/sidebar-chat/index.js";import"../../icons/organization/index.js";import"../../icons/simple-gear/index.js";import"../../icons/text-bold/index.js";import"../../icons/text-italic/index.js";import"../../icons/text-underline/index.js";import"../../icons/text-strikethrough/index.js";import"../../icons/refresh/index.js";import"../../icons/copy-variants/index.js";import"../../icons/sort-ascending/index.js";import"../../icons/sort-descending/index.js";import"../../icons/quote/index.js";import"../../icons/url-circle/index.js";import"../../icons/show-ui/index.js";import"../../icons/hide-ui/index.js";import"../../icons/sort-user/index.js";import"../../icons/happy-robot/index.js";import"../../icons/happy-robot-gradient/index.js";import"../../icons/min-window/index.js";import"../../icons/max-window/index.js";import"../../icons/manage-chat/index.js";import"../../icons/analyze-urls/index.js";import"../../icons/web-search/index.js";import"../../icons/include-context/index.js";import"../../icons/queue/index.js";import"../../icons/sort-alphabet-ascending/index.js";import"../../icons/sort-alphabet-descending/index.js";import"../../icons/sort-date-ascending/index.js";import"../../icons/sort-date-descending/index.js";import"../../icons/cot-r1/index.js";import"../../icons/news/index.js";import"../../icons/volume/index.js";import"../../icons/flag-ru/index.js";import"../../icons/flag-kz/index.js";import"../../icons/print/index.js";import"../../icons/pc-icon-1/index.js";import"../../icons/pc-icon-2/index.js";import"../../icons/pc-icon-3/index.js";import"../../icons/star-unfilled/index.js";import"../../icons/image-generation/index.js";import"../../icons/speech-synthesys/index.js";import"../../icons/transcription/index.js";import"../../icons/text-rewrite/index.js";import"../../icons/code-generation/index.js";import"../../icons/essay-generation/index.js";import"../../icons/spelling/index.js";import"../../icons/text-generation/index.js";import"../../icons/traffic-analisys/index.js";import"../../icons/fav-profile/index.js";import"../../icons/exclamation/index.js";import"../../icons/article/index.js";import"../../icons/setchel/index.js";import"../../icons/assembly/index.js";import"../../icons/data-visualisation/index.js";import"../../icons/document-analisys/index.js";import"../../icons/problem-solvment/index.js";import"../../icons/setting-analisys/index.js";import"../../icons/translation/index.js";import"../../icons/stars/index.js";import"../../icons/academy/index.js";import"../../icons/articles/index.js";import"../../icons/blog-post/index.js";import"../../icons/book/index.js";import"../../icons/bow-tie/index.js";import"../../icons/case-study/index.js";import"../../icons/comments/index.js";import"../../icons/guide/index.js";import"../../icons/marketing/index.js";import"../../icons/post/index.js";import"../../icons/report/index.js";import"../../icons/review/index.js";import"../../icons/scientific-article/index.js";import"../../icons/selling-text/index.js";import"../../icons/textbook/index.js";import"../../icons/wind/index.js";import"../../icons/grok/index.js";import"../../icons/deepseek/index.js";import"../../icons/grid-horizontal/index.js";import"../../icons/grid-vertical/index.js";import"../../icons/star-gradient/index.js";import"../../icons/qwen/index.js";import"../../icons/sidebar-toggle-left/index.js";import"../../icons/sidebar-toggle-right/index.js";import"../../icons/system/index.js";import"../../icons/selector/index.js";import"../../icons/video-camera/index.js";import"../../icons/music-note/index.js";import"../../icons/add-profile/index.js";import"../../icons/token-counter/index.js";import"../../icons/customer-support/index.js";import"../../icons/sort-alphabet-top-bottom/index.js";import"../../icons/sort-alphabet-bottom-top/index.js";import"../../icons/pause/index.js";import"../../icons/play/index.js";import"../../icons/restore-2/index.js";import"../../icons/video-generation/index.js";import"../../icons/veo-model/index.js";import"../../icons/runway/index.js";import"../../icons/queue-select/index.js";import"../../icons/apple/index.js";import"../../icons/mail-colored/index.js";import"../../icons/shield/index.js";import"../../icons/stars-gradient/index.js";import"../../icons/fire/index.js";import"../../icons/brain/index.js";import"../../icons/mj-purple/index.js";import"../../icons/claude-black/index.js";import"../../icons/vk-filled/index.js";import"../../icons/tg/index.js";import"../../icons/gift/index.js";import"../../icons/exchange/index.js";import"../../icons/time/index.js";import"../../icons/folder/index.js";const r=i.div.withConfig({displayName:"styled__LangSwitcherStyled",componentId:"sc-13zlbee-0"})(["display:flex;flex-direction:column;align-items:center;width:fit-content;position:relative;"]),c=i(o.ul).withConfig({displayName:"styled__LangSwitcherList",componentId:"sc-13zlbee-1"})(["position:absolute;margin-top:28px;display:grid;grid-template-columns:auto auto;align-items:center;row-gap:16px;column-gap:8px;transform-origin:top center;flex-direction:column;width:fit-content;padding:16px 20px;border-radius:16px;border:1px solid ",";background:",";"],({theme:i})=>i.colors.grayScale.gray2,({theme:i})=>i.colors.grayScale.gray4),d=i(s).attrs({variant:"body-m-semibold"}).withConfig({displayName:"styled__LangSwitcherItem",componentId:"sc-13zlbee-2"})(["display:flex;gap:8px;align-items:center;"]),p=i(s).attrs({variant:"body-s-medium"}).withConfig({displayName:"styled__LangSwitcherLabel",componentId:"sc-13zlbee-3"})(["width:max-content;"]),m=i(n).withConfig({displayName:"styled__LangSwitcherInput",componentId:"sc-13zlbee-4"})(["min-width:160px;& > *:first-child{background:",";}"],({theme:i})=>i.colors.grayScale.gray7),x=i(e).attrs({variant:"text"}).withConfig({displayName:"styled__LangSwitcherButton",componentId:"sc-13zlbee-5"})(["white-space:nowrap;"]),j=i(t).withConfig({displayName:"styled__LangSwitcherIcon",componentId:"sc-13zlbee-6"})(["pointer-events:none;transition:transform 0.2s ease-in-out;transform:",";"],({$open:i})=>i?"rotateZ(-180deg)":"rotateZ(0)");export{x as LangSwitcherButton,j as LangSwitcherIcon,m as LangSwitcherInput,d as LangSwitcherItem,p as LangSwitcherLabel,c as LangSwitcherList,r as LangSwitcherStyled};
|
|
1
|
+
import{styled as i}from"styled-components";import{animated as o}from"@react-spring/web";import{Typography as s}from"../typography/index.js";import{SelectField as n}from"../select-field/index.js";import{Button as e}from"../button/index.js";import{ArrowDownIcon as t}from"../../icons/arrow-down/index.js";import"../../icons/arrow-narrow-left/index.js";import"../../icons/arrow-narrow-right/index.js";import"../../icons/arrow-up/index.js";import"../../icons/bitcoin/index.js";import"../../icons/bot-circle/index.js";import"../../icons/bothub-agg/index.js";import"../../icons/business-colored/index.js";import"../../icons/check-circle/index.js";import"../../icons/close/index.js";import"../../icons/email-circle/index.js";import"../../icons/language/index.js";import"../../icons/lock-circle/index.js";import"../../icons/menu/index.js";import"../../icons/medium-circle/index.js";import"../../icons/tg-circle/index.js";import"../../icons/tg-colored/index.js";import"../../icons/youcassa/index.js";import"../../icons/dashboard/index.js";import"../../icons/user-profile/index.js";import"../../icons/logout/index.js";import"tslib";import"react/jsx-runtime";import"../../icons/habr-2/index.js";import"../../icons/arrow-2-down/index.js";import"../../icons/links/index.js";import"../../icons/free/index.js";import"../../icons/hotness/index.js";import"../../icons/checked/index.js";import"../../icons/ai/index.js";import"../../icons/bookmarks/index.js";import"../../icons/bookmarks-big/index.js";import"../../icons/chat/index.js";import"../../icons/chats/index.js";import"../../icons/coder/index.js";import"../../icons/copy/index.js";import"../../icons/edit/index.js";import"../../icons/presets-big/index.js";import"../../icons/referal/index.js";import"../../icons/restore/index.js";import"../../icons/tariff/index.js";import"../../icons/trash/index.js";import"../../icons/update/index.js";import"../../icons/menu-dot/index.js";import"../../icons/plus-2/index.js";import"../../icons/plus-1/index.js";import"../../icons/send/index.js";import"../../icons/settings/index.js";import"../../icons/habr/index.js";import"../../icons/check-small/index.js";import"../../icons/stop/index.js";import"../../icons/thumb-up/index.js";import"../../icons/thumb-down/index.js";import"../../icons/star/index.js";import"../../icons/info-big/index.js";import"../../icons/warning-big/index.js";import"../../icons/error-big/index.js";import"../../icons/success-big/index.js";import"../../icons/mj/index.js";import"../../icons/card/index.js";import"../../icons/arrow-narrow-up/index.js";import"../../icons/arrow-narrow-down/index.js";import"../../icons/filters/index.js";import"../../icons/info/index.js";import"../../icons/search-circle/index.js";import"../../icons/save/index.js";import"../../icons/light/index.js";import"../../icons/dark/index.js";import"../../icons/email-colored/index.js";import"../../icons/action-chat/index.js";import"../../icons/attach/index.js";import"../../icons/avatar-add/index.js";import"../../icons/brush/index.js";import"../../icons/calendar/index.js";import"../../icons/claude/index.js";import"../../icons/cookie/index.js";import"../../icons/dalle/index.js";import"../../icons/download-img/index.js";import"../../icons/error/index.js";import"../../icons/expand/index.js";import"../../icons/eye/index.js";import"../../icons/face/index.js";import"../../icons/gear/index.js";import"../../icons/gear-min/index.js";import"../../icons/generation/index.js";import"../../icons/gpt-3_5/index.js";import"../../icons/gpt-4/index.js";import"../../icons/imagine/index.js";import"../../icons/imagine-2/index.js";import"../../icons/loader/index.js";import"../../icons/loader-circular/index.js";import"../../icons/loader-circular-gradient/index.js";import"../../icons/loader-circular-gradient-2/index.js";import"../../icons/minus/index.js";import"../../icons/mj-white/index.js";import"../../icons/prompt/index.js";import"../../icons/rabbit/index.js";import"../../icons/ratio-1x1/index.js";import"../../icons/ratio-2x3/index.js";import"../../icons/ratio-3x2/index.js";import"../../icons/ratio-4x5/index.js";import"../../icons/ratio-4x7/index.js";import"../../icons/ratio-5x4/index.js";import"../../icons/ratio-7x4/index.js";import"../../icons/ratio-16x9/index.js";import"../../icons/ratio-9x16/index.js";import"../../icons/ratio-21x9/index.js";import"../../icons/ratio-9x21/index.js";import"../../icons/refferal-min/index.js";import"../../icons/search-data/index.js";import"../../icons/square/index.js";import"../../icons/turtle/index.js";import"../../icons/upscale/index.js";import"../../icons/withdraw/index.js";import"../../icons/search-plus/index.js";import"../../icons/lightning/index.js";import"../../icons/blog-circle/index.js";import"../../icons/stripe/index.js";import"../../icons/corporate/index.js";import"../../icons/public/index.js";import"../../icons/private/index.js";import"../../icons/mistral/index.js";import"../../icons/gemini/index.js";import"../../icons/search-simple/index.js";import"../../icons/sad-robot/index.js";import"../../icons/model/index.js";import"../../icons/phone-colored/index.js";import"../../icons/questions/index.js";import"../../icons/pdf-big/index.js";import"../../icons/xls-big/index.js";import"../../icons/word-big/index.js";import"../../icons/txt-big/index.js";import"../../icons/pdf/index.js";import"../../icons/xls/index.js";import"../../icons/word/index.js";import"../../icons/txt/index.js";import"../../icons/bothub-logo-gradient/index.js";import"../../icons/telegram-logo-gradient/index.js";import"../../icons/decline-circle/index.js";import"../../icons/simple-gear-bg/index.js";import"../../icons/advanced-filter/index.js";import"../../icons/big-corporate/index.js";import"../../icons/big-mj/index.js";import"../../icons/big-models/index.js";import"../../icons/big-stats/index.js";import"../../icons/big-success/index.js";import"../../icons/big-users/index.js";import"../../icons/optional-presets/index.js";import"../../icons/wallet-withdraw/index.js";import"../../icons/big-presets/index.js";import"../../icons/big-favorite/index.js";import"../../icons/big-referal/index.js";import"../../icons/attach-file/index.js";import"../../icons/attach-file-big/index.js";import"../../icons/voice/index.js";import"../../icons/play-button/index.js";import"../../icons/pause-button/index.js";import"../../icons/text-read/index.js";import"../../icons/text-hide/index.js";import"../../icons/best-chat-bots/index.js";import"../../icons/upload/index.js";import"../../icons/enter/index.js";import"../../icons/discord/index.js";import"../../icons/discord-circle/index.js";import"../../icons/black-forest-labs/index.js";import"../../icons/flux/index.js";import"../../icons/stable-diffusion/index.js";import"../../icons/stability-ai/index.js";import"../../icons/article-generator/index.js";import"../../icons/success/index.js";import"../../icons/google/index.js";import"../../icons/yandex/index.js";import"../../icons/vk/index.js";import"../../icons/resend/index.js";import"../../icons/big-article/index.js";import"../../icons/add-chat/index.js";import"../../icons/add-group/index.js";import"../../icons/drag-dot/index.js";import"../../icons/add-folder/index.js";import"../../icons/temp-chat/index.js";import"../../icons/delete-chat/index.js";import"../../icons/sidebar-chat/index.js";import"../../icons/organization/index.js";import"../../icons/simple-gear/index.js";import"../../icons/text-bold/index.js";import"../../icons/text-italic/index.js";import"../../icons/text-underline/index.js";import"../../icons/text-strikethrough/index.js";import"../../icons/refresh/index.js";import"../../icons/copy-variants/index.js";import"../../icons/sort-ascending/index.js";import"../../icons/sort-descending/index.js";import"../../icons/quote/index.js";import"../../icons/url-circle/index.js";import"../../icons/show-ui/index.js";import"../../icons/hide-ui/index.js";import"../../icons/sort-user/index.js";import"../../icons/happy-robot/index.js";import"../../icons/happy-robot-gradient/index.js";import"../../icons/min-window/index.js";import"../../icons/max-window/index.js";import"../../icons/manage-chat/index.js";import"../../icons/analyze-urls/index.js";import"../../icons/web-search/index.js";import"../../icons/include-context/index.js";import"../../icons/queue/index.js";import"../../icons/sort-alphabet-ascending/index.js";import"../../icons/sort-alphabet-descending/index.js";import"../../icons/sort-date-ascending/index.js";import"../../icons/sort-date-descending/index.js";import"../../icons/cot-r1/index.js";import"../../icons/news/index.js";import"../../icons/volume/index.js";import"../../icons/flag-ru/index.js";import"../../icons/flag-kz/index.js";import"../../icons/print/index.js";import"../../icons/pc-icon-1/index.js";import"../../icons/pc-icon-2/index.js";import"../../icons/pc-icon-3/index.js";import"../../icons/star-unfilled/index.js";import"../../icons/image-generation/index.js";import"../../icons/speech-synthesys/index.js";import"../../icons/transcription/index.js";import"../../icons/text-rewrite/index.js";import"../../icons/code-generation/index.js";import"../../icons/essay-generation/index.js";import"../../icons/spelling/index.js";import"../../icons/text-generation/index.js";import"../../icons/traffic-analisys/index.js";import"../../icons/fav-profile/index.js";import"../../icons/exclamation/index.js";import"../../icons/article/index.js";import"../../icons/setchel/index.js";import"../../icons/assembly/index.js";import"../../icons/data-visualisation/index.js";import"../../icons/document-analisys/index.js";import"../../icons/problem-solvment/index.js";import"../../icons/setting-analisys/index.js";import"../../icons/translation/index.js";import"../../icons/stars/index.js";import"../../icons/academy/index.js";import"../../icons/articles/index.js";import"../../icons/blog-post/index.js";import"../../icons/book/index.js";import"../../icons/bow-tie/index.js";import"../../icons/case-study/index.js";import"../../icons/comments/index.js";import"../../icons/guide/index.js";import"../../icons/marketing/index.js";import"../../icons/post/index.js";import"../../icons/report/index.js";import"../../icons/review/index.js";import"../../icons/scientific-article/index.js";import"../../icons/selling-text/index.js";import"../../icons/textbook/index.js";import"../../icons/wind/index.js";import"../../icons/grok/index.js";import"../../icons/deepseek/index.js";import"../../icons/grid-horizontal/index.js";import"../../icons/grid-vertical/index.js";import"../../icons/star-gradient/index.js";import"../../icons/qwen/index.js";import"../../icons/sidebar-toggle-left/index.js";import"../../icons/sidebar-toggle-right/index.js";import"../../icons/system/index.js";import"../../icons/selector/index.js";import"../../icons/video-camera/index.js";import"../../icons/music-note/index.js";import"../../icons/add-profile/index.js";import"../../icons/token-counter/index.js";import"../../icons/customer-support/index.js";import"../../icons/sort-alphabet-top-bottom/index.js";import"../../icons/sort-alphabet-bottom-top/index.js";import"../../icons/pause/index.js";import"../../icons/play/index.js";import"../../icons/restore-2/index.js";import"../../icons/video-generation/index.js";import"../../icons/veo-model/index.js";import"../../icons/runway/index.js";import"../../icons/queue-select/index.js";import"../../icons/apple/index.js";import"../../icons/mail-colored/index.js";import"../../icons/shield/index.js";import"../../icons/stars-gradient/index.js";import"../../icons/fire/index.js";import"../../icons/brain/index.js";import"../../icons/mj-purple/index.js";import"../../icons/claude-black/index.js";import"../../icons/vk-filled/index.js";import"../../icons/tg/index.js";import"../../icons/gift/index.js";import"../../icons/exchange/index.js";import"../../icons/time/index.js";import"../../icons/history/index.js";import"../../icons/money-plus/index.js";import"../../icons/money-stack/index.js";import"../../icons/sort-numeric-bottom/index.js";import"../../icons/sort-numeric-top/index.js";import"../../icons/bulb/index.js";import"../../icons/prompt-queue/index.js";import"../../icons/image/index.js";import"../../icons/text/index.js";import"../../icons/code/index.js";import"../../icons/blue-grok/index.js";import"../../icons/double-image/index.js";const r=i.div.withConfig({displayName:"styled__LangSwitcherStyled",componentId:"sc-13zlbee-0"})(["display:flex;flex-direction:column;align-items:center;width:fit-content;position:relative;"]),c=i(o.ul).withConfig({displayName:"styled__LangSwitcherList",componentId:"sc-13zlbee-1"})(["position:absolute;margin-top:28px;display:grid;grid-template-columns:auto auto;align-items:center;row-gap:16px;column-gap:8px;transform-origin:top center;flex-direction:column;width:fit-content;padding:16px 20px;border-radius:16px;border:1px solid ",";background:",";"],({theme:i})=>i.colors.grayScale.gray2,({theme:i})=>i.colors.grayScale.gray4),d=i(s).attrs({variant:"body-m-semibold"}).withConfig({displayName:"styled__LangSwitcherItem",componentId:"sc-13zlbee-2"})(["display:flex;gap:8px;align-items:center;"]),p=i(s).attrs({variant:"body-s-medium"}).withConfig({displayName:"styled__LangSwitcherLabel",componentId:"sc-13zlbee-3"})(["width:max-content;"]),m=i(n).withConfig({displayName:"styled__LangSwitcherInput",componentId:"sc-13zlbee-4"})(["min-width:160px;& > *:first-child{background:",";}"],({theme:i})=>i.colors.grayScale.gray7),x=i(e).attrs({variant:"text"}).withConfig({displayName:"styled__LangSwitcherButton",componentId:"sc-13zlbee-5"})(["white-space:nowrap;"]),j=i(t).withConfig({displayName:"styled__LangSwitcherIcon",componentId:"sc-13zlbee-6"})(["pointer-events:none;transition:transform 0.2s ease-in-out;transform:",";"],({$open:i})=>i?"rotateZ(-180deg)":"rotateZ(0)");export{x as LangSwitcherButton,j as LangSwitcherIcon,m as LangSwitcherInput,d as LangSwitcherItem,p as LangSwitcherLabel,c as LangSwitcherList,r as LangSwitcherStyled};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsxs as t,jsx as e}from"react/jsx-runtime";import{LoaderStyled as r}from"./styled.js";import"../../theme/index.js";import"./three-dots-loader/styled.js";import{useTheme as i}from"../../theme/hook.js";const o=({className:o})=>{const a=i();return t(r,{className:o,width:"30",height:"30",viewBox:"0 0 30 30",fill:"none",children:[e("rect",{width:"30",height:"30",rx:"4",fill:a.colors.grayScale.gray3}),e("circle",{cx:"15",cy:"15",r:"7",stroke:a.colors.grayScale.gray3,strokeWidth:"2"}),e("mask",{id:"path-3-inside-1_686_17478",fill:"white",children:e("path",{d:"M23 15C23 13.9494 22.7931 12.9091 22.391 11.9385C21.989 10.9679 21.3997 10.086 20.6569 9.34315C19.914 8.60028 19.0321 8.011 18.0615 7.60896C17.0909 7.20693 16.0506 7 15 7V9.00282C15.7876 9.00282 16.5674 9.15794 17.295 9.45933C18.0226 9.76072 18.6838 10.2025 19.2406 10.7594C19.7975 11.3162 20.2393 11.9774 20.5407 12.705C20.8421 13.4326 20.9972 14.2124 20.9972 15H23Z"})}),e("path",{d:"M23 15C23 13.9494 22.7931 12.9091 22.391 11.9385C21.989 10.9679 21.3997 10.086 20.6569 9.34315C19.914 8.60028 19.0321 8.011 18.0615 7.60896C17.0909 7.20693 16.0506 7 15 7V9.00282C15.7876 9.00282 16.5674 9.15794 17.295 9.45933C18.0226 9.76072 18.6838 10.2025 19.2406 10.7594C19.7975 11.3162 20.2393 11.9774 20.5407 12.705C20.8421 13.4326 20.9972 14.2124 20.9972 15H23Z",stroke:
|
|
1
|
+
import{jsxs as t,jsx as e}from"react/jsx-runtime";import{LoaderStyled as r}from"./styled.js";import"../../theme/index.js";import"./three-dots-loader/styled.js";import{useTheme as i}from"../../theme/hook.js";const o=({className:o})=>{const a=i();return t(r,{className:o,width:"30",height:"30",viewBox:"0 0 30 30",fill:"none",children:[e("rect",{width:"30",height:"30",rx:"4",fill:a.colors.grayScale.gray3}),e("circle",{cx:"15",cy:"15",r:"7",stroke:a.colors.grayScale.gray3,strokeWidth:"2"}),e("mask",{id:"path-3-inside-1_686_17478",fill:"white",children:e("path",{d:"M23 15C23 13.9494 22.7931 12.9091 22.391 11.9385C21.989 10.9679 21.3997 10.086 20.6569 9.34315C19.914 8.60028 19.0321 8.011 18.0615 7.60896C17.0909 7.20693 16.0506 7 15 7V9.00282C15.7876 9.00282 16.5674 9.15794 17.295 9.45933C18.0226 9.76072 18.6838 10.2025 19.2406 10.7594C19.7975 11.3162 20.2393 11.9774 20.5407 12.705C20.8421 13.4326 20.9972 14.2124 20.9972 15H23Z"})}),e("path",{d:"M23 15C23 13.9494 22.7931 12.9091 22.391 11.9385C21.989 10.9679 21.3997 10.086 20.6569 9.34315C19.914 8.60028 19.0321 8.011 18.0615 7.60896C17.0909 7.20693 16.0506 7 15 7V9.00282C15.7876 9.00282 16.5674 9.15794 17.295 9.45933C18.0226 9.76072 18.6838 10.2025 19.2406 10.7594C19.7975 11.3162 20.2393 11.9774 20.5407 12.705C20.8421 13.4326 20.9972 14.2124 20.9972 15H23Z",stroke:a.colors.accent.primary,strokeWidth:"4",mask:"url(#path-3-inside-1_686_17478)",children:e("animateTransform",{attributeName:"transform",attributeType:"XML",type:"rotate",dur:"1s",from:"0 15 15",to:"360 15 15",repeatCount:"indefinite"})})]})};export{o as Loader};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{styled as i}from"styled-components";const o=i.main.withConfig({displayName:"main__Main",componentId:"sc-42sglx-0"})(["overflow:
|
|
1
|
+
import{styled as i}from"styled-components";const o=i.main.withConfig({displayName:"main__Main",componentId:"sc-42sglx-0"})(["overflow:clip;min-width:",";width:100%;opacity:1;"],({theme:i})=>i.mobile.minWidth);export{o as Main};
|
|
@@ -582,7 +582,6 @@ export declare const MenuDropdownToggleButton: import("styled-components").IStyl
|
|
|
582
582
|
skeleton?: boolean | undefined;
|
|
583
583
|
htmlFor?: string | undefined;
|
|
584
584
|
href?: string | undefined;
|
|
585
|
-
to?: string | undefined;
|
|
586
585
|
disableHoverColor?: boolean | undefined;
|
|
587
586
|
ref?: import("react").Ref<HTMLButtonElement | null> | undefined;
|
|
588
587
|
}>;
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
import { MutableRefObject } from 'react';
|
|
2
1
|
import { MessageActionEditEventHandler, MessageActionEventHandler, MessagePlainTextCopyEventHandler, MessageTgCopyEventHandler, MessageVariant } from '../types';
|
|
3
2
|
type MessageActionsProps = {
|
|
4
3
|
id?: string;
|
|
@@ -28,7 +27,6 @@ type MessageActionsProps = {
|
|
|
28
27
|
encryptionTooltipLabel?: string | null;
|
|
29
28
|
editing?: boolean;
|
|
30
29
|
editedText?: string;
|
|
31
|
-
messageRef?: MutableRefObject<HTMLDivElement | null>;
|
|
32
30
|
onEditing?: (value: boolean) => unknown;
|
|
33
31
|
onEditedText?: (value: string) => unknown;
|
|
34
32
|
onEdit?: MessageActionEditEventHandler;
|
|
@@ -41,5 +39,5 @@ type MessageActionsProps = {
|
|
|
41
39
|
onCopy?: MessageActionEventHandler;
|
|
42
40
|
onDownload?: () => void;
|
|
43
41
|
};
|
|
44
|
-
export declare const MessageActions: ({ id, disableModal, message, variant, skeleton, disableResend, disableEdit, disableDelete, disableUpdate, disableCopy, disableDownload, disableEncryption, editOutOfMenu, editText, copyTgText, copyPlainText, resendText, deleteText, onReportText, downloadTooltipLabel, submitEditTooltipLabel, discardEditTooltipLabel, encryptionTooltipLabel, updateTooltipLabel, copyTooltipLabel, editing, editedText,
|
|
42
|
+
export declare const MessageActions: ({ id, disableModal, message, variant, skeleton, disableResend, disableEdit, disableDelete, disableUpdate, disableCopy, disableDownload, disableEncryption, editOutOfMenu, editText, copyTgText, copyPlainText, resendText, deleteText, onReportText, downloadTooltipLabel, submitEditTooltipLabel, discardEditTooltipLabel, encryptionTooltipLabel, updateTooltipLabel, copyTooltipLabel, editing, editedText, onEditing, onEditedText, onEdit, onResend, onDelete, onUpdate, onReport, onPlainTextCopy, onTgCopy, onCopy, onDownload, }: MessageActionsProps) => import("react/jsx-runtime").JSX.Element;
|
|
45
43
|
export {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsxs as i,jsx as o,Fragment as n}from"react/jsx-runtime";import{useState as s,useRef as e,useMemo as t,useCallback as r,useEffect as c}from"react";import{useTransition as d,easings as p}from"@react-spring/web";import{MenuDotIcon as m}from"../../../icons/menu-dot/index.js";import{UpdateIcon as l}from"../../../icons/update/index.js";import{ResendIcon as x}from"../../../icons/resend/index.js";import{EditIcon as a}from"../../../icons/edit/index.js";import{TrashIcon as j}from"../../../icons/trash/index.js";import{ThumbDownIcon as u}from"../../../icons/thumb-down/index.js";import{CheckSmallIcon as g}from"../../../icons/check-small/index.js";import{CloseIcon as b}from"../../../icons/close/index.js";import{CopyIcon as h}from"../../../icons/copy/index.js";import{DownloadImgIcon as f}from"../../../icons/download-img/index.js";import{MessageActionsStyled as w,MessageActionsMenuStyled as y,MessageActionsMenuModal as v,MessageActionsMenuModalOptionContent as k,MessageActionsButtonText as T,MessageEditButtonsStyled as C}from"./styled.js";import{MenuOption as L}from"./menu-option/index.js";import{CopyButton as z}from"./copy-button/index.js";import{ActionButton as E}from"./action-button/index.js";import"../list/styled.js";import{useScrollbarRef as q}from"../list/context.js";import"../scroll-button/styled.js";import"tslib";import{IconProvider as M}from"../../icon/context.js";import"../../icon/styled.js";import"react-markdown";import"react-dom";import"../../portal/styled.js";import"../../tooltip/styled.js";import"../../tooltip/arrow/styled.js";import"../../../theme/index.js";import"../../tooltip/context.js";import"unified";import"remark-parse";import"remark-gfm";import"mdast-util-to-markdown";import{colorToRgba as R}from"../../../utils/colors/colorToRgba.js";import"../../../utils/colors/calculateGrayScale.js";import"../../../utils/colors/calculateAccentColors.js";import"../../../icons/arrow-down/index.js";import"../../../icons/arrow-narrow-left/index.js";import"../../../icons/arrow-narrow-right/index.js";import"../../../icons/arrow-up/index.js";import"../../../icons/bitcoin/index.js";import"../../../icons/bot-circle/index.js";import"../../../icons/bothub-agg/index.js";import"../../../icons/business-colored/index.js";import"../../../icons/check-circle/index.js";import"../../../icons/email-circle/index.js";import"../../../icons/language/index.js";import"../../../icons/lock-circle/index.js";import"../../../icons/menu/index.js";import"../../../icons/medium-circle/index.js";import"../../../icons/tg-circle/index.js";import"../../../icons/tg-colored/index.js";import"../../../icons/youcassa/index.js";import"../../../icons/dashboard/index.js";import"../../../icons/user-profile/index.js";import"../../../icons/logout/index.js";import"../../../icons/habr-2/index.js";import"../../../icons/arrow-2-down/index.js";import"../../../icons/links/index.js";import"../../../icons/free/index.js";import"../../../icons/hotness/index.js";import"../../../icons/checked/index.js";import"../../../icons/ai/index.js";import"../../../icons/bookmarks/index.js";import"../../../icons/bookmarks-big/index.js";import"../../../icons/chat/index.js";import"../../../icons/chats/index.js";import"../../../icons/coder/index.js";import"../../../icons/presets-big/index.js";import"../../../icons/referal/index.js";import"../../../icons/restore/index.js";import"../../../icons/tariff/index.js";import"../../../icons/plus-2/index.js";import"../../../icons/plus-1/index.js";import"../../../icons/send/index.js";import"../../../icons/settings/index.js";import"../../../icons/habr/index.js";import"../../../icons/stop/index.js";import"../../../icons/thumb-up/index.js";import"../../../icons/star/index.js";import"../../../icons/info-big/index.js";import"../../../icons/warning-big/index.js";import"../../../icons/error-big/index.js";import"../../../icons/success-big/index.js";import"../../../icons/mj/index.js";import"../../../icons/card/index.js";import"../../../icons/arrow-narrow-up/index.js";import"../../../icons/arrow-narrow-down/index.js";import"../../../icons/filters/index.js";import"../../../icons/info/index.js";import"../../../icons/search-circle/index.js";import"../../../icons/save/index.js";import"../../../icons/light/index.js";import"../../../icons/dark/index.js";import"../../../icons/email-colored/index.js";import"../../../icons/action-chat/index.js";import"../../../icons/attach/index.js";import"../../../icons/avatar-add/index.js";import"../../../icons/brush/index.js";import"../../../icons/calendar/index.js";import"../../../icons/claude/index.js";import"../../../icons/cookie/index.js";import"../../../icons/dalle/index.js";import"../../../icons/error/index.js";import"../../../icons/expand/index.js";import"../../../icons/eye/index.js";import"../../../icons/face/index.js";import"../../../icons/gear/index.js";import"../../../icons/gear-min/index.js";import"../../../icons/generation/index.js";import"../../../icons/gpt-3_5/index.js";import"../../../icons/gpt-4/index.js";import"../../../icons/imagine/index.js";import"../../../icons/imagine-2/index.js";import"../../../icons/loader/index.js";import"../../../icons/loader-circular/index.js";import"../../../icons/loader-circular-gradient/index.js";import"../../../icons/loader-circular-gradient-2/index.js";import"../../../icons/minus/index.js";import"../../../icons/mj-white/index.js";import"../../../icons/prompt/index.js";import"../../../icons/rabbit/index.js";import"../../../icons/ratio-1x1/index.js";import"../../../icons/ratio-2x3/index.js";import"../../../icons/ratio-3x2/index.js";import"../../../icons/ratio-4x5/index.js";import"../../../icons/ratio-4x7/index.js";import"../../../icons/ratio-5x4/index.js";import"../../../icons/ratio-7x4/index.js";import"../../../icons/ratio-16x9/index.js";import"../../../icons/ratio-9x16/index.js";import"../../../icons/ratio-21x9/index.js";import"../../../icons/ratio-9x21/index.js";import"../../../icons/refferal-min/index.js";import"../../../icons/search-data/index.js";import"../../../icons/square/index.js";import"../../../icons/turtle/index.js";import"../../../icons/upscale/index.js";import"../../../icons/withdraw/index.js";import"../../../icons/search-plus/index.js";import"../../../icons/lightning/index.js";import"../../../icons/blog-circle/index.js";import"../../../icons/stripe/index.js";import"../../../icons/corporate/index.js";import"../../../icons/public/index.js";import"../../../icons/private/index.js";import"../../../icons/mistral/index.js";import"../../../icons/gemini/index.js";import"../../../icons/search-simple/index.js";import"../../../icons/sad-robot/index.js";import"../../../icons/model/index.js";import"../../../icons/phone-colored/index.js";import"../../../icons/questions/index.js";import"../../../icons/pdf-big/index.js";import"../../../icons/xls-big/index.js";import"../../../icons/word-big/index.js";import"../../../icons/txt-big/index.js";import"../../../icons/pdf/index.js";import"../../../icons/xls/index.js";import"../../../icons/word/index.js";import"../../../icons/txt/index.js";import"../../../icons/bothub-logo-gradient/index.js";import"../../../icons/telegram-logo-gradient/index.js";import"../../../icons/decline-circle/index.js";import"../../../icons/simple-gear-bg/index.js";import"../../../icons/advanced-filter/index.js";import"../../../icons/big-corporate/index.js";import"../../../icons/big-mj/index.js";import"../../../icons/big-models/index.js";import"../../../icons/big-stats/index.js";import"../../../icons/big-success/index.js";import"../../../icons/big-users/index.js";import"../../../icons/optional-presets/index.js";import"../../../icons/wallet-withdraw/index.js";import"../../../icons/big-presets/index.js";import"../../../icons/big-favorite/index.js";import"../../../icons/big-referal/index.js";import"../../../icons/attach-file/index.js";import"../../../icons/attach-file-big/index.js";import"../../../icons/voice/index.js";import"../../../icons/play-button/index.js";import"../../../icons/pause-button/index.js";import"../../../icons/text-read/index.js";import"../../../icons/text-hide/index.js";import"../../../icons/best-chat-bots/index.js";import"../../../icons/upload/index.js";import"../../../icons/enter/index.js";import"../../../icons/discord/index.js";import"../../../icons/discord-circle/index.js";import"../../../icons/black-forest-labs/index.js";import"../../../icons/flux/index.js";import"../../../icons/stable-diffusion/index.js";import"../../../icons/stability-ai/index.js";import"../../../icons/article-generator/index.js";import"../../../icons/success/index.js";import"../../../icons/google/index.js";import"../../../icons/yandex/index.js";import"../../../icons/vk/index.js";import"../../../icons/big-article/index.js";import"../../../icons/add-chat/index.js";import"../../../icons/add-group/index.js";import"../../../icons/drag-dot/index.js";import"../../../icons/add-folder/index.js";import"../../../icons/temp-chat/index.js";import"../../../icons/delete-chat/index.js";import"../../../icons/sidebar-chat/index.js";import"../../../icons/organization/index.js";import"../../../icons/simple-gear/index.js";import"../../../icons/text-bold/index.js";import"../../../icons/text-italic/index.js";import"../../../icons/text-underline/index.js";import"../../../icons/text-strikethrough/index.js";import"../../../icons/refresh/index.js";import"../../../icons/copy-variants/index.js";import"../../../icons/sort-ascending/index.js";import"../../../icons/sort-descending/index.js";import"../../../icons/quote/index.js";import"../../../icons/url-circle/index.js";import"../../../icons/show-ui/index.js";import"../../../icons/hide-ui/index.js";import"../../../icons/sort-user/index.js";import"../../../icons/happy-robot/index.js";import"../../../icons/happy-robot-gradient/index.js";import"../../../icons/min-window/index.js";import"../../../icons/max-window/index.js";import"../../../icons/manage-chat/index.js";import"../../../icons/analyze-urls/index.js";import"../../../icons/web-search/index.js";import"../../../icons/include-context/index.js";import"../../../icons/queue/index.js";import"../../../icons/sort-alphabet-ascending/index.js";import"../../../icons/sort-alphabet-descending/index.js";import"../../../icons/sort-date-ascending/index.js";import"../../../icons/sort-date-descending/index.js";import"../../../icons/cot-r1/index.js";import"../../../icons/news/index.js";import"../../../icons/volume/index.js";import"../../../icons/flag-ru/index.js";import"../../../icons/flag-kz/index.js";import"../../../icons/print/index.js";import"../../../icons/pc-icon-1/index.js";import"../../../icons/pc-icon-2/index.js";import"../../../icons/pc-icon-3/index.js";import"../../../icons/star-unfilled/index.js";import"../../../icons/image-generation/index.js";import"../../../icons/speech-synthesys/index.js";import"../../../icons/transcription/index.js";import"../../../icons/text-rewrite/index.js";import"../../../icons/code-generation/index.js";import"../../../icons/essay-generation/index.js";import"../../../icons/spelling/index.js";import"../../../icons/text-generation/index.js";import"../../../icons/traffic-analisys/index.js";import"../../../icons/fav-profile/index.js";import"../../../icons/exclamation/index.js";import"../../../icons/article/index.js";import"../../../icons/setchel/index.js";import"../../../icons/assembly/index.js";import"../../../icons/data-visualisation/index.js";import"../../../icons/document-analisys/index.js";import"../../../icons/problem-solvment/index.js";import"../../../icons/setting-analisys/index.js";import"../../../icons/translation/index.js";import"../../../icons/stars/index.js";import"../../../icons/academy/index.js";import"../../../icons/articles/index.js";import"../../../icons/blog-post/index.js";import"../../../icons/book/index.js";import"../../../icons/bow-tie/index.js";import"../../../icons/case-study/index.js";import"../../../icons/comments/index.js";import"../../../icons/guide/index.js";import"../../../icons/marketing/index.js";import"../../../icons/post/index.js";import"../../../icons/report/index.js";import"../../../icons/review/index.js";import"../../../icons/scientific-article/index.js";import"../../../icons/selling-text/index.js";import"../../../icons/textbook/index.js";import"../../../icons/wind/index.js";import"../../../icons/grok/index.js";import"../../../icons/deepseek/index.js";import"../../../icons/grid-horizontal/index.js";import"../../../icons/grid-vertical/index.js";import"../../../icons/star-gradient/index.js";import"../../../icons/qwen/index.js";import"../../../icons/sidebar-toggle-left/index.js";import"../../../icons/sidebar-toggle-right/index.js";import"../../../icons/system/index.js";import"../../../icons/selector/index.js";import"../../../icons/video-camera/index.js";import"../../../icons/music-note/index.js";import"../../../icons/add-profile/index.js";import"../../../icons/token-counter/index.js";import"../../../icons/customer-support/index.js";import"../../../icons/sort-alphabet-top-bottom/index.js";import"../../../icons/sort-alphabet-bottom-top/index.js";import"../../../icons/pause/index.js";import"../../../icons/play/index.js";import"../../../icons/restore-2/index.js";import"../../../icons/video-generation/index.js";import"../../../icons/veo-model/index.js";import"../../../icons/runway/index.js";import"../../../icons/queue-select/index.js";import"../../../icons/apple/index.js";import"../../../icons/mail-colored/index.js";import{ShieldIcon as D}from"../../../icons/shield/index.js";import"../../../icons/stars-gradient/index.js";import"../../../icons/fire/index.js";import"../../../icons/brain/index.js";import"../../../icons/mj-purple/index.js";import"../../../icons/claude-black/index.js";import"../../../icons/vk-filled/index.js";import"../../../icons/tg/index.js";import"../../../icons/gift/index.js";import"../../../icons/exchange/index.js";import"../../../icons/time/index.js";import"../../../icons/folder/index.js";import{useTheme as S}from"../../../theme/hook.js";const $=({id:$,disableModal:O,message:P,variant:U="user",skeleton:A,disableResend:B,disableEdit:G,disableDelete:H,disableUpdate:W,disableCopy:X,disableDownload:Y,disableEncryption:_,editOutOfMenu:F,editText:I,copyTgText:J,copyPlainText:K,resendText:N,deleteText:Q,onReportText:V,downloadTooltipLabel:Z,submitEditTooltipLabel:ii,discardEditTooltipLabel:oi,encryptionTooltipLabel:ni,updateTooltipLabel:si,copyTooltipLabel:ei,editing:ti,editedText:ri,messageRef:ci,onEditing:di,onEditedText:pi,onEdit:mi,onResend:li,onDelete:xi,onUpdate:ai,onReport:ji,onPlainTextCopy:ui,onTgCopy:gi,onCopy:bi,onDownload:hi})=>{const fi=S(),[wi,yi]=s(!1),[vi,ki]=s(),[Ti,Ci]=s(!1),[Li,zi]=s(!1),Ei=e(null),qi=e(null),Mi=q(),Ri=t(()=>"custom"===fi.scheme?R(fi.colors.custom.icon,.75):"standard"===fi.scheme||"light"===fi.mode?fi.colors.grayScale.gray1:fi.colors.accent.primary,[fi]),Di=t(()=>{if(A)return!1;switch(U){case"assistant":return!G;case"user":return!O&&(!G||!H||!B)}},[G,H,B]),Si=()=>{var i,o,n,s,e,t,r,c,d;const p=null!==(n=null===(o=null===(i=null==Mi?void 0:Mi.current)||void 0===i?void 0:i.element)||void 0===o?void 0:o.scrollHeight)&&void 0!==n?n:0,m=null!==(e=null===(s=null==ci?void 0:ci.current)||void 0===s?void 0:s.scrollWidth)&&void 0!==e?e:0,l=null!==(r=null===(t=Ei.current)||void 0===t?void 0:t.offsetTop)&&void 0!==r?r:0,x=null!==(d=null===(c=Ei.current)||void 0===c?void 0:c.offsetLeft)&&void 0!==d?d:0;zi(p-l<=300),Ci("assistant"===U&&m-x<=160||"user"===U&&x<=160)},$i=r(()=>{vi&&window.clearTimeout(vi),Si(),yi(!0)},[vi]),Oi=r(()=>{ki(window.setTimeout(()=>yi(!1),300))},[]),Pi=r(()=>{Si(),yi(i=>!i)},[]),Ui=r(i=>{const o={id:$,message:P};switch(i){case"edit":null==di||di(!0),null==pi||pi(null!=P?P:"");break;case"delete":null==xi||xi(o);break;case"resend":null==li||li(o)}yi(!1)},[$,P]),Ai=r(({id:i,message:o})=>{null==di||di(!1),null==mi||mi({id:i,message:o,variant:U})},[$,P]),Bi=r(()=>{null==di||di(!1),null==pi||pi(null!=P?P:"")},[P]),Gi=r(()=>{null==gi||gi(),yi(!1)},[]),Hi=r(()=>{null==ui||ui(),yi(!1)},[]),Wi=r(()=>{null==ji||ji({id:$,message:P}),yi(!1)},[$,P]),Xi=d(wi,{from:{opacity:0,y:5},enter:{opacity:1,y:0},leave:{opacity:0,y:0},config:{duration:250,easing:p.easeOutSine}});return c(()=>{const i=()=>{yi(!1)};return window.addEventListener("scroll",i,!0),()=>{window.removeEventListener("scroll",i,!0)}},[wi]),c(()=>{vi&&window.clearTimeout(vi)},[]),i(w,{$variant:U,ref:Ei,children:[ti?i(C,{children:[o(E,{id:$,message:ri,tooltipLabel:ii,onClick:Ai,children:o(g,{size:20,fill:fi.colors.accent.primary})}),o(E,{tooltipLabel:oi,onClick:Bi,children:o(b,{size:14,fill:fi.colors.grayScale.gray2})})]}):o(n,{children:i(M,{fill:Ri,children:[Di&&i(y,{ref:qi,onBlur:()=>{yi(!1)},children:[o(E,{onMouseEnter:"ontouchstart"in window?void 0:$i,onMouseLeave:"ontouchstart"in window?void 0:Oi,onClick:Pi,children:o(m,{size:18})}),Xi((n,s)=>s&&i(v,{style:n,onMouseEnter:$i,onMouseLeave:Oi,$variant:U,$invertedX:Ti,$invertedY:Li,children:[!X&&K&&ui&&o(L,{onClick:Hi,children:i(k,{children:[o(h,{}),o(T,{children:K})]})}),!X&&J&&gi&&o(L,{onClick:Gi,children:i(k,{children:[o(h,{}),o(T,{children:J})]})}),!B&&"user"===U&&N&&li&&o(L,{onClick:()=>{Ui("resend")},children:i(k,{children:[o(x,{}),o(T,{children:N})]})}),!F&&!G&&I&&mi&&o(L,{onClick:()=>{Ui("edit")},children:i(k,{children:[o(a,{}),o(T,{children:I})]})}),!H&&Q&&xi&&o(L,{onClick:()=>{Ui("delete")},children:i(k,{children:[o(j,{}),o(T,{children:Q})]})}),!H&&V&&ji&&"user"!==U&&o(L,{onClick:Wi,children:i(k,{children:[o(u,{size:18}),o(T,{children:V})]})})]},"message-actions-modal"))]}),!Di&&!H&&o(E,{id:$,message:P,onClick:xi,tooltipLabel:Q,children:o(j,{size:20})}),!W&&"user"!==U&&o(E,{id:$,message:P,onClick:ai,tooltipLabel:si,children:o(l,{size:18})}),F&&o(E,{id:$,message:P,onClick:()=>{Ui("edit")},tooltipLabel:I,children:o(a,{size:18})}),!X&&o(z,{onCopy:bi,tooltipLabel:ei}),!Di&&!H&&V&&ji&&"user"!==U&&o(E,{tooltipLabel:V,onClick:Wi,children:o(u,{size:18})})]})}),!Y&&o(E,{tooltipLabel:Z,onClick:hi,children:o(f,{size:18})}),!_&&o(E,{tooltipLabel:ni,children:o(D,{size:18})})]})};export{$ as MessageActions};
|
|
1
|
+
import{jsxs as i,jsx as o,Fragment as n}from"react/jsx-runtime";import{useState as s,useRef as e,useMemo as t,useCallback as r,useEffect as c}from"react";import{useTransition as d,easings as m}from"@react-spring/web";import{MenuDotIcon as p}from"../../../icons/menu-dot/index.js";import{UpdateIcon as x}from"../../../icons/update/index.js";import{ResendIcon as a}from"../../../icons/resend/index.js";import{EditIcon as l}from"../../../icons/edit/index.js";import{TrashIcon as j}from"../../../icons/trash/index.js";import{ThumbDownIcon as u}from"../../../icons/thumb-down/index.js";import{CheckSmallIcon as g}from"../../../icons/check-small/index.js";import{CloseIcon as b}from"../../../icons/close/index.js";import{CopyIcon as h}from"../../../icons/copy/index.js";import{DownloadImgIcon as f}from"../../../icons/download-img/index.js";import{MessageActionsStyled as w,MessageActionsMenuStyled as y,MessageActionsMenuModal as k,MessageActionsMenuModalOptionContent as v,MessageActionsButtonText as C,MessageEditButtonsStyled as T}from"./styled.js";import{MenuOption as L}from"./menu-option/index.js";import{CopyButton as z}from"./copy-button/index.js";import{ActionButton as E}from"./action-button/index.js";import"../list/styled.js";import{useScrollbarRef as q}from"../list/context.js";import"../scroll-button/styled.js";import"tslib";import{IconProvider as R}from"../../icon/context.js";import"../../icon/styled.js";import"react-markdown";import"react-dom";import"../../portal/styled.js";import"../../tooltip/styled.js";import"../../tooltip/arrow/styled.js";import"../../../theme/index.js";import"../../tooltip/context.js";import"unified";import"remark-parse";import"remark-gfm";import"mdast-util-to-markdown";import{colorToRgba as M}from"../../../utils/colors/colorToRgba.js";import"../../../utils/colors/calculateGrayScale.js";import"../../../utils/colors/calculateAccentColors.js";import"../../../icons/arrow-down/index.js";import"../../../icons/arrow-narrow-left/index.js";import"../../../icons/arrow-narrow-right/index.js";import"../../../icons/arrow-up/index.js";import"../../../icons/bitcoin/index.js";import"../../../icons/bot-circle/index.js";import"../../../icons/bothub-agg/index.js";import"../../../icons/business-colored/index.js";import"../../../icons/check-circle/index.js";import"../../../icons/email-circle/index.js";import"../../../icons/language/index.js";import"../../../icons/lock-circle/index.js";import"../../../icons/menu/index.js";import"../../../icons/medium-circle/index.js";import"../../../icons/tg-circle/index.js";import"../../../icons/tg-colored/index.js";import"../../../icons/youcassa/index.js";import"../../../icons/dashboard/index.js";import"../../../icons/user-profile/index.js";import"../../../icons/logout/index.js";import"../../../icons/habr-2/index.js";import"../../../icons/arrow-2-down/index.js";import"../../../icons/links/index.js";import"../../../icons/free/index.js";import"../../../icons/hotness/index.js";import"../../../icons/checked/index.js";import"../../../icons/ai/index.js";import"../../../icons/bookmarks/index.js";import"../../../icons/bookmarks-big/index.js";import"../../../icons/chat/index.js";import"../../../icons/chats/index.js";import"../../../icons/coder/index.js";import"../../../icons/presets-big/index.js";import"../../../icons/referal/index.js";import"../../../icons/restore/index.js";import"../../../icons/tariff/index.js";import"../../../icons/plus-2/index.js";import"../../../icons/plus-1/index.js";import"../../../icons/send/index.js";import"../../../icons/settings/index.js";import"../../../icons/habr/index.js";import"../../../icons/stop/index.js";import"../../../icons/thumb-up/index.js";import"../../../icons/star/index.js";import"../../../icons/info-big/index.js";import"../../../icons/warning-big/index.js";import"../../../icons/error-big/index.js";import"../../../icons/success-big/index.js";import"../../../icons/mj/index.js";import"../../../icons/card/index.js";import"../../../icons/arrow-narrow-up/index.js";import"../../../icons/arrow-narrow-down/index.js";import"../../../icons/filters/index.js";import"../../../icons/info/index.js";import"../../../icons/search-circle/index.js";import"../../../icons/save/index.js";import"../../../icons/light/index.js";import"../../../icons/dark/index.js";import"../../../icons/email-colored/index.js";import"../../../icons/action-chat/index.js";import"../../../icons/attach/index.js";import"../../../icons/avatar-add/index.js";import"../../../icons/brush/index.js";import"../../../icons/calendar/index.js";import"../../../icons/claude/index.js";import"../../../icons/cookie/index.js";import"../../../icons/dalle/index.js";import"../../../icons/error/index.js";import"../../../icons/expand/index.js";import"../../../icons/eye/index.js";import"../../../icons/face/index.js";import"../../../icons/gear/index.js";import"../../../icons/gear-min/index.js";import"../../../icons/generation/index.js";import"../../../icons/gpt-3_5/index.js";import"../../../icons/gpt-4/index.js";import"../../../icons/imagine/index.js";import"../../../icons/imagine-2/index.js";import"../../../icons/loader/index.js";import"../../../icons/loader-circular/index.js";import"../../../icons/loader-circular-gradient/index.js";import"../../../icons/loader-circular-gradient-2/index.js";import"../../../icons/minus/index.js";import"../../../icons/mj-white/index.js";import"../../../icons/prompt/index.js";import"../../../icons/rabbit/index.js";import"../../../icons/ratio-1x1/index.js";import"../../../icons/ratio-2x3/index.js";import"../../../icons/ratio-3x2/index.js";import"../../../icons/ratio-4x5/index.js";import"../../../icons/ratio-4x7/index.js";import"../../../icons/ratio-5x4/index.js";import"../../../icons/ratio-7x4/index.js";import"../../../icons/ratio-16x9/index.js";import"../../../icons/ratio-9x16/index.js";import"../../../icons/ratio-21x9/index.js";import"../../../icons/ratio-9x21/index.js";import"../../../icons/refferal-min/index.js";import"../../../icons/search-data/index.js";import"../../../icons/square/index.js";import"../../../icons/turtle/index.js";import"../../../icons/upscale/index.js";import"../../../icons/withdraw/index.js";import"../../../icons/search-plus/index.js";import"../../../icons/lightning/index.js";import"../../../icons/blog-circle/index.js";import"../../../icons/stripe/index.js";import"../../../icons/corporate/index.js";import"../../../icons/public/index.js";import"../../../icons/private/index.js";import"../../../icons/mistral/index.js";import"../../../icons/gemini/index.js";import"../../../icons/search-simple/index.js";import"../../../icons/sad-robot/index.js";import"../../../icons/model/index.js";import"../../../icons/phone-colored/index.js";import"../../../icons/questions/index.js";import"../../../icons/pdf-big/index.js";import"../../../icons/xls-big/index.js";import"../../../icons/word-big/index.js";import"../../../icons/txt-big/index.js";import"../../../icons/pdf/index.js";import"../../../icons/xls/index.js";import"../../../icons/word/index.js";import"../../../icons/txt/index.js";import"../../../icons/bothub-logo-gradient/index.js";import"../../../icons/telegram-logo-gradient/index.js";import"../../../icons/decline-circle/index.js";import"../../../icons/simple-gear-bg/index.js";import"../../../icons/advanced-filter/index.js";import"../../../icons/big-corporate/index.js";import"../../../icons/big-mj/index.js";import"../../../icons/big-models/index.js";import"../../../icons/big-stats/index.js";import"../../../icons/big-success/index.js";import"../../../icons/big-users/index.js";import"../../../icons/optional-presets/index.js";import"../../../icons/wallet-withdraw/index.js";import"../../../icons/big-presets/index.js";import"../../../icons/big-favorite/index.js";import"../../../icons/big-referal/index.js";import"../../../icons/attach-file/index.js";import"../../../icons/attach-file-big/index.js";import"../../../icons/voice/index.js";import"../../../icons/play-button/index.js";import"../../../icons/pause-button/index.js";import"../../../icons/text-read/index.js";import"../../../icons/text-hide/index.js";import"../../../icons/best-chat-bots/index.js";import"../../../icons/upload/index.js";import"../../../icons/enter/index.js";import"../../../icons/discord/index.js";import"../../../icons/discord-circle/index.js";import"../../../icons/black-forest-labs/index.js";import"../../../icons/flux/index.js";import"../../../icons/stable-diffusion/index.js";import"../../../icons/stability-ai/index.js";import"../../../icons/article-generator/index.js";import"../../../icons/success/index.js";import"../../../icons/google/index.js";import"../../../icons/yandex/index.js";import"../../../icons/vk/index.js";import"../../../icons/big-article/index.js";import"../../../icons/add-chat/index.js";import"../../../icons/add-group/index.js";import"../../../icons/drag-dot/index.js";import"../../../icons/add-folder/index.js";import"../../../icons/temp-chat/index.js";import"../../../icons/delete-chat/index.js";import"../../../icons/sidebar-chat/index.js";import"../../../icons/organization/index.js";import"../../../icons/simple-gear/index.js";import"../../../icons/text-bold/index.js";import"../../../icons/text-italic/index.js";import"../../../icons/text-underline/index.js";import"../../../icons/text-strikethrough/index.js";import"../../../icons/refresh/index.js";import"../../../icons/copy-variants/index.js";import"../../../icons/sort-ascending/index.js";import"../../../icons/sort-descending/index.js";import"../../../icons/quote/index.js";import"../../../icons/url-circle/index.js";import"../../../icons/show-ui/index.js";import"../../../icons/hide-ui/index.js";import"../../../icons/sort-user/index.js";import"../../../icons/happy-robot/index.js";import"../../../icons/happy-robot-gradient/index.js";import"../../../icons/min-window/index.js";import"../../../icons/max-window/index.js";import"../../../icons/manage-chat/index.js";import"../../../icons/analyze-urls/index.js";import"../../../icons/web-search/index.js";import"../../../icons/include-context/index.js";import"../../../icons/queue/index.js";import"../../../icons/sort-alphabet-ascending/index.js";import"../../../icons/sort-alphabet-descending/index.js";import"../../../icons/sort-date-ascending/index.js";import"../../../icons/sort-date-descending/index.js";import"../../../icons/cot-r1/index.js";import"../../../icons/news/index.js";import"../../../icons/volume/index.js";import"../../../icons/flag-ru/index.js";import"../../../icons/flag-kz/index.js";import"../../../icons/print/index.js";import"../../../icons/pc-icon-1/index.js";import"../../../icons/pc-icon-2/index.js";import"../../../icons/pc-icon-3/index.js";import"../../../icons/star-unfilled/index.js";import"../../../icons/image-generation/index.js";import"../../../icons/speech-synthesys/index.js";import"../../../icons/transcription/index.js";import"../../../icons/text-rewrite/index.js";import"../../../icons/code-generation/index.js";import"../../../icons/essay-generation/index.js";import"../../../icons/spelling/index.js";import"../../../icons/text-generation/index.js";import"../../../icons/traffic-analisys/index.js";import"../../../icons/fav-profile/index.js";import"../../../icons/exclamation/index.js";import"../../../icons/article/index.js";import"../../../icons/setchel/index.js";import"../../../icons/assembly/index.js";import"../../../icons/data-visualisation/index.js";import"../../../icons/document-analisys/index.js";import"../../../icons/problem-solvment/index.js";import"../../../icons/setting-analisys/index.js";import"../../../icons/translation/index.js";import"../../../icons/stars/index.js";import"../../../icons/academy/index.js";import"../../../icons/articles/index.js";import"../../../icons/blog-post/index.js";import"../../../icons/book/index.js";import"../../../icons/bow-tie/index.js";import"../../../icons/case-study/index.js";import"../../../icons/comments/index.js";import"../../../icons/guide/index.js";import"../../../icons/marketing/index.js";import"../../../icons/post/index.js";import"../../../icons/report/index.js";import"../../../icons/review/index.js";import"../../../icons/scientific-article/index.js";import"../../../icons/selling-text/index.js";import"../../../icons/textbook/index.js";import"../../../icons/wind/index.js";import"../../../icons/grok/index.js";import"../../../icons/deepseek/index.js";import"../../../icons/grid-horizontal/index.js";import"../../../icons/grid-vertical/index.js";import"../../../icons/star-gradient/index.js";import"../../../icons/qwen/index.js";import"../../../icons/sidebar-toggle-left/index.js";import"../../../icons/sidebar-toggle-right/index.js";import"../../../icons/system/index.js";import"../../../icons/selector/index.js";import"../../../icons/video-camera/index.js";import"../../../icons/music-note/index.js";import"../../../icons/add-profile/index.js";import"../../../icons/token-counter/index.js";import"../../../icons/customer-support/index.js";import"../../../icons/sort-alphabet-top-bottom/index.js";import"../../../icons/sort-alphabet-bottom-top/index.js";import"../../../icons/pause/index.js";import"../../../icons/play/index.js";import"../../../icons/restore-2/index.js";import"../../../icons/video-generation/index.js";import"../../../icons/veo-model/index.js";import"../../../icons/runway/index.js";import"../../../icons/queue-select/index.js";import"../../../icons/apple/index.js";import"../../../icons/mail-colored/index.js";import{ShieldIcon as D}from"../../../icons/shield/index.js";import"../../../icons/stars-gradient/index.js";import"../../../icons/fire/index.js";import"../../../icons/brain/index.js";import"../../../icons/mj-purple/index.js";import"../../../icons/claude-black/index.js";import"../../../icons/vk-filled/index.js";import"../../../icons/tg/index.js";import"../../../icons/gift/index.js";import"../../../icons/exchange/index.js";import"../../../icons/time/index.js";import"../../../icons/history/index.js";import"../../../icons/money-plus/index.js";import"../../../icons/money-stack/index.js";import"../../../icons/sort-numeric-bottom/index.js";import"../../../icons/sort-numeric-top/index.js";import"../../../icons/bulb/index.js";import"../../../icons/prompt-queue/index.js";import"../../../icons/image/index.js";import"../../../icons/text/index.js";import"../../../icons/code/index.js";import"../../../icons/blue-grok/index.js";import"../../../icons/double-image/index.js";import{useTheme as S}from"../../../theme/hook.js";const $=({id:$,disableModal:B,message:O,variant:P="user",skeleton:U,disableResend:A,disableEdit:G,disableDelete:X,disableUpdate:Y,disableCopy:_,disableDownload:F,disableEncryption:H,editOutOfMenu:I,editText:J,copyTgText:K,copyPlainText:N,resendText:Q,deleteText:V,onReportText:W,downloadTooltipLabel:Z,submitEditTooltipLabel:ii,discardEditTooltipLabel:oi,encryptionTooltipLabel:ni,updateTooltipLabel:si,copyTooltipLabel:ei,editing:ti,editedText:ri,onEditing:ci,onEditedText:di,onEdit:mi,onResend:pi,onDelete:xi,onUpdate:ai,onReport:li,onPlainTextCopy:ji,onTgCopy:ui,onCopy:gi,onDownload:bi})=>{const hi=S(),[fi,wi]=s(!1),[yi,ki]=s(),[vi,Ci]=s(!1),[Ti,Li]=s(!1),zi=e(null),Ei=e(null),qi=q(),Ri=t(()=>"custom"===hi.scheme?M(hi.colors.custom.icon,.75):"standard"===hi.scheme||"light"===hi.mode?hi.colors.grayScale.gray1:hi.colors.accent.primary,[hi]),Mi=t(()=>{if(U)return!1;switch(P){case"assistant":return!G;case"user":return!B&&(!G||!X||!A)}},[G,X,A]),Di=()=>{var i;const o=null===(i=null==qi?void 0:qi.current)||void 0===i?void 0:i.element,n=null==zi?void 0:zi.current;if(!o||!n)return;const s=o.getBoundingClientRect(),e=n.getBoundingClientRect();Li(s.bottom-e.bottom<=300),Ci("assistant"===P&&e.left-s.left<=160||"user"===P&&s.right-e.right<=160)},Si=r(()=>{yi&&window.clearTimeout(yi),Di(),wi(!0)},[yi]),$i=r(()=>{ki(window.setTimeout(()=>wi(!1),300))},[]),Bi=r(()=>{Di(),wi(i=>!i)},[]),Oi=r(i=>{const o={id:$,message:O};switch(i){case"edit":null==ci||ci(!0),null==di||di(null!=O?O:"");break;case"delete":null==xi||xi(o);break;case"resend":null==pi||pi(o)}wi(!1)},[$,O]),Pi=r(({id:i,message:o})=>{null==ci||ci(!1),null==mi||mi({id:i,message:o,variant:P})},[$,O]),Ui=r(()=>{null==ci||ci(!1),null==di||di(null!=O?O:"")},[O]),Ai=r(()=>{null==ui||ui(),wi(!1)},[]),Gi=r(()=>{null==ji||ji(),wi(!1)},[]),Xi=r(()=>{null==li||li({id:$,message:O}),wi(!1)},[$,O]),Yi=d(fi,{from:{opacity:0,y:5},enter:{opacity:1,y:0},leave:{opacity:0,y:0},config:{duration:250,easing:m.easeOutSine}});return c(()=>{const i=()=>{wi(!1)};return window.addEventListener("scroll",i,!0),()=>{window.removeEventListener("scroll",i,!0)}},[fi]),c(()=>{yi&&window.clearTimeout(yi)},[]),i(w,{$variant:P,ref:zi,children:[ti?i(T,{children:[o(E,{id:$,message:ri,tooltipLabel:ii,onClick:Pi,children:o(g,{size:20,fill:hi.colors.accent.primary})}),o(E,{tooltipLabel:oi,onClick:Ui,children:o(b,{size:14,fill:hi.colors.grayScale.gray2})})]}):o(n,{children:i(R,{fill:Ri,children:[Mi&&i(y,{ref:Ei,onBlur:()=>{wi(!1)},children:[o(E,{onMouseEnter:"ontouchstart"in window?void 0:Si,onMouseLeave:"ontouchstart"in window?void 0:$i,onClick:Bi,children:o(p,{size:18})}),Yi((n,s)=>s&&i(k,{style:n,onMouseEnter:Si,onMouseLeave:$i,$variant:P,$invertedX:vi,$invertedY:Ti,children:[!_&&N&&ji&&o(L,{onClick:Gi,children:i(v,{children:[o(h,{}),o(C,{children:N})]})}),!_&&K&&ui&&o(L,{onClick:Ai,children:i(v,{children:[o(h,{}),o(C,{children:K})]})}),!A&&"user"===P&&Q&&pi&&o(L,{onClick:()=>{Oi("resend")},children:i(v,{children:[o(a,{}),o(C,{children:Q})]})}),!I&&!G&&J&&mi&&o(L,{onClick:()=>{Oi("edit")},children:i(v,{children:[o(l,{}),o(C,{children:J})]})}),!X&&V&&xi&&o(L,{onClick:()=>{Oi("delete")},children:i(v,{children:[o(j,{}),o(C,{children:V})]})}),!X&&W&&li&&"user"!==P&&o(L,{onClick:Xi,children:i(v,{children:[o(u,{size:18}),o(C,{children:W})]})})]},"message-actions-modal"))]}),!Mi&&!X&&o(E,{id:$,message:O,onClick:xi,tooltipLabel:V,children:o(j,{size:20})}),!Y&&"user"!==P&&o(E,{id:$,message:O,onClick:ai,tooltipLabel:si,children:o(x,{size:18})}),I&&o(E,{id:$,message:O,onClick:()=>{Oi("edit")},tooltipLabel:J,children:o(l,{size:18})}),!_&&o(z,{onCopy:gi,tooltipLabel:ei}),!Mi&&!X&&W&&li&&"user"!==P&&o(E,{tooltipLabel:W,onClick:Xi,children:o(u,{size:18})})]})}),!F&&o(E,{tooltipLabel:Z,onClick:bi,children:o(f,{size:18})}),!H&&o(E,{tooltipLabel:ni,children:o(D,{size:18})})]})};export{$ as MessageActions};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{animated as e}from"@react-spring/web";import{styled as t,css as s}from"styled-components";import{Typography as o}from"../../typography/index.js";const i=t.div.withConfig({displayName:"styled__MessageActionsStyled",componentId:"sc-116vw4r-0"})(["display:flex;flex-direction:",";align-items:center;user-select:none;gap:14px;-moz-user-select:none;-webkit-user-select:none;"],({$variant:e})=>"assistant"===e?"row":"row-reverse"),r=t.div.withConfig({displayName:"styled__MessageActionsMenuStyled",componentId:"sc-116vw4r-1"})(["position:relative;display:flex;"]),
|
|
1
|
+
import{animated as e}from"@react-spring/web";import{styled as t,css as s}from"styled-components";import{Typography as o}from"../../typography/index.js";const i=t.div.withConfig({displayName:"styled__MessageActionsStyled",componentId:"sc-116vw4r-0"})(["display:flex;flex-direction:",";align-items:center;user-select:none;gap:14px;-moz-user-select:none;-webkit-user-select:none;"],({$variant:e})=>"assistant"===e?"row":"row-reverse"),r=t.div.withConfig({displayName:"styled__MessageActionsMenuStyled",componentId:"sc-116vw4r-1"})(["position:relative;display:flex;"]),a=t(e.div).withConfig({displayName:"styled__MessageActionsMenuModal",componentId:"sc-116vw4r-2"})(["position:absolute;"," "," display:flex;flex-direction:column;gap:0;padding:8px;border-radius:8px;background-color:",";border:1px solid ",";z-index:10;"],({$invertedY:e})=>s(e?["bottom:36px;"]:["top:36px;"]),({$variant:e,$invertedX:t})=>((e,t)=>{switch(e){case"assistant":return s(t?["left:14px;"]:["right:14px;"]);case"user":return s(t?["right:14px;"]:["left:14px;"]);default:return s([""])}})(e,t),({theme:e})=>e.colors.grayScale.gray4,({theme:e})=>e.colors.grayScale.gray2),n=t.button.withConfig({displayName:"styled__MessageActionsMenuModalOption",componentId:"sc-116vw4r-3"})(["all:unset;display:flex;align-items:center;gap:10px;padding:10px;border-radius:8px;background-color:",";&:hover{background-color:",";&:hover{svg{path,circle{fill:",";}}}}&:active{filter:brightness(0.8);transform:translateY(1px);}cursor:pointer;"],({theme:e})=>e.colors.grayScale.gray4,({theme:e})=>e.colors.grayScale.gray2,({theme:e})=>"custom"===e.scheme?e.colors.custom.icon:"dark"===e.mode?e.colors.accent.primaryLight:e.default.colors.base.white),l=t.button.withConfig({displayName:"styled__MessageActionsButton",componentId:"sc-116vw4r-4"})(["all:unset;width:fit-content;height:fit-content;aspect-ratio:1;display:flex;justify-content:center;align-items:center;cursor:pointer;&:hover{svg{path,circle{filter:brightness(1.2);}}}&:active{svg{path,circle{fill:",";opacity:0.75;transition:all 100ms ease-out;}}transform:translateY(1px);}transition:all 50ms ease-out;"],({theme:e})=>"custom"===e.scheme?e.colors.custom.icon:e.colors.accent.primaryLight),c=t.div.withConfig({displayName:"styled__MessageEditButtonsStyled",componentId:"sc-116vw4r-5"})(["display:flex;gap:16px;align-items:center;"]),d=t.div.withConfig({displayName:"styled__MessageActionsMenuModalOptionContent",componentId:"sc-116vw4r-6"})(["display:flex;align-items:center;gap:10px;"]),p=t(o).attrs({variant:"body-m-regular"}).withConfig({displayName:"styled__MessageActionsButtonText",componentId:"sc-116vw4r-7"})([""]);export{l as MessageActionsButton,p as MessageActionsButtonText,a as MessageActionsMenuModal,n as MessageActionsMenuModalOption,d as MessageActionsMenuModalOptionContent,r as MessageActionsMenuStyled,i as MessageActionsStyled,c as MessageEditButtonsStyled};
|
|
@@ -298,7 +298,6 @@ export declare const MessageButton: import("styled-components").IStyledComponent
|
|
|
298
298
|
skeleton?: boolean | undefined;
|
|
299
299
|
htmlFor?: string | undefined;
|
|
300
300
|
href?: string | undefined;
|
|
301
|
-
to?: string | undefined;
|
|
302
301
|
disableHoverColor?: boolean | undefined;
|
|
303
302
|
ref?: import("react").Ref<HTMLButtonElement | null> | undefined;
|
|
304
303
|
}>;
|
|
@@ -1,8 +1,6 @@
|
|
|
1
|
-
import React, { ReactNode
|
|
1
|
+
import React, { ReactNode } from 'react';
|
|
2
2
|
export interface HighlightProps {
|
|
3
3
|
children: ReactNode;
|
|
4
4
|
className?: string;
|
|
5
|
-
element?: ElementType;
|
|
6
|
-
innerHTML?: boolean;
|
|
7
5
|
}
|
|
8
6
|
export declare const Highlight: React.FC<HighlightProps>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as
|
|
1
|
+
import{jsx as r}from"react/jsx-runtime";import{memo as e,useRef as c,useEffect as n}from"react";import t from"highlight.js/lib/common";t.configure({ignoreUnescapedHTML:!0});const i=e(({children:e,className:i=""})=>{const o=c(null);return n(()=>{o.current&&t.highlightElement(o.current)},[i,e]),r("pre",{children:r("code",{className:i,ref:o,children:e})})});export{i as Highlight};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as e,jsxs as l}from"react/jsx-runtime";import{memo as i,useRef as r,Suspense as
|
|
1
|
+
import{jsx as e,jsxs as l}from"react/jsx-runtime";import{memo as i,useRef as r,Suspense as n,lazy as o}from"react";import{MessageMultilineCodeContentContainer as s,MessageMultilineCodeContentStyled as t,MessageMultilineCodeLastLine as c}from"./styled.js";const a=o(()=>import("./highlighted.js").then(e=>({default:e.MessageMultilineCodeContentHighlighted}))),d=i(({children:i,$messageColor:o,className:d})=>{var h;const m=null!==(h=null==i?void 0:i.toString().split("\n"))&&void 0!==h?h:[],g=r(null);return e(s,{ref:g,"data-codeblock":"true",children:e(n,{fallback:e("pre",{children:l(t,{$messageColor:o,className:d,children:[m.slice(0,-2).join("\n"),e(c,{children:m.slice(-2)})]})}),children:l(a,{$messageColor:o,className:d,children:[m.slice(0,-1).join("\n"),e(c,{children:m.slice(-1)})]})})})});export{d as MessageMultilineCodeContent};
|