@mobilon-dev/chotto 0.3.4 → 0.3.5

package/dist/types/themes/types.d.ts

@@ -1,116 +1,67 @@
-export type ThemeName = 'dark' | 'default' | 'green' | 'mobilon1';
-export type ColorValue = string;
-export type FontFamily = string;
-export type FontSize = string;
-export type FontWeight = string | number;
-export type BorderRadius = string;
-export type BoxShadow = string;
-export type Margin = string;
-export type Padding = string;
-export type Width = string;
-export type Height = string;
+/**
+ * CSS переменные для тем Chotto
+ */
 export interface ChottoThemeVariables {
-    '--chotto-theme-font-family': FontFamily;
-    '--chotto-theme-container-font-weight': FontWeight;
+    '--chotto-theme-primary-color': string;
+    '--chotto-theme-secondary-color': string;
+    '--chotto-theme-tertiary-color': string;
+    '--chotto-theme-primary-text-color': string;
+    '--chotto-theme-secondary-text-color': string;
+    '--chotto-theme-shadow-color': string;
+    '--chotto-theme-shadow-light-color': string;
+    '--chotto-theme-status-color-received': string;
+    '--chotto-theme-status-color-read': string;
+    '--chotto-theme-font-family': string;
+    '--chotto-theme-header-font': string;
+    '--chotto-theme-header-font-size': string;
+    '--chotto-theme-header-font-color': string;
+    '--chotto-theme-title-font-size': string;
+    '--chotto-theme-text-font-size': string;
+    '--chotto-theme-additional-text-font-size': string;
+    '--chotto-theme-small-text-font-size': string;
+    '--chotto-theme-small-text-font-weight': string | number;
+    '--chotto-theme-context-menu-font-size': string;
+    '--chotto-theme-header-font-weight': string | number;
+    '--chotto-theme-title-font-weight': string | number;
+    '--chotto-theme-container-font-weight': string | number;
+    '--chotto-theme-button-icon-size': string;
+    '--chotto-theme-text-icon-size': string;
+    '--chotto-theme-small-text-icon-size': string;
     '--chotto-theme-container-borders': string;
-    '--chotto-theme-float-container-border-radius-header': BorderRadius;
-    '--chotto-theme-float-container-box-shadow': BoxShadow;
-    '--chotto-theme-float-container-bg-header': ColorValue;
-    '--chotto-theme-modal-padding': Padding;
-    '--chotto-theme-modal-border-radius': BorderRadius;
-    '--chotto-theme-modal-mask-background': ColorValue;
-    '--chotto-theme-modal-overlay-shadow': BoxShadow;
-    '--chotto-theme-modal-bg': ColorValue;
-    '--chotto-theme-layout-extended-third-col-bg': ColorValue;
-    '--chotto-theme-layout-extended-second-col-bg': ColorValue;
-    '--chotto-theme-layout-extended-first-col-bg': ColorValue;
-    '--chotto-theme-layout-extended-first-col-width': Width;
-    '--chotto-theme-layout-extended-second-col-width': Width;
-    '--chotto-theme-layout-base-second-col-bg': ColorValue;
-    '--chotto-theme-layout-base-first-col-bg': ColorValue;
-    '--chotto-theme-layout-feed-bg': ColorValue;
-    '--chotto-theme-message-right-bg': ColorValue;
-    '--chotto-theme-message-right-secondary-bg': ColorValue;
-    '--chotto-theme-message-left-bg': ColorValue;
-    '--chotto-theme-message-left-secondary-bg': ColorValue;
-    '--chotto-theme-message-accent-line-color': ColorValue;
-    '--chotto-theme-message-focused-color': ColorValue;
-    '--chotto-theme-message-margin': Margin;
-    '--chotto-theme-message-type-icon-bg-color': ColorValue;
-    '--chotto-theme-message-type-icon-color': ColorValue;
-    '--chotto-theme-message-popup-info-bg-color': ColorValue;
-    '--chotto-theme-message-popup-info-color': ColorValue;
-    '--chotto-theme-message-border-radius': BorderRadius;
-    '--chotto-theme-audio-message-transcript-delimiter-color': ColorValue;
-    '--chotto-theme-audio-message-pbc-background-color': ColorValue;
-    '--chotto-theme-audio-message-pb-background-color': ColorValue;
-    '--chotto-theme-call-message-phone-icon-missed-color': ColorValue;
-    '--chotto-theme-system-message-bg-color': ColorValue;
-    '--chotto-theme-primary-color': ColorValue;
-    '--chotto-theme-secondary-color': ColorValue;
-    '--chotto-theme-primary-text-color': ColorValue;
-    '--chotto-theme-secondary-text-color': ColorValue;
-    '--chotto-theme-header-font': FontFamily;
-    '--chotto-theme-header-font-size': FontSize;
-    '--chotto-theme-title-font-size': FontSize;
-    '--chotto-theme-text-font-size': FontSize;
-    '--chotto-theme-additional-text-font-size': FontSize;
-    '--chotto-theme-small-text-font-size': FontSize;
-    '--chotto-theme-header-font-weight': FontWeight;
-    '--chotto-theme-title-font-weight': FontWeight;
-    '--chotto-theme-button-icon-size': FontSize;
-    '--chotto-theme-text-icon-size': FontSize;
-    '--chotto-theme-small-text-icon-size': FontSize;
-    '--chotto-theme-button-color-active': ColorValue;
-    '--chotto-theme-button-color-hover': ColorValue;
-    '--chotto-theme-button-color-disabled': ColorValue;
-    '--chotto-theme-action-button-color-active': ColorValue;
-    '--chotto-theme-action-button-color-hover': ColorValue;
-    '--chotto-theme-action-button-color-disabled': ColorValue;
-    '--chotto-theme-shadow-color': ColorValue;
-    '--chotto-theme-shadow-light-color': ColorValue;
-    '--chotto-theme-status-color-received': ColorValue;
-    '--chotto-theme-status-color-read': ColorValue;
-    '--chotto-theme-item-background-color-focus': ColorValue;
-    '--chotto-theme-item-background-color-hover': ColorValue;
-    '--chotto-theme-item-border-color': ColorValue;
-    '--chotto-theme-unread-background-color': ColorValue;
-    '--chotto-theme-unread-text-color': ColorValue;
-    '--chotto-theme-scrollbar-bg': ColorValue;
-    '--chotto-theme-scrollbar-thumb-bg': ColorValue;
-    '--chotto-theme-header-font-color'?: ColorValue;
-    '--chotto-theme-small-text-font-weight'?: FontWeight;
-    '--chotto-theme-context-menu-font-size'?: FontSize;
-    '--chotto-theme-danger-button-color-active'?: ColorValue;
-    '--chotto-theme-danger-button-color-hover'?: ColorValue;
-    '--chotto-theme-danger-button-color-disabled'?: ColorValue;
-}
-export interface ThemeConfig {
-    name: ThemeName;
-    displayName: string;
-    description: string;
-    variables: ChottoThemeVariables;
-}
-export type ThemeRegistry = Record<ThemeName, ThemeConfig>;
-export type ChottoThemeVariableName = keyof ChottoThemeVariables;
-export type RequiredChottoThemeVariables = Omit<ChottoThemeVariables, '--chotto-theme-header-font-color' | '--chotto-theme-small-text-font-weight' | '--chotto-theme-context-menu-font-size' | '--chotto-theme-danger-button-color-active' | '--chotto-theme-danger-button-color-hover' | '--chotto-theme-danger-button-color-disabled'>;
-export type OptionalChottoThemeVariables = Pick<ChottoThemeVariables, '--chotto-theme-header-font-color' | '--chotto-theme-small-text-font-weight' | '--chotto-theme-context-menu-font-size' | '--chotto-theme-danger-button-color-active' | '--chotto-theme-danger-button-color-hover' | '--chotto-theme-danger-button-color-disabled'>;
-export interface ThemeValidationResult {
-    theme: ThemeName;
-    isValid: boolean;
-    missingVariables: ChottoThemeVariableName[];
-    extraVariables: ChottoThemeVariableName[];
-    syntaxErrors: Array<{
-        variable: ChottoThemeVariableName;
-        error: string;
-        line: number;
-    }>;
-}
-export interface ThemeValidationSummary {
-    totalThemes: number;
-    validThemes: number;
-    totalVariables: number;
-    totalErrors: number;
-    totalWarnings: number;
-    results: ThemeValidationResult[];
+    '--chotto-theme-layout-extended-third-col-bg': string;
+    '--chotto-theme-layout-extended-second-col-bg': string;
+    '--chotto-theme-layout-extended-first-col-bg': string;
+    '--chotto-theme-layout-extended-first-col-width': string;
+    '--chotto-theme-layout-extended-second-col-width': string;
+    '--chotto-theme-layout-base-second-col-bg': string;
+    '--chotto-theme-layout-base-first-col-bg': string;
+    '--chotto-theme-layout-feed-bg': string;
+    '--chotto-theme-message-right-bg': string;
+    '--chotto-theme-message-right-secondary-bg': string;
+    '--chotto-theme-message-left-bg': string;
+    '--chotto-theme-message-left-secondary-bg': string;
+    '--chotto-theme-message-accent-line-color': string;
+    '--chotto-theme-message-focused-color': string;
+    '--chotto-theme-message-margin': string;
+    '--chotto-theme-message-type-icon-bg-color': string;
+    '--chotto-theme-message-type-icon-color': string;
+    '--chotto-theme-message-border-radius': string;
+    '--chotto-theme-message-modal-padding': string;
+    '--chotto-theme-message-modal-border-radius': string;
+    '--chotto-theme-message-modal-mask-background': string;
+    '--chotto-theme-message-modal-overlay-shadow': string;
+    '--chotto-theme-message-modal-bg': string;
+    '--chotto-theme-button-color-active': string;
+    '--chotto-theme-button-color-hover': string;
+    '--chotto-theme-button-color-disabled': string;
+    '--chotto-theme-action-button-color-active': string;
+    '--chotto-theme-action-button-color-hover': string;
+    '--chotto-theme-action-button-color-disabled': string;
+    '--chotto-theme-item-background-color-focus': string;
+    '--chotto-theme-item-background-color-hover': string;
+    '--chotto-theme-item-border-color': string;
+    '--chotto-theme-unread-background-color': string;
+    '--chotto-theme-unread-text-color': string;
+    '--chotto-theme-scrollbar-bg': string;
+    '--chotto-theme-scrollbar-thumb-bg': string;
 }

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

