@bcc-code/vue-bcc-chat-ui 3.11.0 → 3.13.0
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/App.vue.d.ts +2 -0
- package/dist/chat/bccuiExtension.d.ts +0 -1
- package/dist/chat/captionedAttachment.d.ts +2 -0
- package/dist/chat/captionedAttachmentExtension.d.ts +7 -0
- package/dist/chat/cometChatPatches.d.ts +0 -1
- package/dist/chat/data.d.ts +1 -2
- package/dist/chat/environment.d.ts +0 -1
- package/dist/chat/index.d.ts +206 -5
- package/dist/chat/login.d.ts +2 -2
- package/dist/chat/replyExtension.d.ts +0 -1
- package/dist/chat/replyStyle.d.ts +0 -1
- package/dist/chat/theme.d.ts +203 -2
- package/dist/chat/translations.d.ts +0 -1
- package/dist/chat/types.d.ts +5 -1
- package/dist/chat/uiKit.d.ts +4 -4
- package/dist/components/BccAttachmentBox.vue.d.ts +29 -0
- package/dist/components/BccAttachmentPreview.vue.d.ts +23 -0
- package/dist/components/BccChatMessageBubble.vue.d.ts +81 -19
- package/dist/components/BccChatMessageList.vue.d.ts +3 -3
- package/dist/components/BccChatSendButton.vue.d.ts +51 -0
- package/dist/components/BccCometChatFullScreenViewer.vue.d.ts +5 -5
- package/dist/components/BccFileBubble.vue.d.ts +4 -4
- package/dist/components/BccImageBubble.vue.d.ts +4 -5
- package/dist/components/BccReplyBox.vue.d.ts +4 -5
- package/dist/components/BccReplyPreview.vue.d.ts +4 -5
- package/dist/components/CometChatMessageListOverride.vue.d.ts +1 -1
- package/dist/index.d.ts +0 -1
- package/dist/offline/cometChatAPIInterceptor.d.ts +0 -1
- package/dist/offline/cometChatWSInterceptor.d.ts +0 -1
- package/dist/offline/connectivity.d.ts +1 -2
- package/dist/offline/offlineStoreLocalStorage.d.ts +0 -1
- package/dist/style.css +1 -1
- package/dist/vue-bcc-chat-ui.js +28304 -27725
- package/package.json +14 -13
- package/src/components/BccAttachmentBox.vue +132 -0
- package/src/components/BccAttachmentPreview.vue +37 -0
- package/src/components/BccChatMessageBubble.vue +35 -8
- package/src/components/BccChatMessageList.vue +79 -26
- package/src/components/BccChatSendButton.vue +42 -0
|
@@ -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, {}>;
|
|
2
|
+
export default _default;
|
package/dist/chat/data.d.ts
CHANGED
|
@@ -1,12 +1,11 @@
|
|
|
1
1
|
import { Group, BaseMessage } from '@cometchat/chat-sdk-javascript';
|
|
2
2
|
import { Ref } from 'vue';
|
|
3
3
|
import { UserChatInfo } from './types';
|
|
4
|
-
|
|
5
4
|
export declare function getGroup(groupUid: string): Promise<Group | null>;
|
|
6
5
|
export declare function clearGroupChatCount(groupUid: string): Promise<void>;
|
|
7
6
|
export declare function getGroupOnlineCount(groupUid: string): Promise<number>;
|
|
8
7
|
export declare const userChats: Ref<UserChatInfo[]>;
|
|
9
8
|
export declare function getUserChats(): Promise<UserChatInfo[]>;
|
|
10
|
-
export declare function getSenderDisplayName(message: BaseMessage | undefined): any;
|
|
9
|
+
export declare function getSenderDisplayName(message: BaseMessage | undefined, group?: Ref<Group | undefined>): any;
|
|
11
10
|
export declare function getMessageTextPreview(message?: BaseMessage, showEmoji?: boolean, showAttachmentName?: boolean): string;
|
|
12
11
|
export declare function proxyImage(imageUrl: string): string;
|
package/dist/chat/index.d.ts
CHANGED
|
@@ -1,9 +1,8 @@
|
|
|
1
1
|
import { ChatInstallOptions } from './types';
|
|
2
|
-
|
|
3
2
|
declare function install(app: any, options: ChatInstallOptions): Promise<void>;
|
|
4
3
|
declare const _default: {
|
|
5
4
|
setLanguage: (lang: import('./types').Language) => void;
|
|
6
|
-
onlineMode: import('vue').WritableComputedRef<import('../offline/types').OnlineStatus>;
|
|
5
|
+
onlineMode: import('vue').WritableComputedRef<import('../offline/types').OnlineStatus, import('../offline/types').OnlineStatus>;
|
|
7
6
|
onlineStatus: import('vue').ComputedRef<import('../offline/types').OnlineStatus>;
|
|
8
7
|
theme: import('vue').Ref<{
|
|
9
8
|
palette: {
|
|
@@ -207,9 +206,211 @@ declare const _default: {
|
|
|
207
206
|
setCaption2: (captionFont: import('@cometchat/uikit-resources').CometChatFont) => void;
|
|
208
207
|
setCaption3: (captionFont: import('@cometchat/uikit-resources').CometChatFont) => void;
|
|
209
208
|
};
|
|
209
|
+
}, import('@cometchat/uikit-resources').CometChatTheme | {
|
|
210
|
+
palette: {
|
|
211
|
+
mode: string;
|
|
212
|
+
background: {
|
|
213
|
+
light?: string | undefined;
|
|
214
|
+
dark?: string | undefined;
|
|
215
|
+
};
|
|
216
|
+
primary: {
|
|
217
|
+
light?: string | undefined;
|
|
218
|
+
dark?: string | undefined;
|
|
219
|
+
};
|
|
220
|
+
primary150: {
|
|
221
|
+
light?: string | undefined;
|
|
222
|
+
dark?: string | undefined;
|
|
223
|
+
};
|
|
224
|
+
primary500: {
|
|
225
|
+
light?: string | undefined;
|
|
226
|
+
dark?: string | undefined;
|
|
227
|
+
};
|
|
228
|
+
error: {
|
|
229
|
+
light?: string | undefined;
|
|
230
|
+
dark?: string | undefined;
|
|
231
|
+
};
|
|
232
|
+
accent: {
|
|
233
|
+
light?: string | undefined;
|
|
234
|
+
dark?: string | undefined;
|
|
235
|
+
};
|
|
236
|
+
accent50: {
|
|
237
|
+
light?: string | undefined;
|
|
238
|
+
dark?: string | undefined;
|
|
239
|
+
};
|
|
240
|
+
accent100: {
|
|
241
|
+
light?: string | undefined;
|
|
242
|
+
dark?: string | undefined;
|
|
243
|
+
};
|
|
244
|
+
accent200: {
|
|
245
|
+
light?: string | undefined;
|
|
246
|
+
dark?: string | undefined;
|
|
247
|
+
};
|
|
248
|
+
accent300: {
|
|
249
|
+
light?: string | undefined;
|
|
250
|
+
dark?: string | undefined;
|
|
251
|
+
};
|
|
252
|
+
accent400: {
|
|
253
|
+
light?: string | undefined;
|
|
254
|
+
dark?: string | undefined;
|
|
255
|
+
};
|
|
256
|
+
accent500: {
|
|
257
|
+
light?: string | undefined;
|
|
258
|
+
dark?: string | undefined;
|
|
259
|
+
};
|
|
260
|
+
accent600: {
|
|
261
|
+
light?: string | undefined;
|
|
262
|
+
dark?: string | undefined;
|
|
263
|
+
};
|
|
264
|
+
accent700: {
|
|
265
|
+
light?: string | undefined;
|
|
266
|
+
dark?: string | undefined;
|
|
267
|
+
};
|
|
268
|
+
accent800: {
|
|
269
|
+
light?: string | undefined;
|
|
270
|
+
dark?: string | undefined;
|
|
271
|
+
};
|
|
272
|
+
accent900: {
|
|
273
|
+
light?: string | undefined;
|
|
274
|
+
dark?: string | undefined;
|
|
275
|
+
};
|
|
276
|
+
success: {
|
|
277
|
+
light?: string | undefined;
|
|
278
|
+
dark?: string | undefined;
|
|
279
|
+
};
|
|
280
|
+
secondary: {
|
|
281
|
+
light?: string | undefined;
|
|
282
|
+
dark?: string | undefined;
|
|
283
|
+
};
|
|
284
|
+
tertiary: {
|
|
285
|
+
light?: string | undefined;
|
|
286
|
+
dark?: string | undefined;
|
|
287
|
+
};
|
|
288
|
+
getAccent: (mode?: string) => string | undefined;
|
|
289
|
+
getAccent50: (mode?: string) => string | undefined;
|
|
290
|
+
getAccent100: (mode?: string) => string | undefined;
|
|
291
|
+
getAccent200: (mode?: string) => string | undefined;
|
|
292
|
+
getAccent300: (mode?: string) => string | undefined;
|
|
293
|
+
getAccent400: (mode?: string) => string | undefined;
|
|
294
|
+
getAccent500: (mode?: string) => string | undefined;
|
|
295
|
+
getAccent600: (mode?: string) => string | undefined;
|
|
296
|
+
getAccent700: (mode?: string) => string | undefined;
|
|
297
|
+
getAccent800: (mode?: string) => string | undefined;
|
|
298
|
+
getAccent900: (mode?: string) => string | undefined;
|
|
299
|
+
getSuccess: (mode?: string) => string | undefined;
|
|
300
|
+
getError: (mode?: string) => string | undefined;
|
|
301
|
+
getPrimary: (mode?: string) => string | undefined;
|
|
302
|
+
getPrimary150: (mode?: string) => string | undefined;
|
|
303
|
+
getPrimary500: (mode?: string) => string | undefined;
|
|
304
|
+
getSecondary: (mode?: string) => string | undefined;
|
|
305
|
+
getBackground: (mode?: string) => string | undefined;
|
|
306
|
+
getTertiary: (mode?: string) => string | undefined;
|
|
307
|
+
setMode: (mode: string) => void;
|
|
308
|
+
setBackground: (colorset: import('@cometchat/uikit-resources').PaletteItem) => void;
|
|
309
|
+
setPrimary: (colorset: import('@cometchat/uikit-resources').PaletteItem) => void;
|
|
310
|
+
setPrimary150: (colorset: import('@cometchat/uikit-resources').PaletteItem) => void;
|
|
311
|
+
setPrimary500: (colorset: import('@cometchat/uikit-resources').PaletteItem) => void;
|
|
312
|
+
setSecondary: (colorset: import('@cometchat/uikit-resources').PaletteItem) => void;
|
|
313
|
+
setError: (colorset: import('@cometchat/uikit-resources').PaletteItem) => void;
|
|
314
|
+
setAccent: (colorset: import('@cometchat/uikit-resources').PaletteItem) => void;
|
|
315
|
+
setAccent50: (colorset?: import('@cometchat/uikit-resources').PaletteItem) => void;
|
|
316
|
+
setAccent100: (colorset: import('@cometchat/uikit-resources').PaletteItem) => void;
|
|
317
|
+
setAccent200: (colorset: import('@cometchat/uikit-resources').PaletteItem) => void;
|
|
318
|
+
setAccent300: (colorset: import('@cometchat/uikit-resources').PaletteItem) => void;
|
|
319
|
+
setAccent400: (colorset: import('@cometchat/uikit-resources').PaletteItem) => void;
|
|
320
|
+
setAccent500: (colorset: import('@cometchat/uikit-resources').PaletteItem) => void;
|
|
321
|
+
setAccent600: (colorset: import('@cometchat/uikit-resources').PaletteItem) => void;
|
|
322
|
+
setAccent700: (colorset: import('@cometchat/uikit-resources').PaletteItem) => void;
|
|
323
|
+
setAccent800: (colorset: import('@cometchat/uikit-resources').PaletteItem) => void;
|
|
324
|
+
setAccent900: (colorset: import('@cometchat/uikit-resources').PaletteItem) => void;
|
|
325
|
+
setTertiary: (colorset: import('@cometchat/uikit-resources').PaletteItem) => void;
|
|
326
|
+
};
|
|
327
|
+
typography: {
|
|
328
|
+
fontFamily: string;
|
|
329
|
+
fontWeightRegular: string;
|
|
330
|
+
fontWeightMedium: string;
|
|
331
|
+
fontWeightSemibold: string;
|
|
332
|
+
fontWeightBold: string;
|
|
333
|
+
heading: {
|
|
334
|
+
fontFamily: string;
|
|
335
|
+
fontWeight: string;
|
|
336
|
+
fontSize: string;
|
|
337
|
+
};
|
|
338
|
+
name: {
|
|
339
|
+
fontFamily: string;
|
|
340
|
+
fontWeight: string;
|
|
341
|
+
fontSize: string;
|
|
342
|
+
};
|
|
343
|
+
title1: {
|
|
344
|
+
fontFamily: string;
|
|
345
|
+
fontWeight: string;
|
|
346
|
+
fontSize: string;
|
|
347
|
+
};
|
|
348
|
+
title2: {
|
|
349
|
+
fontFamily: string;
|
|
350
|
+
fontWeight: string;
|
|
351
|
+
fontSize: string;
|
|
352
|
+
};
|
|
353
|
+
subtitle1: {
|
|
354
|
+
fontFamily: string;
|
|
355
|
+
fontWeight: string;
|
|
356
|
+
fontSize: string;
|
|
357
|
+
};
|
|
358
|
+
subtitle2: {
|
|
359
|
+
fontFamily: string;
|
|
360
|
+
fontWeight: string;
|
|
361
|
+
fontSize: string;
|
|
362
|
+
};
|
|
363
|
+
text1: {
|
|
364
|
+
fontFamily: string;
|
|
365
|
+
fontWeight: string;
|
|
366
|
+
fontSize: string;
|
|
367
|
+
};
|
|
368
|
+
text2: {
|
|
369
|
+
fontFamily: string;
|
|
370
|
+
fontWeight: string;
|
|
371
|
+
fontSize: string;
|
|
372
|
+
};
|
|
373
|
+
text3: {
|
|
374
|
+
fontFamily: string;
|
|
375
|
+
fontWeight: string;
|
|
376
|
+
fontSize: string;
|
|
377
|
+
};
|
|
378
|
+
caption1: {
|
|
379
|
+
fontFamily: string;
|
|
380
|
+
fontWeight: string;
|
|
381
|
+
fontSize: string;
|
|
382
|
+
};
|
|
383
|
+
caption2: {
|
|
384
|
+
fontFamily: string;
|
|
385
|
+
fontWeight: string;
|
|
386
|
+
fontSize: string;
|
|
387
|
+
};
|
|
388
|
+
caption3: {
|
|
389
|
+
fontFamily: string;
|
|
390
|
+
fontWeight: string;
|
|
391
|
+
fontSize: string;
|
|
392
|
+
};
|
|
393
|
+
setFontFamily: (fontFamily: string) => void;
|
|
394
|
+
setFontWeightRegular: (fontWeightRegular: string) => void;
|
|
395
|
+
setFontWeightMedium: (fontWeightMedium: string) => void;
|
|
396
|
+
setFontWeightSemibold: (fontWeightSemibold: string) => void;
|
|
397
|
+
setFontWeightBold: (fontWeightBold: string) => void;
|
|
398
|
+
setHeading: (headingFont: import('@cometchat/uikit-resources').CometChatFont) => void;
|
|
399
|
+
setName: (nameFont: import('@cometchat/uikit-resources').CometChatFont) => void;
|
|
400
|
+
setTitle1: (titleFont: import('@cometchat/uikit-resources').CometChatFont) => void;
|
|
401
|
+
setTitle2: (titleFont: import('@cometchat/uikit-resources').CometChatFont) => void;
|
|
402
|
+
setSubtitle1: (subtitleFont: import('@cometchat/uikit-resources').CometChatFont) => void;
|
|
403
|
+
setSubtitle2: (subtitleFont: import('@cometchat/uikit-resources').CometChatFont) => void;
|
|
404
|
+
setText1: (textFont: import('@cometchat/uikit-resources').CometChatFont) => void;
|
|
405
|
+
setText2: (textFont: import('@cometchat/uikit-resources').CometChatFont) => void;
|
|
406
|
+
setText3: (textFont: import('@cometchat/uikit-resources').CometChatFont) => void;
|
|
407
|
+
setCaption1: (captionFont: import('@cometchat/uikit-resources').CometChatFont) => void;
|
|
408
|
+
setCaption2: (captionFont: import('@cometchat/uikit-resources').CometChatFont) => void;
|
|
409
|
+
setCaption3: (captionFont: import('@cometchat/uikit-resources').CometChatFont) => void;
|
|
410
|
+
};
|
|
210
411
|
}>;
|
|
211
412
|
setThemeMode: (mode: import('./types').ThemeMode) => void;
|
|
212
|
-
loggedIn: import('vue').Ref<boolean>;
|
|
413
|
+
loggedIn: import('vue').Ref<boolean, boolean>;
|
|
213
414
|
login: (accessToken?: string | null | undefined) => Promise<boolean | undefined>;
|
|
214
415
|
logout: () => Promise<boolean>;
|
|
215
416
|
loginWithChatToken: (chatToken: string) => Promise<boolean>;
|
|
@@ -225,11 +426,11 @@ declare const _default: {
|
|
|
225
426
|
clearGroupChatCount(groupUid: string): Promise<void>;
|
|
226
427
|
getGroupOnlineCount(groupUid: string): Promise<number>;
|
|
227
428
|
getUserChats(): Promise<import('./types').UserChatInfo[]>;
|
|
228
|
-
getSenderDisplayName(message: import('@cometchat/chat-sdk-javascript').BaseMessage | undefined): any;
|
|
429
|
+
getSenderDisplayName(message: import('@cometchat/chat-sdk-javascript').BaseMessage | undefined, group?: import('vue').Ref<import('@cometchat/chat-sdk-javascript').Group | undefined>): any;
|
|
229
430
|
getMessageTextPreview(message?: import('@cometchat/chat-sdk-javascript').BaseMessage, showEmoji?: boolean, showAttachmentName?: boolean): string;
|
|
230
431
|
proxyImage(imageUrl: string): string;
|
|
231
432
|
userChats: import('vue').Ref<import('./types').UserChatInfo[]>;
|
|
232
433
|
install: typeof install;
|
|
233
|
-
initialized: import('vue').Ref<boolean>;
|
|
434
|
+
initialized: import('vue').Ref<boolean, boolean>;
|
|
234
435
|
};
|
|
235
436
|
export default _default;
|
package/dist/chat/login.d.ts
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
export declare const loggedIn: import('vue').Ref<boolean>;
|
|
1
|
+
export declare const loggedIn: import('vue').Ref<boolean, boolean>;
|
|
2
2
|
export declare const login: (accessToken?: string | null | undefined) => Promise<boolean | undefined>;
|
|
3
3
|
export declare const logout: () => Promise<boolean>;
|
|
4
4
|
export declare const loginWithChatToken: (chatToken: string) => Promise<boolean>;
|
|
5
5
|
declare const _default: {
|
|
6
|
-
loggedIn: import('vue').Ref<boolean>;
|
|
6
|
+
loggedIn: import('vue').Ref<boolean, boolean>;
|
|
7
7
|
login: (accessToken?: string | null | undefined) => Promise<boolean | undefined>;
|
|
8
8
|
logout: () => Promise<boolean>;
|
|
9
9
|
loginWithChatToken: (chatToken: string) => Promise<boolean>;
|
package/dist/chat/theme.d.ts
CHANGED
|
@@ -1,6 +1,5 @@
|
|
|
1
|
-
import { CometChatFont } from '@cometchat/uikit-resources';
|
|
1
|
+
import { CometChatTheme, CometChatFont } from '@cometchat/uikit-resources';
|
|
2
2
|
import { ThemeMode } from './types';
|
|
3
|
-
|
|
4
3
|
export declare const theme: import('vue').Ref<{
|
|
5
4
|
palette: {
|
|
6
5
|
mode: string;
|
|
@@ -203,5 +202,207 @@ export declare const theme: import('vue').Ref<{
|
|
|
203
202
|
setCaption2: (captionFont: CometChatFont) => void;
|
|
204
203
|
setCaption3: (captionFont: CometChatFont) => void;
|
|
205
204
|
};
|
|
205
|
+
}, CometChatTheme | {
|
|
206
|
+
palette: {
|
|
207
|
+
mode: string;
|
|
208
|
+
background: {
|
|
209
|
+
light?: string | undefined;
|
|
210
|
+
dark?: string | undefined;
|
|
211
|
+
};
|
|
212
|
+
primary: {
|
|
213
|
+
light?: string | undefined;
|
|
214
|
+
dark?: string | undefined;
|
|
215
|
+
};
|
|
216
|
+
primary150: {
|
|
217
|
+
light?: string | undefined;
|
|
218
|
+
dark?: string | undefined;
|
|
219
|
+
};
|
|
220
|
+
primary500: {
|
|
221
|
+
light?: string | undefined;
|
|
222
|
+
dark?: string | undefined;
|
|
223
|
+
};
|
|
224
|
+
error: {
|
|
225
|
+
light?: string | undefined;
|
|
226
|
+
dark?: string | undefined;
|
|
227
|
+
};
|
|
228
|
+
accent: {
|
|
229
|
+
light?: string | undefined;
|
|
230
|
+
dark?: string | undefined;
|
|
231
|
+
};
|
|
232
|
+
accent50: {
|
|
233
|
+
light?: string | undefined;
|
|
234
|
+
dark?: string | undefined;
|
|
235
|
+
};
|
|
236
|
+
accent100: {
|
|
237
|
+
light?: string | undefined;
|
|
238
|
+
dark?: string | undefined;
|
|
239
|
+
};
|
|
240
|
+
accent200: {
|
|
241
|
+
light?: string | undefined;
|
|
242
|
+
dark?: string | undefined;
|
|
243
|
+
};
|
|
244
|
+
accent300: {
|
|
245
|
+
light?: string | undefined;
|
|
246
|
+
dark?: string | undefined;
|
|
247
|
+
};
|
|
248
|
+
accent400: {
|
|
249
|
+
light?: string | undefined;
|
|
250
|
+
dark?: string | undefined;
|
|
251
|
+
};
|
|
252
|
+
accent500: {
|
|
253
|
+
light?: string | undefined;
|
|
254
|
+
dark?: string | undefined;
|
|
255
|
+
};
|
|
256
|
+
accent600: {
|
|
257
|
+
light?: string | undefined;
|
|
258
|
+
dark?: string | undefined;
|
|
259
|
+
};
|
|
260
|
+
accent700: {
|
|
261
|
+
light?: string | undefined;
|
|
262
|
+
dark?: string | undefined;
|
|
263
|
+
};
|
|
264
|
+
accent800: {
|
|
265
|
+
light?: string | undefined;
|
|
266
|
+
dark?: string | undefined;
|
|
267
|
+
};
|
|
268
|
+
accent900: {
|
|
269
|
+
light?: string | undefined;
|
|
270
|
+
dark?: string | undefined;
|
|
271
|
+
};
|
|
272
|
+
success: {
|
|
273
|
+
light?: string | undefined;
|
|
274
|
+
dark?: string | undefined;
|
|
275
|
+
};
|
|
276
|
+
secondary: {
|
|
277
|
+
light?: string | undefined;
|
|
278
|
+
dark?: string | undefined;
|
|
279
|
+
};
|
|
280
|
+
tertiary: {
|
|
281
|
+
light?: string | undefined;
|
|
282
|
+
dark?: string | undefined;
|
|
283
|
+
};
|
|
284
|
+
getAccent: (mode?: string) => string | undefined;
|
|
285
|
+
getAccent50: (mode?: string) => string | undefined;
|
|
286
|
+
getAccent100: (mode?: string) => string | undefined;
|
|
287
|
+
getAccent200: (mode?: string) => string | undefined;
|
|
288
|
+
getAccent300: (mode?: string) => string | undefined;
|
|
289
|
+
getAccent400: (mode?: string) => string | undefined;
|
|
290
|
+
getAccent500: (mode?: string) => string | undefined;
|
|
291
|
+
getAccent600: (mode?: string) => string | undefined;
|
|
292
|
+
getAccent700: (mode?: string) => string | undefined;
|
|
293
|
+
getAccent800: (mode?: string) => string | undefined;
|
|
294
|
+
getAccent900: (mode?: string) => string | undefined;
|
|
295
|
+
getSuccess: (mode?: string) => string | undefined;
|
|
296
|
+
getError: (mode?: string) => string | undefined;
|
|
297
|
+
getPrimary: (mode?: string) => string | undefined;
|
|
298
|
+
getPrimary150: (mode?: string) => string | undefined;
|
|
299
|
+
getPrimary500: (mode?: string) => string | undefined;
|
|
300
|
+
getSecondary: (mode?: string) => string | undefined;
|
|
301
|
+
getBackground: (mode?: string) => string | undefined;
|
|
302
|
+
getTertiary: (mode?: string) => string | undefined;
|
|
303
|
+
setMode: (mode: string) => void;
|
|
304
|
+
setBackground: (colorset: import('@cometchat/uikit-resources').PaletteItem) => void;
|
|
305
|
+
setPrimary: (colorset: import('@cometchat/uikit-resources').PaletteItem) => void;
|
|
306
|
+
setPrimary150: (colorset: import('@cometchat/uikit-resources').PaletteItem) => void;
|
|
307
|
+
setPrimary500: (colorset: import('@cometchat/uikit-resources').PaletteItem) => void;
|
|
308
|
+
setSecondary: (colorset: import('@cometchat/uikit-resources').PaletteItem) => void;
|
|
309
|
+
setError: (colorset: import('@cometchat/uikit-resources').PaletteItem) => void;
|
|
310
|
+
setAccent: (colorset: import('@cometchat/uikit-resources').PaletteItem) => void;
|
|
311
|
+
setAccent50: (colorset?: import('@cometchat/uikit-resources').PaletteItem) => void;
|
|
312
|
+
setAccent100: (colorset: import('@cometchat/uikit-resources').PaletteItem) => void;
|
|
313
|
+
setAccent200: (colorset: import('@cometchat/uikit-resources').PaletteItem) => void;
|
|
314
|
+
setAccent300: (colorset: import('@cometchat/uikit-resources').PaletteItem) => void;
|
|
315
|
+
setAccent400: (colorset: import('@cometchat/uikit-resources').PaletteItem) => void;
|
|
316
|
+
setAccent500: (colorset: import('@cometchat/uikit-resources').PaletteItem) => void;
|
|
317
|
+
setAccent600: (colorset: import('@cometchat/uikit-resources').PaletteItem) => void;
|
|
318
|
+
setAccent700: (colorset: import('@cometchat/uikit-resources').PaletteItem) => void;
|
|
319
|
+
setAccent800: (colorset: import('@cometchat/uikit-resources').PaletteItem) => void;
|
|
320
|
+
setAccent900: (colorset: import('@cometchat/uikit-resources').PaletteItem) => void;
|
|
321
|
+
setTertiary: (colorset: import('@cometchat/uikit-resources').PaletteItem) => void;
|
|
322
|
+
};
|
|
323
|
+
typography: {
|
|
324
|
+
fontFamily: string;
|
|
325
|
+
fontWeightRegular: string;
|
|
326
|
+
fontWeightMedium: string;
|
|
327
|
+
fontWeightSemibold: string;
|
|
328
|
+
fontWeightBold: string;
|
|
329
|
+
heading: {
|
|
330
|
+
fontFamily: string;
|
|
331
|
+
fontWeight: string;
|
|
332
|
+
fontSize: string;
|
|
333
|
+
};
|
|
334
|
+
name: {
|
|
335
|
+
fontFamily: string;
|
|
336
|
+
fontWeight: string;
|
|
337
|
+
fontSize: string;
|
|
338
|
+
};
|
|
339
|
+
title1: {
|
|
340
|
+
fontFamily: string;
|
|
341
|
+
fontWeight: string;
|
|
342
|
+
fontSize: string;
|
|
343
|
+
};
|
|
344
|
+
title2: {
|
|
345
|
+
fontFamily: string;
|
|
346
|
+
fontWeight: string;
|
|
347
|
+
fontSize: string;
|
|
348
|
+
};
|
|
349
|
+
subtitle1: {
|
|
350
|
+
fontFamily: string;
|
|
351
|
+
fontWeight: string;
|
|
352
|
+
fontSize: string;
|
|
353
|
+
};
|
|
354
|
+
subtitle2: {
|
|
355
|
+
fontFamily: string;
|
|
356
|
+
fontWeight: string;
|
|
357
|
+
fontSize: string;
|
|
358
|
+
};
|
|
359
|
+
text1: {
|
|
360
|
+
fontFamily: string;
|
|
361
|
+
fontWeight: string;
|
|
362
|
+
fontSize: string;
|
|
363
|
+
};
|
|
364
|
+
text2: {
|
|
365
|
+
fontFamily: string;
|
|
366
|
+
fontWeight: string;
|
|
367
|
+
fontSize: string;
|
|
368
|
+
};
|
|
369
|
+
text3: {
|
|
370
|
+
fontFamily: string;
|
|
371
|
+
fontWeight: string;
|
|
372
|
+
fontSize: string;
|
|
373
|
+
};
|
|
374
|
+
caption1: {
|
|
375
|
+
fontFamily: string;
|
|
376
|
+
fontWeight: string;
|
|
377
|
+
fontSize: string;
|
|
378
|
+
};
|
|
379
|
+
caption2: {
|
|
380
|
+
fontFamily: string;
|
|
381
|
+
fontWeight: string;
|
|
382
|
+
fontSize: string;
|
|
383
|
+
};
|
|
384
|
+
caption3: {
|
|
385
|
+
fontFamily: string;
|
|
386
|
+
fontWeight: string;
|
|
387
|
+
fontSize: string;
|
|
388
|
+
};
|
|
389
|
+
setFontFamily: (fontFamily: string) => void;
|
|
390
|
+
setFontWeightRegular: (fontWeightRegular: string) => void;
|
|
391
|
+
setFontWeightMedium: (fontWeightMedium: string) => void;
|
|
392
|
+
setFontWeightSemibold: (fontWeightSemibold: string) => void;
|
|
393
|
+
setFontWeightBold: (fontWeightBold: string) => void;
|
|
394
|
+
setHeading: (headingFont: CometChatFont) => void;
|
|
395
|
+
setName: (nameFont: CometChatFont) => void;
|
|
396
|
+
setTitle1: (titleFont: CometChatFont) => void;
|
|
397
|
+
setTitle2: (titleFont: CometChatFont) => void;
|
|
398
|
+
setSubtitle1: (subtitleFont: CometChatFont) => void;
|
|
399
|
+
setSubtitle2: (subtitleFont: CometChatFont) => void;
|
|
400
|
+
setText1: (textFont: CometChatFont) => void;
|
|
401
|
+
setText2: (textFont: CometChatFont) => void;
|
|
402
|
+
setText3: (textFont: CometChatFont) => void;
|
|
403
|
+
setCaption1: (captionFont: CometChatFont) => void;
|
|
404
|
+
setCaption2: (captionFont: CometChatFont) => void;
|
|
405
|
+
setCaption3: (captionFont: CometChatFont) => void;
|
|
406
|
+
};
|
|
206
407
|
}>;
|
|
207
408
|
export declare const setThemeMode: (mode: ThemeMode) => void;
|
package/dist/chat/types.d.ts
CHANGED
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import { BaseMessage } from '@cometchat/chat-sdk-javascript';
|
|
2
2
|
import { Ref } from 'vue';
|
|
3
|
-
|
|
4
3
|
export interface ChatInstallOptions {
|
|
5
4
|
environment: Environment;
|
|
6
5
|
language?: Language;
|
|
@@ -10,6 +9,11 @@ export interface ChatInstallOptions {
|
|
|
10
9
|
export interface ChatInstance {
|
|
11
10
|
componentId: string;
|
|
12
11
|
replyToMessage: BaseMessage | null;
|
|
12
|
+
captionedAttachment: {
|
|
13
|
+
image?: string;
|
|
14
|
+
caption?: string;
|
|
15
|
+
fileObject?: File;
|
|
16
|
+
} | null;
|
|
13
17
|
}
|
|
14
18
|
export interface View {
|
|
15
19
|
componentName: string;
|
package/dist/chat/uiKit.d.ts
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
|
+
import { Group } from '@cometchat/chat-sdk-javascript';
|
|
1
2
|
import { Ref } from 'vue';
|
|
2
3
|
import { MessageListConfiguration, MessageComposerConfiguration, ThreadedMessagesConfiguration } from '@cometchat/uikit-shared';
|
|
3
4
|
import { ChatInstance } from './types';
|
|
4
|
-
|
|
5
5
|
export declare function setupUiKit(): Promise<void>;
|
|
6
|
-
export declare function getMessageComposerConfiguration(): Ref<MessageComposerConfiguration>;
|
|
7
|
-
export declare function getMessageListConfiguration(chatInstance?: Ref<ChatInstance>): import('vue').ComputedRef<MessageListConfiguration>;
|
|
8
|
-
export declare function getThreadedMessagesConfiguration(): ThreadedMessagesConfiguration;
|
|
6
|
+
export declare function getMessageComposerConfiguration(chatInstance?: Ref<ChatInstance>): Ref<MessageComposerConfiguration>;
|
|
7
|
+
export declare function getMessageListConfiguration(chatInstance?: Ref<ChatInstance>, group?: Ref<Group | undefined>): import('vue').ComputedRef<MessageListConfiguration>;
|
|
8
|
+
export declare function getThreadedMessagesConfiguration(chatGroup?: Ref<Group | undefined>): ThreadedMessagesConfiguration;
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
|
|
2
|
+
captionedAttachment: {
|
|
3
|
+
type: ObjectConstructor;
|
|
4
|
+
};
|
|
5
|
+
closeButtonIconURL: {
|
|
6
|
+
type: StringConstructor;
|
|
7
|
+
default: string;
|
|
8
|
+
};
|
|
9
|
+
previewStyle: {
|
|
10
|
+
type: ObjectConstructor;
|
|
11
|
+
default: {};
|
|
12
|
+
};
|
|
13
|
+
}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
|
|
14
|
+
captionedAttachment: {
|
|
15
|
+
type: ObjectConstructor;
|
|
16
|
+
};
|
|
17
|
+
closeButtonIconURL: {
|
|
18
|
+
type: StringConstructor;
|
|
19
|
+
default: string;
|
|
20
|
+
};
|
|
21
|
+
previewStyle: {
|
|
22
|
+
type: ObjectConstructor;
|
|
23
|
+
default: {};
|
|
24
|
+
};
|
|
25
|
+
}>> & Readonly<{}>, {
|
|
26
|
+
previewStyle: Record<string, any>;
|
|
27
|
+
closeButtonIconURL: string;
|
|
28
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}>;
|
|
29
|
+
export default _default;
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
|
|
2
|
+
captionedAttachment: {
|
|
3
|
+
type: ObjectConstructor;
|
|
4
|
+
default: {};
|
|
5
|
+
};
|
|
6
|
+
previewStyle: {
|
|
7
|
+
type: ObjectConstructor;
|
|
8
|
+
default: {};
|
|
9
|
+
};
|
|
10
|
+
}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
|
|
11
|
+
captionedAttachment: {
|
|
12
|
+
type: ObjectConstructor;
|
|
13
|
+
default: {};
|
|
14
|
+
};
|
|
15
|
+
previewStyle: {
|
|
16
|
+
type: ObjectConstructor;
|
|
17
|
+
default: {};
|
|
18
|
+
};
|
|
19
|
+
}>> & Readonly<{}>, {
|
|
20
|
+
previewStyle: Record<string, any>;
|
|
21
|
+
captionedAttachment: Record<string, any>;
|
|
22
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}>;
|
|
23
|
+
export default _default;
|