@saasquatch/squatch-js 2.8.2-25 → 2.8.2-26

package/dist/squatch.js

@@ -2221,7 +2221,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
   }
   const _log$1 = debug("squatch-js:DeclarativeWidget");
   class DeclarativeWidget extends HTMLElement {
-    constructor() {
+    constructor(res) {
       super();
       /**
        * Configuration overrides
@@ -2268,6 +2268,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
        */
       __publicField(this, "container");
       __publicField(this, "element");
+      __publicField(this, "widgetConfig");
       /**
        * Flag for if the component has been loaded or not
        * @hidden
@@ -2331,6 +2332,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       this.config = getConfig();
       this.token = getToken();
       this.tenant = window.squatchTenant;
+      this.widgetConfig = res.widgetConfig;
       this.container = this;
     }
     _setupApis(config) {
@@ -2421,8 +2423,8 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     }
   }
   class DeclarativeEmbedWidget extends DeclarativeWidget {
-    constructor() {
-      super();
+    constructor(res) {
+      super(res);
       this.type = "EMBED";
       this.loaded = false;
     }
@@ -2441,6 +2443,8 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     async connectedCallback() {
       this.loaded = true;
       this.container = this.getAttribute("container");
+      const brandingConfig = this.widgetConfig.values.brandingConfig;
+      console.log("THIS IS THE BRANDING CONFIG", brandingConfig);
       const skeletonHTML = getSkeleton({ height: "100%" });
       const skeletonContainer = document.createElement("div");
       skeletonContainer.id = "loading-skeleton";
@@ -2457,8 +2461,8 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     }
   }
   class DeclarativePopupWidget extends DeclarativeWidget {
-    constructor() {
-      super();
+    constructor(res) {
+      super(res);
       this.type = "POPUP";
       this.loaded = false;
       this.addEventListener("click", (e) => {
@@ -2479,26 +2483,17 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       }
     }
     async connectedCallback() {
-      var _a2;
       this.loaded = true;
       this.container = this.getAttribute("container");
-      const skeletonHTML = `
-    <div>
-      <h1>Dynamic Content</h1>
-      <p>This content was dynamically added to the widget before it loaded.</p>
-    </div>
-  `;
+      const skeletonHTML = getSkeleton({ height: "100%" });
       const skeletonContainer = document.createElement("div");
       skeletonContainer.id = "loading-skeleton";
       skeletonContainer.innerHTML = skeletonHTML;
-      if (!this.shadowRoot) {
-        this.attachShadow({ mode: "open" });
-      }
-      if (this.shadowRoot) {
-        this.shadowRoot.innerHTML = skeletonHTML;
-      }
+      const root = this.shadowRoot || this.attachShadow({ mode: "open" });
+      root.innerHTML = "";
+      root.appendChild(skeletonContainer);
       await this.renderWidget();
-      const loadingElement = (_a2 = this.shadowRoot) == null ? void 0 : _a2.getElementById("loading-skeleton");
+      const loadingElement = root.getElementById("loading-skeleton");
       if (loadingElement) {
         loadingElement.remove();
       }