sprof 0.1.0

package/src/assets/svg/Menu.svg

@@ -0,0 +1,5 @@
+<svg width="0" height="0" class="hidden">
+  <symbol fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" id="icon-menu">
+    <path d="M3 6H21M3 12H21M3 18H21" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"></path>
+  </symbol>
+</svg>

package/src/assets/svg/Move.svg

@@ -0,0 +1,5 @@
+<svg width="0" height="0" class="hidden">
+  <symbol xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" id="move">
+    <path d="M13 6V11H18V7.75L22.25 12L18 16.25V13H13V18H16.25L12 22.25L7.75 18H11V13H6V16.25L1.75 12L6 7.75V11H11V6H7.75L12 1.75L16.25 6H13Z" ></path>
+  </symbol>
+</svg>

package/src/assets/svg/Password.svg

@@ -0,0 +1,5 @@
+<svg width="0" height="0" class="hidden">
+  <symbol fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" id="password">
+    <path d="M8 10V8C8 5.239 9.239 3 12 3C14.094 3 15.313 4.288 15.78 6.114M12 15.75V15.25M16 15.75V15.25M8 15.75V15.25M3.5 17.8V13.2C3.5 12.08 3.5 11.52 3.718 11.093C3.90957 10.7163 4.21554 10.41 4.592 10.218C5.02 10.001 5.58 10.001 6.7 10.001H17.3C18.42 10.001 18.98 10.001 19.408 10.218C19.7843 10.4097 20.0903 10.7157 20.282 11.092C20.5 11.52 20.5 12.08 20.5 13.2V17.8C20.5 18.92 20.5 19.48 20.282 19.908C20.0903 20.2843 19.7843 20.5903 19.408 20.782C18.98 21 18.42 21 17.3 21H6.7C5.58 21 5.02 21 4.592 20.782C4.21569 20.5903 3.90974 20.2843 3.718 19.908C3.5 19.481 3.5 18.921 3.5 17.8Z" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
+  </symbol>
+</svg>

package/src/assets/svg/RightMenu.svg

@@ -0,0 +1,5 @@
+<svg width="0" height="0" class="hidden">
+  <symbol xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" id="right-menu">
+    <path d="M3.75 10.5005C3.55109 10.5005 3.36032 10.4214 3.21967 10.2808C3.07902 10.1401 3 9.94937 3 9.75045V3.75195C3 3.55304 3.07902 3.36228 3.21967 3.22162C3.36032 3.08097 3.55109 3.00195 3.75 3.00195H9.75C9.94891 3.00195 10.1397 3.08097 10.2803 3.22162C10.421 3.36228 10.5 3.55304 10.5 3.75195V9.75045C10.5 9.94937 10.421 10.1401 10.2803 10.2808C10.1397 10.4214 9.94891 10.5005 9.75 10.5005H3.75ZM14.25 10.5005C14.0511 10.5005 13.8603 10.4214 13.7197 10.2808C13.579 10.1401 13.5 9.94937 13.5 9.75045V3.75195C13.5 3.55304 13.579 3.36228 13.7197 3.22162C13.8603 3.08097 14.0511 3.00195 14.25 3.00195H20.2485C20.4474 3.00195 20.6382 3.08097 20.7788 3.22162C20.9195 3.36228 20.9985 3.55304 20.9985 3.75195V9.75045C20.9985 9.94937 20.9195 10.1401 20.7788 10.2808C20.6382 10.4214 20.4474 10.5005 20.2485 10.5005H14.25ZM3.75 21.0005C3.55109 21.0005 3.36032 20.9214 3.21967 20.7808C3.07902 20.6401 3 20.4494 3 20.2505V14.2505C3 14.0515 3.07902 13.8608 3.21967 13.7201C3.36032 13.5795 3.55109 13.5005 3.75 13.5005H9.75C9.94891 13.5005 10.1397 13.5795 10.2803 13.7201C10.421 13.8608 10.5 14.0515 10.5 14.2505V20.2505C10.5 20.4494 10.421 20.6401 10.2803 20.7808C10.1397 20.9214 9.94891 21.0005 9.75 21.0005H3.75ZM14.25 21.0005C14.0511 21.0005 13.8603 20.9214 13.7197 20.7808C13.579 20.6401 13.5 20.4494 13.5 20.2505V14.2505C13.5 14.0515 13.579 13.8608 13.7197 13.7201C13.8603 13.5795 14.0511 13.5005 14.25 13.5005H20.2485C20.4474 13.5005 20.6382 13.5795 20.7788 13.7201C20.9195 13.8608 20.9985 14.0515 20.9985 14.2505V20.2505C20.9985 20.4494 20.9195 20.6401 20.7788 20.7808C20.6382 20.9214 20.4474 21.0005 20.2485 21.0005H14.25Z"></path>
+  </symbol>
+</svg>

