@webitel/ui-sdk 24.8.29 → 24.8.31

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@webitel/ui-sdk",
-  "version": "24.8.29",
+  "version": "24.8.31",
   "private": false,
   "scripts": {
     "dev": "vite",
@@ -116,7 +116,7 @@
     "vue-multiselect": "^3.0.0-beta.3",
     "vue-observe-visibility": "^2.0.0-alpha.1",
     "vue-router": "^4.1.6",
-    "webitel-sdk": "^24.2.16",
+    "webitel-sdk": "^24.8.1",
     "xlsx": "^0.18.5"
   },
   "devDependencies": {

package/src/api/crm/contactChatMessagesHistory.js

@@ -0,0 +1,44 @@
+import {
+  getDefaultInstance, getDefaultOpenAPIConfig,
+} from '../defaults/index.js';
+import applyTransform, {
+  notify,
+  snakeToCamel,
+} from '../transformers/index.js';
+import { ContactsChatCatalogApiFactory } from 'webitel-sdk';
+
+const instance = getDefaultInstance();
+const configuration = getDefaultOpenAPIConfig();
+
+const contactChatService = new ContactsChatCatalogApiFactory(configuration, '', instance);
+
+const getList = async ({ contactId, chatId }) => {
+  const mergeChatMessagesData = ({ peers, messages }) => {
+    return messages.map(({ from, ...message }) => {
+      return {
+        ...message,
+        peer: peers[from.id - 1],
+      };
+    });
+  };
+
+  try {
+    const response = await contactChatService.getContactChatHistory(contactId, chatId);
+    const { peers, messages } = applyTransform(response.data, [
+      snakeToCamel(),
+    ]);
+    return {
+      items: applyTransform({ peers, messages }, [
+        mergeChatMessagesData,
+      ]).reverse(),
+    };
+  } catch (err) {
+    throw applyTransform(err, [
+      notify,
+    ]);
+  }
+};
+
+export default {
+  getList,
+};

package/src/api/crm/index.js

@@ -0,0 +1,5 @@
+import contactChatMessagesHistoryHistory from './contactChatMessagesHistory.js';
+
+export {
+  contactChatMessagesHistoryHistory,
+}

package/src/components/wt-context-menu/wt-context-menu.vue

@@ -6,6 +6,7 @@
     class="wt-context-menu"
     placement="bottom-end"
     popper-class="wt-context-menu__floating-wrapper"
+    @update:visible="visible = $event"
   >
     <template #activator>
       <slot name="activator" />
@@ -20,7 +21,6 @@
           :key="index"
           class="wt-context-menu__option-wrapper"
         >
-          <!--      <a> click.prevent prevents redirect to # -->
           <a
             :class="[
               { 'wt-context-menu__option--disabled': option.disabled },
@@ -43,42 +43,46 @@
 </template>
 
 <script setup>
-const props = defineProps({
-  options: {
-    type: Array,
-    required: true,
-    description: '[{ text, disabled, ... anything you need }]',
-  },
-  visible: {
-    type: Boolean,
-  },
-  width: {
-    type: [String],
-    default: 'auto',
-  },
-  minWidth: {
-    type: [String],
-    default: '160px',
-  },
-  maxWidth: {
-    type: [String],
-    default: '300px',
-  },
-  disabled: {
-    type: Boolean,
-    default: false,
-  },
-});
-
-const emit = defineEmits([
-  'click',
-]);
-
-function handleOptionClick({ option, index, hide }) {
-  emit('click', { option, index });
-  hide();
-}
+  import { ref, watch } from 'vue';
+
+  const props = defineProps({
+    options: {
+      type: Array,
+      required: true,
+      description: '[{ text, disabled, ... anything you need }]',
+    },
+    visible: {
+      type: Boolean,
+      default: false,
+    },
+    width: {
+      type: [String],
+      default: 'auto',
+    },
+    minWidth: {
+      type: [String],
+      default: '160px',
+    },
+    maxWidth: {
+      type: [String],
+      default: '300px',
+    },
+    disabled: {
+      type: Boolean,
+      default: false,
+    },
+  });
+
+  const emit = defineEmits([
+    'click',
+    'update:visible'
+  ]);
 
+
+  function handleOptionClick({ option, index, hide }) {
+    emit('click', { option, index });
+    hide();
+  }
 </script>
 
 <style lang="scss">

package/src/components/wt-tooltip/wt-tooltip.vue

@@ -60,23 +60,27 @@ const props = defineProps({
   },
 });
 
+const emit = defineEmits(['update:visible']);
+
 const activator = ref(null);
 const floating = ref(null);
+const isVisible = ref(props.visible);
 
-const isVisible = ref(false);
+const emitVisibilityChange = () => {
+  emit('update:visible', isVisible.value);
+};
 
 const showTooltip = (event = {}) => {
   if (props.disabled || isVisible.value) return;
-
   isVisible.value = true;
-
-  // https://github.com/Akryum/floating-vue/blob/main/packages/floating-vue/src/components/Popper.ts#L884
-  event.usedByTooltip = true;
+  event.usedByTooltip = true; // https://github.com/Akryum/floating-vue/blob/main/packages/floating-vue/src/components/Popper.ts#L884
+  emitVisibilityChange();
 };
 
 const hideTooltip = (event = {}) => {
   if (event.usedByTooltip) return;
   isVisible.value = false;
+  emitVisibilityChange();
 };
 
 // https://floating-ui.com/docs/misc#clipping
@@ -102,7 +106,7 @@ useTooltipTriggerSubscriptions({
   hide: hideTooltip,
 });
 
-watch(props.visible, (value) => {
+watch(() => props.visible, (value) => {
   if (value) showTooltip();
   else hideTooltip();
 });