@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.
- package/LICENSE +21 -0
- package/README.md +92 -0
- package/assets/asset-url.js +6 -0
- package/assets/icons/chatter_agent.js +27 -0
- package/assets/icons/chatter_chatbot.js +43 -0
- package/assets/icons/chatter_contact.js +36 -0
- package/assets/icons/email_icon.png +0 -0
- package/assets/icons/emoji/angry.svg +56 -0
- package/assets/icons/emoji/haha.svg +20 -0
- package/assets/icons/emoji/like.svg +10 -0
- package/assets/icons/emoji/like_out_line.png +0 -0
- package/assets/icons/emoji/love.svg +10 -0
- package/assets/icons/emoji/sad.svg +46 -0
- package/assets/icons/emoji/wow.svg +51 -0
- package/assets/icons/instagram.js +29 -0
- package/assets/icons/not_found.png +0 -0
- package/assets/icons/not_found_template.svg +9 -0
- package/assets/icons/phone_icon.png +0 -0
- package/assets/icons/shopee.js +17 -0
- package/assets/icons/sms_icon.png +0 -0
- package/assets/icons/tiktok.js +17 -0
- package/assets/icons/whatsapp.js +28 -0
- package/assets/icons/zalo.js +17 -0
- package/assets/icons/zalo_icon.png +0 -0
- package/assets/icons/zns_icon.png +0 -0
- package/assets/images/emoji.webp +0 -0
- package/assets/images/error.png +0 -0
- package/assets/images/menu.png +0 -0
- package/assets/images/money.png +0 -0
- package/assets/images/success.png +0 -0
- package/assets/public-urls.js +78 -0
- package/components/campaign-detail-route/select/group.js +38 -0
- package/components/campaign-detail-route/select/multi-groups.js +43 -0
- package/components/chat-route/chat-box/ads-context-card.js +143 -0
- package/components/chat-route/chat-box/chat-drop-file.js +18 -0
- package/components/chat-route/chat-box/chat-feedback/chat-insight.js +214 -0
- package/components/chat-route/chat-box/chat-feedback/index.js +127 -0
- package/components/chat-route/chat-box/chat-header-actions-inline.js +1055 -0
- package/components/chat-route/chat-box/chat-header.js +465 -0
- package/components/chat-route/chat-box/chat-input.js +1164 -0
- package/components/chat-route/chat-box/chat-message-action.js +399 -0
- package/components/chat-route/chat-box/chat-message-list.js +995 -0
- package/components/chat-route/chat-box/chat-message.js +2099 -0
- package/components/chat-route/chat-box/chat-reply-preview.js +317 -0
- package/components/chat-route/chat-box/common-groups-modal.js +430 -0
- package/components/chat-route/chat-box/constants.js +29 -0
- package/components/chat-route/chat-box/contact-card/index.js +87 -0
- package/components/chat-route/chat-box/edit-customer-alias-dialog.js +197 -0
- package/components/chat-route/chat-box/emoji-picker-combined.js +91 -0
- package/components/chat-route/chat-box/emoji-sprite.js +45 -0
- package/components/chat-route/chat-box/emojiMap.js +92 -0
- package/components/chat-route/chat-box/facebook-reconnect-notice.js +49 -0
- package/components/chat-route/chat-box/forward-message-modal.js +659 -0
- package/components/chat-route/chat-box/index.js +165 -0
- package/components/chat-route/chat-box/message-time.js +44 -0
- package/components/chat-route/chat-box/message-viewers.js +114 -0
- package/components/chat-route/chat-box/pasted-file-preview.js +138 -0
- package/components/chat-route/chat-box/pinned-messages.js +255 -0
- package/components/chat-route/chat-box/react-message/react-preview.js +83 -0
- package/components/chat-route/chat-box/react-message/reaction-button.js +200 -0
- package/components/chat-route/chat-box/right-side/chat-history.js +142 -0
- package/components/chat-route/chat-box/right-side/chat-tag-selector.js +232 -0
- package/components/chat-route/chat-box/right-side/create-personal-tag-modal.js +458 -0
- package/components/chat-route/chat-box/right-side/customer/customer-info-item.js +60 -0
- package/components/chat-route/chat-box/right-side/in-room-dialog.js +225 -0
- package/components/chat-route/chat-box/right-side/zalo-group/add-friend-dialog.js +154 -0
- package/components/chat-route/chat-box/right-side/zalo-group/send-message-dialog.js +165 -0
- package/components/chat-route/chat-box/send-contact-card-modal.js +102 -0
- package/components/chat-route/chat-box/send-contact-card.js +80 -0
- package/components/chat-route/chat-box/text-content.js +400 -0
- package/components/chat-route/chat-box/use-facebook-page-invalid.js +22 -0
- package/components/chat-route/chat-box/zalo-emoji-decoration.js +98 -0
- package/components/chat-route/chat-box/zalo-emoji-picker.js +74 -0
- package/components/chat-route/chat-box/zalo-personal-editor.js +590 -0
- package/components/chat-route/chat-box/zalo-reminder/create-zalo-reminder.js +868 -0
- package/components/chat-route/chat-box/zalo-reminder/use-send-zalo-reminder.js +98 -0
- package/components/chat-route/chat-box/zalo-reminder/zalo-reminder-content.js +294 -0
- package/components/chat-route/chat-box/zalo-rtf-utils.js +422 -0
- package/components/chat-route/chat-list/action-chat-item.js +116 -0
- package/components/chat-route/chat-list/assign-agent-dialog.js +170 -0
- package/components/chat-route/chat-list/assign-tag-dialog.js +242 -0
- package/components/chat-route/chat-list/chat-item-tags.js +105 -0
- package/components/chat-route/chat-list/chat-item.js +749 -0
- package/components/chat-route/chat-list/chat-list-item.js +370 -0
- package/components/chat-route/chat-list/chat-list-selection-bar.js +426 -0
- package/components/chat-route/chat-list/chat-search-preview.js +48 -0
- package/components/chat-route/chat-list/chat-sort-menu.js +89 -0
- package/components/chat-route/chat-list/edit-filter-modal.js +468 -0
- package/components/chat-route/chat-list/filter-chat-sources.js +222 -0
- package/components/chat-route/chat-list/filter-chat.js +501 -0
- package/components/chat-route/chat-list/filter-criteria-rows.js +845 -0
- package/components/chat-route/chat-list/filter-group-select.js +66 -0
- package/components/chat-route/chat-list/filter-pin-menu.js +165 -0
- package/components/chat-route/chat-list/friend-request/list-friend-request.js +287 -0
- package/components/chat-route/chat-list/index.js +243 -0
- package/components/chat-route/chat-list/inline-search-results.js +178 -0
- package/components/chat-route/chat-list/post-ids-field.js +104 -0
- package/components/chat-route/chat-list/quick-filter-bar.js +391 -0
- package/components/chat-route/chat-list/save-filter-popover.js +258 -0
- package/components/chat-route/chat-list/search-messages/index.js +225 -0
- package/components/chat-route/chat-list/search-result-header.js +51 -0
- package/components/chat-route/chat-list/util.js +604 -0
- package/components/chat-route/chat-toolbar.js +108 -0
- package/components/chat-route/hooks/use-reassign.js +111 -0
- package/components/chat-route/shared/close-conversation-dialog.js +111 -0
- package/components/chat-route/shared/force-transfer-dialog.js +109 -0
- package/components/chat-route/shared/in-queue-confirm-dialog.js +40 -0
- package/components/chat-route/util.js +146 -0
- package/components/chat-route/zalo/modal-action-zalo.js +76 -0
- package/components/chat-route/zalo/modal-add-friend-zalo.js +277 -0
- package/components/custom/SafeHTML.js +45 -0
- package/components/custom/audio-player.js +81 -0
- package/components/custom/avatar.js +95 -0
- package/components/custom/between-date-picker/index.js +86 -0
- package/components/custom/button-close.js +28 -0
- package/components/custom/button.js +80 -0
- package/components/custom/color-picker.js +81 -0
- package/components/custom/combobox.js +168 -0
- package/components/custom/custom-dialog.js +44 -0
- package/components/custom/custom-select.js +256 -0
- package/components/custom/cycle-value-helpers.js +11 -0
- package/components/custom/cycle-value.js +93 -0
- package/components/custom/date-time-picker/components/date-time-group.js +44 -0
- package/components/custom/date-time-picker/components/date-time-input.js +383 -0
- package/components/custom/date-time-picker/components/date-time-unit-input.js +138 -0
- package/components/custom/date-time-picker/components/month-year-picker.js +232 -0
- package/components/custom/date-time-picker/hooks/use-merge-refs.js +18 -0
- package/components/custom/date-time-picker/hooks/use-scroll-to-center.js +18 -0
- package/components/custom/date-time-picker/index.js +348 -0
- package/components/custom/field-file-upload/files-upload.js +87 -0
- package/components/custom/field-file-upload/image-upload.js +115 -0
- package/components/custom/field-file-upload/preview-images-modal.js +284 -0
- package/components/custom/field-file-upload/preview-list-file.js +134 -0
- package/components/custom/field-file-upload/preview-list-image.js +108 -0
- package/components/custom/field-file-upload/upload-custom.js +222 -0
- package/components/custom/field-generator.js +639 -0
- package/components/custom/field-layout-popover.js +304 -0
- package/components/custom/file-preview-modal.js +351 -0
- package/components/custom/html-edtior.js +100 -0
- package/components/custom/icon.js +49 -0
- package/components/custom/infinite-scroll-combobox.js +253 -0
- package/components/custom/inline-edit-popover.js +90 -0
- package/components/custom/inputs/calendar-input.js +0 -0
- package/components/custom/inputs/chip-input.js +136 -0
- package/components/custom/inputs/file-input.js +71 -0
- package/components/custom/inputs/mask-data/mask-data-input.js +80 -0
- package/components/custom/inputs/mask-data/mask-data-select.js +78 -0
- package/components/custom/inputs/mask-data/mask-data-textarea.js +75 -0
- package/components/custom/inputs/mask-data/reconcile-masked-edit.js +20 -0
- package/components/custom/jxl-decode.js +34 -0
- package/components/custom/jxl-image.js +68 -0
- package/components/custom/jxl-worker.js +12 -0
- package/components/custom/label.js +55 -0
- package/components/custom/layout.js +30 -0
- package/components/custom/multi-select-search-cc.js +179 -0
- package/components/custom/multiple-select-setting-tags.js +404 -0
- package/components/custom/multiple-selector.js +821 -0
- package/components/custom/pagination.js +95 -0
- package/components/custom/popup-confirm.js +120 -0
- package/components/custom/previews/facebook/facebook-appointment-booking-preview.js +83 -0
- package/components/custom/previews/facebook/facebook-audio-preview.js +130 -0
- package/components/custom/previews/facebook/facebook-event-preview.js +72 -0
- package/components/custom/previews/facebook/facebook-file-preview.js +95 -0
- package/components/custom/previews/facebook/facebook-group-preview.js +103 -0
- package/components/custom/previews/facebook/facebook-image-preview.js +81 -0
- package/components/custom/previews/facebook/facebook-page-preview.js +85 -0
- package/components/custom/previews/facebook/facebook-post-preview.js +77 -0
- package/components/custom/previews/facebook/facebook-reel-preview.js +83 -0
- package/components/custom/previews/facebook/facebook-sticker-preview.js +23 -0
- package/components/custom/previews/facebook/facebook-video-preview.js +114 -0
- package/components/custom/previews/facebook/index.js +24 -0
- package/components/custom/previews/file-preview.js +747 -0
- package/components/custom/previews/image-preview.js +288 -0
- package/components/custom/previews/instagram/index.js +4 -0
- package/components/custom/previews/instagram/instagram-share-post-preview.js +77 -0
- package/components/custom/previews/link-preview.js +166 -0
- package/components/custom/previews/product-preview.js +334 -0
- package/components/custom/previews/tiktok-order-preview.js +278 -0
- package/components/custom/previews/tiktok-product-preview.js +321 -0
- package/components/custom/previews/tiktok-voucher-preview.js +151 -0
- package/components/custom/previews/whatsapp/index.js +10 -0
- package/components/custom/previews/whatsapp/whatsapp-contact-card-preview.js +150 -0
- package/components/custom/previews/whatsapp/whatsapp-order-preview.js +38 -0
- package/components/custom/previews/whatsapp/whatsapp-poll-preview.js +29 -0
- package/components/custom/previews/whatsapp/whatsapp-product-preview.js +29 -0
- package/components/custom/retry-image.js +44 -0
- package/components/custom/search-input.js +26 -0
- package/components/custom/separator-with-text.js +14 -0
- package/components/custom/showToast.js +21 -0
- package/components/custom/sortable-header.js +62 -0
- package/components/custom/table-resize-line.js +92 -0
- package/components/custom/time-picker/index.js +73 -0
- package/components/custom/time-picker/time-picker-input.js +159 -0
- package/components/custom/time-picker/time-picker-utils.js +152 -0
- package/components/custom/viewers/audio-player.js +192 -0
- package/components/custom/viewers/code-viewer.js +140 -0
- package/components/custom/viewers/csv-viewer.js +174 -0
- package/components/custom/viewers/docx-viewer.js +145 -0
- package/components/custom/viewers/image-viewer.js +104 -0
- package/components/custom/viewers/markdown-viewer.js +124 -0
- package/components/custom/viewers/pdf-viewer.js +333 -0
- package/components/custom/viewers/spreadsheet-viewer.js +232 -0
- package/components/custom/viewers/unsupported-viewer.js +85 -0
- package/components/custom/viewers/video-player.js +241 -0
- package/components/customers-route/change-owner-modal.js +430 -0
- package/components/customers-route/contact-note-button.js +212 -0
- package/components/customers-route/customer-source.js +37 -0
- package/components/customers-route/table/columns.js +675 -0
- package/components/customers-route/table/edit-fields.js +125 -0
- package/components/customers-route/table/editable-cell.js +218 -0
- package/components/customers-route/table/note-cell.js +77 -0
- package/components/dialogs/invite-agent.js +677 -0
- package/components/error-boundary.js +53 -0
- package/components/leads-route/duplicate-phone-warning-toast.js +96 -0
- package/components/leads-route/table/columns.js +523 -0
- package/components/leads-route/table/contact-cell-name.js +82 -0
- package/components/leads-route/table/edit-fields.js +142 -0
- package/components/leads-route/table/editable-cell.js +228 -0
- package/components/org-tree/group-name-display.js +36 -0
- package/components/org-tree/group-tree-multi-select.js +208 -0
- package/components/org-tree/group-tree-select.js +220 -0
- package/components/posts-route/dialog-select-posts.js +284 -0
- package/components/reports-route/agents/multi-select-agents.js +55 -0
- package/components/reports-route/agents/multi-select-search-agents.js +43 -0
- package/components/settings-route/chat-layout/detail/constants.js +353 -0
- package/components/settings-route/chat-layout/detail/form.js +43 -0
- package/components/settings-route/chat-timeout/channel-multi-select.js +119 -0
- package/components/settings-route/multi-channel/facebook/hooks/use-facebook-sdk.js +3 -0
- package/components/settings-route/object-rule/util.js +79 -0
- package/components/settings-route/routing/settings-dialog.js +561 -0
- package/components/settings-route/switchboard/queue-new/constant.js +9 -0
- package/components/shared/linked-customer-fields/LinkedCustomerFields.js +91 -0
- package/components/shared/linked-customer-fields/use-linked-customer-fields.js +123 -0
- package/components/smartqc-route/qc-form/controls/multi-select-search-agents.js +50 -0
- package/components/ui/alert-dialog.js +112 -0
- package/components/ui/avatar.js +44 -0
- package/components/ui/badge.js +54 -0
- package/components/ui/button.js +48 -0
- package/components/ui/calendar.js +70 -0
- package/components/ui/card.js +58 -0
- package/components/ui/carousel.js +238 -0
- package/components/ui/checkbox.js +27 -0
- package/components/ui/command.js +111 -0
- package/components/ui/context-menu.js +154 -0
- package/components/ui/dialog.js +104 -0
- package/components/ui/dropdown-menu.js +169 -0
- package/components/ui/form.js +104 -0
- package/components/ui/input.js +115 -0
- package/components/ui/label.js +20 -0
- package/components/ui/popover.js +29 -0
- package/components/ui/radio-group.js +53 -0
- package/components/ui/scroll-area.js +38 -0
- package/components/ui/select.js +147 -0
- package/components/ui/separator.js +24 -0
- package/components/ui/sheet.js +113 -0
- package/components/ui/skeleton.js +17 -0
- package/components/ui/slider.js +26 -0
- package/components/ui/sonner.js +76 -0
- package/components/ui/switch.js +54 -0
- package/components/ui/table-v2.js +269 -0
- package/components/ui/table.js +245 -0
- package/components/ui/tabs.js +89 -0
- package/components/ui/textarea.js +33 -0
- package/components/ui/tooltip.js +40 -0
- package/components/workflow-editor/nodes/ticket/picker-field.js +233 -0
- package/components/zalo-login-qr.js +237 -0
- package/components/zalo-login-status-modal.js +45 -0
- package/config/env.js +27 -0
- package/config/hmr.js +8 -0
- package/config/navigation.js +54 -0
- package/config/runtime.js +46 -0
- package/config/theme.js +274 -0
- package/constants/brand-colors.js +32 -0
- package/constants/chat-icon.js +34 -0
- package/dist/chat.css +1 -0
- package/exceptions/throw-exception.js +15 -0
- package/hooks/use-chat-attachments.js +106 -0
- package/hooks/use-chat-configs.js +62 -0
- package/hooks/use-chat-customer.js +33 -0
- package/hooks/use-chat-display-config-sync.js +72 -0
- package/hooks/use-chat-permission.js +68 -0
- package/hooks/use-chat-room-detail.js +44 -0
- package/hooks/use-chat-selection.js +26 -0
- package/hooks/use-chat-sort.js +69 -0
- package/hooks/use-chat-surface.js +8 -0
- package/hooks/use-common-filter-options.js +70 -0
- package/hooks/use-crm-organization-filter-options.js +0 -0
- package/hooks/use-crm-organizations-data.js +23 -0
- package/hooks/use-debounce.js +14 -0
- package/hooks/use-dynamic-fields.js +7 -0
- package/hooks/use-facebook-notice.js +24 -0
- package/hooks/use-feature-flags.js +6 -0
- package/hooks/use-field-layout-override.js +46 -0
- package/hooks/use-file-upload.js +119 -0
- package/hooks/use-file-viewer.js +93 -0
- package/hooks/use-frozen-columns.js +29 -0
- package/hooks/use-horizontal-scroll.js +41 -0
- package/hooks/use-image-preview-queue.js +101 -0
- package/hooks/use-inline-editable-cell.js +97 -0
- package/hooks/use-intersection-observer.js +24 -0
- package/hooks/use-interval.js +20 -0
- package/hooks/use-latest-message-id.js +13 -0
- package/hooks/use-lead-filter-options.js +0 -0
- package/hooks/use-logout-listener.js +43 -0
- package/hooks/use-org-tree.js +43 -0
- package/hooks/use-permission.js +33 -0
- package/hooks/use-quick-filters.js +175 -0
- package/hooks/use-resizable-table.js +0 -0
- package/hooks/use-setting-common.js +389 -0
- package/hooks/use-settings.js +41 -0
- package/hooks/use-sort-bindings.js +24 -0
- package/hooks/use-table-display-config.js +0 -0
- package/hooks/use-tenant-config.js +99 -0
- package/hooks/use-update-user-config.js +150 -0
- package/hooks/use-zalo-connection.js +57 -0
- package/hooks/use-zalo-mention-list.js +31 -0
- package/index.css +624 -0
- package/index.js +100 -0
- package/lib/deal-name.js +27 -0
- package/lib/i18n/react.js +7 -0
- package/lib/i18n/use-language.js +0 -0
- package/lib/query-client.js +34 -0
- package/lib/utils.js +25 -0
- package/package.json +108 -0
- package/provider/chat-context.js +9 -0
- package/provider/chat-provider.js +177 -0
- package/provider/chat-room-context.js +9 -0
- package/provider/chat-room-hooks.js +8 -0
- package/provider/chat-room-provider.js +84 -0
- package/provider/hooks.js +22 -0
- package/provider/index.js +42 -0
- package/public/contact-card-user.svg +25 -0
- package/public/images/icons/facebook.svg +1 -0
- package/public/images/icons/instagram.svg +1 -0
- package/public/images/icons/shopee.svg +1 -0
- package/public/images/icons/whatsapp.svg +1 -0
- package/public/images/icons/zalo.png +0 -0
- package/public/images/images.jpg +0 -0
- package/public/images/ticket_sources/api.png +0 -0
- package/public/images/ticket_sources/email.png +0 -0
- package/public/images/ticket_sources/facebook.png +0 -0
- package/public/images/ticket_sources/hand.png +0 -0
- package/public/images/ticket_sources/instagram.png +0 -0
- package/public/images/ticket_sources/livechat.png +0 -0
- package/public/images/ticket_sources/shopee.svg +1 -0
- package/public/images/ticket_sources/sms.png +0 -0
- package/public/images/ticket_sources/telephone-call-in.png +0 -0
- package/public/images/ticket_sources/telephone-call-out.png +0 -0
- package/public/images/ticket_sources/tiktok.png +0 -0
- package/public/images/ticket_sources/tiktok_shop.png +0 -0
- package/public/images/ticket_sources/whatsapp.png +0 -0
- package/public/images/ticket_sources/whatsapp.svg +1 -0
- package/public/images/ticket_sources/zalo.png +0 -0
- package/public/placeholder.svg +13 -0
- package/store/app-status-store.js +17 -0
- package/store/chat-display-config-store.js +182 -0
- package/store/chat-display-config.resolvers.js +88 -0
- package/store/chat-store-helpers.js +62 -0
- package/store/chat-store.js +931 -0
- package/store/crm-organization-list-filter-store.js +126 -0
- package/store/customer-list-filter-store.js +139 -0
- package/store/devtools.js +9 -0
- package/store/duplicate-phone-warning-store.js +18 -0
- package/store/entity-extract-store.js +72 -0
- package/store/file-preview-store.js +27 -0
- package/store/filter-store.js +289 -0
- package/store/index.js +22 -0
- package/store/knowledge-crawl-store.js +53 -0
- package/store/lead-list-filter-store.js +142 -0
- package/store/list-pagination-state.js +44 -0
- package/store/lumi-learn-from-chat-store.js +69 -0
- package/store/merge-suggestion-store.js +27 -0
- package/store/notification-store.js +63 -0
- package/store/preview-image-store.js +22 -0
- package/store/settings-store/multi-channel/email-list-store.js +20 -0
- package/store/settings-store/multi-channel/facebook-list-store.js +22 -0
- package/store/settings-store/multi-channel/google-list-store.js +20 -0
- package/store/settings-store/multi-channel/instagram-list-store.js +20 -0
- package/store/settings-store/multi-channel/misa-list-store.js +20 -0
- package/store/settings-store/multi-channel/nhanhvn-list-store.js +20 -0
- package/store/settings-store/multi-channel/shopee-list-store.js +20 -0
- package/store/settings-store/multi-channel/shopee-order-list-store.js +20 -0
- package/store/settings-store/multi-channel/sms-list-store.js +20 -0
- package/store/settings-store/multi-channel/tiktok-business-list-store.js +20 -0
- package/store/settings-store/multi-channel/tiktok-list-store.js +20 -0
- package/store/settings-store/multi-channel/zalo-list-store.js +22 -0
- package/store/settings-store/multi-channel/zalo-user-list-store.js +25 -0
- package/store/smart-qc-store/smart-qc-list-filter-store.js +70 -0
- package/store/tenant-config-store.js +21 -0
- package/store/user-detail-store.js +17 -0
- package/store/user-status-store.js +33 -0
- package/store/workflow-store.js +24 -0
- package/store/workspace-store.js +32 -0
- package/tailwind-preset.js +129 -0
- package/utils/chat-actions.js +414 -0
- package/utils/chat_socket.js +1225 -0
- package/utils/extra-columns.js +108 -0
- package/utils/file.js +316 -0
- package/utils/html-to-plain-text.js +12 -0
- package/utils/notification.js +71 -0
- package/utils/replaceZaloSprite.js +64 -0
- package/utils/show-be-error.js +17 -0
- 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,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
|
+
};
|