@viibe/impulse-integration-js 2.3.7 → 2.3.9

package/package.json

@@ -1,6 +1,9 @@
 {
   "name": "@viibe/impulse-integration-js",
-  "version": "2.3.7",
+  "version": "2.3.9",
+  "engines": {
+    "node": ">= 10.0.0"
+  },
   "description": "ViiBE integration in js native",
   "main": "index.js",
   "publishConfig": {

package/src/index.js

@@ -1,19 +1,20 @@
 function isFromOrigin(origin) {
-  return function (event) {
-    return Boolean(event.isTrusted && event.origin.indexOf(origin) === 0)
-  }
+  return function isEventFromOrigin(event) {
+    return Boolean(event.isTrusted && event.origin.indexOf(origin) === 0);
+  };
 }
 
 function openAuthPopup(src) {
   const url = new URL(src);
   const origin = `${url.protocol}//${url.host}`;
 
-  const width = 480
-  const height = 600
-  const TWO = 2
+  const width = 480;
+  const height = 600;
+  const TWO = 2;
+  const WINDOW_CLOSE_INTERVAL = 100;
 
-  const left = (window.screen.width / TWO) - (width / TWO)
-  const top = (window.screen.height / TWO) - (height / TWO)
+  const left = (window.screen.width / TWO) - (width / TWO);
+  const top = (window.screen.height / TWO) - (height / TWO);
   const windowParams = [
     'toolbar=no',
     'location=no',
@@ -27,13 +28,15 @@ function openAuthPopup(src) {
     `height=${height}`,
     `top=${top}`,
     `left=${left}`,
-  ]
+  ];
 
+  // eslint-disable-next-line promise/avoid-new
   return new Promise((resolve, reject) => {
-    const win = window.open(src, 'Authorization', windowParams.join(', '))
+    const win = window.open(src, 'Authorization', windowParams.join(', '));
 
     if (!win) {
-      reject('Failed to open window')
+      // eslint-disable-next-line prefer-promise-reject-errors
+      reject('Failed to open window');
     }
 
     // pings the login window to check if it was closed
@@ -43,53 +46,64 @@ function openAuthPopup(src) {
         onClose();
       }
 
-    }, 100)
+    }, WINDOW_CLOSE_INTERVAL);
 
     // triggered if the window was closed
     function onClose() {
-      reject('User closed window')
+      // eslint-disable-next-line prefer-promise-reject-errors
+      reject('User closed window');
     }
 
     // completes the process, either because the user closes or because the authentication completed
     // cleans intervals and event listeners
     function destroy() {
-      window.removeEventListener('message', onMessage)
-      clearInterval(closeCheck)
+      window.removeEventListener('message', onMessage);
+      clearInterval(closeCheck);
     }
 
     // triggered when a message is received on the current window
     function onMessage(event) {
       if (!isFromOrigin(origin)(event)) {
-        return null
+        return null;
       }
+
       // legacy ViiBE iframe messages (oauth.html)
       if (event.data.token) {
         destroy();
-        resolve(event.data.token)
+        resolve(event.data.token);
       }
+
       if (event.data.error) {
         destroy();
-        reject(event.data.error)
+        reject(event.data.error);
       }
 
       // events from auth.viibe.tech
-      if(event.data && event.data.event && event.data.payload) {
-        switch(event.data.event) {
-          case 'authentication:success':
-              destroy();
-              return resolve(event.data);
-          case 'authentication:failure':
-              destroy();
-              return reject(event.data);
+      if (event.data && event.data.event && event.data.payload) {
+        switch (event.data.event) {
+        case 'authentication:success':
+          destroy();
+          
+          return resolve(event.data);
+        case 'authentication:failure':
+          destroy();
+          
+          return reject(event.data);
+        default:
+          
         }
+      
       }
+      
+      return null;
     }
 
-    window.addEventListener('message', onMessage)
-  })
+    window.addEventListener('message', onMessage);
+  });
 }
 
