@zenify-omni/chat-js 0.1.0

package/lib/i18n/locales/vi/customer.json

@@ -0,0 +1,20 @@
+{
+  "toast.transferOwnerSuccess": "Chuyển người phụ trách thành công",
+  "message.selectAgentToTransfer": "Vui lòng chọn chuyên viên để chuyển",
+  "toast.transferToAgentSuccess": "Chuyển sang chuyên viên {label} thành công",
+  "field.newOwner": "Người phụ trách mới",
+  "action.filterLeadFile": "Lọc tệp khách hàng tiềm năng",
+  "action.filterCustomerFile": "Lọc tệp khách hàng",
+  "placeholder.note": "Nhập ghi chú...",
+  "field.sourceChannel": "Kênh khởi tạo",
+  "placeholder.greetingMessage": "Nhập lời chào / tin nhắn đầu...",
+  "message.invalidZaloPhone": "Số điện thoại Zalo không hợp lệ",
+  "message.alreadyFriend": "User đã là bạn bè",
+  "message.friendRequestAlreadySent": "Lời mời kết bạn đã được gửi trước đó",
+  "message.friendRequestGreeting": "Xin chào, mình là {name}. Kết bạn với mình nhé",
+  "message.zaloUserNotFound": "Không tìm thấy người dùng Zalo với số điện thoại này",
+  "message.messageRequired": "Tin nhắn không được để trống",
+  "column.conversionMethod": "Phương thức chuyển đổi",
+  "label.customerIdCannotBeEmpty": "ID khách hàng không được để trống",
+  "label.allocationFailed": "Phân bổ thất bại"
+}

package/lib/i18n/locales/vi/lead.json

@@ -0,0 +1,5 @@
+{
+  "confirm.mergeIntoExisting": "Bạn có muốn hợp nhất thông tin vào tài khoản hiện có không?",
+  "action.mergeCustomer": "Hợp nhất khách hàng",
+  "message.phoneBelongsTo": "Số điện thoại <0>{{phone}}</0> đã thuộc về {{crmLabel}} <1>{{existingName}}</1> trong hệ thống."
+}

package/lib/i18n/locales/vi/lumi.json

@@ -0,0 +1,4 @@
+{
+  "action.sendFeedback": "Gửi phản hồi",
+  "field.answerInstructions": "Hướng dẫn trả lời"
+}

package/lib/i18n/locales/vi/notification.json