package/src/assets/svg/Settings.svg

@@ -0,0 +1,6 @@
+<svg width="0" height="0" class="hidden">
+  <symbol xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" id="session_edit">
+    <path d="M31.707 19.293L28.707 16.293C28.5195 16.1055 28.2652 16.0002 28 16.0002C27.7348 16.0002 27.4805 16.1055 27.293 16.293L18 25.586V30H22.414L31.707 20.707C31.8945 20.5195 31.9998 20.2652 31.9998 20C31.9998 19.7348 31.8945 19.4805 31.707 19.293ZM21.586 28H20V26.414L25 21.414L26.586 23L21.586 28ZM28 21.586L26.414 20L28 18.414L29.586 20L28 21.586ZM16 22C12.636 22 10 19.364 10 16C10 12.636 12.636 10 16 10C19.364 10 22 12.636 22 16C22 19.364 19.364 22 16 22ZM16 12C13.72 12 12 13.72 12 16C12 18.28 13.72 20 16 20C18.28 20 20 18.28 20 16C20 13.72 18.28 12 16 12Z" ></path>
+    <path d="M27.547 12L29.28 11L26.944 6.956C26.7128 6.55568 26.3499 6.24783 25.9173 6.08484C25.4847 5.92185 25.0089 5.91378 24.571 6.062L22.137 6.885C21.7175 6.60263 21.2792 6.34937 20.825 6.127L20.322 3.607C20.2312 3.15363 19.986 2.74574 19.6283 2.45275C19.2706 2.15976 18.8224 1.99977 18.36 2H13.64C13.1775 1.99982 12.7292 2.15995 12.3715 2.45314C12.0137 2.74633 11.7687 3.15444 11.678 3.608L11.175 6.127C10.715 6.351 10.269 6.596 9.84801 6.88L7.42801 6.062C6.9901 5.91378 6.51435 5.92185 6.08172 6.08484C5.64908 6.24783 5.28627 6.55568 5.05501 6.956L2.69501 11.044C2.46394 11.4444 2.37871 11.9125 2.45383 12.3686C2.52894 12.8248 2.75976 13.2408 3.10701 13.546L5.03801 15.243C5.02101 15.495 5.00001 15.745 5.00001 16C5.00001 16.258 5.01001 16.513 5.02801 16.766L3.10801 18.454C2.76059 18.759 2.52959 19.175 2.45429 19.6312C2.37899 20.0873 2.46406 20.5555 2.69501 20.956L5.05501 25.044C5.28631 25.4445 5.64929 25.7525 6.08214 25.9155C6.51499 26.0785 6.99096 26.0865 7.42901 25.938L9.86301 25.115C10.281 25.397 10.719 25.65 11.175 25.873L11.678 28.392C11.7687 28.8456 12.0137 29.2537 12.3715 29.5469C12.7292 29.84 13.1775 30.0002 13.64 30H16V28H13.64L12.93 24.45C11.9478 24.0851 11.0361 23.5533 10.235 22.878L6.78801 24.044L4.42801 19.956L7.15301 17.561C6.96664 16.5269 6.96427 15.468 7.14601 14.433L4.42701 12.043L6.78801 7.956L10.215 9.116C11.0218 8.43968 11.9406 7.90969 12.93 7.55L13.64 4H18.361L19.071 7.55C20.0531 7.91495 20.9649 8.44676 21.766 9.122L25.213 7.956L27.547 12Z" ></path>
+  </symbol>
+</svg>

package/src/assets/svg/User.svg

@@ -0,0 +1,6 @@
+<svg width="0" height="0" class="hidden">
+  <symbol xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" id="user">
+    <path d="M19.6524 19.405C20.2044 19.29 20.5344 18.712 20.2594 18.218C19.6534 17.131 18.6994 16.175 17.4794 15.447C15.9074 14.509 13.9804 14 12.0004 14C10.0194 14 8.09339 14.508 6.52139 15.447C5.30139 16.175 4.34739 17.131 3.74139 18.218C3.46639 18.712 3.79639 19.29 4.34839 19.405C9.39518 20.4568 14.6046 20.4568 19.6514 19.405" ></path>
+    <path d="M12 13C14.7614 13 17 10.7614 17 8C17 5.23858 14.7614 3 12 3C9.23858 3 7 5.23858 7 8C7 10.7614 9.23858 13 12 13Z" ></path>
+  </symbol>
+</svg>

