@zenify-omni/chat-js 0.1.0

package/constants/user.js

@@ -0,0 +1,293 @@
+import i18n from "../lib/i18n/index.js";
+const UserRole = Object.freeze({
+  // customer
+  END_USER: "end_user",
+  // user
+  AGENT: "agent",
+  TEAM_LEADER: "team_leader",
+  SUPERVISOR: "supervisor",
+  ADMINISTRATOR: "administrator",
+  // sale
+  SALE: "sale",
+  SALE_TEAM_LEADER: "sale_team_leader",
+  // Chatbot
+  CHATBOT: "chatbot"
+});
+const UserRoleContext = Object.freeze({
+  get [UserRole.END_USER]() {
+    return i18n.t("common:label.customer", {
+      defaultValue: "Kh\xE1ch h\xE0ng"
+    });
+  },
+  get [UserRole.AGENT]() {
+    return i18n.t("common:label.agent", {
+      defaultValue: "Chuy\xEAn vi\xEAn"
+    });
+  },
+  get [UserRole.TEAM_LEADER]() {
+    return i18n.t("common:label.departmentHead", {
+      defaultValue: "Tr\u01B0\u1EDFng b\u1ED9 ph\u1EADn"
+    });
+  },
+  [UserRole.SUPERVISOR]: "Supervisor",
+  [UserRole.ADMINISTRATOR]: "Administrator",
+  // sale
+  [UserRole.SALE]: "Sale",
+  get [UserRole.SALE_TEAM_LEADER]() {
+    return i18n.t("common:label.salesDepartmentHead", {
+      defaultValue: "Tr\u01B0\u1EDFng b\u1ED9 ph\u1EADn Sale"
+    });
+  },
+  // Chatbot
+  [UserRole.CHATBOT]: "AI Agent"
+});
+const AssigneeRoles = Object.freeze([
+  UserRole.ADMINISTRATOR,
+  UserRole.AGENT,
+  UserRole.SUPERVISOR,
+  UserRole.TEAM_LEADER
+]);
+const SeniorStaffRoles = Object.freeze([
+  UserRole.ADMINISTRATOR,
+  UserRole.SUPERVISOR,
+  UserRole.TEAM_LEADER,
+  UserRole.SALE_TEAM_LEADER
+]);
+const CustomerType = Object.freeze({
+  ECONOMY: "0",
+  SILVER: "1",
+  GOLD: "2",
+  DIAMOND: "3"
+});
+const CustomerTypeContext = Object.freeze({
+  get [CustomerType.ECONOMY]() {
+    return i18n.t("common:label.rankRegular", {
+      defaultValue: "Th\u01B0\u1EDDng"
+    });
+  },
+  get [CustomerType.SILVER]() {
+    return i18n.t("common:label.silver", { defaultValue: "B\u1EA1c" });
+  },
+  get [CustomerType.GOLD]() {
+    return i18n.t("common:label.rankGold", {
+      defaultValue: "V\xE0ng"
+    });
+  },
+  get [CustomerType.DIAMOND]() {
+    return i18n.t("common:label.rankDiamond", {
+      defaultValue: "Kim c\u01B0\u01A1ng"
+    });
+  }
+});
+const SourceUser = Object.freeze({
+  WEB: "web",
+  CALL_IN: "CALL_INBOUND",
+  CALL_OUT: "CALL_OUTBOUND",
+  CALL: "call",
+  CHAT: "chat",
+  ZALO: "zalo",
+  FACEBOOK: "facebook",
+  EMAIL: "email",
+  HAND: "hand",
+  API: "api",
+  IMPORT: "import",
+  WHATSAPP: "whatsapp",
+  TIKTOK: "tiktok",
+  TIKTOK_SHOP: "tiktok_shop",
+  INSTAGRAM: "instagram",
+  SHOPEE: "shopee"
+});
+const SourceUserContext = Object.freeze({
+  [SourceUser.WEB]: "Livechat",
+  get [SourceUser.CALL_OUT]() {
+    return i18n.t("common:label.callOut", {
+      defaultValue: "G\u1ECDi ra"
+    });
+  },
+  get [SourceUser.CALL_IN]() {
+    return i18n.t("common:label.callIn", {
+      defaultValue: "G\u1ECDi v\xE0o"
+    });
+  },
+  [SourceUser.CHAT]: "Livechat",
+  [SourceUser.ZALO]: "Zalo",
+  [SourceUser.FACEBOOK]: "Facebook",
+  [SourceUser.EMAIL]: "Email",
+  get [SourceUser.HAND]() {
+    return i18n.t("common:label.manual", {
+      defaultValue: "Th\u1EE7 c\xF4ng"
+    });
+  },
+  [SourceUser.API]: "Api",
+  [SourceUser.IMPORT]: "Import",
+  [SourceUser.WHATSAPP]: "WhatsApp",
+  [SourceUser.TIKTOK]: "Tiktok Business",
+  [SourceUser.TIKTOK_SHOP]: "Tiktok Shop",
+  [SourceUser.INSTAGRAM]: "Instagram",
+  [SourceUser.SHOPEE]: "Shopee"
+});
+const CustomerAssign = Object.freeze({
+  ALL: "all",
+  MyOrganization: "my_organization",
+  MyGroup: "my_group",
+  MyCustomer: "me"
+});
+const Gender = Object.freeze({
+  MALE: "male",
+  FEMALE: "female",
+  OTHER: "other"
+});
+const GenderContext = Object.freeze({
+  [Gender.MALE]: "Nam",
+  get [Gender.FEMALE]() {
+    return i18n.t("common:label.female", { defaultValue: "N\u1EEF" });
+  },
+  get [Gender.OTHER]() {
+    return i18n.t("common:label.other", { defaultValue: "Kh\xE1c" });
+  }
+});
+const GenderOptions = [
+  { id: Gender.MALE, text: GenderContext[Gender.MALE] },
+  { id: Gender.FEMALE, text: GenderContext[Gender.FEMALE] },
+  { id: Gender.OTHER, text: GenderContext[Gender.OTHER] }
+];
+const SourceUserOptions = [
+  {
+    text: SourceUserContext[SourceUser.HAND],
+    id: SourceUser.HAND
+  },
+  {
+    text: SourceUserContext[SourceUser.WEB],
+    id: SourceUser.WEB
+  },
+  {
+    text: SourceUserContext[SourceUser.CALL_OUT],
+    id: SourceUser.CALL_OUT
+  },
+  {
+    text: SourceUserContext[SourceUser.CALL_IN],
+    id: SourceUser.CALL_IN
+  },
+  {
+    text: SourceUserContext[SourceUser.ZALO],
+    id: SourceUser.ZALO
+  },
+  {
+    text: SourceUserContext[SourceUser.FACEBOOK],
+    id: SourceUser.FACEBOOK
+  },
+  {
+    text: SourceUserContext[SourceUser.EMAIL],
+    id: SourceUser.EMAIL
+  },
+  {
+    text: SourceUserContext[SourceUser.WHATSAPP],
+    id: SourceUser.WHATSAPP
+  },
+  {
+    text: SourceUserContext[SourceUser.API],
+    id: SourceUser.API
+  },
+  {
+    text: SourceUserContext[SourceUser.IMPORT],
+    id: SourceUser.IMPORT
+  },
+  {
+    text: SourceUserContext[SourceUser.TIKTOK],
+    id: SourceUser.TIKTOK
+  },
+  {
+    text: SourceUserContext[SourceUser.INSTAGRAM],
+    id: SourceUser.INSTAGRAM
+  },
+  {
+    text: SourceUserContext[SourceUser.SHOPEE],
+    id: SourceUser.SHOPEE
+  }
+];
+const CrmType = Object.freeze({
+  Contact: "contact",
+  Lead: "lead",
+  Internal: "internal"
+  // used by internal call only
+});
+const DuplicateContactWarningType = Object.freeze({
+  Phone: "DUPLICATE_PHONE",
+  CustomerCode: "DUPLICATE_CUSTOMER_CODE"
+});
+const isDuplicateContactWarning = (type) => type === DuplicateContactWarningType.Phone || type === DuplicateContactWarningType.CustomerCode;
+const ConversionSource = Object.freeze({
+  IMPORT_FILE: "import_file",
+  FROM_LEAD: "from_lead",
+  MANUAL: "manual",
+  WORKFLOW: "workflow",
+  API: "api",
+  SYSTEM: "system"
+});
+const ConversionSourceContext = Object.freeze({
+  [ConversionSource.IMPORT_FILE]: "Import file",
+  get [ConversionSource.FROM_LEAD]() {
+    return i18n.t("common:label.convertedFromLead", {
+      defaultValue: "Chuy\u1EC3n t\u1EEB ti\u1EC1m n\u0103ng"
+    });
+  },
+  get [ConversionSource.MANUAL]() {
+    return i18n.t("common:label.manual", {
+      defaultValue: "Th\u1EE7 c\xF4ng"
+    });
+  },
+  [ConversionSource.WORKFLOW]: "Workflow",
+  [ConversionSource.API]: "API",
+  get [ConversionSource.SYSTEM]() {
+    return i18n.t("common:label.system", {
+      defaultValue: "H\u1EC7 th\u1ED1ng"
+    });
+  }
+});
+const ConversionSourceOptions = [
+  {
+    id: ConversionSource.IMPORT_FILE,
+    text: ConversionSourceContext[ConversionSource.IMPORT_FILE]
+  },
+  {
+    id: ConversionSource.FROM_LEAD,
+    text: ConversionSourceContext[ConversionSource.FROM_LEAD]
+  },
+  {
+    id: ConversionSource.MANUAL,
+    text: ConversionSourceContext[ConversionSource.MANUAL]
+  },
+  {
+    id: ConversionSource.WORKFLOW,
+    text: ConversionSourceContext[ConversionSource.WORKFLOW]
+  },
+  {
+    id: ConversionSource.API,
+    text: ConversionSourceContext[ConversionSource.API]
+  },
+  {
+    id: ConversionSource.SYSTEM,
+    text: ConversionSourceContext[ConversionSource.SYSTEM]
+  }
+];
+export {
+  AssigneeRoles,
+  ConversionSource,
+  ConversionSourceContext,
+  ConversionSourceOptions,
+  CrmType,
+  CustomerAssign,
+  CustomerType,
+  CustomerTypeContext,
+  DuplicateContactWarningType,
+  Gender,
+  GenderContext,
+  GenderOptions,
+  SeniorStaffRoles,
+  SourceUser,
+  SourceUserContext,
+  SourceUserOptions,
+  UserRole,
+  UserRoleContext,
+  isDuplicateContactWarning
+};

