@viibe/impulse-integration-js 2.1.0 → 2.2.0

package/dist/index.js

@@ -1 +1 @@
-(()=>{"use strict";var e={d:(t,o)=>{for(var r in o)e.o(o,r)&&!e.o(t,r)&&Object.defineProperty(t,r,{enumerable:!0,get:o[r]})},o:(e,t)=>Object.prototype.hasOwnProperty.call(e,t),r:e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})}},t={};function o(e,t){for(var o=0;o<t.length;o++){var r=t[o];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}e.r(t),e.d(t,{default:()=>r});const r=function(){function e(t){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),this.host=t.host,this.origin=/^localhost/.test(this.host)?"http://".concat(this.host):"https://".concat(this.host),this.source=t.source}var t,r;return t=e,r=[{key:"createCallIframe",value:function(){var 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 t=this.createCallUrl(e),o=document.createElement("iframe");return o.style="border: 0;width: calc(100% - 1rem);margin: 0.5rem;",o.src=t,o.allow="geolocation;autoplay;microphone;camera;midi;encrypted-media;clipboard-write;",o}},{key:"createCallUrl",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=e.links,o=e.ticket,r=e.token,n=e.locale,a="".concat(this.origin,"/integration/features/call"),i=["resize=true"];if(i.push("source=".concat(this.source)),null!=o&&o.integration&&i.push("thirdPartyId=".concat(o.integration.id)),t){var c=t.map((function(e){return"".concat(e.category,":").concat(e.value)})).join(",");i.push("links=".concat(c))}return r&&i.push("token=".concat(r)),n&&i.push("locale=".concat(n)),a+"?"+i.join("&")}},{key:"on",value:function(e,t){var o=this;window.addEventListener("message",(function(r){var n=Boolean(r.isTrusted&&0===r.origin.indexOf(o.origin)),a=Boolean(e===r.data.event);return n&&a&&t(r.data.payload||null),null}))}}],r&&o(t.prototype,r),e}();module.exports=t})();
+(()=>{"use strict";var t={d:(e,n)=>{for(var o in n)t.o(n,o)&&!t.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:n[o]})},o:(t,e)=>Object.prototype.hasOwnProperty.call(t,e),r:t=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})}},e={};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)}}t.r(e),t.d(e,{default:()=>o});const o=function(){function t(e){!function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,t),this.host=e.host,this.origin=/^localhost/.test(this.host)?"http://".concat(this.host):"https://".concat(this.host),this.source=e.source,this.handlers={},window.addEventListener("message",this.onMessage.bind(this))}var e,o;return e=t,o=[{key:"createCallIframe",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};if(!this.host)throw new Error("fillHost");if(!this.source)throw new Error("fillSource");var e=this.createCallUrl(t),n=document.createElement("iframe");return n.style="border: 0;width: calc(100% - 1rem);margin: 0.5rem;",n.src=e,n.allow="geolocation;autoplay;microphone;camera;midi;encrypted-media;clipboard-write;",n}},{key:"createCallUrl",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},e=t.links,n=t.ticket,o=t.token,a=t.locale,r="".concat(this.origin,"/integration/features/call"),i=["resize=true"];if(i.push("source=".concat(this.source)),null!=n&&n.integration&&i.push("thirdPartyId=".concat(n.integration.id)),e){var c=e.map((function(t){return"".concat(t.category,":").concat(t.value)})).join(",");i.push("links=".concat(c))}return o&&i.push("token=".concat(o)),a&&i.push("locale=".concat(a)),r+"?"+i.join("&")}},{key:"isViibeEvent",value:function(t){return Boolean(t.isTrusted&&0===t.origin.indexOf(this.origin))}},{key:"dispatch",value:function(t,e){var n=this.handlers[t];return n?n.map((function(t){return t(e)})):null}},{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&&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){(this.handlers[t]=this.handlers[t]||[]).push(e)}},{key:"authenticate",value:function(t){var e=this,n="".concat(this.origin,"/api/auth/login/").concat(t),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(t,o){var a=window.open(n,"Authorization",r.join(", ")),i=setInterval((function(){a.closed&&(s(),c())}),100),c=function(){o("User closed window")},s=function(){window.removeEventListener("message",l),clearInterval(i)},l=function(n){if(!e.isViibeEvent(n))return null;n.data.token&&(s(),t(n.data.token)),n.data.error&&(s(),o(n.data.error))};window.addEventListener("message",l)}))}}],o&&n(e.prototype,o),t}();module.exports=e})();

