@mobilon-dev/chotto 0.3.41 → 0.3.43

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.
Files changed (47) hide show
  1. package/dist/chotto.css +1 -1
  2. package/dist/components/1_atoms/Tooltip/Tooltip.vue.js +2 -2
  3. package/dist/components/1_atoms/Tooltip/Tooltip.vue2.js +60 -52
  4. package/dist/components/2_feed_elements/FileMessage/FileMessage.vue.js +3 -3
  5. package/dist/components/2_feed_elements/FileMessage/FileMessage.vue2.js +99 -89
  6. package/dist/components/2_feed_elements/MessageSmsInvite/MessageSmsInvite.vue.js +7 -0
  7. package/dist/components/2_feed_elements/MessageSmsInvite/MessageSmsInvite.vue2.js +64 -0
  8. package/dist/components/2_feed_elements/MissedCallMessage/MissedCallMessage.vue.js +7 -0
  9. package/dist/components/2_feed_elements/MissedCallMessage/MissedCallMessage.vue2.js +109 -0
  10. package/dist/components/2_feed_elements/MissedCallMessage/icons/MissedCallIcon.vue.js +34 -0
  11. package/dist/components/2_feed_elements/TextMessage/TextMessage.vue.js +1 -1
  12. package/dist/components/2_feed_elements/TextMessage/TextMessage.vue2.js +74 -64
  13. package/dist/components/3_compounds/ChatList/ChatListHeader.vue.js +43 -10
  14. package/dist/components/3_compounds/ChatList/icons/LogoIcon.vue.js +19 -0
  15. package/dist/components/3_compounds/Feed/Feed.vue.js +1 -1
  16. package/dist/components/3_compounds/Feed/Feed.vue2.js +134 -127
  17. package/dist/components/3_compounds/Feed/composables/useFeedComponents.js +10 -8
  18. package/dist/index.js +147 -145
  19. package/dist/locale/en.js +2 -1
  20. package/dist/locale/ru.js +2 -1
  21. package/dist/themes/dark.css +1 -1
  22. package/dist/themes/default.css +1 -1
  23. package/dist/themes/glass.css +1 -1
  24. package/dist/themes/green.css +1 -1
  25. package/dist/themes/mobilon1.css +1 -1
  26. package/dist/types/apps/data/messages.d.ts +166 -7
  27. package/dist/types/components/1_atoms/Tooltip/Tooltip.vue.d.ts +9 -0
  28. package/dist/types/components/1_atoms/Tooltip/styles/types.d.ts +2 -0
  29. package/dist/types/components/2_feed_elements/FileMessage/FileMessage.vue.d.ts +2 -0
  30. package/dist/types/components/2_feed_elements/FileMessage/styles/types.d.ts +2 -0
  31. package/dist/types/components/2_feed_elements/MessageSmsInvite/MessageSmsInvite.vue.d.ts +11 -0
  32. package/dist/types/components/2_feed_elements/MessageSmsInvite/styles/types.d.ts +49 -0
  33. package/dist/types/components/2_feed_elements/MissedCallMessage/MissedCallMessage.vue.d.ts +40 -0
  34. package/dist/types/components/2_feed_elements/MissedCallMessage/icons/MissedCallIcon.vue.d.ts +2 -0
  35. package/dist/types/components/2_feed_elements/MissedCallMessage/stories/MissedCallMessage.stories.d.ts +12 -0
  36. package/dist/types/components/2_feed_elements/TextMessage/TextMessage.vue.d.ts +2 -0
  37. package/dist/types/components/2_feed_elements/types/messages.d.ts +22 -0
  38. package/dist/types/components/3_compounds/ChatList/ChatListHeader.vue.d.ts +6 -0
  39. package/dist/types/components/3_compounds/ChatList/icons/LogoIcon.vue.d.ts +2 -0
  40. package/dist/types/components/3_compounds/ChatList/styles/types.d.ts +44 -0
  41. package/dist/types/components/3_compounds/Feed/Feed.vue.d.ts +4 -2
  42. package/dist/types/components/index.d.ts +1 -0
  43. package/dist/types/hooks/validators/messages/types.d.ts +1 -0
  44. package/dist/types/locale/en.d.ts +1 -0
  45. package/dist/types/locale/ru.d.ts +1 -0
  46. package/dist/types/main.d.ts +3 -0
  47. package/package.json +1 -1