-const DEFAULT_AUTH_HOST = 'auth.viibe.pro'
+const DEFAULT_AUTH_HOST = 'auth.viibe.pro';
+const IFRAME_NAME_RANGE = 10000;
 
 class ViibeAuth {
 
@@ -98,16 +112,15 @@ class ViibeAuth {
   }
 
   loginZendesk(subdomain) {
-    const { origin } = document.location
+    const { origin } = document.location;
     const url = `https://${this.host}/auth/zendesk/login?subdomain=${subdomain}&origin=${origin}`;
+    
     return openAuthPopup(url);
   }
 }
 
 class Viibe {
 
-  static Auth = ViibeAuth;
-
   /**
    * @typedef Handler
    * @type {object}
@@ -126,43 +139,56 @@ class Viibe {
     /**
      * @type {Handler[]}
      */
-    this.handlers = []
-    this.host = options.host
-    this.origin = /^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.handlers = [];
+    this.host = options.host;
+    this.origin = /^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);
 
-    window.addEventListener('message', this.onMessage.bind(this))
+    window.addEventListener('message', this.onMessage.bind(this));
   }
 
   createNotificationIframe() {
-    if (!this.host) throw new Error('fillHost')
-    if (!this.source) throw new Error('fillSource')
-
-    const iframe = document.createElement('iframe')
-    iframe.name = 'viibe-' + Math.floor(Math.random() * 10000)
-    iframe.style = 'border: 0;width: 0;'
-    iframe.src = `${this.origin}/integration/features/notifications`
-    return iframe
+    if (!this.host) {
+      throw new Error('fillHost');
+    }
+
+    if (!this.source) {
+      throw new Error('fillSource');
+    }
+
+    const iframe = document.createElement('iframe');
+
+    iframe.name = `viibe-${Math.floor(Math.random() * IFRAME_NAME_RANGE)}`;
+    iframe.style = 'border: 0;width: 0;';
+    iframe.src = `${this.origin}/integration/features/notifications`;
+    
+    return iframe;
   }
 
   createCallIframe(options = {}) {
-    if (!this.host) throw new Error('fillHost')
-    if (!this.source) throw new Error('fillSource')
+    if (!this.host) {
+      throw new Error('fillHost');
+    }
+
+    if (!this.source) {
+      throw new Error('fillSource');
+    }
 
-    const src = this.generateIframeSrc(options)
+    const src = this.generateIframeSrc(options);
 
-    const iframe = document.createElement('iframe')
-    iframe.name = 'viibe-' + Math.floor(Math.random() * 10000)
-    iframe.style = 'border: 0;width: calc(100% - 1rem);margin: 0.5rem;'
-    iframe.src = src
-    iframe.allow = 'geolocation;autoplay;microphone;camera;midi;encrypted-media;clipboard-write;'
+    const iframe = document.createElement('iframe');
 
-    this.on(iframe, 'document', event => this.onDocument(event))
+    iframe.name = `viibe-${Math.floor(Math.random() * IFRAME_NAME_RANGE)}`;
+    iframe.style = 'border: 0;width: calc(100% - 1rem);margin: 0.5rem;';
+    iframe.src = src;
+    iframe.allow = 'geolocation;autoplay;microphone;camera;midi;encrypted-media;clipboard-write;';
 
-    return iframe
+    this.on(iframe, 'document', event => this.onDocument(event));
+
+    return iframe;
   }
 
   generateIframeSrc(options = {}) {
@@ -175,48 +201,58 @@ class Viibe {
       token,
       locale,
       standalone,
-    } = options
+    } = options;
 
-    let src = `${this.origin}/integration/features/ticket`
+    let src = `${this.origin}/integration/features/ticket`;
 
     const params = new URLSearchParams({
+      origin: document.location.origin,
       resize: 'true',
       source: this.source,
-      origin: document.location.origin,
     });
 
-    if (ticket && ticket.title) params.set('title', ticket.title)
-    if (ticket && ticket.integration) params.set('thirdPartyId', ticket.integration.id)
+    if (ticket && ticket.title) {
+      params.set('title', ticket.title);
+    }
+
+    if (ticket && ticket.integration) {
+      params.set('thirdPartyId', ticket.integration.id);
+    }
 
     if (links) {
-      let linksParams = (links instanceof Array)
+      const linksParams = (links instanceof Array)
         ? links.map(link => `${link.category}:${link.value}`).join(',')
-        : String(links)
+        : String(links);
 
-      params.set('links', linksParams)
+      params.set('links', linksParams);
     }
 
