@zenify-omni/chat-ui-react-js 0.1.0

package/store/index.js

@@ -0,0 +1,22 @@
+import { create as actualCreate } from "zustand";
+import { cloneDeep } from "lodash-es";
+const storeResetFns = /* @__PURE__ */ new Set();
+const resetAllStores = () => {
+  setTimeout(() => {
+    storeResetFns.forEach((resetFn) => {
+      resetFn();
+    });
+  }, 500);
+};
+const create = (stateCreator) => {
+  const store = actualCreate(stateCreator);
+  const initialState = store.getInitialState();
+  storeResetFns.add(() => {
+    store.setState(cloneDeep(initialState), true);
+  });
+  return store;
+};
+export {
+  create,
+  resetAllStores
+};

package/store/knowledge-crawl-store.js

@@ -0,0 +1,53 @@
+import { create } from "./index.js";
+import { devtools } from "zustand/middleware";
+import { KnowledgeCrawlSocketType } from "@zenify-omni/chat-js/constants/chatbot.js";
+const TERMINAL = [
+  KnowledgeCrawlSocketType.COMPLETED,
+  KnowledgeCrawlSocketType.FAILED
+];
+const useKnowledgeCrawlStore = create(
+  devtools(
+    (set) => ({
+      byKnowledge: {},
+      // payload socket: { type, user_id, data }
+      ingestEvent: ({ type, data }) => {
+        const id = data?.knowledge_id;
+        if (!type || !id) return;
+        set((state) => {
+          const prev = state.byKnowledge[id] || {};
+          if (TERMINAL.includes(prev.lastType) && type === KnowledgeCrawlSocketType.PROGRESS) {
+            return state;
+          }
+          const next = {
+            ...prev,
+            lastType: type,
+            status: data?.status ?? prev.status ?? null,
+            phase: data?.phase ?? prev.phase ?? null,
+            percent: type === KnowledgeCrawlSocketType.COMPLETED ? 100 : data?.percent ?? prev.percent ?? 0,
+            processed: data?.processed ?? prev.processed ?? null,
+            total: data?.total ?? prev.total ?? null,
+            brandId: data?.brand_id ?? prev.brandId ?? null,
+            error: type === KnowledgeCrawlSocketType.FAILED ? data?.error || "unknown" : null
+          };
+          return { byKnowledge: { ...state.byKnowledge, [id]: next } };
+        });
+      },
+      // Bỏ theo dõi 1 dòng (đã refetch xong, hoặc dòng bị xoá).
+      clearKnowledge: (id) => {
+        if (!id) return;
+        set((state) => {
+          if (!state.byKnowledge[id]) return state;
+          const byKnowledge = { ...state.byKnowledge };
+          delete byKnowledge[id];
+          return { byKnowledge };
+        });
+      },
+      clearAll: () => set({ byKnowledge: {} })
+    }),
+    { name: "knowledge-crawl-store" }
+  )
+);
+var knowledge_crawl_store_default = useKnowledgeCrawlStore;
+export {
+  knowledge_crawl_store_default as default
+};

package/store/lead-list-filter-store.js

