@viibe/impulse-integration-js 2.4.1 → 3.0.0

package/src/index.js

@@ -1,3 +1,5 @@
+const qs = require('qs');
+
 function isFromOrigin(origin) {
   return function isEventFromOrigin(event) {
     return Boolean(event.isTrusted && event.origin.indexOf(origin) === 0);
@@ -141,11 +143,11 @@ class Viibe {
      */
     this.handlers = [];
     this.host = options.host;
-    this.origin = /^localhost/.test(this.host) ? `http://${this.host}` : `https://${this.host}`;
+    this.viibeDomain = /^localhost/.test(this.host) ? `http://${this.host}` : `https://${this.host}`;
     this.apiOrigin = /^localhost/.test(this.host) ? `http://${this.host}` : `https://api-${this.host}`;
     this.source = options.source;
 
-    this.isViibeEvent = isFromOrigin(this.origin);
+    this.isViibeEvent = isFromOrigin(this.viibeDomain);
 
     window.addEventListener('message', this.onMessage.bind(this));
   }
@@ -163,7 +165,7 @@ class Viibe {
 
     iframe.name = `viibe-${Math.floor(Math.random() * IFRAME_NAME_RANGE)}`;
     iframe.style = 'border: 0;width: 0;';
-    iframe.src = `${this.origin}/integration/features/notifications`;
+    iframe.src = `${this.viibeDomain}/integration/features/notifications`;
 
     return iframe;
   }
@@ -193,7 +195,6 @@ class Viibe {
 
   generateIframeSrc(params = {}) {
     const {
-      clipboard = false,
       components,
       links,
       o2m = false,
@@ -204,75 +205,31 @@ class Viibe {
       token,
     } = params;
 
-    let src = `${this.origin}/integration/features/ticket`;
+    const src = `${this.viibeDomain}/integration/features/ticket`;
 
-    const urlParams = new URLSearchParams({
+    const urlParams = {
+      version: '2.0.0',
       origin: document.location.origin,
       resize: 'true',
       source: this.source,
-    });
-
-    if (ticket && ticket.title) {
-      urlParams.set('title', ticket.title);
-    }
-
-    if (ticket && ticket.integration) {
-      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);
-
-      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);
-
-      urlParams.set('suggestions', suggestionsParams);
-    }
-
-    if (token) {
-      params.set('token', token);
-    }
-
-    if (locale) {
-      urlParams.set('locale', locale);
-    }
-
-    if (components) {
-      const componentsParams = (components instanceof Array)
-        ? components.join(',')
-        : String(components);
-
-      urlParams.set('components', componentsParams);
-    }
+      title: ticket?.title,
+      thirdPartyId: ticket?.integration?.id,
+      custom: ticket?.integration?.customData,
+      links: links,
+      suggestions: suggestions,
+      token: token,
+      locale: locale,
+      components: components,
+      standalone: [true, false].includes(standalone) ? standalone : null,
+      o2m: [true, false].includes(o2m) ? o2m : null,
+    };
 
-    if (standalone) {
-      urlParams.set('standalone', Boolean(standalone));
+    // Clean empty values
+    for (let key in urlParams) {
+      if ([null, undefined, ''].includes(urlParams[key])) delete urlParams[key]
     }
 
-    urlParams.set('clipboard', Boolean(clipboard));
-    urlParams.set('o2m', Boolean(o2m));
-
-    src += `?${urlParams}`;
-
-    return src;
+    return `${src}?${qs.stringify(urlParams)}`;
   }
 
   /**

package/test/dist.test.js

@@ -2,8 +2,7 @@
  * @jest-environment jsdom
  */
 
-// eslint-disable-next-line node/no-missing-require
-const Viibe = require('../dist');
+const Viibe = require('../src');
 
 describe('dist', () => {
   test('exposes Viibe constructor', () => {
@@ -34,13 +33,13 @@ describe('dist', () => {
 
     expect(viibe.host).toBe('praxedo-qa.viibe.tech');
     expect(viibe.source).toBe('jest');
-    expect(viibe.origin).toBe('https://praxedo-qa.viibe.tech');
+    expect(viibe.viibeDomain).toBe('https://praxedo-qa.viibe.tech');
 
     const viibeLocalhost = new Viibe({
       host: 'localhost:6666',
     });
 
-    expect(viibeLocalhost.origin).toBe('http://localhost:6666');
+    expect(viibeLocalhost.viibeDomain).toBe('http://localhost:6666');
   });
 
   test('createNotificationIframe', () => {
@@ -71,4 +70,40 @@ describe('dist', () => {
     expect(iframe.style.margin).toBe('0.5rem');
     expect(iframe.style.width).toBe('calc(100% - 1rem)');
   });
+
+  test('generateIframeSrc', () => {
+    const viibe = new Viibe({
+      host: 'praxedo-qa.viibe.tech',
+      source: 'jest',
+    });
+
+    const options = {
+      clipboard: true,
+      components: ['call', 'ticket', 'schedule'],
+      links: [{
+        category: 'phone',
+        value: '+33666666666'
+      },{
+        category: 'email',
+        value: 'test@test.fr'
+      }],
+      o2m: true,
+      ticket: {
+        title: 'Some title',
+        integration: {
+          id: 'ticket-1',
+          customData: {
+            entUuid: 'XYZ',
+          },
+        },
+      },
+      locale: 'FR',
+      standalone: false,
+      suggestions: [],
+    }
+    const generatedURL = viibe.generateIframeSrc(options);
+
+    const expectedURL = 'https://praxedo-qa.viibe.tech/integration/features/ticket?version=2.0.0&origin=http://localhost&resize=true&source=jest&title=Some title&thirdPartyId=ticket-1&custom[entUuid]=XYZ&links[0][category]=phone&links[0][value]=+33666666666&links[1][category]=email&links[1][value]=test@test.fr&locale=FR&components[0]=call&components[1]=ticket&components[2]=schedule&standalone=false&o2m=true';
+    expect(decodeURIComponent(generatedURL)).toBe(expectedURL);
+  });
 });

package/webpack.config.js

@@ -6,7 +6,7 @@ module.exports = {
   output: {
     path: path.resolve('dist'),
     filename: 'index.js',
-    libraryTarget: 'commonjs2',
+    libraryTarget: 'umd',
   },
   module: {
     rules: [