{"version":3,"sources":["./src/app/pages/secure/payouts/payout/payout.page.html","./src/app/pages/secure/payouts/payout/payout-routing.module.ts","./src/app/pages/secure/payouts/payout/payout.page.ts","./src/app/pages/secure/payouts/payout/payout.module.ts"],"names":["routes","path","component","PayoutPage","modalController","loadingController","alertController","location","router","route","authService","apiService","observerService","spinner","moment","payout_id","payout","payout_transactions","this","snapshot","params","presentSpinner","then","loadPayout","loadPayoutTransactions","dismiss","catch","Promise","resolve","reject","isLoggedIn","getPayout","error","status","presentAlert","navigate","replaceUrl","window","reload","getConsumerTransactions","merchant_payout_id","id","transactions","default_href","history","length","back","navigateByUrl","header","sub_header","message","alert","create","subHeader","buttons","present","showBackdrop","cssClass","goBack","PayoutPageRoutingModule","forChild","PayoutPageModule"],"mappings":"mTAOQ,oBACI,QACJ,Q,oBADI,+C,yBAYA,qBACI,oBAAW,gBAAK,OAChB,Q,iBACJ,Q,qBADI,uD,sEASI,QACI,qBACJ,Q,MADa,+BAA+B,kB,+DAE5C,QACI,qBACJ,Q,MADa,+BAAwB,kB,qEAKrC,aACI,qBAAmE,QACvE,Q,8BADa,+BAA2B,iBAA+B,+B,yBAInE,QAAsD,QAAoC,Q,+BAApC,4C,yBACtD,QAAqD,QAAkC,Q,+BAAlC,oC,kEAHzD,YACI,qBACA,+BACA,+BACJ,Q,8BAHa,+BAAwB,iBAClB,2CACA,2C,yBAWnB,QAA4D,kBAAuB,Q,iBAAsD,OAAO,Q,8BAA7D,+D,yBACnF,QAA4D,kBAAuB,Q,iBAA2D,OAAO,Q,8BAAlE,kE,8GA7B3F,qBACI,2BACI,+BAGA,+BAGJ,OAEA,oBACI,qBAGA,oBAKA,YACI,qBAAwE,QAC5E,OACA,aACI,sBAAiE,SACrE,OACJ,OACA,uBAEI,gCACA,gCACJ,OACJ,Q,mCA/B0D,oDAEnC,+BAGA,+BAMV,8BAGD,iEAMS,gCAAgC,iBAA+B,mEAG/D,gCAAyB,iBAA+B,8DAKtD,+CACA,gD,yBAjC3B,yBACI,2BACI,oBAAW,uBAAY,OAC3B,OACA,6BAgCJ,Q,qBAhCsC,+C,yBAf1C,mBACI,yBACI,qBACI,oBAAW,eAAI,OACf,QACJ,OACA,2BAIJ,OACA,iCAqCJ,Q,oBA5CY,kFAEoB,oCAKX,4C,2EAsCrB,sBACI,qBACI,YACI,qBACA,eAAM,0BAAe,OACzB,OACJ,OACJ,Q,MAJqB,gC,iDC9DnBA,EAAiB,CACrB,CACEC,KAAM,GACNC,UCOG,M,MAAMC,EAST,YACWC,EACAC,EACAC,EACCC,EACAC,EACAC,EACAC,EACAC,EACAC,GARD,KAAAR,kBACA,KAAAC,oBACA,KAAAC,kBACC,KAAAC,WACA,KAAAC,SACA,KAAAC,QACA,KAAAC,cACA,KAAAC,aACA,KAAAC,kBAhBZ,KAAAC,QAAU,KACV,KAAAC,OAAS,EACT,KAAAC,UAAY,KACZ,KAAAC,OAAS,KACT,KAAAC,oBAAsB,KAetB,WAEIC,KAAKH,UAAYG,KAAKT,MAAMU,SAASC,OAAOL,UAE5CG,KAAKG,eAAe,kBAAkBC,KAAK,KACvCJ,KAAKK,aAAaD,KAAK,KACnBJ,KAAKM,yBAAyBF,KAAK,KAC/BJ,KAAKL,QAAQY,YAEhBC,MAAM,KACHR,KAAKL,QAAQY,cAGpBC,MAAM,KACHR,KAAKL,QAAQY,cAMzB,aA4BI,OA3BgB,IAAIE,QAAc,CAACC,EAASC,KACxCX,KAAKR,YAAYoB,aAAaR,KAAK,KAC/BJ,KAAKP,WAAWoB,UAAUb,KAAKH,WAAWO,KAAMN,IACxCA,IACAE,KAAKF,OAASA,EACdY,OAGPF,MAAOM,IACAA,IACqB,MAAjBA,EAAMC,OACNf,KAAKgB,aAAa,UAAW,gBAAiB,qEACtB,MAAjBF,EAAMC,OACbf,KAAKgB,aAAa,UAAW,2BAA4B,+CACjC,MAAjBF,EAAMC,QAAmC,IAAjBD,EAAMC,QACrCf,KAAKgB,aAAa,UAAW,cAAe,oEAGpDL,QAGPH,MAAM,KACHR,KAAKV,OAAO2B,SAAS,CAAC,UAAW,CAAEC,YAAY,IAAQd,KAAK,KACxDe,OAAO9B,SAAS+B,eAOhC,yBA4BI,OA3BgB,IAAIX,QAAc,CAACC,EAASC,KACxCX,KAAKR,YAAYoB,aAAaR,KAAK,KAC/BJ,KAAKP,WAAW4B,wBAAwB,CAACC,mBAAoBtB,KAAKF,OAAOyB,KAAKnB,KAAMoB,IAC5EA,IACAxB,KAAKD,oBAAsByB,EAC3Bd,OAGPF,MAAOM,IACAA,IACqB,MAAjBA,EAAMC,OACNf,KAAKgB,aAAa,UAAW,gBAAiB,iFACtB,MAAjBF,EAAMC,OACbf,KAAKgB,aAAa,UAAW,2BAA4B,6DACjC,MAAjBF,EAAMC,QAAmC,IAAjBD,EAAMC,QACrCf,KAAKgB,aAAa,UAAW,cAAe,gFAGpDL,QAGPH,MAAM,KACHR,KAAKV,OAAO2B,SAAS,CAAC,UAAW,CAAEC,YAAY,IAAQd,KAAK,KACxDe,OAAO9B,SAAS+B,eAOhC,OAAOK,GACCN,OAAOO,QAAQC,OAAS,EACxB3B,KAAKX,SAASuC,OAGd5B,KAAKV,OAAOuC,cAAcJ,GAI5B,aAAaK,EAAQC,EAAYC,G,kDACnC,MAAMC,QAAcjC,KAAKZ,gBAAgB8C,OAAO,CAC5CJ,OAAQA,EACRK,UAAWJ,EACXC,QAASA,EACTI,QAAS,CAAC,cAERH,EAAMI,YAGV,eAAeL,G,kDACjBhC,KAAKL,cAAgBK,KAAKb,kBAAkB+C,OAAO,CAC/CF,QAASA,EACTM,cAAc,EACdC,SAAU,0BAERvC,KAAKL,QAAQ0C,a,6CAhIdpD,GAAU,4F,uBAAVA,EAAU,opBFdvB,uBACI,sBACI,wBACI,uBAAY,+BAAS,EAAAuD,OAAO,uBACxB,oBACJ,OACJ,OACA,4BAGJ,OACJ,OAEA,sBACI,2BAiDA,2BAQJ,Q,MAnEyB,+BAAgC,iBAGrC,8BAOL,8BAiDA,gD,srCEjDR,KDCA,Y,MAAMC,G,6CAAAA,I,uBAAAA,I,2BAHF,CAAC,IAAaC,SAAS5D,IACtB,O,GAEL,GEIA,Q,MAAM6D,G,6CAAAA,I,uBAAAA,I,2BATF,CACP,IACA,IACA,IACA,IACA,M,GAIG","file":"69.ffbbeff6ed1b4f3920cd.js","sourcesContent":["<ion-header class=\"ion-no-border\">\n    <ion-toolbar>\n        <ion-buttons slot=\"start\">\n            <ion-button (click)=\"goBack('/secure/customers')\">\n                <fa-icon [icon]=\"['far', 'chevron-left']\" size=\"lg\" [fixedWidth]=\"true\"></fa-icon>\n            </ion-button>\n        </ion-buttons>\n        <ion-title *ngIf=\"payout\">\n            Payout #{{payout.number}}\n        </ion-title>\n    </ion-toolbar>\n</ion-header>\n\n<ion-content>\n    <ion-list *ngIf=\"payout\">\n        <ion-item-group>\n            <ion-item lines=\"full\">\n                <ion-label>Date</ion-label>\n                {{this.moment(payout.created_date).format(\"D MMM YYYY, HH:mm\")}}\n            </ion-item>\n            <ion-item lines=\"full\" *ngIf=\"payout.price\">\n                <ion-label>Price</ion-label>\n                ${{payout.price | number:'1.2'}}\n            </ion-item>\n        </ion-item-group>\n        <ion-item-group *ngIf=\"payout_transactions\">\n            <ion-item-divider>\n                <ion-label>TRANSACTIONS</ion-label>\n            </ion-item-divider>\n            <ion-item *ngFor=\"let transaction of payout_transactions\" routerLink=\"../../../transactions/{{transaction.id}}\" routerDirection=\"forward\" lines=\"full\">\n                <ion-thumbnail slot=\"start\" class=\"ion-align-self-start\">\n                    <ng-container *ngIf=\"transaction.type == 2\">\n                        <fa-icon [icon]=\"['fal', 'sack-dollar']\" [fixedWidth]=\"true\"></fa-icon>\n                    </ng-container>\n                    <ng-container *ngIf=\"transaction.type == 4\">\n                        <fa-icon [icon]=\"['fal', 'undo']\" [fixedWidth]=\"true\"></fa-icon>\n                    </ng-container>                \n                </ion-thumbnail>             \n                \n                <ion-label>\n                    <h3 *ngIf=\"transaction.number\">\n                        <fa-icon [icon]=\"['far', 'hashtag']\" [fixedWidth]=\"true\"></fa-icon>{{transaction.number}}\n                    </h3>\n                    <p *ngIf=\"transaction.consumer.first_name || transaction.consumer.last_name\">\n                        <fa-icon [icon]=\"['far', 'user']\" [fixedWidth]=\"true\"></fa-icon>\n                        <ng-container *ngIf=\"transaction.consumer.first_name\">{{transaction.consumer.first_name}} </ng-container>\n                        <ng-container *ngIf=\"transaction.consumer.last_name\">{{transaction.consumer.last_name}}</ng-container>\n                    </p>\n                    <p>\n                        <fa-icon [icon]=\"['far', 'calendar-alt']\" [fixedWidth]=\"true\"></fa-icon>{{this.moment(transaction.created_date).format(\"D MMM YYYY\")}}\n                    </p>\n                    <p>\n                        <fa-icon [icon]=\"['far', 'clock']\" [fixedWidth]=\"true\"></fa-icon>{{this.moment(transaction.created_date).format(\"HH:mm\")}}\n                    </p>\n                </ion-label>                \n                <ion-note class=\"price\" slot=\"end\">\n                    <!-- NOTE: these are reversed as they are the opposite to what the consumer see -->\n                    <ng-container *ngIf=\"transaction.merchant_payout.price > 0\"><span class=\"positive\">+${{transaction.merchant_payout.price | number:'1.2'}}</span></ng-container>\n                    <ng-container *ngIf=\"transaction.merchant_payout.price < 0\"><span class=\"negative\">-${{transaction.merchant_payout.price * -1 | number:'1.2'}}</span></ng-container>\n                </ion-note>                                     \n            </ion-item>\n        </ion-item-group>\n    </ion-list>\n    <ion-grid *ngIf=\"payout && payout == null\" class=\"nothing-found\">\n        <ion-row class=\"ion-align-items-center ion-justify-content-center\" style=\"height:100%; flex-direction: column\">\n            <p>\n                <fa-icon [icon]=\"['far', 'hand-holding-usd']\" size=\"6x\"></fa-icon>\n                <span>No payout found</span>\n            </p>\n        </ion-row>\n    </ion-grid>\n</ion-content>\n","import { NgModule } from '@angular/core';\nimport { RouterModule, Routes } from '@angular/router';\nimport { PayoutPage } from './payout.page';\n\nconst routes: Routes = [\n  {\n    path: '',\n    component: PayoutPage,\n  }\n];\n\n@NgModule({\n  imports: [RouterModule.forChild(routes)],\n  exports: [RouterModule]\n})\nexport class PayoutPageRoutingModule {}\n","import { Component } from '@angular/core';\nimport { Location } from '@angular/common';\nimport { ModalController, LoadingController, AlertController } from '@ionic/angular';\nimport { Router, ActivatedRoute } from \"@angular/router\";\nimport { APIService } from \"../../../../services/api.service\";\nimport { AuthService } from \"../../../../services/auth.service\";\nimport { ObserverService } from 'src/app/services/observer.service';\nimport * as moment from 'moment-timezone';\n\n@Component({\n    selector: 'app-payout',\n    templateUrl: 'payout.page.html',\n    styleUrls: ['payout.page.scss']\n})\nexport class PayoutPage {\n\n    spinner = null;\n    moment = moment;\n    payout_id = null;\n    payout = null;\n    payout_transactions = null;\n\n\n    constructor(\n        public modalController: ModalController,\n        public loadingController: LoadingController,\n        public alertController: AlertController,\n        private location: Location,\n        private router: Router,\n        private route: ActivatedRoute,\n        private authService: AuthService,\n        private apiService: APIService,\n        private observerService: ObserverService,\n    ) { }\n\n    ngOnInit() {\n\n        this.payout_id = this.route.snapshot.params.payout_id;\n\n        this.presentSpinner(\"Loading payout\").then(() => {\n            this.loadPayout().then(() => {\n                this.loadPayoutTransactions().then(() => {\n                    this.spinner.dismiss();\n                })\n                .catch(() => {\n                    this.spinner.dismiss();\n                })\n            })\n            .catch(() => {\n                this.spinner.dismiss();\n            })\n        })\n\n    }\n\n    loadPayout() {\n        const promise = new Promise<void>((resolve, reject) => {\n            this.authService.isLoggedIn().then(() => {\n                this.apiService.getPayout(this.payout_id).then((payout) => {\n                    if (payout) {\n                        this.payout = payout;\n                        resolve();\n                    }\n                })\n                .catch((error) => {\n                    if (error) {\n                        if (error.status === 400) {\n                            this.presentAlert(\"Problem\", \"Unknown error\", \"Unfortunately something went wrong when trying to get the payout.\");\n                        } else if (error.status === 403) {\n                            this.presentAlert(\"Problem\", \"Insufficient permissions\", \"You don't have permission to view a payout.\");\n                        } else if (error.status === 404 || error.status === 0) {\n                            this.presentAlert(\"Problem\", \"Unavailable\", \"Unfortunately we're unable to retrieve the payout at this time.\");\n                        }\n                    }\n                    reject();\n                });\n            })\n            .catch(() => {\n                this.router.navigate([\"logout\"], { replaceUrl: true }).then(() => {\n                    window.location.reload();\n                });\n            });\n        });\n        return promise;\n    }\n\n    loadPayoutTransactions() {\n        const promise = new Promise<void>((resolve, reject) => {\n            this.authService.isLoggedIn().then(() => {\n                this.apiService.getConsumerTransactions({merchant_payout_id: this.payout.id}).then((transactions: any) => {\n                    if (transactions) {\n                        this.payout_transactions = transactions;\n                        resolve();\n                    }\n                })\n                .catch((error) => {\n                    if (error) {\n                        if (error.status === 400) {\n                            this.presentAlert(\"Problem\", \"Unknown error\", \"Unfortunately something went wrong when trying to get a list of transactions.\");\n                        } else if (error.status === 403) {\n                            this.presentAlert(\"Problem\", \"Insufficient permissions\", \"You don't have permission to view a list of transactions.\");\n                        } else if (error.status === 404 || error.status === 0) {\n                            this.presentAlert(\"Problem\", \"Unavailable\", \"Unfortunately we're unable to retrieve a list of transactions at this time.\");\n                        }\n                    }\n                    reject();\n                });\n            })\n            .catch(() => {\n                this.router.navigate([\"logout\"], { replaceUrl: true }).then(() => {\n                    window.location.reload();\n                });\n            });\n        });\n        return promise;\n    }\n\n    goBack(default_href) {\n        if (window.history.length > 1) {\n            this.location.back();\n        }\n        else {\n            this.router.navigateByUrl(default_href);\n        }\n    }\n\n    async presentAlert(header, sub_header, message) {\n        const alert = await this.alertController.create({\n            header: header,\n            subHeader: sub_header,\n            message: message,\n            buttons: [\"OK\"],\n        });\n        await alert.present();\n    }\n\n    async presentSpinner(message) {\n        this.spinner = await this.loadingController.create({\n            message: message,\n            showBackdrop: true,\n            cssClass: 'loading-spinner'\n        });\n        await this.spinner.present();\n    }\n\n}\n","import { IonicModule } from '@ionic/angular';\nimport { RouterModule } from '@angular/router';\nimport { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { FormsModule } from '@angular/forms';\nimport { FontAwesomeModule } from '@fortawesome/angular-fontawesome';\nimport { PayoutPage } from './payout.page';\nimport { PayoutPageRoutingModule } from './payout-routing.module';\n\n@NgModule({\n  imports: [\n    FontAwesomeModule,\n    IonicModule,\n    CommonModule,\n    FormsModule,\n    PayoutPageRoutingModule\n  ],\n  declarations: [PayoutPage]\n})\nexport class PayoutPageModule {}\n"],"sourceRoot":"webpack:///"}