@@ -0,0 +1,142 @@
+import { create } from "./index.js";
+import { devtools } from "./devtools.js";
+import {
+  isAdmin,
+  isRoleAgent,
+  isRoleTeamLeader,
+  isSupervisor
+} from "@zenify-omni/chat-js/utils/auth.js";
+import { CustomerAssign } from "@zenify-omni/chat-js/constants/user.js";
+import { DEFAULT_LEAD_COLUMN_KEYS } from "@zenify-omni/chat-js/constants/lead.js";
+import {
+  getListPaginationState,
+  subscribeListPagination
+} from "./list-pagination-state.js";
+const pagination = getListPaginationState("lead", { page: 1, pageSize: 10 });
+const getInitialAssign = () => {
+  if (isRoleTeamLeader()) return CustomerAssign.MyGroup;
+  if (isRoleAgent() || isAdmin() || isSupervisor()) return CustomerAssign.ALL;
+  return null;
+};
+const defaultFilterModel = {
+  fieldRelation: {
+    between: "and",
+    inner: "and"
+  },
+  fieldRule: {}
+};
+const defaultLeadColumnSelected = DEFAULT_LEAD_COLUMN_KEYS;
+const useLeadListFilterStore = create(
+  devtools(
+    (set) => ({
+      assign: getInitialAssign(),
+      searchText: "",
+      page: pagination.page,
+      pageSize: pagination.pageSize,
+      filterModel: defaultFilterModel,
+      selectedFilter: null,
+      selectedColumnKeys: defaultLeadColumnSelected,
+      targetClick: null,
+      // Quick filter (sidebar "Lọc nhanh") snapshot — kept in sync with the
+      // entity-agnostic useFilterStore, mirrors ticket-list-filter-store.
+      quickFilter: {
+        filters: [],
+        conditionRelation: "and"
+      },
+      updateQuickFilter: (quickFilter) => set({ quickFilter }),
+      // Leads data state
+      totalQueriedCount: 0,
+      // Map of assign-value -> count, one entry per side-filter tab.
+      sideFilterTotal: {},
+      selectedRowKeys: {},
+      // Unified conditions (sent to BE - same pattern as deals)
+      conditions: null,
+      mainAndOr: "and",
+      subAndOr: "and",
+      setConditions: ({ conditions, mainAndOr, subAndOr }) => set({
+        conditions,
+        mainAndOr: mainAndOr || "and",
+        subAndOr: subAndOr || "and",
+        page: 1
+      }),
+      resetConditions: () => set({ conditions: null, mainAndOr: "and", subAndOr: "and" }),
+      // Smart View
+      selectedSmartView: null,
+      setSelectedSmartView: (selectedSmartView) => set({
+        selectedSmartView,
+        selectedColumnKeys: selectedSmartView?.columns?.length ? selectedSmartView.columns : defaultLeadColumnSelected,
+        // Reset sort explicit để smart-view sort áp dụng.
+        sortBy: null
+      }),
+      // Sort explicit do user click vào header. Null = rơi về smart-view/default.
+      sortBy: null,
+      setSort: (sortBy, { resetPage = true } = {}) => set(resetPage ? { sortBy, page: 1 } : { sortBy }),
+      setAssign: (assign) => {
+        set((state) => {
+          const updateState = {
+            assign,
+            page: 1
+          };
+          if (state.selectedSmartView !== null) {
+            updateState.filterModel = { ...defaultFilterModel };
+            updateState.conditions = null;
+            updateState.mainAndOr = "and";
+            updateState.subAndOr = "and";
+          }
+          return updateState;
+        });
+      },
+      setSearchText: (searchText) => {
+        set({ searchText, page: 1 });
+      },
+      setPage: (page) => set({ page }),
+      setPageSize: (pageSize) => set({ pageSize }),
+      setTotalQueriedCount: (count) => set({ totalQueriedCount: count }),
+      setSideFilterTotal: (counts) => set({ sideFilterTotal: counts }),
+      setSelectedRowKeys: (updater) => set((state) => ({
+        selectedRowKeys: typeof updater === "function" ? updater(state.selectedRowKeys) : updater
+      })),
+      setFilterModel: ({ fieldRelation, fieldRule } = {}) => {
+        const validFieldRelation = fieldRelation || defaultFilterModel.fieldRelation;
+        const validFieldRule = fieldRule || defaultFilterModel.fieldRule;
+        set({
+          filterModel: {
+            fieldRelation: validFieldRelation,
+            fieldRule: validFieldRule
+          }
+        });
+      },
+      setSelectedFilter: (selectedFilter) => set({
+        selectedFilter,
+        conditions: null,
+        mainAndOr: "and",
+        subAndOr: "and",
+        sortBy: null
+      }),
+      setSelectedColumnKeys: (selectedColumnKeys) => set({ selectedColumnKeys }),
+      setTargetClick: (targetClick) => set({ targetClick }),
+      resetFilterModel: () => set({ filterModel: { ...defaultFilterModel } }),
+      setDefaults: () => {
+        set({
+          assign: getInitialAssign(),
+          searchText: "",
+          filterModel: { ...defaultFilterModel },
+          targetClick: null,
+          selectedFilter: null,
+          conditions: null,
+          mainAndOr: "and",
+          subAndOr: "and",
+          selectedSmartView: null
+        });
+      }
+    }),
+    {
+      name: "lead-list-filter-store"
+    }
+  )
+);
+subscribeListPagination(useLeadListFilterStore, "lead");
+export {
+  defaultLeadColumnSelected,
+  useLeadListFilterStore
+};