@@ -0,0 +1,107 @@
+{
+  "_comment": "MIRROR of contact-center-be app/lib/i18n/locales/vi/notification.json — keep in sync. Rendered client-side for the real-time notification toast.",
+  "distribute.ticketTitle": "Phân bổ ticket",
+  "involvement.ccAdded": "Bạn đã được thêm vào CC cho {count} ticket",
+  "distribute.failureContent": "Đã xảy ra lỗi trong quá trình phân bổ {target} của bạn.  Vui lòng thử lại sau. ",
+  "import.successContent": "File {tagName} import vào {beginDate} đã được xử lý xong. <br />\n        - Tổng {tagName}: {total} <br />\n        - Thành công: {success} <br />\n        - Thất bại: {error} <br />",
+  "import.invalidFileContent": "File {tagName} của bạn không hợp lệ. Vui lòng kiểm tra lại file mẫu",
+  "import.processingErrorContent": "Đã xảy ra lỗi trong quá trình xử lý file {tagName} của bạn. Vui lòng thử lại sau",
+  "kpi.newTitle": "Chỉ tiêu mới",
+  "kpi.assignedContent": "Bạn vừa được giao chỉ tiêu \"{name}\". Xem ngay báo cáo chỉ tiêu của bạn.",
+  "distribute.title": "Phân bổ {target}",
+  "distribute.target.customer": "khách hàng",
+  "distribute.target.lead": "tiềm năng",
+  "distribute.target.organization": "tổ chức",
+  "distribute.completionContent": "Quá trình phân bổ {target} {formattedDate} đã được xử lý xong <br/>\n      Tổng số: {total} <br/>\n      Thành công: {updated}<br/>\n      Thất bại: {failed} <br/>",
+  "distribute.failureContentAlt": "Đã xảy ra lỗi trong quá trình phân bổ {target} của bạn. Vui lòng thử lại sau.",
+  "distribute.assignedContent": "Bạn vừa được chuyển giao {count} {target} từ {name}<br/>Vui lòng kiểm tra thông tin chi tiết và tiếp nhận xử lý.<br/>",
+  "knowledge.crawlTitle": "Thu thập URL vào tri thức chatbot",
+  "knowledge.crawlContent": "\n            Quá trình thêm URL {urlTitle} vào {formattedDate} đã được xử lý xong. <br />\n            - Tổng số: {total} <br />\n            - Thành công: {success} <br />\n            - Thất bại: {failed} <br />",
+  "export.customerListTitle": "Danh sách khách hàng",
+  "export.leadListTitle": "Danh sách tiềm năng",
+  "export.customerListSuccessContent": "Đã xuất danh sách khách hàng thành công lúc {beginDate}",
+  "export.leadListSuccessContent": "Đã xuất danh sách tiềm năng thành công lúc {beginDate}",
+  "export.customerListErrorContent": "Quá trình xuất danh sách khách hàng của bạn đã xảy ra lỗi, vui lòng thử lại sau!",
+  "task.dueSoonTitle": "Công việc sắp tới hạn",
+  "task.overdueTitle": "Công việc quá hạn",
+  "task.assignedDueSoonContent": "Bạn có công việc {taskName} tới hạn lúc {deadline}. Vui lòng kiểm tra tiến độ xử lý.",
+  "task.sharedDueSoonContent": "Công việc {taskName} bạn theo dõi sắp hết hạn lúc {deadline}. Vui lòng kiểm tra tiến độ xử lý.",
+  "task.assignedOverdueContent": "Bạn có công việc {taskName} đã quá hạn lúc {deadline}.",
+  "task.sharedOverdueContent": "Công việc {taskName} bạn theo dõi đã quá hạn lúc {deadline}.",
+  "task.sharedTitle": "Công việc được chia sẻ",
+  "task.sharedNewContent": "Bạn đã được chia sẻ công việc {taskName}. Vui lòng kiểm tra tiến độ xử lý.",
+  "import.organizationSuccessTitle": "Import tổ chức",
+  "import.organizationSuccessContent": "File tổ chức import vào {beginDate} đã được xử lý xong. <br />\n      - Tổng tổ chức: {total} <br />\n      - Thành công: {success} <br />\n      - Thất bại: {failure} <br />",
+  "involvement.ticketNotificationTitle": "Thông báo ticket",
+  "involvement.ccAddedSingle": "Bạn đã được thêm vào CC trong ticket #{code} {subject}",
+  "involvement.followerAdded": "Bạn đã được thêm làm người theo dõi cho {count} ticket",
+  "involvement.followerAddedSingle": "Bạn đã được thêm làm người theo dõi cho ticket #{code} {subject}",
+  "involvement.assigneeAdded": "Bạn đã được phân bổ xử lý {count} ticket",
+  "involvement.assigneeAddedSingle": "Bạn đã được phân bổ xử lý ticket {subject}",
+  "export.ticketListTitle": "Danh sách ticket",
+  "export.ticketListSuccessContent": "Đã xuất danh sách ticket thành công lúc {beginDate}",
+  "export.ticketListErrorContent": "Quá trình xuất danh sách ticket của bạn đã xảy ra lỗi, vui lòng thử lại sau!",
+  "distribute.dealCompletionContent": "Phân bổ {target} ngày {formattedDate} hoàn tất.<br/>Tổng: {total}<br/>Thành công: {updated}",
+  "distribute.dealFailureContent": "Lỗi phân bổ {target}. Vui lòng kiểm tra lại.",
+  "distribute.dealAssignedContent": "Bạn nhận được {count} {target} mới từ {name}",
+  "export.smsReportTitle": "Export báo cáo SMS",
+  "export.smsReportDoneContent": "Báo cáo SMS đã được xử lý xong",
+  "ticket.expiringTitle": "Thông báo ticket sắp hết hạn",
+  "ticket.expiringAdminMultiContent": "Có {count} ticket sắp đến hạn xử lý. Vui lòng kiểm tra danh sách chi tiết.",
+  "ticket.expiringAdminSingleContent": "Ticket #{code} {subject} sắp hết hạn. Vui lòng kiểm tra tiến độ xử lý.",
+  "ticket.expiringTeamMultiContent": "Có {count} ticket trong bộ phận của bạn sắp đến hạn xử lý. Vui lòng kiểm tra danh sách chi tiết.",
+  "ticket.expiringTeamSingleContent": "Ticket #{code} {subject} trong bộ phận của bạn sắp hết hạn. Vui lòng kiểm tra tiến độ xử lý.",
+  "ticket.expiringAgentMultiContent": "Bạn có {count} ticket sắp hết hạn xử lý.",
+  "ticket.expiringAgentSingleContent": "Bạn có ticket #{code} {subject} sắp hết hạn xử lý.",
+  "chatbot.agentRequestTitle": "Thông báo hội thoại",
+  "chatbot.agentRequestContent": "Cuộc hội thoại của ChatBot với {requesterName} đang cần hỗ trợ, vui lòng tiếp nhận và xử lý cuộc hội thoại ngay!",
+  "export.znsReportTitle": "Export báo cáo ZNS",
+  "export.znsReportDoneContent": "Báo cáo ZNS đã được xử lý xong",
+  "export.znsTemplatesReportTitle": "Export báo cáo ZNS templates",
+  "export.znsTemplatesReportDoneContent": "Báo cáo ZNS templates đã được xử lý xong",
+  "export.znsTemplatesReportErrorContent": "Đã xảy ra lỗi khi xuất báo cáo ZNS templates. Vui lòng thử lại",
+  "import.campaignTitle": "Import khách hàng trong chiến dịch",
+  "import.campaignErrorContent": "Import chiến dịch vào {beginDate} đã xong, nhưng file kết quả chưa khả dụng. Vui lòng thử tải lại sau ít phút.",
+  "import.campaignFileSuccessContent": "File {target} import vào {beginDate} đã được xử lý xong. <br />\n      - Tổng {target}: {total} <br />\n      - Thành công: {success} <br />\n      - Thất bại: {error} <br />\n      - Đã tồn tại: {existing}",
+  "import.campaignFilterSuccessContent": "Danh sách {target} từ bộ lọc lúc {beginDate} đã được xử lý xong. <br />\n      - Tổng {target}: {total} <br />\n      - Thành công: {success} <br />\n      - Thất bại: {error} <br />\n      - Đã tồn tại: {existing}",
+  "export.callHistoryReportTitle": "Báo cáo lịch sử cuộc gọi",
+  "export.callHistoryReportSuccessContent": "Báo cáo lịch sử cuộc gọi được xuất vào {beginDate} đã sẵn sàng để tải xuống",
+  "export.callHistoryReportSuccessLimitedContent": "Báo cáo lịch sử cuộc gọi được xuất vào {beginDate} đã sẵn sàng để tải xuống. <br /> Lưu ý: Chỉ hiển thị tối đa {maxRows} bản ghi gần nhất",
+  "export.callHistoryReportErrorContent": "Đã xảy ra lỗi khi xuất báo cáo lịch sử cuộc gọi vào {beginDate}. Vui lòng thử lại",
+  "export.znsCampaignDetailTitle": "Chi tiết khách hàng chiến dịch ZNS",
+  "export.znsCampaignDetailSuccessContent": "Đã xuất chi tiết khách hàng chiến dịch ZNS thành công lúc {beginDate}",
+  "export.campaignContactListTitle": "Danh sách liên hệ chiến dịch",
+  "export.campaignContactListSuccessContent": "Đã xuất danh sách liên hệ chiến dịch thành công lúc {beginDate}",
+  "export.campaignContactListErrorContent": "Quá trình xuất danh sách liên hệ chiến dịch của bạn đã xảy ra lỗi, vui lòng thử lại sau!",
+  "comment.selfMentionTitle": "Bạn tự nhắc đến mình trong một comment",
+  "comment.selfMentionContent": "Bạn đã tự nhắc đến mình trong comment trên ticket {code}",
+  "comment.mentionTitle": "Bạn được nhắc đến trong một comment",
+  "comment.mentionContent": "{name} đã nhắc đến bạn trong comment trên ticket {code}",
+  "import.contactSuccessContent": "File {target} import vào {beginDate} đã được xử lý xong. <br />\n      - Tổng {target}: {total} <br />\n      - Thành công: {success} <br />\n      - Thất bại: {error} <br />",
+  "import.contactSuccessAssignedContent": "File {target} import vào {beginDate} đã được xử lý xong. <br />\n      - Tổng {target}: {total} <br />\n      - Thành công: {success} <br />\n      - Thất bại: {error} <br />- Đã phân bổ: {assigned} <br />",
+  "export.sttLogSuccessContent": "Đã xuất {sheetName} thành công lúc {beginDate}",
+  "export.sttLogErrorContent": "Quá trình xuất {sheetName} của bạn đã xảy ra lỗi, vui lòng thử lại sau!",
+  "qc.mentionTitle": "Thông báo QA Comment",
+  "qc.mentionContent": "{name} đã nhắc đến bạn trong kết quả chiến dịch manual QA của ticket {code}",
+  "contact.newContactTitle": "Thông báo đã thêm {label} mới",
+  "contact.newContactContent": "Bạn là người phụ trách {label} {name}",
+  "deal.assignedTitle": "Thông báo Deal",
+  "deal.assignedContent": "Bạn đã được phân bổ phụ trách deal",
+  "import.campaignErrorTitle": "Import khách hàng trong chiến dịch thất bại",
+  "import.campaignErrorMessageContent": "Quá trình import vào chiến dịch gặp lỗi: {message}",
+  "survey.newTitle": "Khảo sát mới",
+  "survey.newContent": "Đã nhận được một khảo sát mới từ khách hàng {customerName}",
+  "account.disconnectedTitle": "Ngắt kết nối",
+  "account.disconnectedContentPersonal": "Tài khoản Zalo cá nhân riêng \"{name}\" đã ngắt kết nối.",
+  "account.disconnectedContentGeneral": "Tài khoản Zalo cá nhân chung \"{name}\" đã ngắt kết nối.",
+  "sla.breachTitle": "Vi phạm SLA: {metricLabel}",
+  "sla.breachContent": "{entityLabel} đã vi phạm SLA {metricLabel}. Vui lòng xử lý ngay.",
+  "sla.warningTitle": "Cảnh báo SLA: sắp đến hạn {metricLabel}",
+  "sla.warningContent": "{entityLabel} sẽ vi phạm SLA {metricLabel} trong {timeLeftMinutes} phút.",
+  "chat.timeoutReminderTitle": "Hội thoại sắp kết thúc",
+  "chat.timeoutReminderContent": "Hội thoại với khách hàng {name} sẽ kết thúc sau {minutes} phút",
+  "chat.timeoutEndedTitle": "Hội thoại đã kết thúc",
+  "chat.timeoutEndedContent": "Phiên hội thoại với {name} đã kết thúc. Xem lại phiên hội thoại ở tab \"Đã đóng\"",
+  "chat.unhandledTitle": "Hội thoại",
+  "chat.unhandledContent": "Hội thoại với {name} chưa có tương tác trong {duration}"
+}

