@hellotext/hellotext 2.0.1 → 2.0.3

package/lib/controllers/form_controller.cjs

@@ -96,18 +96,21 @@ let _default = /*#__PURE__*/function (_Controller) {
   }, {
     key: "showErrorMessages",
     value: function showErrorMessages() {
-      this.element.querySelectorAll('input:invalid').forEach(input => {
-        const parent = input.closest('article');
-        parent.querySelector('[data-error-container]').innerText = input.validationMessage;
+      this.inputTargets.forEach(input => {
+        const errorsContainer = input.closest('article').querySelector('[data-error-container]');
+        if (input.validity.valid) {
+          errorsContainer.innerText = '';
+        } else {
+          errorsContainer.innerText = input.validationMessage;
+        }
       });
     }
   }, {
     key: "clearErrorMessages",
     value: function clearErrorMessages() {
-      this.element.querySelectorAll('input').forEach(input => {
+      this.inputTargets.forEach(input => {
         input.setCustomValidity('');
-        const parent = input.closest('article');
-        parent.querySelector('[data-error-container]').innerText = '';
+        input.closest('article').querySelector('[data-error-container]').innerText = '';
       });
     }
   }, {

package/lib/controllers/form_controller.js

@@ -97,18 +97,21 @@ var _default = /*#__PURE__*/function (_Controller) {
   }, {
     key: "showErrorMessages",
     value: function showErrorMessages() {
-      this.element.querySelectorAll('input:invalid').forEach(input => {
-        var parent = input.closest('article');
-        parent.querySelector('[data-error-container]').innerText = input.validationMessage;
+      this.inputTargets.forEach(input => {
+        var errorsContainer = input.closest('article').querySelector('[data-error-container]');
+        if (input.validity.valid) {
+          errorsContainer.innerText = '';
+        } else {
+          errorsContainer.innerText = input.validationMessage;
+        }
       });
     }
   }, {
     key: "clearErrorMessages",
     value: function clearErrorMessages() {
-      this.element.querySelectorAll('input').forEach(input => {
+      this.inputTargets.forEach(input => {
         input.setCustomValidity('');
-        var parent = input.closest('article');
-        parent.querySelector('[data-error-container]').innerText = '';
+        input.closest('article').querySelector('[data-error-container]').innerText = '';
       });
     }
   }, {

package/lib/hellotext.cjs

@@ -33,15 +33,15 @@ let Hellotext = /*#__PURE__*/function () {
      * @param { Configuration } config
      */
     async function initialize(business, config) {
+      this.forms = new _models.FormCollection();
       this.business = new _models.Business(business);
       _core.Configuration.assign(config);
       _models.Session.initialize();
+      this.business.fetchPublicData().then(() => this.forms.collect());
       _classPrivateFieldLooseBase(this, _query)[_query] = new _models.Query();
-      this.forms = new _models.FormCollection();
       if (_core.Configuration.webchat.id) {
         this.webchat = await _models.Webchat.load(_core.Configuration.webchat.id);
       }
-      this.forms.collect();
     }
 
     /**

package/lib/hellotext.js

@@ -31,15 +31,15 @@ var Hellotext = /*#__PURE__*/function () {
      */
     function () {
       var _initialize = _asyncToGenerator(function* (business, config) {
+        this.forms = new FormCollection();
         this.business = new Business(business);
         Configuration.assign(config);
         Session.initialize();
+        this.business.fetchPublicData().then(() => this.forms.collect());
         _classPrivateFieldLooseBase(this, _query)[_query] = new Query();
-        this.forms = new FormCollection();
         if (Configuration.webchat.id) {
           this.webchat = yield Webchat.load(Configuration.webchat.id);
         }
-        this.forms.collect();
       });
       function initialize(_x, _x2) {
         return _initialize.apply(this, arguments);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hellotext/hellotext",
-  "version": "2.0.1",
+  "version": "2.0.3",
   "description": "Hellotext JavaScript Client",
   "source": "src/index.js",
   "main": "lib/index.cjs",
@@ -40,7 +40,7 @@
     "./lib/index.cjs"
   ],
   "engines": {
-    "node": ">=14.0.0"
+    "node": ">=20.0.0"
   },
   "devDependencies": {
     "@babel/cli": "^7.20.7",
@@ -65,7 +65,18 @@
   },
   "keywords": [
     "hellotext",
-    "javascript"
+    "javascript",
+    "sms",
+    "whatsapp",
+    "messaging",
+    "chat",
+    "webchat",
+    "customer-engagement",
+    "sdk",
+    "client-library",
+    "typescript",
+    "browser",
+    "node"
   ],
   "scripts": {
     "test": "NODE_ENV=test jest",
@@ -83,5 +94,6 @@
     "@floating-ui/dom": "^1.6.12",
     "@hotwired/stimulus": "^3.0.0",
     "emoji-mart": "^5.6.0"
-  }
+  },
+  "packageManager": "yarn@1.22.22+sha1.ac34549e6aa8e7ead463a7407e1c7390f61a6610"
 }

package/src/controllers/form_controller.js

@@ -72,11 +72,11 @@ export default class extends Controller {
   completed() {
     this.form.markAsCompleted(this.formData)
 
-    if(!Configuration.forms.shouldShowSuccessMessage) {
+    if (!Configuration.forms.shouldShowSuccessMessage) {
       return this.element.remove()
     }
 
-    if(typeof Configuration.forms.successMessage === 'string') {
+    if (typeof Configuration.forms.successMessage === 'string') {
       this.element.innerHTML = Configuration.forms.successMessage
     } else {
       this.element.innerHTML = Hellotext.business.locale.forms[this.form.localeAuthKey]
@@ -86,17 +86,21 @@ export default class extends Controller {
   // private
 
   showErrorMessages() {
-    this.element.querySelectorAll('input:invalid').forEach(input => {
-      const parent = input.closest('article')
-      parent.querySelector('[data-error-container]').innerText = input.validationMessage
+    this.inputTargets.forEach(input => {
+      const errorsContainer = input.closest('article').querySelector('[data-error-container]')
+
+      if (input.validity.valid) {
+        errorsContainer.innerText = ''
+      } else {
+        errorsContainer.innerText = input.validationMessage
+      }
     })
   }
 
   clearErrorMessages() {
-    this.element.querySelectorAll('input').forEach(input => {
+    this.inputTargets.forEach(input => {
       input.setCustomValidity('')
-      const parent = input.closest('article')
-      parent.querySelector('[data-error-container]').innerText = ''
+      input.closest('article').querySelector('[data-error-container]').innerText = ''
     })
   }
 

package/src/hellotext.js

@@ -20,19 +20,19 @@ class Hellotext {
    * @param { Configuration } config
    */
   static async initialize(business, config) {
+    this.forms = new FormCollection()
     this.business = new Business(business)
 
     Configuration.assign(config)
     Session.initialize()
 
+    this.business.fetchPublicData().then(() => this.forms.collect())
+
     this.#query = new Query()
-    this.forms = new FormCollection()
 
     if (Configuration.webchat.id) {
       this.webchat = await Webchat.load(Configuration.webchat.id)
     }
-
-    this.forms.collect()
   }
 
   /**