@webitel/ui-chats 0.1.1 → 0.1.3

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@webitel/ui-chats",
-	"version": "0.1.1",
+	"version": "0.1.3",
 	"description": "Reusable Webitel Frontend Code for Chats UI",
 	"workspaces": [
 		"../../",
@@ -49,6 +49,10 @@
 		"CHANGELOG.md"
 	],
 	"exports": {
+		".": {
+			"types": "./types/index.d.ts",
+			"import": "./src/index.ts"
+		},
 		"./ui": {
 			"types": "./types/ui/index.d.ts",
 			"import": "./src/ui/index.ts"

package/src/config/config.ts

@@ -0,0 +1,22 @@
+import type { I18n } from 'vue-i18n';
+import { messages } from '../locale';
+
+export type UiChatsConfig = {
+	i18n?: I18n;
+};
+
+export const defaultConfig: UiChatsConfig = {
+	i18n: null,
+};
+
+export const setConfig = (conf: UiChatsConfig) => {
+	Object.assign(defaultConfig, conf);
+
+	if (!conf.i18n?.global) {
+		throw new Error('i18n is required');
+	}
+
+	Object.entries(messages).forEach(([locale, localeMessages]) => {
+		conf.i18n.global.mergeLocaleMessage(locale, localeMessages);
+	});
+};

package/src/index.ts

@@ -0,0 +1 @@
+export { setConfig } from './config/config';

package/src/locale/en/en.ts

@@ -2,7 +2,8 @@ export default {
 	"@webitel/ui-chats": {
 		ui: {
 			messaging: {
-				chatsFileBlocked: "TODO",
+				chatsFileBlocked: "File quarantined or blocked",
+				textAreaPlaceholder: "Write a message...",
 			},
 		},
 	},

package/src/locale/es/es.ts

@@ -0,0 +1,10 @@
+export default {
+	"@webitel/ui-chats": {
+		ui: {
+			messaging: {
+				chatsFileBlocked: "Archivo en cuarentena o bloqueado",
+				textAreaPlaceholder: "Escribe un mensaje...",
+			},
+		},
+	},
+};

package/src/locale/index.ts

@@ -0,0 +1,23 @@
+import en from './en/en';
+import uk from './uk/uk';
+import ru from './ru/ru';
+import es from './es/es';
+import kz from './kz/kz';
+import pl from './pl/pl';
+import ro from './ro/ro';
+import uz from './uz/uz';
+import vi from './vi/vi';
+
+export const messages = {
+	en,
+	uk,
+	ru,
+	es,
+	kz,
+	pl,
+	ro,
+	uz,
+	vi,
+};
+
+export { en, uk, ru, es, kz, pl, ro, uz, vi };

package/src/locale/kz/kz.ts

@@ -0,0 +1,10 @@
+export default {
+	"@webitel/ui-chats": {
+		ui: {
+			messaging: {
+				chatsFileBlocked: "Файл карантинде немесе бұғатталған",
+				textAreaPlaceholder: "Хабарлама жаз...",
+			},
+		},
+	},
+};

package/src/locale/pl/pl.ts

@@ -0,0 +1,10 @@
+export default {
+	"@webitel/ui-chats": {
+		ui: {
+			messaging: {
+				chatsFileBlocked: "Plik w kwarantannie lub zablokowany",
+				textAreaPlaceholder: "Napisz wiadomość...",
+			},
+		},
+	},
+};

package/src/locale/ro/ro.ts

@@ -0,0 +1,10 @@
+export default {
+	"@webitel/ui-chats": {
+		ui: {
+			messaging: {
+				chatsFileBlocked: "Fişier în carantină sau blocat",
+				textAreaPlaceholder: "Scrie un mesaj...",
+			},
+		},
+	},
+};

package/src/locale/ru/ru.ts

@@ -0,0 +1,10 @@
+export default {
+	"@webitel/ui-chats": {
+		ui: {
+			messaging: {
+				chatsFileBlocked: "Файл в карантине или заблокирован",
+				textAreaPlaceholder: "Напишите сообщение...",
+			},
+		},
+	},
+};

package/src/locale/uk/uk.ts

@@ -0,0 +1,10 @@
+export default {
+	"@webitel/ui-chats": {
+		ui: {
+			messaging: {
+				chatsFileBlocked: "Файл в карантині чи заблокований",
+				textAreaPlaceholder: "Напишіть повідомлення...",
+			},
+		},
+	},
+};

package/src/locale/uz/uz.ts

@@ -0,0 +1,10 @@
+export default {
+	"@webitel/ui-chats": {
+		ui: {
+			messaging: {
+				chatsFileBlocked: "Fayl karantinda yoki bloklangan",
+				textAreaPlaceholder: "Xabar yozing...",
+			},
+		},
+	},
+};

package/src/locale/vi/vi.ts

@@ -0,0 +1,10 @@
+export default {
+	"@webitel/ui-chats": {
+		ui: {
+			messaging: {
+				chatsFileBlocked: "Tệp bị cách ly hoặc bị chặn",
+				textAreaPlaceholder: "Viết tin nhắn...",
+			},
+		},
+	},
+};

package/src/ui/chat-footer/modules/user-input/components/chat-text-field.vue

@@ -3,6 +3,7 @@
     ref="chatTextFieldInput"
     class="chat-text-field"
     :model-value="textModel"
+    :placeholder="t('@webitel/ui-chats.ui.messaging.textAreaPlaceholder')"
     :size="size"
     autoresize
     @update:model-value="send"
@@ -16,9 +17,12 @@ import { ComponentSize } from "@webitel/ui-sdk/enums";
 import insertTextAtCursor from "insert-text-at-cursor";
 import type { Emitter } from "mitt";
 import { computed, inject, type MaybeRef, useTemplateRef } from "vue";
+import { useI18n } from "vue-i18n";
 
 import type { UiChatsEmitterEvents } from "../../../../utils/emitter";
 
+const { t } = useI18n();
+
 const textModel = defineModel<MaybeRef<string>>("text", {
 	required: true,
 });

package/src/ui/messaging/modules/message/components/details/chat-message-blocked-error.vue

@@ -4,9 +4,7 @@
       icon="protection-error"
       color="error"
     />
-    <!-- TODO: move chat locales from cc-workspaces to this pkg -->
     <p>
-      <!-- {{ t('workspaceSec.chat.chatsFileBlocked') }} -->
       {{ t('@webitel/ui-chats.ui.messaging.chatsFileBlocked') }}
     </p>
   </div>

package/types/config/config.d.ts

@@ -0,0 +1,6 @@
+import type { I18n } from 'vue-i18n';
+export type UiChatsConfig = {
+    i18n?: I18n;
+};
+export declare const defaultConfig: UiChatsConfig;
+export declare const setConfig: (conf: UiChatsConfig) => void;

package/types/index.d.ts

@@ -1 +1 @@
-export {};
+export { setConfig } from './config/config';

package/types/locale/en/en.d.ts

@@ -3,6 +3,7 @@ declare const _default: {
         ui: {
             messaging: {
                 chatsFileBlocked: string;
+                textAreaPlaceholder: string;
             };
         };
     };

package/types/locale/es/es.d.ts

@@ -0,0 +1,11 @@
+declare const _default: {
+    "@webitel/ui-chats": {
+        ui: {
+            messaging: {
+                chatsFileBlocked: string;
+                textAreaPlaceholder: string;
+            };
+        };
+    };
+};
+export default _default;

package/types/locale/index.d.ts

@@ -0,0 +1,102 @@
+import en from './en/en';
+import uk from './uk/uk';
+import ru from './ru/ru';
+import es from './es/es';
+import kz from './kz/kz';
+import pl from './pl/pl';
+import ro from './ro/ro';
+import uz from './uz/uz';
+import vi from './vi/vi';
+export declare const messages: {
+    en: {
+        "@webitel/ui-chats": {
+            ui: {
+                messaging: {
+                    chatsFileBlocked: string;
+                    textAreaPlaceholder: string;
+                };
+            };
+        };
+    };
+    uk: {
+        "@webitel/ui-chats": {
+            ui: {
+                messaging: {
+                    chatsFileBlocked: string;
+                    textAreaPlaceholder: string;
+                };
+            };
+        };
+    };
+    ru: {
+        "@webitel/ui-chats": {
+            ui: {
+                messaging: {
+                    chatsFileBlocked: string;
+                    textAreaPlaceholder: string;
+                };
+            };
+        };
+    };
+    es: {
+        "@webitel/ui-chats": {
+            ui: {
+                messaging: {
+                    chatsFileBlocked: string;
+                    textAreaPlaceholder: string;
+                };
+            };
+        };
+    };
+    kz: {
+        "@webitel/ui-chats": {
+            ui: {
+                messaging: {
+                    chatsFileBlocked: string;
+                    textAreaPlaceholder: string;
+                };
+            };
+        };
+    };
+    pl: {
+        "@webitel/ui-chats": {
+            ui: {
+                messaging: {
+                    chatsFileBlocked: string;
+                    textAreaPlaceholder: string;
+                };
+            };
+        };
+    };
+    ro: {
+        "@webitel/ui-chats": {
+            ui: {
+                messaging: {
+                    chatsFileBlocked: string;
+                    textAreaPlaceholder: string;
+                };
+            };
+        };
+    };
+    uz: {
+        "@webitel/ui-chats": {
+            ui: {
+                messaging: {
+                    chatsFileBlocked: string;
+                    textAreaPlaceholder: string;
+                };
+            };
+        };
+    };
+    vi: {
+        "@webitel/ui-chats": {
+            ui: {
+                messaging: {
+                    chatsFileBlocked: string;
+                    textAreaPlaceholder: string;
+                };
+            };
+        };
+    };
+};
+export { en, uk, ru, es, kz, pl, ro, uz, vi };

package/types/locale/kz/kz.d.ts

@@ -0,0 +1,11 @@
+declare const _default: {
+    "@webitel/ui-chats": {
+        ui: {
+            messaging: {
+                chatsFileBlocked: string;
+                textAreaPlaceholder: string;
+            };
+        };
+    };
+};
+export default _default;

package/types/locale/pl/pl.d.ts

@@ -0,0 +1,11 @@
+declare const _default: {
+    "@webitel/ui-chats": {
+        ui: {
+            messaging: {
+                chatsFileBlocked: string;
+                textAreaPlaceholder: string;
+            };
+        };
+    };
+};
+export default _default;

package/types/locale/ro/ro.d.ts

@@ -0,0 +1,11 @@
+declare const _default: {
+    "@webitel/ui-chats": {
+        ui: {
+            messaging: {
+                chatsFileBlocked: string;
+                textAreaPlaceholder: string;
+            };
+        };
+    };
+};
+export default _default;

package/types/locale/ru/ru.d.ts

@@ -0,0 +1,11 @@
+declare const _default: {
+    "@webitel/ui-chats": {
+        ui: {
+            messaging: {
+                chatsFileBlocked: string;
+                textAreaPlaceholder: string;
+            };
+        };
+    };
+};
+export default _default;

package/types/locale/uk/uk.d.ts

@@ -0,0 +1,11 @@
+declare const _default: {
+    "@webitel/ui-chats": {
+        ui: {
+            messaging: {
+                chatsFileBlocked: string;
+                textAreaPlaceholder: string;
+            };
+        };
+    };
+};
+export default _default;

package/types/locale/uz/uz.d.ts

@@ -0,0 +1,11 @@
+declare const _default: {
+    "@webitel/ui-chats": {
+        ui: {
+            messaging: {
+                chatsFileBlocked: string;
+                textAreaPlaceholder: string;
+            };
+        };
+    };
+};
+export default _default;

package/types/locale/vi/vi.d.ts

@@ -0,0 +1,11 @@
+declare const _default: {
+    "@webitel/ui-chats": {
+        ui: {
+            messaging: {
+                chatsFileBlocked: string;
+                textAreaPlaceholder: string;
+            };
+        };
+    };
+};
+export default _default;