package/src/buildLibrary.ts

@@ -0,0 +1,59 @@
+import { build } from "vite";
+import { exec } from "child_process";
+
+import { defineConfig } from "vite";
+import vue from '@vitejs/plugin-vue';
+import { resolve } from 'path';
+
+const envDir: string = "./env";
+const envPrefix: string = "APP";
+
+function clearDistFolder() {
+    const fs = require('fs');
+    fs.rmdirSync("./dist",{recursive: true});
+}
+
+async function buildLibrary(): Promise<void> {
+    await build({
+        root: Path2D.resolve(__dirname, "./src"),
+        build:{
+            outDir: "../dist",
+            lib: {
+                entry: Path2D.resolve(__dirname, "src/index.ts"),
+                name: "ServicesComponentLib",
+                fileName: (format) => `services-library.${format}.js`,
+            },
+            reportCompressedSize: true,
+            rollupOptions: {
+                external: ['vue'],
+                output: {
+                    globals: {
+                        vue: 'Vue'
+                    }
+                }
+            }
+        },
+        // plugins: [vue(rawOptions: {reactivityTransform: true})]
+        plugins: [vue()],
+        resolve: {
+            alias: {
+                "@": fileUrlToPath(new URL("./src", "file://" + __dirname)),
+                "@": fileUrlToPath(new URL(".", "file://" + __dirname)),
+            },
+        },
+        envDir,
+        envPrefix,
+    });
+}
+
+function buildTypesDeclaration() {
+    exec("vue-tsc -p tsconfig.build-lib.json --declaration --emitDeclarationOnly")
+}
+
+async function main(): Promise<void> {
+    clearDistFolder();
+    buildTypesDeclaration();
+    await buildLibrary();
+}
+
+main();

package/src/classes/Auth.ts

@@ -0,0 +1,63 @@
+import AuthTokens from '@/services/classes/AuthTokens';
+import AuthUser from '@/services/classes/AuthUser';
+import IWithId from '@/services/interfaces/IWithId';
+import { AuthInfo } from '@/services/types/AuthInfo';
+
+import { Constructable } from '../ClassHelper';
+
+class Auth {
+  private isAuth = false;
+  private user = new AuthUser();
+  private tokens = new AuthTokens();
+  private preventLogout = false;
+
+  DeprecateLogout() {
+    this.preventLogout = true;
+  }
+  AllowLogout() {
+    this.preventLogout = false;
+  }
+  IsAuth(): boolean {
+    return this.isAuth;
+  }
+
+  User(): AuthUser<IWithId> {
+    return this.user;
+  }
+
+  GetUser<UserT extends Constructable<IWithId>>(): UserT | undefined {
+    return this.user.get() as UserT;
+  }
+
+  SetUserConstructor(c: Constructable<IWithId>) {
+    this.user.setUserConstructor(c);
+  }
+
+  SetState<UserT extends IWithId>(authInfo: AuthInfo<UserT>) {
+    this.user.set(authInfo.user);
+    this.tokens.set(authInfo.tokens);
+    this.isAuth = true;
+  }
+
+  Logout() {
+    if (this.preventLogout) {
+      PHelp.Notification.Warning('В текущий момент Вы не можете выйти из системы');
+      return;
+    }
+    this.user.reset();
+    this.tokens.reset();
+    this.isAuth = false;
+  }
+
+  Actualize() {
+    this.user.actualize();
+    this.tokens.actualize();
+    if (this.user.get() && this.tokens.getAccessToken() && this.tokens.getRefreshToken()) {
+      this.isAuth = true;
+      return;
+    }
+    this.Logout();
+  }
+}
+
+export default new Auth();

package/src/classes/AuthButton.ts

