chore: Replace widget config mixin with useConfig composable

app/javascript/widget/composables/useConfig.js

@@ -0,0 +1,104 @@
+import { computed } from 'vue';
+
+/**
+ * Composable for handling config-related computations.
+ * @returns {Object} An object containing computed properties for various configuration settings.
+ */
+export function useConfig() {
+  /**
+   * Computed property to get the channel config.
+   * @returns {Object} The channel configuration object.
+   */
+  const channelConfig = computed(() => window.chatwootWebChannel);
+
+  /**
+   * Computed property to check if the inbox avatar is enabled for the bot.
+   * @returns {Boolean} True if the inbox avatar is enabled for the bot, false otherwise.
+   */
+  const useInboxAvatarForBot = computed(() =>
+    channelConfig.value.enabledFeatures.includes('use_inbox_avatar_for_bot')
+  );
+
+  /**
+   * Computed property to check if the agent bot is connected.
+   * @returns {Boolean} True if the agent bot is connected, false otherwise.
+   */
+  const hasAConnectedAgentBot = computed(
+    () => !!channelConfig.value.hasAConnectedAgentBot
+  );
+
+  /**
+   * Computed property to get the inbox avatar URL.
+   * @returns {String} The inbox avatar URL.
+   */
+  const inboxAvatarUrl = computed(() => channelConfig.value.avatarUrl);
+
+  /**
+   * Computed property to check if the emoji picker is enabled.
+   * @returns {Boolean} True if the emoji picker is enabled, false otherwise.
+   */
+  const hasEmojiPickerEnabled = computed(() =>
+    channelConfig.value.enabledFeatures.includes('emoji_picker')
+  );
+
+  /**
+   * Computed property to check if attachments are enabled.
+   * @returns {Boolean} True if attachments are enabled, false otherwise.
+   */
+  const hasAttachmentsEnabled = computed(() =>
+    channelConfig.value.enabledFeatures.includes('attachments')
+  );
+
+  /**
+   * Computed property to check if end conversation is enabled.
+   * @returns {Boolean} True if end conversation is enabled, false otherwise.
+   */
+  const hasEndConversationEnabled = computed(() =>
+    channelConfig.value.enabledFeatures.includes('end_conversation')
+  );
+
+  /**
+   * Computed property to check if the pre-chat form is enabled.
+   * @returns {Boolean} True if the pre-chat form is enabled, false otherwise.
+   */
+  const preChatFormEnabled = computed(
+    () => channelConfig.value.preChatFormEnabled
+  );
+
+  /**
+   * Computed property to get the pre-chat form options.
+   * @returns {Object} An object containing pre-chat message and fields.
+   */
+  const preChatFormOptions = computed(() => {
+    const options = channelConfig.value.preChatFormOptions || {};
+    const preChatMessage = options.pre_chat_message || '';
+    const preChatFields = options.pre_chat_fields || [];
+    return {
+      preChatMessage,
+      preChatFields,
+    };
+  });
+
+  /**
+   * Computed property to determine if the pre-chat form should be shown.
+   * @returns {Boolean} True if the pre-chat form should be shown, false otherwise.
+   */
+  const shouldShowPreChatForm = computed(() => {
+    if (!preChatFormEnabled.value) return false;
+    const { preChatFields } = preChatFormOptions.value;
+    return preChatFields.some(field => field.enabled);
+  });
+
+  return {
+    useInboxAvatarForBot,
+    hasAConnectedAgentBot,
+    inboxAvatarUrl,
+    channelConfig,
+    hasEmojiPickerEnabled,
+    hasAttachmentsEnabled,
+    hasEndConversationEnabled,
+    preChatFormEnabled,
+    preChatFormOptions,
+    shouldShowPreChatForm,
+  };
+}