package/store/list-pagination-state.js

@@ -0,0 +1,44 @@
+const PREFIX = "crm-list-pagination:";
+const getStorage = () => {
+  if (typeof window === "undefined") return null;
+  return window.sessionStorage;
+};
+const getListPaginationState = (key, defaults) => {
+  const storage = getStorage();
+  if (!storage) return defaults;
+  try {
+    const value = JSON.parse(storage.getItem(`${PREFIX}${key}`) || "null");
+    if (!value) return defaults;
+    return {
+      page: Number.isInteger(value.page) && value.page > 0 ? value.page : defaults.page,
+      pageSize: Number.isInteger(value.pageSize) && value.pageSize > 0 ? value.pageSize : defaults.pageSize
+    };
+  } catch {
+    return defaults;
+  }
+};
+const setListPaginationState = (key, pagination) => {
+  const storage = getStorage();
+  if (!storage) return;
+  try {
+    storage.setItem(`${PREFIX}${key}`, JSON.stringify(pagination));
+  } catch {
+  }
+};
+const subscribeListPagination = (store, key) => {
+  let previous = store.getState();
+  return store.subscribe((state) => {
+    if (state.page === previous.page && state.pageSize === previous.pageSize)
+      return;
+    previous = state;
+    setListPaginationState(key, {
+      page: state.page,
+      pageSize: state.pageSize
+    });
+  });
+};
+export {
+  getListPaginationState,
+  setListPaginationState,
+  subscribeListPagination
+};

package/store/lumi-learn-from-chat-store.js

@@ -0,0 +1,69 @@
+import i18n from "@zenify-omni/chat-js/lib/i18n/index.js";
+import { create } from "./index.js";
+import { devtools } from "./devtools.js";
+import { LumiSocketType } from "@zenify-omni/chat-js/constants/chatbot.js";
+const useLumiLearnFromChatStore = create(
+  devtools(
+    (set) => ({
+      byBot: {},
+      // payload socket: { type, bot_id, data }
+      ingestEvent: ({ type, bot_id: botId, data }) => {
+        if (!type || !botId) return;
+        set((state) => {
+          const prev = state.byBot[botId] || {};
+          const next = {
+            ...prev,
+            lastType: type,
+            ...data?.status !== void 0 ? { status: data.status } : {}
+          };
+          if (type === LumiSocketType.ANALYSIS_RESULT) {
+            next.analysis = {
+              status: data?.status,
+              metrics: data?.metrics || {}
+            };
+          } else if (type === LumiSocketType.PROCESS_PROGRESS) {
+            next.process = {
+              percent: data?.percent ?? 0,
+              steps: data?.steps || []
+            };
+            next.error = null;
+          } else if (type === LumiSocketType.PROCESS_COMPLETED) {
+            next.process = {
+              percent: 100,
+              // Giữ steps cuối (completed không kèm steps) nhưng ép completed hết
+              steps: (prev.process?.steps || []).map((step) => ({
+                ...step,
+                status: "completed"
+              }))
+            };
+            next.botinfo = data?.botinfo || {};
+            next.error = null;
+          } else if (type === LumiSocketType.PROCESS_FAILED) {
+            next.error = data?.error || {
+              message: i18n.t("common:status.analysisFailed", {
+                defaultValue: "Ph\xE2n t\xEDch th\u1EA5t b\u1EA1i"
+              })
+            };
+          }
+          return { byBot: { ...state.byBot, [botId]: next } };
+        });
+      },
+      // Reset state 1 bot (khi re-trigger đánh giá lại / reject)
+      clearBot: (botId) => {
+        if (!botId) return;
+        set((state) => {
+          if (!state.byBot[botId]) return state;
+          const byBot = { ...state.byBot };
+          delete byBot[botId];
+          return { byBot };
+        });
+      },
+      clearAll: () => set({ byBot: {} })
+    }),
+    { name: "lumi-learn-from-chat-store" }
+  )
+);
+var lumi_learn_from_chat_store_default = useLumiLearnFromChatStore;
+export {
+  lumi_learn_from_chat_store_default as default
+};

