@webinex/chatify 2.0.0-alpha10 → 2.0.0-alpha12

package/dist/{Chatify-DGRV4QKP.js → Chatify-CwAfN1wu.js}

@@ -2,9 +2,9 @@ import './Chatify.css';var __defProp = Object.defineProperty;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { Button, Avatar as Avatar$1, List, Space, Tooltip, Input, Skeleton, Menu, Row, Col, Form, Checkbox } from "antd";
+import { Button, Avatar as Avatar$1, List, Space, Tooltip, Input, Skeleton, Menu, Row, Col, Form, DatePicker, Checkbox } from "antd";
 import React, { useContext, useState, useMemo, forwardRef, useCallback, useRef, useEffect, memo, useLayoutEffect } from "react";
-import { DownloadOutlined, DeleteOutlined, EyeInvisibleOutlined, EyeOutlined, TeamOutlined, CloseOutlined, EditOutlined, UsergroupAddOutlined, UserAddOutlined, UsergroupDeleteOutlined, UserDeleteOutlined, SendOutlined, PaperClipOutlined } from "@ant-design/icons";
+import { SettingOutlined, DownloadOutlined, DeleteOutlined, EyeInvisibleOutlined, EyeOutlined, TeamOutlined, CloseOutlined, EditOutlined, UsergroupAddOutlined, UserAddOutlined, UsergroupDeleteOutlined, UserDeleteOutlined, SendOutlined, PaperClipOutlined } from "@ant-design/icons";
 import { createApi, fakeBaseQuery } from "@reduxjs/toolkit/query/react";
 import { useSelector } from "react-redux";
 import * as SignalR from "@microsoft/signalr";