package/exceptions/axios-error.js

@@ -0,0 +1,24 @@
+import i18n from "../lib/i18n/index.js";
+const ErrorMessage = Object.freeze({
+  ECONNABORTED: "Request b\u1ECB timeout",
+  ERR_NETWORK: "L\u1ED7i k\u1EBFt n\u1ED1i m\u1EA1ng",
+  ERR_BAD_REQUEST: "D\u1EEF li\u1EC7u request kh\xF4ng h\u1EE3p l\u1EC7",
+  ERR_BAD_RESPONSE: "Response kh\xF4ng h\u1EE3p l\u1EC7",
+  ERR_FR_TOO_MANY_REDIRECTS: "Qu\xE1 nhi\u1EC1u redirect",
+  ERR_CANCELED: "Request b\u1ECB h\u1EE7y",
+  ERR_INVALID_URL: "URL kh\xF4ng h\u1EE3p l\u1EC7"
+});
+class AxiosError {
+  constructor({ code, message = "" }) {
+    return {
+      error: true,
+      message: message || ErrorMessage[code] || i18n.t("settings:user.unknownError", {
+        defaultValue: "L\u1ED7i kh\xF4ng x\xE1c \u0111\u1ECBnh"
+      }),
+      code
+    };
+  }
+}
+export {
+  AxiosError
+};

