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

package/dist/squatch.js

@@ -1862,7 +1862,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     };
   }
   const getSkeleton = ({
-    type = "referrer",
+    type = "verified-access",
     height = "500px",
     skeletonBackgroundColor = "#e0e0e0",
     skeletonShimmerColor = "#f5f5f5"
@@ -2115,7 +2115,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     </style>
 
     <div class="widget-container">
-      ${type === "referrer" ? referrerHTML : instantAccessHTML}
+      ${type === "verified-access" ? referrerHTML : instantAccessHTML}
     </div>
   `;
   };
@@ -2257,6 +2257,12 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
         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");
@@ -2356,9 +2362,10 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       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";
@@ -2400,8 +2407,11 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       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;