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

package/dist/squatch.esm.js

@@ -1117,13 +1117,10 @@ class EmbedWidget extends Widget {
     }
   }
   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({
@@ -1132,14 +1129,14 @@ class EmbedWidget extends Widget {
       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);
@@ -1160,12 +1157,12 @@ class EmbedWidget extends Widget {
     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>
@@ -2353,6 +2350,8 @@ class DeclarativeEmbedWidget extends DeclarativeWidget {
   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"
@@ -2396,6 +2395,8 @@ class DeclarativePopupWidget extends DeclarativeWidget {
   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";