chore: Replace widget config mixin with useConfig composable

2024-08-13 19:04:55 +05:30
parent 7ff939efd5
commit 7db7ae0ed8
15 changed files with 302 additions and 145 deletions
@@ -1,47 +0,0 @@
-export default {
-  computed: {
-    useInboxAvatarForBot() {
-      return this.channelConfig.enabledFeatures.includes(
-        'use_inbox_avatar_for_bot'
-      );
-    },
-    hasAConnectedAgentBot() {
-      return !!window.chatwootWebChannel.hasAConnectedAgentBot;
-    },
-    inboxAvatarUrl() {
-      return window.chatwootWebChannel.avatarUrl;
-    },
-    channelConfig() {
-      return window.chatwootWebChannel;
-    },
-    hasEmojiPickerEnabled() {
-      return this.channelConfig.enabledFeatures.includes('emoji_picker');
-    },
-    hasAttachmentsEnabled() {
-      return this.channelConfig.enabledFeatures.includes('attachments');
-    },
-    hasEndConversationEnabled() {
-      return this.channelConfig.enabledFeatures.includes('end_conversation');
-    },
-    preChatFormEnabled() {
-      return window.chatwootWebChannel.preChatFormEnabled;
-    },
-    preChatFormOptions() {
-      let preChatMessage = '';
-      const options = window.chatwootWebChannel.preChatFormOptions || {};
-      preChatMessage = options.pre_chat_message;
-      const { pre_chat_fields: preChatFields = [] } = options;
-      return {
-        preChatMessage,
-        preChatFields,
-      };
-    },
-    shouldShowPreChatForm() {
-      const { preChatFields } = this.preChatFormOptions;
-      // Check if at least one enabled field in pre-chat fields
-      const hasEnabledFields =
-        preChatFields.filter(field => field.enabled).length > 0;
-      return this.preChatFormEnabled && hasEnabledFields;
-    },
-  },
-};
@@ -1,74 +0,0 @@
-import { createWrapper } from '@vue/test-utils';
-import configMixin from '../configMixin';
-import Vue from 'vue';
-const preChatFields = [
-  {
-    label: 'Email Id',
-    name: 'emailAddress',
-    type: 'email',
-    field_type: 'standard',
-    required: false,
-    enabled: false,
-  },
-  {
-    label: 'Full name',
-    name: 'fullName',
-    type: 'text',
-    field_type: 'standard',
-    required: true,
-    enabled: true,
-  },
-];
-global.chatwootWebChannel = {
-  avatarUrl: 'https://test.url',
-  hasAConnectedAgentBot: 'AgentBot',
-  enabledFeatures: [
-    'emoji_picker',
-    'attachments',
-    'end_conversation',
-    'use_inbox_avatar_for_bot',
-  ],
-  preChatFormOptions: { pre_chat_fields: preChatFields, pre_chat_message: '' },
-  preChatFormEnabled: true,
-};
-
-describe('configMixin', () => {
-  test('returns config', () => {
-    const Component = {
-      render() {},
-      title: 'TestComponent',
-      mixins: [configMixin],
-    };
-    const Constructor = Vue.extend(Component);
-    const vm = new Constructor().$mount();
-    const wrapper = createWrapper(vm);
-    expect(wrapper.vm.hasEmojiPickerEnabled).toBe(true);
-    expect(wrapper.vm.hasEndConversationEnabled).toBe(true);
-    expect(wrapper.vm.hasAttachmentsEnabled).toBe(true);
-    expect(wrapper.vm.hasAConnectedAgentBot).toBe(true);
-    expect(wrapper.vm.useInboxAvatarForBot).toBe(true);
-    expect(wrapper.vm.inboxAvatarUrl).toBe('https://test.url');
-
-    expect(wrapper.vm.channelConfig).toEqual({
-      avatarUrl: 'https://test.url',
-      hasAConnectedAgentBot: 'AgentBot',
-      enabledFeatures: [
-        'emoji_picker',
-        'attachments',
-        'end_conversation',
-        'use_inbox_avatar_for_bot',
-      ],
-      preChatFormOptions: {
-        pre_chat_message: '',
-        pre_chat_fields: preChatFields,
-      },
-      preChatFormEnabled: true,
-    });
-    expect(wrapper.vm.preChatFormOptions).toEqual({
-      preChatMessage: '',
-      preChatFields: preChatFields,
-    });
-    expect(wrapper.vm.preChatFormEnabled).toEqual(true);
-    expect(wrapper.vm.shouldShowPreChatForm).toEqual(true);
-  });
-});