@webinex/chatify 1.0.3-rc3 → 2.0.0-alpha10

package/dist/css/chatify.css

@@ -1,528 +0,0 @@
-@keyframes fadeInFromNone {
-  0% {
-    display: none;
-    opacity: 0;
-  }
-  1% {
-    opacity: 0;
-  }
-  100% {
-    opacity: 1;
-  }
-}
-.wxchtf-aside {
-  flex: none;
-  display: flex;
-  flex-flow: column nowrap;
-  background: #ffffff;
-  border-top-left-radius: 24px;
-  border-bottom-left-radius: 24px;
-  padding-top: 15px;
-  width: 320px;
-  position: relative;
-  overflow: hidden;
-}
-.wxchtf-aside::before {
-  position: absolute;
-  content: "";
-  left: 0;
-  bottom: 0;
-  width: calc(100% - 10px);
-  height: 20px;
-  z-index: 1;
-  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
-}
-.wxchtf-aside .wxchtf-chat-list.ant-menu {
-  flex: 1 1 auto;
-  height: 100px;
-  overflow-y: auto;
-  border-inline-end: none;
-  padding-bottom: 2rem;
-}
-.wxchtf-aside .wxchtf-chat-list.ant-menu::-webkit-scrollbar {
-  width: 8px;
-  height: 8px;
-}
-.wxchtf-aside .wxchtf-chat-list.ant-menu::-webkit-scrollbar-track {
-  background-color: #f1f1f1;
-}
-.wxchtf-aside .wxchtf-chat-list.ant-menu::-webkit-scrollbar-thumb {
-  background-color: #dfdfdf;
-}
-.wxchtf-aside .wxchtf-chat-list.ant-menu .ant-menu-item + .ant-menu-item {
-  margin-top: 8px;
-}
-.wxchtf-aside .wxchtf-chat-list.ant-menu .ant-menu-item {
-  padding: 0;
-  height: unset;
-  margin: 0;
-  margin-left: 8px;
-  width: calc(100% - 16px);
-  border-radius: 8px;
-  line-height: 1.5;
-}
-.wxchtf-aside .wxchtf-chat-list.ant-menu .ant-menu-item.ant-menu-item-selected {
-  background-color: #e4f7f7;
-}
-.wxchtf-aside .wxchtf-chat-list.ant-menu .ant-menu-item.ant-menu-item-selected .wxchtf-chat-name {
-  font-weight: 600;
-}
-.wxchtf-aside .wxchtf-chat-list.ant-menu .ant-menu-item .wxchtf-chat {
-  padding-inline: 10px;
-  padding-block: 8.5px;
-  position: relative;
-}
-.wxchtf-aside .wxchtf-chat-list.ant-menu .ant-menu-item .wxchtf-chat.--unread .wxchtf-chat-last {
-  font-weight: bold;
-}
-.wxchtf-aside .wxchtf-chat-list.ant-menu .ant-menu-item .wxchtf-chat.--unread .wxchtf-chat-name {
-  font-weight: bold;
-  max-width: 100%;
-}
-.wxchtf-aside .wxchtf-chat-list.ant-menu .ant-menu-item .wxchtf-chat .wxchtf-chat-name {
-  display: inline-block;
-  font-weight: 500;
-}
-.wxchtf-aside .wxchtf-chat-list.ant-menu .ant-menu-item .wxchtf-chat .wxchtf-unread-count {
-  background-color: #ff4d4f;
-  border-radius: 50%;
-  width: 16px;
-  height: 16px;
-  padding: 0;
-  font-size: 10px;
-  position: absolute;
-  top: 32px;
-  right: 13px;
-  color: white;
-  line-height: 16px;
-  font-weight: bold;
-  text-align: center;
-}
-.wxchtf-aside .wxchtf-chat-list.ant-menu .ant-menu-item .wxchtf-chat .wxchtf-chat-last {
-  color: rgba(14, 15, 23, 0.6);
-  font-style: italic;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  line-height: 25px;
-}
-.wxchtf-aside .wxchtf-chat-list.ant-menu .ant-menu-item .wxchtf-chat .wxchtf-chat-last .wxchtf-chat-last-author {
-  display: inline-block;
-  margin-right: 0.5rem;
-}
-.wxchtf-aside .wxchtf-chat-list.ant-menu .ant-menu-item .wxchtf-chat .wxchtf-chat-last .wxchtf-chat-last-author .ant-avatar {
-  display: inline-block;
-  border: none;
-  margin-right: 5px;
-  width: 25px;
-  height: 25px;
-  line-height: 23px;
-}
-.wxchtf-aside .wxchtf-chat-list.ant-menu .ant-menu-item .wxchtf-chat .wxchtf-chat-last .wxchtf-chat-last-author::after {
-  content: ":";
-}
-.wxchtf-aside .wxchtf-chat-list.ant-menu .ant-menu-item .wxchtf-chat .wxchtf-chat-last .wxchtf-chat-last-message {
-  display: inline;
-}
-.wxchtf-aside .wxchtf-chat-list.ant-menu .ant-menu-item .wxchtf-chat .wxchtf-chat-last .wxchtf-chat-last-sent-at {
-  position: absolute;
-  top: 7px;
-  right: 13px;
-  font-size: 0.8em;
-}
-
-.wxchtf-chatify .wxchtf-chat-panel {
-  flex: auto;
-  display: flex;
-  flex-flow: row nowrap;
-}
-.wxchtf-chatify .wxchtf-chat-panel .wxchtf-chat-main {
-  flex: 1;
-  display: flex;
-  flex-flow: column nowrap;
-}
-.wxchtf-chatify .wxchtf-chat-panel .wxchtf-chat-main .wxchtf-chat-header {
-  padding: 15px 20px;
-  line-height: 24px;
-  z-index: 1;
-  box-shadow: 0px 2px 4px 0px rgba(88, 99, 107, 0.04), 0px 1px 9px -1px rgba(88, 99, 107, 0.04), 0px 1px 2px 0px rgba(88, 99, 107, 0.06);
-}
-.wxchtf-chatify .wxchtf-chat-panel .wxchtf-chat-main .wxchtf-chat-header .wxchtf-chat-name {
-  font-weight: 600;
-  font-size: 16px;
-  flex: none;
-}
-.wxchtf-chatify .wxchtf-chat-panel .wxchtf-chat-main .wxchtf-chat-header .wxchtf-chat-name.--editable {
-  cursor: pointer;
-}
-.wxchtf-chatify .wxchtf-chat-panel .wxchtf-chat-main .wxchtf-chat-header .wxchtf-chat-members {
-  display: inline-flex;
-  gap: 6px;
-}
-.wxchtf-chatify .wxchtf-chat-panel .wxchtf-chat-main .wxchtf-chat-body {
-  flex: 1 1 auto;
-  height: 100px;
-  overflow-y: auto;
-  background: white;
-  padding: 2rem 1rem;
-  padding-right: 1rem;
-  display: flex;
-  flex-flow: column-reverse nowrap;
-  align-items: center;
-}
-.wxchtf-chatify .wxchtf-chat-panel .wxchtf-chat-main .wxchtf-chat-body::-webkit-scrollbar {
-  width: 8px;
-  height: 8px;
-}
-.wxchtf-chatify .wxchtf-chat-panel .wxchtf-chat-main .wxchtf-chat-body::-webkit-scrollbar-track {
-  background-color: #f1f1f1;
-}
-.wxchtf-chatify .wxchtf-chat-panel .wxchtf-chat-main .wxchtf-chat-body::-webkit-scrollbar-thumb {
-  background-color: #dfdfdf;
-}
-.wxchtf-chatify .wxchtf-chat-panel .wxchtf-chat-main .wxchtf-chat-body .wxchtf-message,
-.wxchtf-chatify .wxchtf-chat-panel .wxchtf-chat-main .wxchtf-chat-body .wxchtf-sending-message,
-.wxchtf-chatify .wxchtf-chat-panel .wxchtf-chat-main .wxchtf-chat-body .wxchtf-system-message,
-.wxchtf-chatify .wxchtf-chat-panel .wxchtf-chat-main .wxchtf-chat-body .wxchtf-message-skeleton {
-  margin-bottom: 8px;
-  max-width: 1110px;
-  width: 100%;
-}
-.wxchtf-chatify .wxchtf-chat-panel .wxchtf-chat-main .wxchtf-chat-body .wxchtf-message:first-child,
-.wxchtf-chatify .wxchtf-chat-panel .wxchtf-chat-main .wxchtf-chat-body .wxchtf-sending-message:first-child,
-.wxchtf-chatify .wxchtf-chat-panel .wxchtf-chat-main .wxchtf-chat-body .wxchtf-system-message:first-child,
-.wxchtf-chatify .wxchtf-chat-panel .wxchtf-chat-main .wxchtf-chat-body .wxchtf-message-skeleton:first-child {
-  margin-bottom: 0;
-}
-.wxchtf-chatify .wxchtf-chat-panel .wxchtf-chat-main .wxchtf-chat-body .wxchtf-message,
-.wxchtf-chatify .wxchtf-chat-panel .wxchtf-chat-main .wxchtf-chat-body .wxchtf-sending-message {
-  display: flex;
-  flex-flow: row nowrap;
-  align-items: flex-start;
-}
-.wxchtf-chatify .wxchtf-chat-panel .wxchtf-chat-main .wxchtf-chat-body .wxchtf-message:not(.--my) .wxchtf-message-content,
-.wxchtf-chatify .wxchtf-chat-panel .wxchtf-chat-main .wxchtf-chat-body .wxchtf-message:not(.--my) .wxchtf-sending-message-content,
-.wxchtf-chatify .wxchtf-chat-panel .wxchtf-chat-main .wxchtf-chat-body .wxchtf-sending-message:not(.--my) .wxchtf-message-content,
-.wxchtf-chatify .wxchtf-chat-panel .wxchtf-chat-main .wxchtf-chat-body .wxchtf-sending-message:not(.--my) .wxchtf-sending-message-content {
-  border-bottom-left-radius: 0;
-}
-.wxchtf-chatify .wxchtf-chat-panel .wxchtf-chat-main .wxchtf-chat-body .wxchtf-message.--my,
-.wxchtf-chatify .wxchtf-chat-panel .wxchtf-chat-main .wxchtf-chat-body .wxchtf-sending-message.--my {
-  direction: rtl;
-  justify-content: flex-start;
-}
-.wxchtf-chatify .wxchtf-chat-panel .wxchtf-chat-main .wxchtf-chat-body .wxchtf-message.--my .wxchtf-message-author,
-.wxchtf-chatify .wxchtf-chat-panel .wxchtf-chat-main .wxchtf-chat-body .wxchtf-sending-message.--my .wxchtf-message-author {
-  display: none;
-}
-.wxchtf-chatify .wxchtf-chat-panel .wxchtf-chat-main .wxchtf-chat-body .wxchtf-message.--my .wxchtf-message-content,
-.wxchtf-chatify .wxchtf-chat-panel .wxchtf-chat-main .wxchtf-chat-body .wxchtf-message.--my .wxchtf-sending-message-content,
-.wxchtf-chatify .wxchtf-chat-panel .wxchtf-chat-main .wxchtf-chat-body .wxchtf-sending-message.--my .wxchtf-message-content,
-.wxchtf-chatify .wxchtf-chat-panel .wxchtf-chat-main .wxchtf-chat-body .wxchtf-sending-message.--my .wxchtf-sending-message-content {
-  direction: ltr;
-  border-bottom-right-radius: 0;
-  background-color: #e4f7f7;
-}
-.wxchtf-chatify .wxchtf-chat-panel .wxchtf-chat-main .wxchtf-chat-body .wxchtf-message.--my .wxchtf-message-info-box,
-.wxchtf-chatify .wxchtf-chat-panel .wxchtf-chat-main .wxchtf-chat-body .wxchtf-sending-message.--my .wxchtf-message-info-box {
-  text-align: right;
-}
-.wxchtf-chatify .wxchtf-chat-panel .wxchtf-chat-main .wxchtf-chat-body .wxchtf-message .wxchtf-message-author,
-.wxchtf-chatify .wxchtf-chat-panel .wxchtf-chat-main .wxchtf-chat-body .wxchtf-sending-message .wxchtf-message-author {
-  margin-right: 15px;
-}
-.wxchtf-chatify .wxchtf-chat-panel .wxchtf-chat-main .wxchtf-chat-body .wxchtf-message .wxchtf-message-author .ant-avatar,
-.wxchtf-chatify .wxchtf-chat-panel .wxchtf-chat-main .wxchtf-chat-body .wxchtf-sending-message .wxchtf-message-author .ant-avatar {
-  width: 40px;
-  height: 40px;
-  line-height: 38px;
-}
-.wxchtf-chatify .wxchtf-chat-panel .wxchtf-chat-main .wxchtf-chat-body .wxchtf-message .wxchtf-message-info-box,
-.wxchtf-chatify .wxchtf-chat-panel .wxchtf-chat-main .wxchtf-chat-body .wxchtf-message .wxchtf-sending-message-info-box,
-.wxchtf-chatify .wxchtf-chat-panel .wxchtf-chat-main .wxchtf-chat-body .wxchtf-sending-message .wxchtf-message-info-box,
-.wxchtf-chatify .wxchtf-chat-panel .wxchtf-chat-main .wxchtf-chat-body .wxchtf-sending-message .wxchtf-sending-message-info-box {
-  text-align: left;
-  margin-bottom: 3px;
-}
-.wxchtf-chatify .wxchtf-chat-panel .wxchtf-chat-main .wxchtf-chat-body .wxchtf-message .wxchtf-message-info-box .wxchtf-message-author-name,
-.wxchtf-chatify .wxchtf-chat-panel .wxchtf-chat-main .wxchtf-chat-body .wxchtf-message .wxchtf-message-info-box .wxchtf-message-sent-at,
-.wxchtf-chatify .wxchtf-chat-panel .wxchtf-chat-main .wxchtf-chat-body .wxchtf-message .wxchtf-message-info-box .wxchtf-message-read-box,
-.wxchtf-chatify .wxchtf-chat-panel .wxchtf-chat-main .wxchtf-chat-body .wxchtf-message .wxchtf-message-info-box .wxchtf-sending-message-sending-box,
-.wxchtf-chatify .wxchtf-chat-panel .wxchtf-chat-main .wxchtf-chat-body .wxchtf-message .wxchtf-sending-message-info-box .wxchtf-message-author-name,
-.wxchtf-chatify .wxchtf-chat-panel .wxchtf-chat-main .wxchtf-chat-body .wxchtf-message .wxchtf-sending-message-info-box .wxchtf-message-sent-at,
-.wxchtf-chatify .wxchtf-chat-panel .wxchtf-chat-main .wxchtf-chat-body .wxchtf-message .wxchtf-sending-message-info-box .wxchtf-message-read-box,
-.wxchtf-chatify .wxchtf-chat-panel .wxchtf-chat-main .wxchtf-chat-body .wxchtf-message .wxchtf-sending-message-info-box .wxchtf-sending-message-sending-box,
-.wxchtf-chatify .wxchtf-chat-panel .wxchtf-chat-main .wxchtf-chat-body .wxchtf-sending-message .wxchtf-message-info-box .wxchtf-message-author-name,
-.wxchtf-chatify .wxchtf-chat-panel .wxchtf-chat-main .wxchtf-chat-body .wxchtf-sending-message .wxchtf-message-info-box .wxchtf-message-sent-at,
-.wxchtf-chatify .wxchtf-chat-panel .wxchtf-chat-main .wxchtf-chat-body .wxchtf-sending-message .wxchtf-message-info-box .wxchtf-message-read-box,
-.wxchtf-chatify .wxchtf-chat-panel .wxchtf-chat-main .wxchtf-chat-body .wxchtf-sending-message .wxchtf-message-info-box .wxchtf-sending-message-sending-box,
-.wxchtf-chatify .wxchtf-chat-panel .wxchtf-chat-main .wxchtf-chat-body .wxchtf-sending-message .wxchtf-sending-message-info-box .wxchtf-message-author-name,
-.wxchtf-chatify .wxchtf-chat-panel .wxchtf-chat-main .wxchtf-chat-body .wxchtf-sending-message .wxchtf-sending-message-info-box .wxchtf-message-sent-at,
-.wxchtf-chatify .wxchtf-chat-panel .wxchtf-chat-main .wxchtf-chat-body .wxchtf-sending-message .wxchtf-sending-message-info-box .wxchtf-message-read-box,
-.wxchtf-chatify .wxchtf-chat-panel .wxchtf-chat-main .wxchtf-chat-body .wxchtf-sending-message .wxchtf-sending-message-info-box .wxchtf-sending-message-sending-box {
-  display: inline-block;
-  font-size: 0.85em;
-  opacity: 0.5;
-}
-.wxchtf-chatify .wxchtf-chat-panel .wxchtf-chat-main .wxchtf-chat-body .wxchtf-message .wxchtf-message-info-box .wxchtf-message-sent-at,
-.wxchtf-chatify .wxchtf-chat-panel .wxchtf-chat-main .wxchtf-chat-body .wxchtf-message .wxchtf-message-info-box .wxchtf-message-read-box,
-.wxchtf-chatify .wxchtf-chat-panel .wxchtf-chat-main .wxchtf-chat-body .wxchtf-message .wxchtf-message-info-box .wxchtf-sending-message-sending-box,
-.wxchtf-chatify .wxchtf-chat-panel .wxchtf-chat-main .wxchtf-chat-body .wxchtf-message .wxchtf-sending-message-info-box .wxchtf-message-sent-at,
-.wxchtf-chatify .wxchtf-chat-panel .wxchtf-chat-main .wxchtf-chat-body .wxchtf-message .wxchtf-sending-message-info-box .wxchtf-message-read-box,
-.wxchtf-chatify .wxchtf-chat-panel .wxchtf-chat-main .wxchtf-chat-body .wxchtf-message .wxchtf-sending-message-info-box .wxchtf-sending-message-sending-box,
-.wxchtf-chatify .wxchtf-chat-panel .wxchtf-chat-main .wxchtf-chat-body .wxchtf-sending-message .wxchtf-message-info-box .wxchtf-message-sent-at,
-.wxchtf-chatify .wxchtf-chat-panel .wxchtf-chat-main .wxchtf-chat-body .wxchtf-sending-message .wxchtf-message-info-box .wxchtf-message-read-box,
-.wxchtf-chatify .wxchtf-chat-panel .wxchtf-chat-main .wxchtf-chat-body .wxchtf-sending-message .wxchtf-message-info-box .wxchtf-sending-message-sending-box,
-.wxchtf-chatify .wxchtf-chat-panel .wxchtf-chat-main .wxchtf-chat-body .wxchtf-sending-message .wxchtf-sending-message-info-box .wxchtf-message-sent-at,
-.wxchtf-chatify .wxchtf-chat-panel .wxchtf-chat-main .wxchtf-chat-body .wxchtf-sending-message .wxchtf-sending-message-info-box .wxchtf-message-read-box,
-.wxchtf-chatify .wxchtf-chat-panel .wxchtf-chat-main .wxchtf-chat-body .wxchtf-sending-message .wxchtf-sending-message-info-box .wxchtf-sending-message-sending-box {
-  margin-left: 5px;
-}
-.wxchtf-chatify .wxchtf-chat-panel .wxchtf-chat-main .wxchtf-chat-body .wxchtf-message .wxchtf-message-content,
-.wxchtf-chatify .wxchtf-chat-panel .wxchtf-chat-main .wxchtf-chat-body .wxchtf-message .wxchtf-sending-message-content,
-.wxchtf-chatify .wxchtf-chat-panel .wxchtf-chat-main .wxchtf-chat-body .wxchtf-sending-message .wxchtf-message-content,
-.wxchtf-chatify .wxchtf-chat-panel .wxchtf-chat-main .wxchtf-chat-body .wxchtf-sending-message .wxchtf-sending-message-content {
-  width: fit-content;
-  min-width: 300px;
-  max-width: 70%;
-  padding: 12px 19px;
-  background: white;
-  background-color: #f5f5f5;
-  display: block;
-  white-space: pre-wrap;
-  overflow-wrap: break-word;
-  border-radius: 24px;
-}
-.wxchtf-chatify .wxchtf-chat-panel .wxchtf-chat-main .wxchtf-chat-body .wxchtf-message .wxchtf-message-content .wxchtf-message-text,
-.wxchtf-chatify .wxchtf-chat-panel .wxchtf-chat-main .wxchtf-chat-body .wxchtf-message .wxchtf-sending-message-content .wxchtf-message-text,
-.wxchtf-chatify .wxchtf-chat-panel .wxchtf-chat-main .wxchtf-chat-body .wxchtf-sending-message .wxchtf-message-content .wxchtf-message-text,
-.wxchtf-chatify .wxchtf-chat-panel .wxchtf-chat-main .wxchtf-chat-body .wxchtf-sending-message .wxchtf-sending-message-content .wxchtf-message-text {
-  line-height: 21px;
-}
-.wxchtf-chatify .wxchtf-chat-panel .wxchtf-chat-main .wxchtf-chat-body .wxchtf-system-message {
-  font-style: italic;
-  position: relative;
-  text-align: center;
-  color: rgba(14, 15, 23, 0.6);
-}
-.wxchtf-chatify .wxchtf-chat-panel .wxchtf-chat-main .wxchtf-chat-body .wxchtf-system-message .wxchtf-text,
-.wxchtf-chatify .wxchtf-chat-panel .wxchtf-chat-main .wxchtf-chat-body .wxchtf-system-message .wxchtf-timestamp {
-  position: relative;
-  z-index: 1;
-  padding-inline: 8px;
-  display: inline-block;
-  font-size: 0.85em;
-  background-color: white;
-}
-.wxchtf-chatify .wxchtf-chat-panel .wxchtf-chat-main .wxchtf-chat-body .wxchtf-system-message .wxchtf-timestamp {
-  padding-left: 10px;
-}
-.wxchtf-chatify .wxchtf-chat-panel .wxchtf-chat-main .wxchtf-chat-body .wxchtf-system-message::after {
-  content: "";
-  position: absolute;
-  height: 1px;
-  width: 100%;
-  left: 0;
-  top: 50%;
-  z-index: 0;
-  background-color: rgba(0, 0, 0, 0.0588235294);
-}
-.wxchtf-chatify .wxchtf-chat-panel .wxchtf-chat-main .wxchtf-chat-body .wxchtf-message-skeleton {
-  display: flex;
-  flex-flow: row nowrap;
-  align-items: flex-end;
-}
-.wxchtf-chatify .wxchtf-chat-panel .wxchtf-chat-main .wxchtf-chat-body .wxchtf-message-skeleton .wxchtf-avatar {
-  margin-right: 15px;
-}
-.wxchtf-chatify .wxchtf-chat-panel .wxchtf-chat-main .wxchtf-chat-body .wxchtf-message-skeleton .wxchtf-avatar .ant-skeleton-avatar {
-  width: 40px;
-  height: 40px;
-  line-height: 40px;
-}
-.wxchtf-chatify .wxchtf-chat-panel .wxchtf-chat-main .wxchtf-chat-body .wxchtf-message-skeleton .wxchtf-content {
-  width: 300px;
-  height: 100px;
-  border-radius: 10px;
-  border-bottom-left-radius: 0;
-}
-.wxchtf-chatify .wxchtf-chat-panel .wxchtf-chat-members-panel {
-  min-width: 300px;
-  box-shadow: -4px 0px 20px -5px rgba(12, 217, 226, 0.0784313725), -2px 1px 12px rgba(0, 110, 114, 0.0588235294);
-}
-.wxchtf-chatify .wxchtf-chat-panel .wxchtf-chat-members-panel .wxchtf-chat-members-list .wxchtf-chat-members-list-item {
-  padding-inline: 1rem;
-  border-block-end: none;
-}
-
-.wxchtf-input-form {
-  flex: none;
-  max-height: 300px;
-  display: flex;
-  flex-flow: column nowrap;
-  padding: 12px 20px 20px 20px;
-}
-.wxchtf-input-form .wxchtf-input-box {
-  flex: none;
-  display: flex;
-  flex-flow: row nowrap;
-  padding: 8px;
-  max-width: 1110px;
-  width: 100%;
-  margin: auto;
-  background: rgb(245, 245, 245);
-  border-radius: 40px;
-}
-.wxchtf-input-form .wxchtf-input-box .wxchtf-add-files-box,
-.wxchtf-input-form .wxchtf-input-box .wxchtf-submit-btn-box {
-  align-items: center;
-}
-.wxchtf-input-form .wxchtf-input-box .wxchtf-add-files-box button,
-.wxchtf-input-form .wxchtf-input-box .wxchtf-submit-btn-box button {
-  width: unset;
-}
-.wxchtf-input-form .wxchtf-input-box .wxchtf-add-files-box svg,
-.wxchtf-input-form .wxchtf-input-box .wxchtf-submit-btn-box svg {
-  font-size: 18px;
-  color: rgba(14, 15, 23, 0.25);
-}
-.wxchtf-input-form .wxchtf-input-box .wxchtf-add-files-box {
-  flex: none;
-  display: flex;
-  padding: 0 1rem;
-  align-items: flex-end;
-}
-.wxchtf-input-form .wxchtf-input-box .wxchtf-add-files-box .ant-btn.ant-btn-icon-only .anticon {
-  font-size: 1.5rem;
-}
-.wxchtf-input-form .wxchtf-input-box .wxchtf-text-input-box {
-  flex: auto;
-  margin-left: 16px;
-  margin-right: 16px;
-}
-.wxchtf-input-form .wxchtf-input-box .wxchtf-text-input-box textarea {
-  resize: none;
-  border: none;
-  outline: none;
-  box-shadow: none;
-  background: transparent;
-  padding-inline: 0;
-  font-size: 13px;
-  line-height: 26px;
-}
-.wxchtf-input-form .wxchtf-input-box .wxchtf-text-input-box textarea::-webkit-scrollbar {
-  width: 8px;
-  height: 8px;
-}
-.wxchtf-input-form .wxchtf-input-box .wxchtf-text-input-box textarea::-webkit-scrollbar-track {
-  background-color: #f1f1f1;
-}
-.wxchtf-input-form .wxchtf-input-box .wxchtf-text-input-box textarea::-webkit-scrollbar-thumb {
-  background-color: #dfdfdf;
-}
-.wxchtf-input-form .wxchtf-input-box .wxchtf-submit-btn-box {
-  flex: none;
-  display: flex;
-  padding: 0 1rem;
-  align-items: flex-end;
-  margin-left: 1rem;
-}
-.wxchtf-input-form .wxchtf-input-box .wxchtf-submit-btn-box .ant-btn.ant-btn-icon-only .anticon {
-  font-size: 1.5rem;
-}
-
-.wxchtf-chatify {
-  display: flex;
-  flex-flow: column nowrap;
-  background: white;
-  border-radius: 24px;
-}
-.wxchtf-chatify .wxchtf-header {
-  min-height: 2rem;
-}
-.wxchtf-chatify .wxchtf-body {
-  flex: 1 0;
-  display: flex;
-  flex-flow: row nowrap;
-}
-.wxchtf-chatify .wxchtf-footer {
-  min-height: 2rem;
-}
-.wxchtf-chatify .wxchtf-add-btn-wrapper {
-  width: 100%;
-  text-align: right;
-  padding-inline: 0.5rem;
-  margin-bottom: 1rem;
-}
-.wxchtf-chatify .wxchtf-add-btn-wrapper .wxchtf-add-btn {
-  border: none;
-  background-color: #e4f7f7;
-  height: 50px;
-  padding: 0;
-  line-height: 50px;
-  min-width: 150px;
-  border-radius: 50px;
-  font-weight: 600;
-  opacity: 0.9;
-  box-shadow: none;
-}
-
-.wxchtf-main {
-  flex: auto;
-  display: flex;
-  flex-flow: column nowrap;
-  border-top-right-radius: 24px;
-  border-bottom-right-radius: 24px;
-  box-shadow: 0px 6px 30px 0px rgba(12, 217, 226, 0.0784313725), 0px 1px 12px 0px rgba(0, 110, 114, 0.0588235294);
-  z-index: 2;
-}
-.wxchtf-main .wxchtf-create-chat-panel {
-  display: flex;
-  flex-flow: column nowrap;
-  justify-content: center;
-  align-items: center;
-  height: 100%;
-  position: relative;
-}
-.wxchtf-main .wxchtf-create-chat-panel .wxchtf-create-chat-panel-close {
-  position: absolute;
-  right: 25px;
-  top: 25px;
-}
-.wxchtf-main .wxchtf-create-chat-panel form {
-  padding: 2rem;
-  max-width: 700px;
-  width: 100%;
-}
-.wxchtf-main .wxchtf-create-chat-panel form .wxchtf-create-chat-member-input-list {
-  max-height: 15rem;
-  overflow-y: auto;
-}
-.wxchtf-main .wxchtf-create-chat-panel form .wxchtf-create-chat-member-input-list::-webkit-scrollbar {
-  width: 8px;
-  height: 8px;
-}
-.wxchtf-main .wxchtf-create-chat-panel form .wxchtf-create-chat-member-input-list::-webkit-scrollbar-track {
-  background-color: #f1f1f1;
-}
-.wxchtf-main .wxchtf-create-chat-panel form .wxchtf-create-chat-member-input-list::-webkit-scrollbar-thumb {
-  background-color: #dfdfdf;
-}
-.wxchtf-main .wxchtf-create-chat-panel form .wxchtf-create-chat-member-input-list .ant-list-item {
-  padding-inline: 0.5rem;
-}
-.wxchtf-main .wxchtf-create-chat-panel form .wxchtf-create-chat-member-input-list .ant-list-item.--selected {
-  background-color: #e6f4ff;
-}
-.wxchtf-main .wxchtf-create-chat-panel form .wxchtf-create-chat-member-input-list .ant-list-item .ant-checkbox-wrapper {
-  width: 100%;
-}
-.wxchtf-main .wxchtf-create-chat-panel form .wxchtf-create-chat-member-input-list .ant-list-item .ant-checkbox-wrapper > span:last-child {
-  flex: 1;
-}
-.wxchtf-main .wxchtf-create-chat-panel form .wxchtf-create-chat-member-input-list .ant-list-item .ant-checkbox-wrapper > span:last-child .ant-list-item-meta {
-  align-items: center;
-}
-.wxchtf-main .wxchtf-create-chat-panel form .wxchtf-create-chat-member-input-list .ant-list-item .ant-checkbox-wrapper > span:last-child .ant-list-item-meta .ant-list-item-meta-content h4 {
-  margin-bottom: 0;
-}

