@viibe/impulse-integration-js 2.3.11 → 2.4.0

package/src/index.js

@@ -81,15 +81,15 @@ function openAuthPopup(src) {
       // events from auth.viibe.tech
       if (event.data && event.data.event && event.data.payload) {
         switch (event.data.event) {
-          case 'authentication:success':
-            destroy();
+        case 'authentication:success':
+          destroy();
 
-            return resolve(event.data);
-          case 'authentication:failure':
-            destroy();
+          return resolve(event.data);
+        case 'authentication:failure':
+          destroy();
 
-            return reject(event.data);
-          default:
+          return reject(event.data);
+        default:
 
         }
 
@@ -177,7 +177,9 @@ class Viibe {
       throw new Error('fillSource');
     }
 
-    const src = this.generateIframeSrc(options);
+    // eslint-no-unused-vars
+    const { token, ...params } = options;
+    const src = this.generateIframeSrc(params);
 
     const iframe = document.createElement('iframe');
 
@@ -191,79 +193,81 @@ class Viibe {
     return iframe;
   }
 
-  generateIframeSrc(options = {}) {
+  generateIframeSrc(params = {}) {
     const {
       clipboard = false,
       components,
       links,
       o2m = false,
       ticket,
-      token,
       locale,
       standalone,
       suggestions,
-    } = options;
+    } = params;
 
     let src = `${this.origin}/integration/features/ticket`;
 
-    const params = new URLSearchParams({
+    const urlParams = new URLSearchParams({
       origin: document.location.origin,
       resize: 'true',
       source: this.source,
     });
 
     if (ticket && ticket.title) {
-      params.set('title', ticket.title);
+      urlParams.set('title', ticket.title);
     }
 
     if (ticket && ticket.integration) {
-      params.set('thirdPartyId', ticket.integration.id);
+      urlParams.set('thirdPartyId', ticket.integration.id);
+
+      const { entUuid } = ticket.integration.customData || {}
+      if (entUuid) urlParams.set('entUuid', entUuid)
     }
 
     if (links) {
       const linksParams = (links instanceof Array)
-          ? links.map(link => `${link.category}:${link.value}`).join(',')
-          : String(links);
+        ? links.map(link => `${link.category}:${link.value}`).join(',')
+        : String(links);
 
-      params.set('links', linksParams);
+      urlParams.set('links', linksParams);
     }
 
     if (suggestions) {
       const suggestionsParams = (suggestions instanceof Array)
-          ? suggestions.map(({ category, value, description }) => {
-            let res = `${category}:${value}`
-            if (description) res += `:${description}`
-            return res
-          }).join(',')
-          : String(suggestions);
-
-      params.set('suggestions', suggestionsParams);
-    }
-
-    if (token) {
-      params.set('token', token);
+        ? suggestions.map(({ category, value, description }) => {
+          let res = `${category}:${value}`;
+
+          if (description) {
+            res += `:${description}`;
+          }
+          
+          return res;
+        }).join(',')
+        : String(suggestions);
+
+      urlParams.set('suggestions', suggestionsParams);
     }
 
     if (locale) {
-      params.set('locale', locale);
+      urlParams.set('locale', locale);
     }
 
     if (components) {
       const componentsParams = (components instanceof Array)
-          ? components.join(',')
-          : String(components);
+        ? components.join(',')
+        : String(components);
 
-      params.set('components', componentsParams);
+      urlParams.set('components', componentsParams);
     }
 
     if (standalone) {
-      params.set('standalone', Boolean(standalone));
+      urlParams.set('standalone', Boolean(standalone));
     }
 
-    params.set('clipboard', Boolean(clipboard));
-    params.set('o2m', Boolean(o2m));
+    urlParams.set('clipboard', Boolean(clipboard));
+    urlParams.set('o2m', Boolean(o2m));
 
-    src += `?${params}`;
+    src += `?${urlParams}`;
 
     return src;
   }
@@ -275,16 +279,14 @@ class Viibe {
    *
    * @param {string} eventName
    * @param {any} payload
+   * @param {any} event
    * @param {string} windowName
    * @returns
    */
-  dispatch(eventName, payload, windowName) {
+  dispatch(eventName, payload, event, windowName) {
     return this.handlers
-        .filter(handler =>
-            handler.eventName === eventName &&
-            (!handler.windowName || (handler.windowName === windowName)),
-        )
-        .map(handler => handler.func(payload));
+      .filter(handler => handler.eventName === eventName && (!handler.windowName || (handler.windowName === windowName)))
+      .map(handler => handler.func(payload, event));
   }
 
   /**
@@ -297,17 +299,17 @@ class Viibe {
       return null;
     }
 
-    if (event.data && event.data.event && event.data.payload) {
-      return this.dispatch(event.data.event, event.data.payload, event.data.windowName);
+    if (event.data && event.data.event) {
+      return this.dispatch(event.data.event, event.data.payload, event, event.data.windowName);
     }
 
     // FIXME: legacy authentication messages
     if (event.data && event.data.token) {
-      return this.dispatch('authentication:token', event.data.token);
+      return this.dispatch('authentication:token', event.data.token, event);
     }
 
     if (event.data && event.data.error) {
-      return this.dispatch('authentication:error', event.data.error);
+      return this.dispatch('authentication:error', event.data.error, event);
     }
 
     return null;

package/test/dist.test.js

@@ -2,6 +2,7 @@
  * @jest-environment jsdom
  */
 
+// eslint-disable-next-line node/no-missing-require
 const Viibe = require('../dist');
 
 describe('dist', () => {
@@ -18,7 +19,7 @@ describe('dist', () => {
     expect(() => viibe.createCallIframe()).toThrow('fillHost');
 
     const viibeWithHost = new Viibe({
-      host: 'clement.viibe.tech',
+      host: 'praxedo-qa.viibe.tech',
     });
 
     expect(() => viibeWithHost.createNotificationIframe()).toThrow('fillSource');
@@ -27,13 +28,13 @@ describe('dist', () => {
 
   test('constructor', () => {
     const viibe = new Viibe({
-      host: 'clement.viibe.tech',
+      host: 'praxedo-qa.viibe.tech',
       source: 'jest',
     });
 
-    expect(viibe.host).toBe('clement.viibe.tech');
+    expect(viibe.host).toBe('praxedo-qa.viibe.tech');
     expect(viibe.source).toBe('jest');
-    expect(viibe.origin).toBe('https://clement.viibe.tech');
+    expect(viibe.origin).toBe('https://praxedo-qa.viibe.tech');
 
     const viibeLocalhost = new Viibe({
       host: 'localhost:6666',
@@ -44,7 +45,7 @@ describe('dist', () => {
 
   test('createNotificationIframe', () => {
     const viibe = new Viibe({
-      host: 'clement.viibe.tech',
+      host: 'praxedo-qa.viibe.tech',
       source: 'jest',
     });
     const iframe = viibe.createNotificationIframe();
@@ -53,16 +54,15 @@ describe('dist', () => {
     expect(iframe.name).toMatch(/^viibe-[0-9]{1,4}$/);
     expect(iframe.style.border).toBe('0px');
     expect(iframe.style.width).toBe('0px');
-    expect(iframe.src).toBe('https://clement.viibe.tech/integration/features/notifications');
+    expect(iframe.src).toBe('https://praxedo-qa.viibe.tech/integration/features/notifications');
   });
 
   test('createCallIframe', () => {
     const viibe = new Viibe({
-      host: 'clement.viibe.tech',
+      host: 'praxedo-qa.viibe.tech',
       source: 'jest',
     });
     const iframe = viibe.createCallIframe();
-    //const callUrl = viibe.createCallUrl();
 
     expect(iframe).toBeInstanceOf(HTMLIFrameElement);
     expect(iframe.name).toMatch(/^viibe-[0-9]{1,4}$/);
@@ -70,6 +70,5 @@ describe('dist', () => {
     expect(iframe.style.border).toBe('0px');
     expect(iframe.style.margin).toBe('0.5rem');
     expect(iframe.style.width).toBe('calc(100% - 1rem)');
-    //expect(iframe.src).toEqual(callUrl);
   });
 });