{"version":3,"sources":["webpack:///src/app/components/promo/promo.component.html","webpack:///src/app/components/promo/promo.component.ts","webpack:///src/app/components/promo/promo.module.ts","webpack:///src/app/modules/shared/components/how-it-works/how-it-works.component.html","webpack:///src/app/modules/shared/components/how-it-works/how-it-works.component.ts","webpack:///src/app/modules/shared/components/how-it-works/how-it-works.module.ts","webpack:///src/app/modules/shared/components/modals/telegram-notification-modal/telegram-notification-modal.component.html","webpack:///src/app/modules/shared/components/modals/telegram-notification-modal/telegram-notification-modal.component.ts","webpack:///src/app/modules/shared/components/sub-header/sub-header.component.ts","webpack:///src/app/modules/shared/components/sub-header/sub-header.component.html","webpack:///src/app/modules/shared/components/sub-header/sub-header.module.ts"],"sourcesContent":["<div class=\"promotion-hero-section\">\n    <div class=\"container container-readers\">\n        <div class=\"row promotions-block\">\n<!--            <div class=\"col-sm-3\" *ngIf=\"canShowCallOffers\">-->\n<!--                <div class=\"card\">-->\n<!--                    <div class=\"head-block\">-->\n<!--                        <div class=\"readers-offers\">-->\n<!--                            <div class=\"offers-readers-span\">-->\n<!--                                First Call {{promotionCalls.currencySymbol}}{{promotionCalls.callRate}}/min-->\n<!--                            </div>-->\n<!--                            <strong class=\"hidden-xs offers-readers-strong\">-->\n<!--                            For the first 10 minutes-->\n<!--                            </strong>-->\n<!--                        </div>-->\n<!--                    </div>-->\n<!--                    <div class=\"body-block hidden-xs\">-->\n<!--                        <span>Choose a Reader with a green Call button and get started</span>-->\n<!--                    </div>-->\n<!--                </div>-->\n<!--            </div>-->\n            <div class=\"col-sm-3\">\n                <div class=\"card\">\n                    <div class=\"head-block\">\n                        <div class=\"readers-offers\">\n                            <div class=\"offers-readers-span\">\n                                4 Free Chat Minutes\n                            </div>\n                            <strong class=\"offers-readers-strong hidden-xs\">With Every Reader</strong>\n                        </div>\n                    </div>\n\n                    <div class=\"body-block hidden-xs\">\n                        <span>Try out a new Reader by Chat and get the first 4 minutes free</span>\n                    </div>\n                </div>\n            </div>\n<!--            <div  class=\"col-sm-6 d-flex align-items-center justify-content-center text-center\">-->\n                <div class=\"col-sm-3\" *ngIf=\"isLoadingOffers\">\n                    <div (click)=\"addCreditCard()\" class=\"card pointer\">\n                        <div class=\"head-block\">\n                            <div class=\"readers-offers\">\n                                <div>\n                                    Add Credit Card\n                                    <strong class=\"offers-readers-strong-dynamic visible-xs extra-info-xs\">to see offers</strong>\n                                </div>\n                                <strong class=\"offers-readers-strong-dynamic hidden-xs\">to see offers</strong>\n                            </div>\n                        </div>\n\n                        <div class=\"body-block hidden-xs\">\n                            <button (click)=\"addCreditCard()\" class=\"btn form-control btn-get-offer\">Add Credit Card</button>\n                        </div>\n                    </div>\n                </div>\n                <div class=\"col-sm-3\" *ngIf=\"isLoadingOffers\">\n                    <div (click)=\"addPaypal()\" class=\"card pointer\">\n                        <div class=\"head-block\">\n                            <div class=\"readers-offers\">\n                                <div>\n                                    Use PayPal\n                                    <strong class=\"offers-readers-strong-dynamic visible-xs extra-info-xs\">to see offers</strong>\n                                </div>\n                                <strong class=\"offers-readers-strong-dynamic hidden-xs\">to see offers</strong>\n                            </div>\n                        </div>\n\n                        <div class=\"body-block hidden-xs\">\n                            <button (click)=\"addPaypal()\" class=\"btn form-control\">Use PayPal</button>\n                        </div>\n                    </div>\n                </div>\n<!--            </div>-->\n            <ng-container *ngIf=\"promotionList?.length > 0\">\n                <div class=\"col-sm-3\" *ngFor=\"let ad of promotionList\">\n<!--                    This is a offer that is not a 'welcome offer', in this case the information about the offer is in the object itself\n-->\n                    <ng-container *ngIf=\"ad.currency\">\n                        <div (click)=\"openModal(ad.id)\" class=\"card pointer\">\n                            <div class=\"head-block\">\n                                <div class=\"readers-offers readers-offers-offer\">\n                                    <div>\n                                        {{ ad?.currency.asciiSymbol }}{{ (ad?.amount + ad?.bonus) | number }} Credit\n                                        <strong class=\"offers-readers-strong-dynamic visible-xs extra-info-xs\">For just {{ ad?.currency.asciiSymbol }}{{ ad?.amount | number }}</strong>\n                                    </div>\n                                    <strong class=\"offers-readers-strong-dynamic hidden-xs\">For just {{ ad?.currency.asciiSymbol }}{{ ad?.amount | number }}</strong>\n                                </div>\n                            </div>\n\n                            <div class=\"body-block hidden-xs\">\n                                <button (click)=\"openModal(ad.id)\" class=\"btn form-control btn-get-offer\">Get offer</button>\n                            </div>\n                        </div>\n                    </ng-container>\n<!--                    This is a welcome offer, in this case the information is in the info object-->\n                    <ng-container *ngIf=\"ad.info\">\n                        <div (click)=\"openModal(ad.id)\" class=\"card pointer\">\n                            <div class=\"head-block\">\n                                <div class=\"readers-offers\">\n                                        {{ ad?.info.currency.asciiSymbol }}{{ (ad?.info.amount + ad?.info.bonus) | number }} Credit\n                                    <!--https://lifereader.atlassian.net/browse/LA-1206-->\n                                    <br class=\"custom-br\">\n                                    <strong class=\"offers-readers-strong-dynamic\">\n                                        For just {{ ad?.info.currency.asciiSymbol }}{{ ad?.info.amount | number }}\n                                    </strong>\n                                </div>\n                            </div>\n\n                            <div class=\"body-block hidden-xs\">\n                                <button (click)=\"openModal(ad.id)\" class=\"btn form-control\">Get Offer</button>\n                            </div>\n                        </div>\n                    </ng-container>\n                </div>\n            </ng-container>\n        </div>\n    </div>\n</div>\n","import { Component, OnInit } from '@angular/core';\nimport {RegistrationComponent} from '../../modules/shared/components/registration/registration.component';\nimport {UserService} from '../../services/user.service';\nimport {BsModalService} from 'ngx-bootstrap/modal';\nimport {CanShowAddFundsDto} from '../../services/nestjs/user/dto/can-show-add-funds.dto';\nimport {AddFundState} from '../../services/nestjs/logs/add-funds-attemps/enum/add-fund-state.enum';\nimport {AddFundsAttemptsService} from '../../services/nestjs/logs/add-funds-attemps/add-funds-attempts.service';\nimport {ReaderService} from '../../modules/shared/services/reader-service';\n\n@Component({\n  selector: 'available-promo-list',\n  templateUrl: './promo.component.html',\n  styleUrls: ['./promo.component.scss']\n})\nexport class PromoComponent implements OnInit {\n\n  canShowCallOffers = false;\n  offers: CanShowAddFundsDto;\n  promotionCalls: any = [];\n  promotionList = [];\n  link = '/';\n  isLoadingOffers = true;\n  constructor(\n      private userService: UserService,\n      private bsModalService: BsModalService,\n      private addFundsAttemptsService: AddFundsAttemptsService,\n      private readerService: ReaderService,\n  ) { }\n\n  async ngOnInit() {\n    this.isLoadingOffers = true;\n    this.userService.getOffersByUser().then(\n        offers => {\n          this.offers = offers;\n          this.canShowCallOffers = offers.isUserHasFreeCall;\n            /**\n             * This validation avoid getting errors in the front end\n             */\n          if (this.offers.promotionList) {\n              /**\n               * Correct way to organize the offers (they are already from the smallest to the big one)\n               */\n              this.promotionList = this.canShowCallOffers ?\n                  this.offers.promotionList[0].promotions.slice(-3, -1).reverse() :\n                  this.offers.promotionList[0].promotions.slice(-4, -1).reverse();\n            this.isLoadingOffers = false;\n          }\n        }\n    );\n    this.readerService.getPromotionCalls().subscribe(\n        promotionCalls => {\n          this.promotionCalls = promotionCalls;\n        }\n    );\n  }\n\n  checkLogin() {\n    if (!this.userService.isLoggedIn()) {\n      this.bsModalService.show(RegistrationComponent, {\n        class: 'modal-dialog-steps',\n        backdrop: true,\n        animated: false,\n      });\n      return;\n    }\n  }\n\n  async openModal(promoId: number) {\n    if (!this.userService.isLoggedIn()) {\n      await this.addFundsAttemptsService.addEvent(AddFundState.IS_NOT_LOGGED_IN, '');\n      return;\n    }\n    if (this.userService.getRole() !== 'ROLE_CUSTOMER') {\n      await this.addFundsAttemptsService.addEvent(AddFundState.IS_NOT_CUSTOMER, '');\n      return;\n    }\n    await this.userService.showAddFunds('Sales', 0, promoId);\n  }\n\n  async addCreditCard() {\n    await this.userService.showAddFunds('Sales', 0, 0);\n  }\n  async addPaypal() {\n    await this.userService.showAddFunds('Sales', 1, 0);\n  }\n\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport {PromoComponent} from './promo.component';\n\n\n\n@NgModule({\n  declarations: [PromoComponent],\n  bootstrap: [PromoComponent],\n  imports: [CommonModule],\n  exports: [PromoComponent]\n})\nexport class PromoModule { }\n","<div class=\"how-it-works-component text-center\">\n    <div class=\"container container-how-it-works\">\n\n        <ng-container *ngIf=\"title\">\n            <ng-container *ngTemplateOutlet=\"title\"></ng-container>\n        </ng-container>\n\n        <ul class=\"list-unstyled steps-list\">\n            <li class=\"step\">\n                <div class=\"step-number\">1</div>\n                <div class=\"step-description hidden-lg hidden-md hidden-sm\">Choose Your Reader</div>\n            </li>\n            <li class=\"step last-one\">\n                <div class=\"step-number\">2</div>\n                <div class=\"step-description hidden-lg hidden-md hidden-sm\">Click 'Chat' or 'Call'</div>\n            </li>\n            <li class=\"step\">\n                <div class=\"step-number\">3</div>\n                <div class=\"step-description hidden-lg hidden-md hidden-sm\">Enjoy Your Reading</div>\n            </li>\n        </ul>\n        <div class=\"clearfix\"></div>\n\n        <ul class=\"list-unstyled desc hidden-xs\">\n            <li class=\"step-desc\">\n                <div class=\"step-description\">Choose Your Reader</div>\n            </li>\n            <li class=\"step-desc\">\n                <div class=\"step-description\">Click 'Chat' or 'Call'</div>\n            </li>\n            <li class=\"step-desc\">\n                <div class=\"step-description\">Enjoy Your Reading</div>\n            </li>\n        </ul>\n        <div class=\"clearfix\"></div>\n\n        <ng-container *ngIf=\"actions\">\n            <ng-container *ngTemplateOutlet=\"actions\"></ng-container>\n        </ng-container>\n    </div>\n</div>\n","import {Component, Input, OnInit, TemplateRef} from '@angular/core';\n\n@Component({\n    selector: 'shared-how-it-works',\n    templateUrl: './how-it-works.component.html',\n    styleUrls: ['./how-it-works.component.scss'],\n})\nexport class HowItWorksComponent implements OnInit {\n\n    @Input()\n    title: TemplateRef<any>;\n\n    @Input()\n    actions: TemplateRef<any>;\n\n\n    constructor() {\n    }\n\n    ngOnInit() {\n    }\n\n}\n","import { NgModule } from '@angular/core';\nimport {CommonModule} from '@angular/common';\nimport {HowItWorksComponent} from './how-it-works.component';\n@NgModule({\n    declarations: [HowItWorksComponent],\n    bootstrap: [HowItWorksComponent],\n    exports: [\n        HowItWorksComponent\n    ],\n    imports: [\n        CommonModule,\n    ]\n})\nexport class HowItWorksModule { }\n","<div class=\"modal-body text-center\">\n    <h3><b>Telegram</b></h3>\n    <p>You can implement telegram generating a link and opened using your telegram app</p>\n    <p>\n        <button *ngIf=\"!telegramLink\" (click)=\"generateLink()\" class=\"btn btn-def\">Generate my link</button>\n        <button *ngIf=\"telegramLink\" (click)=\"shareLink()\" class=\"btn btn-def\">Open my link</button>\n    </p>\n</div>\n","import {Component, Inject, OnInit} from '@angular/core';\nimport {BsModalRef} from 'ngx-bootstrap/modal';\nimport {ChatService} from '../../../../../services/nestjs/chat/chat.service';\nimport {UserService} from '../../../../../services/user.service';\nimport {WINDOW} from '../../../../../providers/window.provider';\n\n@Component({\n    selector: 'app-telegram-notification-modal',\n    templateUrl: './telegram-notification-modal.component.html',\n    styleUrls: ['./telegram-notification-modal.component.scss'],\n})\nexport class TelegramNotificationModalComponent implements OnInit {\n\n    telegramLink = '';\n    constructor(\n        public bsModalRef: BsModalRef,\n        private chatService: ChatService,\n        private userService: UserService,\n        @Inject(WINDOW) private window: Window\n    ) {\n    }\n\n    ngOnInit() {\n    }\n\n    async generateLink() {\n        const data: any = await this.chatService.generateTelegramLink(this.userService.data.userId, this.userService.data.nickName);\n        this.telegramLink = data.telegramLink;\n    }\n\n    shareLink() {\n       this.window.open(this.telegramLink, '_blank');\n    }\n\n    onClick() {\n        this.bsModalRef.hide();\n    }\n\n\n}\n","import {Component, OnInit} from '@angular/core';\n\n@Component({\n    selector: 'shared-sub-header',\n    templateUrl: './sub-header.component.html',\n    styleUrls: ['./sub-header.component.scss']\n})\nexport class SubHeaderComponent implements OnInit {\n\n    constructor() {\n    }\n\n    ngOnInit() {\n    }\n\n}\n","<div class=\".sub-header\">\n    <ng-content select=\".text\"></ng-content>\n</div>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport {SubHeaderComponent} from './sub-header.component';\n\n\n\n@NgModule({\n  declarations: [\n      SubHeaderComponent\n  ],\n  exports: [\n      SubHeaderComponent\n  ],\n  imports: [\n    CommonModule\n  ]\n})\nexport class SubHeaderModule { }\n"],"names":["i0","PromoComponent","constructor","userService","bsModalService","addFundsAttemptsService","readerService","this","ngOnInit","o","isLoadingOffers","getOffersByUser","then","offers","canShowCallOffers","isUserHasFreeCall","promotionList","promotions","slice","reverse","getPromotionCalls","subscribe","promotionCalls","checkLogin","isLoggedIn","show","RegistrationComponent","class","backdrop","animated","openModal","promoId","c","getRole","showAddFunds","addEvent","AddFundState","addCreditCard","addPaypal","selectors","PromoModule","bootstrap","CommonModule","HowItWorksComponent","HowItWorksModule","TelegramNotificationModalComponent","bsModalRef","chatService","window","generateLink","data","_","generateTelegramLink","userId","nickName","telegramLink","shareLink","open","onClick","hide","WINDOW","SubHeaderComponent","SubHeaderModule"],"mappings":"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","debug_id":"1e015c54-8cf3-5ccd-81cf-0aa6a40be8f3"}