package/dist/esm/index.js

@@ -1,2 +0,0 @@
-import{jsx as e,Fragment as t,jsxs as a}from"react/jsx-runtime";import s,{useRef as n,useCallback as r,useContext as i,useState as c,useEffect as d,useMemo as o,memo as u}from"react";import*as h from"@microsoft/signalr";import{shallowEqual as m}from"shallow-equal";import{produce as l}from"immer";import f from"dayjs";import{Avatar as g,Menu as v,Button as y,Form as p,Input as b,List as I,Checkbox as x,Skeleton as q,Tooltip as C,Row as w,Col as _,Space as N}from"antd";import M from"@ant-design/icons/SendOutlined";import j from"@ant-design/icons/PaperClipOutlined";import O from"@ant-design/icons/UserAddOutlined";import F from"@ant-design/icons/UsergroupAddOutlined";import L from"@ant-design/icons/UserDeleteOutlined";import R from"@ant-design/icons/UsergroupDeleteOutlined";import k from"@ant-design/icons/TeamOutlined";import S from"@ant-design/icons/EditOutlined";import B from"@ant-design/icons/CloseOutlined";import A from"is-hotkey";function T(e,t,a,s){return new(a||(a=Promise))((function(n,r){function i(e){try{d(s.next(e))}catch(e){r(e)}}function c(e){try{d(s.throw(e))}catch(e){r(e)}}function d(e){var t;e.done?n(e.value):(t=e.value,t instanceof a?t:new a((function(e){e(t)}))).then(i,c)}d((s=s.apply(e,t||[])).next())}))}"function"==typeof SuppressedError&&SuppressedError;const U={hubUri:"/api/chatify/hub",headersFactory:()=>Promise.resolve({})},z=["chatify://new-message","chatify://chat-created","chatify://read","chatify://member-added","chatify://member-removed","chatify://chat-name-changed"];class H{constructor(e){this._connection=null,this._subscribers={},this._reconnectSubscribers=[],this.connect=()=>T(this,void 0,void 0,(function*(){const e=yield this._config.signalR.headersFactory();this._connection=(new h.HubConnectionBuilder).withUrl(this._config.signalR.hubUri,{accessTokenFactory:this._config.signalR.accessTokenFactory?this._config.signalR.accessTokenFactory:void 0,headers:e}).withAutomaticReconnect().build(),z.forEach((e=>{this._connection.on(e,((...t)=>{var a;null===(a=this._subscribers[e])||void 0===a||a.forEach((e=>e(t)))}))})),this._connection.onreconnected((()=>this._reconnectSubscribers.forEach((e=>e())))),yield this._connection.start()})),this.subscribe=(e,t)=>{var a;return this._subscribers[e]=null!==(a=this._subscribers[e])&&void 0!==a?a:[],this._subscribers[e].push(t),()=>this._subscribers[e].filter((e=>e!==t))},this.subscribeReconnect=e=>(this._reconnectSubscribers.push(e),()=>this._reconnectSubscribers.filter((t=>t!==e))),this.accounts=()=>T(this,void 0,void 0,(function*(){const{data:e}=yield this.axios.get("account");return e})),this.chats=()=>T(this,void 0,void 0,(function*(){const{data:e}=yield this.axios.get("chat");return e})),this.chat=e=>T(this,void 0,void 0,(function*(){const{data:t}=yield this.axios.get(`chat/${e}`);return t})),this.addChat=e=>T(this,void 0,void 0,(function*(){const{data:t}=yield this.axios.post("chat",e);return t})),this.messages=e=>T(this,void 0,void 0,(function*(){const{chatId:t,skip:a=0,take:s=20}=e,n=encodeURIComponent(JSON.stringify({skip:a,take:s})),{data:r}=yield this.axios.get(`chat/${t}/message?pagingRule=${n}`);return r})),this.send=e=>T(this,void 0,void 0,(function*(){const{chatId:t}=e,a=function(e,t){var a={};for(var s in e)Object.prototype.hasOwnProperty.call(e,s)&&t.indexOf(s)<0&&(a[s]=e[s]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var n=0;for(s=Object.getOwnPropertySymbols(e);n<s.length;n++)t.indexOf(s[n])<0&&Object.prototype.propertyIsEnumerable.call(e,s[n])&&(a[s[n]]=e[s[n]])}return a}(e,["chatId"]);yield this.axios.post(`chat/${t}/message`,a)})),this.read=e=>T(this,void 0,void 0,(function*(){yield this.axios.put("chat/message/read",e)})),this.removeMember=e=>T(this,void 0,void 0,(function*(){yield this.axios.delete(`chat/${e.chatId}/member`,{data:e})})),this.updateChatName=e=>T(this,void 0,void 0,(function*(){yield this.axios.put(`chat/${e.id}/name`,e)})),this.addMember=e=>T(this,void 0,void 0,(function*(){yield this.axios.post(`chat/${e.chatId}/member`,e)})),this._config=Object.assign(Object.assign({},e),{signalR:Object.assign(Object.assign({},U),e.signalR)})}get axios(){return this._config.axios}}const P={update:(e,{mutation:t})=>{t(e)},messages_fetch:(e,{chatId:t,requestId:a})=>{e.query.messages[t]=Object.assign(Object.assign({},e.query.messages[t]),{uninitialized:!1,isFetching:!0,requestId:a})},messages_fulfilled:(e,{chatId:t,messages:a,hasMore:s})=>{const n=e.query.messages[t];n.error=void 0,n.isFetching=!1,n.data=a.map((e=>Object.assign({type:"message"},e))),n.requestId=void 0,s&&n.data.push({type:"next"})},messages_rejected:(e,{chatId:t,error:a})=>{const s=e.query.messages[t];s.error=a,s.isFetching=!1,s.requestId=void 0},fetchNext_fetch:(e,{chatId:t})=>{e.mutation.fetchNext={isFetching:!0}},fetchNext_fulfilled:(e,{chatId:t,messages:a,hasMore:s})=>{e.mutation.fetchNext={isFetching:!1,error:void 0},e.query.messages[t].data=e.query.messages[t].data.filter((e=>"next"!==e.type)),e.query.messages[t].data.push(...a.map((e=>Object.assign({type:"message"},e)))),s&&e.query.messages[t].data.push({type:"next"})},fetchNext_rejected:(e,{chatId:t,error:a})=>{e.mutation.fetchNext={isFetching:!1,error:a}},chatList_fetch:(e,{requestId:t})=>{e.query.chatList.isFetching=!0,e.query.chatList.uninitialized=!1,e.query.chatList.requestId=t},chatList_fulfilled:(e,{chats:t})=>{t=t.sort(((e,t)=>-e.message.id.substring(47).localeCompare(t.message.id.substring(47)))),e.query.chatList.isFetching=!1,e.query.chatList.error=void 0,e.query.chatList.data=t,e.query.chatList.requestId=void 0,void 0===e.ui.chatId&&t.length>0&&(e.ui.view="chat",e.ui.chatId=t[0].id)},chatList_rejected:(e,{error:t})=>{e.query.chatList.isFetching=!1,e.query.chatList.error=t,e.query.chatList.requestId=void 0},removeMember_fetch:e=>{e.mutation.removeMember={isFetching:!0}},removeMember_fulfilled:e=>{e.mutation.removeMember={isFetching:!1,error:void 0}},removeMember_rejected:(e,{error:t})=>{e.mutation.removeMember={isFetching:!1,error:t}},addMember_fetch:e=>{e.mutation.addMember={isFetching:!0}},addMember_fulfilled:e=>{e.mutation.addMember={isFetching:!1,error:void 0}},addMember_rejected:(e,{error:t})=>{e.mutation.addMember={isFetching:!1,error:t}},updateChatName_fetch:e=>{e.mutation.updateChatName={isFetching:!0}},updateChatName_fulfilled:e=>{e.mutation.updateChatName={isFetching:!1,error:void 0}},updateChatName_rejected:(e,{error:t})=>{e.mutation.updateChatName={isFetching:!1,error:t}},addChat_fetch:e=>{e.mutation.addChat={isFetching:!0}},addChat_fulfilled:e=>{e.mutation.addChat={isFetching:!1,error:void 0}},addChat_rejected:(e,{error:t})=>{e.mutation.addChat={isFetching:!1,error:t}},accounts_fetch:(e,{requestId:t})=>{e.query.accounts={isFetching:!0,uninitialized:!1,requestId:t}},accounts_fulfilled:(e,{accounts:t})=>{e.query.accounts.data=t,e.query.accounts.isFetching=!1,e.query.accounts.error=void 0,e.query.accounts.requestId=void 0},accounts_rejected:(e,{error:t})=>{e.query.accounts.isFetching=!1,e.query.accounts.error=t,e.query.accounts.requestId=void 0},chat_open:(e,{chatId:t})=>{e.ui.chatId=t,e.ui.view="chat"},new_chat_open:e=>{e.ui.view="new-chat"},new_chat_close:e=>{var t,a;e.ui.chatId?e.ui.view="chat":(null===(t=e.query.chatList.data)||void 0===t?void 0:t.length)?(e.ui.view="chat",e.ui.chatId=null===(a=e.query.chatList.data[0])||void 0===a?void 0:a.id):e.ui.view=void 0},toggle_members_view:e=>{e.ui.showMembers=!e.ui.showMembers},message_received:(e,{message:t,requestId:a,me:s})=>{var n,r;const i=e.query.messages[t.chatId];(null==i?void 0:i.data)&&(i.data.unshift(Object.assign({type:"message"},t)),i.data=i.data.filter((e=>"sending"!==e.type||e.requestId!==a)));const c=null===(r=null===(n=e.query.chatList)||void 0===n?void 0:n.data)||void 0===r?void 0:r.find((e=>e.id===t.chatId));c&&(c.message=t),c&&t.sentBy.id!==s&&c.totalUnreadCount++,c&&t.sentBy.id===s&&(c.lastReadMessageId=t.id,c.totalUnreadCount=0)},chat_created:(e,{chat:t})=>{var a,s;null===(s=null===(a=e.query.chatList)||void 0===a?void 0:a.data)||void 0===s||s.unshift(t)},read:(e,{id:t,timestamp:a})=>{const s=e.queue.read.queued.filter((e=>e.substring(0,36)===t.substring(0,36)));s.some((e=>e.localeCompare(t)>=0))||(e.queue.read.queued.filter((e=>s.includes(e))),e.queue.read.queued.push(t),e.queue.read.timestamp=a)},read_send:(e,{id:t})=>{e.queue.read.queued=e.queue.read.queued.filter((e=>e!==t)),e.queue.read.processing.push(t)},read_reject:(e,{id:t,timestamp:a})=>{e.queue.read.queued.push(t),e.queue.read.processing=e.queue.read.processing.filter((e=>e!==t)),e.queue.read.timestamp=a},read_received:(e,{events:t})=>{var a;e.queue.read.processing=e.queue.read.processing.filter((e=>{const a=t.find((t=>t.chatId===e.substring(0,36)));return!a||a.newLastReadMessageId.localeCompare(e)>=0}));for(const s of t){e.queue.read.processing=e.queue.read.processing.filter((e=>e.substring(0,36)!==s.chatId||e.localeCompare(s.newLastReadMessageId)>0));const t=null===(a=e.query.chatList.data)||void 0===a?void 0:a.find((e=>e.id===s.chatId));t&&(t.lastReadMessageId=s.newLastReadMessageId,t.totalUnreadCount=t.totalUnreadCount-s.readCount)}},member_added:(e,{chatId:t,chatName:a,account:s,me:n,message:r,withHistory:i})=>{var c,d,o,u,h;const{chats:m,messages:l,chatList:f}=e.query;null===(d=null===(c=m[t])||void 0===c?void 0:c.data)||void 0===d||d.members.push(s);const g=null===(o=null==f?void 0:f.data)||void 0===o?void 0:o.find((e=>e.id===t));return s.id!==n&&null!=g&&(g.message=r,g.totalUnreadCount++),null===(h=null===(u=l[t])||void 0===u?void 0:u.data)||void 0===h||h.unshift(Object.assign({type:"message"},r)),s.id!==n||void 0===f.data||g||f.data.unshift({id:t,name:a,message:r,totalUnreadCount:1,active:!0,lastReadMessageId:null}),s.id===n&&g&&(g.active=!0,g.message=r,g.totalUnreadCount++),e},member_removed:(e,{chatId:t,accountId:a,deleteHistory:s,me:n,message:r})=>{var i;const{chats:c,chatList:d}=e.query,o=c[t];if((null==o?void 0:o.data)&&(o.data.members=o.data.members.filter((e=>e.id!==a))),a===n&&e.query.chats[t].data&&delete e.query.chats[t],a===n&&s&&(null==d?void 0:d.data)&&(d.data=d.data.filter((e=>e.id!==t)),e.ui.chatId===t&&(e.ui.chatId=null===(i=d.data.at(0))||void 0===i?void 0:i.id)),a===n&&!s&&(null==d?void 0:d.data)){d.data.find((e=>e.id===t)).active=!1}if(a===n&&s||!e.query.messages[t].data||e.query.messages[t].data.unshift(Object.assign(Object.assign({},r),{type:"message"})),(a!==n||!s)&&e.query.chatList.data){const a=e.query.chatList.data.find((e=>e.id===t));a.message=r,a.totalUnreadCount++}a===n&&s&&e.query.messages[t].data&&delete e.query.messages[t]},chat_fetch:(e,{chatId:t,requestId:a})=>{e.query.chats[t]={isFetching:!0,uninitialized:!1,data:void 0,error:void 0,requestId:a}},chat_fulfilled:(e,{chat:t})=>{const a=e.query.chats[t.id];a.isFetching=!1,a.error=void 0,a.data=t,a.requestId=void 0},chat_rejected:(e,{chatId:t,error:a})=>{const s=e.query.chats[t];s.isFetching=!1,s.error=a,s.requestId=void 0},send_fetch:(e,{chatId:t,text:a,files:s,requestId:n})=>{var r;e.mutation.send={isFetching:!0,error:void 0},null===(r=e.query.messages[t].data)||void 0===r||r.push({type:"sending",text:a,files:s,requestId:n})},send_fulfilled:(e,{chatId:t,requestId:a})=>{e.mutation.send={isFetching:!1,error:void 0}},send_rejected:(e,{chatId:t,requestId:a,error:s})=>{var n;e.mutation.send={isFetching:!1,error:s},e.query.messages[t].data=null===(n=e.query.messages[t].data)||void 0===n?void 0:n.filter((e=>"sending"!==e.type||e.requestId!==a))},chatNameChanged_received:(e,{chatId:t,newName:a,message:s})=>{if(e.query.chatList.data){const n=e.query.chatList.data.find((e=>e.id===t));n.name=a,n.message=s,n.totalUnreadCount++}e.query.chats[t].data&&(e.query.chats[t].data.name=a),e.query.messages[t].data&&e.query.messages[t].data.unshift(Object.assign({type:"message"},s))}},E=Object.freeze({uninitialized:!1,isFetching:!0,data:void 0,error:void 0}),D={ui:{showMembers:!1},query:{messages:{},chats:{},chatList:{uninitialized:!0,isFetching:!1,data:void 0,error:void 0},accounts:{uninitialized:!0,isFetching:!1,data:void 0,error:void 0}},mutation:{fetchNext:{isFetching:!1,error:void 0},removeMember:{isFetching:!1,error:void 0},addMember:{isFetching:!1,error:void 0},updateChatName:{isFetching:!1,error:void 0},addChat:{isFetching:!1,error:void 0},send:{isFetching:!1,error:void 0}},queue:{read:{queued:[],processing:[],timestamp:0},send:{queued:[],processing:[],timestamp:0}}};function $(){const e=n(D),t=n([]),a=r((a=>{const s=function(e,t){const a=l(e,(e=>P[t.type](e,t.data)));return console.debug("[Chatify]: ",t,a),a}(e.current,a);e.current!==s&&(e.current=s,t.current.forEach((e=>e(s))))}),[]),s=r((e=>(t.current.push(e),()=>{t.current=t.current.filter((t=>t!==e))})),[]);return[e,a,s]}const K=s.createContext(null);function Y({children:t}){const a=$();return e(K.Provider,{value:a,children:t})}function W(){return i(K)[1]}function J(){const[e]=i(K);return e}function G(e,t){const[a,,s]=i(K),r=n(e(a.current)),[o,u]=c(r.current);return d((()=>{const t=e(a.current);return m(r.current,t)||(r.current=t,u(t)),s((t=>{const a=e(t);m(a,r.current)||(r.current=a,u(a))}))}),[]),o}function V(e,t){const a=W();d((()=>{let s=[];return t.connect().then((()=>{s.push(t.subscribe("chatify://new-message",(([t,s])=>{a({type:"message_received",data:{message:t,requestId:s,me:e}})}))),s.push(t.subscribe("chatify://chat-created",(([e,t])=>{a({type:"chat_created",data:{chat:e,requestId:t}})}))),s.push(t.subscribe("chatify://read",(([e])=>{a({type:"read_received",data:{events:e}})}))),s.push(t.subscribe("chatify://member-added",(([t,s,n,r,i])=>{a({type:"member_added",data:{chatId:t,chatName:s,account:n,me:e,message:r,withHistory:i}})}))),s.push(t.subscribe("chatify://member-removed",(([t,s,n,r])=>{a({type:"member_removed",data:{chatId:t,accountId:s,deleteHistory:n,me:e,message:r}})}))),s.push(t.subscribe("chatify://chat-name-changed",(([e,t,s])=>{a({type:"chatNameChanged_received",data:{chatId:e,newName:t,message:s}})})))})),()=>{s.forEach((e=>e()))}}),[])}const Q=s.createContext(null),X=s.createContext(null);function Z(){return i(X)}function ee(){return i(Q)}function te(a){const{children:s}=a;return V(ee(),Z()),e(t,{children:s})}function ae({value:t,children:a}){return e(X.Provider,{value:t.client,children:e(Q.Provider,{value:t.me,children:e(Y,{children:e(te,{children:a})})})})}function se(){return Date.now().toString(36)+Math.random().toString(36).substring(2)}function ne(e){var t;const a=n(se()),{chatId:s}=e,r=Z(),i=J(),c=null!==(t=G((e=>e.query.chats[s])))&&void 0!==t?t:E,o=W();return d((()=>{var e;!1!==(null===(e=i.current.query.chats[s])||void 0===e?void 0:e.uninitialized)&&(o({type:"chat_fetch",data:{chatId:s,requestId:a.current}}),r.chat(s).then((e=>o({type:"chat_fulfilled",data:{chat:e}}))).catch((e=>o({type:"chat_rejected",data:{chatId:s,error:e}}))))}),[s]),null!=c?c:E}function re(){var e;const t=n(se()),a=J(),s=Z(),r=null!==(e=G((e=>e.query.chatList)))&&void 0!==e?e:E,i=W();return d((()=>{!1!==a.current.query.chatList.uninitialized&&(i({type:"chatList_fetch",data:{requestId:t.current}}),s.chats().then((e=>i({type:"chatList_fulfilled",data:{chats:e}}))).catch((e=>i({type:"chatList_rejected",data:{error:e}}))))}),[]),null!=r?r:E}function ie({chatId:e}){const t=J();G((e=>e.mutation.fetchNext));const a=W(),s=Z();return[r((()=>{var n;const r=null===(n=t.current.query.messages[e].data)||void 0===n?void 0:n.filter((e=>"message"===e.type)).length;a({type:"fetchNext_fetch",data:{chatId:e}}),s.messages({chatId:e,skip:r,take:16}).then((t=>a({type:"fetchNext_fulfilled",data:{chatId:e,messages:t.slice(0,15),hasMore:16===t.length}}))).catch((t=>a({type:"fetchNext_rejected",data:{chatId:e,error:t}})))}),[e]),t.current.mutation.fetchNext]}function ce(e){var t;const{chatId:a}=e,s=n(se()),r=J(),i=W();G((e=>e.query.messages[a]));const c=Z();return d((()=>{var e;!1!==(null===(e=r.current.query.messages[a])||void 0===e?void 0:e.uninitialized)&&(i({type:"messages_fetch",data:{requestId:s.current,chatId:a}}),c.messages({chatId:a,skip:0,take:16}).then((e=>i({type:"messages_fulfilled",data:{chatId:a,messages:e.slice(0,15),hasMore:16===e.length}}))).catch((e=>i({type:"messages_rejected",data:{chatId:a,error:e}}))))}),[a]),null!==(t=r.current.query.messages[a])&&void 0!==t?t:E}function de(){var e;const t=n(se()),a=Z(),s=J(),r=null!==(e=G((e=>e.query.accounts)))&&void 0!==e?e:E,i=W();return d((()=>{!1!==s.current.query.accounts.uninitialized&&(i({type:"accounts_fetch",data:{requestId:t.current}}),a.accounts().then((e=>i({type:"accounts_fulfilled",data:{accounts:e}}))).catch((e=>i({type:"accounts_rejected",data:{error:e}}))))}),[]),null!=r?r:E}function oe(){const e=Z(),t=W(),a=J();return[r((a=>(t({type:"addChat_fetch",data:void 0}),e.addChat(a).then((e=>(t({type:"addChat_fulfilled",data:void 0}),e))).catch((e=>{throw t({type:"addChat_rejected",data:{error:e}}),e})))),[]),a.current.mutation.addChat]}function ue(){const e=Z(),[t,a]=G((e=>[e.queue.read.queued,e.queue.read.timestamp])),s=W(),r=n(null);d((()=>{0!==t.length&&(r.current&&clearTimeout(r.current),r.current=setTimeout((()=>{for(const a of t)s({type:"read_send",data:{id:a}}),e.read({id:a}).catch((()=>s({type:"read_reject",data:{id:a,timestamp:(new Date).getTime()}})))}),100))}),[a])}function he(){const e=Z(),t=W(),a=J();G((e=>e.mutation.addMember));return[r((a=>{t({type:"addMember_fetch",data:void 0}),e.addMember(a).then((()=>t({type:"addMember_fulfilled",data:void 0}))).catch((e=>t({type:"addMember_rejected",data:{error:e}})))}),[t]),a.current.mutation.addMember]}function me(){const e=J();G((e=>e.mutation.removeMember));const t=W(),a=Z();return[r((e=>{t({type:"removeMember_fetch",data:void 0}),a.removeMember(e).then((()=>t({type:"removeMember_fulfilled",data:void 0}))).catch((e=>t({type:"removeMember_rejected",data:{error:e}})))}),[]),e.current.mutation.removeMember]}function le(){const e=J();G((e=>e.mutation.send));const t=W(),a=Z();return[r((e=>{const{chatId:s,requestId:n,files:r,text:i}=e;t({type:"send_fetch",data:{chatId:s,requestId:n,files:r,text:i}}),a.send(e).then((()=>t({type:"send_fulfilled",data:{chatId:s,requestId:n}}))).catch((e=>t({type:"send_rejected",data:{chatId:s,requestId:n,error:e}})))}),[]),e.current.mutation.send]}function fe(){const e=J();G((e=>e.mutation.updateChatName));const t=W(),a=Z();return[r((e=>{t({type:"updateChatName_fetch",data:void 0}),a.updateChatName(e).then((()=>t({type:"updateChatName_fulfilled",data:void 0}))).catch((e=>t({type:"updateChatName_rejected",data:{error:e}})))}),[]),e.current.mutation.updateChatName]}const ge=s.createContext(null);function ve(){return i(ge)}const ye={isToday:e=>f(e).isSame(f(),"day"),timestamp:e=>f(e).format("HH:mm"),dateTime:e=>f(e).format("DD/MM/YYYY HH:mm"),message:{read:()=>"Read",reading:()=>"Reading...",sending:()=>"Sending..."},addChat:{title:()=>"Add chat",name:{label:()=>"Name",required:()=>"Name is required",max250:()=>"Max 250 characters allowed"},members:{label:()=>"Members",required:()=>"Members is required"},submitBtn:()=>"Submit"},system:{chatCreated:()=>"Chat created",memberAdded:()=>"New member added",memberRemoved:()=>"Member removed",chatNameChanged:e=>`Chat name changed to '${e}'`},input:{placeholder:()=>"Start typing (Ctrl/⌘Cmd + Enter to send) ..."},settings:{members:()=>"Members"}},pe=s.createContext(null);function be(t){const{children:a,value:s}=t;return e(pe.Provider,{value:s,children:a})}function Ie(t,a){const n=s.forwardRef(((s,n)=>{const r=function(e){return i(pe)[e]}(t);return null===r?null:e(r||a,Object.assign({},s,{ref:n}))}));return a.displayName=a.displayName||t,n.displayName="Customizable."+a.displayName,Object.assign(n,{key:t,Component:a})}const xe=Ie("ChatName",(a=>{const{name:s}=a;return e(t,{children:s})})),qe=Ie("ChatListItemName",(t=>{const{name:a}=t.chat;return e("div",{className:"wxchtf-chat-name",children:e(xe,{name:a})})})),Ce=Ie("ChatListItemUnreadCount",(t=>{const{totalUnreadCount:a}=t.chat;return a<=0?null:e("div",{className:"wxchtf-unread-count",children:a})}));function we(e,t){if("chatify://chat-created"===t)return e.system.chatCreated();if(t.startsWith("chatify://member-added"))return e.system.memberAdded();if(t.startsWith("chatify://member-removed"))return e.system.memberRemoved();if(t.startsWith("chatify://chat-name-changed::")){const a=JSON.parse(t.substring(29));return e.system.chatNameChanged(a.newName)}return t}const _e=Ie("SystemMessageRow",(t=>{const{message:s,containerRef:n}=t,{text:r,sentAt:i}=s,c=ve();return a("div",{ref:n,className:"wxchtf-system-message",children:[e("div",{className:"wxchtf-text",children:we(c,r)}),e("div",{className:"wxchtf-timestamp",children:c.timestamp(i)})]})})),Ne=Ie("ChatListItemLastMessageContent",(t=>{const{message:a}=t.chat,s=ve();return e("div",{className:"wxchtf-chat-last-message",children:"chatify::system"===a.sentBy.id?we(s,a.text):a.text})})),Me=t=>{const{account:a}=t;return e(g,{src:a.avatar})};Me.displayName="Avatar";const je=Ie("Avatar",Me),Oe=Ie("ChatListItemLastMessageAuthor",(t=>{const{message:s}=t.chat;return"chatify::system"===s.sentBy.id?null:a("div",{className:"wxchtf-chat-last-author",children:[e(je,{account:s.sentBy})," ",s.sentBy.name]})})),Fe=Ie("ChatListItemLastMessageSentAt",(t=>{const{chat:{message:{sentAt:a}}}=t,s=ve();return e("div",{className:"wxchtf-chat-last-sent-at",children:s.isToday(a)?s.timestamp(a):s.dateTime(a)})})),Le=Ie("ChatListItemLastMessage",(t=>a("div",{className:"wxchtf-chat-last",children:[e(Oe,Object.assign({},t)),e(Ne,Object.assign({},t)),e(Fe,Object.assign({},t))]}))),Re=Ie("ChatListItemBox",(t=>{const{message:s,lastReadMessageId:n}=t.chat,r=null!=n&&n.localeCompare(s.id)>=0;return a("div",{className:"wxchtf-chat"+(r?"":" --unread"),children:[e(qe,Object.assign({},t)),e(Ce,Object.assign({},t)),e(Le,Object.assign({},t))]})}));const ke=Ie("ChatList",(()=>{const a=G((e=>e.ui.chatId)),s=o((()=>a?[a]:[]),[a]),n=function(){const e=W();return r((t=>e({type:"chat_open",data:{chatId:t.selectedKeys[0]}})),[e])}(),i=function(){const{data:t}=re();return o((()=>null==t?void 0:t.slice().sort(((e,t)=>-e.message.id.substring(47).localeCompare(t.message.id.substring(47)))).map((t=>({key:t.id,label:e(Re,{chat:t})})))),[t])}();return e(t,{children:i&&e(v,{className:"wxchtf-chat-list",selectedKeys:s,onSelect:n,items:i})})})),Se=Ie("AddChatButton",(()=>{const t=W(),a=r((()=>t({type:"new_chat_open",data:void 0})),[t]);return e("span",{className:"wxchtf-add-btn-wrapper",children:e(y,{className:"wxchtf-add-btn",onClick:a,icon:"+",children:"Add chat"})})})),Be=Ie("Aside",(()=>a("div",{className:"wxchtf-aside",children:[e(Se,{}),e(ke,{})]}))),Ae=Ie("Header",(()=>e("div",{className:"wxchtf-header"}))),Te=Ie("Footer",(()=>e("div",{className:"wxchtf-footer"}))),Ue=Ie("CreateChatNameInput",(t=>{const{name:a}=t,s=ve();return e(p.Item,{name:a,label:s.addChat.name.label(),rules:[{required:!0,message:s.addChat.name.required()},{max:250,message:s.addChat.name.max250()}],children:e(b,{})})}));function ze(t){const{value:a,onChange:s}=t,{data:n,isFetching:r}=de(),i=ee(),c=o((()=>{var e;return null!==(e=null==n?void 0:n.filter((e=>e.id!==i)))&&void 0!==e?e:[]}),[n,i]);return e(I,{rowKey:"id",className:"wxchtf-create-chat-member-input-list",loading:r,dataSource:c,renderItem:t=>{const n=a.includes(t.id);return e(I.Item,{className:n?"--selected":"",children:e(x,{checked:n,onChange:()=>s(a.includes(t.id)?a.filter((e=>e!==t.id)):[...a,t.id]),children:e(I.Item.Meta,{avatar:e(je,{account:t}),title:t.name})})})}})}const He=Ie("CreateChatMemberInput",(t=>{const{name:a}=t,s=ve();return e(p.Item,{label:s.addChat.members.label(),rules:[{required:!0,message:s.addChat.members.required()}],name:a,children:e(ze,{})})})),Pe={name:"",members:[]},Ee=Ie("CreateChatForm",(t=>{const{value:s=Pe,onSubmit:n,busy:r=!1}=t,i=ve();return a(p,{onFinish:n,layout:"vertical",disabled:r,initialValues:s,children:[e(Ue,{name:"name"}),e(He,{name:"members"}),e(y,{loading:r,type:"primary",block:!0,htmlType:"submit",children:i.addChat.submitBtn()})]})})),De={attach:j,send:M,"remove-member":L,"remove-member-delete-history":R,"add-member":O,"add-member-with-history":F,members:k,edit:S,close:B},$e=Ie("Icon",(t=>{const{type:a}=t,s=De[a];return s?e(s,{}):null}));const Ke=Ie("CreateChatPanel",(()=>{const t=ve(),[s,n]=function(){const[e,{isFetching:t}]=oe(),a=W();return[r((t=>e({name:t.name,members:t.members,requestId:se()}).then((e=>a({type:"chat_open",data:{chatId:e}})))),[e,a]),t]}(),i=function(){const e=W();return r((()=>e({type:"new_chat_close",data:void 0})),[e])}();return a("div",{className:"wxchtf-create-chat-panel",children:[e(y,{onClick:i,className:"wxchtf-create-chat-panel-close",type:"link",icon:e($e,{type:"close"})}),e("h3",{children:t.addChat.title()}),e(Ee,{busy:null!=n&&n,onSubmit:s})]})})),Ye=Ie("MessageAuthor",(t=>{const{sentBy:a}=t.message;return e("div",{className:"wxchtf-message-author",children:e(je,{account:a})})})),We=Ie("MessageReadObserver",(a=>{const{message:s,messageRef:r}=a,i=W(),c=G((e=>{const t=e.query.chatList.data.find((e=>e.id===s.chatId)).lastReadMessageId;return null!=t&&s.id.localeCompare(t)<=0})),u=n(c);d((()=>{u.current=u.current||c}),[c]);const h=o((()=>new IntersectionObserver((([e])=>{e.isIntersecting&&!u.current&&(u.current=!0,i({type:"read",data:{id:s.id,timestamp:(new Date).getTime()}}))}))),[]);return d((()=>(h.observe(r.current),()=>h.disconnect())),[h]),e(t,{})})),Je=Ie("MessageText",(t=>{const{text:a}=t.message;return e("div",{className:"wxchtf-message-text",children:a})})),Ge=Ie("MessageContent",(t=>e("div",{className:"wxchtf-message-content",children:e(Je,Object.assign({},t))}))),Ve=Ie("MessageInfoBox",(t=>{const{message:s}=t,{id:n,sentBy:r,sentAt:i}=s,c=ee(),d=r.id===c,o=ve(),u=G((e=>e.queue.read.queued.includes(n)));return a("div",{className:"wxchtf-message-info-box",children:[!d&&a("div",{className:"wxchtf-message-author-name",children:[r.name,","]}),e("div",{className:"wxchtf-message-sent-at",children:o.timestamp(i)}),!d&&e("div",{className:"wxchtf-message-read-box",children:u?o.message.reading():o.message.read()})]})})),Qe=Ie("MessageRow",(t=>{const{message:s,containerRef:n}=t,{sentBy:r}=s,i=ee(),c=r.id===i;return a("div",{ref:n,className:"wxchtf-message"+(c?" --my":""),children:[e(Ye,Object.assign({},t)),a("div",{children:[e(Ve,Object.assign({},t)),e(Ge,Object.assign({},t))]})]})})),Xe=Ie("MessageBox",(s=>{const r=n(null);return a(t,{children:[e(We,Object.assign({messageRef:r},s)),e(Qe,Object.assign({containerRef:r},s))]})}));function Ze(s){const{count:n=1}=s;return e(t,{children:Array.from(Array(n)).map(((t,s)=>a("div",{className:"wxchtf-message-skeleton",children:[e(q.Avatar,{className:"wxchtf-avatar",active:!0}),e(q.Button,{active:!0,className:"wxchtf-content"})]},s)))})}function et(t){const{chatId:a}=t,[s,{isFetching:r}]=ie({chatId:a}),[i,u]=c(!1),h=n(null),m=n(),l=o((()=>new IntersectionObserver((([e])=>{e.isIntersecting?m.current=setTimeout((()=>u(!0)),200):clearTimeout(m.current)}))),[]);return d((()=>(l.observe(h.current),()=>l.disconnect())),[l]),d((()=>{i&&s()}),[i]),r||i?e(Ze,{count:4}):e("div",{className:"wxchtf-next",ref:h})}const tt=Ie("SendingMessageText",(t=>{const{text:a}=t;return e("div",{className:"wxchtf-sending-message-text",children:a})})),at=Ie("SendingMessageInfoBox",(t=>{const a=ve();return e("div",{className:"wxchtf-sending-message-info-box",children:e("div",{className:"wxchtf-sending-message-sending-box",children:a.message.sending()})})})),st=Ie("SendingMessageContent",(t=>a("div",{className:"wxchtf-sending-message-content",children:[e(tt,Object.assign({},t)),e(at,Object.assign({},t))]}))),nt=Ie("SendingMessageBox",(t=>e("div",{className:"wxchtf-sending-message",children:e(st,Object.assign({},t))}))),rt=Ie("SystemMessageBox",(s=>{const r=n(null);return a(t,{children:[e(We,Object.assign({messageRef:r},s)),e(_e,Object.assign({containerRef:r},s))]})})),it=Ie("ChatBody",(t=>{const{id:s}=t,{data:n}=ce({chatId:s});return a("div",{className:"wxchtf-chat-body",children:[!n&&e(Ze,{count:5}),null==n?void 0:n.map(((t,a)=>{if("message"===t.type&&"chatify::system"===t.sentBy.id)return e(rt,{message:t},t.id);switch(t.type){case"message":return e(Xe,{message:t},t.id);case"sending":return e(nt,{text:t.text,files:t.files},t.requestId);case"next":return e(et,{chatId:s},"next-"+n.length+"-"+a);default:return null}}))]})})),ct=Ie("ChatHeaderMembers",(t=>{const{id:a}=t,{data:s}=ne({chatId:a});return(null==s?void 0:s.members)?e(g.Group,{maxCount:5,children:s.members.map((t=>e(C,{title:t.name,children:e(je,{account:t})},t.id)))}):null})),dt=Ie("ChatMembersButton",(t=>{const a=W(),s=r((()=>a({type:"toggle_members_view",data:void 0})),[a]);return e(y,{onClick:s,type:"link",icon:e($e,{type:"members"})})})),ot=A("escape"),ut=A("enter");const ht=Ie("ChatHeaderName",(t=>{const{id:a}=t,s=G((e=>e.query.chatList.data.find((e=>e.id===a)))),n=s.name,[r,i]=c(""),[o,u]=c(!1),h=function(e,t){const[a]=fe();return()=>a({id:e,name:t})}(a,r);return d((()=>{o&&i(n)}),[o,n]),s.active?e(C,o?{defaultOpen:!0,title:"Press Enter to save new chat name or Escape to cancel editing",children:e(b,{value:r,onChange:e=>i(e.target.value),onBlur:()=>u(!1),onKeyDown:e=>{ot(e)?u(!1):ut(e)&&(u(!1),r!==n&&""!==r.trim()&&h())},autoFocus:!0})}:{title:"Click to edit name...",children:e("span",{className:"wxchtf-chat-name --editable",onClick:()=>u(!0),children:e(xe,{name:n})})}):e("span",{className:"wxchtf-chat-name",children:n})})),mt=Ie("ChatHeader",(t=>{const{id:s}=t,n=G((e=>e.query.chatList.data.find((e=>e.id===s))));return e("div",{className:"wxchtf-chat-header",children:a(w,{justify:"space-between",align:"middle",children:[e(_,{children:e(ht,{id:s})}),n.active&&a(_,{className:"wxchtf-chat-members",children:[e(ct,{id:s}),e(dt,{id:s})]})]})})})),lt=Ie("InputFilesBox",(()=>e("div",{className:"wxchtf-add-files-box",children:e(y,{type:"link",icon:e($e,{type:"attach"}),className:"wxchtf-add-files-btn"})}))),ft=A("ctrl+enter"),gt={maxRows:5,minRows:1},vt=Ie("InputTextBox",u((t=>{const{value:a,onChange:s,onSend:n}=t,i=ve(),c=r((e=>s(e.target.value)),[s]),d=r((e=>{ft(e)&&n(a)}),[n,a]);return e("div",{className:"wxchtf-text-input-box",children:e(b.TextArea,{value:a,onChange:c,autoSize:gt,className:"wxchtf-text-input-textarea",placeholder:i.input.placeholder(),onKeyDown:d})})}))),yt=Ie("InputSubmitButtonBox",(t=>{const{onSubmit:a}=t;return e("div",{className:"wxchtf-submit-btn-box",children:e(y,{onClick:a,type:"link",icon:e($e,{type:"send"}),className:"wxchtf-submit-btn"})})}));const pt=Ie("InputBox",(()=>{const[t,s]=c(""),n=function(e,t){const a=G((e=>e.ui.chatId)),[s]=le();return r((()=>{0!==e.length&&(t(""),s({chatId:a,text:e,files:[],requestId:se()}))}),[a,e])}(t,s);return e("div",{className:"wxchtf-input-form",children:a("div",{className:"wxchtf-input-box",children:[e(lt,{}),e(vt,{value:t,onSend:n,onChange:s}),e(yt,{onSubmit:n})]})})}));function bt(e,t,a){const[s,n]=he();return[r((()=>s({chatId:e,accountId:t,withHistory:a})),[s,e,t,a]),n]}function It(e,t,a){const[s,n]=me();return[r((()=>s({chatId:e,accountId:t,deleteHistory:a})),[s,e,t,a]),n]}const xt=Ie("ChatMemberListItem",(t=>{const{chatId:s}=t,{data:n}=ne({chatId:s}),{data:r}=de(),i=r.find((e=>e.id===t.id)),c=n.members.some((e=>e.id===i.id)),[d]=bt(s,i.id,!1),[o]=bt(s,i.id,!0),[u]=It(s,i.id,!1),[h]=It(s,i.id,!0);return e(I.Item,{className:"wxchtf-chat-members-list-item",actions:c?[e(C,{title:"Remove (keep history)",children:e(y,{onClick:u,type:"link",icon:e($e,{type:"remove-member"})})},"remove"),e(C,{title:"Remove (delete history)",children:e(y,{onClick:h,type:"link",icon:e($e,{type:"remove-member-delete-history"})})},"remove_delete_history")]:[e(C,{title:"Add (no history)",children:e(y,{onClick:d,type:"link",icon:e($e,{type:"add-member"})})},"add_no_history"),e(C,{title:"Add (share history)",children:e(y,{onClick:o,type:"link",icon:e($e,{type:"add-member-with-history"})})},"add")],children:a(N,{children:[e(je,{account:i}),e("span",{children:i.name})]})})})),qt=Ie("ChatMembersPanel",(t=>{const{id:a}=t,{data:s}=ne({chatId:a}),{data:n}=de(),r=o((()=>null==n?void 0:n.slice().sort(((e,t)=>((null==s?void 0:s.members.some((t=>t.id===e.id)))?-100:0)-((null==s?void 0:s.members.some((e=>e.id===t.id)))?-100:0)+e.name.localeCompare(t.name)))),[n,s]);return(null==s?void 0:s.members)&&n?e("div",{className:"wxchtf-chat-members-panel",children:e(I,{className:"wxchtf-chat-members-list",dataSource:r,renderItem:t=>e(xt,{id:t.id,chatId:a})})}):null})),Ct=Ie("ChatPanel",(t=>{const{id:s}=t,n=G((e=>e.query.chatList.data.find((e=>e.id===s)))),r=G((e=>e.ui.showMembers));return a("div",{className:"wxchtf-chat-panel",children:[a("div",{className:"wxchtf-chat-main",children:[e(mt,{id:s}),e(it,{id:s}),n.active&&e(pt,{})]}),r&&e(qt,{id:s})]})})),wt=Ie("Main",(()=>{const{view:t,chatId:s}=G((e=>({view:e.ui.view,chatId:e.ui.chatId})));return a("div",{className:"wxchtf-main",children:["chat"===t&&s&&e(Ct,{id:s},s),"new-chat"===t&&e(Ke,{})]})})),_t=Ie("Body",(()=>a("div",{className:"wxchtf-body",children:[e(Be,{}),e(wt,{})]})));function Nt(t){const{className:s="",style:n}=t;return ue(),a("div",{className:s+" wxchtf-chatify",style:n,children:[e(Ae,{}),e(_t,{}),e(Te,{})]})}const Mt={Header:null,Footer:null},jt=t=>{const{localizer:a=ye,customize:s=Mt}=t,n=o((()=>Object.assign({},Mt,s)),[s]);return e(ge.Provider,{value:a,children:e(be,{value:n,children:e(Nt,Object.assign({},t))})})};jt.displayName="Chatify";export{P as ACTIONS,Se as AddChatButton,je as Avatar,mt as ChatHeader,ct as ChatHeaderMembers,Re as ChatListItemBox,jt as Chatify,H as ChatifyClient,ae as ChatifyContext,E as FETCH_QUERY_STATE,Ae as Header,De as ICONS,D as INITIAL_STATE,$e as Icon,ge as LocalizerContext,Xe as MessageBox,Y as ReducerProvider,rt as SystemMessageBox,ye as defaultLocalizer,oe as useAddChatMutation,he as useAddMemberMutation,Z as useClient,W as useDispatch,ie as useFetchNextMutation,de as useGetAccountsQuery,re as useGetChatListQuery,ne as useGetChatQuery,ce as useGetMessagesQuery,ve as useLocalizer,ee as useMe,ue as useReadMonitor,$ as useReducer,me as useRemoveMemberMutation,G as useSelect,le as useSendMutation,V as useSignalRMonitor,J as useStateRef,fe as useUpdateChatNameMutation};
-//# sourceMappingURL=index.js.map