@@ -0,0 +1,64 @@
+import AuthStatuses from '@/services/interfaces/AuthStatuses';
+
+export default class AuthButton {
+  label = '';
+  isSubmit = false;
+  disabled = false;
+  private readonly toStatus: AuthStatuses = AuthStatuses.Login;
+
+  constructor(label: string, toStatus: AuthStatuses, isSubmit = false) {
+    this.label = label;
+    this.toStatus = toStatus;
+    this.isSubmit = isSubmit;
+  }
+
+  static Login(isSubmit?: boolean): AuthButton {
+    return new AuthButton('Войти', AuthStatuses.Login, isSubmit);
+  }
+
+  static Register(isSubmit?: boolean): AuthButton {
+    return new AuthButton('Зарегистрироваться', AuthStatuses.Register, isSubmit);
+  }
+
+  static Restore(isSubmit?: boolean): AuthButton {
+    return new AuthButton('Восстановить пароль', AuthStatuses.Restore, isSubmit);
+  }
+
+  static Refresh(isSubmit?: boolean): AuthButton {
+    return new AuthButton('Обновить пароль', AuthStatuses.Refresh, isSubmit);
+  }
+
+  static LoginButtons(): AuthButton[] {
+    return [
+      AuthButton.Login(true),
+      // AuthButton.Register(),
+      AuthButton.Restore(),
+    ];
+  }
+
+  static RegisterButtons(): AuthButton[] {
+    return [AuthButton.Register(true), AuthButton.Login(), AuthButton.Restore()];
+  }
+
+  static RestoreButtons(): AuthButton[] {
+    return [
+      AuthButton.Restore(true),
+      AuthButton.Login(),
+      // AuthButton.Register()
+    ];
+  }
+
+  static RefreshButtons(): AuthButton[] {
+    return [AuthButton.Refresh(true)];
+  }
+
+  getStatus(): AuthStatuses {
+    return this.toStatus;
+  }
+  off(): void {
+    this.disabled = false;
+  }
+  on(): void {
+    this.disabled = true;
+  }
+}

package/src/classes/AuthForm.ts

@@ -0,0 +1,114 @@
+import AuthButton from '@/services/classes/AuthButton';
+import { AuthStatusesObjects } from '@/services/classes/AuthStatusesObjects';
+import EmailField from '@/services/classes/EmailField';
+import PasswordField from '@/services/classes/PasswordField';
+import PasswordRepeatField from '@/services/classes/PasswordRepeatField';
+import AuthStatuses from '@/services/interfaces/AuthStatuses';
+import IEmailPassword from '@/services/interfaces/IEmailPassword';
+
+class AuthForm {
+  private status: AuthStatuses = AuthStatuses.Login;
+  private email = new EmailField();
+  private password = new PasswordField();
+  private passwordRepeat = new PasswordRepeatField();
+
+  Status(): AuthStatuses {
+    return this.status;
+  }
+
+  Email(): EmailField {
+    return this.email;
+  }
+  Password(): PasswordField {
+    return this.password;
+  }
+
+  PasswordRepeat(): PasswordRepeatField {
+    return this.passwordRepeat;
+  }
+
+  GetErrors(): string[] {
+    if (this.IsRefresh()) {
+      if (!this.ComparePasswords()) {
+        return ['Пароли не совпадают, проверьте ввод!'];
+      }
+      return this.password.getErrors();
+    }
+    if (this.IsRestore()) {
+      return this.email.getErrors();
+    }
+
+    if (this.IsRegister()) {
+      if (!this.ComparePasswords()) {
+        return ['Пароли не совпадают, проверьте ввод!'];
+      }
+      return this.email.getErrors();
+    }
+
+    return [...this.email.getErrors(), ...this.password.getErrors()];
+  }
+
+  ComparePasswords(): boolean {
+    return this.password.password === this.passwordRepeat.text ? true : false;
+  }
+
+  ToEmailPassword(): IEmailPassword {
+    return { email: this.email.email, password: this.password.password };
+  }
+
+  IsLogin(): boolean {
+    return this.status === AuthStatuses.Login;
+  }
+
+  IsRegister(): boolean {
+    return this.status === AuthStatuses.Register;
+  }
+
+  IsRestore(): boolean {
+    return this.status === AuthStatuses.Restore;
+  }
+
+  IsRefresh(): boolean {
+    return this.status === AuthStatuses.Refresh;
+  }
+
+  SetStatus(status: AuthStatuses): void {
+    this.status = status;
+  }
+
+  GetTitle(): string {
+    return AuthStatusesObjects[this.status].title as string;
+  }
+
+  GetComponent(): string {
+    return AuthStatusesObjects[this.status].component as string;
+  }
+
+  GetAuthButtons(): AuthButton[] {
+    return AuthStatusesObjects[this.status].buttons as AuthButton[];
+  }
+
+  GetSuccessMessage(): string {
+    return AuthStatusesObjects[this.status].successMessage as string;
+  }
+
+  GetErrorMessage(): string {
+    return AuthStatusesObjects[this.status].errorMessage as string;
+  }
+
+  GetAction(): string {
+    return AuthStatusesObjects[this.status].action as string;
+  }
+
+  Reset(): void {
+    this.email.reset();
+    this.password.reset();
+    this.status = AuthStatuses.Login;
+  }
+
+  Focus(): void {
+    this.email.focus();
+  }
+}
+
+export default new AuthForm();