package/store/merge-suggestion-store.js

@@ -0,0 +1,27 @@
+import { create } from "./index.js";
+import { devtools } from "./devtools.js";
+const useMergeSuggestionStore = create(
+  devtools(
+    (set) => ({
+      isOpen: false,
+      // mergeData shape — khớp với response của API getConflictFields:
+      // {
+      //   phone: string,                         // SĐT trùng (caller tự truyền)
+      //   contact_a: { _id, name, crm_type },    // hồ sơ đang thao tác
+      //   contact_b: { _id, name, crm_type },    // hồ sơ đã tồn tại
+      //   crm_type_result: 'contact' | 'lead',
+      //   conflicts: [{ field, label, value_a, value_b, type? }]
+      // }
+      mergeData: null,
+      onConfirm: null,
+      // (selections: { [field]: 'a' | 'b' }) => void
+      open: (mergeData, onConfirm) => set({ isOpen: true, mergeData, onConfirm }),
+      close: () => set({ isOpen: false, mergeData: null, onConfirm: null })
+    }),
+    { name: "merge-suggestion-store" }
+  )
+);
+var merge_suggestion_store_default = useMergeSuggestionStore;
+export {
+  merge_suggestion_store_default as default
+};

package/store/notification-store.js

@@ -0,0 +1,63 @@
+import { create } from "./index.js";
+import { devtools } from "./devtools.js";
+const dedup = (list) => {
+  const seen = /* @__PURE__ */ new Set();
+  const result = [];
+  for (const item of list) {
+    if (item?._id != null) {
+      if (seen.has(item._id)) continue;
+      seen.add(item._id);
+    }
+    result.push(item);
+  }
+  return result;
+};
+const notificationStore = create(
+  devtools(
+    (set) => ({
+      isNotificationSocketConnected: false,
+      isNotificationListLoading: true,
+      isNewNotification: /* @__PURE__ */ new Date(),
+      unreadCount: 0,
+      notifications: [],
+      unreadNotifications: [],
+      skipFromId: "",
+      setIsSocketConnected: (isConnected) => set({ isNotificationSocketConnected: isConnected }),
+      setIsNotificationListLoading: (isLoading) => set({ isNotificationListLoading: isLoading }),
+      setUnreadCount: (count) => set({ unreadCount: count }),
+      addUnreadCount: (count) => {
+        set((state) => ({
+          unreadCount: state.unreadCount + count
+        }));
+      },
+      setNotification: (data) => set({ notifications: dedup(data) }),
+      setUnreadNotifications: (data) => set({ unreadNotifications: dedup(data) }),
+      addNotification: (data) => {
+        set((state) => ({
+          notifications: dedup([{ ...data }, ...state.notifications]),
+          isNewNotification: /* @__PURE__ */ new Date()
+        }));
+      },
+      addUnreadNotifications: (data) => {
+        set((state) => ({
+          unreadNotifications: dedup([
+            ...state.unreadNotifications,
+            { ...data }
+          ])
+        }));
+      },
+      removeNotification: (index) => {
+        set((state) => ({
+          notifications: state.notifications.filter((_, i) => i !== index)
+        }));
+      }
+    }),
+    {
+      name: "notification-store"
+    }
+  )
+);
+var notification_store_default = notificationStore;
+export {
+  notification_store_default as default
+};