package/exceptions/https-error.js

@@ -0,0 +1,28 @@
+import i18n from "../lib/i18n/index.js";
+const ErrorMessage = Object.freeze({
+  400: "D\u1EEF li\u1EC7u g\u1EEDi l\xEAn kh\xF4ng h\u1EE3p l\u1EC7",
+  401: "B\u1EA1n kh\xF4ng c\xF3 quy\u1EC1n truy c\u1EADp",
+  409: "\u0110\xE3 x\u1EA3y ra xung \u0111\u1ED9t, vui l\xF2ng th\u1EED l\u1EA1i sau!",
+  403: "B\u1EA1n kh\xF4ng c\xF3 quy\u1EC1n truy c\u1EADp",
+  404: "Ki\u1EC3m tra URL ho\u1EB7c endpoint c\xF3 \u0111\xFAng kh\xF4ng!",
+  408: "Th\u1EDDi gian k\u1EBFt n\u1ED1i \u0111\u1EBFn server qu\xE1 l\xE2u, vui l\xF2ng ki\u1EC3m tra k\u1EBFt n\u1ED1i m\u1EA1ng!",
+  429: "G\u1EEDi qu\xE1 nhi\u1EC1u y\xEAu c\u1EA7u \u0111\u1ED3ng th\u1EDDi, vui l\xF2ng th\u1EED l\u1EA1i sau \xEDt ph\xFAt!",
+  500: "\u0110\xE3 x\u1EA3y ra l\u1ED7i t\u1EEB server, vui l\xF2ng th\u1EED l\u1EA1i sau!",
+  503: "D\u1ECBch v\u1EE5 t\u1EA1m th\u1EDDi kh\xF4ng ho\u1EA1t \u0111\u1ED9ng, vui l\xF2ng th\u1EED l\u1EA1i sau!",
+  504: "Server \u0111ang b\u1EADn, vui l\xF2ng th\u1EED l\u1EA1i sau!"
+});
+class HttpsError {
+  constructor({ status, message, data }) {
+    return {
+      error: true,
+      status,
+      data,
+      message: message || ErrorMessage[status] || i18n.t("common:label.anErrorOccurredDuringProcessing", {
+        defaultValue: "\u0110\xE3 x\u1EA3y ra l\u1ED7i trong qu\xE1 tr\xECnh th\u1EF1c hi\u1EC7n"
+      })
+    };
+  }
+}
+export {
+  HttpsError
+};