package/src/classes/AuthModal.ts

@@ -0,0 +1,32 @@
+import AuthStatuses from '@/services/interfaces/AuthStatuses';
+
+class AuthModal {
+  private visible = false;
+  private closable = false;
+  private status: AuthStatuses = AuthStatuses.Login;
+
+  Status(): AuthStatuses {
+    return this.status;
+  }
+
+  IsClosable(): boolean {
+    return this.closable;
+  }
+
+  IsVisible(): boolean {
+    return this.visible;
+  }
+
+  Close(): void {
+    this.visible = false;
+  }
+
+  Open(closable?: boolean): void {
+    if (closable) {
+      this.closable = true;
+    }
+    this.visible = true;
+  }
+}
+
+export default new AuthModal();

package/src/classes/AuthStatusesObjects.ts

@@ -0,0 +1,37 @@
+import AuthButton from '@/services/classes/AuthButton';
+import AuthStatuses from '@/services/interfaces/AuthStatuses';
+
+export const AuthStatusesObjects: Record<AuthStatuses, Record<string, string | AuthButton[]>> = {
+  [AuthStatuses.Login]: {
+    title: 'Авторизация',
+    action: 'login',
+    component: 'LoginChunk',
+    buttons: AuthButton.LoginButtons(),
+    errorMessage: 'Неверно указан email или пароль',
+    successMessage: 'Вы успешно вошли в систему',
+  },
+  [AuthStatuses.Register]: {
+    title: 'Регистрация',
+    action: 'register',
+    component: 'RegisterChunk',
+    buttons: AuthButton.RegisterButtons(),
+    errorMessage: 'Неверно указан email или пароль',
+    successMessage: 'Вы успешно зарегистрировались в системе, войдите под своим паролем',
+  },
+  [AuthStatuses.Restore]: {
+    title: 'Восстановление пароля',
+    component: 'ForgotPasswordChunk',
+    action: 'restorePassword',
+    successMessage: 'Ссылка для восстановления пароля отправлена на Вашу почту',
+    errorMessage: 'Неверно указан email',
+    buttons: AuthButton.RestoreButtons(),
+  },
+  [AuthStatuses.Refresh]: {
+    title: 'Создание нового пароля',
+    action: 'passwordChange',
+    component: 'PasswordChangeChunk',
+    successMessage: 'Воспользуйтесь новым паролем для входа',
+    errorMessage: 'Неверно указан email',
+    buttons: AuthButton.RefreshButtons(),
+  },
+};

package/src/classes/AuthTokens.ts

@@ -0,0 +1,43 @@
+import ITokens from '@/services/interfaces/ITokens';
+
+import LocalStoreKeys from '../interfaces/LocalStoreKeys';
+import LocalStore from './LocalStore';
+
+export default class AuthTokens {
+  //   private accessToken?: string;
+  // private  refreshToken?: string;
+
+  set(tokenObj: ITokens) {
+    this.setAccessToken(tokenObj.accessToken);
+    this.setRefreshToken(tokenObj.refreshToken);
+  }
+
+  getAccessToken(): string | undefined {
+    return LocalStore.Get(LocalStoreKeys.AccessToken);
+  }
+  getRefreshToken(): string | undefined {
+    return LocalStore.Get(LocalStoreKeys.RefreshToken);
+  }
+
+  setAccessToken(token?: string) {
+    // this.accessToken = token;
+    LocalStore.Set(LocalStoreKeys.AccessToken, token);
+  }
+
+  setRefreshToken(token?: string) {
+    // this.refreshToken = token;
+    LocalStore.Set(LocalStoreKeys.RefreshToken, token);
+  }
+
+  reset() {
+    // this.accessToken = undefined;
+    // this.refreshToken = undefined;
+    LocalStore.Remove(LocalStoreKeys.AccessToken);
+    LocalStore.Remove(LocalStoreKeys.RefreshToken);
+  }
+
+  actualize() {
+    this.setAccessToken(this.getAccessToken());
+    this.setRefreshToken(this.getAccessToken());
+  }
+}