package/lib/i18n/locales/vi/org.json

@@ -0,0 +1,4 @@
+{
+  "label.thePreviousAssigneeCannotBe": "Người phụ trách cũ không được để trống",
+  "label.theNewAssigneeCannotBe": "Người phụ trách mới không được để trống"
+}

package/lib/i18n/locales/vi/posts.json

@@ -0,0 +1,8 @@
+{
+  "dialog.selectPosts": "Chọn bài viết",
+  "column.postedAt": "Thời gian đăng",
+  "empty.noPosts": "Không có bài viết nào",
+  "dialog.totalPostsSuffix": "/ {totalCount} bài viết",
+  "message.selectedPostsCount": "Đã chọn {length} bài viết",
+  "label.noContent": "(Không có nội dung)"
+}

package/lib/i18n/locales/vi/settings.json

@@ -0,0 +1,39 @@
+{
+  "chatTimeout.allChannels": "Tất cả các kênh",
+  "chatTimeout.channelUnit": "kênh",
+  "channel.zaloPersonal": "Zalo cá nhân",
+  "user.agentList": "Danh sách chuyên viên",
+  "routing.generalSettings": "Thiết lập chung",
+  "common.saveSettingsSuccess": "Lưu thiết lập thành công",
+  "routing.settings.selectSeenRuleRequired": "Vui lòng chọn quy tắc đã xem cho hội thoại",
+  "routing.settings.conversationSetup": "Thiết lập hội thoại",
+  "routing.applyToOutbound": "Áp dụng Routing rule đối với hội thoại nhắn ra",
+  "routing.outboundAutoRoutingHint": "Khi thực hiện nhắn ra, hệ thống sẽ tự động gọi Routing Rule để\n                  thực hiện phân bổ theo câu hình.",
+  "routing.applyToManualAssign": "Áp dụng Routing rule đối với phân bổ thủ công",
+  "routing.manualAssignAutoRoutingHint": "Khi thực hiện gán chuyên viên thủ công, hệ thống tự động gọi\n                  Routing Rule để thực hiện phân bổ theo câu hình.",
+  "routing.assignWhenAgentInactive": "Phân bổ khi chuyên viên không hoạt động",
+  "routing.allowOfflineAssignHint": "Cho phép hệ thống tiếp tục phân bổ hội thoại cho chuyên viên\n                  ngay cả khi trạng thái hiện tại là Offline.",
+  "routing.settings.autoSavePhoneNumber": "Tự động lưu số điện thoại",
+  "routing.autoSavePhoneHint": "Khi phát hiện số điện thoại trong cuộc trò chuyện, hệ thống sẽ\n                  tự động lưu vào danh sách liên hệ.",
+  "routing.reassignConversationRule": "Quy tắc phân bổ lại hội thoại",
+  "routing.settings.redistributionRuleHint": "Mỗi nhóm áp dụng cho một trạng thái hội thoại và một tập kênh riêng, với mốc thời gian phân bổ riêng của nhóm.",
+  "routing.settings.redistributionRuleTitle": "Quy tắc phân bổ {index}",
+  "routing.settings.addRedistributionRule": "Thêm quy tắc phân bổ",
+  "routing.settings.conversationStatus": "Trạng thái hội thoại",
+  "routing.settings.openConversation": "Hội thoại đang mở",
+  "routing.settings.missedConversation": "Hội thoại nhỡ",
+  "routing.settings.applyToChannel": "Áp dụng cho kênh",
+  "routing.settings.dailyRedistributeTime": "Mốc thời gian phân bổ hàng ngày",
+  "routing.settings.addMilestone": "Thêm mốc",
+  "routing.viewedRuleForConversation": "Quy tắc đã xem cho hội thoại",
+  "routing.settings.seenByUserView": "Tính đã xem theo view người dùng",
+  "routing.settings.seenByAssignedAgent": "Tính đã xem đối với chuyên viên phụ trách",
+  "routing.settings.seenByAnyMember": "Tính đã xem khi bất kỳ thành viên nào trong hội thoại xem.",
+  "common.numberPlaceholder": "Nhập số",
+  "smartView.selectCycle": "Chọn chu kỳ",
+  "smartView.toleranceDays": "Sai số (ngày)",
+  "smartView.plusMinusDays": "± ngày",
+  "smartView.anchorDate": "Ngày mốc",
+  "smartView.emptyMeansTodayHint": "Để trống = tính theo ngày hiện tại, tự cập nhật mỗi ngày",
+  "user.unknownError": "Lỗi không xác định"
+}

