@followgate/js 0.15.1 → 0.15.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/dist/index.js +6 -15
  2. package/dist/index.mjs +6 -15
  3. package/package.json +1 -1
package/dist/index.js CHANGED
@@ -478,7 +478,7 @@ var MODAL_STYLES = `
478
478
  .fg-btn-row {
479
479
  display: flex;
480
480
  gap: 8px;
481
- margin-top: 12px;
481
+ margin-top: 0;
482
482
  }
483
483
 
484
484
  .fg-btn-row .fg-btn {
@@ -1086,10 +1086,7 @@ var FollowGateClient = class {
1086
1086
  verifyText = "Verifying repost";
1087
1087
  }
1088
1088
  content.innerHTML = `
1089
- <div style="display: flex; align-items: center; justify-content: center; gap: 10px; margin-bottom: 16px;">
1090
- <span style="color: #4ade80; width: 28px; height: 28px;">${ICONS.check}</span>
1091
- <h2 class="fg-title" style="margin: 0;">${this.escapeHtml(successTitle)}</h2>
1092
- </div>
1089
+ <h2 class="fg-title" style="margin-bottom: 16px;">${this.escapeHtml(successTitle)}</h2>
1093
1090
  ${successMessage ? `<p class="fg-subtitle" style="margin-bottom: 16px;">${this.escapeHtml(successMessage)}</p>` : ""}
1094
1091
  <div class="fg-verify-box">
1095
1092
  <div class="fg-verify-box-left">
@@ -1103,20 +1100,14 @@ var FollowGateClient = class {
1103
1100
  </div>
1104
1101
  ` : ""}
1105
1102
  </div>
1106
- <div style="text-align: center; margin: 8px 0;">
1107
- <p style="color: #4ade80; font-size: 13px; margin: 0; display: flex; align-items: center; justify-content: center; gap: 6px;">
1108
- <span style="width: 14px; height: 14px;">${ICONS.check}</span>
1109
- Access granted
1110
- </p>
1111
- <p class="fg-verify-hint" style="margin: 4px 0 0;">Final verification may take some time</p>
1112
- </div>
1113
- <p style="color: rgba(250, 204, 21, 0.6); font-size: 11px; margin: 16px 0 20px; text-align: center;">Access may be revoked if actions are not completed.</p>
1103
+ <p class="fg-verify-hint" style="margin-bottom: 32px;">Verification may take some time</p>
1104
+ <p style="color: rgba(250, 204, 21, 0.85); font-size: 11px; margin: 0 0 10px; text-align: center;">Access may be revoked if actions are not completed.</p>
1114
1105
  <button class="fg-btn fg-btn-green" id="fg-finish-btn">
1115
1106
  ${ICONS.check}
1116
- Got it \u2014 Continue
1107
+ Got it - Get access now!
1117
1108
  </button>
1118
1109
  ${hasFollow || hasRepost ? `
1119
- <p style="color: rgba(255,255,255,0.4); font-size: 11px; margin: 24px 0 6px; text-align: center;">Missed something? Open again:</p>
1110
+ <p style="color: rgba(255,255,255,0.4); font-size: 11px; margin: 24px 0 0; text-align: center;">Missed something? Open again:</p>
1120
1111
  <div class="fg-btn-row">
1121
1112
  ${hasFollow ? `
1122
1113
  <button class="fg-btn fg-btn-secondary" id="fg-redo-follow">
package/dist/index.mjs CHANGED
@@ -452,7 +452,7 @@ var MODAL_STYLES = `
452
452
  .fg-btn-row {
453
453
  display: flex;
454
454
  gap: 8px;
455
- margin-top: 12px;
455
+ margin-top: 0;
456
456
  }
457
457
 
458
458
  .fg-btn-row .fg-btn {
@@ -1060,10 +1060,7 @@ var FollowGateClient = class {
1060
1060
  verifyText = "Verifying repost";
1061
1061
  }
1062
1062
  content.innerHTML = `
1063
- <div style="display: flex; align-items: center; justify-content: center; gap: 10px; margin-bottom: 16px;">
1064
- <span style="color: #4ade80; width: 28px; height: 28px;">${ICONS.check}</span>
1065
- <h2 class="fg-title" style="margin: 0;">${this.escapeHtml(successTitle)}</h2>
1066
- </div>
1063
+ <h2 class="fg-title" style="margin-bottom: 16px;">${this.escapeHtml(successTitle)}</h2>
1067
1064
  ${successMessage ? `<p class="fg-subtitle" style="margin-bottom: 16px;">${this.escapeHtml(successMessage)}</p>` : ""}
1068
1065
  <div class="fg-verify-box">
1069
1066
  <div class="fg-verify-box-left">
@@ -1077,20 +1074,14 @@ var FollowGateClient = class {
1077
1074
  </div>
1078
1075
  ` : ""}
1079
1076
  </div>
1080
- <div style="text-align: center; margin: 8px 0;">
1081
- <p style="color: #4ade80; font-size: 13px; margin: 0; display: flex; align-items: center; justify-content: center; gap: 6px;">
1082
- <span style="width: 14px; height: 14px;">${ICONS.check}</span>
1083
- Access granted
1084
- </p>
1085
- <p class="fg-verify-hint" style="margin: 4px 0 0;">Final verification may take some time</p>
1086
- </div>
1087
- <p style="color: rgba(250, 204, 21, 0.6); font-size: 11px; margin: 16px 0 20px; text-align: center;">Access may be revoked if actions are not completed.</p>
1077
+ <p class="fg-verify-hint" style="margin-bottom: 32px;">Verification may take some time</p>
1078
+ <p style="color: rgba(250, 204, 21, 0.85); font-size: 11px; margin: 0 0 10px; text-align: center;">Access may be revoked if actions are not completed.</p>
1088
1079
  <button class="fg-btn fg-btn-green" id="fg-finish-btn">
1089
1080
  ${ICONS.check}
1090
- Got it \u2014 Continue
1081
+ Got it - Get access now!
1091
1082
  </button>
1092
1083
  ${hasFollow || hasRepost ? `
1093
- <p style="color: rgba(255,255,255,0.4); font-size: 11px; margin: 24px 0 6px; text-align: center;">Missed something? Open again:</p>
1084
+ <p style="color: rgba(255,255,255,0.4); font-size: 11px; margin: 24px 0 0; text-align: center;">Missed something? Open again:</p>
1094
1085
  <div class="fg-btn-row">
1095
1086
  ${hasFollow ? `
1096
1087
  <button class="fg-btn fg-btn-secondary" id="fg-redo-follow">
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@followgate/js",
3
- "version": "0.15.1",
3
+ "version": "0.15.4",
4
4
  "description": "FollowGate SDK - Grow your audience with every download. Require social actions (follow, repost) before users can access your app.",
5
5
  "author": "FollowGate <hello@followgate.app>",
6
6
  "homepage": "https://followgate.app",