chore: Replace globalConfig Mixin with useGlobalConfig Composable

app/javascript/shared/components/Branding.vue

@@ -1,5 +1,5 @@
 <script>
-import globalConfigMixin from 'shared/mixins/globalConfigMixin';
+import { useGlobalConfig } from 'shared/composables/useGlobalConfig';
 
 const {
   LOGO_THUMBNAIL: logoThumbnail,
@@ -8,13 +8,18 @@ const {
 } = window.globalConfig || {};
 
 export default {
-  mixins: [globalConfigMixin],
   props: {
     disableBranding: {
       type: Boolean,
       default: false,
     },
   },
+  setup() {
+    const { useInstallationName } = useGlobalConfig();
+    return {
+      useInstallationName,
+    };
+  },
   data() {
     return {
       globalConfig: {

app/javascript/shared/composables/specs/useGlobalConfig.spec.js

@@ -0,0 +1,39 @@
+import { useGlobalConfig } from '../useGlobalConfig';
+
+describe('useGlobalConfig', () => {
+  it('should return the string with the installation name', () => {
+    const str = 'Chatwoot is awesome';
+    const installationName = 'Acme Inc';
+    const { useInstallationName } = useGlobalConfig();
+    expect(useInstallationName(str, installationName)).toBe(
+      'Acme Inc is awesome'
+    );
+  });
+
+  it('should return the string without the installation name', () => {
+    const str = 'Chatwoot is awesome';
+    const installationName = '';
+    const { useInstallationName } = useGlobalConfig();
+    expect(useInstallationName(str, installationName)).toBe(
+      'Chatwoot is awesome'
+    );
+  });
+
+  it('should handle null installation name properly', () => {
+    const str = 'Chatwoot is super cool';
+    const installationName = null;
+    const { useInstallationName } = useGlobalConfig();
+    expect(useInstallationName(str, installationName)).toBe(
+      'Chatwoot is super cool'
+    );
+  });
+
+  it('should handle undefined installation name properly', () => {
+    const str = 'Chatwoot is super cool';
+    const installationName = undefined;
+    const { useInstallationName } = useGlobalConfig();
+    expect(useInstallationName(str, installationName)).toBe(
+      'Chatwoot is super cool'
+    );
+  });
+});

app/javascript/shared/composables/useGlobalConfig.js

@@ -0,0 +1,18 @@
+/*
+ * Composable for  using the installation name in the application.
+ * @param {string} str - The string to be processed.
+ * @param {string} installationName - The installation name.
+ * @returns {string} The processed string with the installation name.
+ */
+
+export const useGlobalConfig = () => {
+  const useInstallationName = (str, installationName) => {
+    if (str && installationName) {
+      return str.replace(/Chatwoot/g, installationName);
+    }
+    return str;
+  };
+  return {
+    useInstallationName,
+  };
+};

app/javascript/shared/mixins/globalConfigMixin.js

@@ -1,12 +0,0 @@
-export const useInstallationName = (str, installationName) => {
-  if (str && installationName) {
-    return str.replace(/Chatwoot/g, installationName);
-  }
-  return str;
-};
-
-export default {
-  methods: {
-    useInstallationName,
-  },
-};