package/lib/i18n/server-label.js

@@ -0,0 +1,33 @@
+import i18n, { loadNamespacesForLanguage } from "./index.js";
+const SERVER_LABEL_NS = ["common", "chat"];
+let index = null;
+let viWarming = null;
+function buildIndexFromStore() {
+  const map = /* @__PURE__ */ new Map();
+  for (const ns of SERVER_LABEL_NS) {
+    const bundle = i18n.getResourceBundle("vi", ns);
+    if (!bundle) continue;
+    for (const [key, value] of Object.entries(bundle)) {
+      if (typeof value !== "string") continue;
+      const text = value.trim();
+      if (text && !map.has(text)) map.set(text, `${ns}:${key}`);
+    }
+  }
+  return map;
+}
+function translateServerLabel(text) {
+  if (typeof text !== "string" || !text) return text;
+  if ((i18n.resolvedLanguage || i18n.language) === "vi") return text;
+  if (!viWarming) {
+    viWarming = loadNamespacesForLanguage("vi", SERVER_LABEL_NS).then(() => {
+      index = buildIndexFromStore();
+      i18n.emit("languageChanged", i18n.resolvedLanguage || i18n.language);
+    });
+  }
+  if (!index) return text;
+  const key = index.get(text.trim());
+  return key ? i18n.t(key, { defaultValue: text }) : text;
+}
+export {
+  translateServerLabel
+};

