eu support

Author: winrid

README.md

@@ -67,9 +67,18 @@ npm run serve-pagination
 <fast-comments-vue v-bind:config="{tenantId: 'demo', url: 'https://example.com', urlId: 'some-page-id'}" />
 ```
 
+### Account Region (ATTENTION: EU Customers)
+
+If your account is located in the EU, set `region = 'eu'` in the widget configuration, for example:
+
+```vue
+<fast-comments-vue v-bind:config="{tenantId: 'demo', url: 'https://example.com', urlId: 'some-page-id', region: 'eu'}" />
+```
+
+Otherwise, you do not have to define `region`.
 
 ## Contributing
-Please checkout our [contribution guidelines](CONTRIBUTING.md) before starting on a change. Remember to communicate first!
+Please check out our [contribution guidelines](CONTRIBUTING.md) before starting on a change. Remember to communicate first!
 
 ## License
 

src/fastcomments-collab-chat.vue

@@ -42,7 +42,8 @@
         async mounted() {
             // @ts-ignore
             if (window && !window.FastCommentsCollabChat) {
-                await insertScript('https://cdn.fastcomments.com/js/embed-collab-chat.min.js', 'fastcomments-collab-chat-script', window.document.body);
+                const src = this.config.region === 'eu' ? 'https://cdn-eu.fastcomments.com/js/embed-collab-chat.min.js' : 'https://cdn.fastcomments.com/js/embed-collab-chat.min.js';
+                await insertScript(src, 'fastcomments-collab-chat-script', window.document.body);
             }
             // @ts-ignore
             lastWidgetInstance = window.FastCommentsCollabChat(this.targetRef, this.config);

src/fastcomments-image-chat.vue

@@ -42,7 +42,8 @@
         async mounted() {
             // @ts-ignore
             if (window && !window.FastCommentsImageChat) {
-                await insertScript('https://cdn.fastcomments.com/js/embed-image-chat.min.js', 'fastcomments-image-chat-script', window.document.body);
+                const src = this.config.region === 'eu' ? 'https://cdn-eu.fastcomments.com/js/embed-image-chat.min.js' : 'https://cdn.fastcomments.com/js/embed-image-chat.min.js';
+                await insertScript(src, 'fastcomments-image-chat-script', window.document.body);
             }
             // @ts-ignore
             lastWidgetInstance = window.FastCommentsImageChat(this.targetRef, this.config);

src/fastcomments-live-chat.vue

@@ -39,7 +39,8 @@
         async mounted() {
             // @ts-ignore
             if (window && !window.FastCommentsLiveChat) {
-                await insertScript('https://cdn.fastcomments.com/js/embed-live-chat.min.js', 'fastcomments-live-chat-script', window.document.body);
+                const src = this.config.region === 'eu' ? 'https://cdn-eu.fastcomments.com/js/embed-live-chat.min.js' : 'https://cdn.fastcomments.com/js/embed-live-chat.min.js';
+                await insertScript(src, 'fastcomments-live-chat-script', window.document.body);
             }
             // @ts-ignore
             lastWidgetInstance = window.FastCommentsLiveChat(document.getElementById(this.widgetId), this.config);

src/fastcomments-vue.vue

@@ -1,6 +1,6 @@
 <script lang="ts">
     import Vue from 'vue';
-    import {FastCommentsCommentWidgetConfig} from "../../fastcomments-typescript/src";
+    import {FastCommentsCommentWidgetConfig} from "fastcomments-typescript";
 
     async function insertScript(src: string, id: string, parentElement: Element) {
         return new Promise((resolve, reject) => {
@@ -39,7 +39,8 @@
         async mounted() {
             // @ts-ignore
             if (window && !window.FastCommentsUI) {
-                await insertScript('https://cdn.fastcomments.com/js/embed-v2.min.js', 'fastcomments-widget-script', window.document.body);
+                const src = this.config.region === 'eu' ? 'https://cdn-eu.fastcomments.com/js/embed-v2.min.js' : 'https://cdn.fastcomments.com/js/embed-v2.min.js';
+                await insertScript(src, 'fastcomments-widget-script', window.document.body);
             }
             // @ts-ignore
             lastWidgetInstance = window.FastCommentsUI(document.getElementById(this.widgetId), this.config);