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

package/dist/squatch.esm.js

@@ -1858,7 +1858,7 @@ function _getAutoConfig() {
   };
 }
 const getSkeleton = ({
-  type = "referrer",
+  type = "verified-access",
   height = "500px",
   skeletonBackgroundColor = "#e0e0e0",
   skeletonShimmerColor = "#f5f5f5"
@@ -2111,7 +2111,7 @@ const getSkeleton = ({
     </style>
 
     <div class="widget-container">
-      ${type === "referrer" ? referrerHTML : instantAccessHTML}
+      ${type === "verified-access" ? referrerHTML : instantAccessHTML}
     </div>
   `;
 };
@@ -2253,6 +2253,12 @@ class DeclarativeWidget extends HTMLElement {
       domain: (config == null ? void 0 : config.domain) || ((_b = this.config) == null ? void 0 : _b.domain) || DEFAULT_DOMAIN
     });
   }
+  getWidgetType(widgetType) {
+    if (widgetType && (widgetType.includes("websiteReferralWidget") || widgetType.includes("friendWidget"))) {
+      return "instant-access";
+    }
+    return "verified-access";
+  }
   async renderPasswordlessVariant() {
     this._setupApis();
     _log$1("Rendering as an Instant Access widget");
@@ -2352,9 +2358,10 @@ class DeclarativeEmbedWidget extends DeclarativeWidget {
     this.container = this.getAttribute("container");
     this.widgetType = this.getAttribute("widget") || void 0;
     console.log("widget type", this.widgetType);
+    const skeletonWidgetType = this.getWidgetType(this.widgetType);
     const skeletonHTML = getSkeleton({
       height: "100%",
-      type: "instant-access"
+      type: skeletonWidgetType
     });
     const skeletonContainer = document.createElement("div");
     skeletonContainer.id = "loading-skeleton";
@@ -2396,8 +2403,11 @@ class DeclarativePopupWidget extends DeclarativeWidget {
     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 skeletonWidgetType = this.getWidgetType(this.widgetType);
+    const skeletonHTML = getSkeleton({
+      height: "100%",
+      type: skeletonWidgetType
+    });
     const skeletonContainer = document.createElement("div");
     skeletonContainer.id = "loading-skeleton";
     skeletonContainer.innerHTML = skeletonHTML;