@agencycoda/mia-billing - npm Package Compare versions

Comparing version 0.0.8 to 0.0.9

bundles/agencycoda-mia-billing.umd.js

@@ -698,2 +698,3 @@ (function (global, factory) {
             this.config = new MiaBillingPageConfig();
+            this.applyDiscount = new i0.EventEmitter();
             this.currentStep = 0;
@@ -708,2 +709,3 @@ this.typeMonthWithHasDiscountYear = MiaBuyItem.TYPE_MONTH_WITH_HAS_DISCOUNT_YEAR;
         MiaBillingPageComponent.prototype.onApplyCodeDiscount = function () {
+            this.applyDiscount.emit(this.codeDiscount.value);
         };
@@ -747,3 +749,3 @@ MiaBillingPageComponent.prototype.getTotal = function () {
     MiaBillingPageComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0__namespace, type: MiaBillingPageComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
-    MiaBillingPageComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.5", type: MiaBillingPageComponent, selector: "mia-billing-page", inputs: { config: "config" }, ngImport: i0__namespace, template: "<div class=\"mia-billing-layout\">\n    <div *ngIf=\"config.logoImage && config.logoImage != ''\" class=\"toolbar\">\n        <img [src]=\"config.logoImage\" [alt]=\"config.title\" />\n    </div>\n\n    <!--<mia-header-billing *ngIf=\"config.hasHeader\" [title]=\"config.title\" [logo]=\"config.logoImage\"></mia-header-billing>\n    <mia-steps-billing #stepsComp [currentStep]=\"currentStep\"></mia-steps-billing>\n    <mia-resume-billing [buyItem]=\"config.buyItem\"></mia-resume-billing>-->\n\n    <div class=\"mia-billing-container\">\n\n        <div class=\"mia-billing-content\">\n            <mia-info-billing *ngIf=\"currentStep == 0\" [item]=\"transaction\" (continue)=\"onReceivedInfo($event)\"></mia-info-billing>\n            <mia-choice-billing *ngIf=\"currentStep == 1\" (back)=\"onBackChoice()\" (success)=\"onSuccessPayment()\" [config]=\"config\"></mia-choice-billing>\n            <mia-success-billing *ngIf=\"currentStep == 2\"></mia-success-billing>\n        </div>\n\n        <div class=\"mia-billing-lateral\">\n            <h3>{{ config.buyItem.title\u00A0}}</h3>\n            <p>{{ getAmount() |\u00A0currency }} + taxes</p>\n            <h3>Detalles</h3>\n            <div *ngFor=\"let detail of config.buyItem.details\">\n                <p>{{ detail\u00A0}}</p>\n            </div>\n            <mat-divider></mat-divider>\n            <p>Subtotal: {{ getAmount() |\u00A0currency\u00A0}}</p>\n            <p *ngFor=\"let discount of config.buyItem.discounts\">{{ discount.title\u00A0}} -{{ discount.discount |\u00A0currency }}</p>\n            <mat-divider></mat-divider>\n\n            <div *ngIf=\"config.isAllowCodeDiscount\" class=\"code_discount\">\n                <mat-form-field>\n                    <mat-label>Aplicar descuento</mat-label>\n                    <input matInput type=\"email\" [formControl]=\"codeDiscount\" placeholder=\"Codigo de descuento\" />\n                </mat-form-field>\n                <button mat-button (click)=\"onApplyCodeDiscount()\">Aplicar</button>\n            </div>\n            <mat-divider *ngIf=\"config.isAllowCodeDiscount\"></mat-divider>\n\n\n            <p>Total:</p>\n            <p>{{ getTotal() |\u00A0currency\u00A0}}</p>\n        </div>\n\n        \n        \n        <!--<app-step-info *ngIf=\"currentStep == 0\" (continue)=\"onNextStep()\"></app-step-info>\n        <div *ngIf=\"currentStep == 1\" style=\"color: white\"><p>loading...</p></div>\n        <div *ngIf=\"currentStep == 2\" style=\"color: white\">\n            <div *ngIf=\"currentTransaction.status == 1\">Your payment has been approved.</div>\n            <div *ngIf=\"currentTransaction.status == 2\">We were unable to process your payment, please try again.</div>\n        </div>-->\n    </div>\n</div>", styles: [".mia-billing-layout{background-color:#f6f8fc;padding:1em;min-height:100vh;box-sizing:border-box}.mia-billing-container{display:flex;align-items:flex-start;width:1200px;max-width:100%;margin:auto}.mia-billing-container .mia-billing-content{margin-right:2em}.mia-billing-container .mia-billing-lateral{width:300px;max-width:100%;background-color:#fff;border-radius:8px;box-sizing:border-box;padding:1em}@media only screen and (max-width:599px){.mia-billing-container{flex-direction:column}.mia-billing-container .mia-billing-content{order:2;margin-right:0;margin-top:2em}}"], components: [{ type: MiaInfoBillingComponent, selector: "mia-info-billing", inputs: ["item"], outputs: ["continue"] }, { type: MiaChoiceBillingComponent, selector: "mia-choice-billing", inputs: ["config"], outputs: ["back", "success"] }, { type: MiaSuccessBillingComponent, selector: "mia-success-billing" }, { type: i4__namespace.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { type: i5__namespace$1.MatFormField, selector: "mat-form-field", inputs: ["color", "floatLabel", "appearance", "hideRequiredMarker", "hintLabel"], exportAs: ["matFormField"] }], directives: [{ type: i5__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i5__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i5__namespace$1.MatLabel, selector: "mat-label" }, { type: i7__namespace.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i7__namespace.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i7__namespace.FormControlDirective, selector: "[formControl]", inputs: ["disabled", "formControl", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }], pipes: { "currency": i5__namespace.CurrencyPipe } });
+    MiaBillingPageComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.5", type: MiaBillingPageComponent, selector: "mia-billing-page", inputs: { config: "config" }, outputs: { applyDiscount: "applyDiscount" }, ngImport: i0__namespace, template: "<div class=\"mia-billing-layout\">\n    <div *ngIf=\"config.logoImage && config.logoImage != ''\" class=\"toolbar\">\n        <img [src]=\"config.logoImage\" [alt]=\"config.title\" />\n    </div>\n\n    <!--<mia-header-billing *ngIf=\"config.hasHeader\" [title]=\"config.title\" [logo]=\"config.logoImage\"></mia-header-billing>\n    <mia-steps-billing #stepsComp [currentStep]=\"currentStep\"></mia-steps-billing>\n    <mia-resume-billing [buyItem]=\"config.buyItem\"></mia-resume-billing>-->\n\n    <div class=\"mia-billing-container\">\n\n        <div class=\"mia-billing-content\">\n            <mia-info-billing *ngIf=\"currentStep == 0\" [item]=\"transaction\" (continue)=\"onReceivedInfo($event)\"></mia-info-billing>\n            <mia-choice-billing *ngIf=\"currentStep == 1\" (back)=\"onBackChoice()\" (success)=\"onSuccessPayment()\" [config]=\"config\"></mia-choice-billing>\n            <mia-success-billing *ngIf=\"currentStep == 2\"></mia-success-billing>\n        </div>\n\n        <div class=\"mia-billing-lateral\">\n            <h3>{{ config.buyItem.title\u00A0}}</h3>\n            <p>{{ getAmount() |\u00A0currency }} + taxes</p>\n            <h3>Detalles</h3>\n            <div *ngFor=\"let detail of config.buyItem.details\">\n                <p>{{ detail\u00A0}}</p>\n            </div>\n            <mat-divider></mat-divider>\n            <p>Subtotal: {{ getAmount() |\u00A0currency\u00A0}}</p>\n            <p *ngFor=\"let discount of config.buyItem.discounts\">{{ discount.title\u00A0}} -{{ discount.discount |\u00A0currency }}</p>\n            <mat-divider></mat-divider>\n\n            <div *ngIf=\"config.isAllowCodeDiscount\" class=\"code_discount\">\n                <mat-form-field>\n                    <mat-label>Aplicar descuento</mat-label>\n                    <input matInput type=\"email\" [formControl]=\"codeDiscount\" placeholder=\"Codigo de descuento\" />\n                </mat-form-field>\n                <button mat-button (click)=\"onApplyCodeDiscount()\">Aplicar</button>\n            </div>\n            <mat-divider *ngIf=\"config.isAllowCodeDiscount\"></mat-divider>\n\n\n            <p>Total:</p>\n            <p>{{ getTotal() |\u00A0currency\u00A0}}</p>\n        </div>\n\n        \n        \n        <!--<app-step-info *ngIf=\"currentStep == 0\" (continue)=\"onNextStep()\"></app-step-info>\n        <div *ngIf=\"currentStep == 1\" style=\"color: white\"><p>loading...</p></div>\n        <div *ngIf=\"currentStep == 2\" style=\"color: white\">\n            <div *ngIf=\"currentTransaction.status == 1\">Your payment has been approved.</div>\n            <div *ngIf=\"currentTransaction.status == 2\">We were unable to process your payment, please try again.</div>\n        </div>-->\n    </div>\n</div>", styles: [".mia-billing-layout{background-color:#f6f8fc;padding:1em;min-height:100vh;box-sizing:border-box}.mia-billing-container{display:flex;align-items:flex-start;width:1200px;max-width:100%;margin:auto}.mia-billing-container .mia-billing-content{margin-right:2em}.mia-billing-container .mia-billing-lateral{width:300px;max-width:100%;background-color:#fff;border-radius:8px;box-sizing:border-box;padding:1em}@media only screen and (max-width:599px){.mia-billing-container{flex-direction:column}.mia-billing-container .mia-billing-content{order:2;margin-right:0;margin-top:2em}}"], components: [{ type: MiaInfoBillingComponent, selector: "mia-info-billing", inputs: ["item"], outputs: ["continue"] }, { type: MiaChoiceBillingComponent, selector: "mia-choice-billing", inputs: ["config"], outputs: ["back", "success"] }, { type: MiaSuccessBillingComponent, selector: "mia-success-billing" }, { type: i4__namespace.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { type: i5__namespace$1.MatFormField, selector: "mat-form-field", inputs: ["color", "floatLabel", "appearance", "hideRequiredMarker", "hintLabel"], exportAs: ["matFormField"] }], directives: [{ type: i5__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i5__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i5__namespace$1.MatLabel, selector: "mat-label" }, { type: i7__namespace.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i7__namespace.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i7__namespace.FormControlDirective, selector: "[formControl]", inputs: ["disabled", "formControl", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }], pipes: { "currency": i5__namespace.CurrencyPipe } });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0__namespace, type: MiaBillingPageComponent, decorators: [{
@@ -758,2 +760,4 @@ type: i0.Component,
                     type: i0.Input
+                }], applyDiscount: [{
+                    type: i0.Output
                 }] } });