package/store/preview-image-store.js

@@ -0,0 +1,22 @@
+import { create } from "./index.js";
+import { devtools } from "./devtools.js";
+const usePreviewImageStore = create(
+  devtools(
+    (set) => ({
+      modalImages: [],
+      previewModal: {
+        isOpen: false,
+        currentIndex: 0
+      },
+      setModalImages: (modalImages) => set({ modalImages }),
+      setPreviewModal: (previewModal) => set({ previewModal })
+    }),
+    {
+      name: "preview-image-store"
+    }
+  )
+);
+var preview_image_store_default = usePreviewImageStore;
+export {
+  preview_image_store_default as default
+};

package/store/settings-store/multi-channel/email-list-store.js

@@ -0,0 +1,20 @@
+import { create } from "../../index.js";
+import { devtools } from "../../devtools.js";
+const useEmailListStore = create(
+  devtools(
+    (set) => ({
+      page: 1,
+      pageSize: 10,
+      sortBy: null,
+      setPage: (page) => set({ page }),
+      setPageSize: (pageSize) => set({ pageSize }),
+      setSort: (sortBy) => set({ sortBy, page: 1 })
+    }),
+    {
+      name: "email-list-store"
+    }
+  )
+);
+export {
+  useEmailListStore
+};

package/store/settings-store/multi-channel/facebook-list-store.js

@@ -0,0 +1,22 @@
+import { create } from "../../index.js";
+import { devtools } from "../../devtools.js";
+const useFacebookListStore = create(
+  devtools(
+    (set) => ({
+      page: 1,
+      pageSize: 10,
+      reloadTime: null,
+      sortBy: null,
+      setPage: (page) => set({ page }),
+      setPageSize: (pageSize) => set({ pageSize }),
+      setReloadTime: (reloadTime) => set({ reloadTime }),
+      setSort: (sortBy) => set({ sortBy, page: 1 })
+    }),
+    {
+      name: "facebook-list-store"
+    }
+  )
+);
+export {
+  useFacebookListStore
+};

package/store/settings-store/multi-channel/google-list-store.js

@@ -0,0 +1,20 @@
+import { create } from "../../index.js";
+import { devtools } from "../../devtools.js";
+const useGoogleListStore = create(
+  devtools(
+    (set) => ({
+      page: 1,
+      pageSize: 10,
+      sortBy: null,
+      setPage: (page) => set({ page }),
+      setPageSize: (pageSize) => set({ pageSize }),
+      setSort: (sortBy) => set({ sortBy, page: 1 })
+    }),
+    {
+      name: "google-list-store"
+    }
+  )
+);
+export {
+  useGoogleListStore
+};

package/store/settings-store/multi-channel/instagram-list-store.js

@@ -0,0 +1,20 @@
+import { create } from "../../index.js";
+import { devtools } from "../../devtools.js";
+const useInstagramListStore = create(
+  devtools(
+    (set) => ({
+      page: 1,
+      pageSize: 10,
+      sortBy: null,
+      setPage: (page) => set({ page }),
+      setPageSize: (pageSize) => set({ pageSize }),
+      setSort: (sortBy) => set({ sortBy, page: 1 })
+    }),
+    {
+      name: "instagram-list-store"
+    }
+  )
+);
+export {
+  useInstagramListStore
+};

package/store/settings-store/multi-channel/misa-list-store.js

@@ -0,0 +1,20 @@
+import { create } from "../../index.js";
+import { devtools } from "../../devtools.js";
+const useMisaListStore = create(
+  devtools(
+    (set) => ({
+      page: 1,
+      pageSize: 10,
+      sortBy: null,
+      setPage: (page) => set({ page }),
+      setPageSize: (pageSize) => set({ pageSize }),
+      setSort: (sortBy) => set({ sortBy, page: 1 })
+    }),
+    {
+      name: "misa-list-store"
+    }
+  )
+);
+export {
+  useMisaListStore
+};