package/lib/phone.js

@@ -0,0 +1,70 @@
+import {
+  isValidPhoneNumber as libIsValidPhoneNumber,
+  findPhoneNumbersInText
+} from "libphonenumber-js/max";
+const DEFAULT_COUNTRY = "VN";
+const VN_PHONE_SHAPE = String.raw`(?:\+84|0)(?:[\s.-]?\d){9}`;
+const VN_PHONE_TEXT_REGEX = new RegExp(`(?<!\\d)${VN_PHONE_SHAPE}(?!\\d)`, "g");
+const VN_PHONE_EXACT_REGEX = new RegExp(`^${VN_PHONE_SHAPE}$`);
+const onlyDigits = (str) => str.replace(/\D/g, "");
+const isValidPhone = (raw, defaultCountry = DEFAULT_COUNTRY) => {
+  if (!raw || typeof raw !== "string") return false;
+  try {
+    return libIsValidPhoneNumber(raw.trim(), defaultCountry);
+  } catch {
+    return false;
+  }
+};
+const findPhonesInText = (text, defaultCountry = DEFAULT_COUNTRY) => {
+  if (!text || typeof text !== "string") return [];
+  try {
+    return findPhoneNumbersInText(text, { defaultCountry }).map((match) => ({
+      raw: text.slice(match.startsAt, match.endsAt),
+      startsAt: match.startsAt,
+      endsAt: match.endsAt,
+      e164: match.number.number
+    }));
+  } catch {
+    return [];
+  }
+};
+const isVNPhoneLike = (raw, defaultCountry = DEFAULT_COUNTRY) => {
+  if (!raw || typeof raw !== "string") return false;
+  const trimmed = raw.trim();
+  return isValidPhone(trimmed, defaultCountry) || VN_PHONE_EXACT_REGEX.test(trimmed);
+};
+const findVNPhonesInText = (text, defaultCountry = DEFAULT_COUNTRY) => {
+  if (!text || typeof text !== "string") return [];
+  const seen = /* @__PURE__ */ new Set();
+  const result = [];
+  const push = (raw) => {
+    const key = onlyDigits(raw);
+    if (!key || seen.has(key)) return;
+    seen.add(key);
+    result.push(raw);
+  };
+  for (const match of findPhonesInText(text, defaultCountry)) push(match.raw);
+  const re = new RegExp(VN_PHONE_TEXT_REGEX.source, "g");
+  for (const match of text.matchAll(re)) push(match[0].trim());
+  return result;
+};
+const replacePhonesInText = (text, replacer, defaultCountry = DEFAULT_COUNTRY) => {
+  if (!text || typeof text !== "string") return text;
+  const matches = findPhonesInText(text, defaultCountry);
+  if (matches.length === 0) return text;
+  let result = text;
+  for (let i = matches.length - 1; i >= 0; i -= 1) {
+    const match = matches[i];
+    const replacement = replacer(match);
+    result = result.slice(0, match.startsAt) + replacement + result.slice(match.endsAt);
+  }
+  return result;
+};
+export {
+  DEFAULT_COUNTRY,
+  findPhonesInText,
+  findVNPhonesInText,
+  isVNPhoneLike,
+  isValidPhone,
+  replacePhonesInText
+};

