Restructure omni services and add Chatwoot research snapshot

2026-02-21 11:11:27 +07:00
parent edea7a0034
commit b73babbbf6
7732 changed files with 978203 additions and 32 deletions
--- a/research/chatwoot/app/javascript/shared/components/Branding.vue
+++ b/research/chatwoot/app/javascript/shared/components/Branding.vue
@@ -0,0 +1,76 @@
+<script>
+import { useBranding } from 'shared/composables/useBranding';
+
+const {
+  LOGO_THUMBNAIL: logoThumbnail,
+  BRAND_NAME: brandName,
+  WIDGET_BRAND_URL: widgetBrandURL,
+} = window.globalConfig || {};
+
+export default {
+  props: {
+    disableBranding: {
+      type: Boolean,
+      default: false,
+    },
+  },
+  setup() {
+    const { replaceInstallationName } = useBranding();
+    return {
+      replaceInstallationName,
+    };
+  },
+  data() {
+    return {
+      globalConfig: {
+        brandName,
+        logoThumbnail,
+        widgetBrandURL,
+      },
+    };
+  },
+  computed: {
+    brandRedirectURL() {
+      try {
+        const referrerHost = this.$store.getters['appConfig/getReferrerHost'];
+        const url = new URL(this.globalConfig.widgetBrandURL);
+        if (referrerHost) {
+          url.searchParams.set('utm_source', referrerHost);
+          url.searchParams.set('utm_medium', 'widget');
+        } else {
+          url.searchParams.set('utm_medium', 'survey');
+        }
+        url.searchParams.set('utm_campaign', 'branding');
+        return url.toString();
+      } catch (e) {
+        // Suppressing the error as getter is not defined in some cases
+      }
+      return '';
+    },
+  },
+};
+</script>
+
+<template>
+  <div
+    v-if="globalConfig.brandName && !disableBranding"
+    class="px-0 py-3 flex justify-center"
+  >
+    <a
+      :href="brandRedirectURL"
+      rel="noreferrer noopener nofollow"
+      target="_blank"
+      class="branding--link text-n-slate-11 hover:text-n-slate-12 cursor-pointer text-xs inline-flex grayscale-[1] hover:grayscale-0 hover:opacity-100 opacity-90 no-underline justify-center items-center leading-3"
+    >
+      <img
+        class="ltr:mr-1 rtl:ml-1 max-w-3 max-h-3"
+        :alt="globalConfig.brandName"
+        :src="globalConfig.logoThumbnail"
+      />
+      <span>
+        {{ replaceInstallationName($t('POWERED_BY')) }}
+      </span>
+    </a>
+  </div>
+  <div v-else class="p-3" />
+</template>