@webitel/ui-chats 0.0.5 → 0.0.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/package.json +1 -1
  2. package/src/ui/index.ts +1 -1
  3. package/src/ui/messaging/components/the-chat-messages-container.vue +3 -3
  4. package/src/ui/the-chat-container.vue +6 -6
  5. package/types/ui/index.d.ts +1 -1
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@webitel/ui-chats",
3
- "version": "0.0.5",
3
+ "version": "0.0.7",
4
4
  "description": "Reusable Webitel Frontend Code for Chats UI",
5
5
  "workspaces": [
6
6
  "../../",
package/src/ui/index.ts CHANGED
@@ -1,3 +1,3 @@
1
1
  export { ChatAction } from "./chat-footer/modules/user-input/types/ChatAction.types";
2
2
  export type { ChatMessageType } from "./messaging/types/ChatMessage.types";
3
- export { default as ChatContainerComponent } from "./the-chat-container.vue";
3
+ export { default as ChatContainer } from "./the-chat-container.vue";
package/src/ui/messaging/components/the-chat-messages-container.vue CHANGED
@@ -6,19 +6,19 @@
6
6
  @scroll="handleChatScroll"
7
7
  @resize="handleChatResize"
8
8
  >
9
- <chat-message-component
9
+ <chat-message
10
10
  v-for="(message, index) of props.messages"
11
11
  :key="message.id"
12
12
  :message="message"
13
13
  :show-avatar="!props.hideAvatars && showAvatar(index)"
14
14
  >
15
15
  <template #before-message>
16
- <chat-date
16
+ <chat-date-divider
17
17
  v-if="showChatDate(index)"
18
18
  :date="message.createdAt"
19
19
  />
20
20
  </template>
21
- </chat-message-component>
21
+ </chat-message>
22
22
  </div>
23
23
  <scroll-to-bottom-btn
24
24
  v-if="showScrollToBottomBtn"
package/src/ui/the-chat-container.vue CHANGED
@@ -1,13 +1,13 @@
1
1
  <template>
2
- <section class="chat-container">
2
+ <section class="the-chat-container">
3
3
  <!-- <slot name="header">
4
4
  header goes here
5
5
  </slot> -->
6
6
  <slot name="main">
7
- <chat-messages-container
8
- :messages="props.messages"
9
- :hide-avatars="props.hideAvatars"
10
- />
7
+ <chat-messages-container
8
+ :messages="props.messages"
9
+ :hide-avatars="props.hideAvatars"
10
+ />
11
11
  </slot>
12
12
  <slot name="footer">
13
13
  <chat-footer-wrapper>
@@ -110,7 +110,7 @@ function _sendFile(files: File[]) {
110
110
  </script>
111
111
 
112
112
  <style scoped>
113
- .chat-container {
113
+ .the-chat-container {
114
114
  display: flex;
115
115
  flex-direction: column;
116
116
  height: 100%;
package/types/ui/index.d.ts CHANGED
@@ -1,3 +1,3 @@
1
1
  export { ChatAction } from "./chat-footer/modules/user-input/types/ChatAction.types";
2
2
  export type { ChatMessageType } from "./messaging/types/ChatMessage.types";
3
- export { default as ChatContainerComponent } from "./the-chat-container.vue";
3
+ export { default as ChatContainer } from "./the-chat-container.vue";