package/lib/user-avatar.js

@@ -0,0 +1,21 @@
+const AVATAR_COLORS = [
+  { bg: "bg-purple-100", text: "text-purple-500" },
+  { bg: "bg-pink-100", text: "text-pink-500" },
+  { bg: "bg-sky-100", text: "text-sky-500" },
+  { bg: "bg-green-100", text: "text-green-500" },
+  { bg: "bg-orange-100", text: "text-orange-500" },
+  { bg: "bg-teal-100", text: "text-teal-500" },
+  { bg: "bg-rose-100", text: "text-rose-500" }
+];
+function colorForName(name = "") {
+  const hash = name.split("").reduce((acc, c) => acc + c.charCodeAt(0), 0);
+  return AVATAR_COLORS[hash % AVATAR_COLORS.length];
+}
+function nameInitials(name = "") {
+  return name.split(" ").filter(Boolean).map((n) => n[0]).join("").slice(0, 2).toUpperCase() || "?";
+}
+export {
+  AVATAR_COLORS,
+  colorForName,
+  nameInitials
+};

package/package.json

@@ -0,0 +1,45 @@
+{
+  "name": "@zenify-omni/chat-js",
+  "version": "0.1.0",
+  "description": "Tầng logic của Zenify Chat: API, transport, socket instance. Không React.",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/ZenifyAIContactCenter/sdk-omni-chat.git",
+    "directory": "chat-js"
+  },
+  "homepage": "https://github.com/ZenifyAIContactCenter/sdk-omni-chat#readme",
+  "bugs": {
+    "url": "https://github.com/ZenifyAIContactCenter/sdk-omni-chat/issues"
+  },
+  "type": "module",
+  "sideEffects": [
+    "./lib/i18n/index.js",
+    "./utils/request.js"
+  ],
+  "exports": {
+    ".": "./client.js",
+    "./*": "./*"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "dependencies": {
+    "browser-image-compression": "^2.0.2",
+    "i18next-browser-languagedetector": "^8.2.1",
+    "i18next-icu": "^2.4.4",
+    "i18next-resources-to-backend": "^1.2.3",
+    "libphonenumber-js": "^1.13.7",
+    "nanoid": "^5.1.16",
+    "socket.io-client": "^4.8.3"
+  },
+  "peerDependencies": {
+    "@date-fns/tz": "^1.1.2",
+    "axios": "^1.7.7",
+    "date-fns": "^4.4.0",
+    "file-saver": "^2.0.5",
+    "i18next": "^26.2.0",
+    "lodash-es": "^4.17.21",
+    "xlsx-js-style": "^1.2.0"
+  }
+}

package/socket/index.js

@@ -0,0 +1,30 @@
+import io from "socket.io-client";
+const identity = (user) => ({
+  user_id: user._id,
+  username: user.name,
+  tenant_id: user.tenant_id,
+  agent_id: user.agent_id,
+  is_agent: 1,
+  role: user?.role
+});
+const createChatSocket = (url, user) => io(url, {
+  transports: ["websocket"],
+  reconnection: true,
+  reconnectionDelay: 500,
+  reconnectionDelayMax: 3e4,
+  timeout: 5e3,
+  forceNew: true,
+  query: identity(user)
+});
+const createTypingSocket = (baseUrl, user) => io(`${baseUrl}/typing`, {
+  transports: ["websocket"],
+  reconnection: true,
+  reconnectionDelay: 1e3,
+  reconnectionDelayMax: 3e4,
+  timeout: 5e3,
+  query: identity(user)
+});
+export {
+  createChatSocket,
+  createTypingSocket
+};