package/store/settings-store/multi-channel/nhanhvn-list-store.js

@@ -0,0 +1,20 @@
+import { create } from "../../index.js";
+import { devtools } from "../../devtools.js";
+const useNhanhvnListStore = create(
+  devtools(
+    (set) => ({
+      page: 1,
+      pageSize: 10,
+      sortBy: null,
+      setPage: (page) => set({ page }),
+      setPageSize: (pageSize) => set({ pageSize }),
+      setSort: (sortBy) => set({ sortBy, page: 1 })
+    }),
+    {
+      name: "nhanhvn-list-store"
+    }
+  )
+);
+export {
+  useNhanhvnListStore
+};

package/store/settings-store/multi-channel/shopee-list-store.js

@@ -0,0 +1,20 @@
+import { create } from "../../index.js";
+import { devtools } from "../../devtools.js";
+const useShopeeListStore = create(
+  devtools(
+    (set) => ({
+      page: 1,
+      pageSize: 10,
+      sortBy: null,
+      setPage: (page) => set({ page }),
+      setPageSize: (pageSize) => set({ pageSize }),
+      setSort: (sortBy) => set({ sortBy, page: 1 })
+    }),
+    {
+      name: "shopee-list-store"
+    }
+  )
+);
+export {
+  useShopeeListStore
+};

package/store/settings-store/multi-channel/shopee-order-list-store.js

@@ -0,0 +1,20 @@
+import { create } from "../../index.js";
+import { devtools } from "../../devtools.js";
+const useShopeeOrderListStore = create(
+  devtools(
+    (set) => ({
+      page: 1,
+      pageSize: 10,
+      sortBy: null,
+      setPage: (page) => set({ page }),
+      setPageSize: (pageSize) => set({ pageSize }),
+      setSort: (sortBy) => set({ sortBy, page: 1 })
+    }),
+    {
+      name: "shopee-order-list-store"
+    }
+  )
+);
+export {
+  useShopeeOrderListStore
+};

package/store/settings-store/multi-channel/sms-list-store.js

@@ -0,0 +1,20 @@
+import { create } from "../../index.js";
+import { devtools } from "../../devtools.js";
+const useSMSListStore = create(
+  devtools(
+    (set) => ({
+      page: 1,
+      pageSize: 10,
+      sortBy: null,
+      setPage: (page) => set({ page }),
+      setPageSize: (pageSize) => set({ pageSize }),
+      setSort: (sortBy) => set({ sortBy, page: 1 })
+    }),
+    {
+      name: "sms-list-store"
+    }
+  )
+);
+export {
+  useSMSListStore
+};

package/store/settings-store/multi-channel/tiktok-business-list-store.js

@@ -0,0 +1,20 @@
+import { create } from "../../index.js";
+import { devtools } from "../../devtools.js";
+const useTiktokBusinessListStore = create(
+  devtools(
+    (set) => ({
+      page: 1,
+      pageSize: 10,
+      sortBy: null,
+      setPage: (page) => set({ page }),
+      setPageSize: (pageSize) => set({ pageSize }),
+      setSort: (sortBy) => set({ sortBy, page: 1 })
+    }),
+    {
+      name: "tiktok-business-list-store"
+    }
+  )
+);
+export {
+  useTiktokBusinessListStore
+};

package/store/settings-store/multi-channel/tiktok-list-store.js

@@ -0,0 +1,20 @@
+import { create } from "../../index.js";
+import { devtools } from "../../devtools.js";
+const useTiktokListStore = create(
+  devtools(
+    (set) => ({
+      page: 1,
+      pageSize: 10,
+      sortBy: null,
+      setPage: (page) => set({ page }),
+      setPageSize: (pageSize) => set({ pageSize }),
+      setSort: (sortBy) => set({ sortBy, page: 1 })
+    }),
+    {
+      name: "tiktok-list-store"
+    }
+  )
+);
+export {
+  useTiktokListStore
+};