-    if (token) params.set('token', token)
+    if (token) {
+      params.set('token', token);
+    }
 
-    if (locale) params.set('locale', locale)
+    if (locale) {
+      params.set('locale', locale);
+    }
 
     if (components) {
-      let componentsParams = (components instanceof Array)
+      const componentsParams = (components instanceof Array)
         ? components.join(',')
-        : String(components)
+        : String(components);
 
-      params.set('components', componentsParams)
+      params.set('components', componentsParams);
     }
 
-    if (standalone) params.set('standalone', Boolean(standalone))
-
+    if (standalone) {
+      params.set('standalone', Boolean(standalone));
+    }
 
-    params.set('clipboard', Boolean(clipboard))
-    params.set('o2m', Boolean(o2m))
+    params.set('clipboard', Boolean(clipboard));
+    params.set('o2m', Boolean(o2m));
 
     src += `?${params}`;
 
-    return src
+    return src;
   }
 
   /**
@@ -232,10 +268,10 @@ class Viibe {
   dispatch(eventName, payload, windowName) {
     return this.handlers
       .filter(handler =>
-        handler.eventName === eventName
-        && (!handler.windowName || (handler.windowName === windowName))
+        handler.eventName === eventName &&
+        (!handler.windowName || (handler.windowName === windowName)),
       )
-      .map(handler => handler.func(payload))
+      .map(handler => handler.func(payload));
   }
 
   /**
@@ -245,22 +281,23 @@ class Viibe {
    */
   onMessage(event) {
     if (!this.isViibeEvent(event)) {
-      return null
+      return null;
     }
 
     if (event.data && event.data.event && event.data.payload) {
-      return this.dispatch(event.data.event, event.data.payload, event.data.windowName)
+      return this.dispatch(event.data.event, event.data.payload, 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);
     }
+
     if (event.data && event.data.error) {
-      return this.dispatch('authentication:error', event.data.error)
+      return this.dispatch('authentication:error', event.data.error);
     }
 
-    return null
+    return null;
   }
 
   /**
@@ -272,9 +309,9 @@ class Viibe {
    * @param {Function} handler
    */
   on(iframe, eventName, func) {
-    if (typeof iframe === 'string'
-      && typeof eventName === 'function'
-      && typeof func === 'undefined') {
+    if (typeof iframe === 'string' &&
+      typeof eventName === 'function' &&
+      typeof func === 'undefined') {
       func = eventName;
       eventName = iframe;
       iframe = null;
@@ -282,14 +319,15 @@ class Viibe {
 
     const handler = {
       eventName,
-      windowName: iframe ? iframe.name : null,
       func,
-    }
+      windowName: iframe ? iframe.name : null,
+    };
+
     this.handlers.push(handler);
   }
 
   onDocument(document) {
-    window.open(document.signed_url, '_blank')
+    window.open(document.signed_url, '_blank');
   }
 
   /**
@@ -298,17 +336,20 @@ class Viibe {
    * @returns
    */
   authenticate(provider) {
-    const { protocol, host } = document.location
-    const src = `${protocol}//api-${host}/auth/login/${provider}?origin=${origin}`
+    const { protocol, host } = document.location;
+    const src = `${protocol}//api-${host}/auth/login/${provider}?origin=${origin}`;
 
     return openAuthPopup(src);
   }
 
 }
 
+Viibe.Auth = ViibeAuth;
+
 if (typeof window !== 'undefined') {
-  window.Viibe = Viibe
+  window.Viibe = Viibe;
 }
+
 if (typeof module !== 'undefined') {
-  module.exports = Viibe
+  module.exports = Viibe;
 }

package/test/dist.test.js

@@ -6,62 +6,70 @@ const Viibe = require('../dist');
 
 describe('dist', () => {
   test('exposes Viibe constructor', () => {
-    expect(typeof Viibe).toBe('function')
-    expect(() => new Viibe()).toThrowError()
-    expect(new Viibe({})).toBeInstanceOf(Viibe)
+    expect(typeof Viibe).toBe('function');
+    expect(() => new Viibe()).toThrowError();
+    expect(new Viibe({})).toBeInstanceOf(Viibe);
   });
 
   test('throws errors when host or source are not defined', () => {
     const viibe = new Viibe({});
-    expect(() => viibe.createNotificationIframe()).toThrow('fillHost')
-    expect(() => viibe.createCallIframe()).toThrow('fillHost')
 
-    const viibeWithHost = new Viibe({host: 'clement.viibe.tech'})
-    expect(() => viibeWithHost.createNotificationIframe()).toThrow('fillSource')
-    expect(() => viibeWithHost.createCallIframe()).toThrow('fillSource')
-  })
+    expect(() => viibe.createNotificationIframe()).toThrow('fillHost');
+    expect(() => viibe.createCallIframe()).toThrow('fillHost');
+
+    const viibeWithHost = new Viibe({
+      host: 'clement.viibe.tech',
+    });
+
+    expect(() => viibeWithHost.createNotificationIframe()).toThrow('fillSource');
+    expect(() => viibeWithHost.createCallIframe()).toThrow('fillSource');
+  });
 
   test('constructor', () => {
     const viibe = new Viibe({
-        host: 'clement.viibe.tech',
-        source: 'jest'
-    })
-    expect(viibe.host).toBe('clement.viibe.tech')
-    expect(viibe.source).toBe('jest')
-    expect(viibe.origin).toBe('https://clement.viibe.tech')
+      host: 'clement.viibe.tech',
+      source: 'jest',
+    });
+
+    expect(viibe.host).toBe('clement.viibe.tech');
+    expect(viibe.source).toBe('jest');
+    expect(viibe.origin).toBe('https://clement.viibe.tech');
 
     const viibeLocalhost = new Viibe({
-        host: 'localhost:6666'
-    })
-    expect(viibeLocalhost.origin).toBe('http://localhost:6666')
+      host: 'localhost:6666',
+    });
+
+    expect(viibeLocalhost.origin).toBe('http://localhost:6666');
   });
 
   test('createNotificationIframe', () => {
     const viibe = new Viibe({
-        host: 'clement.viibe.tech',
-        source: 'jest',
-    })
-    const iframe = viibe.createNotificationIframe()
-    expect(iframe).toBeInstanceOf(HTMLIFrameElement)
-    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')
-  })
+      host: 'clement.viibe.tech',
+      source: 'jest',
+    });
+    const iframe = viibe.createNotificationIframe();
+
+    expect(iframe).toBeInstanceOf(HTMLIFrameElement);
+    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');
+  });
 
   test('createCallIframe', () => {
     const viibe = new Viibe({
-        host: 'clement.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}$/)
-    expect(iframe.allow).toBe('geolocation;autoplay;microphone;camera;midi;encrypted-media;clipboard-write;')
-    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)
-  })
-});
+      host: 'clement.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}$/);
+    expect(iframe.allow).toBe('geolocation;autoplay;microphone;camera;midi;encrypted-media;clipboard-write;');
+    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);
+  });
+});