package/package.json

@@ -1,12 +1,13 @@
 {
   "name": "@viibe/impulse-integration-js",
-  "version": "2.1.0",
+  "version": "2.2.0",
   "description": "ViiBE integration in js native",
   "main": "index.js",
   "scripts": {
     "build": "webpack --mode production",
     "prepublish": "npm run build",
-    "test": "echo \"Error: no test specified\" && exit 1"
+    "test": "echo \"Error: no test specified\" && exit 1",
+    "publish:public": "npm publish --access public"
   },
   "author": "Viibe",
   "license": "ISC",

package/src/index.js

@@ -4,6 +4,9 @@ class Viibe {
     this.host = options.host
     this.origin = /^localhost/.test(this.host) ? `http://${this.host}` : `https://${this.host}`
     this.source = options.source
+    this.handlers = {}
+
+    window.addEventListener('message', this.onMessage.bind(this))
   }
 
   createCallIframe(options = {}) {
@@ -45,17 +48,102 @@ class Viibe {
     return src
   }
 
-  on(eventName, handler) {
+  isViibeEvent(event) {
+    return Boolean(event.isTrusted && event.origin.indexOf(this.origin) === 0)
+  }
 
-    const handlerWrapper = event => {
-      const isFromViiBE = Boolean(event.isTrusted && event.origin.indexOf(this.origin) === 0)
-      const isFromThisEvent = Boolean(eventName === event.data.event)
+  dispatch(eventName, payload) {
+    const eventHandlers = this.handlers[eventName];
+    if(!eventHandlers) {
+      return null
+    }
+    return eventHandlers.map(handler => handler(payload))
+  }
 
-      if (isFromViiBE && isFromThisEvent) handler(event.data.payload || null)
+  onMessage(event) {
+    if(!this.isViibeEvent(event)) {
       return null
     }
 
-    window.addEventListener('message', handlerWrapper)
+    if(event.data && event.data.event && event.data.payload) {
+      return this.dispatch(event.data.event, event.data.payload)
+    }
+
+    // FIXME: legacy authentication messages
+    if(event.data && 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 null
+  }
+
+  on(eventName, handler) {
+    const eventHandlers = this.handlers[eventName] = this.handlers[eventName] || []
+    eventHandlers.push(handler);
+  }
+  
+  authenticate(provider) {
+    const src = `${this.origin}/api/auth/login/${provider}`
+    const width = 480
+    const height = 600
+    const TWO = 2
+
+    const left = (window.screen.width / TWO) - (width / TWO)
+    const top = (window.screen.height / TWO) - (height / TWO)
+    const windowParams = [
+      'toolbar=no',
+      'location=no',
+      'directories=no',
+      'status=no',
+      'menubar=no',
+      'scrollbars=no',
+      'resizable=no',
+      'copyhistory=no',
+      `width=${width}`,
+      `height=${height}`,
+      `top=${top}`,
+      `left=${left}`,
+    ]
+
+    return new Promise((resolve, reject) => {
+      const win = window.open(src, 'Authorization', windowParams.join(', '))
+      
+      const closeCheck = setInterval(() => {
+        if(win.closed) {
+          destroy();
+          onClose();
+        }
+      }, 100)
+
+      const onClose = () => {
+        reject('User closed window')
+      }
+
+      const destroy = () => {
+        window.removeEventListener('message', onMessage)
+        clearInterval(closeCheck)
+      }
+
+      const onMessage = event => {
+        if(!this.isViibeEvent(event)) {
+          return null
+        }
+        if(event.data.token) {
+          destroy();
+          resolve(event.data.token)
+        }
+        if(event.data.error) {
+          destroy();
+          reject(event.data.error)
+        }
+      }
+      
+      window.addEventListener('message', onMessage)
+    })
+    
   }
 
 }