package/exceptions/validator-error.js

@@ -0,0 +1,20 @@
+class ValidatorError {
+  constructor({ validationErrors, message }) {
+    const errors = {};
+    if (validationErrors && validationErrors.length) {
+      validationErrors.filter((v) => v).forEach((err) => {
+        errors[err["param"]] = err["message"] || `${err["param"]} field is not a valid`;
+      });
+    }
+    return {
+      error: true,
+      data: errors,
+      message: message || "Validation Failed",
+      statusCode: 422,
+      isInvalid: true
+    };
+  }
+}
+export {
+  ValidatorError
+};

package/lib/avatar-color.js

@@ -0,0 +1,31 @@
+const AVATAR_PALETTE = [
+  "#0EA5E9",
+  // sky
+  "#16A34A",
+  // green
+  "#F59E0B",
+  // amber
+  "#EC4899",
+  // pink
+  "#8B5CF6",
+  // violet
+  "#EF4444",
+  // red
+  "#06B6D4",
+  // cyan
+  "#F97316",
+  // orange
+  "#6366F1",
+  // indigo
+  "#14B8A6"
+  // teal
+];
+function customerInitials(name) {
+  const parts = String(name ?? "").trim().split(/\s+/).filter(Boolean);
+  if (parts.length === 0) return "?";
+  if (parts.length === 1) return parts[0][0].toUpperCase();
+  return (parts[0][0] + parts[parts.length - 1][0]).toUpperCase();
+}
+export {
+  customerInitials
+};

package/lib/i18n/index.js

@@ -0,0 +1,85 @@
+import i18n from "i18next";
+import LanguageDetector from "i18next-browser-languagedetector";
+import ICU from "i18next-icu";
+import resourcesToBackend from "i18next-resources-to-backend";
+const SUPPORTED_LANGUAGES = ["vi", "en"];
+function resolveFallback(code) {
+  return code === "vi" ? false : "en";
+}
+const enLoaders = {
+  "campaign": () => import("./locales/en/campaign.json"),
+  "chat": () => import("./locales/en/chat.json"),
+  "common": () => import("./locales/en/common.json"),
+  "customer": () => import("./locales/en/customer.json"),
+  "lead": () => import("./locales/en/lead.json"),
+  "lumi": () => import("./locales/en/lumi.json"),
+  "notification": () => import("./locales/en/notification.json"),
+  "org": () => import("./locales/en/org.json"),
+  "posts": () => import("./locales/en/posts.json"),
+  "settings": () => import("./locales/en/settings.json")
+};
+const viLoaders = {
+  "campaign": () => import("./locales/vi/campaign.json"),
+  "chat": () => import("./locales/vi/chat.json"),
+  "common": () => import("./locales/vi/common.json"),
+  "customer": () => import("./locales/vi/customer.json"),
+  "lead": () => import("./locales/vi/lead.json"),
+  "lumi": () => import("./locales/vi/lumi.json"),
+  "notification": () => import("./locales/vi/notification.json"),
+  "org": () => import("./locales/vi/org.json"),
+  "posts": () => import("./locales/vi/posts.json"),
+  "settings": () => import("./locales/vi/settings.json")
+};
+const loaders = { en: enLoaders, vi: viLoaders };
+const NS = Object.keys(enLoaders).filter((ns) => ns !== "translation").sort();
+async function loadNamespacesForLanguage(lng, namespaces) {
+  await i18n.reloadResources([lng], namespaces);
+  return i18n.getDataByLanguage(lng);
+}
+i18n.use(ICU).use(
+  resourcesToBackend((lng, ns) => {
+    const loader = loaders[lng]?.[ns];
+    if (!loader) return Promise.reject(new Error(`no locale ${lng}/${ns}`));
+    return loader().then((m) => m.default || m);
+  })
+).use(LanguageDetector).init({
+  ns: NS,
+  defaultNS: "common",
+  fallbackNS: "common",
+  partialBundledLanguages: true,
+  supportedLngs: SUPPORTED_LANGUAGES,
+  nonExplicitSupportedLngs: true,
+  // 'en-US' -> 'en', 'vi-VN' -> 'vi'
+  load: "languageOnly",
+  fallbackLng: resolveFallback,
+  // Namespaced keys `ns:section.leaf`. Split the namespace on ':'; the leaf
+  // (e.g. 'list.title') is a LITERAL flat key — dots are NOT path separators.
+  nsSeparator: ":",
+  keySeparator: false,
+  returnNull: false,
+  returnEmptyString: false,
+  interpolation: { escapeValue: false },
+  // React already escapes
+  detection: {
+    order: ["localStorage", "navigator"],
+    lookupLocalStorage: "lumi_lang",
+    caches: []
+    // language-store.js is the single writer
+  },
+  react: { useSuspense: false }
+});
+if (typeof document !== "undefined") {
+  const applyHtmlLang = (lng) => {
+    document.documentElement.setAttribute("lang", lng);
+  };
+  applyHtmlLang(i18n.resolvedLanguage || i18n.language);
+  i18n.on("languageChanged", applyHtmlLang);
+}
+var i18n_default = i18n;
+export {
+  NS,
+  SUPPORTED_LANGUAGES,
+  i18n_default as default,
+  loadNamespacesForLanguage,
+  resolveFallback
+};