package/dist/index.js

@@ -1 +0,0 @@
-(()=>{var t={579:t=>{function e(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function n(t,e){for(var n=0;n<e.length;n++){var o=e[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(t,o.key,o)}}function o(t,e,o){return e&&n(t.prototype,e),o&&n(t,o),t}function i(t){return function(e){return Boolean(e.isTrusted&&0===e.origin.indexOf(t))}}function a(t){var e=new URL(t),n="".concat(e.protocol,"//").concat(e.host),o=window.screen.width/2-240,a=window.screen.height/2-300,r=["toolbar=no","location=no","directories=no","status=no","menubar=no","scrollbars=no","resizable=no","copyhistory=no","width=".concat(480),"height=".concat(600),"top=".concat(a),"left=".concat(o)];return new Promise((function(e,o){var a=window.open(t,"Authorization",r.join(", "));a||o("Failed to open window");var c=setInterval((function(){a.closed&&(s(),o("User closed window"))}),100);function s(){window.removeEventListener("message",u),clearInterval(c)}function u(t){if(!i(n)(t))return null;if(t.data.token&&(s(),e(t.data.token)),t.data.error&&(s(),o(t.data.error)),t.data&&t.data.event&&t.data.payload)switch(t.data.event){case"authentication:success":return s(),e(t.data);case"authentication:failure":return s(),o(t.data)}}window.addEventListener("message",u)}))}var r,c,s,u="auth.viibe.pro",l=function(){function t(){var n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:u;e(this,t),this.host=n}return o(t,[{key:"loginZendesk",value:function(t){var e=document.location.origin;return a("https://".concat(this.host,"/auth/zendesk/login?subdomain=").concat(t,"&origin=").concat(e))}}]),t}(),h=function(){function t(n){e(this,t),this.handlers=[],this.host=n.host,this.origin=/^localhost/.test(this.host)?"http://".concat(this.host):"https://".concat(this.host),this.apiOrigin=/^localhost/.test(this.host)?"http://".concat(this.host):"https://api-".concat(this.host),this.source=n.source,this.isViibeEvent=i(this.origin),window.addEventListener("message",this.onMessage.bind(this))}return o(t,[{key:"createNotificationIframe",value:function(){if(!this.host)throw new Error("fillHost");if(!this.source)throw new Error("fillSource");var t=document.createElement("iframe");return t.name="viibe-"+Math.floor(1e4*Math.random()),t.style="border: 0;width: 0;",t.src="".concat(this.origin,"/integration/features/notifications"),t}},{key:"createCallIframe",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};if(!this.host)throw new Error("fillHost");if(!this.source)throw new Error("fillSource");var n=this.generateIframeSrc(e),o=document.createElement("iframe");return o.name="viibe-"+Math.floor(1e4*Math.random()),o.style="border: 0;width: calc(100% - 1rem);margin: 0.5rem;",o.src=n,o.allow="geolocation;autoplay;microphone;camera;midi;encrypted-media;clipboard-write;",this.on(o,"document",(function(e){return t.onDocument(e)})),o}},{key:"generateIframeSrc",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},e=t.clipboard,n=void 0!==e&&e,o=t.components,i=t.links,a=t.o2m,r=void 0!==a&&a,c=t.ticket,s=t.token,u=t.locale,l=t.standalone,h="".concat(this.origin,"/integration/features/ticket"),d=new URLSearchParams({resize:"true",source:this.source,origin:document.location.origin});if(c&&c.title&&d.set("title",c.title),c&&c.integration&&d.set("thirdPartyId",c.integration.id),i){var f=i instanceof Array?i.map((function(t){return"".concat(t.category,":").concat(t.value)})).join(","):String(i);d.set("links",f)}if(s&&d.set("token",s),u&&d.set("locale",u),o){var v=o instanceof Array?o.join(","):String(o);d.set("components",v)}return l&&d.set("standalone",Boolean(l)),d.set("clipboard",Boolean(n)),d.set("o2m",Boolean(r)),h+"?".concat(d)}},{key:"dispatch",value:function(t,e,n){return this.handlers.filter((function(e){return e.eventName===t&&(!e.windowName||e.windowName===n)})).map((function(t){return t.func(e)}))}},{key:"onMessage",value:function(t){return this.isViibeEvent(t)?t.data&&t.data.event&&t.data.payload?this.dispatch(t.data.event,t.data.payload,t.data.windowName):t.data&&t.data.token?this.dispatch("authentication:token",t.data.token):t.data&&t.data.error?this.dispatch("authentication:error",t.data.error):null:null}},{key:"on",value:function(t,e,n){"string"==typeof t&&"function"==typeof e&&void 0===n&&(n=e,e=t,t=null);var o={eventName:e,windowName:t?t.name:null,func:n};this.handlers.push(o)}},{key:"onDocument",value:function(t){window.open(t.signed_url,"_blank")}},{key:"authenticate",value:function(t){var e=document.location,n=e.protocol,o=e.host;return a("".concat(n,"//api-").concat(o,"/auth/login/").concat(t,"?origin=").concat(origin))}}]),t}();s=l,(c="Auth")in(r=h)?Object.defineProperty(r,c,{value:s,enumerable:!0,configurable:!0,writable:!0}):r.Auth=s,"undefined"!=typeof window&&(window.Viibe=h),t.exports=h}},e={},n=function n(o){var i=e[o];if(void 0!==i)return i.exports;var a=e[o]={exports:{}};return t[o](a,a.exports,n),a.exports}(579);module.exports=n})();