@hellotext/hellotext 2.4.53 → 2.5.0

package/src/models/webchat.js

@@ -30,6 +30,7 @@ class Webchat {
     }
 
     this.containerToAppendTo.appendChild(this.data.html)
+    this.markCoexistingWidgets()
     this.mounted = true
 
     return true
@@ -69,6 +70,16 @@ class Webchat {
   get stylesheetLoaded() {
     return Business.waitForStylesheet(Business.latestStylesheet)
   }
+
+  markCoexistingWidgets() {
+    const webchat = this.data.html
+    const whatsapp = document.querySelector('.hellotext--whatsapp-widget')
+
+    if (!webchat || !whatsapp) return
+
+    webchat.classList.add('hellotext--with-whatsapp-widget')
+    whatsapp.classList.add('hellotext--with-webchat')
+  }
 }
 
 export { Webchat }

package/src/models/whatsapp_widget.js

@@ -0,0 +1,68 @@
+import { Configuration } from '../core'
+
+import API from '../api'
+import { Business } from './business'
+
+class WhatsAppWidget {
+  static async load(id) {
+    const widget = new WhatsAppWidget({
+      id,
+      html: await API.whatsappWidgets.get(id)
+    })
+
+    widget.rendered = widget.render()
+
+    return widget
+  }
+
+  constructor(data) {
+    this.data = data
+    this.mounted = false
+    this.rendered = Promise.resolve(false)
+  }
+
+  async render() {
+    if (!this.data.html) return false
+
+    const container = this.containerToAppendTo
+    if (!container) {
+      console.warn(`Hellotext WhatsApp widget was not mounted because the container ${Configuration.whatsapp.container} was not found.`)
+      return false
+    }
+
+    if (!await this.stylesheetLoaded) {
+      console.warn('Hellotext WhatsApp widget was not mounted because its stylesheet failed to load.')
+      return false
+    }
+
+    container.appendChild(this.data.html)
+    this.markCoexistingWidgets()
+    this.mounted = true
+
+    return true
+  }
+
+  get containerToAppendTo() {
+    try {
+      return document.querySelector(Configuration.whatsapp.container)
+    } catch (_) {
+      return null
+    }
+  }
+
+  get stylesheetLoaded() {
+    return Business.waitForStylesheet(Business.latestStylesheet)
+  }
+
+  markCoexistingWidgets() {
+    const webchat = document.querySelector('.hellotext--webchat:not(.hellotext--whatsapp-widget)')
+    const whatsapp = this.data.html
+
+    if (!webchat || !whatsapp) return
+
+    webchat.classList.add('hellotext--with-whatsapp-widget')
+    whatsapp.classList.add('hellotext--with-webchat')
+  }
+}
+
+export { WhatsAppWidget }