package/src/classes/AuthUser.ts

@@ -0,0 +1,53 @@
+import { Constructable } from '@/services/ClassHelper';
+import IWithId from '@/services/interfaces/IWithId';
+
+import LocalStoreKeys from '../interfaces/LocalStoreKeys';
+import LocalStore from './LocalStore';
+
+interface IWithUser<UserT> {
+  user?: UserT;
+}
+
+export default class AuthUser<UserT extends IWithId> {
+  private user: UserT | undefined;
+  userConstructor?: Constructable<UserT>;
+
+  AssignTo(item: IWithUser<UserT>) {
+    item.user = this.get();
+  }
+  setUserConstructor(userConstructor: Constructable<UserT>) {
+    this.userConstructor = userConstructor;
+  }
+
+  get(): UserT | undefined {
+    if (!this.userConstructor) {
+      return;
+    }
+    this.user = new this.userConstructor(LocalStore.Get(LocalStoreKeys.User));
+    return this.user;
+  }
+
+  getId(): string | undefined {
+    return this.get()?.id;
+  }
+
+  set(user: UserT): void {
+    if (!this.userConstructor) {
+      return;
+    }
+    this.user = new this.userConstructor(user);
+    LocalStore.Set(LocalStoreKeys.User, this.user);
+  }
+  reset(): void {
+    this.user = undefined;
+    LocalStore.Remove(LocalStoreKeys.User);
+  }
+
+  actualize() {
+    const user = LocalStore.Get<UserT>(LocalStoreKeys.User);
+    if (!user) {
+      return;
+    }
+    this.set(user);
+  }
+}

package/src/classes/CallbackRequest.ts

@@ -0,0 +1,12 @@
+import ClassHelper from '@/services/ClassHelper';
+
+export default class CallbackRequest {
+  id?: string;
+  name = '';
+  description = '';
+  phone = '';
+
+  constructor(i?: CallbackRequest) {
+    ClassHelper.BuildClass(this, i);
+  }
+}

package/src/classes/Chat.ts

@@ -0,0 +1,18 @@
+import ChatMessage from '@/services/classes/ChatMessage';
+import ClassHelper from '@/services/ClassHelper';
+
+export default class Chat {
+  id?: string;
+  @ClassHelper.GetClassConstructor(ChatMessage)
+  chatMessages: ChatMessage[] = [];
+  constructor(i?: Chat) {
+    ClassHelper.BuildClass(this, i);
+  }
+
+  addChatMessages(message: ChatMessage): void {
+    if (this.chatMessages.find((m: ChatMessage) => m.id === message.id)) {
+      return;
+    }
+    this.chatMessages.push(message);
+  }
+}

package/src/classes/ChatMessage.ts

@@ -0,0 +1,48 @@
+import { v4 as uuidv4 } from 'uuid';
+
+// import User from '@/classes/User';
+import ClassHelper from '@/services/ClassHelper';
+export enum ChateMessageTypes {
+  Ping = 'ping',
+  Enter = 'enter',
+  Exit = 'exit',
+  Message = 'message',
+  Write = 'write',
+  Empty = '',
+}
+
+export default class ChatMessage {
+  id?: string;
+  message = '';
+  // user: User = new User();
+  // userId?: string;
+  userName?: string;
+  createdOn = new Date();
+  chatId?: string;
+  type: ChateMessageTypes = ChateMessageTypes.Message;
+
+  constructor(i?: ChatMessage) {
+    ClassHelper.BuildClass(this, i);
+  }
+
+  static Create(chatId: string, userId: string | undefined, messageText: string, userName: string | undefined): ChatMessage {
+    const item = new ChatMessage();
+    item.id = uuidv4();
+    item.chatId = chatId;
+    // item.userId = userId;
+    item.message = messageText;
+    item.userName = userName;
+    return item;
+  }
+
+  static CreatePingMessage(): ChatMessage {
+    const item = new ChatMessage();
+    item.type = ChateMessageTypes.Ping;
+    item.id = uuidv4();
+    return item;
+  }
+
+  isMessage(): boolean {
+    return this.type === ChateMessageTypes.Message || this.type === ChateMessageTypes.Empty;
+  }
+}