package/lib/i18n/language-store.js

@@ -0,0 +1,74 @@
+import { getUser, setUser } from "../../utils/auth.js";
+import { updateMyLanguage } from "../../api/user.js";
+import { SUPPORTED_LANGUAGES } from "./index.js";
+const STORAGE_KEY = "lumi_lang";
+const languageStore = {
+  load() {
+    let user = null;
+    try {
+      user = getUser();
+    } catch {
+    }
+    if (user) {
+      return SUPPORTED_LANGUAGES.includes(user.language) ? user.language : "vi";
+    }
+    try {
+      return localStorage.getItem(STORAGE_KEY) || null;
+    } catch {
+      return null;
+    }
+  },
+  // Resolve the language for a user who has just logged in.
+  //
+  // `user.language` is the SINGLE SOURCE OF TRUTH. Two things are deliberately
+  // NOT consulted here:
+  //
+  //  - The localStorage cache. `lumi_lang` is a DEVICE-level value that
+  //    outlives logout, so reading it made one account inherit the previous
+  //    account's language, and nothing rewrote it afterwards, so a refresh
+  //    brought it straight back.
+  //  - navigator.language. An earlier version fell back to the browser locale,
+  //    which is 'en-US' for a great many Vietnamese users and therefore served
+  //    English to the majority audience — the opposite of the intent.
+  //
+  // The backend now defaults user.language to 'vi' and every existing user was
+  // backfilled (contact-center-be migration/280726-backfill-user-language-vi.js),
+  // so the field is effectively always present. The 'vi' below is
+  // defence-in-depth for a document that predates the backfill or was written
+  // by another service — NOT a locale guess.
+  resolveForUser(user) {
+    const profileLang = user?.language;
+    return SUPPORTED_LANGUAGES.includes(profileLang) ? profileLang : "vi";
+  },
+  // Cache-only write. Unlike save(), this does NOT merge onto the stored
+  // account and does NOT PATCH the DB — persisting a browser-derived default
+  // would invent a preference the user never expressed.
+  cache(lang) {
+    try {
+      localStorage.setItem(STORAGE_KEY, lang);
+    } catch {
+    }
+  },
+  save(lang) {
+    try {
+      localStorage.setItem(STORAGE_KEY, lang);
+    } catch {
+    }
+    try {
+      const user = getUser();
+      if (user) setUser({ ...user, language: lang });
+    } catch {
+    }
+    try {
+      if (getUser()?.token) {
+        return updateMyLanguage(lang).catch(() => {
+        });
+      }
+    } catch {
+    }
+    return Promise.resolve();
+  }
+};
+export {
+  languageStore
+};

package/lib/i18n/locales/en/campaign.json

@@ -0,0 +1,3 @@
+{
+  "field.messageType": "Message type"
+}