<commit_before><div class="mdl-card mdl-shadow--2dp minds-quote-card mdl-color--blue-grey-600" >
  <div class="minds-boost-points-wrapper">

    <div class="minds-boost-points-input">
      <div>
        <input
          [(ngModel)]="points"
          type="number"
          (keyup)="calculateUSD()"
          (change)="calculateUSD()"
          />
      </div>
      <div>
        <label class="mdl-color-text--blue-grey-300">Points</label>
      </div>
    </div>

    <div class="minds-boost-points-input">
      <div>
        <input
          [(ngModel)]="usd"
          type="number"
          (keyup)="calculatePoints()"
          placeholder="..."
          disabled
          />
      </div>
      <div>
        <label class="mdl-color-text--blue-grey-300">USD</label>
      </div>
    </div>

    <div class="" [hidden]="toggled">
      <button class="mdl-button mdl-button--raised mdl-color--blue-grey-500 mdl-color-text--white" style="display: block; position: relative; margin: 16px 16px 0 0; padding: 0;" (click)="buy()">BUY!</button>
    </div>

  </div>


  <div class="mdl-card mdl-shadow--2dp minds-purchase-card" [hidden]="inProgress || confirmation || !toggled">

    <div class="minds-purchase-recurring-option">
      <input type="checkbox" [(ngModel)]="recurring">
      <label class="mdl-color-text--blue-grey-600" (click)="recurring = !recurring">
        Repeat this transaction every month and get <b>10%</b> more points 
      </label>

      <span class="minds-purchase-recurring-cancel mdl-color-text--blue-grey-300" *ngIf="subscription" (click)="cancelSubscription()">cancel recurring (<i>$</i>{{subscription.price}})</span>
    </div>

    <p *ngIf="error" class="mdl-color-text--red" style="padding-left:16px">{{error}}</p>

    <minds-payments-checkout
      (inputed)="setNonce($event)"
      paypal="true"
      creditcard="true"
      bitcoin="false"
      *ngIf="!nonce"
    ></minds-payments-checkout>

  </div>

  <div class="mdl-card mdl-shadow--2dp minds-purchase-card" [hidden]="!inProgress">
    <div class="mdl-card__supporting-text">
      Please wait...
    </div>
    <div id="p2" class="mdl-progress mdl-js-progress mdl-progress__indeterminate"></div>
  </div>

  <div class="mdl-card mdl-shadow--2dp minds-purchase-card" [hidden]="!confirmation">
    <div class="mdl-card__supporting-text">
      <b>Great, you now have {{wallet.points}} points! </b>
      <b (click)="reset()" class="mdl-color-text--blue-grey-400" style="cursor:pointer;">Click here to BUY more.</b>
    </div><commit_msg>(feat): recurring message always visible<commit_after><div class="mdl-card mdl-shadow--2dp minds-quote-card mdl-color--blue-grey-600" >
  <div class="minds-boost-points-wrapper">

    <div class="minds-boost-points-input">
      <div>
        <input
          [(ngModel)]="points"
          type="number"
          (keyup)="calculateUSD()"
          (change)="calculateUSD()"
          />
      </div>
      <div>
        <label class="mdl-color-text--blue-grey-300">Points</label>
      </div>
    </div>

    <div class="minds-boost-points-input">
      <div>
        <input
          [(ngModel)]="usd"
          type="number"
          (keyup)="calculatePoints()"
          placeholder="..."
          disabled
          />
      </div>
      <div>
        <label class="mdl-color-text--blue-grey-300">USD</label>
      </div>
    </div>

    <div class="" [hidden]="toggled">
      <button class="mdl-button mdl-button--raised mdl-color--blue-grey-500 mdl-color-text--white" style="display: block; position: relative; margin: 16px 16px 0 0; padding: 0;" (click)="buy()">BUY!</button>
    </div>

  </div>


  <div class="mdl-card mdl-shadow--2dp minds-purchase-card" [hidden]="inProgress || confirmation">

    <div class="minds-purchase-recurring-option">
      <input type="checkbox" [(ngModel)]="recurring">
      <label class="mdl-color-text--blue-grey-600" (click)="recurring = !recurring">
        Repeat this transaction every month and get <b>10%</b> more points 
      </label>

      <span class="minds-purchase-recurring-cancel mdl-color-text--blue-grey-300" *ngIf="subscription" (click)="cancelSubscription()">cancel recurring (<i>$</i>{{subscription.price}})</span>
    </div>

    <p *ngIf="error" class="mdl-color-text--red" style="padding-left:16px">{{error}}</p>

    <minds-payments-checkout
      (inputed)="setNonce($event)"
      paypal="true"
      creditcard="true"
      bitcoin="false"
      *ngIf="!nonce && toggled"
    ></minds-payments-checkout>

  </div>

  <div class="mdl-card mdl-shadow--2dp minds-purchase-card" [hidden]="!inProgress">
    <div class="mdl-card__supporting-text">
      Please wait...
    </div>
    <div id="p2" class="mdl-progress mdl-js-progress mdl-progress__indeterminate"></div>
  </div>

  <div class="mdl-card mdl-shadow--2dp minds-purchase-card" [hidden]="!confirmation">
    <div class="mdl-card__supporting-text">
      <b>Great, you now have {{wallet.points}} points! </b>
      <b (click)="reset()" class="mdl-color-text--blue-grey-400" style="cursor:pointer;">Click here to BUY more.</b>
    </div>
{'fraction_non_alphanumeric': 0.1927144535840188, 'fraction_numerical': 0.014492753623188406, 'mean_word_length': 2.871872630780895, 'pattern_counts': {'":': 0, '<': 113, '<?xml version=': 0, '>': 113, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '7582810', 'n_tokens_mistral': 1870, 'n_tokens_neox': 1745, 'n_words': 291}