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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (403) hide show
  1. package/LICENSE +21 -0
  2. package/README.md +92 -0
  3. package/assets/asset-url.js +6 -0
  4. package/assets/icons/chatter_agent.js +27 -0
  5. package/assets/icons/chatter_chatbot.js +43 -0
  6. package/assets/icons/chatter_contact.js +36 -0
  7. package/assets/icons/email_icon.png +0 -0
  8. package/assets/icons/emoji/angry.svg +56 -0
  9. package/assets/icons/emoji/haha.svg +20 -0
  10. package/assets/icons/emoji/like.svg +10 -0
  11. package/assets/icons/emoji/like_out_line.png +0 -0
  12. package/assets/icons/emoji/love.svg +10 -0
  13. package/assets/icons/emoji/sad.svg +46 -0
  14. package/assets/icons/emoji/wow.svg +51 -0
  15. package/assets/icons/instagram.js +29 -0
  16. package/assets/icons/not_found.png +0 -0
  17. package/assets/icons/not_found_template.svg +9 -0
  18. package/assets/icons/phone_icon.png +0 -0
  19. package/assets/icons/shopee.js +17 -0
  20. package/assets/icons/sms_icon.png +0 -0
  21. package/assets/icons/tiktok.js +17 -0
  22. package/assets/icons/whatsapp.js +28 -0
  23. package/assets/icons/zalo.js +17 -0
  24. package/assets/icons/zalo_icon.png +0 -0
  25. package/assets/icons/zns_icon.png +0 -0
  26. package/assets/images/emoji.webp +0 -0
  27. package/assets/images/error.png +0 -0
  28. package/assets/images/menu.png +0 -0
  29. package/assets/images/money.png +0 -0
  30. package/assets/images/success.png +0 -0
  31. package/assets/public-urls.js +78 -0
  32. package/components/campaign-detail-route/select/group.js +38 -0
  33. package/components/campaign-detail-route/select/multi-groups.js +43 -0
  34. package/components/chat-route/chat-box/ads-context-card.js +143 -0
  35. package/components/chat-route/chat-box/chat-drop-file.js +18 -0
  36. package/components/chat-route/chat-box/chat-feedback/chat-insight.js +214 -0
  37. package/components/chat-route/chat-box/chat-feedback/index.js +127 -0
  38. package/components/chat-route/chat-box/chat-header-actions-inline.js +1055 -0
  39. package/components/chat-route/chat-box/chat-header.js +465 -0
  40. package/components/chat-route/chat-box/chat-input.js +1164 -0
  41. package/components/chat-route/chat-box/chat-message-action.js +399 -0
  42. package/components/chat-route/chat-box/chat-message-list.js +995 -0
  43. package/components/chat-route/chat-box/chat-message.js +2099 -0
  44. package/components/chat-route/chat-box/chat-reply-preview.js +317 -0
  45. package/components/chat-route/chat-box/common-groups-modal.js +430 -0
  46. package/components/chat-route/chat-box/constants.js +29 -0
  47. package/components/chat-route/chat-box/contact-card/index.js +87 -0
  48. package/components/chat-route/chat-box/edit-customer-alias-dialog.js +197 -0
  49. package/components/chat-route/chat-box/emoji-picker-combined.js +91 -0
  50. package/components/chat-route/chat-box/emoji-sprite.js +45 -0
  51. package/components/chat-route/chat-box/emojiMap.js +92 -0
  52. package/components/chat-route/chat-box/facebook-reconnect-notice.js +49 -0
  53. package/components/chat-route/chat-box/forward-message-modal.js +659 -0
  54. package/components/chat-route/chat-box/index.js +165 -0
  55. package/components/chat-route/chat-box/message-time.js +44 -0
  56. package/components/chat-route/chat-box/message-viewers.js +114 -0
  57. package/components/chat-route/chat-box/pasted-file-preview.js +138 -0
  58. package/components/chat-route/chat-box/pinned-messages.js +255 -0
  59. package/components/chat-route/chat-box/react-message/react-preview.js +83 -0
  60. package/components/chat-route/chat-box/react-message/reaction-button.js +200 -0
  61. package/components/chat-route/chat-box/right-side/chat-history.js +142 -0
  62. package/components/chat-route/chat-box/right-side/chat-tag-selector.js +232 -0
  63. package/components/chat-route/chat-box/right-side/create-personal-tag-modal.js +458 -0
  64. package/components/chat-route/chat-box/right-side/customer/customer-info-item.js +60 -0
  65. package/components/chat-route/chat-box/right-side/in-room-dialog.js +225 -0
  66. package/components/chat-route/chat-box/right-side/zalo-group/add-friend-dialog.js +154 -0
  67. package/components/chat-route/chat-box/right-side/zalo-group/send-message-dialog.js +165 -0
  68. package/components/chat-route/chat-box/send-contact-card-modal.js +102 -0
  69. package/components/chat-route/chat-box/send-contact-card.js +80 -0
  70. package/components/chat-route/chat-box/text-content.js +400 -0
  71. package/components/chat-route/chat-box/use-facebook-page-invalid.js +22 -0
  72. package/components/chat-route/chat-box/zalo-emoji-decoration.js +98 -0
  73. package/components/chat-route/chat-box/zalo-emoji-picker.js +74 -0
  74. package/components/chat-route/chat-box/zalo-personal-editor.js +590 -0
  75. package/components/chat-route/chat-box/zalo-reminder/create-zalo-reminder.js +868 -0
  76. package/components/chat-route/chat-box/zalo-reminder/use-send-zalo-reminder.js +98 -0
  77. package/components/chat-route/chat-box/zalo-reminder/zalo-reminder-content.js +294 -0
  78. package/components/chat-route/chat-box/zalo-rtf-utils.js +422 -0
  79. package/components/chat-route/chat-list/action-chat-item.js +116 -0
  80. package/components/chat-route/chat-list/assign-agent-dialog.js +170 -0
  81. package/components/chat-route/chat-list/assign-tag-dialog.js +242 -0
  82. package/components/chat-route/chat-list/chat-item-tags.js +105 -0
  83. package/components/chat-route/chat-list/chat-item.js +749 -0
  84. package/components/chat-route/chat-list/chat-list-item.js +370 -0
  85. package/components/chat-route/chat-list/chat-list-selection-bar.js +426 -0
  86. package/components/chat-route/chat-list/chat-search-preview.js +48 -0
  87. package/components/chat-route/chat-list/chat-sort-menu.js +89 -0
  88. package/components/chat-route/chat-list/edit-filter-modal.js +468 -0
  89. package/components/chat-route/chat-list/filter-chat-sources.js +222 -0
  90. package/components/chat-route/chat-list/filter-chat.js +501 -0
  91. package/components/chat-route/chat-list/filter-criteria-rows.js +845 -0
  92. package/components/chat-route/chat-list/filter-group-select.js +66 -0
  93. package/components/chat-route/chat-list/filter-pin-menu.js +165 -0
  94. package/components/chat-route/chat-list/friend-request/list-friend-request.js +287 -0
  95. package/components/chat-route/chat-list/index.js +243 -0
  96. package/components/chat-route/chat-list/inline-search-results.js +178 -0
  97. package/components/chat-route/chat-list/post-ids-field.js +104 -0
  98. package/components/chat-route/chat-list/quick-filter-bar.js +391 -0
  99. package/components/chat-route/chat-list/save-filter-popover.js +258 -0
  100. package/components/chat-route/chat-list/search-messages/index.js +225 -0
  101. package/components/chat-route/chat-list/search-result-header.js +51 -0
  102. package/components/chat-route/chat-list/util.js +604 -0
  103. package/components/chat-route/chat-toolbar.js +108 -0
  104. package/components/chat-route/hooks/use-reassign.js +111 -0
  105. package/components/chat-route/shared/close-conversation-dialog.js +111 -0
  106. package/components/chat-route/shared/force-transfer-dialog.js +109 -0
  107. package/components/chat-route/shared/in-queue-confirm-dialog.js +40 -0
  108. package/components/chat-route/util.js +146 -0
  109. package/components/chat-route/zalo/modal-action-zalo.js +76 -0
  110. package/components/chat-route/zalo/modal-add-friend-zalo.js +277 -0
  111. package/components/custom/SafeHTML.js +45 -0
  112. package/components/custom/audio-player.js +81 -0
  113. package/components/custom/avatar.js +95 -0
  114. package/components/custom/between-date-picker/index.js +86 -0
  115. package/components/custom/button-close.js +28 -0
  116. package/components/custom/button.js +80 -0
  117. package/components/custom/color-picker.js +81 -0
  118. package/components/custom/combobox.js +168 -0
  119. package/components/custom/custom-dialog.js +44 -0
  120. package/components/custom/custom-select.js +256 -0
  121. package/components/custom/cycle-value-helpers.js +11 -0
  122. package/components/custom/cycle-value.js +93 -0
  123. package/components/custom/date-time-picker/components/date-time-group.js +44 -0
  124. package/components/custom/date-time-picker/components/date-time-input.js +383 -0
  125. package/components/custom/date-time-picker/components/date-time-unit-input.js +138 -0
  126. package/components/custom/date-time-picker/components/month-year-picker.js +232 -0
  127. package/components/custom/date-time-picker/hooks/use-merge-refs.js +18 -0
  128. package/components/custom/date-time-picker/hooks/use-scroll-to-center.js +18 -0
  129. package/components/custom/date-time-picker/index.js +348 -0
  130. package/components/custom/field-file-upload/files-upload.js +87 -0
  131. package/components/custom/field-file-upload/image-upload.js +115 -0
  132. package/components/custom/field-file-upload/preview-images-modal.js +284 -0
  133. package/components/custom/field-file-upload/preview-list-file.js +134 -0
  134. package/components/custom/field-file-upload/preview-list-image.js +108 -0
  135. package/components/custom/field-file-upload/upload-custom.js +222 -0
  136. package/components/custom/field-generator.js +639 -0
  137. package/components/custom/field-layout-popover.js +304 -0
  138. package/components/custom/file-preview-modal.js +351 -0
  139. package/components/custom/html-edtior.js +100 -0
  140. package/components/custom/icon.js +49 -0
  141. package/components/custom/infinite-scroll-combobox.js +253 -0
  142. package/components/custom/inline-edit-popover.js +90 -0
  143. package/components/custom/inputs/calendar-input.js +0 -0
  144. package/components/custom/inputs/chip-input.js +136 -0
  145. package/components/custom/inputs/file-input.js +71 -0
  146. package/components/custom/inputs/mask-data/mask-data-input.js +80 -0
  147. package/components/custom/inputs/mask-data/mask-data-select.js +78 -0
  148. package/components/custom/inputs/mask-data/mask-data-textarea.js +75 -0
  149. package/components/custom/inputs/mask-data/reconcile-masked-edit.js +20 -0
  150. package/components/custom/jxl-decode.js +34 -0
  151. package/components/custom/jxl-image.js +68 -0
  152. package/components/custom/jxl-worker.js +12 -0
  153. package/components/custom/label.js +55 -0
  154. package/components/custom/layout.js +30 -0
  155. package/components/custom/multi-select-search-cc.js +179 -0
  156. package/components/custom/multiple-select-setting-tags.js +404 -0
  157. package/components/custom/multiple-selector.js +821 -0
  158. package/components/custom/pagination.js +95 -0
  159. package/components/custom/popup-confirm.js +120 -0
  160. package/components/custom/previews/facebook/facebook-appointment-booking-preview.js +83 -0
  161. package/components/custom/previews/facebook/facebook-audio-preview.js +130 -0
  162. package/components/custom/previews/facebook/facebook-event-preview.js +72 -0
  163. package/components/custom/previews/facebook/facebook-file-preview.js +95 -0
  164. package/components/custom/previews/facebook/facebook-group-preview.js +103 -0
  165. package/components/custom/previews/facebook/facebook-image-preview.js +81 -0
  166. package/components/custom/previews/facebook/facebook-page-preview.js +85 -0
  167. package/components/custom/previews/facebook/facebook-post-preview.js +77 -0
  168. package/components/custom/previews/facebook/facebook-reel-preview.js +83 -0
  169. package/components/custom/previews/facebook/facebook-sticker-preview.js +23 -0
  170. package/components/custom/previews/facebook/facebook-video-preview.js +114 -0
  171. package/components/custom/previews/facebook/index.js +24 -0
  172. package/components/custom/previews/file-preview.js +747 -0
  173. package/components/custom/previews/image-preview.js +288 -0
  174. package/components/custom/previews/instagram/index.js +4 -0
  175. package/components/custom/previews/instagram/instagram-share-post-preview.js +77 -0
  176. package/components/custom/previews/link-preview.js +166 -0
  177. package/components/custom/previews/product-preview.js +334 -0
  178. package/components/custom/previews/tiktok-order-preview.js +278 -0
  179. package/components/custom/previews/tiktok-product-preview.js +321 -0
  180. package/components/custom/previews/tiktok-voucher-preview.js +151 -0
  181. package/components/custom/previews/whatsapp/index.js +10 -0
  182. package/components/custom/previews/whatsapp/whatsapp-contact-card-preview.js +150 -0
  183. package/components/custom/previews/whatsapp/whatsapp-order-preview.js +38 -0
  184. package/components/custom/previews/whatsapp/whatsapp-poll-preview.js +29 -0
  185. package/components/custom/previews/whatsapp/whatsapp-product-preview.js +29 -0
  186. package/components/custom/retry-image.js +44 -0
  187. package/components/custom/search-input.js +26 -0
  188. package/components/custom/separator-with-text.js +14 -0
  189. package/components/custom/showToast.js +21 -0
  190. package/components/custom/sortable-header.js +62 -0
  191. package/components/custom/table-resize-line.js +92 -0
  192. package/components/custom/time-picker/index.js +73 -0
  193. package/components/custom/time-picker/time-picker-input.js +159 -0
  194. package/components/custom/time-picker/time-picker-utils.js +152 -0
  195. package/components/custom/viewers/audio-player.js +192 -0
  196. package/components/custom/viewers/code-viewer.js +140 -0
  197. package/components/custom/viewers/csv-viewer.js +174 -0
  198. package/components/custom/viewers/docx-viewer.js +145 -0
  199. package/components/custom/viewers/image-viewer.js +104 -0
  200. package/components/custom/viewers/markdown-viewer.js +124 -0
  201. package/components/custom/viewers/pdf-viewer.js +333 -0
  202. package/components/custom/viewers/spreadsheet-viewer.js +232 -0
  203. package/components/custom/viewers/unsupported-viewer.js +85 -0
  204. package/components/custom/viewers/video-player.js +241 -0
  205. package/components/customers-route/change-owner-modal.js +430 -0
  206. package/components/customers-route/contact-note-button.js +212 -0
  207. package/components/customers-route/customer-source.js +37 -0
  208. package/components/customers-route/table/columns.js +675 -0
  209. package/components/customers-route/table/edit-fields.js +125 -0
  210. package/components/customers-route/table/editable-cell.js +218 -0
  211. package/components/customers-route/table/note-cell.js +77 -0
  212. package/components/dialogs/invite-agent.js +677 -0
  213. package/components/error-boundary.js +53 -0
  214. package/components/leads-route/duplicate-phone-warning-toast.js +96 -0
  215. package/components/leads-route/table/columns.js +523 -0
  216. package/components/leads-route/table/contact-cell-name.js +82 -0
  217. package/components/leads-route/table/edit-fields.js +142 -0
  218. package/components/leads-route/table/editable-cell.js +228 -0
  219. package/components/org-tree/group-name-display.js +36 -0
  220. package/components/org-tree/group-tree-multi-select.js +208 -0
  221. package/components/org-tree/group-tree-select.js +220 -0
  222. package/components/posts-route/dialog-select-posts.js +284 -0
  223. package/components/reports-route/agents/multi-select-agents.js +55 -0
  224. package/components/reports-route/agents/multi-select-search-agents.js +43 -0
  225. package/components/settings-route/chat-layout/detail/constants.js +353 -0
  226. package/components/settings-route/chat-layout/detail/form.js +43 -0
  227. package/components/settings-route/chat-timeout/channel-multi-select.js +119 -0
  228. package/components/settings-route/multi-channel/facebook/hooks/use-facebook-sdk.js +3 -0
  229. package/components/settings-route/object-rule/util.js +79 -0
  230. package/components/settings-route/routing/settings-dialog.js +561 -0
  231. package/components/settings-route/switchboard/queue-new/constant.js +9 -0
  232. package/components/shared/linked-customer-fields/LinkedCustomerFields.js +91 -0
  233. package/components/shared/linked-customer-fields/use-linked-customer-fields.js +123 -0
  234. package/components/smartqc-route/qc-form/controls/multi-select-search-agents.js +50 -0
  235. package/components/ui/alert-dialog.js +112 -0
  236. package/components/ui/avatar.js +44 -0
  237. package/components/ui/badge.js +54 -0
  238. package/components/ui/button.js +48 -0
  239. package/components/ui/calendar.js +70 -0
  240. package/components/ui/card.js +58 -0
  241. package/components/ui/carousel.js +238 -0
  242. package/components/ui/checkbox.js +27 -0
  243. package/components/ui/command.js +111 -0
  244. package/components/ui/context-menu.js +154 -0
  245. package/components/ui/dialog.js +104 -0
  246. package/components/ui/dropdown-menu.js +169 -0
  247. package/components/ui/form.js +104 -0
  248. package/components/ui/input.js +115 -0
  249. package/components/ui/label.js +20 -0
  250. package/components/ui/popover.js +29 -0
  251. package/components/ui/radio-group.js +53 -0
  252. package/components/ui/scroll-area.js +38 -0
  253. package/components/ui/select.js +147 -0
  254. package/components/ui/separator.js +24 -0
  255. package/components/ui/sheet.js +113 -0
  256. package/components/ui/skeleton.js +17 -0
  257. package/components/ui/slider.js +26 -0
  258. package/components/ui/sonner.js +76 -0
  259. package/components/ui/switch.js +54 -0
  260. package/components/ui/table-v2.js +269 -0
  261. package/components/ui/table.js +245 -0
  262. package/components/ui/tabs.js +89 -0
  263. package/components/ui/textarea.js +33 -0
  264. package/components/ui/tooltip.js +40 -0
  265. package/components/workflow-editor/nodes/ticket/picker-field.js +233 -0
  266. package/components/zalo-login-qr.js +237 -0
  267. package/components/zalo-login-status-modal.js +45 -0
  268. package/config/env.js +27 -0
  269. package/config/hmr.js +8 -0
  270. package/config/navigation.js +54 -0
  271. package/config/runtime.js +46 -0
  272. package/config/theme.js +274 -0
  273. package/constants/brand-colors.js +32 -0
  274. package/constants/chat-icon.js +34 -0
  275. package/dist/chat.css +1 -0
  276. package/exceptions/throw-exception.js +15 -0
  277. package/hooks/use-chat-attachments.js +106 -0
  278. package/hooks/use-chat-configs.js +62 -0
  279. package/hooks/use-chat-customer.js +33 -0
  280. package/hooks/use-chat-display-config-sync.js +72 -0
  281. package/hooks/use-chat-permission.js +68 -0
  282. package/hooks/use-chat-room-detail.js +44 -0
  283. package/hooks/use-chat-selection.js +26 -0
  284. package/hooks/use-chat-sort.js +69 -0
  285. package/hooks/use-chat-surface.js +8 -0
  286. package/hooks/use-common-filter-options.js +70 -0
  287. package/hooks/use-crm-organization-filter-options.js +0 -0
  288. package/hooks/use-crm-organizations-data.js +23 -0
  289. package/hooks/use-debounce.js +14 -0
  290. package/hooks/use-dynamic-fields.js +7 -0
  291. package/hooks/use-facebook-notice.js +24 -0
  292. package/hooks/use-feature-flags.js +6 -0
  293. package/hooks/use-field-layout-override.js +46 -0
  294. package/hooks/use-file-upload.js +119 -0
  295. package/hooks/use-file-viewer.js +93 -0
  296. package/hooks/use-frozen-columns.js +29 -0
  297. package/hooks/use-horizontal-scroll.js +41 -0
  298. package/hooks/use-image-preview-queue.js +101 -0
  299. package/hooks/use-inline-editable-cell.js +97 -0
  300. package/hooks/use-intersection-observer.js +24 -0
  301. package/hooks/use-interval.js +20 -0
  302. package/hooks/use-latest-message-id.js +13 -0
  303. package/hooks/use-lead-filter-options.js +0 -0
  304. package/hooks/use-logout-listener.js +43 -0
  305. package/hooks/use-org-tree.js +43 -0
  306. package/hooks/use-permission.js +33 -0
  307. package/hooks/use-quick-filters.js +175 -0
  308. package/hooks/use-resizable-table.js +0 -0
  309. package/hooks/use-setting-common.js +389 -0
  310. package/hooks/use-settings.js +41 -0
  311. package/hooks/use-sort-bindings.js +24 -0
  312. package/hooks/use-table-display-config.js +0 -0
  313. package/hooks/use-tenant-config.js +99 -0
  314. package/hooks/use-update-user-config.js +150 -0
  315. package/hooks/use-zalo-connection.js +57 -0
  316. package/hooks/use-zalo-mention-list.js +31 -0
  317. package/index.css +624 -0
  318. package/index.js +100 -0
  319. package/lib/deal-name.js +27 -0
  320. package/lib/i18n/react.js +7 -0
  321. package/lib/i18n/use-language.js +0 -0
  322. package/lib/query-client.js +34 -0
  323. package/lib/utils.js +25 -0
  324. package/package.json +108 -0
  325. package/provider/chat-context.js +9 -0
  326. package/provider/chat-provider.js +177 -0
  327. package/provider/chat-room-context.js +9 -0
  328. package/provider/chat-room-hooks.js +8 -0
  329. package/provider/chat-room-provider.js +84 -0
  330. package/provider/hooks.js +22 -0
  331. package/provider/index.js +42 -0
  332. package/public/contact-card-user.svg +25 -0
  333. package/public/images/icons/facebook.svg +1 -0
  334. package/public/images/icons/instagram.svg +1 -0
  335. package/public/images/icons/shopee.svg +1 -0
  336. package/public/images/icons/whatsapp.svg +1 -0
  337. package/public/images/icons/zalo.png +0 -0
  338. package/public/images/images.jpg +0 -0
  339. package/public/images/ticket_sources/api.png +0 -0
  340. package/public/images/ticket_sources/email.png +0 -0
  341. package/public/images/ticket_sources/facebook.png +0 -0
  342. package/public/images/ticket_sources/hand.png +0 -0
  343. package/public/images/ticket_sources/instagram.png +0 -0
  344. package/public/images/ticket_sources/livechat.png +0 -0
  345. package/public/images/ticket_sources/shopee.svg +1 -0
  346. package/public/images/ticket_sources/sms.png +0 -0
  347. package/public/images/ticket_sources/telephone-call-in.png +0 -0
  348. package/public/images/ticket_sources/telephone-call-out.png +0 -0
  349. package/public/images/ticket_sources/tiktok.png +0 -0
  350. package/public/images/ticket_sources/tiktok_shop.png +0 -0
  351. package/public/images/ticket_sources/whatsapp.png +0 -0
  352. package/public/images/ticket_sources/whatsapp.svg +1 -0
  353. package/public/images/ticket_sources/zalo.png +0 -0
  354. package/public/placeholder.svg +13 -0
  355. package/store/app-status-store.js +17 -0
  356. package/store/chat-display-config-store.js +182 -0
  357. package/store/chat-display-config.resolvers.js +88 -0
  358. package/store/chat-store-helpers.js +62 -0
  359. package/store/chat-store.js +931 -0
  360. package/store/crm-organization-list-filter-store.js +126 -0
  361. package/store/customer-list-filter-store.js +139 -0
  362. package/store/devtools.js +9 -0
  363. package/store/duplicate-phone-warning-store.js +18 -0
  364. package/store/entity-extract-store.js +72 -0
  365. package/store/file-preview-store.js +27 -0
  366. package/store/filter-store.js +289 -0
  367. package/store/index.js +22 -0
  368. package/store/knowledge-crawl-store.js +53 -0
  369. package/store/lead-list-filter-store.js +142 -0
  370. package/store/list-pagination-state.js +44 -0
  371. package/store/lumi-learn-from-chat-store.js +69 -0
  372. package/store/merge-suggestion-store.js +27 -0
  373. package/store/notification-store.js +63 -0
  374. package/store/preview-image-store.js +22 -0
  375. package/store/settings-store/multi-channel/email-list-store.js +20 -0
  376. package/store/settings-store/multi-channel/facebook-list-store.js +22 -0
  377. package/store/settings-store/multi-channel/google-list-store.js +20 -0
  378. package/store/settings-store/multi-channel/instagram-list-store.js +20 -0
  379. package/store/settings-store/multi-channel/misa-list-store.js +20 -0
  380. package/store/settings-store/multi-channel/nhanhvn-list-store.js +20 -0
  381. package/store/settings-store/multi-channel/shopee-list-store.js +20 -0
  382. package/store/settings-store/multi-channel/shopee-order-list-store.js +20 -0
  383. package/store/settings-store/multi-channel/sms-list-store.js +20 -0
  384. package/store/settings-store/multi-channel/tiktok-business-list-store.js +20 -0
  385. package/store/settings-store/multi-channel/tiktok-list-store.js +20 -0
  386. package/store/settings-store/multi-channel/zalo-list-store.js +22 -0
  387. package/store/settings-store/multi-channel/zalo-user-list-store.js +25 -0
  388. package/store/smart-qc-store/smart-qc-list-filter-store.js +70 -0
  389. package/store/tenant-config-store.js +21 -0
  390. package/store/user-detail-store.js +17 -0
  391. package/store/user-status-store.js +33 -0
  392. package/store/workflow-store.js +24 -0
  393. package/store/workspace-store.js +32 -0
  394. package/tailwind-preset.js +129 -0
  395. package/utils/chat-actions.js +414 -0
  396. package/utils/chat_socket.js +1225 -0
  397. package/utils/extra-columns.js +108 -0
  398. package/utils/file.js +316 -0
  399. package/utils/html-to-plain-text.js +12 -0
  400. package/utils/notification.js +71 -0
  401. package/utils/replaceZaloSprite.js +64 -0
  402. package/utils/show-be-error.js +17 -0
  403. package/utils/typing_socket.js +101 -0