@@ -760,0 +764,0 @@

esm2015/lib/components/mia-billing-page/mia-billing-page.component.js

@@ -1,2 +0,2 @@
-import { Component, Input } from '@angular/core';
+import { Component, EventEmitter, Input, Output } from '@angular/core';
 import { FormControl } from '@angular/forms';
@@ -16,2 +16,3 @@ import { MiaBillingPageConfig } from '../../entities/mia_billing_page_config';
         this.config = new MiaBillingPageConfig();
+        this.applyDiscount = new EventEmitter();
         this.currentStep = 0;
@@ -26,2 +27,3 @@ this.typeMonthWithHasDiscountYear = MiaBuyItem.TYPE_MONTH_WITH_HAS_DISCOUNT_YEAR;
     onApplyCodeDiscount() {
+        this.applyDiscount.emit(this.codeDiscount.value);
     }
@@ -53,3 +55,3 @@ getTotal() {
 MiaBillingPageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: MiaBillingPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-MiaBillingPageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.5", type: MiaBillingPageComponent, selector: "mia-billing-page", inputs: { config: "config" }, ngImport: i0, template: "<div class=\"mia-billing-layout\">\n    <div *ngIf=\"config.logoImage && config.logoImage != ''\" class=\"toolbar\">\n        <img [src]=\"config.logoImage\" [alt]=\"config.title\" />\n    </div>\n\n    <!--<mia-header-billing *ngIf=\"config.hasHeader\" [title]=\"config.title\" [logo]=\"config.logoImage\"></mia-header-billing>\n    <mia-steps-billing #stepsComp [currentStep]=\"currentStep\"></mia-steps-billing>\n    <mia-resume-billing [buyItem]=\"config.buyItem\"></mia-resume-billing>-->\n\n    <div class=\"mia-billing-container\">\n\n        <div class=\"mia-billing-content\">\n            <mia-info-billing *ngIf=\"currentStep == 0\" [item]=\"transaction\" (continue)=\"onReceivedInfo($event)\"></mia-info-billing>\n            <mia-choice-billing *ngIf=\"currentStep == 1\" (back)=\"onBackChoice()\" (success)=\"onSuccessPayment()\" [config]=\"config\"></mia-choice-billing>\n            <mia-success-billing *ngIf=\"currentStep == 2\"></mia-success-billing>\n        </div>\n\n        <div class=\"mia-billing-lateral\">\n            <h3>{{ config.buyItem.title\u00A0}}</h3>\n            <p>{{ getAmount() |\u00A0currency }} + taxes</p>\n            <h3>Detalles</h3>\n            <div *ngFor=\"let detail of config.buyItem.details\">\n                <p>{{ detail\u00A0}}</p>\n            </div>\n            <mat-divider></mat-divider>\n            <p>Subtotal: {{ getAmount() |\u00A0currency\u00A0}}</p>\n            <p *ngFor=\"let discount of config.buyItem.discounts\">{{ discount.title\u00A0}} -{{ discount.discount |\u00A0currency }}</p>\n            <mat-divider></mat-divider>\n\n            <div *ngIf=\"config.isAllowCodeDiscount\" class=\"code_discount\">\n                <mat-form-field>\n                    <mat-label>Aplicar descuento</mat-label>\n                    <input matInput type=\"email\" [formControl]=\"codeDiscount\" placeholder=\"Codigo de descuento\" />\n                </mat-form-field>\n                <button mat-button (click)=\"onApplyCodeDiscount()\">Aplicar</button>\n            </div>\n            <mat-divider *ngIf=\"config.isAllowCodeDiscount\"></mat-divider>\n\n\n            <p>Total:</p>\n            <p>{{ getTotal() |\u00A0currency\u00A0}}</p>\n        </div>\n\n        \n        \n        <!--<app-step-info *ngIf=\"currentStep == 0\" (continue)=\"onNextStep()\"></app-step-info>\n        <div *ngIf=\"currentStep == 1\" style=\"color: white\"><p>loading...</p></div>\n        <div *ngIf=\"currentStep == 2\" style=\"color: white\">\n            <div *ngIf=\"currentTransaction.status == 1\">Your payment has been approved.</div>\n            <div *ngIf=\"currentTransaction.status == 2\">We were unable to process your payment, please try again.</div>\n        </div>-->\n    </div>\n</div>", styles: [".mia-billing-layout{background-color:#f6f8fc;padding:1em;min-height:100vh;box-sizing:border-box}.mia-billing-container{display:flex;align-items:flex-start;width:1200px;max-width:100%;margin:auto}.mia-billing-container .mia-billing-content{margin-right:2em}.mia-billing-container .mia-billing-lateral{width:300px;max-width:100%;background-color:#fff;border-radius:8px;box-sizing:border-box;padding:1em}@media only screen and (max-width:599px){.mia-billing-container{flex-direction:column}.mia-billing-container .mia-billing-content{order:2;margin-right:0;margin-top:2em}}"], components: [{ type: i1.MiaInfoBillingComponent, selector: "mia-info-billing", inputs: ["item"], outputs: ["continue"] }, { type: i2.MiaChoiceBillingComponent, selector: "mia-choice-billing", inputs: ["config"], outputs: ["back", "success"] }, { type: i3.MiaSuccessBillingComponent, selector: "mia-success-billing" }, { type: i4.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { type: i5.MatFormField, selector: "mat-form-field", inputs: ["color", "floatLabel", "appearance", "hideRequiredMarker", "hintLabel"], exportAs: ["matFormField"] }], directives: [{ type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i6.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i5.MatLabel, selector: "mat-label" }, { type: i7.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i7.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i7.FormControlDirective, selector: "[formControl]", inputs: ["disabled", "formControl", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }], pipes: { "currency": i6.CurrencyPipe } });
+MiaBillingPageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.5", type: MiaBillingPageComponent, selector: "mia-billing-page", inputs: { config: "config" }, outputs: { applyDiscount: "applyDiscount" }, ngImport: i0, template: "<div class=\"mia-billing-layout\">\n    <div *ngIf=\"config.logoImage && config.logoImage != ''\" class=\"toolbar\">\n        <img [src]=\"config.logoImage\" [alt]=\"config.title\" />\n    </div>\n\n    <!--<mia-header-billing *ngIf=\"config.hasHeader\" [title]=\"config.title\" [logo]=\"config.logoImage\"></mia-header-billing>\n    <mia-steps-billing #stepsComp [currentStep]=\"currentStep\"></mia-steps-billing>\n    <mia-resume-billing [buyItem]=\"config.buyItem\"></mia-resume-billing>-->\n\n    <div class=\"mia-billing-container\">\n\n        <div class=\"mia-billing-content\">\n            <mia-info-billing *ngIf=\"currentStep == 0\" [item]=\"transaction\" (continue)=\"onReceivedInfo($event)\"></mia-info-billing>\n            <mia-choice-billing *ngIf=\"currentStep == 1\" (back)=\"onBackChoice()\" (success)=\"onSuccessPayment()\" [config]=\"config\"></mia-choice-billing>\n            <mia-success-billing *ngIf=\"currentStep == 2\"></mia-success-billing>\n        </div>\n\n        <div class=\"mia-billing-lateral\">\n            <h3>{{ config.buyItem.title\u00A0}}</h3>\n            <p>{{ getAmount() |\u00A0currency }} + taxes</p>\n            <h3>Detalles</h3>\n            <div *ngFor=\"let detail of config.buyItem.details\">\n                <p>{{ detail\u00A0}}</p>\n            </div>\n            <mat-divider></mat-divider>\n            <p>Subtotal: {{ getAmount() |\u00A0currency\u00A0}}</p>\n            <p *ngFor=\"let discount of config.buyItem.discounts\">{{ discount.title\u00A0}} -{{ discount.discount |\u00A0currency }}</p>\n            <mat-divider></mat-divider>\n\n            <div *ngIf=\"config.isAllowCodeDiscount\" class=\"code_discount\">\n                <mat-form-field>\n                    <mat-label>Aplicar descuento</mat-label>\n                    <input matInput type=\"email\" [formControl]=\"codeDiscount\" placeholder=\"Codigo de descuento\" />\n                </mat-form-field>\n                <button mat-button (click)=\"onApplyCodeDiscount()\">Aplicar</button>\n            </div>\n            <mat-divider *ngIf=\"config.isAllowCodeDiscount\"></mat-divider>\n\n\n            <p>Total:</p>\n            <p>{{ getTotal() |\u00A0currency\u00A0}}</p>\n        </div>\n\n        \n        \n        <!--<app-step-info *ngIf=\"currentStep == 0\" (continue)=\"onNextStep()\"></app-step-info>\n        <div *ngIf=\"currentStep == 1\" style=\"color: white\"><p>loading...</p></div>\n        <div *ngIf=\"currentStep == 2\" style=\"color: white\">\n            <div *ngIf=\"currentTransaction.status == 1\">Your payment has been approved.</div>\n            <div *ngIf=\"currentTransaction.status == 2\">We were unable to process your payment, please try again.</div>\n        </div>-->\n    </div>\n</div>", styles: [".mia-billing-layout{background-color:#f6f8fc;padding:1em;min-height:100vh;box-sizing:border-box}.mia-billing-container{display:flex;align-items:flex-start;width:1200px;max-width:100%;margin:auto}.mia-billing-container .mia-billing-content{margin-right:2em}.mia-billing-container .mia-billing-lateral{width:300px;max-width:100%;background-color:#fff;border-radius:8px;box-sizing:border-box;padding:1em}@media only screen and (max-width:599px){.mia-billing-container{flex-direction:column}.mia-billing-container .mia-billing-content{order:2;margin-right:0;margin-top:2em}}"], components: [{ type: i1.MiaInfoBillingComponent, selector: "mia-info-billing", inputs: ["item"], outputs: ["continue"] }, { type: i2.MiaChoiceBillingComponent, selector: "mia-choice-billing", inputs: ["config"], outputs: ["back", "success"] }, { type: i3.MiaSuccessBillingComponent, selector: "mia-success-billing" }, { type: i4.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { type: i5.MatFormField, selector: "mat-form-field", inputs: ["color", "floatLabel", "appearance", "hideRequiredMarker", "hintLabel"], exportAs: ["matFormField"] }], directives: [{ type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i6.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i5.MatLabel, selector: "mat-label" }, { type: i7.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i7.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i7.FormControlDirective, selector: "[formControl]", inputs: ["disabled", "formControl", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }], pipes: { "currency": i6.CurrencyPipe } });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: MiaBillingPageComponent, decorators: [{
@@ -64,3 +66,5 @@ type: Component,
                 type: Input
+            }], applyDiscount: [{
+                type: Output
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWlhLWJpbGxpbmctcGFnZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hZ2VuY3ljb2RhL21pYS1iaWxsaW5nL3NyYy9saWIvY29tcG9uZW50cy9taWEtYmlsbGluZy1wYWdlL21pYS1iaWxsaW5nLXBhZ2UuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYWdlbmN5Y29kYS9taWEtYmlsbGluZy9zcmMvbGliL2NvbXBvbmVudHMvbWlhLWJpbGxpbmctcGFnZS9taWEtYmlsbGluZy1wYWdlLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFxQixNQUFNLGVBQWUsQ0FBQztBQUNwRSxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDN0MsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sd0NBQXdDLENBQUM7QUFDOUUsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLDZCQUE2QixDQUFDOzs7Ozs7Ozs7QUFRekQsTUFBTSxPQUFPLHVCQUF1QjtJQVdsQztRQVRTLFdBQU0sR0FBRyxJQUFJLG9CQUFvQixFQUFFLENBQUM7UUFFN0MsZ0JBQVcsR0FBRyxDQUFDLENBQUM7UUFDaEIsaUNBQTRCLEdBQUcsVUFBVSxDQUFDLGlDQUFpQyxDQUFDO1FBRTVFLGdCQUFXLEdBQVEsRUFBRSxDQUFDO1FBRXRCLGlCQUFZLEdBQUcsSUFBSSxXQUFXLEVBQUUsQ0FBQztJQUVqQixDQUFDO0lBRWpCLFFBQVE7UUFDTixJQUFJLENBQUMsV0FBVyxHQUFHLElBQUksQ0FBQyxNQUFNLENBQUMsU0FBUyxDQUFDO0lBQzNDLENBQUM7SUFFRCxtQkFBbUI7SUFFbkIsQ0FBQztJQUVELFFBQVE7UUFDTixJQUFJLEtBQUssR0FBRyxJQUFJLENBQUMsU0FBUyxFQUFFLENBQUM7UUFDN0IsS0FBSyxNQUFNLFFBQVEsSUFBSSxJQUFJLENBQUMsTUFBTSxDQUFDLE9BQU8sQ0FBQyxTQUFTLEVBQUU7WUFDcEQsS0FBSyxJQUFJLFFBQVEsQ0FBQyxRQUFRLENBQUM7U0FDNUI7UUFDRCxPQUFPLEtBQUssQ0FBQztJQUNmLENBQUM7SUFFRCxTQUFTO1FBQ1AsSUFBRyxJQUFJLENBQUMsTUFBTSxDQUFDLE9BQU8sQ0FBQyxhQUFhLElBQUksQ0FBQyxFQUFDO1lBQ3hDLE9BQU8sQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLE9BQU8sQ0FBQyxNQUFNLEdBQUcsQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLE9BQU8sQ0FBQyxNQUFNLEdBQUcsQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLE9BQU8sQ0FBQyxtQkFBbUIsR0FBRyxHQUFHLENBQUMsQ0FBQyxDQUFDLEdBQUcsRUFBRSxDQUFDO1NBQzNIO1FBRUQsT0FBTyxJQUFJLENBQUMsTUFBTSxDQUFDLE9BQU8sQ0FBQyxNQUFNLENBQUM7SUFDcEMsQ0FBQztJQUVELGdCQUFnQjtRQUNkLElBQUksQ0FBQyxXQUFXLEdBQUcsQ0FBQyxDQUFDO0lBQ3ZCLENBQUM7SUFFRCxjQUFjLENBQUMsSUFBUztRQUN0QixPQUFPLENBQUMsR0FBRyxDQUFDLElBQUksQ0FBQyxDQUFDO1FBQ2xCLElBQUksQ0FBQyxXQUFXLEdBQUcsQ0FBQyxDQUFDO0lBQ3ZCLENBQUM7SUFFRCxZQUFZO1FBQ1YsSUFBSSxDQUFDLFdBQVcsR0FBRyxDQUFDLENBQUM7SUFDdkIsQ0FBQzs7b0hBaERVLHVCQUF1Qjt3R0FBdkIsdUJBQXVCLHNGQ1hwQyx1c0ZBb0RNOzJGRHpDTyx1QkFBdUI7a0JBTG5DLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLGtCQUFrQjtvQkFDNUIsV0FBVyxFQUFFLG1DQUFtQztvQkFDaEQsU0FBUyxFQUFFLENBQUMsa0NBQWtDLENBQUM7aUJBQ2hEOzBFQUdVLE1BQU07c0JBQWQsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIE9uSW5pdCwgVmlld0NoaWxkIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBGb3JtQ29udHJvbCB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcbmltcG9ydCB7IE1pYUJpbGxpbmdQYWdlQ29uZmlnIH0gZnJvbSAnLi4vLi4vZW50aXRpZXMvbWlhX2JpbGxpbmdfcGFnZV9jb25maWcnO1xuaW1wb3J0IHsgTWlhQnV5SXRlbSB9IGZyb20gJy4uLy4uL2VudGl0aWVzL21pYV9idXlfaXRlbSc7XG5pbXBvcnQgeyBNaWFNZXRob2QgfSBmcm9tICcuLi8uLi9lbnRpdGllcy9taWFfbWV0aG9kJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnbWlhLWJpbGxpbmctcGFnZScsXG4gIHRlbXBsYXRlVXJsOiAnLi9taWEtYmlsbGluZy1wYWdlLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vbWlhLWJpbGxpbmctcGFnZS5jb21wb25lbnQuY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgTWlhQmlsbGluZ1BhZ2VDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuXG4gIEBJbnB1dCgpIGNvbmZpZyA9IG5ldyBNaWFCaWxsaW5nUGFnZUNvbmZpZygpO1xuXG4gIGN1cnJlbnRTdGVwID0gMDtcbiAgdHlwZU1vbnRoV2l0aEhhc0Rpc2NvdW50WWVhciA9IE1pYUJ1eUl0ZW0uVFlQRV9NT05USF9XSVRIX0hBU19ESVNDT1VOVF9ZRUFSO1xuXG4gIHRyYW5zYWN0aW9uOiBhbnkgPSB7fTtcblxuICBjb2RlRGlzY291bnQgPSBuZXcgRm9ybUNvbnRyb2woKTtcblxuICBjb25zdHJ1Y3RvcigpIHsgfVxuXG4gIG5nT25Jbml0KCk6IHZvaWQge1xuICAgIHRoaXMuY3VycmVudFN0ZXAgPSB0aGlzLmNvbmZpZy5zdGFydFN0ZXA7XG4gIH1cblxuICBvbkFwcGx5Q29kZURpc2NvdW50KCkge1xuXG4gIH1cblxuICBnZXRUb3RhbCgpOiBudW1iZXIge1xuICAgIGxldCB0b3RhbCA9IHRoaXMuZ2V0QW1vdW50KCk7XG4gICAgZm9yIChjb25zdCBkaXNjb3VudCBvZiB0aGlzLmNvbmZpZy5idXlJdGVtLmRpc2NvdW50cykge1xuICAgICAgdG90YWwgLT0gZGlzY291bnQuZGlzY291bnQ7XG4gICAgfVxuICAgIHJldHVybiB0b3RhbDtcbiAgfVxuXG4gIGdldEFtb3VudCgpOiBudW1iZXIge1xuICAgIGlmKHRoaXMuY29uZmlnLmJ1eUl0ZW0uc2VsZWN0ZWRDeWNsZSA9PSAxKXtcbiAgICAgIHJldHVybiAodGhpcy5jb25maWcuYnV5SXRlbS5hbW91bnQgLSAodGhpcy5jb25maWcuYnV5SXRlbS5hbW91bnQgKiAodGhpcy5jb25maWcuYnV5SXRlbS5wZXJjZW50RGlzY291bnRZZWFyIC8gMTAwKSkpICogMTI7XG4gICAgfVxuXG4gICAgcmV0dXJuIHRoaXMuY29uZmlnLmJ1eUl0ZW0uYW1vdW50O1xuICB9XG5cbiAgb25TdWNjZXNzUGF5bWVudCgpIHtcbiAgICB0aGlzLmN1cnJlbnRTdGVwID0gMjtcbiAgfVxuXG4gIG9uUmVjZWl2ZWRJbmZvKGluZm86IGFueSkge1xuICAgIGNvbnNvbGUubG9nKGluZm8pO1xuICAgIHRoaXMuY3VycmVudFN0ZXAgPSAxO1xuICB9XG5cbiAgb25CYWNrQ2hvaWNlKCkge1xuICAgIHRoaXMuY3VycmVudFN0ZXAgPSAwO1xuICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwibWlhLWJpbGxpbmctbGF5b3V0XCI+XG4gICAgPGRpdiAqbmdJZj1cImNvbmZpZy5sb2dvSW1hZ2UgJiYgY29uZmlnLmxvZ29JbWFnZSAhPSAnJ1wiIGNsYXNzPVwidG9vbGJhclwiPlxuICAgICAgICA8aW1nIFtzcmNdPVwiY29uZmlnLmxvZ29JbWFnZVwiIFthbHRdPVwiY29uZmlnLnRpdGxlXCIgLz5cbiAgICA8L2Rpdj5cblxuICAgIDwhLS08bWlhLWhlYWRlci1iaWxsaW5nICpuZ0lmPVwiY29uZmlnLmhhc0hlYWRlclwiIFt0aXRsZV09XCJjb25maWcudGl0bGVcIiBbbG9nb109XCJjb25maWcubG9nb0ltYWdlXCI+PC9taWEtaGVhZGVyLWJpbGxpbmc+XG4gICAgPG1pYS1zdGVwcy1iaWxsaW5nICNzdGVwc0NvbXAgW2N1cnJlbnRTdGVwXT1cImN1cnJlbnRTdGVwXCI+PC9taWEtc3RlcHMtYmlsbGluZz5cbiAgICA8bWlhLXJlc3VtZS1iaWxsaW5nIFtidXlJdGVtXT1cImNvbmZpZy5idXlJdGVtXCI+PC9taWEtcmVzdW1lLWJpbGxpbmc+LS0+XG5cbiAgICA8ZGl2IGNsYXNzPVwibWlhLWJpbGxpbmctY29udGFpbmVyXCI+XG5cbiAgICAgICAgPGRpdiBjbGFzcz1cIm1pYS1iaWxsaW5nLWNvbnRlbnRcIj5cbiAgICAgICAgICAgIDxtaWEtaW5mby1iaWxsaW5nICpuZ0lmPVwiY3VycmVudFN0ZXAgPT0gMFwiIFtpdGVtXT1cInRyYW5zYWN0aW9uXCIgKGNvbnRpbnVlKT1cIm9uUmVjZWl2ZWRJbmZvKCRldmVudClcIj48L21pYS1pbmZvLWJpbGxpbmc+XG4gICAgICAgICAgICA8bWlhLWNob2ljZS1iaWxsaW5nICpuZ0lmPVwiY3VycmVudFN0ZXAgPT0gMVwiIChiYWNrKT1cIm9uQmFja0Nob2ljZSgpXCIgKHN1Y2Nlc3MpPVwib25TdWNjZXNzUGF5bWVudCgpXCIgW2NvbmZpZ109XCJjb25maWdcIj48L21pYS1jaG9pY2UtYmlsbGluZz5cbiAgICAgICAgICAgIDxtaWEtc3VjY2Vzcy1iaWxsaW5nICpuZ0lmPVwiY3VycmVudFN0ZXAgPT0gMlwiPjwvbWlhLXN1Y2Nlc3MtYmlsbGluZz5cbiAgICAgICAgPC9kaXY+XG5cbiAgICAgICAgPGRpdiBjbGFzcz1cIm1pYS1iaWxsaW5nLWxhdGVyYWxcIj5cbiAgICAgICAgICAgIDxoMz57eyBjb25maWcuYnV5SXRlbS50aXRsZcKgfX08L2gzPlxuICAgICAgICAgICAgPHA+e3sgZ2V0QW1vdW50KCkgfMKgY3VycmVuY3kgfX0gKyB0YXhlczwvcD5cbiAgICAgICAgICAgIDxoMz5EZXRhbGxlczwvaDM+XG4gICAgICAgICAgICA8ZGl2ICpuZ0Zvcj1cImxldCBkZXRhaWwgb2YgY29uZmlnLmJ1eUl0ZW0uZGV0YWlsc1wiPlxuICAgICAgICAgICAgICAgIDxwPnt7IGRldGFpbMKgfX08L3A+XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgIDxtYXQtZGl2aWRlcj48L21hdC1kaXZpZGVyPlxuICAgICAgICAgICAgPHA+U3VidG90YWw6IHt7IGdldEFtb3VudCgpIHzCoGN1cnJlbmN5wqB9fTwvcD5cbiAgICAgICAgICAgIDxwICpuZ0Zvcj1cImxldCBkaXNjb3VudCBvZiBjb25maWcuYnV5SXRlbS5kaXNjb3VudHNcIj57eyBkaXNjb3VudC50aXRsZcKgfX0gLXt7IGRpc2NvdW50LmRpc2NvdW50IHzCoGN1cnJlbmN5IH19PC9wPlxuICAgICAgICAgICAgPG1hdC1kaXZpZGVyPjwvbWF0LWRpdmlkZXI+XG5cbiAgICAgICAgICAgIDxkaXYgKm5nSWY9XCJjb25maWcuaXNBbGxvd0NvZGVEaXNjb3VudFwiIGNsYXNzPVwiY29kZV9kaXNjb3VudFwiPlxuICAgICAgICAgICAgICAgIDxtYXQtZm9ybS1maWVsZD5cbiAgICAgICAgICAgICAgICAgICAgPG1hdC1sYWJlbD5BcGxpY2FyIGRlc2N1ZW50bzwvbWF0LWxhYmVsPlxuICAgICAgICAgICAgICAgICAgICA8aW5wdXQgbWF0SW5wdXQgdHlwZT1cImVtYWlsXCIgW2Zvcm1Db250cm9sXT1cImNvZGVEaXNjb3VudFwiIHBsYWNlaG9sZGVyPVwiQ29kaWdvIGRlIGRlc2N1ZW50b1wiIC8+XG4gICAgICAgICAgICAgICAgPC9tYXQtZm9ybS1maWVsZD5cbiAgICAgICAgICAgICAgICA8YnV0dG9uIG1hdC1idXR0b24gKGNsaWNrKT1cIm9uQXBwbHlDb2RlRGlzY291bnQoKVwiPkFwbGljYXI8L2J1dHRvbj5cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgPG1hdC1kaXZpZGVyICpuZ0lmPVwiY29uZmlnLmlzQWxsb3dDb2RlRGlzY291bnRcIj48L21hdC1kaXZpZGVyPlxuXG5cbiAgICAgICAgICAgIDxwPlRvdGFsOjwvcD5cbiAgICAgICAgICAgIDxwPnt7IGdldFRvdGFsKCkgfMKgY3VycmVuY3nCoH19PC9wPlxuICAgICAgICA8L2Rpdj5cblxuICAgICAgICBcbiAgICAgICAgXG4gICAgICAgIDwhLS08YXBwLXN0ZXAtaW5mbyAqbmdJZj1cImN1cnJlbnRTdGVwID09IDBcIiAoY29udGludWUpPVwib25OZXh0U3RlcCgpXCI+PC9hcHAtc3RlcC1pbmZvPlxuICAgICAgICA8ZGl2ICpuZ0lmPVwiY3VycmVudFN0ZXAgPT0gMVwiIHN0eWxlPVwiY29sb3I6IHdoaXRlXCI+PHA+bG9hZGluZy4uLjwvcD48L2Rpdj5cbiAgICAgICAgPGRpdiAqbmdJZj1cImN1cnJlbnRTdGVwID09IDJcIiBzdHlsZT1cImNvbG9yOiB3aGl0ZVwiPlxuICAgICAgICAgICAgPGRpdiAqbmdJZj1cImN1cnJlbnRUcmFuc2FjdGlvbi5zdGF0dXMgPT0gMVwiPllvdXIgcGF5bWVudCBoYXMgYmVlbiBhcHByb3ZlZC48L2Rpdj5cbiAgICAgICAgICAgIDxkaXYgKm5nSWY9XCJjdXJyZW50VHJhbnNhY3Rpb24uc3RhdHVzID09IDJcIj5XZSB3ZXJlIHVuYWJsZSB0byBwcm9jZXNzIHlvdXIgcGF5bWVudCwgcGxlYXNlIHRyeSBhZ2Fpbi48L2Rpdj5cbiAgICAgICAgPC9kaXY+LS0+XG4gICAgPC9kaXY+XG48L2Rpdj4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWlhLWJpbGxpbmctcGFnZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hZ2VuY3ljb2RhL21pYS1iaWxsaW5nL3NyYy9saWIvY29tcG9uZW50cy9taWEtYmlsbGluZy1wYWdlL21pYS1iaWxsaW5nLXBhZ2UuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYWdlbmN5Y29kYS9taWEtYmlsbGluZy9zcmMvbGliL2NvbXBvbmVudHMvbWlhLWJpbGxpbmctcGFnZS9taWEtYmlsbGluZy1wYWdlLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBVSxNQUFNLEVBQWEsTUFBTSxlQUFlLENBQUM7QUFDMUYsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQzdDLE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxNQUFNLHdDQUF3QyxDQUFDO0FBQzlFLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQzs7Ozs7Ozs7O0FBUXpELE1BQU0sT0FBTyx1QkFBdUI7SUFZbEM7UUFWUyxXQUFNLEdBQUcsSUFBSSxvQkFBb0IsRUFBRSxDQUFDO1FBQ25DLGtCQUFhLEdBQUcsSUFBSSxZQUFZLEVBQVUsQ0FBQztRQUVyRCxnQkFBVyxHQUFHLENBQUMsQ0FBQztRQUNoQixpQ0FBNEIsR0FBRyxVQUFVLENBQUMsaUNBQWlDLENBQUM7UUFFNUUsZ0JBQVcsR0FBUSxFQUFFLENBQUM7UUFFdEIsaUJBQVksR0FBRyxJQUFJLFdBQVcsRUFBRSxDQUFDO0lBRWpCLENBQUM7SUFFakIsUUFBUTtRQUNOLElBQUksQ0FBQyxXQUFXLEdBQUcsSUFBSSxDQUFDLE1BQU0sQ0FBQyxTQUFTLENBQUM7SUFDM0MsQ0FBQztJQUVELG1CQUFtQjtRQUNqQixJQUFJLENBQUMsYUFBYSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsWUFBWSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQ25ELENBQUM7SUFFRCxRQUFRO1FBQ04sSUFBSSxLQUFLLEdBQUcsSUFBSSxDQUFDLFNBQVMsRUFBRSxDQUFDO1FBQzdCLEtBQUssTUFBTSxRQUFRLElBQUksSUFBSSxDQUFDLE1BQU0sQ0FBQyxPQUFPLENBQUMsU0FBUyxFQUFFO1lBQ3BELEtBQUssSUFBSSxRQUFRLENBQUMsUUFBUSxDQUFDO1NBQzVCO1FBQ0QsT0FBTyxLQUFLLENBQUM7SUFDZixDQUFDO0lBRUQsU0FBUztRQUNQLElBQUcsSUFBSSxDQUFDLE1BQU0sQ0FBQyxPQUFPLENBQUMsYUFBYSxJQUFJLENBQUMsRUFBQztZQUN4QyxPQUFPLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxPQUFPLENBQUMsTUFBTSxHQUFHLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxPQUFPLENBQUMsTUFBTSxHQUFHLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxPQUFPLENBQUMsbUJBQW1CLEdBQUcsR0FBRyxDQUFDLENBQUMsQ0FBQyxHQUFHLEVBQUUsQ0FBQztTQUMzSDtRQUVELE9BQU8sSUFBSSxDQUFDLE1BQU0sQ0FBQyxPQUFPLENBQUMsTUFBTSxDQUFDO0lBQ3BDLENBQUM7SUFFRCxnQkFBZ0I7UUFDZCxJQUFJLENBQUMsV0FBVyxHQUFHLENBQUMsQ0FBQztJQUN2QixDQUFDO0lBRUQsY0FBYyxDQUFDLElBQVM7UUFDdEIsT0FBTyxDQUFDLEdBQUcsQ0FBQyxJQUFJLENBQUMsQ0FBQztRQUNsQixJQUFJLENBQUMsV0FBVyxHQUFHLENBQUMsQ0FBQztJQUN2QixDQUFDO0lBRUQsWUFBWTtRQUNWLElBQUksQ0FBQyxXQUFXLEdBQUcsQ0FBQyxDQUFDO0lBQ3ZCLENBQUM7O29IQWpEVSx1QkFBdUI7d0dBQXZCLHVCQUF1QixtSUNYcEMsdXNGQW9ETTsyRkR6Q08sdUJBQXVCO2tCQUxuQyxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSxrQkFBa0I7b0JBQzVCLFdBQVcsRUFBRSxtQ0FBbUM7b0JBQ2hELFNBQVMsRUFBRSxDQUFDLGtDQUFrQyxDQUFDO2lCQUNoRDswRUFHVSxNQUFNO3NCQUFkLEtBQUs7Z0JBQ0ksYUFBYTtzQkFBdEIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT25Jbml0LCBPdXRwdXQsIFZpZXdDaGlsZCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRm9ybUNvbnRyb2wgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5pbXBvcnQgeyBNaWFCaWxsaW5nUGFnZUNvbmZpZyB9IGZyb20gJy4uLy4uL2VudGl0aWVzL21pYV9iaWxsaW5nX3BhZ2VfY29uZmlnJztcbmltcG9ydCB7IE1pYUJ1eUl0ZW0gfSBmcm9tICcuLi8uLi9lbnRpdGllcy9taWFfYnV5X2l0ZW0nO1xuaW1wb3J0IHsgTWlhTWV0aG9kIH0gZnJvbSAnLi4vLi4vZW50aXRpZXMvbWlhX21ldGhvZCc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ21pYS1iaWxsaW5nLXBhZ2UnLFxuICB0ZW1wbGF0ZVVybDogJy4vbWlhLWJpbGxpbmctcGFnZS5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL21pYS1iaWxsaW5nLXBhZ2UuY29tcG9uZW50LmNzcyddXG59KVxuZXhwb3J0IGNsYXNzIE1pYUJpbGxpbmdQYWdlQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcblxuICBASW5wdXQoKSBjb25maWcgPSBuZXcgTWlhQmlsbGluZ1BhZ2VDb25maWcoKTtcbiAgQE91dHB1dCgpIGFwcGx5RGlzY291bnQgPSBuZXcgRXZlbnRFbWl0dGVyPHN0cmluZz4oKTtcblxuICBjdXJyZW50U3RlcCA9IDA7XG4gIHR5cGVNb250aFdpdGhIYXNEaXNjb3VudFllYXIgPSBNaWFCdXlJdGVtLlRZUEVfTU9OVEhfV0lUSF9IQVNfRElTQ09VTlRfWUVBUjtcblxuICB0cmFuc2FjdGlvbjogYW55ID0ge307XG5cbiAgY29kZURpc2NvdW50ID0gbmV3IEZvcm1Db250cm9sKCk7XG5cbiAgY29uc3RydWN0b3IoKSB7IH1cblxuICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICB0aGlzLmN1cnJlbnRTdGVwID0gdGhpcy5jb25maWcuc3RhcnRTdGVwO1xuICB9XG5cbiAgb25BcHBseUNvZGVEaXNjb3VudCgpIHtcbiAgICB0aGlzLmFwcGx5RGlzY291bnQuZW1pdCh0aGlzLmNvZGVEaXNjb3VudC52YWx1ZSk7XG4gIH1cblxuICBnZXRUb3RhbCgpOiBudW1iZXIge1xuICAgIGxldCB0b3RhbCA9IHRoaXMuZ2V0QW1vdW50KCk7XG4gICAgZm9yIChjb25zdCBkaXNjb3VudCBvZiB0aGlzLmNvbmZpZy5idXlJdGVtLmRpc2NvdW50cykge1xuICAgICAgdG90YWwgLT0gZGlzY291bnQuZGlzY291bnQ7XG4gICAgfVxuICAgIHJldHVybiB0b3RhbDtcbiAgfVxuXG4gIGdldEFtb3VudCgpOiBudW1iZXIge1xuICAgIGlmKHRoaXMuY29uZmlnLmJ1eUl0ZW0uc2VsZWN0ZWRDeWNsZSA9PSAxKXtcbiAgICAgIHJldHVybiAodGhpcy5jb25maWcuYnV5SXRlbS5hbW91bnQgLSAodGhpcy5jb25maWcuYnV5SXRlbS5hbW91bnQgKiAodGhpcy5jb25maWcuYnV5SXRlbS5wZXJjZW50RGlzY291bnRZZWFyIC8gMTAwKSkpICogMTI7XG4gICAgfVxuXG4gICAgcmV0dXJuIHRoaXMuY29uZmlnLmJ1eUl0ZW0uYW1vdW50O1xuICB9XG5cbiAgb25TdWNjZXNzUGF5bWVudCgpIHtcbiAgICB0aGlzLmN1cnJlbnRTdGVwID0gMjtcbiAgfVxuXG4gIG9uUmVjZWl2ZWRJbmZvKGluZm86IGFueSkge1xuICAgIGNvbnNvbGUubG9nKGluZm8pO1xuICAgIHRoaXMuY3VycmVudFN0ZXAgPSAxO1xuICB9XG5cbiAgb25CYWNrQ2hvaWNlKCkge1xuICAgIHRoaXMuY3VycmVudFN0ZXAgPSAwO1xuICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwibWlhLWJpbGxpbmctbGF5b3V0XCI+XG4gICAgPGRpdiAqbmdJZj1cImNvbmZpZy5sb2dvSW1hZ2UgJiYgY29uZmlnLmxvZ29JbWFnZSAhPSAnJ1wiIGNsYXNzPVwidG9vbGJhclwiPlxuICAgICAgICA8aW1nIFtzcmNdPVwiY29uZmlnLmxvZ29JbWFnZVwiIFthbHRdPVwiY29uZmlnLnRpdGxlXCIgLz5cbiAgICA8L2Rpdj5cblxuICAgIDwhLS08bWlhLWhlYWRlci1iaWxsaW5nICpuZ0lmPVwiY29uZmlnLmhhc0hlYWRlclwiIFt0aXRsZV09XCJjb25maWcudGl0bGVcIiBbbG9nb109XCJjb25maWcubG9nb0ltYWdlXCI+PC9taWEtaGVhZGVyLWJpbGxpbmc+XG4gICAgPG1pYS1zdGVwcy1iaWxsaW5nICNzdGVwc0NvbXAgW2N1cnJlbnRTdGVwXT1cImN1cnJlbnRTdGVwXCI+PC9taWEtc3RlcHMtYmlsbGluZz5cbiAgICA8bWlhLXJlc3VtZS1iaWxsaW5nIFtidXlJdGVtXT1cImNvbmZpZy5idXlJdGVtXCI+PC9taWEtcmVzdW1lLWJpbGxpbmc+LS0+XG5cbiAgICA8ZGl2IGNsYXNzPVwibWlhLWJpbGxpbmctY29udGFpbmVyXCI+XG5cbiAgICAgICAgPGRpdiBjbGFzcz1cIm1pYS1iaWxsaW5nLWNvbnRlbnRcIj5cbiAgICAgICAgICAgIDxtaWEtaW5mby1iaWxsaW5nICpuZ0lmPVwiY3VycmVudFN0ZXAgPT0gMFwiIFtpdGVtXT1cInRyYW5zYWN0aW9uXCIgKGNvbnRpbnVlKT1cIm9uUmVjZWl2ZWRJbmZvKCRldmVudClcIj48L21pYS1pbmZvLWJpbGxpbmc+XG4gICAgICAgICAgICA8bWlhLWNob2ljZS1iaWxsaW5nICpuZ0lmPVwiY3VycmVudFN0ZXAgPT0gMVwiIChiYWNrKT1cIm9uQmFja0Nob2ljZSgpXCIgKHN1Y2Nlc3MpPVwib25TdWNjZXNzUGF5bWVudCgpXCIgW2NvbmZpZ109XCJjb25maWdcIj48L21pYS1jaG9pY2UtYmlsbGluZz5cbiAgICAgICAgICAgIDxtaWEtc3VjY2Vzcy1iaWxsaW5nICpuZ0lmPVwiY3VycmVudFN0ZXAgPT0gMlwiPjwvbWlhLXN1Y2Nlc3MtYmlsbGluZz5cbiAgICAgICAgPC9kaXY+XG5cbiAgICAgICAgPGRpdiBjbGFzcz1cIm1pYS1iaWxsaW5nLWxhdGVyYWxcIj5cbiAgICAgICAgICAgIDxoMz57eyBjb25maWcuYnV5SXRlbS50aXRsZcKgfX08L2gzPlxuICAgICAgICAgICAgPHA+e3sgZ2V0QW1vdW50KCkgfMKgY3VycmVuY3kgfX0gKyB0YXhlczwvcD5cbiAgICAgICAgICAgIDxoMz5EZXRhbGxlczwvaDM+XG4gICAgICAgICAgICA8ZGl2ICpuZ0Zvcj1cImxldCBkZXRhaWwgb2YgY29uZmlnLmJ1eUl0ZW0uZGV0YWlsc1wiPlxuICAgICAgICAgICAgICAgIDxwPnt7IGRldGFpbMKgfX08L3A+XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgIDxtYXQtZGl2aWRlcj48L21hdC1kaXZpZGVyPlxuICAgICAgICAgICAgPHA+U3VidG90YWw6IHt7IGdldEFtb3VudCgpIHzCoGN1cnJlbmN5wqB9fTwvcD5cbiAgICAgICAgICAgIDxwICpuZ0Zvcj1cImxldCBkaXNjb3VudCBvZiBjb25maWcuYnV5SXRlbS5kaXNjb3VudHNcIj57eyBkaXNjb3VudC50aXRsZcKgfX0gLXt7IGRpc2NvdW50LmRpc2NvdW50IHzCoGN1cnJlbmN5IH19PC9wPlxuICAgICAgICAgICAgPG1hdC1kaXZpZGVyPjwvbWF0LWRpdmlkZXI+XG5cbiAgICAgICAgICAgIDxkaXYgKm5nSWY9XCJjb25maWcuaXNBbGxvd0NvZGVEaXNjb3VudFwiIGNsYXNzPVwiY29kZV9kaXNjb3VudFwiPlxuICAgICAgICAgICAgICAgIDxtYXQtZm9ybS1maWVsZD5cbiAgICAgICAgICAgICAgICAgICAgPG1hdC1sYWJlbD5BcGxpY2FyIGRlc2N1ZW50bzwvbWF0LWxhYmVsPlxuICAgICAgICAgICAgICAgICAgICA8aW5wdXQgbWF0SW5wdXQgdHlwZT1cImVtYWlsXCIgW2Zvcm1Db250cm9sXT1cImNvZGVEaXNjb3VudFwiIHBsYWNlaG9sZGVyPVwiQ29kaWdvIGRlIGRlc2N1ZW50b1wiIC8+XG4gICAgICAgICAgICAgICAgPC9tYXQtZm9ybS1maWVsZD5cbiAgICAgICAgICAgICAgICA8YnV0dG9uIG1hdC1idXR0b24gKGNsaWNrKT1cIm9uQXBwbHlDb2RlRGlzY291bnQoKVwiPkFwbGljYXI8L2J1dHRvbj5cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgPG1hdC1kaXZpZGVyICpuZ0lmPVwiY29uZmlnLmlzQWxsb3dDb2RlRGlzY291bnRcIj48L21hdC1kaXZpZGVyPlxuXG5cbiAgICAgICAgICAgIDxwPlRvdGFsOjwvcD5cbiAgICAgICAgICAgIDxwPnt7IGdldFRvdGFsKCkgfMKgY3VycmVuY3nCoH19PC9wPlxuICAgICAgICA8L2Rpdj5cblxuICAgICAgICBcbiAgICAgICAgXG4gICAgICAgIDwhLS08YXBwLXN0ZXAtaW5mbyAqbmdJZj1cImN1cnJlbnRTdGVwID09IDBcIiAoY29udGludWUpPVwib25OZXh0U3RlcCgpXCI+PC9hcHAtc3RlcC1pbmZvPlxuICAgICAgICA8ZGl2ICpuZ0lmPVwiY3VycmVudFN0ZXAgPT0gMVwiIHN0eWxlPVwiY29sb3I6IHdoaXRlXCI+PHA+bG9hZGluZy4uLjwvcD48L2Rpdj5cbiAgICAgICAgPGRpdiAqbmdJZj1cImN1cnJlbnRTdGVwID09IDJcIiBzdHlsZT1cImNvbG9yOiB3aGl0ZVwiPlxuICAgICAgICAgICAgPGRpdiAqbmdJZj1cImN1cnJlbnRUcmFuc2FjdGlvbi5zdGF0dXMgPT0gMVwiPllvdXIgcGF5bWVudCBoYXMgYmVlbiBhcHByb3ZlZC48L2Rpdj5cbiAgICAgICAgICAgIDxkaXYgKm5nSWY9XCJjdXJyZW50VHJhbnNhY3Rpb24uc3RhdHVzID09IDJcIj5XZSB3ZXJlIHVuYWJsZSB0byBwcm9jZXNzIHlvdXIgcGF5bWVudCwgcGxlYXNlIHRyeSBhZ2Fpbi48L2Rpdj5cbiAgICAgICAgPC9kaXY+LS0+XG4gICAgPC9kaXY+XG48L2Rpdj4iXX0=

fesm2015/agencycoda-mia-billing.js

@@ -341,2 +341,3 @@ import { MiaModel, MiaBaseCrudHttpService, MiaCoreModule } from '@agencycoda/mia-core';
         this.config = new MiaBillingPageConfig();
+        this.applyDiscount = new EventEmitter();
         this.currentStep = 0;
@@ -351,2 +352,3 @@ this.typeMonthWithHasDiscountYear = MiaBuyItem.TYPE_MONTH_WITH_HAS_DISCOUNT_YEAR;
     onApplyCodeDiscount() {
+        this.applyDiscount.emit(this.codeDiscount.value);
     }
@@ -378,3 +380,3 @@ getTotal() {
 MiaBillingPageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: MiaBillingPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-MiaBillingPageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.5", type: MiaBillingPageComponent, selector: "mia-billing-page", inputs: { config: "config" }, ngImport: i0, template: "<div class=\"mia-billing-layout\">\n    <div *ngIf=\"config.logoImage && config.logoImage != ''\" class=\"toolbar\">\n        <img [src]=\"config.logoImage\" [alt]=\"config.title\" />\n    </div>\n\n    <!--<mia-header-billing *ngIf=\"config.hasHeader\" [title]=\"config.title\" [logo]=\"config.logoImage\"></mia-header-billing>\n    <mia-steps-billing #stepsComp [currentStep]=\"currentStep\"></mia-steps-billing>\n    <mia-resume-billing [buyItem]=\"config.buyItem\"></mia-resume-billing>-->\n\n    <div class=\"mia-billing-container\">\n\n        <div class=\"mia-billing-content\">\n            <mia-info-billing *ngIf=\"currentStep == 0\" [item]=\"transaction\" (continue)=\"onReceivedInfo($event)\"></mia-info-billing>\n            <mia-choice-billing *ngIf=\"currentStep == 1\" (back)=\"onBackChoice()\" (success)=\"onSuccessPayment()\" [config]=\"config\"></mia-choice-billing>\n            <mia-success-billing *ngIf=\"currentStep == 2\"></mia-success-billing>\n        </div>\n\n        <div class=\"mia-billing-lateral\">\n            <h3>{{ config.buyItem.title\u00A0}}</h3>\n            <p>{{ getAmount() |\u00A0currency }} + taxes</p>\n            <h3>Detalles</h3>\n            <div *ngFor=\"let detail of config.buyItem.details\">\n                <p>{{ detail\u00A0}}</p>\n            </div>\n            <mat-divider></mat-divider>\n            <p>Subtotal: {{ getAmount() |\u00A0currency\u00A0}}</p>\n            <p *ngFor=\"let discount of config.buyItem.discounts\">{{ discount.title\u00A0}} -{{ discount.discount |\u00A0currency }}</p>\n            <mat-divider></mat-divider>\n\n            <div *ngIf=\"config.isAllowCodeDiscount\" class=\"code_discount\">\n                <mat-form-field>\n                    <mat-label>Aplicar descuento</mat-label>\n                    <input matInput type=\"email\" [formControl]=\"codeDiscount\" placeholder=\"Codigo de descuento\" />\n                </mat-form-field>\n                <button mat-button (click)=\"onApplyCodeDiscount()\">Aplicar</button>\n            </div>\n            <mat-divider *ngIf=\"config.isAllowCodeDiscount\"></mat-divider>\n\n\n            <p>Total:</p>\n            <p>{{ getTotal() |\u00A0currency\u00A0}}</p>\n        </div>\n\n        \n        \n        <!--<app-step-info *ngIf=\"currentStep == 0\" (continue)=\"onNextStep()\"></app-step-info>\n        <div *ngIf=\"currentStep == 1\" style=\"color: white\"><p>loading...</p></div>\n        <div *ngIf=\"currentStep == 2\" style=\"color: white\">\n            <div *ngIf=\"currentTransaction.status == 1\">Your payment has been approved.</div>\n            <div *ngIf=\"currentTransaction.status == 2\">We were unable to process your payment, please try again.</div>\n        </div>-->\n    </div>\n</div>", styles: [".mia-billing-layout{background-color:#f6f8fc;padding:1em;min-height:100vh;box-sizing:border-box}.mia-billing-container{display:flex;align-items:flex-start;width:1200px;max-width:100%;margin:auto}.mia-billing-container .mia-billing-content{margin-right:2em}.mia-billing-container .mia-billing-lateral{width:300px;max-width:100%;background-color:#fff;border-radius:8px;box-sizing:border-box;padding:1em}@media only screen and (max-width:599px){.mia-billing-container{flex-direction:column}.mia-billing-container .mia-billing-content{order:2;margin-right:0;margin-top:2em}}"], components: [{ type: MiaInfoBillingComponent, selector: "mia-info-billing", inputs: ["item"], outputs: ["continue"] }, { type: MiaChoiceBillingComponent, selector: "mia-choice-billing", inputs: ["config"], outputs: ["back", "success"] }, { type: MiaSuccessBillingComponent, selector: "mia-success-billing" }, { type: i4.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { type: i5$1.MatFormField, selector: "mat-form-field", inputs: ["color", "floatLabel", "appearance", "hideRequiredMarker", "hintLabel"], exportAs: ["matFormField"] }], directives: [{ type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i5.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i5$1.MatLabel, selector: "mat-label" }, { type: i7.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i7.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i7.FormControlDirective, selector: "[formControl]", inputs: ["disabled", "formControl", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }], pipes: { "currency": i5.CurrencyPipe } });
+MiaBillingPageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.5", type: MiaBillingPageComponent, selector: "mia-billing-page", inputs: { config: "config" }, outputs: { applyDiscount: "applyDiscount" }, ngImport: i0, template: "<div class=\"mia-billing-layout\">\n    <div *ngIf=\"config.logoImage && config.logoImage != ''\" class=\"toolbar\">\n        <img [src]=\"config.logoImage\" [alt]=\"config.title\" />\n    </div>\n\n    <!--<mia-header-billing *ngIf=\"config.hasHeader\" [title]=\"config.title\" [logo]=\"config.logoImage\"></mia-header-billing>\n    <mia-steps-billing #stepsComp [currentStep]=\"currentStep\"></mia-steps-billing>\n    <mia-resume-billing [buyItem]=\"config.buyItem\"></mia-resume-billing>-->\n\n    <div class=\"mia-billing-container\">\n\n        <div class=\"mia-billing-content\">\n            <mia-info-billing *ngIf=\"currentStep == 0\" [item]=\"transaction\" (continue)=\"onReceivedInfo($event)\"></mia-info-billing>\n            <mia-choice-billing *ngIf=\"currentStep == 1\" (back)=\"onBackChoice()\" (success)=\"onSuccessPayment()\" [config]=\"config\"></mia-choice-billing>\n            <mia-success-billing *ngIf=\"currentStep == 2\"></mia-success-billing>\n        </div>\n\n        <div class=\"mia-billing-lateral\">\n            <h3>{{ config.buyItem.title\u00A0}}</h3>\n            <p>{{ getAmount() |\u00A0currency }} + taxes</p>\n            <h3>Detalles</h3>\n            <div *ngFor=\"let detail of config.buyItem.details\">\n                <p>{{ detail\u00A0}}</p>\n            </div>\n            <mat-divider></mat-divider>\n            <p>Subtotal: {{ getAmount() |\u00A0currency\u00A0}}</p>\n            <p *ngFor=\"let discount of config.buyItem.discounts\">{{ discount.title\u00A0}} -{{ discount.discount |\u00A0currency }}</p>\n            <mat-divider></mat-divider>\n\n            <div *ngIf=\"config.isAllowCodeDiscount\" class=\"code_discount\">\n                <mat-form-field>\n                    <mat-label>Aplicar descuento</mat-label>\n                    <input matInput type=\"email\" [formControl]=\"codeDiscount\" placeholder=\"Codigo de descuento\" />\n                </mat-form-field>\n                <button mat-button (click)=\"onApplyCodeDiscount()\">Aplicar</button>\n            </div>\n            <mat-divider *ngIf=\"config.isAllowCodeDiscount\"></mat-divider>\n\n\n            <p>Total:</p>\n            <p>{{ getTotal() |\u00A0currency\u00A0}}</p>\n        </div>\n\n        \n        \n        <!--<app-step-info *ngIf=\"currentStep == 0\" (continue)=\"onNextStep()\"></app-step-info>\n        <div *ngIf=\"currentStep == 1\" style=\"color: white\"><p>loading...</p></div>\n        <div *ngIf=\"currentStep == 2\" style=\"color: white\">\n            <div *ngIf=\"currentTransaction.status == 1\">Your payment has been approved.</div>\n            <div *ngIf=\"currentTransaction.status == 2\">We were unable to process your payment, please try again.</div>\n        </div>-->\n    </div>\n</div>", styles: [".mia-billing-layout{background-color:#f6f8fc;padding:1em;min-height:100vh;box-sizing:border-box}.mia-billing-container{display:flex;align-items:flex-start;width:1200px;max-width:100%;margin:auto}.mia-billing-container .mia-billing-content{margin-right:2em}.mia-billing-container .mia-billing-lateral{width:300px;max-width:100%;background-color:#fff;border-radius:8px;box-sizing:border-box;padding:1em}@media only screen and (max-width:599px){.mia-billing-container{flex-direction:column}.mia-billing-container .mia-billing-content{order:2;margin-right:0;margin-top:2em}}"], components: [{ type: MiaInfoBillingComponent, selector: "mia-info-billing", inputs: ["item"], outputs: ["continue"] }, { type: MiaChoiceBillingComponent, selector: "mia-choice-billing", inputs: ["config"], outputs: ["back", "success"] }, { type: MiaSuccessBillingComponent, selector: "mia-success-billing" }, { type: i4.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { type: i5$1.MatFormField, selector: "mat-form-field", inputs: ["color", "floatLabel", "appearance", "hideRequiredMarker", "hintLabel"], exportAs: ["matFormField"] }], directives: [{ type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i5.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i5$1.MatLabel, selector: "mat-label" }, { type: i7.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i7.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i7.FormControlDirective, selector: "[formControl]", inputs: ["disabled", "formControl", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }], pipes: { "currency": i5.CurrencyPipe } });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: MiaBillingPageComponent, decorators: [{
@@ -389,2 +391,4 @@ type: Component,
                 type: Input
+            }], applyDiscount: [{
+                type: Output
             }] } });
@@ -391,0 +395,0 @@

lib/components/mia-billing-page/mia-billing-page.component.d.ts

@@ -1,2 +0,2 @@
-import { OnInit } from '@angular/core';
+import { EventEmitter, OnInit } from '@angular/core';
 import { FormControl } from '@angular/forms';
@@ -7,2 +7,3 @@ import { MiaBillingPageConfig } from '../../entities/mia_billing_page_config';
     config: MiaBillingPageConfig;
+    applyDiscount: EventEmitter<string>;
     currentStep: number;
@@ -21,3 +22,3 @@ typeMonthWithHasDiscountYear: number;
     static ɵfac: i0.ɵɵFactoryDeclaration<MiaBillingPageComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MiaBillingPageComponent, "mia-billing-page", never, { "config": "config"; }, {}, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MiaBillingPageComponent, "mia-billing-page", never, { "config": "config"; }, { "applyDiscount": "applyDiscount"; }, never, never>;
 }

package.json

 {
   "name": "@agencycoda/mia-billing",
-  "version": "0.0.8",
+  "version": "0.0.9",
   "peerDependencies": {
@@ -5,0 +5,0 @@ "@angular/common": ">=12.0.0",

No alert changes

Improved metrics

Total package byte prevSize

316819

increased by0.53%

Lines of code

2631

increased by0.53%

No dependency changes