@saasquatch/squatch-js 2.8.2-28 → 2.8.2-29

package/dist/squatch.js

@@ -1121,13 +1121,10 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       }
     }
     async load() {
-      var _a2, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l;
+      var _a2, _b, _c, _d, _e, _f, _g;
       const brandingConfig = (_b = (_a2 = this.context.widgetConfig) == null ? void 0 : _a2.values) == null ? void 0 : _b.brandingConfig;
       const initialHeight = brandingConfig == null ? void 0 : brandingConfig.loadingHeight;
-      (_d = (_c = brandingConfig == null ? void 0 : brandingConfig.color) == null ? void 0 : _c.loadingSkeleton) == null ? void 0 : _d.background;
-      (_f = (_e = brandingConfig == null ? void 0 : brandingConfig.color) == null ? void 0 : _e.loadingSkeleton) == null ? void 0 : _f.animationBackground;
-      (_g = brandingConfig == null ? void 0 : brandingConfig.border) == null ? void 0 : _g.borderColor;
-      const sizes = (_h = brandingConfig == null ? void 0 : brandingConfig.widgetSize) == null ? void 0 : _h.embeddedWidgets;
+      const sizes = (_c = brandingConfig == null ? void 0 : brandingConfig.widgetSize) == null ? void 0 : _c.embeddedWidgets;
       const maxWidth = (sizes == null ? void 0 : sizes.maxWidth) ? formatWidth(sizes.maxWidth) : "";
       const minWidth = (sizes == null ? void 0 : sizes.minWidth) ? formatWidth(sizes.minWidth) : "";
       const frame = this._createFrame({
@@ -1136,14 +1133,14 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
         initialHeight
       });
       const element = this._findElement();
-      if ((_i = this.context) == null ? void 0 : _i.container) {
+      if ((_d = this.context) == null ? void 0 : _d.container) {
         element.style.visibility = "hidden";
         element.style.height = "0";
         element.style["overflow-y"] = "hidden";
       }
       if (this.container) {
         if (element.shadowRoot) {
-          if (((_j = element.shadowRoot.lastChild) == null ? void 0 : _j.nodeName) === "IFRAME") {
+          if (((_e = element.shadowRoot.lastChild) == null ? void 0 : _e.nodeName) === "IFRAME") {
             element.shadowRoot.replaceChild(frame, element.shadowRoot.lastChild);
           } else {
             element.shadowRoot.appendChild(frame);
@@ -1164,12 +1161,12 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       frameDoc.open();
       const domain = this.widgetApi.domain;
       frameDoc.write(`
-      ${((_k = brandingConfig == null ? void 0 : brandingConfig.main) == null ? void 0 : _k.brandFont) ? `
+      ${((_f = brandingConfig == null ? void 0 : brandingConfig.main) == null ? void 0 : _f.brandFont) ? `
         <link rel="preconnect" href="https://fast${domain === "https://staging.referralsaasquatch.com" && "-staging"}.ssqt.io">
         <link rel="preconnect" href="https://fonts.gstatic.com">
         <link rel="preconnect" href="https://fonts.googleapis.com">
         <link rel="preload" href="https://fonts.googleapis.com/css2?family=${encodeURIComponent(
-        (_l = brandingConfig == null ? void 0 : brandingConfig.main) == null ? void 0 : _l.brandFont
+        (_g = brandingConfig == null ? void 0 : brandingConfig.main) == null ? void 0 : _g.brandFont
       )}" as="style">` : ""}
       <script src="${this.npmCdn}/resize-observer-polyfill@1.5.x"><\/script>
       <style data-styles>
@@ -2357,6 +2354,8 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     async connectedCallback() {
       this.loaded = true;
       this.container = this.getAttribute("container");
+      this.widgetType = this.getAttribute("widget") || void 0;
+      console.log("widget type", this.widgetType);
       const skeletonHTML = getSkeleton({
         height: "100%",
         type: "instant-access"
@@ -2400,6 +2399,8 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     async connectedCallback() {
       this.loaded = true;
       this.container = this.getAttribute("container");
+      this.widgetType = this.getAttribute("widget") || void 0;
+      console.log("widget type", this.widgetType);
       const skeletonHTML = getSkeleton({ height: "100%" });
       const skeletonContainer = document.createElement("div");
       skeletonContainer.id = "loading-skeleton";