package/transport-registry.js

@@ -0,0 +1,77 @@
+const transports = /* @__PURE__ */ new Map();
+function registerChatTransport({ name, connect, disconnect, methods = {} }) {
+  if (!name) throw new Error("[chat-js] registerChatTransport: thi\u1EBFu `name`");
+  for (const [otherName, other] of transports) {
+    if (otherName === name) continue;
+    const clash = Object.keys(methods).filter((m) => m in other.methods);
+    if (clash.length) {
+      console.warn(
+        `[chat-js] transport "${name}" v\xE0 "${otherName}" c\xF9ng khai ${clash.join(", ")}. L\u1EDDi g\u1ECDi ph\u1EB3ng client.socket.${clash[0]}() s\u1EBD \u0111i v\xE0o transport \u0111\u0103ng k\xFD TR\u01AF\u1EDAC. D\xF9ng client.socket.${name}.${clash[0]}() \u0111\u1EC3 ch\u1EC9 \u0111\xEDch danh.`
+      );
+    }
+  }
+  transports.set(name, { name, connect, disconnect, methods });
+  return () => transports.delete(name);
+}
+const getChatTransport = (name) => transports.get(name);
+const listChatTransports = () => [...transports.keys()];
+const resetChatTransports = () => transports.clear();
+const fanOut = (hook) => () => {
+  for (const t of transports.values()) t[hook]?.();
+};
+const connectChatTransports = fanOut("connect");
+const disconnectChatTransports = fanOut("disconnect");
+const findMethod = (prop) => {
+  for (const t of transports.values()) {
+    if (prop in t.methods) return t.methods[prop];
+  }
+  return void 0;
+};
+function createSocketFacade() {
+  return new Proxy(
+    {},
+    {
+      get(_target, prop) {
+        if (prop === "connect") return connectChatTransports;
+        if (prop === "disconnect") return disconnectChatTransports;
+        if (prop === "transports") return listChatTransports();
+        if (typeof prop !== "string") return void 0;
+        const transport = transports.get(prop);
+        if (transport) return transport.methods;
+        const method = findMethod(prop);
+        if (method) return method;
+        if (transports.size === 0) {
+          return () => {
+            throw new Error(
+              `[chat-js] client.socket.${prop}() ch\u01B0a s\u1EB5n s\xE0ng: ch\u01B0a transport n\xE0o \u0111\u0103ng k\xFD. D\xF9ng <ChatProvider>, ho\u1EB7c n\u1EA1p module @chat-ui/utils/chat_socket \u0111\u1EC3 b\u1EADt t\u1EA7ng realtime.`
+            );
+          };
+        }
+        return void 0;
+      },
+      has(_target, prop) {
+        return prop === "connect" || prop === "disconnect" || prop === "transports" || transports.has(prop) || findMethod(prop) !== void 0;
+      },
+      ownKeys() {
+        const keys = /* @__PURE__ */ new Set(["connect", "disconnect", "transports"]);
+        for (const t of transports.values()) {
+          keys.add(t.name);
+          for (const m of Object.keys(t.methods)) keys.add(m);
+        }
+        return [...keys];
+      },
+      getOwnPropertyDescriptor() {
+        return { enumerable: true, configurable: true };
+      }
+    }
+  );
+}
+export {
+  connectChatTransports,
+  createSocketFacade,
+  disconnectChatTransports,
+  getChatTransport,
+  listChatTransports,
+  registerChatTransport,
+  resetChatTransports
+};

package/utils/access-detail.js