@@ -0,0 +1,126 @@
1
+ import { create } from "./index.js";
2
+ import { devtools } from "./devtools.js";
3
+ import { DEFAULT_TABLE_COLUMNS } from "@zenify-omni/chat-js/constants/crm-organization.js";
4
+ import { getAvailableSourceTabs } from "@zenify-omni/chat-js/utils/crm-organization.js";
5
+ const defaultOrganizationColumnSelected = DEFAULT_TABLE_COLUMNS;
6
+ const defaultOrganizationSource = getAvailableSourceTabs()?.[0]?.value;
7
+ const useCrmOrganizationListFilterStore = create(
8
+ devtools(
9
+ (set) => ({
10
+ // Pagination
11
+ page: 1,
12
+ pageSize: 10,
13
+ rowSelection: {},
14
+ // Side filter (source: 'all' | 'dept' | 'mine')
15
+ source: defaultOrganizationSource,
16
+ sideFilterTotal: 0,
17
+ // Search
18
+ searchText: "",
19
+ // Sort
20
+ sortBy: "created_at:desc",
21
+ // Columns
22
+ selectedColumnKeys: defaultOrganizationColumnSelected,
23
+ // Smart view (full object instead of just id, exclusive with conditions/source)
24
+ selectedSmartView: null,
25
+ // Saved filter (mutually exclusive with smart view)
26
+ selectedFilter: null,
27
+ // Advanced filter UI state
28
+ filterModel: {
29
+ fieldRelation: { between: "and", inner: "and" },
30
+ fieldRule: {}
31
+ },
32
+ // BE payload (computed/applied conditions)
33
+ conditions: null,
34
+ mainAndOr: "and",
35
+ subAndOr: "and",
36
+ // Counts
37
+ totalQueriedCount: null,
38
+ // Actions
39
+ setPage: (page) => set({ page }),
40
+ setPageSize: (pageSize) => set({ pageSize, page: 1 }),
41
+ setRowSelection: (updater) => set((state) => ({
42
+ rowSelection: typeof updater === "function" ? updater(state.rowSelection) : updater
43
+ })),
44
+ clearSelection: () => set({ rowSelection: {} }),
45
+ setSource: (source) => set((state) => {
46
+ const next = { source, page: 1 };
47
+ if (state.selectedSmartView !== null) {
48
+ next.selectedSmartView = null;
49
+ next.filterModel = {
50
+ fieldRelation: { between: "and", inner: "and" },
51
+ fieldRule: {}
52
+ };
53
+ next.conditions = null;
54
+ next.mainAndOr = "and";
55
+ next.subAndOr = "and";
56
+ }
57
+ return next;
58
+ }),
59
+ setSearchText: (searchText) => set({ searchText, page: 1 }),
60
+ setSort: (sortBy) => set({ sortBy, page: 1 }),
61
+ setSelectedColumnKeys: (selectedColumnKeys) => set({ selectedColumnKeys }),
62
+ setSelectedSmartView: (selectedSmartView) => set(() => ({
63
+ selectedSmartView,
64
+ selectedFilter: null,
65
+ source: null,
66
+ selectedColumnKeys: selectedSmartView?.columns?.length ? selectedSmartView.columns : defaultOrganizationColumnSelected,
67
+ // Đổi smart view: áp sort_by của smart view (hoặc default)
68
+ // để giữ hành vi hiện tại — Org đọc thẳng `sortBy` từ store.
69
+ sortBy: selectedSmartView?.sort_by || "created_at:desc",
70
+ page: 1
71
+ })),
72
+ setSelectedFilter: (selectedFilter) => set((state) => ({
73
+ selectedFilter,
74
+ selectedSmartView: null,
75
+ source: !state.source ? defaultOrganizationSource : state.source,
76
+ conditions: null,
77
+ mainAndOr: "and",
78
+ subAndOr: "and"
79
+ })),
80
+ setFilterModel: (filterModel) => set({ filterModel }),
81
+ resetFilterModel: () => set({
82
+ filterModel: {
83
+ fieldRelation: { between: "and", inner: "and" },
84
+ fieldRule: {}
85
+ }
86
+ }),
87
+ setConditions: ({ conditions, mainAndOr, subAndOr }) => set({
88
+ conditions,
89
+ mainAndOr: mainAndOr || "and",
90
+ subAndOr: subAndOr || "and",
91
+ page: 1
92
+ }),
93
+ resetConditions: () => set({ conditions: null, mainAndOr: "and", subAndOr: "and" }),
94
+ setTotalQueriedCount: (totalQueriedCount) => set({ totalQueriedCount }),
95
+ setSideFilterTotal: (sideFilterTotal) => set({ sideFilterTotal }),
96
+ reset: () => set({
97
+ page: 1,
98
+ pageSize: 10,
99
+ rowSelection: {},
100
+ source: defaultOrganizationSource,
101
+ sideFilterTotal: 0,
102
+ searchText: "",
103
+ sortBy: "created_at:desc",
104
+ selectedColumnKeys: defaultOrganizationColumnSelected,
105
+ selectedSmartView: null,
106
+ selectedFilter: null,
107
+ filterModel: {
108
+ fieldRelation: { between: "and", inner: "and" },
109
+ fieldRule: {}
110
+ },
111
+ conditions: null,
112
+ mainAndOr: "and",
113
+ subAndOr: "and",
114
+ totalQueriedCount: null
115
+ })
116
+ }),
117
+ {
118
+ name: "crm-organization-list-filter-store"
119
+ }
120
+ )
121
+ );
122
+ export {
123
+ defaultOrganizationColumnSelected,
124
+ defaultOrganizationSource,
125
+ useCrmOrganizationListFilterStore
126
+ };
@@ -0,0 +1,139 @@
1
+ import { create } from "./index.js";
2
+ import { devtools } from "./devtools.js";
3
+ import {
4
+ isAdmin,
5
+ isRoleAgent,
6
+ isRoleTeamLeader,
7
+ isSupervisor
8
+ } from "@zenify-omni/chat-js/utils/auth.js";
9
+ import { CustomerAssign } from "@zenify-omni/chat-js/constants/user.js";
10
+ import {
11
+ getListPaginationState,
12
+ subscribeListPagination
13
+ } from "./list-pagination-state.js";
14
+ const pagination = getListPaginationState("customer", { page: 1, pageSize: 10 });
15
+ const getInitialAssign = () => {
16
+ if (isRoleTeamLeader()) return CustomerAssign.MyGroup;
17
+ if (isRoleAgent() || isAdmin() || isSupervisor()) return CustomerAssign.ALL;
18
+ return null;
19
+ };
20
+ const defaultFilterModel = {
21
+ fieldRelation: {
22
+ between: "and",
23
+ inner: "and"
24
+ },
25
+ fieldRule: {}
26
+ };
27
+ const defaultCustomerColumnSelected = [
28
+ "name",
29
+ "phone",
30
+ "email",
31
+ "dob",
32
+ "source",
33
+ "organization",
34
+ "group",
35
+ "city",
36
+ "created_at"
37
+ ];
38
+ const useCustomerListFilterStore = create(
39
+ devtools(
40
+ (set) => ({
41
+ assign: getInitialAssign(),
42
+ searchText: "",
43
+ page: pagination.page,
44
+ pageSize: pagination.pageSize,
45
+ filterModel: defaultFilterModel,
46
+ refreshField: /* @__PURE__ */ new Date(),
47
+ selectedFilter: null,
48
+ selectedColumnKeys: defaultCustomerColumnSelected,
49
+ targetClick: null,
50
+ // Quick filter (sidebar "Lọc nhanh") snapshot — kept in sync with the
51
+ // entity-agnostic useFilterStore, mirrors lead-list-filter-store.
52
+ quickFilter: {
53
+ filters: [],
54
+ conditionRelation: "and"
55
+ },
56
+ updateQuickFilter: (quickFilter) => set({ quickFilter }),
57
+ totalQueriedCount: 0,
58
+ // Map of assign-value -> count, one entry per side-filter tab.
59
+ sideFilterTotal: {},
60
+ selectedRowKeys: {},
61
+ // Unified conditions sent to BE (mirror lead pattern)
62
+ conditions: null,
63
+ mainAndOr: "and",
64
+ subAndOr: "and",
65
+ setConditions: ({ conditions, mainAndOr, subAndOr }) => set({
66
+ conditions,
67
+ mainAndOr: mainAndOr || "and",
68
+ subAndOr: subAndOr || "and",
69
+ page: 1
70
+ }),
71
+ resetConditions: () => set({ conditions: null, mainAndOr: "and", subAndOr: "and" }),
72
+ // Smart View
73
+ selectedSmartView: null,
74
+ setSelectedSmartView: (selectedSmartView) => set({
75
+ selectedSmartView,
76
+ selectedColumnKeys: selectedSmartView?.columns?.length ? selectedSmartView.columns : defaultCustomerColumnSelected,
77
+ // Reset sort explicit để smart-view sort áp dụng.
78
+ sortBy: null
79
+ }),
80
+ // Sort explicit do user click vào header. Null = rơi về smart-view/default.
81
+ sortBy: null,
82
+ setSort: (sortBy, { resetPage = true } = {}) => set(resetPage ? { sortBy, page: 1 } : { sortBy }),
83
+ setRefreshField: (date) => set({ refreshField: date }),
84
+ setAssign: (assign) => set({ assign, page: 1 }),
85
+ setSearchText: (searchText) => {
86
+ set({ searchText, page: 1 });
87
+ },
88
+ setPage: (page) => set({ page }),
89
+ setPageSize: (pageSize) => set({ pageSize }),
90
+ setTotalQueriedCount: (count) => set({ totalQueriedCount: count }),
91
+ setSideFilterTotal: (counts) => set({ sideFilterTotal: counts }),
92
+ setSelectedRowKeys: (rowKey) => set({ selectedRowKeys: rowKey }),
93
+ setFilterModel: ({ fieldRelation, fieldRule } = {}) => {
94
+ const validFieldRelation = fieldRelation || defaultFilterModel.fieldRelation;
95
+ const validFieldRule = fieldRule || defaultFilterModel.fieldRule;
96
+ set({
97
+ filterModel: {
98
+ fieldRelation: validFieldRelation,
99
+ fieldRule: validFieldRule
100
+ }
101
+ });
102
+ },
103
+ setSelectedFilter: (selectedFilter) => set({
104
+ selectedFilter,
105
+ conditions: null,
106
+ mainAndOr: "and",
107
+ subAndOr: "and",
108
+ sortBy: null
109
+ }),
110
+ setSelectedColumnKeys: (selectedColumnKeys) => set({ selectedColumnKeys }),
111
+ setTargetClick: (targetClick) => set({ targetClick }),
112
+ resetFilterModel: () => set({ filterModel: { ...defaultFilterModel } }),
113
+ setDefaults: () => {
114
+ set({
115
+ assign: getInitialAssign(),
116
+ searchText: "",
117
+ filterModel: { ...defaultFilterModel },
118
+ targetClick: null,
119
+ selectedFilter: null,
120
+ conditions: null,
121
+ mainAndOr: "and",
122
+ subAndOr: "and",
123
+ selectedSmartView: null,
124
+ sortBy: null
125
+ });
126
+ }
127
+ }),
128
+ {
129
+ name: "customer-list-filter-store"
130
+ }
131
+ )
132
+ );
133
+ subscribeListPagination(useCustomerListFilterStore, "customer");
134
+ export {
135
+ defaultCustomerColumnSelected,
136
+ defaultFilterModel,
137
+ getInitialAssign,
138
+ useCustomerListFilterStore
139
+ };
@@ -0,0 +1,9 @@
1
+ import { devtools as zustandDevtools } from "zustand/middleware";
2
+ import { env } from "../config/env.js";
3
+ const devtools = (stateCreator, options) => zustandDevtools(stateCreator, {
4
+ ...options,
5
+ enabled: env.DEV
6
+ });
7
+ export {
8
+ devtools
9
+ };
@@ -0,0 +1,18 @@
1
+ import { create } from "./index.js";
2
+ import { devtools } from "./devtools.js";
3
+ const useDuplicatePhoneWarningStore = create(
4
+ devtools(
5
+ (set) => ({
6
+ isOpen: false,
7
+ contactId: null,
8
+ warning: null,
9
+ open: (contactId, warning) => set({ isOpen: true, contactId, warning }),
10
+ close: () => set({ isOpen: false, contactId: null, warning: null })
11
+ }),
12
+ { name: "duplicate-phone-warning-store" }
13
+ )
14
+ );
15
+ var duplicate_phone_warning_store_default = useDuplicatePhoneWarningStore;
16
+ export {
17
+ duplicate_phone_warning_store_default as default
18
+ };
@@ -0,0 +1,72 @@
1
+ import i18n from "@zenify-omni/chat-js/lib/i18n/index.js";
2
+ import { create } from "./index.js";
3
+ import { devtools } from "zustand/middleware";
4
+ import { EntityExtractSocketType } from "@zenify-omni/chat-js/constants/chatbot.js";
5
+ const entityExtractRunKey = (botId, sourceLink, refId = null) => botId && sourceLink ? `${botId}:${sourceLink}:${refId ?? "null"}` : null;
6
+ const useEntityExtractStore = create(
7
+ devtools(
8
+ (set) => ({
9
+ byRun: {},
10
+ // payload socket: { type, bot_id, user_id, data }
11
+ ingestEvent: ({ type, bot_id: botId, data }) => {
12
+ const key = entityExtractRunKey(
13
+ botId,
14
+ data?.source_link,
15
+ data?.ref_id ?? null
16
+ );
17
+ if (!type || !key) return;
18
+ set((state) => {
19
+ const prev = state.byRun[key] || {};
20
+ const next = {
21
+ ...prev,
22
+ lastType: type,
23
+ brandId: data?.brand_id ?? prev.brandId,
24
+ sourceLink: data?.source_link ?? prev.sourceLink,
25
+ refId: data?.ref_id ?? prev.refId ?? null
26
+ };
27
+ if (type === EntityExtractSocketType.PROGRESS) {
28
+ next.process = {
29
+ percent: data?.percent ?? 0,
30
+ steps: data?.steps || []
31
+ };
32
+ next.error = null;
33
+ } else if (type === EntityExtractSocketType.COMPLETED) {
34
+ next.process = {
35
+ percent: 100,
36
+ steps: (prev.process?.steps || []).map((step) => ({
37
+ ...step,
38
+ status: "completed"
39
+ }))
40
+ };
41
+ next.counts = data?.counts || {};
42
+ next.error = null;
43
+ } else if (type === EntityExtractSocketType.FAILED) {
44
+ next.error = data?.error || {
45
+ message: i18n.t("lumi:message.entityExtractFailed", {
46
+ defaultValue: "B\xF3c t\xE1ch d\u1EEF li\u1EC7u th\u1EA5t b\u1EA1i"
47
+ })
48
+ };
49
+ }
50
+ return { byRun: { ...state.byRun, [key]: next } };
51
+ });
52
+ },
53
+ // Reset 1 run (trigger lại / reject / đã duyệt xong)
54
+ clearRun: (key) => {
55
+ if (!key) return;
56
+ set((state) => {
57
+ if (!state.byRun[key]) return state;
58
+ const byRun = { ...state.byRun };
59
+ delete byRun[key];
60
+ return { byRun };
61
+ });
62
+ },
63
+ clearAll: () => set({ byRun: {} })
64
+ }),
65
+ { name: "entity-extract-store" }
66
+ )
67
+ );
68
+ var entity_extract_store_default = useEntityExtractStore;
69
+ export {
70
+ entity_extract_store_default as default,
71
+ entityExtractRunKey
72
+ };
@@ -0,0 +1,27 @@
1
+ import { create } from "./index.js";
2
+ import { devtools } from "./devtools.js";
3
+ const useFilePreviewStore = create(
4
+ devtools(
5
+ (set, get) => ({
6
+ isOpen: false,
7
+ files: [],
8
+ currentIndex: 0,
9
+ openPreview: (files, index = 0) => set({ isOpen: true, files, currentIndex: index }),
10
+ closePreview: () => set({ isOpen: false, files: [], currentIndex: 0 }),
11
+ goNext: () => {
12
+ const { currentIndex, files } = get();
13
+ if (currentIndex < files.length - 1)
14
+ set({ currentIndex: currentIndex + 1 });
15
+ },
16
+ goPrev: () => {
17
+ const { currentIndex } = get();
18
+ if (currentIndex > 0) set({ currentIndex: currentIndex - 1 });
19
+ }
20
+ }),
21
+ { name: "file-preview-store" }
22
+ )
23
+ );
24
+ var file_preview_store_default = useFilePreviewStore;
25
+ export {
26
+ file_preview_store_default as default
27
+ };
@@ -0,0 +1,289 @@
1
+ import { create } from "./index.js";
2
+ import { devtools } from "./devtools.js";
3
+ import { v4 as uuid } from "uuid";
4
+ import {
5
+ QuickFilterOperator,
6
+ QuickFilterOperatorControl
7
+ } from "@zenify-omni/chat-js/constants/quick-filter.js";
8
+ const isSkipValue = (operator) => [
9
+ QuickFilterOperator.Exist,
10
+ QuickFilterOperator.NotExist,
11
+ QuickFilterOperator.Today,
12
+ QuickFilterOperator.ThisWeek,
13
+ QuickFilterOperator.ThisMonth
14
+ ].includes(operator);
15
+ const initialAdvancedFilterState = {
16
+ fieldRelation: {
17
+ between: "and",
18
+ inner: "and"
19
+ },
20
+ fieldRule: {},
21
+ options: [],
22
+ selectedOptionKeys: []
23
+ };
24
+ const initialQuickFilterState = {
25
+ filters: [],
26
+ conditionRelation: "and",
27
+ lastReloadTime: Date.now()
28
+ };
29
+ const DEFAULT_QUICK_FILTER_FIELD_KEYS = [
30
+ "status",
31
+ "source_detail",
32
+ "assign_agent_id",
33
+ "is_sla_violated",
34
+ "created_at"
35
+ ];
36
+ const buildDefaultQuickFilters = (filterFieldOptions, fieldKeys) => fieldKeys.map((key) => {
37
+ const field = (filterFieldOptions ?? []).find(
38
+ (option) => option.key === key
39
+ );
40
+ if (!field) return null;
41
+ const defaultOperator = field.meta_data.operators?.[0]?.value ?? "";
42
+ return {
43
+ id: uuid(),
44
+ dirty: false,
45
+ field,
46
+ operator: defaultOperator,
47
+ value: ""
48
+ };
49
+ }).filter(Boolean);
50
+ const useFilterStore = create(
51
+ devtools(
52
+ (set, get) => ({
53
+ // Advanced Filter State
54
+ ...initialAdvancedFilterState,
55
+ // Quick Filter State
56
+ ...initialQuickFilterState,
57
+ // Advanced Filter Actions
58
+ setFieldRelation: (fieldRelation) => set((state) => ({
59
+ fieldRelation: { ...state.fieldRelation, ...fieldRelation }
60
+ })),
61
+ setFieldRule: (fieldRule) => set({ fieldRule }),
62
+ setOptions: (options) => set({ options }),
63
+ setSelectedOptionKeys: (selectedOptionKeys) => set({ selectedOptionKeys }),
64
+ toggleOption: (option) => set((state) => {
65
+ const newFieldRule = { ...state.fieldRule };
66
+ let newSelectedOptionKeys = [...state.selectedOptionKeys];
67
+ if (!newFieldRule[option.key]) {
68
+ newFieldRule[option.key] = [
69
+ {
70
+ ruleId: uuid(),
71
+ operator: "",
72
+ value: ""
73
+ }
74
+ ];
75
+ newSelectedOptionKeys.push(option.key);
76
+ } else {
77
+ delete newFieldRule[option.key];
78
+ newSelectedOptionKeys = newSelectedOptionKeys.filter(
79
+ (key) => key !== option.key
80
+ );
81
+ }
82
+ return {
83
+ fieldRule: newFieldRule,
84
+ selectedOptionKeys: newSelectedOptionKeys
85
+ };
86
+ }),
87
+ addRule: (option) => set((state) => {
88
+ const newFieldRule = { ...state.fieldRule };
89
+ const optionKey = option.key;
90
+ newFieldRule[optionKey] = newFieldRule[optionKey] ?? [];
91
+ newFieldRule[optionKey].push({
92
+ ruleId: uuid(),
93
+ operator: "",
94
+ value: ""
95
+ });
96
+ return { fieldRule: newFieldRule };
97
+ }),
98
+ removeRule: (optionKey, ruleId) => set((state) => {
99
+ const newFieldRule = { ...state.fieldRule };
100
+ const rules = newFieldRule[optionKey];
101
+ let newSelectedOptionKeys = [...state.selectedOptionKeys];
102
+ if (rules.length > 1) {
103
+ const ruleIndex = rules.findIndex((r) => r.ruleId === ruleId);
104
+ rules.splice(ruleIndex, 1);
105
+ } else {
106
+ delete newFieldRule[optionKey];
107
+ newSelectedOptionKeys = newSelectedOptionKeys.filter(
108
+ (key) => key !== optionKey
109
+ );
110
+ }
111
+ return {
112
+ fieldRule: newFieldRule,
113
+ selectedOptionKeys: newSelectedOptionKeys
114
+ };
115
+ }),
116
+ changeOperator: (operator, optionKey, ruleId) => set((state) => {
117
+ const newFieldRule = { ...state.fieldRule };
118
+ const rules = newFieldRule[optionKey];
119
+ const ruleIndex = rules.findIndex((r) => r.ruleId === ruleId);
120
+ rules[ruleIndex].operator = operator;
121
+ rules[ruleIndex].value = "";
122
+ return { fieldRule: newFieldRule };
123
+ }),
124
+ changeValue: (value, option, ruleId) => set((state) => {
125
+ const newFieldRule = { ...state.fieldRule };
126
+ const rules = state.fieldRule[option.key];
127
+ const ruleIndex = rules.findIndex((r) => r.ruleId === ruleId);
128
+ rules[ruleIndex].value = value;
129
+ return { fieldRule: newFieldRule };
130
+ }),
131
+ changeRelation: (relationKey, relation) => set((state) => ({
132
+ fieldRelation: { ...state.fieldRelation, [relationKey]: relation }
133
+ })),
134
+ // Quick Filter Actions
135
+ setQuickFilters: (filters) => set({ filters }),
136
+ setConditionRelation: (conditionRelation) => set((state) => {
137
+ const isAllFieldDirty = state.filters.every(
138
+ (x) => isSkipValue(x.operator) ? true : x.dirty
139
+ );
140
+ return {
141
+ conditionRelation,
142
+ ...state.filters.length > 0 && isAllFieldDirty && {
143
+ lastReloadTime: Date.now()
144
+ }
145
+ };
146
+ }),
147
+ updateQuickFilter: (filterId, updateInfo) => set((state) => {
148
+ const newFilters = state.filters.map((filter) => {
149
+ if (filter.id !== filterId) {
150
+ return filter;
151
+ }
152
+ return {
153
+ ...filter,
154
+ ...updateInfo
155
+ };
156
+ });
157
+ const oldFiltersObject = state.filters.map((filter) => ({
158
+ key: filter.field?.key ?? "",
159
+ operator: filter.operator ?? "",
160
+ value: filter.value ?? "",
161
+ dirty: filter.dirty ?? false
162
+ }));
163
+ const newFiltersObject = newFilters.map((filter) => ({
164
+ key: filter.field?.key ?? "",
165
+ operator: filter.operator ?? "",
166
+ value: filter.value ?? "",
167
+ dirty: filter.dirty
168
+ }));
169
+ const isFiltersChange = JSON.stringify(oldFiltersObject) !== JSON.stringify(newFiltersObject);
170
+ const isAllFieldDirty = newFilters.every((filter) => {
171
+ if (isSkipValue(filter.operator)) return true;
172
+ if (filter.dirty) return true;
173
+ const oldFilter = state.filters.find((x) => x.id === filter.id);
174
+ if (isSkipValue(oldFilter.operator) && !isSkipValue(filter.operator)) {
175
+ return true;
176
+ }
177
+ return false;
178
+ });
179
+ return {
180
+ filters: newFilters,
181
+ ...isFiltersChange && isAllFieldDirty && {
182
+ lastReloadTime: Date.now()
183
+ }
184
+ };
185
+ }),
186
+ removeQuickFilter: (filterId) => set((state) => {
187
+ const newFilters = state.filters.filter((x) => x.id !== filterId);
188
+ const isAllFieldDirty = newFilters.every(
189
+ (x) => isSkipValue(x.operator) ? true : x.dirty
190
+ );
191
+ const isAllFieldHasValue = newFilters.every((x) => {
192
+ if (isSkipValue(x.operator)) return true;
193
+ if (x.operator === QuickFilterOperator.Between) {
194
+ return !!(x.value?.from && x.value?.to);
195
+ }
196
+ return !!x.value;
197
+ });
198
+ return {
199
+ filters: newFilters,
200
+ ...isAllFieldDirty && isAllFieldHasValue && {
201
+ lastReloadTime: Date.now()
202
+ }
203
+ };
204
+ }),
205
+ changeQuickOperator: (filter, operator) => set((state) => {
206
+ const shouldResetValue = [
207
+ QuickFilterOperator.Exist,
208
+ QuickFilterOperator.NotExist,
209
+ QuickFilterOperator.Today,
210
+ QuickFilterOperator.ThisWeek,
211
+ QuickFilterOperator.ThisMonth
212
+ ].includes(operator);
213
+ const updateInfo = {
214
+ operator
215
+ };
216
+ if (shouldResetValue) {
217
+ updateInfo.value = [
218
+ QuickFilterOperatorControl.MultiText,
219
+ QuickFilterOperatorControl.MultiSelect,
220
+ QuickFilterOperatorControl.AsyncSearchMultiSelect
221
+ ].includes(filter.field?.meta_data?.control) ? [] : "";
222
+ }
223
+ const newFilters = state.filters.map(
224
+ (f) => f.id === filter.id ? { ...f, ...updateInfo } : f
225
+ );
226
+ return { filters: newFilters };
227
+ }),
228
+ addQuickFilter: () => set((state) => {
229
+ const newField = {
230
+ id: uuid(),
231
+ dirty: false,
232
+ field: null,
233
+ operator: null,
234
+ value: ""
235
+ };
236
+ return { filters: [...state.filters, newField] };
237
+ }),
238
+ // Xóa lọc nhanh: giữ lại các tiêu chí mặc định (đã chọn field) và chỉ
239
+ // xóa giá trị đã nhập, thay vì xóa hẳn toàn bộ tiêu chí.
240
+ removeAllQuickFilters: (filterFieldOptions, fieldKeys = DEFAULT_QUICK_FILTER_FIELD_KEYS) => set({
241
+ filters: buildDefaultQuickFilters(filterFieldOptions, fieldKeys),
242
+ conditionRelation: "and",
243
+ lastReloadTime: Date.now()
244
+ }),
245
+ setDefaultQuickFilters: (filterFieldOptions, fieldKeys = DEFAULT_QUICK_FILTER_FIELD_KEYS) => set({
246
+ filters: buildDefaultQuickFilters(filterFieldOptions, fieldKeys),
247
+ conditionRelation: "and"
248
+ }),
249
+ triggerReload: () => set({ lastReloadTime: Date.now() }),
250
+ // Reset functions
251
+ resetAdvancedFilter: () => set(initialAdvancedFilterState),
252
+ resetQuickFilter: () => set(initialQuickFilterState),
253
+ resetAllFilters: () => set({ ...initialAdvancedFilterState, ...initialQuickFilterState }),
254
+ // Helper functions
255
+ getFilteredQuickFilters: () => {
256
+ const state = get();
257
+ return state.filters.filter((filter) => {
258
+ if (!filter.field) return false;
259
+ return isSkipValue(filter.operator) ? true : [
260
+ QuickFilterOperatorControl.MultiText,
261
+ QuickFilterOperatorControl.MultiSelect,
262
+ QuickFilterOperatorControl.AsyncSearchMultiSelect
263
+ ].includes(filter.field?.meta_data?.control) ? (filter.value?.length ?? 0) > 0 : filter.value !== null && filter.value !== void 0 && filter.value !== "";
264
+ });
265
+ },
266
+ getAdvancedFilterModel: () => {
267
+ const state = get();
268
+ return {
269
+ fieldRelation: state.fieldRelation,
270
+ fieldRule: state.fieldRule
271
+ };
272
+ },
273
+ getQuickFilterModel: () => {
274
+ const state = get();
275
+ return {
276
+ filters: get().getFilteredQuickFilters(),
277
+ conditionRelation: state.conditionRelation
278
+ };
279
+ }
280
+ }),
281
+ {
282
+ name: "filter-store"
283
+ }
284
+ )
285
+ );
286
+ export {
287
+ isSkipValue,
288
+ useFilterStore
289
+ };