(window.webpackJsonp=window.webpackJsonp||[]).push([[2],{"+M5x":function(t,e){t.exports=".no-space-break {\n    white-space:nowrap;\n  }\n\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNyYy9hcHAvcGhvbmVib29rLW5ldy9waG9uZWJvb2stbmV3LmNvbXBvbmVudC5jc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7SUFDSSxrQkFBa0I7RUFDcEIiLCJmaWxlIjoic3JjL2FwcC9waG9uZWJvb2stbmV3L3Bob25lYm9vay1uZXcuY29tcG9uZW50LmNzcyIsInNvdXJjZXNDb250ZW50IjpbIi5uby1zcGFjZS1icmVhayB7XG4gICAgd2hpdGUtc3BhY2U6bm93cmFwO1xuICB9XG4iXX0= */"},"+nPA":function(t,e){t.exports="\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsImZpbGUiOiJzcmMvYXBwL3JlZ2lzdGVyL3JlZ2lzdGVyLmNvbXBvbmVudC5jc3MifQ== */"},"/+rS":function(t,e){t.exports='#new-text-preview {\n    font-family: "Courier New"\n}\n\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNyYy9hcHAvdGV4dC10ZW1wbGF0ZS1uZXcvdGV4dC10ZW1wbGF0ZS1uZXcuY29tcG9uZW50LmNzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTtJQUNJO0FBQ0oiLCJmaWxlIjoic3JjL2FwcC90ZXh0LXRlbXBsYXRlLW5ldy90ZXh0LXRlbXBsYXRlLW5ldy5jb21wb25lbnQuY3NzIiwic291cmNlc0NvbnRlbnQiOlsiI25ldy10ZXh0LXByZXZpZXcge1xuICAgIGZvbnQtZmFtaWx5OiBcIkNvdXJpZXIgTmV3XCJcbn1cbiJdfQ== */'},"/ZKd":function(t,e){t.exports="\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsImZpbGUiOiJzcmMvYXBwL3RleHQtdGVtcGxhdGUvdGV4dC10ZW1wbGF0ZS5jb21wb25lbnQuY3NzIn0= */"},0:function(t,e,n){t.exports=n("zUnb")},"0KVQ":function(t,e){t.exports='<div class="row">\n  <div class="col-12">\n    <div class="row mt-3">\n      <div class="col-12 d-flex">\n        <h4>Login</h4>\n      </div>\n    </div>\n    <div class="row mt-3">\n      <div class="col-12 d-flex">\n        <label for="login-username" class="pr-2 mt-auto mb-auto">Username</label>\n        <input type="text" class="flex-grow-1" id="login-username" [(ngModel)]="username" >\n      </div>\n    </div>\n    <div class="row mt-3">\n      <div class="col-12 d-flex">\n        <label for="login-password" class="pr-2 mt-auto mb-auto">Password</label>\n        <input type="password" class="flex-grow-1" id="login-password" [(ngModel)]="password" >\n      </div>\n    </div>\n    <div class="row mt-3">\n      <div class="col-12 d-flex">\n        <button type="button" (click)="login()" class="btn btn-primary mr-3">Login</button>\n        <button type="button" (click)="routeRegister()" class="btn btn-primary">Register</button>\n      </div>\n    </div>\n  </div>\n<div>\n'},"2eZ0":function(t,e){t.exports='<div class="row">\n  <div class="col-12 mb-3 d-flux">\n    <button type="button" *ngIf="currCampaign.currentStatus === \'Running\'" (click)="pauseCampaign()" class="btn btn-warning mr-2">Pause Campaign</button>\n    <button type="button" *ngIf="currCampaign.currentStatus !== \'Running\'" (click)="startCampaign()" class="btn btn-primary mr-2">Start Campaign</button>\n    <button type="button" class="btn btn-danger ml-auto" data-toggle="modal" data-target="#completeModal">Delete</button>\n  </div>\n</div>\n\n\n<div class="row">\n  <div class="col-12">\n    <div class="input-group mb-3">\n      <div class="input-group-prepend">\n        <span class="input-group-text">Campaign Name</span>\n      </div>\n      <input type="text" class="form-control campaign-details" value="{{ currCampaign.name }}" readonly>\n    </div>\n    <div class="input-group mb-3">\n      <div class="input-group-prepend">\n        <span class="input-group-text">Campaign Size</span>\n      </div>\n      <input type="text" class="form-control campaign-details" value="{{ currCampaign.size }}" readonly>\n    </div>\n    <div class="input-group mb-3">\n      <div class="input-group-prepend">\n        <span class="input-group-text">Campaign Status</span>\n      </div>\n      <input type="text" class="form-control campaign-details" value="{{ currCampaign.currentStatus }}" readonly>\n    </div>\n  </div>\n</div>\n\n<div class="row mt-2">\n  <div class="col-12">\n    <table class="table table-hover">\n      <thead class="thead-dark">\n        <tr>\n          <th scope="col">From</th>\n          <th scope="col">To</th>\n          <th scope="col">Currrent Status</th>\n          <th scope="col">Time Sent</th>\n        </tr>\n      </thead>\n      <tbody>\n        <ng-container *ngFor="let job of currCampaign.jobs">\n          <tr>\n            <td>{{ job.fromNum }}</td>\n            <td>{{ job.toNum }}</td>\n            <td>{{ job.currentStatus }}</td>\n            <td>{{ job.timeSent | date:\'dd-MMM-yyyy\'}}</td>\n          </tr>\n        </ng-container>\n      </tbody>\n    </table>\n  </div>\n</div>\n\n\n<div class="modal fade" id="completeModal" tabindex="-1" role="dialog" aria-labelledby="completeModal" aria-hidden="true">\n  <div class="modal-dialog" role="document">\n    <div class="modal-content">\n      <div class="modal-header">\n        <h5 class="modal-title" id="exampleModalLabel">{{ currCampaign.name }}</h5>\n        <button type="button" class="close" data-dismiss="modal" aria-label="Close">\n          <span aria-hidden="true">&times;</span>\n        </button>\n      </div>\n      <div class="modal-body">\n        <p>Are you sure you want to delete the campaign?</p>\n      </div>\n      <div class="modal-footer">\n        <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>\n        <button type="button"  class="btn btn-danger" (click)="deleteCampaign()" data-dismiss="modal">Delete Campaign</button>\n      </div>\n    </div>\n  </div>\n</div>\n'},"3Swe":function(t,e){t.exports='<div class="row p-2">\n  <div class="col-12">\n    <div class="row mt-3">\n      <div class="col-12 d-flex">\n        <label for="campaignName" class="pr-2 mt-auto mb-auto">Phonebook Name</label>\n        <input type="text" class="flex-grow-1" id="campaignName" [(ngModel)]="newPhonebook.name" placeholder="Phonebook Name">\n      </div>\n    </div>\n    <div class="row mt-3">\n      <div class="col-12 d-flex">\n        <label class="no-space-break mt-auto mb-auto pr-2" for="import-records">Import Records</label>\n        <div class="custom-file" id="import-records">\n          <input type="file" (change)="importPhoneRecords($event.target.files)" class="custom-file-input" id="customFile">\n          <label class="custom-file-label" for="customFile">Choose file</label>\n        </div>\n      </div>\n    </div>\n\n    <div class="row">\n      <div class="col-12 d-flex">\n        <p><small><em><a href="/assets/phonebook-template.xlsx">Download file template here.</a></em></small></p>\n      </div>\n    </div>\n\n    <div class="row mt-1">\n      <div class="col-12 d-flex">\n        <table class="table table-hover">\n          <thead class="thead-dark">\n            <tr>\n              <th scope="col">First Name</th>\n              <th scope="col">Last Name</th>\n              <th scope="col">Alias</th>\n              <th scope="col">Phone Number</th>\n            </tr>\n          </thead>\n          <tbody>\n            <ng-container *ngFor="let phoneRecord of newPhoneRecords">\n              <tr>\n                <td>{{ phoneRecord.firstName }}</td>\n                <td>{{ phoneRecord.lastName }}</td>\n                <td>{{ phoneRecord.alias }}</td>\n                <td>{{ phoneRecord.phoneNumber }}</td>\n              </tr>\n            </ng-container>\n              <tr (keyup.enter)="insertAdditionalRecord()">\n                <td><input type="text" [(ngModel)]="additionalRecord.firstName" class="form-control" placeholder="firstName"></td>\n                <td><input type="text" [(ngModel)]="additionalRecord.lastName" class="form-control" placeholder="lastName"></td>\n                <td><input type="text" [(ngModel)]="additionalRecord.alias" class="form-control" placeholder="alias"></td>\n                <td><input type="text" [(ngModel)]="additionalRecord.phoneNumber" class="form-control" placeholder="phoneNumber"></td>\n              </tr>\n              <tr>\n                <p><small><em>Press enter to insert additional record</em></small></p>\n              </tr>\n          </tbody>\n        </table>\n      </div>\n    </div>\n    <div class="row mt-3">\n      <div class="col-12 d-flex">\n        <button type="button" (click)="submitNewPhonebook()" class="btn btn-primary mr-2">Save Phonebook</button>\n        <button type="button" *ngIf="router.url !== \'/phonebook/new\'" class="btn btn-danger ml-auto" data-toggle="modal" data-target="#completeModal">Delete</button>\n      </div>\n    </div>\n</div>\n\n<div class="modal fade" id="completeModal" tabindex="-1" role="dialog" aria-labelledby="completeModal" aria-hidden="true">\n  <div class="modal-dialog" role="document">\n    <div class="modal-content">\n      <div class="modal-header">\n        <h5 class="modal-title" id="exampleModalLabel">{{ newPhonebook.name }}</h5>\n        <button type="button" class="close" data-dismiss="modal" aria-label="Close">\n          <span aria-hidden="true">&times;</span>\n        </button>\n      </div>\n      <div class="modal-body">\n        <p>Are you sure you want to delete the phonebook?</p>\n      </div>\n      <div class="modal-footer">\n        <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>\n        <button type="button"  class="btn btn-danger" (click)="deletePhonebook()" data-dismiss="modal">Delete Phonebook</button>\n      </div>\n    </div>\n  </div>\n</div>\n'},"6fdi":function(t,e){t.exports='<div class="row p-2">\n  <div class="col-12">\n    <div class="row mt-3 mb-3">\n      <div class="col-12 d-flex">\n        <label for="campaignName" class="pr-2 mt-auto mb-auto">Campaign Name</label>\n        <input type="text" class="flex-grow-1" id="campaignName" [(ngModel)]="newCampaign.name" placeholder="Campaign Name">\n      </div>\n    </div>\n    <div class="row mt-3 mb-3">\n      <div class="col-12 d-flex">\n        <label for="newFromNum" class="pr-2 mt-auto mb-auto">From Number</label>\n        <input type="text" class="flex-grow-1" id="newFromNum" [(ngModel)]="newCampaign.fromNumber" placeholder="From Number">\n      </div>\n    </div>\n    \x3c!-- Add phonebook & template via list --\x3e  \n    <div class="form-group">\n      <label for="provider-select">Provider</label>\n      <select class="form-control" [(ngModel)]="newCampaign.providerTag" id="provider-select">\n        <option></option>\n        <option *ngFor="let providerEnum of providerService.providerEnums" [ngValue]="providerEnum.tag">{{providerEnum.name}}</option>\n      </select>\n    </div>\n    <div class="form-group">\n      <label for="phonebook-select">Phonebook</label>\n      <select class="form-control" (change)="updatePreviews()" [(ngModel)]="newCampaign.phonebookId" id="phonebook-select">\n        <option [ngValue]="0"></option>\n        <option *ngFor="let phonebook of phonebookService.phonebooks" [ngValue]="phonebook.id">{{phonebook.name}}: Size {{phonebook.size}}</option>\n      </select>\n    </div>\n    <div class="form-group">\n      <label for="text-template-select">Text Template</label>\n      <select class="form-control" (change)="updatePreviews()" [(ngModel)]="newCampaign.textTemplateId" id="text-template-select">\n        <option [ngValue]="0"></option>\n        <option *ngFor="let textTemplate of textTemplateService.textTemplates" [ngValue]="textTemplate.id">{{textTemplate.name}}</option>\n      </select>\n    </div>\n \n    <div class="row mt-4">\n      <div class="col-12 d-flex">\n        <button type="button" (click)="submitNewCampaignRun()" class="btn btn-primary mr-2">Start</button>\n        <button type="button" (click)="submitNewCampaign()" class="btn btn-secondary ml-2">Save</button>\n      </div>\n    </div>\n    <div class="form-group mt-4">\n      <label for="template-preview" class="pr-2 mt-auto mb-auto">Template</label>\n      <textarea class="form-control flex" [(ngModel)]="templateStr" id="template-preview" rows="4" disabled></textarea>\n    </div>\n    <div class="form-group mt-2">\n      <label for="new-text-preview" class="pr-2 mt-auto mb-auto">Preview (First Entry)</label>\n      <textarea class="form-control flex" [(ngModel)]="previewStr" id="new-text-preview" rows="4" disabled></textarea>\n    </div>\n</div>\n'},"8glu":function(t,e){t.exports="\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsImZpbGUiOiJzcmMvYXBwL2NhbXBhaWduL2NhbXBhaWduLmNvbXBvbmVudC5jc3MifQ== */"},"99W7":function(t,e){t.exports="<div class=\"alert notification col-11 mx-auto\" *ngFor=\"let notification of notificationService.notifications\" [ngClass]=\"{'alert-success': notification.resultType === 'success', 'alert-danger': notification.resultType ==='failure'}\" (click)=notificationService.closeNotification(notification)>\n{{ notification.text }}\n</div>\n"},A3xY:function(t,e){t.exports="\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsImZpbGUiOiJzcmMvYXBwL2FwcC5jb21wb25lbnQuY3NzIn0= */"},Aqmg:function(t,e){t.exports="\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsImZpbGUiOiJzcmMvYXBwL21haW4vbWFpbi5jb21wb25lbnQuY3NzIn0= */"},CpHs:function(t,e){t.exports='<div class="row">\n  <div class="col-12">\n    <button class="btn btn-primary" routerLink="/text-template/new">New Text Template</button>\n  </div>\n</div>\n\n<div class="row mt-2">\n  <div class="col-12">\n    <table class="table table-hover">\n      <thead class="thead-dark">\n        <tr>\n          <th scope="col">Name</th>\n          <th scope="col">Create Date</th>\n        </tr>\n      </thead>\n      <tbody>\n        <ng-container *ngFor="let textTemplate of textTemplateService.textTemplates">\n          <tr routerLink="/text-template/{{ textTemplate.id }}/edit">\n            <td>{{ textTemplate.name }}</td>\n            <td>{{ textTemplate.createDate | date:\'dd-MMM-yyyy\'}}</td>\n          </tr>\n        </ng-container>\n        <p *ngIf="textTemplateService.textTemplates.length === 0">No text template created yet. Create templates by clicking <a routerLink="/text-template/new">here</a></p>\n      </tbody>\n    </table>\n  </div>\n</div>\n'},"GQ/r":function(t,e){t.exports="\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsImZpbGUiOiJzcmMvYXBwL25vdGlmaWNhdGlvbi9ub3RpZmljYXRpb24uY29tcG9uZW50LmNzcyJ9 */"},JtO7:function(t,e){t.exports='<div class="row">\n  <div class="col-12">\n    <div class="row mt-3">\n      <div class="col-12 d-flex">\n        <h4>Settings for {{ currUser.username }}</h4>\n      </div>\n    </div>\n    <div class="row mt-3">\n      <div class="col-12 d-flex">\n        <label for="setting-displayname" class="pr-2 mt-auto mb-auto">Display Name</label>\n        <input type="text" class="flex-grow-1" id="setting-displayname" [(ngModel)]="currUser.name" >\n      </div>\n    </div>\n    <div class="row mt-3">\n      <div class="col-12 d-flex">\n        <label for="setting-email" class="pr-2 mt-auto mb-auto">Email</label>\n        <input type="text" class="flex-grow-1" id="setting-email" [(ngModel)]="currUser.email" >\n      </div>\n    </div>\n    <div class="row mt-3">\n      <div class="col-12 d-flex">\n        <label for="setting-password" class="pr-2 mt-auto mb-auto">Change Password</label>\n        <input type="password" class="flex-grow-1" id="setting-password" [(ngModel)]="currUser.password" >\n      </div>\n    </div>\n    <div class="row mt-3">\n      <div class="col-12 d-flex">\n        <button type="button" (click)="updateUser()" class="btn btn-primary">Submit</button>\n      </div>\n    </div>\n  </div>\n<div>\n'},LOYK:function(t,e){t.exports='<div class="row">\n  <div class="col-12">\n    <button class="btn btn-primary" routerLink="/phonebook/new">New Phonebook</button>\n  </div>\n</div>\n\n<div class="row mt-2">\n  <div class="col-12">\n    <table class="table table-hover">\n      <thead class="thead-dark">\n        <tr>\n          <th scope="col">Name</th>\n          <th scope="col">Phonebook Size</th>\n          <th scope="col">Create Date</th>\n        </tr>\n      </thead>\n      <tbody>\n        <ng-container *ngFor="let phonebook of phonebookService.phonebooks">\n          <tr routerLink="/phonebook/{{ phonebook.id }}/edit">\n            <td>{{ phonebook.name }}</td>\n            <td>{{ phonebook.size }}</td>\n            <td>{{ phonebook.createDate | date:\'dd-MMM-yyyy\'}}</td>\n          </tr>\n        </ng-container>\n        <p *ngIf="phonebookService.phonebooks.length === 0">No phonebooks created yet. Create phonebooks by clicking <a routerLink="/phonebook/new">here</a></p>\n      </tbody>\n    </table>\n  </div>\n</div>\n'},MjFU:function(t,e){t.exports="\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsImZpbGUiOiJzcmMvYXBwL2NhbXBhaWduLW5ldy9jYW1wYWlnbi1uZXcuY29tcG9uZW50LmNzcyJ9 */"},Q1uh:function(t,e){t.exports=".campaign-details:-moz-read-only {\n    background-color: white;\n}\n.campaign-details:read-only {\n    background-color: white;\n}\n\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNyYy9hcHAvY2FtcGFpZ24tdmlldy9jYW1wYWlnbi12aWV3LmNvbXBvbmVudC5jc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7SUFDSSx1QkFBdUI7QUFDM0I7QUFGQTtJQUNJLHVCQUF1QjtBQUMzQiIsImZpbGUiOiJzcmMvYXBwL2NhbXBhaWduLXZpZXcvY2FtcGFpZ24tdmlldy5jb21wb25lbnQuY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLmNhbXBhaWduLWRldGFpbHM6cmVhZC1vbmx5IHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiB3aGl0ZTtcbn1cbiJdfQ== */"},XbfJ:function(t,e){t.exports='<div class="row">\n  <div class="col-12">\n    <button class="btn btn-primary" routerLink="/campaign/new">New Campaign</button>\n  </div>\n</div>\n\n<div class="row mt-2">\n  <div class="col-12">\n    <table class="table table-hover">\n      <thead class="thead-dark">\n        <tr>\n          <th scope="col">Name</th>\n          <th scope="col">Status</th>\n          <th scope="col">Target Size</th>\n          <th scope="col">Create Date</th>\n        </tr>\n      </thead>\n      <tbody>\n        <ng-container *ngFor="let campaign of campaignService.campaigns">\n          <tr routerLink="/campaign/{{ campaign.id }}/view">\n            <td>{{ campaign.name }}</td>\n            <td>{{ campaign.currentStatus }}</td>\n            <td>{{ campaign.size }}</td>\n            <td>{{ campaign.createDate | date:\'dd-MMM-yyyy\'}}</td>\n          </tr>\n        </ng-container>\n        <p *ngIf="campaignService.campaigns.length === 0">No campaigns created yet. Create compaigns by clicking <a routerLink="/campaign/new">here</a></p>\n      </tbody>\n    </table>\n  </div>\n</div>\n'},ZgUC:function(t,e){t.exports='<div class="row p-2">\n  <div class="col-12">\n    <div class="card">\n      <div class="card-header">\n        Twilio Settings\n      </div>\n      <div class="card-body">\n        <div class="row">\n          <div class="form-group col-12">\n            <label for="twilio-account-sid" class="pr-2 mt-auto mb-auto">Account SID</label>\n            <input type="text" class="flex-grow-1" id="twilio-account-sid" [(ngModel)]="currTwilioProvider.accountSID" placeholder="Twilio Account SID">\n          </div>\n        </div>\n        <div class="row">\n          <div class="form-group col-12">\n            <label for="twilio-auth-token" class="pr-2 mt-auto mb-auto">Auth Token</label>\n            <input type="text" class="flex-grow-1" id="twilio-auth-token" [(ngModel)]="currTwilioProvider.authToken" placeholder="Twilio Auth Token">\n          </div>\n        </div>\n      </div>\n    </div>\n    <div class="row mt-3">\n      <div class="col-12 d-flex">\n        <button type="button" (click)="submitProviders()" class="btn btn-primary ml-2">Save Provider Settings</button>\n      </div>\n    </div>\n  </div>\n</div>\n'},ZlTE:function(t,e){t.exports='<div class="row">\n  <div class="col-12">\n    <div class="row mt-3">\n      <div class="col-12 d-flex">\n        <h4>Login</h4>\n      </div>\n    </div>\n    <div class="row mt-3">\n      <div class="col-12 d-flex">\n        <label for="login-name" class="pr-2 mt-auto mb-auto">Name</label>\n        <input type="text" class="flex-grow-1" id="login-name" [(ngModel)]="name" >\n      </div>\n    </div>\n    <div class="row mt-3">\n      <div class="col-12 d-flex">\n        <label for="login-username" class="pr-2 mt-auto mb-auto">Username</label>\n        <input type="text" class="flex-grow-1" id="register-username" [(ngModel)]="username" >\n      </div>\n    </div>\n    <div class="row mt-3">\n      <div class="col-12 d-flex">\n        <label for="login-password" class="pr-2 mt-auto mb-auto">Password</label>\n        <input type="password" class="flex-grow-1" id="register-password" [(ngModel)]="password" >\n      </div>\n    </div>\n    <div class="row mt-3">\n      <div class="col-12 d-flex">\n        <label for="login-username" class="pr-2 mt-auto mb-auto">Email</label>\n        <input type="text" class="flex-grow-1" id="register-email" [(ngModel)]="email" >\n      </div>\n    </div>\n    <div class="row mt-3">\n      <div class="col-12 d-flex">\n        <label for="secret-code" class="pr-2 mt-auto mb-auto">Secret Code</label>\n        <input type="text" class="flex-grow-1" id="secret-code" [(ngModel)]="secretCode" >\n      </div>\n    </div>\n    <div class="row mt-3">\n      <div class="col-12 d-flex">\n        <button type="button" (click)="register()" class="btn btn-primary">Register</button>\n      </div>\n    </div>\n  </div>\n<div>\n'},crnd:function(t,e){function n(t){return Promise.resolve().then(function(){var e=new Error("Cannot find module '"+t+"'");throw e.code="MODULE_NOT_FOUND",e})}n.keys=function(){return[]},n.resolve=n,t.exports=n,n.id="crnd"},fMGI:function(t,e){t.exports="\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsImZpbGUiOiJzcmMvYXBwL3Byb2ZpbGUvcHJvZmlsZS5jb21wb25lbnQuY3NzIn0= */"},"gO/L":function(t,e){t.exports="\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsImZpbGUiOiJzcmMvYXBwL3Byb3ZpZGVyL3Byb3ZpZGVyLmNvbXBvbmVudC5jc3MifQ== */"},kt9D:function(t,e){t.exports='<div class="row p-2">\n  <div class="col-12">\n    <div class="row mt-3">\n      <div class="col-12 d-flex">\n        <label for="campaignName" class="pr-2 mt-auto mb-auto">Text Template Name</label>\n        <input type="text" class="flex-grow-1" id="campaignName" [(ngModel)]="newTextTemplate.name" placeholder="Text Template Name">\n      </div>\n    </div>\n    <div class="row mt-3">\n        <div class="form-group col-12">\n          <label for="text-template-area">Text Template</label>\n          <textarea class="form-control flex" [(ngModel)]="newTextTemplate.templateStr" (ngModelChange)="updatePreview()" id="text-template-area" rows="6"></textarea>\n        </div>\n    </div>\n    <div class="row mt-3">\n      <div class="col-12 d-flex">\n        <button type="button" (click)="submitNewTextTemplate()" class="btn btn-primary ml-2">Save Text Template</button>\n        <button type="button" *ngIf="router.url !== \'/text-template/new\'" class="btn btn-danger ml-auto" data-toggle="modal" data-target="#completeModal">Delete</button>\n      </div>\n    </div>\n    <div class="row mt-3">\n      <div class="col-12 d-flex">\n        <div class="form-group col-12">\n          <label for="tags-available" class="pr-2 mt-auto mb-auto">Tags Available</label>\n          <div id="tags-available">\n            <ul>\n              <li>{{ \'{\' }}firstName{{ \'}\' }}</li>\n              <li>{{ \'{\' }}lastName{{ \'}\' }}</li>\n              <li>{{ \'{\' }}alias{{ \'}\' }}</li>\n              <li>{{ \'{\' }}phoneNumber{{ \'}\' }}</li>\n            </ul>\n          </div>\n        </div>\n      </div>\n    </div>\n    <div class="row mt-3">\n      <div class="col-12 d-flex">\n        <div class="form-group col-12">\n          <label for="new-text-preview" class="pr-2 mt-auto mb-auto">Preview</label>\n          <textarea class="form-control flex" [(ngModel)]="previewStr" id="new-text-preview" rows="6" disabled></textarea>\n        </div>\n      </div>\n    </div>\n</div>\n\n<div class="modal fade" id="completeModal" tabindex="-1" role="dialog" aria-labelledby="completeModal" aria-hidden="true">\n  <div class="modal-dialog" role="document">\n    <div class="modal-content">\n      <div class="modal-header">\n        <h5 class="modal-title" id="exampleModalLabel">{{ newTextTemplate.name }}</h5>\n        <button type="button" class="close" data-dismiss="modal" aria-label="Close">\n          <span aria-hidden="true">&times;</span>\n        </button>\n      </div>\n      <div class="modal-body">\n        <p>Are you sure you want to delete the text template?</p>\n      </div>\n      <div class="modal-footer">\n        <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>\n        <button type="button"  class="btn btn-danger" (click)="deleteTextTemplate()" data-dismiss="modal">Delete Text Template</button>\n      </div>\n    </div>\n  </div>\n</div>\n'},lsP6:function(t,e){t.exports="<p>\n  main works!\n</p>\n"},n7sk:function(t,e){t.exports="\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsImZpbGUiOiJzcmMvYXBwL2xvZ2luL2xvZ2luLmNvbXBvbmVudC5jc3MifQ== */"},"nH/3":function(t,e){t.exports='<nav class="navbar navbar-expand-lg navbar-dark bg-dark">\n  <a class="navbar-brand" routerLink="/">Tap It!</a>\n  <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">\n    <span class="navbar-toggler-icon"></span>\n  </button>\n\n  <div class="collapse navbar-collapse" id="navbarSupportedContent">\n    <ul class="navbar-nav">\n      <li *ngFor="let navlink of navlinks" data-toggle="collapse" data-target="#navbarNav" class="nav-item">\n        <a class="nav-link" *ngIf="navlink.loginOnly === authService.loggedin" [ngClass]="{\'active\': router.url === navlink.link}" routerLink="/{{ navlink.link }}">\n          {{ navlink.name }}\n          <span *ngIf="this.router.url === navlink.link" class="sr-only">(current)</span>\n        </a>\n      </li>\n      <li class="nav-item dropdown" *ngIf="authService.loggedin === true">\n          <a class="nav-link dropdown-toggle" routerLink="{{ router.url }}" id="navbarDropdownMenuLink" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">\n            Settings\n          </a>\n          <div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">\n            <a class="dropdown-item" routerLink="/profile">Profile</a>\n            <a class="dropdown-item" routerLink="/provider">Providers</a>\n            <a class="dropdown-item" routerLink="/globalsettings">Global Settings</a>\n          </div>\n      </li>\n    </ul>\n    <ul class="navbar-nav ml-auto">\n      <li *ngIf="authService.loggedin" data-toggle="collapse" data-target="#navbarNav" class="nav-item">\n        <a class="nav-link" routerLink="/" (click)="authService.logout()">Log Out</a>\n      </li>\n      <li *ngIf="!authService.loggedin" data-toggle="collapse" data-target="#navbarNav" class="nav-item">\n        <a class="nav-link" routerLink="/login">Login</a>\n      </li>\n    </ul>\n  </div>\n</nav>\n\n<main class="container-fluid pt-2">\n  <router-outlet></router-outlet>\n</main>\n\n\n<div class="fixed-bottom"><app-notification></app-notification></div>\n'},uZxZ:function(t,e){t.exports="\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsImZpbGUiOiJzcmMvYXBwL3Bob25lYm9vay9waG9uZWJvb2suY29tcG9uZW50LmNzcyJ9 */"},zUnb:function(t,e,n){"use strict";n.r(e);var i=n("CcnG"),o=n("ToYH"),a=n("mrSG"),r=n("ZYjt"),s=n("t/Na"),l=n("gIcY"),c=n("ZYCi"),p=function(){function t(){}return t.prototype.ngOnInit=function(){},t=a.b([Object(i.n)({selector:"app-main",template:n("lsP6"),styles:[n("Aqmg")]}),a.d("design:paramtypes",[])],t)}(),d=function(){return function(){}}(),u=function(){function t(){this.notifications=[],this.currentCount=0}return t.prototype.addNotification=function(t,e){var n=this,i=new d;i.id=this.currentCount,this.currentCount++,i.resultType=t,i.text=e,this.notifications.push(i),setTimeout(function(){return n.closeNotification(i)},3e3)},t.prototype.closeNotification=function(t){for(var e=0;e<this.notifications.length;e++)if(this.notifications[e].id===t.id){this.notifications.splice(e,1);break}},t=a.b([Object(i.A)({providedIn:"root"}),a.d("design:paramtypes",[])],t)}(),m=function(){return function(){}}(),b=(function(){}(),function(){function t(t,e,n){this.http=t,this.router=e,this.notificationService=n,this.currUser=new m,this.loggedin=!1,this.loginUrl="api/login",this.logoutUrl="api/logout",this.registerUrl="api/register",this.myselfUrl="api/myself",this.httpOptions={headers:new s.c({"Content-Type":"application/json"})}}return t.prototype.login=function(t,e){var n=this;this.currUser.username=t,this.currUser.password=e,this.http.post(this.loginUrl,this.currUser,this.httpOptions).subscribe(function(t){null!==t.payload?(n.loggedin=!0,n.currUser.username=t.payload.username,n.currUser.email=t.payload.email,n.currUser.name=t.payload.name,n.notificationService.addNotification(t.resultType,t.text),n.router.navigate(["/campaign"])):n.notificationService.addNotification(t.resultType,t.text)},function(t){n.notificationService.addNotification("failure","Error in logging in")}),this.currUser.password=""},t.prototype.register=function(t,e,n,i,o){var a=this;this.currUser.username=t,this.currUser.password=e,this.currUser.email=n,this.currUser.name=i,this.currUser.secretCode=o,this.http.post(this.registerUrl,this.currUser,this.httpOptions).subscribe(function(t){null!==t.payload?(a.loggedin=!0,a.notificationService.addNotification(t.resultType,t.text),a.router.navigate(["/campaign"]),a.currUser.username=t.payload.username,a.currUser.email=t.payload.email,a.currUser.name=t.payload.name):a.notificationService.addNotification(t.resultType,t.text)}),this.currUser.secretCode=""},t.prototype.logout=function(){var t=this;this.http.post(this.logoutUrl,"",this.httpOptions).subscribe(function(e){t.notificationService.addNotification(e.resultType,e.text),t.loggedin=!1,t.currUser=new m,t.router.navigate(["/"])})},t.prototype.getUser=function(){var t=this;return this.http.get(this.myselfUrl,this.httpOptions).subscribe(function(e){t.currUser=e,""!==t.currUser.username?t.loggedin=!0:t.router.navigate(["/"]),"/"!==t.router.url&&""!==t.router.url||t.router.navigate(["/campaign"])},function(e){t.router.navigate(["/"])}),this.currUser},t.prototype.getUserObs=function(){return this.http.get(this.myselfUrl,this.httpOptions)},t.prototype.updateUser=function(t){var e=this;this.currUser=t,this.http.put(this.myselfUrl,this.currUser,this.httpOptions).subscribe(function(t){e.notificationService.addNotification(t.resultType,t.text)},function(t){e.notificationService.addNotification("failure","Error in updating profile")}),this.currUser.password=""},t=a.b([Object(i.A)({providedIn:"root"}),a.d("design:paramtypes",[s.a,c.b,u])],t)}()),h=function(){function t(t,e){this.authService=t,this.router=e}return t.prototype.login=function(){this.authService.login(this.username,this.password)},t.prototype.routeRegister=function(){this.router.navigate(["/register"])},t.prototype.ngOnInit=function(){},t=a.b([Object(i.n)({selector:"app-login",template:n("0KVQ"),styles:[n("n7sk")]}),a.d("design:paramtypes",[b,c.b])],t)}(),v=function(){function t(t){this.authService=t,this.username="",this.password="",this.email="",this.name="",this.secretCode=""}return t.prototype.register=function(){this.authService.register(this.username,this.password,this.email,this.name,this.secretCode)},t.prototype.ngOnInit=function(){},t=a.b([Object(i.n)({selector:"app-register",template:n("ZlTE"),styles:[n("+nPA")]}),a.d("design:paramtypes",[b])],t)}(),g=function(){return function(){}}(),f=(function(){}(),function(){}(),function(){function t(t,e,n){this.http=t,this.router=e,this.notificationService=n,this.campaigns=[],this.campaignUrl="/api/campaign",this.httpOptions={headers:new s.c({"Content-Type":"application/json"})},this.campaigns=[],this.getCampaigns()}return t.prototype.getCampaigns=function(){var t=this;this.http.get(this.campaignUrl).subscribe(function(e){t.campaigns=null===e?[]:e})},t.prototype.getCampaignObs=function(t){return this.http.get(this.campaignUrl+"/"+t.toString())},t.prototype.addCampaign=function(t){var e=this;this.http.post(this.campaignUrl,t,this.httpOptions).subscribe(function(t){e.notificationService.addNotification(t.resultType,t.text),e.campaigns.push(t.payload),null!==t.payload&&e.router.navigate(["/campaign"])},function(t){e.notificationService.addNotification("failure","Error in creating template")})},t.prototype.addCampaignRun=function(t){var e=this;this.http.post(this.campaignUrl,t,this.httpOptions).subscribe(function(t){e.notificationService.addNotification(t.resultType,t.text),e.campaigns.push(t.payload),null!==t.payload&&(e.startCampaign(t.payload).subscribe(),e.router.navigate(["/campaign"]))},function(t){e.notificationService.addNotification("failure","Error in creating template")})},t.prototype.deleteCampaign=function(t){var e=this;this.http.delete(this.campaignUrl+"/"+t.id.toString(),this.httpOptions).subscribe(function(t){e.notificationService.addNotification(t.resultType,t.text),e.router.navigate(["/campaign"])},function(t){e.notificationService.addNotification("failure","Error in deleting campaign")})},t.prototype.startCampaign=function(t){return this.http.get(this.campaignUrl+"/"+t.id.toString()+"/start")},t.prototype.pauseCampaign=function(t){return this.http.get(this.campaignUrl+"/"+t.id.toString()+"/pause")},t=a.b([Object(i.A)({providedIn:"root"}),a.d("design:paramtypes",[s.a,c.b,u])],t)}()),y=function(){function t(t,e){this.campaignService=t,this.router=e}return t.prototype.ngOnInit=function(){var t=this;this.campaignService.getCampaigns();var e=setInterval(function(){t.campaignService.getCampaigns(),t.router.url.includes("/campaign")||clearInterval(e)},2e3)},t=a.b([Object(i.n)({selector:"app-campaign",template:n("XbfJ"),styles:[n("8glu")]}),a.d("design:paramtypes",[f,c.b])],t)}(),w=function(){return function(){}}(),x=(function(){}(),function(){function t(t,e){this.http=t,this.notificationService=e,this.twilioProviderSettings=new w,this.twilioUrl="/api/provider/twilio",this.httpOptions={headers:new s.c({"Content-Type":"application/json"})},this.providerEnums=[{name:"Twilio",tag:"twilio"}],this.getTwilioProvider()}return t.prototype.getTwilioProvider=function(){var t=this;this.http.get(this.twilioUrl,this.httpOptions).subscribe(function(e){t.twilioProviderSettings=e})},t.prototype.getTwilioProviderObs=function(){return this.http.get(this.twilioUrl,this.httpOptions)},t.prototype.updateTwilioProvider=function(t){var e=this;this.http.post(this.twilioUrl,t,this.httpOptions).subscribe(function(t){e.notificationService.addNotification(t.resultType,t.text),e.twilioProviderSettings=t.payload},function(t){e.notificationService.addNotification("failure","Error in updating Twilio provider")})},t=a.b([Object(i.A)({providedIn:"root"}),a.d("design:paramtypes",[s.a,u])],t)}()),k=function(){return function(){}}(),S=function(){return function(){}}(),I=(function(){}(),function(){function t(t,e,n){this.http=t,this.router=e,this.notificationService=n,this.phonebooks=[],this.phonebookUrl="/api/phonebook",this.phonebookImportUrl="/api/import-phonebook",this.httpOptions={headers:new s.c({"Content-Type":"application/json"})},this.getPhonebooks()}return t.prototype.getPhonebooks=function(){var t=this;this.http.get(this.phonebookUrl).subscribe(function(e){t.phonebooks=null===e?[]:e})},t.prototype.getPhonebookObs=function(t){return this.http.get(this.phonebookUrl+"/"+t.toString())},t.prototype.addPhonebook=function(t){var e=this;this.http.post(this.phonebookUrl,t,this.httpOptions).subscribe(function(t){e.notificationService.addNotification(t.resultType,t.text),e.phonebooks.push(t.payload),null!==t.payload&&e.router.navigate(["/phonebook"])},function(t){e.notificationService.addNotification("failure","Error in creating phonebook")})},t.prototype.editPhonebook=function(t){var e=this;this.http.put(this.phonebookUrl+"/"+t.id.toString(),t,this.httpOptions).subscribe(function(t){e.notificationService.addNotification(t.resultType,t.text),null!==t.payload&&e.router.navigate(["/phonebook"])},function(t){e.notificationService.addNotification("failure","Error in editing phonebook")})},t.prototype.deletePhonebook=function(t){var e=this;this.http.delete(this.phonebookUrl+"/"+t.id.toString(),this.httpOptions).subscribe(function(t){e.notificationService.addNotification(t.resultType,t.text),e.router.navigate(["/phonebook"])},function(t){e.notificationService.addNotification("failure","Error in deleting phonebook")})},t.prototype.uploadPhonebook=function(t){var e=new FormData;return e.append("phonebookFile",t),this.http.post(this.phonebookImportUrl,e)},t=a.b([Object(i.A)({providedIn:"root"}),a.d("design:paramtypes",[s.a,c.b,u])],t)}()),T=function(){return function(){}}(),C=(function(){}(),function(){function t(t,e,n){this.http=t,this.router=e,this.notificationService=n,this.textTemplates=[],this.templateUrl="/api/text-template",this.httpOptions={headers:new s.c({"Content-Type":"application/json"})},this.getTextTemplates()}return t.prototype.getTextTemplates=function(){var t=this;this.http.get(this.templateUrl).subscribe(function(e){t.textTemplates=null===e?[]:e})},t.prototype.getTextTemplateObs=function(t){return this.http.get(this.templateUrl+"/"+t.toString())},t.prototype.addTextTemplate=function(t){var e=this;this.http.post(this.templateUrl,t,this.httpOptions).subscribe(function(t){e.notificationService.addNotification(t.resultType,t.text),e.textTemplates.push(t.payload),null!==t.payload&&e.router.navigate(["/text-template"])},function(t){e.notificationService.addNotification("failure","Error in creating template")})},t.prototype.deleteTextTemplate=function(t){var e=this;this.http.delete(this.templateUrl+"/"+t.id.toString(),this.httpOptions).subscribe(function(t){e.notificationService.addNotification(t.resultType,t.text),e.router.navigate(["/text-template"])},function(t){e.notificationService.addNotification("failure","Error in deleting text template")})},t.prototype.editTextTemplate=function(t){var e=this;this.http.put(this.templateUrl+"/"+t.id.toString(),t,this.httpOptions).subscribe(function(t){e.notificationService.addNotification(t.resultType,t.text),null!==t.payload&&e.router.navigate(["/text-template"])},function(t){e.notificationService.addNotification("failure","Error in editing text template")})},t=a.b([Object(i.A)({providedIn:"root"}),a.d("design:paramtypes",[s.a,c.b,u])],t)}()),N=function(){function t(t,e,n,i,o){this.campaignService=t,this.router=e,this.providerService=n,this.phonebookService=i,this.textTemplateService=o,this.newCampaign=new g,this.templateStr="",this.previewStr=""}return t.prototype.submitNewCampaign=function(){this.campaignService.addCampaign(this.newCampaign)},t.prototype.submitNewCampaignRun=function(){this.campaignService.addCampaignRun(this.newCampaign)},t.prototype.updatePreviews=function(){var t=this;0!==this.newCampaign.textTemplateId&&0!==this.newCampaign.phonebookId?this.phonebookService.getPhonebookObs(this.newCampaign.phonebookId).subscribe(function(e){t.textTemplateService.getTextTemplateObs(t.newCampaign.textTemplateId).subscribe(function(n){t.templateStr=n.templateStr;var i=t.templateStr;i=(i=(i=(i=i.replace("{firstName}",e.records[0].firstName)).replace("{lastName}",e.records[0].lastName)).replace("{alias}",e.records[0].alias)).replace("{phoneNumber}",e.records[0].phoneNumber),t.previewStr=i})}):(this.templateStr="",this.previewStr="")},t.prototype.ngOnInit=function(){this.newCampaign.textTemplateId=0,this.newCampaign.phonebookId=0},t=a.b([Object(i.n)({selector:"app-campaign-new",template:n("6fdi"),styles:[n("MjFU")]}),a.d("design:paramtypes",[f,c.b,x,I,C])],t)}(),U=function(){function t(t,e,n,i){this.campaignService=t,this.router=e,this.route=n,this.notificationService=i,this.currCampaign=new g,this.id=0}return t.prototype.startCampaign=function(){var t=this;this.campaignService.startCampaign(this.currCampaign).subscribe(function(e){t.notificationService.addNotification(e.resultType,e.text),t.campaignService.getCampaignObs(t.id).subscribe(function(e){t.currCampaign=e})},function(e){t.notificationService.addNotification("failure","Error in starting campaign")})},t.prototype.pauseCampaign=function(){var t=this;this.campaignService.pauseCampaign(this.currCampaign).subscribe(function(e){t.notificationService.addNotification(e.resultType,e.text)},function(e){t.notificationService.addNotification("failure","Error in pausing campaign")})},t.prototype.deleteCampaign=function(){this.campaignService.deleteCampaign(this.currCampaign)},t.prototype.updateThisCampaign=function(){var t=this;this.campaignService.getCampaignObs(this.id).subscribe(function(e){t.currCampaign=e})},t.prototype.ngOnInit=function(){var t=this;this.route.params.subscribe(function(e){t.id=parseInt(e.id,10)}),this.updateThisCampaign();var e=setInterval(function(){t.updateThisCampaign(),t.router.url.includes("/campaign")||clearInterval(e)},2e3)},t=a.b([Object(i.n)({selector:"app-campaign-view",template:n("2eZ0"),styles:[n("Q1uh")]}),a.d("design:paramtypes",[f,c.b,c.a,u])],t)}(),O=function(){function t(t){this.phonebookService=t}return t.prototype.ngOnInit=function(){this.phonebookService.getPhonebooks()},t=a.b([Object(i.n)({selector:"app-phonebook",template:n("LOYK"),styles:[n("uZxZ")]}),a.d("design:paramtypes",[I])],t)}(),L=function(){function t(t,e,n){this.phonebookService=t,this.router=e,this.route=n,this.id=0,this.newPhonebook=new k,this.newPhoneRecords=[],this.additionalRecord=new S}return t.prototype.insertAdditionalRecord=function(){this.newPhoneRecords=this.newPhoneRecords.concat(this.additionalRecord),this.additionalRecord=new S,this.additionalRecord.phoneNumber=""},t.prototype.importPhoneRecords=function(t){var e=this;this.phonebookService.uploadPhonebook(t.item(0)).subscribe(function(t){e.newPhoneRecords=e.newPhoneRecords.concat(t)})},t.prototype.submitNewPhonebook=function(){"/phonebook/new"===this.router.url?(""!==this.additionalRecord.phoneNumber&&this.insertAdditionalRecord(),this.newPhonebook.records=this.newPhoneRecords,this.phonebookService.addPhonebook(this.newPhonebook)):this.editPhonebook()},t.prototype.deletePhonebook=function(){this.phonebookService.deletePhonebook(this.newPhonebook)},t.prototype.editPhonebook=function(){this.newPhonebook.records=this.newPhoneRecords,this.phonebookService.editPhonebook(this.newPhonebook)},t.prototype.ngOnInit=function(){var t=this;if(this.additionalRecord=new S,this.additionalRecord.phoneNumber="","/phonebook/new"!==this.router.url){this.route.params.subscribe(function(e){t.id=parseInt(e.id,10),t.phonebookService.getPhonebookObs(t.id).subscribe(function(e){t.newPhonebook=e,t.newPhoneRecords=t.newPhonebook.records})})}},t=a.b([Object(i.n)({selector:"app-phonebook-new",template:n("3Swe"),styles:[n("+M5x")]}),a.d("design:paramtypes",[I,c.b,c.a])],t)}(),M=function(){function t(t){this.textTemplateService=t}return t.prototype.ngOnInit=function(){this.textTemplateService.getTextTemplates()},t=a.b([Object(i.n)({selector:"app-text-template",template:n("CpHs"),styles:[n("/ZKd")]}),a.d("design:paramtypes",[C])],t)}(),X=function(){function t(t,e,n){this.textTemplateService=t,this.router=e,this.route=n,this.newTextTemplate=new T,this.id=0}return t.prototype.submitNewTextTemplate=function(){"/text-template/new"===this.router.url?this.textTemplateService.addTextTemplate(this.newTextTemplate):this.editTextTemplate()},t.prototype.updatePreview=function(){var t="";t=(t=(t=(t=(t=this.newTextTemplate.templateStr).replace("{firstName}","John")).replace("{lastName}","Smith")).replace("{alias}","Johnny")).replace("{phoneNumber}","+6598765432"),this.previewStr=t},t.prototype.deleteTextTemplate=function(){this.textTemplateService.deleteTextTemplate(this.newTextTemplate)},t.prototype.editTextTemplate=function(){this.textTemplateService.editTextTemplate(this.newTextTemplate)},t.prototype.ngOnInit=function(){var t=this;if("/text-template/new"!==this.router.url){this.route.params.subscribe(function(e){t.id=parseInt(e.id,10),t.textTemplateService.getTextTemplateObs(t.id).subscribe(function(e){t.newTextTemplate=e,t.updatePreview()})})}},t=a.b([Object(i.n)({selector:"app-text-template-new",template:n("kt9D"),styles:[n("/+rS")]}),a.d("design:paramtypes",[C,c.b,c.a])],t)}(),j=function(){function t(t){this.providerService=t,this.currTwilioProvider=new w}return t.prototype.submitProviders=function(){this.providerService.updateTwilioProvider(this.currTwilioProvider)},t.prototype.ngOnInit=function(){var t=this;this.providerService.getTwilioProviderObs().subscribe(function(e){t.currTwilioProvider=e})},t=a.b([Object(i.n)({selector:"app-provider",template:n("ZgUC"),styles:[n("gO/L")]}),a.d("design:paramtypes",[x])],t)}(),J=function(){function t(t){this.authService=t}return t.prototype.updateUser=function(){this.authService.updateUser(this.currUser)},t.prototype.ngOnInit=function(){var t=this;this.authService.getUserObs().subscribe(function(e){t.currUser=JSON.parse(JSON.stringify(e))})},t=a.b([Object(i.n)({selector:"app-profile",template:n("JtO7"),styles:[n("fMGI")]}),a.d("design:paramtypes",[b])],t)}(),Z=[{path:"",component:p},{path:"login",component:h},{path:"register",component:v},{path:"profile",component:J},{path:"campaign",component:y},{path:"campaign/new",component:N},{path:"campaign/:id/view",component:U},{path:"phonebook",component:O},{path:"phonebook/new",component:L},{path:"phonebook/:id/edit",component:L},{path:"text-template",component:M},{path:"text-template/new",component:X},{path:"text-template/:id/edit",component:X},{path:"provider",component:j}],z=function(){function t(){}return t=a.b([Object(i.I)({imports:[c.c.forRoot(Z)],exports:[c.c]})],t)}(),P=function(){function t(t,e){this.router=t,this.authService=e,this.title="tapit-frontend",this.navlinks=[{link:"/campaign",name:"Campaigns",loginOnly:!0},{link:"/phonebook",name:"Phonebook",loginOnly:!0},{link:"/text-template",name:"Text Templates",loginOnly:!0},{link:"/web-template",name:"Web Templates",loginOnly:!0}],e.getUser()}return t=a.b([Object(i.n)({selector:"app-root",template:n("nH/3"),styles:[n("A3xY")]}),a.d("design:paramtypes",[c.b,b])],t)}(),Y=function(){function t(t){this.notificationService=t}return t.prototype.ngOnInit=function(){},t=a.b([Object(i.n)({selector:"app-notification",template:n("99W7"),styles:[n("GQ/r")]}),a.d("design:paramtypes",[u])],t)}(),W=function(){function t(){}return t=a.b([Object(i.I)({declarations:[P,p,y,N,Y,O,L,M,X,h,v,j,J,U],imports:[r.a,z,l.a,s.b],providers:[],bootstrap:[P]})],t)}();Object(o.a)().bootstrapModule(W).catch(function(t){return console.error(t)})}},[[0,0,5]]]);
//# sourceMappingURL=main.js.map