@@ -47,3 +47,36 @@ export interface IFilePreview {
     fileName?: string;
     fileSize: string;
 }
+export interface IChatDialog {
+    branchId: string;
+    dialogId: string;
+    attributeId: string;
+    channelId: string;
+    icon?: string;
+    name: string;
+    fullname: string;
+    countUnread: number;
+    'lastActivity.time': string;
+    'lastActivity.timestamp': number;
+    isSelected: boolean;
+    colorUnread?: string;
+}
+export interface IChatItem {
+    chatId: number;
+    name: string;
+    avatar?: string;
+    countUnread: number;
+    lastMessage: string;
+    'lastActivity.time': string;
+    'lastActivity.timestamp': string;
+    isFixedBottom: boolean;
+    isFixedTop?: boolean;
+    status: string;
+    'lastMessage.status': string;
+    actions?: IAction[];
+    typing: boolean;
+    metadata: string;
+    dialogsExpanded: boolean;
+    dialogs?: IChatDialog[];
+    isSelected: boolean;
+}

package/dist/vuessages.es.js

@@ -1,67 +1,70 @@
-import { Q as s, A as t, I as o, N as r, B as n, l, m as d, n as i, o as u, p as c, q as m, r as C, j as p, C as h, c as B, d as S, s as F, X as M, i as y, t as A, u as T, G as P, O as b, F as f, e as I, f as L, v as W, R as x, g, w as k, x as v, J as E, L as R, Y as U, h as w, M as j, a as D, b as K, P as N, H as Q, S as V, K as O, k as q, y as z, T as G, U as H, V as J, W as X, z as Y, D as Z, E as $, a4 as _, aa, a8 as ea, a5 as sa, a6 as ta, a7 as oa, a9 as ra, Z as na, $ as la, a0 as da, a1 as ia, a3 as ua, a2 as ca } from "./index-BAlmGgQr.js";
+import { Z as t, A as o, O as r, X as n, B as l, l as d, m as i, n as u, o as c, p as C, q as h, r as m, i as p, C as F, c as S, d as B, s as M, a0 as A, h as y, t as P, u as T, G as b, H as g, I, J as L, Y as W, j as v, F as x, e as f, v as k, $ as w, f as E, w as R, x as U, P as j, L as K, a1 as Q, g as V, M as D, a as N, b as O, Q as q, N as z, K as G, S as H, R as J, k as X, y as Y, T as Z, U as $, V as _, W as aa, z as ea, D as sa, E as ta, a2 as oa, a4 as ra, a5 as na, a3 as la, a6 as da, a7 as ia, a8 as ua, a9 as ca, ac as Ca, aa as ha, ab as ma } from "./index-DRZepRE6.js";
+import "vue";
 export {
-  s as AdaptiveExtendedLayout,
-  t as AudioRecorder,
-  o as BaseContainer,
-  r as BaseLayout,
-  n as ButtonCommandsSelector,
-  l as ButtonContextMenu,
-  d as ButtonEmojiPicker,
-  i as ButtonTemplateSelector,
-  u as ButtonWabaTemplateSelector,
-  c as ChannelSelector,
-  m as ChatFilter,
-  C as ChatInfo,
+  t as AdaptiveExtendedLayout,
+  o as AudioRecorder,
+  r as BaseContainer,
+  n as BaseLayout,
+  l as ButtonCommandsSelector,
+  d as ButtonContextMenu,
+  i as ButtonEmojiPicker,
+  u as ButtonTemplateSelector,
+  c as ButtonWabaTemplateSelector,
+  C as ChannelSelector,
+  h as ChatFilter,
+  m as ChatInfo,
   p as ChatInput,
-  h as ChatItem,
-  B as ChatList,
-  S as ChatPanel,
-  F as ChatTabs,
-  M as ChatWrapper,
+  F as ChatItem,
+  S as ChatList,
+  B as ChatPanel,
+  M as ChatTabs,
+  A as ChatWrapper,
   y as CommunicationPanel,
-  A as ContactInfo,
+  P as ContactInfo,
   T as ContextMenu,
-  P as EmbedPreview,
-  b as ExtendedLayout,
-  f as Feed,
-  I as FeedFoundItem,
-  L as FeedFoundObjects,
-  W as FeedKeyboard,
-  x as FeedLayout,
-  g as FeedSearch,
-  k as FilePreview,
-  v as FileUploader,
-  E as FloatContainer,
-  R as LinkPreview,
-  U as MenuIcon,
-  w as MessageKeyboard,
-  j as Modal,
-  D as ModalFullscreen,
-  K as ModalNoFooter,
-  N as PlaceholderComponent,
-  Q as SelectUser,
-  V as SideBar,
-  O as SplashScreen,
-  q as TemplateSelector,
-  z as ThemeMode,
-  G as Tooltip,
-  H as UserProfile,
-  J as VideoRecorder,
-  X as WABAAttachmentSection,
-  Y as WABAQuickReplyButtons,
-  Z as WABASeparatedQuickButtons,
-  $ as WABATemplateSelector,
-  _ as formatTimestamp,
-  aa as getStatus,
-  ea as getTypeFileByMime,
-  sa as insertDaySeparators,
-  ta as playNotificationAudio,
-  oa as sortByTimestamp,
-  ra as statuses,
-  na as useModal,
-  la as useModalCreateChat,
-  da as useModalCreateChat2,
-  ia as useModalCreateDialog,
-  ua as useModalSelectUser2,
-  ca as useModalVideoRecorder
+  b as CreateChat,
+  g as CreateChat2,
+  I as CreateDialog,
+  L as EmbedPreview,
+  W as ExtendedLayout,
+  v as Feed,
+  x as FeedFoundItem,
+  f as FeedFoundObjects,
+  k as FeedKeyboard,
+  w as FeedLayout,
+  E as FeedSearch,
+  R as FilePreview,
+  U as FileUploader,
+  j as FloatContainer,
+  K as LinkPreview,
+  Q as MenuIcon,
+  V as MessageKeyboard,
+  D as Modal,
+  N as ModalFullscreen,
+  O as ModalNoFooter,
+  q as PlaceholderComponent,
+  z as SelectUser,
+  G as SelectUser2,
+  H as SideBar,
+  J as SplashScreen,
+  X as TemplateSelector,
+  Y as ThemeMode,
+  Z as Tooltip,
+  $ as UserProfile,
+  _ as VideoRecorder,
+  aa as WABAAttachmentSection,
+  ea as WABAQuickReplyButtons,
+  sa as WABASeparatedQuickButtons,
+  ta as WABATemplateSelector,
+  oa as generatePreview,
+  ra as getStatus,
+  na as getTypeFileByMime,
+  la as statuses,
+  da as throttle,
+  ia as uploadFile,
+  ua as useMessage,
+  ca as useModal,
+  Ca as useModalVideoRecorder,
+  ha as useSearchModel,
+  ma as useTheme
 };