@followgate/js 0.9.3 → 0.9.5

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 +12 -2
  2. package/dist/index.mjs +12 -2
  3. package/package.json +1 -1
package/dist/index.js CHANGED
@@ -423,8 +423,8 @@ var MODAL_STYLES = `
423
423
  }
424
424
 
425
425
  .fg-footer {
426
- margin-top: 24px;
427
- padding-top: 16px;
426
+ margin-top: 16px;
427
+ padding-top: 12px;
428
428
  border-top: 1px solid #1e293b;
429
429
  text-align: center;
430
430
  }
@@ -643,12 +643,22 @@ var FollowGateClient = class {
643
643
  renderUsernameStep() {
644
644
  const content = this.getContentElement();
645
645
  if (!content) return;
646
+ const handle = this.config?.twitter?.handle;
647
+ const hasRepost = !!this.config?.twitter?.tweetId;
648
+ const allowSkip = this.serverConfig?.allowSkip ?? false;
649
+ let explanationText = handle ? `Complete a quick follow${hasRepost ? " & repost" : ""} on X for @${handle} to unlock access.` : `Complete a quick social action to unlock access.`;
650
+ if (allowSkip) {
651
+ explanationText += ` You can skip if you prefer, but it helps support the developer.`;
652
+ }
646
653
  content.innerHTML = `
647
654
  <div class="fg-icon-box">
648
655
  ${ICONS.x}
649
656
  </div>
650
657
  <h2 class="fg-title">Unlock Free Access</h2>
651
658
  <p class="fg-subtitle">Enter your X username to get started</p>
659
+ <div class="fg-info-box" style="margin-bottom: 20px;">
660
+ <p>${explanationText}</p>
661
+ </div>
652
662
  <div class="fg-input-wrapper">
653
663
  <span class="fg-input-prefix">@</span>
654
664
  <input type="text" class="fg-input" id="fg-username-input" placeholder="your_username" autofocus>
package/dist/index.mjs CHANGED
@@ -397,8 +397,8 @@ var MODAL_STYLES = `
397
397
  }
398
398
 
399
399
  .fg-footer {
400
- margin-top: 24px;
401
- padding-top: 16px;
400
+ margin-top: 16px;
401
+ padding-top: 12px;
402
402
  border-top: 1px solid #1e293b;
403
403
  text-align: center;
404
404
  }
@@ -617,12 +617,22 @@ var FollowGateClient = class {
617
617
  renderUsernameStep() {
618
618
  const content = this.getContentElement();
619
619
  if (!content) return;
620
+ const handle = this.config?.twitter?.handle;
621
+ const hasRepost = !!this.config?.twitter?.tweetId;
622
+ const allowSkip = this.serverConfig?.allowSkip ?? false;
623
+ let explanationText = handle ? `Complete a quick follow${hasRepost ? " & repost" : ""} on X for @${handle} to unlock access.` : `Complete a quick social action to unlock access.`;
624
+ if (allowSkip) {
625
+ explanationText += ` You can skip if you prefer, but it helps support the developer.`;
626
+ }
620
627
  content.innerHTML = `
621
628
  <div class="fg-icon-box">
622
629
  ${ICONS.x}
623
630
  </div>
624
631
  <h2 class="fg-title">Unlock Free Access</h2>
625
632
  <p class="fg-subtitle">Enter your X username to get started</p>
633
+ <div class="fg-info-box" style="margin-bottom: 20px;">
634
+ <p>${explanationText}</p>
635
+ </div>
626
636
  <div class="fg-input-wrapper">
627
637
  <span class="fg-input-prefix">@</span>
628
638
  <input type="text" class="fg-input" id="fg-username-input" placeholder="your_username" autofocus>
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@followgate/js",
3
- "version": "0.9.3",
3
+ "version": "0.9.5",
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",