@@ -0,0 +1,49 @@
1
+ /**
2
+ * CSS variables for MessageSmsInvite component
3
+ */
4
+ export interface MessageSmsInviteThemeCSSVariables {
5
+ /** Отображение контейнера приглашения SMS */
6
+ '--chotto-messagesmsinvite-display': string;
7
+ /** Направление flex контейнера */
8
+ '--chotto-messagesmsinvite-flex-direction': string;
9
+ /** Выравнивание элементов по поперечной оси */
10
+ '--chotto-messagesmsinvite-align-items': string;
11
+ /** Ширина контейнера */
12
+ '--chotto-messagesmsinvite-width': string;
13
+ /** Курсор контейнера */
14
+ '--chotto-messagesmsinvite-cursor': string;
15
+ /** Переход для контейнера */
16
+ '--chotto-messagesmsinvite-transition': string;
17
+ /** Прозрачность при наведении */
18
+ '--chotto-messagesmsinvite-hover-opacity': string;
19
+ /** Размер шрифта текста приглашения */
20
+ '--chotto-messagesmsinvite-text-font-size': string;
21
+ /** Толщина шрифта текста приглашения */
22
+ '--chotto-messagesmsinvite-text-font-weight': string;
23
+ /** Выравнивание текста */
24
+ '--chotto-messagesmsinvite-text-text-align': string;
25
+ /** Цвет текста приглашения (Telegram) */
26
+ '--chotto-messagesmsinvite-text-color-telegram': string;
27
+ /** Цвет текста приглашения (WhatsApp) */
28
+ '--chotto-messagesmsinvite-text-color-whatsapp': string;
29
+ /** Цвет текста приглашения (Max) */
30
+ '--chotto-messagesmsinvite-text-color-max': string;
31
+ /** Толщина верхней границы */
32
+ '--chotto-messagesmsinvite-text-border-top-width': string;
33
+ /** Стиль верхней границы */
34
+ '--chotto-messagesmsinvite-text-border-top-style': string;
35
+ /** Цвет верхней границы (Telegram) */
36
+ '--chotto-messagesmsinvite-text-border-top-color-telegram': string;
37
+ /** Цвет верхней границы (WhatsApp) */
38
+ '--chotto-messagesmsinvite-text-border-top-color-whatsapp': string;
39
+ /** Цвет верхней границы (Max) */
40
+ '--chotto-messagesmsinvite-text-border-top-color-max': string;
41
+ /** Ширина текста приглашения */
42
+ '--chotto-messagesmsinvite-text-width': string;
43
+ /** Отступ слева текста приглашения */
44
+ '--chotto-messagesmsinvite-text-margin-left': string;
45
+ /** Отступ справа текста приглашения */
46
+ '--chotto-messagesmsinvite-text-margin-right': string;
47
+ /** Внутренние отступы текста приглашения */
48
+ '--chotto-messagesmsinvite-text-padding': string;
49
+ }
@@ -0,0 +1,40 @@
1
+ import { IMissedCallMessage } from '@/types';
2
+ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
3
+ message: {
4
+ type: () => IMissedCallMessage;
5
+ required: true;
6
+ };
7
+ applyStyle: {
8
+ type: FunctionConstructor;
9
+ default: () => null;
10
+ };
11
+ subtextTooltipData: {
12
+ type: () => Record<string, string>;
13
+ required: false;
14
+ default: () => {};
15
+ };
16
+ }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
17
+ action: (...args: any[]) => void;
18
+ reply: (...args: any[]) => void;
19
+ }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
20
+ message: {
21
+ type: () => IMissedCallMessage;
22
+ required: true;
23
+ };
24
+ applyStyle: {
25
+ type: FunctionConstructor;
26
+ default: () => null;
27
+ };
28
+ subtextTooltipData: {
29
+ type: () => Record<string, string>;
30
+ required: false;
31
+ default: () => {};
32
+ };
33
+ }>> & Readonly<{
34
+ onAction?: ((...args: any[]) => any) | undefined;
35
+ onReply?: ((...args: any[]) => any) | undefined;
36
+ }>, {
37
+ applyStyle: Function;
38
+ subtextTooltipData: Record<string, string>;
39
+ }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
40
+ export default _default;
@@ -0,0 +1,2 @@
1
+ declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
2
+ export default _default;
@@ -0,0 +1,12 @@
1
+ import type { Meta, StoryObj } from '@storybook/vue3-vite';
2
+ import MissedCallMessage from '../MissedCallMessage.vue';
3
+ declare const meta: Meta<typeof MissedCallMessage>;
4
+ export default meta;
5
+ type Story = StoryObj<typeof MissedCallMessage>;
6
+ export declare const Default: Story;
7
+ export declare const WithAvatar: Story;
8
+ export declare const WithSubtext: Story;
9
+ export declare const WithHeader: Story;
10
+ export declare const WithAll: Story;
11
+ export declare const WithActions: Story;
12
+ export declare const WithAllFeatures: Story;
@@ -24,6 +24,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
24
24
  }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