@@ -67,7 +67,8 @@ const ICONS = {
   watch: EyeOutlined,
   unwatch: EyeInvisibleOutlined,
   "delete-file": DeleteOutlined,
-  "open-file": DownloadOutlined
+  "open-file": DownloadOutlined,
+  settings: SettingOutlined
 };
 const Icon = customize("Icon", (props) => {
   const { type } = props;
@@ -259,8 +260,17 @@ class ChatifyClient {
       this._reconnectSubscribers.push(subscriber);
       return () => this._reconnectSubscribers.filter((x) => x !== subscriber);
     });
-    __publicField(this, "accounts", async () => {
-      const { data } = await this.axios.get("account");
+    __publicField(this, "accounts", async (args) => {
+      var _a;
+      const searchParams = new URLSearchParams();
+      (_a = args == null ? void 0 : args.ids) == null ? void 0 : _a.forEach((id) => {
+        searchParams.append("ids", encodeURIComponent(id));
+      });
+      const { data } = await this.axios.get(`account?${searchParams.toString()}`);
+      return data;
+    });
+    __publicField(this, "currentUserAccount", async () => {
+      const { data } = await this.axios.get("account/me");
       return data;
     });
     __publicField(this, "updateAccount", async (request) => {
@@ -384,9 +394,20 @@ const __chatifyApi = __baseApi.injectEndpoints({
     // ==============     ACCOUNT    ======================
     // ====================================================
     getAccountList: builder.query({
-      queryFn: async () => ({ data: await __settings.client.accounts() }),
+      queryFn: async (args) => ({ data: await __settings.client.accounts(args) }),
       providesTags: ["account"]
     }),
+    geCurrentUserAccount: builder.query({
+      queryFn: async () => ({ data: await __settings.client.currentUserAccount() }),
+      providesTags: ["account"]
+    }),
+    updateAccount: builder.mutation({
+      queryFn: async (request) => {
+        await __settings.client.updateAccount(request);
+        return { data: null };
+      },
+      invalidatesTags: ["account"]
+    }),
     // ====================================================
     // ================     CHAT    =======================
     // ====================================================
@@ -929,7 +950,7 @@ function useRemove(chatId2, accountId, deleteHistory) {
 const ChatMemberListItem = customize("ChatMemberListItem", (props) => {
   const { chatId: chatId2 } = props;
   const { data: chat } = chatifyApi.useGetChatQuery({ id: chatId2 });
-  const { data: accounts } = chatifyApi.useGetAccountListQuery();
+  const { data: accounts } = chatifyApi.useGetAccountListQuery({});
   const account = accounts.find((x) => x.id === props.id);
   const isMember = chat.members.some((x) => x.id === account.id);
   const [onAddWithoutHistory] = useAdd(chatId2, account.id, false);
@@ -971,7 +992,7 @@ const ChatMemberListItem = customize("ChatMemberListItem", (props) => {
 const ChatMembersPanel = customize("ChatMembersPanel", () => {
   const { id } = useChatContext();
   const { data: chat } = chatifyApi.useGetChatQuery({ id });
-  const { data: accounts } = chatifyApi.useGetAccountListQuery();
+  const { data: accounts } = chatifyApi.useGetAccountListQuery({});
   const ordered = useMemo(
     () => accounts == null ? void 0 : accounts.slice().sort(
       (a, b) => ((chat == null ? void 0 : chat.members.some((m) => m.id === a.id)) ? -100 : 0) - ((chat == null ? void 0 : chat.members.some((m) => m.id === b.id)) ? -100 : 0) + a.name.localeCompare(b.name)
@@ -1110,6 +1131,18 @@ const base = {
   },
   chatList: {
     topShown: (count) => `Latest active ${count} chat${count !== 1 ? "s" : ""} shown`
+  },
+  autoReply: {
+    buttonTitle: () => "Auto-reply",
+    title: () => "Auto-reply",
+    period: {
+      label: () => "Period",
+      required: () => "Please select start and end date",
+      format: () => "DD/MM/YYYY"
+    },
+    text: { label: () => "Message", required: () => "Please enter message" },
+    submitBtn: () => "Submit",
+    clearBtn: () => "Clear"
   }
 };
 const defaultLocalizer = base;
@@ -1804,6 +1837,183 @@ function ChatPanel(props) {
   const { data: chat } = chatifyApi.useGetChatQuery({ id });
   return /* @__PURE__ */ jsx("div", { className: `wxchtf-chatify wxchtf-chat-panel ${className}`, style, children: /* @__PURE__ */ jsx(LocalizerContext.Provider, { value: localizer, children: /* @__PURE__ */ jsx(CustomizeContext.Provider, { value: customize2, children: chat && /* @__PURE__ */ jsx(ChatView, { value: chat }, id) }) }) });
 }
+const ChatGroupReactContext = React.createContext(null);
+function useChatGroupContext() {
+  return useContext(ChatGroupReactContext);
+}
+function ChatGroupContext(props) {
+  const { children } = props;
+  const [state, setState] = useState({
+    chatId: null,
+    view: null,
+    showMembers: false
+  });
+  const value = useMemo(
+    () => ({
+      ...state,
+      openChat: (chatId2) => setState((prev) => ({ ...prev, view: "chat", chatId: chatId2 })),
+      none: () => setState((prev) => ({ ...prev, view: null, chatId: null })),
+      toggleMembers: () => setState((prev) => ({ ...prev, showMembers: !prev.showMembers })),
+      toggleNewChat: () => setState((prev) => {
+        if (prev.view === "new-chat" && !prev.chatId) {
+          return { ...prev, view: null };
+        } else if (prev.view === "new-chat" && prev.chatId) {
+          return { ...prev, view: "chat" };
+        } else {
+          return { ...prev, view: "new-chat" };
+        }
+      }),
+      toggleAutoReply: () => setState((prev) => {
+        if (prev.view === "auto-reply" && prev.chatId) {
+          return { ...prev, view: "chat" };
+        } else if (prev.view === "auto-reply" && !prev.chatId) {
+          return { ...prev, view: null };
+        } else {
+          return { ...prev, view: "auto-reply" };
+        }
+      })
+    }),
+    [state]
+  );
+  return /* @__PURE__ */ jsx(ChatGroupReactContext.Provider, { value, children });
+}
+const AutoReplyButton = customize("AutoReplyButton", () => {
+  const { toggleAutoReply } = useChatGroupContext();
+  const localizer = useLocalizer();
+  const titleText = localizer.autoReply.buttonTitle();
+  return /* @__PURE__ */ jsx(
+    Button,
+    {
+      className: "wxchtf-add-btn-settings",
+      onClick: toggleAutoReply,
+      icon: /* @__PURE__ */ jsx(Icon, { type: "settings" }),
+      title: titleText,
+      "aria-label": titleText
+    }
+  );
+});
+const AutoReplyPeriodInput = customize("AutoReplyPeriodInput", (props) => {
+  const { name } = props;
+  const localizer = useLocalizer();
+  return /* @__PURE__ */ jsx(
+    Form.Item,
+    {
+      label: localizer.autoReply.period.label(),
+      name,
+      rules: [{ required: true, message: localizer.autoReply.period.required() }],
+      children: /* @__PURE__ */ jsx(DatePicker.RangePicker, { format: localizer.autoReply.period.format() })
+    }
+  );
+});
+const AutoReplyTextInput = customize("AutoReplyTextInput", (props) => {
+  const { name } = props;
+  const localizer = useLocalizer();
+  return /* @__PURE__ */ jsx(
+    Form.Item,
+    {
+      label: localizer.autoReply.text.label(),
+      name,
+      rules: [{ required: true, message: localizer.autoReply.text.required() }],
+      children: /* @__PURE__ */ jsx(Input.TextArea, { rows: 4 })
+    }
+  );
+});
+const AUTO_REPLY_FORM_INITIAL_VALUE = {
+  period: [],
+  text: ""
+};
+const AutoReplyForm = customize("AutoReplyForm", (props) => {
+  const { value, busy = false, onSubmit } = props;
+  const localizer = useLocalizer();
+  const [form] = Form.useForm();
+  useEffect(() => {
+    form.setFieldsValue(value);
+  }, [value, form]);
+  return /* @__PURE__ */ jsxs(
+    Form,
+    {
+      form,
+      layout: "vertical",
+      onFinish: onSubmit,
+      disabled: busy,
+      initialValues: value,
+      children: [
+        /* @__PURE__ */ jsx(AutoReplyPeriodInput, { name: "period" }),
+        /* @__PURE__ */ jsx(AutoReplyTextInput, { name: "text" }),
+        /* @__PURE__ */ jsx(Button, { loading: busy, type: "primary", block: true, htmlType: "submit", children: localizer.autoReply.submitBtn() })
+      ]
+    }
+  );
+});
+function mapToFormValue(autoReply) {
+  if (!autoReply) {
+    return AUTO_REPLY_FORM_INITIAL_VALUE;
+  }
+  return {
+    period: [dayjs(autoReply.period.start), dayjs(autoReply.period.end)],
+    text: autoReply.text
+  };
+}
+function useValue() {
+  const { data: me } = chatifyApi.useGeCurrentUserAccountQuery();
+  const value = useMemo(() => {
+    return mapToFormValue(me == null ? void 0 : me.autoReply);
+  }, [me]);
+  return value;
+}
+function useAutoReplyActions() {
+  const meId = chatifyApi.settings.me();
+  const [updateAccount, { isLoading }] = chatifyApi.useUpdateAccountMutation();
+  const onSubmit = useCallback(
+    (value) => updateAccount({
+      id: meId,
+      autoReply: {
+        hasValue: true,
+        value: {
+          text: value.text,
+          period: {
+            start: value.period[0].toISOString(),
+            end: value.period[1].toISOString()
+          }
+        }
+      }
+    }).unwrap(),
+    [updateAccount, meId]
+  );
+  const onClear = useCallback(
+    () => updateAccount({
+      id: meId,
+      autoReply: {
+        hasValue: true,
+        value: null
+      }
+    }).unwrap(),
+    [updateAccount, meId]
+  );
+  return [onSubmit, isLoading, onClear];
+}
+const AutoReplyPanel = customize("AutoReplyPanel", () => {
+  const localizer = useLocalizer();
+  const { toggleAutoReply } = useChatGroupContext();
+  const value = useValue();
+  const [onSubmit, submitting, onClear] = useAutoReplyActions();
+  return /* @__PURE__ */ jsxs("div", { className: "wxchtf-auto-reply-panel", children: [
+    /* @__PURE__ */ jsx(
+      Button,
+      {
+        onClick: toggleAutoReply,
+        className: "wxchtf-auto-reply-panel-close",
+        type: "link",
+        icon: /* @__PURE__ */ jsx(Icon, { type: "close" })
+      }
+    ),
+    /* @__PURE__ */ jsxs("div", { className: "wxchtf-auto-reply-panel-header", children: [
+      /* @__PURE__ */ jsx("h3", { children: localizer.autoReply.title() }),
+      /* @__PURE__ */ jsx(Button, { type: "link", onClick: onClear, disabled: submitting, className: "wxchtf-auto-reply-panel-clear", children: localizer.autoReply.clearBtn() })
+    ] }),
+    /* @__PURE__ */ jsx(AutoReplyForm, { value, busy: submitting ?? false, onSubmit })
+  ] });
+});
 const CreateChatNameInput = customize("CreateChatNameInput", (props) => {
   const { name } = props;
   const localizer = useLocalizer();
@@ -1822,7 +2032,7 @@ const CreateChatNameInput = customize("CreateChatNameInput", (props) => {
 });
 function CheckboxList(props) {
   const { value, onChange } = props;
-  const { data: accounts, isFetching } = chatifyApi.useGetAccountListQuery();
+  const { data: accounts, isFetching } = chatifyApi.useGetAccountListQuery({});
   const me = chatifyApi.settings.me();
   const dataSource = useMemo(() => (accounts == null ? void 0 : accounts.filter((x) => x.id !== me)) ?? [], [accounts, me]);
   return /* @__PURE__ */ jsx(
@@ -1875,37 +2085,6 @@ const CreateChatForm = customize("CreateChatForm", (props) => {
     /* @__PURE__ */ jsx(Button, { loading: busy, type: "primary", block: true, htmlType: "submit", children: localizer.addChat.submitBtn() })
   ] });
 });
-const ChatGroupReactContext = React.createContext(null);
-function useChatGroupContext() {
-  return useContext(ChatGroupReactContext);
-}
-function ChatGroupContext(props) {
-  const { children } = props;
-  const [state, setState] = useState({
-    chatId: null,
-    view: null,
-    showMembers: false
-  });
-  const value = useMemo(
-    () => ({
-      ...state,
-      openChat: (chatId2) => setState((prev) => ({ ...prev, view: "chat", chatId: chatId2 })),
-      none: () => setState((prev) => ({ ...prev, view: null, chatId: null })),
-      toggleMembers: () => setState((prev) => ({ ...prev, showMembers: !prev.showMembers })),
-      toggleNewChat: () => setState((prev) => {
-        if (prev.view === "new-chat" && !prev.chatId) {
-          return { ...prev, view: null };
-        } else if (prev.view === "new-chat" && prev.chatId) {
-          return { ...prev, view: "chat" };
-        } else {
-          return { ...prev, view: "new-chat" };
-        }
-      })
-    }),
-    [state]
-  );
-  return /* @__PURE__ */ jsx(ChatGroupReactContext.Provider, { value, children });
-}
 function useSubmit() {
   const [add, { isLoading }] = chatifyApi.useAddChatMutation();
   const { openChat } = useChatGroupContext();
@@ -1940,6 +2119,12 @@ const CreateChatButton = customize("CreateChatButton", () => {
   const { toggleNewChat } = useChatGroupContext();
   return /* @__PURE__ */ jsx("span", { className: "wxchtf-add-btn-wrapper", children: /* @__PURE__ */ jsx(Button, { className: "wxchtf-add-btn", onClick: toggleNewChat, icon: "+", children: "Add chat" }) });
 });
+const ChatGroupActions = customize("ChatGroupActions", () => {
+  return /* @__PURE__ */ jsx("span", { className: "wxchtf-add-btn-wrapper", children: /* @__PURE__ */ jsxs(Space.Compact, { className: "wxchtf-add-btn-group", children: [
+    /* @__PURE__ */ jsx(CreateChatButton, {}),
+    /* @__PURE__ */ jsx(AutoReplyButton, {})
+  ] }) });
+});
 function useData() {
   const { data: chats } = chatifyApi.useGetChatListQuery();
   return useMemo(
@@ -1961,7 +2146,7 @@ const ChatListPanel = customize("ChatListPanel", () => {
 });
 const ChatGroupAside = customize("ChatGroupAside", () => {
   return /* @__PURE__ */ jsxs("div", { className: "wxchtf-aside", children: [
-    /* @__PURE__ */ jsx(CreateChatButton, {}),
+    /* @__PURE__ */ jsx(ChatGroupActions, {}),
     /* @__PURE__ */ jsx(ChatListPanel, {})
   ] });
 });
@@ -1974,7 +2159,8 @@ const ChatGroupMain = customize("ChatGroupMain", () => {
   const chat = chatifyApi.useChatListItem(chatId2);
   return /* @__PURE__ */ jsxs("div", { className: "wxchtf-main", children: [
     view === "chat" && chat && /* @__PURE__ */ jsx(ChatView, { value: chat }, chatId2),
-    view === "new-chat" && /* @__PURE__ */ jsx(CreateChatPanel, {})
+    view === "new-chat" && /* @__PURE__ */ jsx(CreateChatPanel, {}),
+    view === "auto-reply" && /* @__PURE__ */ jsx(AutoReplyPanel, {})
   ] });
 });
 const ChatGroupBody = customize("ChatGroupBody", () => /* @__PURE__ */ jsxs("div", { className: "wxchtf-body", children: [
@@ -2106,74 +2292,81 @@ const Chatify = {
   Chat: ChatPanel
 };
 export {
-  SendingMessageText as $,
-  ChatListPanel as A,
-  useChatGroupContext as B,
+  MessageFileList as $,
+  AutoReplyButton as A,
+  ChatGroupActions as B,
   CustomizeContext as C,
   DEFAULT_CHAT_VIEW_CUSTOMIZE_VALUE as D,
-  ChatGroupContext as E,
-  ChatGroupPanel as F,
-  InputFileButton as G,
-  InputFilesBox as H,
-  InputBox as I,
-  InputSubmitButtonBox as J,
-  InputTextBox as K,
+  ChatGroupAside as E,
+  ChatGroupHeader as F,
+  ChatGroupFooter as G,
+  ChatGroupMain as H,
+  ChatGroupBody as I,
+  ChatListPanel as J,
+  useChatGroupContext as K,
   LocalizerContext as L,
-  InputBoxFileList as M,
-  InputBoxFile as N,
-  MessageAuthor as O,
-  MessageBox as P,
-  MessageContent as Q,
-  MessageInfoBox as R,
-  MessageRow as S,
-  MessageText as T,
-  MessageFileList as U,
-  MessageFile as V,
-  NextMessagesObserver as W,
-  MessageReadObserver as X,
-  SendingMessageBox as Y,
-  SendingMessageContent as Z,
-  SendingMessageInfoBox as _,
+  ChatGroupContext as M,
+  ChatGroupPanel as N,
+  InputBox as O,
+  InputFileButton as P,
+  InputFilesBox as Q,
+  InputSubmitButtonBox as R,
+  InputTextBox as S,
+  InputBoxFileList as T,
+  InputBoxFile as U,
+  MessageAuthor as V,
+  MessageBox as W,
+  MessageContent as X,
+  MessageInfoBox as Y,
+  MessageRow as Z,
+  MessageText as _,
   useCustomize as a,
-  SystemMessageBox as a0,
-  formatSystemMessage as a1,
-  SystemMessageRow as a2,
-  ConversationActions as a3,
-  ConversationBody as a4,
-  ConversationHeader as a5,
-  ConversationName as a6,
-  ConversationContext as a7,
-  useConversation$1 as a8,
-  Conversation as a9,
-  CHATIFY_SIGNALR_METHODS as aA,
-  ChatifyClient as aB,
-  unsubscribe as aC,
-  ThreadActions as aa,
-  ThreadPanel as ab,
-  ThreadContext as ac,
-  useThreadContext as ad,
-  Avatar as ae,
-  ICONS as af,
-  Icon as ag,
-  MessageSkeleton as ah,
-  ChatList as ai,
-  ChatListItemAvatar as aj,
-  ChatListItemBox as ak,
-  ChatListItemLastMessage as al,
-  ChatListItemLastMessageAuthor as am,
-  ChatListItemLastMessageContent as an,
-  ChatListItemLastMessageSentAt as ao,
-  ChatListItemName as ap,
-  ChatListItemUnreadCount as aq,
-  SYSTEM_ID as ar,
-  chatId as as,
-  messageSequencePart as at,
-  parseThreadMessageId as au,
-  calcThreadUnreadCount as av,
-  calcThreadListUnreadCount as aw,
-  useChatListItem as ax,
-  useUnreadThreadMessageCount as ay,
-  chatifyApi as az,
+  MessageFile as a0,
+  NextMessagesObserver as a1,
+  MessageReadObserver as a2,
+  SendingMessageBox as a3,
+  SendingMessageContent as a4,
+  SendingMessageInfoBox as a5,
+  SendingMessageText as a6,
+  SystemMessageBox as a7,
+  formatSystemMessage as a8,
+  SystemMessageRow as a9,
+  messageSequencePart as aA,
+  parseThreadMessageId as aB,
+  calcThreadUnreadCount as aC,
+  calcThreadListUnreadCount as aD,
+  useChatListItem as aE,
+  useUnreadThreadMessageCount as aF,
+  chatifyApi as aG,
+  CHATIFY_SIGNALR_METHODS as aH,
+  ChatifyClient as aI,
+  unsubscribe as aJ,
+  ConversationActions as aa,
+  ConversationBody as ab,
+  ConversationHeader as ac,
+  ConversationName as ad,
+  ConversationContext as ae,
+  useConversation$1 as af,
+  Conversation as ag,
+  ThreadActions as ah,
+  ThreadPanel as ai,
+  ThreadContext as aj,
+  useThreadContext as ak,
+  Avatar as al,
+  ICONS as am,
+  Icon as an,
+  MessageSkeleton as ao,
+  ChatList as ap,
+  ChatListItemAvatar as aq,
+  ChatListItemBox as ar,
+  ChatListItemLastMessage as as,
+  ChatListItemLastMessageAuthor as at,
+  ChatListItemLastMessageContent as au,
+  ChatListItemLastMessageSentAt as av,
+  ChatListItemName as aw,
+  ChatListItemUnreadCount as ax,
+  SYSTEM_ID as ay,
+  chatId as az,
   customize as b,
   color as c,
   Chatify as d,
@@ -2188,16 +2381,16 @@ export {
   ChatEditableHeaderName as m,
   ChatHeaderActions as n,
   ChatPanel as o,
-  CreateChatForm as p,
-  CreateChatMemberInput as q,
-  CreateChatNameInput as r,
-  CreateChatPanel as s,
-  CreateChatButton as t,
+  AUTO_REPLY_FORM_INITIAL_VALUE as p,
+  AutoReplyForm as q,
+  AutoReplyPanel as r,
+  AutoReplyPeriodInput as s,
+  AutoReplyTextInput as t,
   useCustomizeContext as u,
-  ChatGroupAside as v,
-  ChatGroupHeader as w,
-  ChatGroupFooter as x,
-  ChatGroupMain as y,
-  ChatGroupBody as z
+  CreateChatForm as v,
+  CreateChatMemberInput as w,
+  CreateChatNameInput as x,
+  CreateChatPanel as y,
+  CreateChatButton as z
 };
-//# sourceMappingURL=Chatify-DGRV4QKP.js.map
+//# sourceMappingURL=Chatify-CwAfN1wu.js.map