@followgate/js 0.8.0 → 0.8.1

package/dist/index.js

@@ -307,6 +307,45 @@ var MODAL_STYLES = `
   height: 20px;
   color: #fbbf24;
   flex-shrink: 0;
+}
+
+.fg-verify-box {
+  background: rgba(59, 130, 246, 0.05);
+  border: 1px solid rgba(96, 165, 250, 0.5);
+  border-radius: 12px;
+  padding: 12px 16px;
+  margin-bottom: 8px;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 12px;
+}
+
+.fg-verify-box-left {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
+
+.fg-verify-spinner {
+  width: 20px;
+  height: 20px;
+  border: 2px solid rgba(96, 165, 250, 0.3);
+  border-top-color: #60a5fa;
+  border-radius: 50%;
+  animation: fg-spin 1s linear infinite;
+}
+
+.fg-verify-text {
+  font-size: 14px;
+  color: #93c5fd;
+}
+
+.fg-verify-hint {
+  font-size: 12px;
+  color: #64748b;
+  text-align: center;
+  margin-bottom: 16px;
   margin-top: 2px;
 }
 
@@ -784,8 +823,22 @@ var FollowGateClient = class {
   renderConfirmStep() {
     const content = this.getContentElement();
     if (!content) return;
+    const username = this.currentUser?.username;
     content.innerHTML = `
       <h2 class="fg-title">Almost done!</h2>
+      <div class="fg-verify-box">
+        <div class="fg-verify-box-left">
+          <div class="fg-verify-spinner"></div>
+          <span class="fg-verify-text">Verifying follow & repost</span>
+        </div>
+        ${username ? `
+          <div class="fg-user-badge" style="margin: 0;">
+            <div class="fg-user-badge-dot" style="background: #facc15;"></div>
+            <span class="fg-user-badge-text">@${username}</span>
+          </div>
+        ` : ""}
+      </div>
+      <p class="fg-verify-hint">Verification may take some time</p>
       <div class="fg-warning-box">
         ${ICONS.warning}
         <p><strong>Note:</strong> Access may be revoked if actions are not completed.</p>
@@ -1018,7 +1071,10 @@ var FollowGateClient = class {
       );
       if (!response.ok) {
         if (this.config.debug) {
-          console.warn("[FollowGate] Verification check failed:", response.status);
+          console.warn(
+            "[FollowGate] Verification check failed:",
+            response.status
+          );
         }
         return false;
       }
@@ -1157,7 +1213,10 @@ var FollowGateClient = class {
         if (response.ok) {
           console.log("[FollowGate] Completion saved to server");
         } else {
-          console.warn("[FollowGate] Failed to save completion:", response.status);
+          console.warn(
+            "[FollowGate] Failed to save completion:",
+            response.status
+          );
         }
       }
     } catch (error) {

package/dist/index.mjs

@@ -281,6 +281,45 @@ var MODAL_STYLES = `
   height: 20px;
   color: #fbbf24;
   flex-shrink: 0;
+}
+
+.fg-verify-box {
+  background: rgba(59, 130, 246, 0.05);
+  border: 1px solid rgba(96, 165, 250, 0.5);
+  border-radius: 12px;
+  padding: 12px 16px;
+  margin-bottom: 8px;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 12px;
+}
+
+.fg-verify-box-left {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
+
+.fg-verify-spinner {
+  width: 20px;
+  height: 20px;
+  border: 2px solid rgba(96, 165, 250, 0.3);
+  border-top-color: #60a5fa;
+  border-radius: 50%;
+  animation: fg-spin 1s linear infinite;
+}
+
+.fg-verify-text {
+  font-size: 14px;
+  color: #93c5fd;
+}
+
+.fg-verify-hint {
+  font-size: 12px;
+  color: #64748b;
+  text-align: center;
+  margin-bottom: 16px;
   margin-top: 2px;
 }
 
@@ -758,8 +797,22 @@ var FollowGateClient = class {
   renderConfirmStep() {
     const content = this.getContentElement();
     if (!content) return;
+    const username = this.currentUser?.username;
     content.innerHTML = `
       <h2 class="fg-title">Almost done!</h2>
+      <div class="fg-verify-box">
+        <div class="fg-verify-box-left">
+          <div class="fg-verify-spinner"></div>
+          <span class="fg-verify-text">Verifying follow & repost</span>
+        </div>
+        ${username ? `
+          <div class="fg-user-badge" style="margin: 0;">
+            <div class="fg-user-badge-dot" style="background: #facc15;"></div>
+            <span class="fg-user-badge-text">@${username}</span>
+          </div>
+        ` : ""}
+      </div>
+      <p class="fg-verify-hint">Verification may take some time</p>
       <div class="fg-warning-box">
         ${ICONS.warning}
         <p><strong>Note:</strong> Access may be revoked if actions are not completed.</p>
@@ -992,7 +1045,10 @@ var FollowGateClient = class {
       );
       if (!response.ok) {
         if (this.config.debug) {
-          console.warn("[FollowGate] Verification check failed:", response.status);
+          console.warn(
+            "[FollowGate] Verification check failed:",
+            response.status
+          );
         }
         return false;
       }
@@ -1131,7 +1187,10 @@ var FollowGateClient = class {
         if (response.ok) {
           console.log("[FollowGate] Completion saved to server");
         } else {
-          console.warn("[FollowGate] Failed to save completion:", response.status);
+          console.warn(
+            "[FollowGate] Failed to save completion:",
+            response.status
+          );
         }
       }
     } catch (error) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@followgate/js",
-  "version": "0.8.0",
+  "version": "0.8.1",
   "description": "FollowGate SDK - Grow your audience with every download. Require social actions (follow, repost) before users can access your app.",
   "author": "FollowGate <hello@followgate.app>",
   "homepage": "https://followgate.app",