@@ -0,0 +1,119 @@
+import i18n from "../lib/i18n/index.js";
+const ACCESS_DETAIL_KEY = {
+  ALL: "all",
+  GROUP: "group",
+  USER: "user"
+};
+const ACCESS_DETAIL_OPTIONS = [
+  {
+    value: ACCESS_DETAIL_KEY.ALL,
+    get label() {
+      return i18n.t("common:filter.all", { defaultValue: "T\u1EA5t c\u1EA3" });
+    }
+  },
+  {
+    value: ACCESS_DETAIL_KEY.GROUP,
+    get label() {
+      return i18n.t("common:label.department", { defaultValue: "B\u1ED9 ph\u1EADn" });
+    }
+  },
+  {
+    value: ACCESS_DETAIL_KEY.USER,
+    get label() {
+      return i18n.t("common:label.agent", { defaultValue: "Chuy\xEAn vi\xEAn" });
+    }
+  }
+];
+const ACCESS_DETAIL_ALL_LABEL = i18n.t("common:filter.everyone", {
+  defaultValue: "T\u1EA5t c\u1EA3 m\u1ECDi ng\u01B0\u1EDDi"
+});
+const labelOf = (item) => item?.label ?? item?.name ?? item?.value ?? item?._id ?? item?.id ?? null;
+const buildAccessDetailPayload = ({
+  key = ACCESS_DETAIL_KEY.ALL,
+  groups = [],
+  users = []
+} = {}) => ({
+  key,
+  group_ids: key === ACCESS_DETAIL_KEY.GROUP ? groups.map((g) => String(g.value)) : [],
+  user_ids: key === ACCESS_DETAIL_KEY.USER ? users.map((u) => String(u.value)) : []
+});
+const resolveGroupOptionList = (accessDetail, groupOptions) => {
+  if (Array.isArray(accessDetail?.groups) && accessDetail.groups.length) {
+    return accessDetail.groups.map((g) => ({
+      value: String(g.value ?? g.id ?? g._id),
+      label: labelOf(g) ?? String(g.value ?? g.id ?? g._id)
+    }));
+  }
+  const optionMap = new Map(
+    (groupOptions || []).map((o) => [String(o.value), o.label])
+  );
+  return (accessDetail?.group_ids || []).map((id) => ({
+    value: String(id),
+    label: optionMap.get(String(id)) ?? String(id)
+  }));
+};
+const resolveUserOptionList = (accessDetail) => {
+  if (Array.isArray(accessDetail?.users) && accessDetail.users.length) {
+    return accessDetail.users.map((u) => ({
+      type: "user",
+      groupKey: "user",
+      value: String(u.value ?? u._id ?? u.id),
+      label: labelOf(u) ?? String(u.value ?? u._id ?? u.id),
+      email: u.email
+    }));
+  }
+  return (accessDetail?.user_ids || []).map((id) => ({
+    type: "user",
+    groupKey: "user",
+    value: String(id),
+    label: String(id)
+  }));
+};
+const parseAccessDetailValue = (accessDetail, { groupOptions = [] } = {}) => {
+  const empty = { key: ACCESS_DETAIL_KEY.ALL, groups: [], users: [] };
+  if (!accessDetail?.key) return empty;
+  if (accessDetail.key === ACCESS_DETAIL_KEY.GROUP) {
+    return {
+      key: ACCESS_DETAIL_KEY.GROUP,
+      groups: resolveGroupOptionList(accessDetail, groupOptions),
+      users: []
+    };
+  }
+  if (accessDetail.key === ACCESS_DETAIL_KEY.USER) {
+    return {
+      key: ACCESS_DETAIL_KEY.USER,
+      groups: [],
+      users: resolveUserOptionList(accessDetail)
+    };
+  }
+  return empty;
+};
+const formatAccessDetailText = (accessDetail) => {
+  if (!accessDetail?.key) return "-";
+  if (accessDetail.key === ACCESS_DETAIL_KEY.ALL) return ACCESS_DETAIL_ALL_LABEL;
+  const items = accessDetail.key === ACCESS_DETAIL_KEY.GROUP ? accessDetail.groups || accessDetail.group_ids || [] : accessDetail.users || accessDetail.user_ids || [];
+  const labels = items.map(labelOf).filter(Boolean).map(String);
+  return labels.length ? labels.join(", ") : "-";
+};
+const isAccessDetailAllUsers = (accessDetail) => accessDetail?.key === ACCESS_DETAIL_KEY.ALL;
+const accessDetailHasId = (ids, objects, target) => {
+  const wanted = String(target);
+  if ((ids || []).some((id) => String(id) === wanted)) return true;
+  return (objects || []).some(
+    (o) => String(o?.value ?? o?._id ?? o?.id) === wanted
+  );
+};
+const accessDetailMatchesUser = (accessDetail, userId) => !!userId && accessDetail?.key === ACCESS_DETAIL_KEY.USER && accessDetailHasId(accessDetail.user_ids, accessDetail.users, userId);
+const accessDetailMatchesGroup = (accessDetail, groupId) => !!groupId && accessDetail?.key === ACCESS_DETAIL_KEY.GROUP && accessDetailHasId(accessDetail.group_ids, accessDetail.groups, groupId);
+export {
+  ACCESS_DETAIL_ALL_LABEL,
+  ACCESS_DETAIL_KEY,
+  ACCESS_DETAIL_OPTIONS,
+  accessDetailHasId,
+  accessDetailMatchesGroup,
+  accessDetailMatchesUser,
+  buildAccessDetailPayload,
+  formatAccessDetailText,
+  isAccessDetailAllUsers,
+  parseAccessDetailValue
+};