25
25
  action: (...args: any[]) => void;
26
26
  reply: (...args: any[]) => void;
27
+ "sms-invite": (...args: any[]) => void;
27
28
  }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
28
29
  message: {
29
30
  type: () => ITextMessage;
@@ -49,6 +50,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
49
50
  }>> & Readonly<{
50
51
  onAction?: ((...args: any[]) => any) | undefined;
51
52
  onReply?: ((...args: any[]) => any) | undefined;
53
+ "onSms-invite"?: ((...args: any[]) => any) | undefined;
52
54
  }>, {
53
55
  applyStyle: Function;
54
56
  isFirstInSeries: boolean;
@@ -89,6 +89,7 @@ export interface IAudioMessage {
89
89
  keyboard?: IKeyBoard[];
90
90
  reactions?: MessageReactions;
91
91
  backgroundColor?: string;
92
+ hasMessengerAccount?: boolean;
92
93
  }
93
94
  export interface ICallMessage {
94
95
  messageId: string;
@@ -114,10 +115,12 @@ export interface ICallMessage {
114
115
  };
115
116
  reactions?: MessageReactions;
116
117
  backgroundColor?: string;
118
+ hasMessengerAccount?: boolean;
117
119
  }
118
120
  export interface IDateMessage {
119
121
  messageId?: string;
120
122
  text: string;
123
+ hasMessengerAccount?: boolean;
121
124
  }
122
125
  export interface IFileMessage {
123
126
  messageId: string;
@@ -140,6 +143,7 @@ export interface IFileMessage {
140
143
  reactions?: MessageReactions;
141
144
  direction?: string;
142
145
  backgroundColor?: string;
146
+ hasMessengerAccount?: boolean;
143
147
  }
144
148
  export interface IImageMessage {
145
149
  messageId: string;
@@ -161,14 +165,17 @@ export interface IImageMessage {
161
165
  keyboard?: IKeyBoard[];
162
166
  reactions?: MessageReactions;
163
167
  backgroundColor?: string;
168
+ hasMessengerAccount?: boolean;
164
169
  }
165
170
  export interface ISystemMessage {
166
171
  messageId: string;
167
172
  text: string;
173
+ hasMessengerAccount?: boolean;
168
174
  }
169
175
  export interface IDelimiterMessage {
170
176
  messageId: string;
171
177
  text: string;
178
+ hasMessengerAccount?: boolean;
172
179
  }
173
180
  export interface ITextMessage {
174
181
  messageId: string;
@@ -188,10 +195,12 @@ export interface ITextMessage {
188
195
  keyboard?: IKeyBoard[];
189
196
  reactions?: MessageReactions;
190
197
  backgroundColor?: string;
198
+ hasMessengerAccount?: boolean;
191
199
  }
192
200
  export interface ITypingMessage {
193
201
  avatar?: string;
194
202
  subText?: string;
203
+ hasMessengerAccount?: boolean;
195
204
  }
196
205
  export interface IVideoMessage {
197
206
  messageId: string;
@@ -213,6 +222,7 @@ export interface IVideoMessage {
213
222
  keyboard?: IKeyBoard[];
214
223
  reactions?: MessageReactions;
215
224
  backgroundColor?: string;
225
+ hasMessengerAccount?: boolean;
216
226
  }
217
227
  export interface IStickerMessage {
218
228
  messageId: string;
@@ -235,4 +245,16 @@ export interface IStickerMessage {
235
245
  keyboard?: IKeyBoard[];
236
246
  reactions?: MessageReactions;
237
247
  backgroundColor?: string;
248
+ hasMessengerAccount?: boolean;
249
+ }
250
+ export interface IMissedCallMessage {
251
+ messageId: string;
252
+ position: string;
253
+ time: string;
254
+ avatar?: string;
255
+ header?: string;
256
+ subText?: string;
257
+ actions?: IAction[];
258
+ backgroundColor?: string;
259
+ hasMessengerAccount?: boolean;
238
260
  }
@@ -6,9 +6,15 @@ type __VLS_WithSlots<T, S> = T & (new () => {
6
6
  declare const __VLS_component: import("vue").DefineComponent<{}, {
7
7
  title: string;
8
8
  titleEnabled: boolean;
9
+ logoEnabled: boolean;
10
+ betaEnabled: boolean;
11
+ betaTooltipText: string;
9
12
  $props: {
10
13
  readonly title?: string | undefined;
11
14
  readonly titleEnabled?: boolean | undefined;
15
+ readonly logoEnabled?: boolean | undefined;
16
+ readonly betaEnabled?: boolean | undefined;
17
+ readonly betaTooltipText?: string | undefined;
12
18
  };
13
19
  }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
14
20
  type __VLS_Slots = {
@@ -0,0 +1,2 @@
1
+ declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
2
+ export default _default;
@@ -80,6 +80,46 @@ export interface ChatListThemeCSSVariables {
80
80
  '--chotto-chatlist-title-font-weight': string;
81
81
  /** Цвет текста заголовка */
82
82
  '--chotto-chatlist-title-text-color': string;
83
+ /** Отображение блока заголовка */
84
+ '--chotto-chatlist-title-block-display': string;
85
+ /** Выравнивание элементов блока заголовка */
86
+ '--chotto-chatlist-title-block-align': string;
87
+ /** Ширина логотипа заголовка */
88
+ '--chotto-chatlist-title-logo-width': string;
89
+ /** Высота логотипа заголовка */
90
+ '--chotto-chatlist-title-logo-height': string;
91
+ /** Отступ слева логотипа заголовка */
92
+ '--chotto-chatlist-title-logo-margin-left': string;
93
+ /** Коэффициент сжатия логотипа заголовка */
94
+ '--chotto-chatlist-title-logo-flex-shrink': string;
95
+ /** Отображение бейджа beta заголовка */
96
+ '--chotto-chatlist-title-beta-badge-display': string;
97
+ /** Выравнивание элементов бейджа beta заголовка */
98
+ '--chotto-chatlist-title-beta-badge-align-items': string;
99
+ /** Выравнивание по главной оси бейджа beta заголовка */
100
+ '--chotto-chatlist-title-beta-badge-justify-content': string;
101
+ /** Радиус границы бейджа beta заголовка */
102
+ '--chotto-chatlist-title-beta-badge-border-radius': string;
103
+ /** Цвет фона бейджа beta заголовка */
104
+ '--chotto-chatlist-title-beta-badge-background-color': string;
105
+ /** Выравнивание бейджа beta заголовка относительно контейнера */
106
+ '--chotto-chatlist-title-beta-badge-align-self': string;
107
+ /** Цвет текста бейджа beta заголовка */
108
+ '--chotto-chatlist-title-beta-badge-color': string;
109
+ /** Ширина бейджа beta заголовка */
110
+ '--chotto-chatlist-title-beta-badge-width': string;
111
+ /** Минимальная высота бейджа beta заголовка */
112
+ '--chotto-chatlist-title-beta-badge-min-height': string;
113
+ /** Семейство шрифта бейджа beta заголовка */
114
+ '--chotto-chatlist-title-beta-badge-font-family': string;
115
+ /** Толщина шрифта бейджа beta заголовка */
116
+ '--chotto-chatlist-title-beta-badge-font-weight': string;
117
+ /** Размер шрифта бейджа beta заголовка */
118
+ '--chotto-chatlist-title-beta-badge-font-size': string;
119
+ /** Отступ слева бейджа beta заголовка */
120
+ '--chotto-chatlist-title-beta-badge-margin-left': string;
121
+ /** Высота строки бейджа beta заголовка */
122
+ '--chotto-chatlist-title-beta-badge-line-height': string;
83
123
  /** Позиционирование контекстного меню */
84
124
  '--chotto-chatlist-context-menu-position': string;
85
125
  /** Позиция контекстного меню сверху */
@@ -198,4 +238,8 @@ export interface ChatListThemeCSSVariables {
198
238
  '--chotto-chatlist-placeholder-hint-font-size': string;
199
239
  /** Отступы подсказки плейсхолдера */
200
240
  '--chotto-chatlist-placeholder-hint-margin': string;
241
+ /** Высота строки обёртки тултипа бейджа beta заголовка */
242
+ '--chotto-chatlist-title-beta-badge-tooltip-wrapper-line-height': string;
243
+ /** Отображение обёртки тултипа бейджа beta заголовка */
244
+ '--chotto-chatlist-title-beta-badge-tooltip-wrapper-display': string;
201
245
  }
@@ -1,7 +1,7 @@
1
1
  import { IFeedObject, IFeedTyping, IFeedUnreadButton, IFeedKeyboard } from '@/types';
2
- declare var __VLS_44: {};
2
+ declare var __VLS_45: {};
3
3
  type __VLS_Slots = {} & {
4
- 'empty-feed'?: (props: typeof __VLS_44) => any;
4
+ 'empty-feed'?: (props: typeof __VLS_45) => any;
5
5
  };
6
6
  declare const __VLS_component: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
7
7
  objects: {
@@ -80,6 +80,7 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
80
80
  };
81
81
  }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
82
82
  loadMore: (...args: any[]) => void;
83
+ smsInvite: (...args: any[]) => void;
83
84
  keyboardAction: (...args: any[]) => void;
84
85
  feedAction: (...args: any[]) => void;
85
86
  loadMoreDown: (...args: any[]) => void;
@@ -164,6 +165,7 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
164
165
  };
165
166
  }>> & Readonly<{
166
167
  onLoadMore?: ((...args: any[]) => any) | undefined;
168
+ onSmsInvite?: ((...args: any[]) => any) | undefined;
167
169
  onKeyboardAction?: ((...args: any[]) => any) | undefined;
168
170
  onFeedAction?: ((...args: any[]) => any) | undefined;
169
171
  onLoadMoreDown?: ((...args: any[]) => any) | undefined;
@@ -46,6 +46,7 @@ export { default as AudioMessage } from './2_feed_elements/AudioMessage/AudioMes
46
46
  export { default as BaseReplyMessage } from './2_feed_elements/BaseReplyMessage/BaseReplyMessage.vue';
47
47
  export { default as CallMessage } from './2_feed_elements/CallMessage/CallMessage.vue';
48
48
  export { default as DateMessage } from './2_feed_elements/DateMessage/DateMessage.vue';
49
+ export { default as MissedCallMessage } from './2_feed_elements/MissedCallMessage/MissedCallMessage.vue';
49
50
  export { default as DateMessageSticky } from './2_feed_elements/DateMessageSticky/DateMessageSticky.vue';
50
51
  export { default as DelimiterMessage } from './2_feed_elements/DelimiterMessage/DelimiterMessage.vue';
51
52
  export { default as FeedKeyboard } from './2_feed_elements/FeedKeyboard/FeedKeyboard.vue';
@@ -63,5 +63,6 @@ export interface Message {
63
63
  keyboard?: MessageKeyboardButton[];
64
64
  callDuration?: string;
65
65
  isMissedCall?: boolean;
66
+ hasMessengerAccount?: boolean;
66
67
  }
67
68
  export type MessageList = Message[];
@@ -20,4 +20,5 @@ export const en: {
20
20
  'component.TextFormatToolbar.Strikethrough': string;
21
21
  'component.TextFormatToolbar.Code': string;
22
22
  'component.TextFormatToolbar.Quote': string;
23
+ 'component.TextMessage.sendSmsInvite': string;
23
24
  };
@@ -20,4 +20,5 @@ export const ru: {
20
20
  'component.TextFormatToolbar.Strikethrough': string;
21
21
  'component.TextFormatToolbar.Code': string;
22
22
  'component.TextFormatToolbar.Quote': string;
23
+ 'component.TextMessage.sendSmsInvite': string;
23
24
  };
@@ -1,3 +1,6 @@
1
1
  import './components/2_feed_elements/StickerMessage/utils/suppress-lit-warning';
2
2
  import 'primeicons/primeicons.css';
3
3
  import './themes/index.scss';
4
+ import '@fontsource/inter/700';
5
+ import '@fontsource/open-sans/400';
6
+ import '@fontsource/open-sans/600';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mobilon-dev/chotto",
3
- "version": "0.3.41",
3
+ "version": "0.3.43",
4
4
  "type": "module",
5
5
  "main": "./dist/index.js",
6
6
  "module": "./dist/index.js",