tickera-angular-components 0.0.1-dev.107 → 0.0.1-dev.109

package/fesm2022/tickera-angular-components.mjs

@@ -149,7 +149,8 @@ var order$1 = {
 	itemType: {
 		PRODUCT: "Producto",
 		TICKET: "Entrada",
-		GIFT_BOND: "Bono de regalo"
+		GIFT_BOND: "Bono de regalo",
+		CORPORATE_BOND: "Bono corporativo"
 	},
 	discountTypes: {
 		gift_bond: "Bono de regalo",
@@ -310,7 +311,8 @@ var order = {
 	itemType: {
 		PRODUCT: "Product",
 		TICKET: "Ticket",
-		GIFT_BOND: "Gift bond"
+		GIFT_BOND: "Gift bond",
+		CORPORATE_BOND: "Corporate bond"
 	},
 	discountTypes: {
 		gift_bond: "Product",
@@ -566,6 +568,19 @@ const VENUES_API_ROUTES = {
     deleteOneImage: (venueId, imageId) => '/venues/' + venueId + '/images/' + imageId,
 };
 
+const VIP_CARDS_API_ROUTES = {
+    findAll: '/admin/vip-cards',
+    findOne: (id) => `/admin/vip-cards/${id}`,
+    activateAdmin: '/admin/vip-cards/activate',
+    rechargeAdmin: (id) => `/admin/vip-cards/${id}/recharge`,
+    updateStatus: (id) => `/admin/vip-cards/${id}/status`,
+    updateTerms: (id) => `/admin/vip-cards/${id}/terms`,
+    transactions: (id) => `/admin/vip-cards/${id}/transactions`,
+    findMy: '/vip-cards/my',
+    activate: '/vip-cards/activate',
+    recharge: '/vip-cards/recharge',
+};
+
 const BUTTON_VARIANT_CLASSES = {
     primary: 'btn-primary',
     secondary: 'btn-secondary',
@@ -727,6 +742,7 @@ var OrderItemType;
     OrderItemType["TICKET"] = "TICKET";
     OrderItemType["PRODUCT"] = "PRODUCT";
     OrderItemType["GIFT_BOND"] = "GIFT_BOND";
+    OrderItemType["CORPORATE_BOND"] = "CORPORATE_BOND";
 })(OrderItemType || (OrderItemType = {}));
 
 var OrderStatus;
@@ -756,6 +772,20 @@ var PaymentMethod;
     PaymentMethod["MERCADO_PAGO"] = "mercado_pago";
 })(PaymentMethod || (PaymentMethod = {}));
 
+var VipCardStatus;
+(function (VipCardStatus) {
+    VipCardStatus["ACTIVE"] = "ACTIVE";
+    VipCardStatus["INACTIVE"] = "INACTIVE";
+    VipCardStatus["EXPIRED"] = "EXPIRED";
+})(VipCardStatus || (VipCardStatus = {}));
+
+var VipTransactionType;
+(function (VipTransactionType) {
+    VipTransactionType["INITIAL_RECHARGE"] = "INITIAL_RECHARGE";
+    VipTransactionType["RECHARGE"] = "RECHARGE";
+    VipTransactionType["PURCHASE_PAYMENT"] = "PURCHASE_PAYMENT";
+})(VipTransactionType || (VipTransactionType = {}));
+
 const PAYMENT_METHODS_OPTIONS = [
     { value: 'credit_card', label: 'paymentMethod.creditCard' },
     { value: 'debit_card', label: 'paymentMethod.debitCard' },
@@ -776,6 +806,7 @@ const ORDER_ITEM_TYPES_COLORS = {
     TICKET: { text: '#1d4ed8', bg: '#eff6ff' },
     PRODUCT: { text: '#7e22ce', bg: '#faf5ff' },
     GIFT_BOND: { text: '#ca8a04', bg: '#fefce8' },
+    CORPORATE_BOND: { text: '#0d9488', bg: '#ccfbf1' },
 };
 const ORDER_DISCOUNT_COLORS = {
     coupon: { text: '#1d4ed8', bg: '#eff6ff' },
@@ -3914,6 +3945,59 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImpo
             args: [{ providedIn: 'root' }]
         }] });
 
+class VipCardService {
+    apiService;
+    constructor(apiService) {
+        this.apiService = apiService;
+    }
+    findMy() {
+        return this.apiService.get(VIP_CARDS_API_ROUTES.findMy);
+    }
+    activate(data) {
+        return this.apiService.post(VIP_CARDS_API_ROUTES.activate, data);
+    }
+    recharge(data) {
+        return this.apiService.post(VIP_CARDS_API_ROUTES.recharge, data);
+    }
+    fetchAll(queryParams = {}) {
+        const searchParams = new URLSearchParams();
+        Object.entries(queryParams).forEach(([key, value]) => {
+            if (value !== undefined && value !== null) {
+                searchParams.append(key, String(value));
+            }
+        });
+        const queryString = searchParams.toString();
+        const route = `${VIP_CARDS_API_ROUTES.findAll}${queryString ? '?' + queryString : ''}`;
+        return this.apiService.get(route);
+    }
+    fetchOneById(id) {
+        return this.apiService.get(VIP_CARDS_API_ROUTES.findOne(id));
+    }
+    activateAdmin(data) {
+        return this.apiService.post(VIP_CARDS_API_ROUTES.activateAdmin, data);
+    }
+    rechargeAdmin(id, data) {
+        return this.apiService.post(VIP_CARDS_API_ROUTES.rechargeAdmin(id), data);
+    }
+    updateStatus(id, status) {
+        return this.apiService.patch(VIP_CARDS_API_ROUTES.updateStatus(id), {
+            status,
+        });
+    }
+    updateTerms(id) {
+        return this.apiService.patch(VIP_CARDS_API_ROUTES.updateTerms(id), {});
+    }
+    fetchTransactions(id, page = 1, limit = 20) {
+        return this.apiService.get(`${VIP_CARDS_API_ROUTES.transactions(id)}?page=${page}&limit=${limit}`);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: VipCardService, deps: [{ token: ApiService }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: VipCardService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: VipCardService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }], ctorParameters: () => [{ type: ApiService }] });
+
 const authInterceptor = (req, next) => {
     const platformId = inject(PLATFORM_ID);
     const config = inject(TICKERA_COMPONENTS_CONFIG);
@@ -8611,6 +8695,9 @@ class OrderItemsComponent {
     get giftBonds() {
         return this.orderItems?.filter(({ item_type }) => item_type === OrderItemType.GIFT_BOND) ?? [];
     }
+    get corporateBonds() {
+        return this.orderItems?.filter(({ item_type }) => item_type === OrderItemType.CORPORATE_BOND) ?? [];
+    }
     get showActionColumn() {
         return this.order.status === 'completed' && this.tickets.length > 0;
     }
@@ -8630,13 +8717,16 @@ class OrderItemsComponent {
         const giftBonds = this.giftBonds?.reduce((accumulator, currentTicket) => {
             return accumulator + currentTicket?.normal_price;
         }, 0);
-        return { products, tickets, giftBonds };
+        const corporateBonds = this.corporateBonds?.reduce((accumulator, currentTicket) => {
+            return accumulator + currentTicket?.normal_price;
+        }, 0);
+        return { products, tickets, giftBonds, corporateBonds };
     }
     openTicketQr(ticketUuid, description) {
         this.ticketQrModalService.open(ticketUuid, description);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: OrderItemsComponent, deps: [{ token: TicketQrModalService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.25", type: OrderItemsComponent, isStandalone: true, selector: "order-items", inputs: { order: "order" }, ngImport: i0, template: "@if (!!order) {\n  <div class=\"order-items\">\n    <div class=\"order-items__header\">\n      <p class=\"order-items__header-title\">\n        Informaci\u00F3n de los art\u00EDculos comprados ({{ order.order_items.length | number: '1.0' }})\n      </p>\n    </div>\n    <div class=\"order-items__table-container\">\n      <table class=\"order-items__table\">\n        <thead class=\"order-items__table-head\">\n          <tr class=\"order-items__table-head-row\">\n            <th class=\"order-items__table-head-cell\">Tipo</th>\n            <th class=\"order-items__table-head-cell\">Descripci\u00F3n</th>\n\n            <th class=\"order-items__table-head-cell text-right\">Cant.</th>\n            <th class=\"order-items__table-head-cell text-right\">Precio</th>\n            <th class=\"order-items__table-head-cell text-right\">Total</th>\n            @if (showActionColumn) {\n              <th class=\"order-items__table-head-cell\">Acciones</th>\n            }\n          </tr>\n        </thead>\n        <tbody class=\"order-items__table-body\">\n          @for (item of order.order_items; track $index) {\n            <tr class=\"order-items__table-body-row\">\n              <td class=\"order-items__table-body-cell\">\n                <order-item-type-badge [item]=\"item\" size=\"xs\" />\n              </td>\n\n              <td class=\"order-items__table-body-cell\">\n                {{ item.description }}\n              </td>\n\n              <td class=\"order-items__table-body-cell text-right\">\n                {{ item.quantity }}\n              </td>\n\n              <td class=\"order-items__table-body-cell text-right\">\n                ${{ item.normal_price | number: '1.0-2' }}\n              </td>\n\n              <td class=\"order-items__table-body-cell text-right\">\n                <strong>\n                  ${{ itemTotal(item.quantity, item.normal_price) | number: '1.0-2' }}\n                </strong>\n              </td>\n\n              @if (item.ticket_uuid && order.status === 'completed' && showActionColumn) {\n                <td class=\"order-items__table-body-cell actions\">\n                  <app-button\n                    text=\"Ver ticket\"\n                    size=\"xs\"\n                    icon=\"ri-eye-line\"\n                    (clicked)=\"openTicketQr(item.ticket_uuid!, item.description)\"\n                  />\n                </td>\n              }\n            </tr>\n          }\n        </tbody>\n      </table>\n    </div>\n\n    <div class=\"order-items__totals\">\n      <dl class=\"order-items__totals-container\">\n        @if (giftBonds.length > 0 && totals.giftBonds > 0) {\n          <div class=\"order-items__totals-item\">\n            <dt class=\"order-items__totals-item-title\">Bonos de regalo ({{ giftBonds.length }})</dt>\n            <dd class=\"order-items__totals-item-value\">\n              @if (totals.giftBonds > 0) {\n                <span class=\"text-gray-900\"> ${{ totals.giftBonds | number: '1.0-2' }} </span>\n              }\n            </dd>\n          </div>\n        }\n\n        @if (tickets.length > 0 && totals.tickets > 0) {\n          <div class=\"order-items__totals-item\">\n            <dt class=\"order-items__totals-item-title\">Entradas ({{ tickets.length }})</dt>\n            <dd class=\"order-items__totals-item-value\">\n              @if (totals.tickets > 0) {\n                <span class=\"text-gray-900\"> ${{ totals.tickets | number: '1.0-2' }} </span>\n              }\n            </dd>\n          </div>\n        }\n\n        @if (products.length > 0 && totals.products > 0) {\n          <div class=\"order-items__totals-item\">\n            <dt class=\"order-items__totals-item-title\">Productos</dt>\n            <dd class=\"order-items__totals-item-value\">\n              @if (totals.products > 0) {\n                <span class=\"text-gray-900\"> ${{ totals.products | number: '1.0-2' }} </span>\n              }\n            </dd>\n          </div>\n        }\n\n        @if (order.service_fee && order.service_fee > 0) {\n          <div class=\"order-items__totals-item\">\n            <dt class=\"order-items__totals-item-title\">Tarifa de servicio</dt>\n            <dd class=\"order-items__totals-item-value\">\n              <span class=\"text-gray-900\"> ${{ order.service_fee | number: '1.0-2' }} </span>\n            </dd>\n          </div>\n        }\n\n        @if (hasDiscount()) {\n          <div class=\"order-items__totals-item\">\n            <dt class=\"order-items__totals-item-title\">Descuento</dt>\n            <dd class=\"order-items__totals-item-title\">\n              $-{{ order.discount_amount | number: '1.0-2' }}\n            </dd>\n          </div>\n        }\n\n        <div class=\"order-items__totals-item total-item\">\n          <dt class=\"order-items__totals-item-total\">Total</dt>\n          <dd class=\"order-items__totals-item-value\">\n            @if (!hasDiscount()) {\n              <span class=\"order-items__totals-item-total\">\n                ${{ order.total | number: '1.0-2' }}\n              </span>\n            }\n            @if (hasDiscount()) {\n              <span class=\"order-items__totals-item-discount-wrapper\">\n                <span class=\"order-items__totals-item-discount\">\n                  ${{ order.total | number: '1.0-2' }}\n                </span>\n                <span class=\"order-items__totals-item-total\">\n                  ${{ order.total_discounted | number: '1.0-2' }}\n                </span>\n              </span>\n            }\n          </dd>\n        </div>\n      </dl>\n    </div>\n  </div>\n\n  <ticket-qr-modal />\n}\n", styles: [".order-items{background-color:#fff;border-radius:.5rem;border:1px solid #f3f4f6;box-sizing:border-box;overflow:hidden;position:relative;width:100%}.order-items__header{align-items:center;display:flex;flex-flow:row wrap;gap:1rem;padding:1rem;width:100%}.order-items__header-title{color:#6b7280;font-size:.875rem;font-weight:700;margin:0}.order-items__table-container{overflow-x:auto}.order-items__table{border-collapse:collapse;font-size:.875rem;width:100%}.order-items__table-head-row{background-color:#f9fafb;text-align:left}.order-items__table-head-cell{color:#6b7280;font-size:.75rem;font-weight:700;padding:.75rem 1.5rem;text-transform:uppercase}.order-items__table-head-cell.text-right{text-align:right}.order-items__table-body>:not(:last-child){border-bottom:1px solid #f9fafb}.order-items__table-body-row{transition:all .4s ease}.order-items__table-body-row:hover{background-color:#f9fafb}.order-items__table-body-cell{color:#374151;padding:.75rem 1.5rem;white-space:nowrap}.order-items__table-body-cell.text-right{text-align:right}.order-items__totals{background-color:#f9fafb;border-top:1px solid #f3f4f6;padding:1rem 1.5rem;width:100%}.order-items__totals-container{display:flex;flex-flow:column;gap:.5rem;margin-left:auto;max-width:20rem;width:100%}.order-items__totals-item{display:flex;font-size:.875rem;justify-content:space-between;width:100%}.order-items__totals-item.actions{text-align:left}.order-items__totals-item.total-item{border-top:1px solid #e5e7eb;padding-top:.5rem}.order-items__totals-item-title{color:#6b7280}.order-items__totals-item-total{color:#111827;font-size:1.125rem;font-weight:700;line-height:100%}.order-items__totals-item-discount-wrapper{align-items:flex-end;display:flex;flex-flow:column nowrap;width:100%}.order-items__totals-item-discount{color:#9ca3af;font-size:.75rem;text-decoration:line-through}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: AppButtonComponent, selector: "app-button", inputs: ["disabled", "loading", "type", "variant", "text", "size", "loadingText", "icon", "tooltip"], outputs: ["clicked"] }, { kind: "component", type: TicketQrModalComponent, selector: "ticket-qr-modal" }, { kind: "component", type: OrderItemTypeBadgeComponent, selector: "order-item-type-badge", inputs: ["item", "size"] }, { kind: "pipe", type: i1$1.DecimalPipe, name: "number" }], encapsulation: i0.ViewEncapsulation.None });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.25", type: OrderItemsComponent, isStandalone: true, selector: "order-items", inputs: { order: "order" }, ngImport: i0, template: "@if (!!order) {\n  <div class=\"order-items\">\n    <div class=\"order-items__header\">\n      <p class=\"order-items__header-title\">\n        Informaci\u00F3n de los art\u00EDculos comprados ({{ order.order_items.length | number: '1.0' }})\n      </p>\n    </div>\n    <div class=\"order-items__table-container\">\n      <table class=\"order-items__table\">\n        <thead class=\"order-items__table-head\">\n          <tr class=\"order-items__table-head-row\">\n            <th class=\"order-items__table-head-cell\">Tipo</th>\n            <th class=\"order-items__table-head-cell\">Descripci\u00F3n</th>\n\n            <th class=\"order-items__table-head-cell text-right\">Cant.</th>\n            <th class=\"order-items__table-head-cell text-right\">Precio</th>\n            <th class=\"order-items__table-head-cell text-right\">Total</th>\n            @if (showActionColumn) {\n              <th class=\"order-items__table-head-cell\">Acciones</th>\n            }\n          </tr>\n        </thead>\n        <tbody class=\"order-items__table-body\">\n          @for (item of order.order_items; track $index) {\n            <tr class=\"order-items__table-body-row\">\n              <td class=\"order-items__table-body-cell\">\n                <order-item-type-badge [item]=\"item\" size=\"xs\" />\n              </td>\n\n              <td class=\"order-items__table-body-cell\">\n                {{ item.description }}\n              </td>\n\n              <td class=\"order-items__table-body-cell text-right\">\n                {{ item.quantity }}\n              </td>\n\n              <td class=\"order-items__table-body-cell text-right\">\n                ${{ item.normal_price | number: '1.0-2' }}\n              </td>\n\n              <td class=\"order-items__table-body-cell text-right\">\n                <strong>\n                  ${{ itemTotal(item.quantity, item.normal_price) | number: '1.0-2' }}\n                </strong>\n              </td>\n\n              @if (item.ticket_uuid && order.status === 'completed' && showActionColumn) {\n                <td class=\"order-items__table-body-cell actions\">\n                  <app-button\n                    text=\"Ver ticket\"\n                    size=\"xs\"\n                    icon=\"ri-eye-line\"\n                    (clicked)=\"openTicketQr(item.ticket_uuid!, item.description)\"\n                  />\n                </td>\n              }\n            </tr>\n          }\n        </tbody>\n      </table>\n    </div>\n\n    <div class=\"order-items__totals\">\n      <dl class=\"order-items__totals-container\">\n        @if (giftBonds.length > 0 && totals.giftBonds > 0) {\n          <div class=\"order-items__totals-item\">\n            <dt class=\"order-items__totals-item-title\">Bonos de regalo ({{ giftBonds.length }})</dt>\n            <dd class=\"order-items__totals-item-value\">\n              @if (totals.giftBonds > 0) {\n                <span class=\"text-gray-900\"> ${{ totals.giftBonds | number: '1.0-2' }} </span>\n              }\n            </dd>\n          </div>\n        }\n\n        @if (corporateBonds.length > 0 && totals.corporateBonds > 0) {\n          <div class=\"order-items__totals-item\">\n            <dt class=\"order-items__totals-item-title\">Bonos corporativos ({{ corporateBonds.length }})</dt>\n            <dd class=\"order-items__totals-item-value\">\n              @if (totals.corporateBonds > 0) {\n                <span class=\"text-gray-900\"> ${{ totals.corporateBonds | number: '1.0-2' }} </span>\n              }\n            </dd>\n          </div>\n        }\n\n        @if (tickets.length > 0 && totals.tickets > 0) {\n          <div class=\"order-items__totals-item\">\n            <dt class=\"order-items__totals-item-title\">Entradas ({{ tickets.length }})</dt>\n            <dd class=\"order-items__totals-item-value\">\n              @if (totals.tickets > 0) {\n                <span class=\"text-gray-900\"> ${{ totals.tickets | number: '1.0-2' }} </span>\n              }\n            </dd>\n          </div>\n        }\n\n        @if (products.length > 0 && totals.products > 0) {\n          <div class=\"order-items__totals-item\">\n            <dt class=\"order-items__totals-item-title\">Productos</dt>\n            <dd class=\"order-items__totals-item-value\">\n              @if (totals.products > 0) {\n                <span class=\"text-gray-900\"> ${{ totals.products | number: '1.0-2' }} </span>\n              }\n            </dd>\n          </div>\n        }\n\n        @if (order.service_fee && order.service_fee > 0) {\n          <div class=\"order-items__totals-item\">\n            <dt class=\"order-items__totals-item-title\">Tarifa de servicio</dt>\n            <dd class=\"order-items__totals-item-value\">\n              <span class=\"text-gray-900\"> ${{ order.service_fee | number: '1.0-2' }} </span>\n            </dd>\n          </div>\n        }\n\n        @if (hasDiscount()) {\n          <div class=\"order-items__totals-item\">\n            <dt class=\"order-items__totals-item-title\">Descuento</dt>\n            <dd class=\"order-items__totals-item-title\">\n              $-{{ order.discount_amount | number: '1.0-2' }}\n            </dd>\n          </div>\n        }\n\n        <div class=\"order-items__totals-item total-item\">\n          <dt class=\"order-items__totals-item-total\">Total</dt>\n          <dd class=\"order-items__totals-item-value\">\n            @if (!hasDiscount()) {\n              <span class=\"order-items__totals-item-total\">\n                ${{ order.total | number: '1.0-2' }}\n              </span>\n            }\n            @if (hasDiscount()) {\n              <span class=\"order-items__totals-item-discount-wrapper\">\n                <span class=\"order-items__totals-item-discount\">\n                  ${{ order.total | number: '1.0-2' }}\n                </span>\n                <span class=\"order-items__totals-item-total\">\n                  ${{ order.total_discounted | number: '1.0-2' }}\n                </span>\n              </span>\n            }\n          </dd>\n        </div>\n      </dl>\n    </div>\n  </div>\n\n  <ticket-qr-modal />\n}\n", styles: [".order-items{background-color:#fff;border-radius:.5rem;border:1px solid #f3f4f6;box-sizing:border-box;overflow:hidden;position:relative;width:100%}.order-items__header{align-items:center;display:flex;flex-flow:row wrap;gap:1rem;padding:1rem;width:100%}.order-items__header-title{color:#6b7280;font-size:.875rem;font-weight:700;margin:0}.order-items__table-container{overflow-x:auto}.order-items__table{border-collapse:collapse;font-size:.875rem;width:100%}.order-items__table-head-row{background-color:#f9fafb;text-align:left}.order-items__table-head-cell{color:#6b7280;font-size:.75rem;font-weight:700;padding:.75rem 1.5rem;text-transform:uppercase}.order-items__table-head-cell.text-right{text-align:right}.order-items__table-body>:not(:last-child){border-bottom:1px solid #f9fafb}.order-items__table-body-row{transition:all .4s ease}.order-items__table-body-row:hover{background-color:#f9fafb}.order-items__table-body-cell{color:#374151;padding:.75rem 1.5rem;white-space:nowrap}.order-items__table-body-cell.text-right{text-align:right}.order-items__totals{background-color:#f9fafb;border-top:1px solid #f3f4f6;padding:1rem 1.5rem;width:100%}.order-items__totals-container{display:flex;flex-flow:column;gap:.5rem;margin-left:auto;max-width:20rem;width:100%}.order-items__totals-item{display:flex;font-size:.875rem;justify-content:space-between;width:100%}.order-items__totals-item.actions{text-align:left}.order-items__totals-item.total-item{border-top:1px solid #e5e7eb;padding-top:.5rem}.order-items__totals-item-title{color:#6b7280}.order-items__totals-item-total{color:#111827;font-size:1.125rem;font-weight:700;line-height:100%}.order-items__totals-item-discount-wrapper{align-items:flex-end;display:flex;flex-flow:column nowrap;width:100%}.order-items__totals-item-discount{color:#9ca3af;font-size:.75rem;text-decoration:line-through}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: AppButtonComponent, selector: "app-button", inputs: ["disabled", "loading", "type", "variant", "text", "size", "loadingText", "icon", "tooltip"], outputs: ["clicked"] }, { kind: "component", type: TicketQrModalComponent, selector: "ticket-qr-modal" }, { kind: "component", type: OrderItemTypeBadgeComponent, selector: "order-item-type-badge", inputs: ["item", "size"] }, { kind: "pipe", type: i1$1.DecimalPipe, name: "number" }], encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: OrderItemsComponent, decorators: [{
             type: Component,
@@ -8646,7 +8736,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImpo
                         TicketQrModalComponent,
                         TicketMapWidgetHeaderComponent,
                         OrderItemTypeBadgeComponent,
-                    ], encapsulation: ViewEncapsulation.None, template: "@if (!!order) {\n  <div class=\"order-items\">\n    <div class=\"order-items__header\">\n      <p class=\"order-items__header-title\">\n        Informaci\u00F3n de los art\u00EDculos comprados ({{ order.order_items.length | number: '1.0' }})\n      </p>\n    </div>\n    <div class=\"order-items__table-container\">\n      <table class=\"order-items__table\">\n        <thead class=\"order-items__table-head\">\n          <tr class=\"order-items__table-head-row\">\n            <th class=\"order-items__table-head-cell\">Tipo</th>\n            <th class=\"order-items__table-head-cell\">Descripci\u00F3n</th>\n\n            <th class=\"order-items__table-head-cell text-right\">Cant.</th>\n            <th class=\"order-items__table-head-cell text-right\">Precio</th>\n            <th class=\"order-items__table-head-cell text-right\">Total</th>\n            @if (showActionColumn) {\n              <th class=\"order-items__table-head-cell\">Acciones</th>\n            }\n          </tr>\n        </thead>\n        <tbody class=\"order-items__table-body\">\n          @for (item of order.order_items; track $index) {\n            <tr class=\"order-items__table-body-row\">\n              <td class=\"order-items__table-body-cell\">\n                <order-item-type-badge [item]=\"item\" size=\"xs\" />\n              </td>\n\n              <td class=\"order-items__table-body-cell\">\n                {{ item.description }}\n              </td>\n\n              <td class=\"order-items__table-body-cell text-right\">\n                {{ item.quantity }}\n              </td>\n\n              <td class=\"order-items__table-body-cell text-right\">\n                ${{ item.normal_price | number: '1.0-2' }}\n              </td>\n\n              <td class=\"order-items__table-body-cell text-right\">\n                <strong>\n                  ${{ itemTotal(item.quantity, item.normal_price) | number: '1.0-2' }}\n                </strong>\n              </td>\n\n              @if (item.ticket_uuid && order.status === 'completed' && showActionColumn) {\n                <td class=\"order-items__table-body-cell actions\">\n                  <app-button\n                    text=\"Ver ticket\"\n                    size=\"xs\"\n                    icon=\"ri-eye-line\"\n                    (clicked)=\"openTicketQr(item.ticket_uuid!, item.description)\"\n                  />\n                </td>\n              }\n            </tr>\n          }\n        </tbody>\n      </table>\n    </div>\n\n    <div class=\"order-items__totals\">\n      <dl class=\"order-items__totals-container\">\n        @if (giftBonds.length > 0 && totals.giftBonds > 0) {\n          <div class=\"order-items__totals-item\">\n            <dt class=\"order-items__totals-item-title\">Bonos de regalo ({{ giftBonds.length }})</dt>\n            <dd class=\"order-items__totals-item-value\">\n              @if (totals.giftBonds > 0) {\n                <span class=\"text-gray-900\"> ${{ totals.giftBonds | number: '1.0-2' }} </span>\n              }\n            </dd>\n          </div>\n        }\n\n        @if (tickets.length > 0 && totals.tickets > 0) {\n          <div class=\"order-items__totals-item\">\n            <dt class=\"order-items__totals-item-title\">Entradas ({{ tickets.length }})</dt>\n            <dd class=\"order-items__totals-item-value\">\n              @if (totals.tickets > 0) {\n                <span class=\"text-gray-900\"> ${{ totals.tickets | number: '1.0-2' }} </span>\n              }\n            </dd>\n          </div>\n        }\n\n        @if (products.length > 0 && totals.products > 0) {\n          <div class=\"order-items__totals-item\">\n            <dt class=\"order-items__totals-item-title\">Productos</dt>\n            <dd class=\"order-items__totals-item-value\">\n              @if (totals.products > 0) {\n                <span class=\"text-gray-900\"> ${{ totals.products | number: '1.0-2' }} </span>\n              }\n            </dd>\n          </div>\n        }\n\n        @if (order.service_fee && order.service_fee > 0) {\n          <div class=\"order-items__totals-item\">\n            <dt class=\"order-items__totals-item-title\">Tarifa de servicio</dt>\n            <dd class=\"order-items__totals-item-value\">\n              <span class=\"text-gray-900\"> ${{ order.service_fee | number: '1.0-2' }} </span>\n            </dd>\n          </div>\n        }\n\n        @if (hasDiscount()) {\n          <div class=\"order-items__totals-item\">\n            <dt class=\"order-items__totals-item-title\">Descuento</dt>\n            <dd class=\"order-items__totals-item-title\">\n              $-{{ order.discount_amount | number: '1.0-2' }}\n            </dd>\n          </div>\n        }\n\n        <div class=\"order-items__totals-item total-item\">\n          <dt class=\"order-items__totals-item-total\">Total</dt>\n          <dd class=\"order-items__totals-item-value\">\n            @if (!hasDiscount()) {\n              <span class=\"order-items__totals-item-total\">\n                ${{ order.total | number: '1.0-2' }}\n              </span>\n            }\n            @if (hasDiscount()) {\n              <span class=\"order-items__totals-item-discount-wrapper\">\n                <span class=\"order-items__totals-item-discount\">\n                  ${{ order.total | number: '1.0-2' }}\n                </span>\n                <span class=\"order-items__totals-item-total\">\n                  ${{ order.total_discounted | number: '1.0-2' }}\n                </span>\n              </span>\n            }\n          </dd>\n        </div>\n      </dl>\n    </div>\n  </div>\n\n  <ticket-qr-modal />\n}\n", styles: [".order-items{background-color:#fff;border-radius:.5rem;border:1px solid #f3f4f6;box-sizing:border-box;overflow:hidden;position:relative;width:100%}.order-items__header{align-items:center;display:flex;flex-flow:row wrap;gap:1rem;padding:1rem;width:100%}.order-items__header-title{color:#6b7280;font-size:.875rem;font-weight:700;margin:0}.order-items__table-container{overflow-x:auto}.order-items__table{border-collapse:collapse;font-size:.875rem;width:100%}.order-items__table-head-row{background-color:#f9fafb;text-align:left}.order-items__table-head-cell{color:#6b7280;font-size:.75rem;font-weight:700;padding:.75rem 1.5rem;text-transform:uppercase}.order-items__table-head-cell.text-right{text-align:right}.order-items__table-body>:not(:last-child){border-bottom:1px solid #f9fafb}.order-items__table-body-row{transition:all .4s ease}.order-items__table-body-row:hover{background-color:#f9fafb}.order-items__table-body-cell{color:#374151;padding:.75rem 1.5rem;white-space:nowrap}.order-items__table-body-cell.text-right{text-align:right}.order-items__totals{background-color:#f9fafb;border-top:1px solid #f3f4f6;padding:1rem 1.5rem;width:100%}.order-items__totals-container{display:flex;flex-flow:column;gap:.5rem;margin-left:auto;max-width:20rem;width:100%}.order-items__totals-item{display:flex;font-size:.875rem;justify-content:space-between;width:100%}.order-items__totals-item.actions{text-align:left}.order-items__totals-item.total-item{border-top:1px solid #e5e7eb;padding-top:.5rem}.order-items__totals-item-title{color:#6b7280}.order-items__totals-item-total{color:#111827;font-size:1.125rem;font-weight:700;line-height:100%}.order-items__totals-item-discount-wrapper{align-items:flex-end;display:flex;flex-flow:column nowrap;width:100%}.order-items__totals-item-discount{color:#9ca3af;font-size:.75rem;text-decoration:line-through}\n"] }]
+                    ], encapsulation: ViewEncapsulation.None, template: "@if (!!order) {\n  <div class=\"order-items\">\n    <div class=\"order-items__header\">\n      <p class=\"order-items__header-title\">\n        Informaci\u00F3n de los art\u00EDculos comprados ({{ order.order_items.length | number: '1.0' }})\n      </p>\n    </div>\n    <div class=\"order-items__table-container\">\n      <table class=\"order-items__table\">\n        <thead class=\"order-items__table-head\">\n          <tr class=\"order-items__table-head-row\">\n            <th class=\"order-items__table-head-cell\">Tipo</th>\n            <th class=\"order-items__table-head-cell\">Descripci\u00F3n</th>\n\n            <th class=\"order-items__table-head-cell text-right\">Cant.</th>\n            <th class=\"order-items__table-head-cell text-right\">Precio</th>\n            <th class=\"order-items__table-head-cell text-right\">Total</th>\n            @if (showActionColumn) {\n              <th class=\"order-items__table-head-cell\">Acciones</th>\n            }\n          </tr>\n        </thead>\n        <tbody class=\"order-items__table-body\">\n          @for (item of order.order_items; track $index) {\n            <tr class=\"order-items__table-body-row\">\n              <td class=\"order-items__table-body-cell\">\n                <order-item-type-badge [item]=\"item\" size=\"xs\" />\n              </td>\n\n              <td class=\"order-items__table-body-cell\">\n                {{ item.description }}\n              </td>\n\n              <td class=\"order-items__table-body-cell text-right\">\n                {{ item.quantity }}\n              </td>\n\n              <td class=\"order-items__table-body-cell text-right\">\n                ${{ item.normal_price | number: '1.0-2' }}\n              </td>\n\n              <td class=\"order-items__table-body-cell text-right\">\n                <strong>\n                  ${{ itemTotal(item.quantity, item.normal_price) | number: '1.0-2' }}\n                </strong>\n              </td>\n\n              @if (item.ticket_uuid && order.status === 'completed' && showActionColumn) {\n                <td class=\"order-items__table-body-cell actions\">\n                  <app-button\n                    text=\"Ver ticket\"\n                    size=\"xs\"\n                    icon=\"ri-eye-line\"\n                    (clicked)=\"openTicketQr(item.ticket_uuid!, item.description)\"\n                  />\n                </td>\n              }\n            </tr>\n          }\n        </tbody>\n      </table>\n    </div>\n\n    <div class=\"order-items__totals\">\n      <dl class=\"order-items__totals-container\">\n        @if (giftBonds.length > 0 && totals.giftBonds > 0) {\n          <div class=\"order-items__totals-item\">\n            <dt class=\"order-items__totals-item-title\">Bonos de regalo ({{ giftBonds.length }})</dt>\n            <dd class=\"order-items__totals-item-value\">\n              @if (totals.giftBonds > 0) {\n                <span class=\"text-gray-900\"> ${{ totals.giftBonds | number: '1.0-2' }} </span>\n              }\n            </dd>\n          </div>\n        }\n\n        @if (corporateBonds.length > 0 && totals.corporateBonds > 0) {\n          <div class=\"order-items__totals-item\">\n            <dt class=\"order-items__totals-item-title\">Bonos corporativos ({{ corporateBonds.length }})</dt>\n            <dd class=\"order-items__totals-item-value\">\n              @if (totals.corporateBonds > 0) {\n                <span class=\"text-gray-900\"> ${{ totals.corporateBonds | number: '1.0-2' }} </span>\n              }\n            </dd>\n          </div>\n        }\n\n        @if (tickets.length > 0 && totals.tickets > 0) {\n          <div class=\"order-items__totals-item\">\n            <dt class=\"order-items__totals-item-title\">Entradas ({{ tickets.length }})</dt>\n            <dd class=\"order-items__totals-item-value\">\n              @if (totals.tickets > 0) {\n                <span class=\"text-gray-900\"> ${{ totals.tickets | number: '1.0-2' }} </span>\n              }\n            </dd>\n          </div>\n        }\n\n        @if (products.length > 0 && totals.products > 0) {\n          <div class=\"order-items__totals-item\">\n            <dt class=\"order-items__totals-item-title\">Productos</dt>\n            <dd class=\"order-items__totals-item-value\">\n              @if (totals.products > 0) {\n                <span class=\"text-gray-900\"> ${{ totals.products | number: '1.0-2' }} </span>\n              }\n            </dd>\n          </div>\n        }\n\n        @if (order.service_fee && order.service_fee > 0) {\n          <div class=\"order-items__totals-item\">\n            <dt class=\"order-items__totals-item-title\">Tarifa de servicio</dt>\n            <dd class=\"order-items__totals-item-value\">\n              <span class=\"text-gray-900\"> ${{ order.service_fee | number: '1.0-2' }} </span>\n            </dd>\n          </div>\n        }\n\n        @if (hasDiscount()) {\n          <div class=\"order-items__totals-item\">\n            <dt class=\"order-items__totals-item-title\">Descuento</dt>\n            <dd class=\"order-items__totals-item-title\">\n              $-{{ order.discount_amount | number: '1.0-2' }}\n            </dd>\n          </div>\n        }\n\n        <div class=\"order-items__totals-item total-item\">\n          <dt class=\"order-items__totals-item-total\">Total</dt>\n          <dd class=\"order-items__totals-item-value\">\n            @if (!hasDiscount()) {\n              <span class=\"order-items__totals-item-total\">\n                ${{ order.total | number: '1.0-2' }}\n              </span>\n            }\n            @if (hasDiscount()) {\n              <span class=\"order-items__totals-item-discount-wrapper\">\n                <span class=\"order-items__totals-item-discount\">\n                  ${{ order.total | number: '1.0-2' }}\n                </span>\n                <span class=\"order-items__totals-item-total\">\n                  ${{ order.total_discounted | number: '1.0-2' }}\n                </span>\n              </span>\n            }\n          </dd>\n        </div>\n      </dl>\n    </div>\n  </div>\n\n  <ticket-qr-modal />\n}\n", styles: [".order-items{background-color:#fff;border-radius:.5rem;border:1px solid #f3f4f6;box-sizing:border-box;overflow:hidden;position:relative;width:100%}.order-items__header{align-items:center;display:flex;flex-flow:row wrap;gap:1rem;padding:1rem;width:100%}.order-items__header-title{color:#6b7280;font-size:.875rem;font-weight:700;margin:0}.order-items__table-container{overflow-x:auto}.order-items__table{border-collapse:collapse;font-size:.875rem;width:100%}.order-items__table-head-row{background-color:#f9fafb;text-align:left}.order-items__table-head-cell{color:#6b7280;font-size:.75rem;font-weight:700;padding:.75rem 1.5rem;text-transform:uppercase}.order-items__table-head-cell.text-right{text-align:right}.order-items__table-body>:not(:last-child){border-bottom:1px solid #f9fafb}.order-items__table-body-row{transition:all .4s ease}.order-items__table-body-row:hover{background-color:#f9fafb}.order-items__table-body-cell{color:#374151;padding:.75rem 1.5rem;white-space:nowrap}.order-items__table-body-cell.text-right{text-align:right}.order-items__totals{background-color:#f9fafb;border-top:1px solid #f3f4f6;padding:1rem 1.5rem;width:100%}.order-items__totals-container{display:flex;flex-flow:column;gap:.5rem;margin-left:auto;max-width:20rem;width:100%}.order-items__totals-item{display:flex;font-size:.875rem;justify-content:space-between;width:100%}.order-items__totals-item.actions{text-align:left}.order-items__totals-item.total-item{border-top:1px solid #e5e7eb;padding-top:.5rem}.order-items__totals-item-title{color:#6b7280}.order-items__totals-item-total{color:#111827;font-size:1.125rem;font-weight:700;line-height:100%}.order-items__totals-item-discount-wrapper{align-items:flex-end;display:flex;flex-flow:column nowrap;width:100%}.order-items__totals-item-discount{color:#9ca3af;font-size:.75rem;text-decoration:line-through}\n"] }]
         }], ctorParameters: () => [{ type: TicketQrModalService }], propDecorators: { order: [{
                 type: Input,
                 args: [{ required: true }]
@@ -8817,11 +8907,117 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImpo
                 args: [{ required: true }]
             }] } });
 
+class VipBalanceCardComponent {
+    card = null;
+    get statusColor() {
+        if (!this.card)
+            return 'primary';
+        switch (this.card.status) {
+            case VipCardStatus.ACTIVE:
+                return 'success';
+            case VipCardStatus.INACTIVE:
+                return 'warning';
+            case VipCardStatus.EXPIRED:
+                return 'error';
+            default:
+                return 'primary';
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: VipBalanceCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.25", type: VipBalanceCardComponent, isStandalone: true, selector: "vip-balance-card", inputs: { card: "card" }, ngImport: i0, template: "<div class=\"vip-balance-card\">\n  @if (card) {\n    <div class=\"vip-balance-card-header\">\n      <p class=\"vip-balance-card-category\">{{ card.category_snapshot.name }}</p>\n      <app-badge [text]=\"card.status\" [color]=\"statusColor\" size=\"sm\" />\n    </div>\n\n    <p class=\"vip-balance-card-balance\">\n      {{ card.balance | currency: 'COP' : 'symbol-narrow' : '1.0-0' }}\n    </p>\n    <p class=\"vip-balance-card-label\">Saldo disponible</p>\n\n    <div class=\"vip-balance-card-details\">\n      <div class=\"vip-balance-card-detail\">\n        <span class=\"vip-balance-card-detail-label\">Descuento</span>\n        <span class=\"vip-balance-card-detail-value\">\n          {{ card.category_snapshot.discount_percentage }}%\n        </span>\n      </div>\n      <div class=\"vip-balance-card-detail\">\n        <span class=\"vip-balance-card-detail-label\">Exenci\u00F3n tarifa</span>\n        <span class=\"vip-balance-card-detail-value\">\n          {{ card.category_snapshot.service_fee_exempt ? 'S\u00ED' : 'No' }}\n        </span>\n      </div>\n      <div class=\"vip-balance-card-detail\">\n        <span class=\"vip-balance-card-detail-label\">Vence</span>\n        <span class=\"vip-balance-card-detail-value\">\n          {{ card.expires_at ? (card.expires_at | date: 'shortDate') : '\u2014' }}\n        </span>\n      </div>\n      <div class=\"vip-balance-card-detail\">\n        <span class=\"vip-balance-card-detail-label\">\u00DAltima actividad</span>\n        <span class=\"vip-balance-card-detail-value\">\n          {{ card.last_activity_at ? (card.last_activity_at | date: 'shortDate') : '\u2014' }}\n        </span>\n      </div>\n    </div>\n  } @else {\n    <p class=\"vip-balance-card-empty\">No tienes una Tarjeta VIP activa.</p>\n  }\n</div>\n", styles: [".vip-balance-card{width:100%;background-color:#fff;border-radius:.5rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;padding:24px}.vip-balance-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.vip-balance-card-category{font-size:14px;font-weight:600;color:#374151;margin:0}.vip-balance-card-balance{font-size:36px;font-weight:700;color:#111827;margin:0}.vip-balance-card-label{font-size:14px;color:#6b7280;margin:0}.vip-balance-card-details{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:24px}.vip-balance-card-detail{display:flex;flex-direction:column}.vip-balance-card-detail-label{font-size:12px;color:#9ca3af}.vip-balance-card-detail-value{font-size:14px;font-weight:500;color:#374151}.vip-balance-card-empty{padding:24px 0;text-align:center;color:#6b7280;margin:0}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: AppBadgeComponent, selector: "app-badge", inputs: ["text", "color", "size", "bordered", "backgroundColor", "textColor"] }, { kind: "pipe", type: i1$1.CurrencyPipe, name: "currency" }, { kind: "pipe", type: i1$1.DatePipe, name: "date" }], encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: VipBalanceCardComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'vip-balance-card', standalone: true, imports: [CommonModule, DatePipe, AppBadgeComponent], encapsulation: ViewEncapsulation.None, template: "<div class=\"vip-balance-card\">\n  @if (card) {\n    <div class=\"vip-balance-card-header\">\n      <p class=\"vip-balance-card-category\">{{ card.category_snapshot.name }}</p>\n      <app-badge [text]=\"card.status\" [color]=\"statusColor\" size=\"sm\" />\n    </div>\n\n    <p class=\"vip-balance-card-balance\">\n      {{ card.balance | currency: 'COP' : 'symbol-narrow' : '1.0-0' }}\n    </p>\n    <p class=\"vip-balance-card-label\">Saldo disponible</p>\n\n    <div class=\"vip-balance-card-details\">\n      <div class=\"vip-balance-card-detail\">\n        <span class=\"vip-balance-card-detail-label\">Descuento</span>\n        <span class=\"vip-balance-card-detail-value\">\n          {{ card.category_snapshot.discount_percentage }}%\n        </span>\n      </div>\n      <div class=\"vip-balance-card-detail\">\n        <span class=\"vip-balance-card-detail-label\">Exenci\u00F3n tarifa</span>\n        <span class=\"vip-balance-card-detail-value\">\n          {{ card.category_snapshot.service_fee_exempt ? 'S\u00ED' : 'No' }}\n        </span>\n      </div>\n      <div class=\"vip-balance-card-detail\">\n        <span class=\"vip-balance-card-detail-label\">Vence</span>\n        <span class=\"vip-balance-card-detail-value\">\n          {{ card.expires_at ? (card.expires_at | date: 'shortDate') : '\u2014' }}\n        </span>\n      </div>\n      <div class=\"vip-balance-card-detail\">\n        <span class=\"vip-balance-card-detail-label\">\u00DAltima actividad</span>\n        <span class=\"vip-balance-card-detail-value\">\n          {{ card.last_activity_at ? (card.last_activity_at | date: 'shortDate') : '\u2014' }}\n        </span>\n      </div>\n    </div>\n  } @else {\n    <p class=\"vip-balance-card-empty\">No tienes una Tarjeta VIP activa.</p>\n  }\n</div>\n", styles: [".vip-balance-card{width:100%;background-color:#fff;border-radius:.5rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;padding:24px}.vip-balance-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.vip-balance-card-category{font-size:14px;font-weight:600;color:#374151;margin:0}.vip-balance-card-balance{font-size:36px;font-weight:700;color:#111827;margin:0}.vip-balance-card-label{font-size:14px;color:#6b7280;margin:0}.vip-balance-card-details{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:24px}.vip-balance-card-detail{display:flex;flex-direction:column}.vip-balance-card-detail-label{font-size:12px;color:#9ca3af}.vip-balance-card-detail-value{font-size:14px;font-weight:500;color:#374151}.vip-balance-card-empty{padding:24px 0;text-align:center;color:#6b7280;margin:0}\n"] }]
+        }], propDecorators: { card: [{
+                type: Input
+            }] } });
+
+class VipRechargeModalComponent {
+    fb;
+    title = 'Recargar Tarjeta VIP';
+    submitLabel = 'Recargar';
+    loading = false;
+    minAmount = 100000;
+    isOpen = signal(false, ...(ngDevMode ? [{ debugName: "isOpen" }] : []));
+    closeModal = new EventEmitter();
+    confirm = new EventEmitter();
+    rechargeForm;
+    constructor(fb) {
+        this.fb = fb;
+        this.rechargeForm = this.fb.group({
+            amount: ['', [Validators.required, Validators.min(this.minAmount)]],
+        });
+    }
+    onClose() {
+        this.rechargeForm.reset();
+        this.closeModal.emit();
+    }
+    onSubmit() {
+        if (this.rechargeForm.invalid)
+            return;
+        this.confirm.emit({ amount: Number(this.rechargeForm.value.amount) });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: VipRechargeModalComponent, deps: [{ token: i1$2.FormBuilder }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.25", type: VipRechargeModalComponent, isStandalone: true, selector: "vip-recharge-modal", inputs: { title: "title", submitLabel: "submitLabel", loading: "loading", minAmount: "minAmount", isOpen: "isOpen" }, outputs: { closeModal: "closeModal", confirm: "confirm" }, ngImport: i0, template: "<app-modal [isOpen]=\"isOpen\" [title]=\"title\" size=\"md\" (closeModal)=\"onClose()\">\n  <form [formGroup]=\"rechargeForm\" (ngSubmit)=\"onSubmit()\">\n    <div class=\"vip-recharge-modal\">\n      <form-input\n        formControlName=\"amount\"\n        label=\"Monto\"\n        type=\"number\"\n        [min]=\"minAmount\"\n        [step]=\"1000\"\n        [required]=\"true\"\n        placeholder=\"Ingresa el monto a recargar\"\n      />\n      <p class=\"vip-recharge-modal-hint\">\n        Monto m\u00EDnimo: {{ minAmount | currency: 'COP' : 'symbol-narrow' : '1.0-0' }}\n      </p>\n    </div>\n\n    <div class=\"vip-recharge-modal-actions\">\n      <app-button type=\"button\" variant=\"tertiary\" text=\"Cancelar\" (clicked)=\"onClose()\" />\n      <app-button\n        type=\"submit\"\n        variant=\"primary\"\n        [text]=\"submitLabel\"\n        [loading]=\"loading\"\n        [disabled]=\"rechargeForm.invalid\"\n      />\n    </div>\n  </form>\n</app-modal>\n", styles: [".vip-recharge-modal{padding:8px 4px}.vip-recharge-modal-hint{margin-top:8px;font-size:12px;color:#6b7280}.vip-recharge-modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$2.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1$2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: AppModalComponent, selector: "app-modal", inputs: ["title", "disableClose", "showHeader", "showCloseButton", "showTitle", "isOpen", "size"], outputs: ["closeModal"] }, { kind: "component", type: FormInputComponent, selector: "form-input", inputs: ["label", "type", "name", "id", "placeholder", "required", "readonly", "minlength", "min", "step", "pattern", "fieldGroupClass", "autocomplete"] }, { kind: "component", type: AppButtonComponent, selector: "app-button", inputs: ["disabled", "loading", "type", "variant", "text", "size", "loadingText", "icon", "tooltip"], outputs: ["clicked"] }, { kind: "pipe", type: i1$1.CurrencyPipe, name: "currency" }], encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: VipRechargeModalComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'vip-recharge-modal', standalone: true, imports: [
+                        CommonModule,
+                        ReactiveFormsModule,
+                        AppModalComponent,
+                        FormInputComponent,
+                        AppButtonComponent,
+                    ], encapsulation: ViewEncapsulation.None, template: "<app-modal [isOpen]=\"isOpen\" [title]=\"title\" size=\"md\" (closeModal)=\"onClose()\">\n  <form [formGroup]=\"rechargeForm\" (ngSubmit)=\"onSubmit()\">\n    <div class=\"vip-recharge-modal\">\n      <form-input\n        formControlName=\"amount\"\n        label=\"Monto\"\n        type=\"number\"\n        [min]=\"minAmount\"\n        [step]=\"1000\"\n        [required]=\"true\"\n        placeholder=\"Ingresa el monto a recargar\"\n      />\n      <p class=\"vip-recharge-modal-hint\">\n        Monto m\u00EDnimo: {{ minAmount | currency: 'COP' : 'symbol-narrow' : '1.0-0' }}\n      </p>\n    </div>\n\n    <div class=\"vip-recharge-modal-actions\">\n      <app-button type=\"button\" variant=\"tertiary\" text=\"Cancelar\" (clicked)=\"onClose()\" />\n      <app-button\n        type=\"submit\"\n        variant=\"primary\"\n        [text]=\"submitLabel\"\n        [loading]=\"loading\"\n        [disabled]=\"rechargeForm.invalid\"\n      />\n    </div>\n  </form>\n</app-modal>\n", styles: [".vip-recharge-modal{padding:8px 4px}.vip-recharge-modal-hint{margin-top:8px;font-size:12px;color:#6b7280}.vip-recharge-modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px}\n"] }]
+        }], ctorParameters: () => [{ type: i1$2.FormBuilder }], propDecorators: { title: [{
+                type: Input
+            }], submitLabel: [{
+                type: Input
+            }], loading: [{
+                type: Input
+            }], minAmount: [{
+                type: Input
+            }], isOpen: [{
+                type: Input
+            }], closeModal: [{
+                type: Output
+            }], confirm: [{
+                type: Output
+            }] } });
+
+class VipTransactionsTableComponent {
+    transactions = [];
+    loading = false;
+    typeLabel(type) {
+        switch (type) {
+            case VipTransactionType.INITIAL_RECHARGE:
+                return 'Activación';
+            case VipTransactionType.RECHARGE:
+                return 'Recarga';
+            case VipTransactionType.PURCHASE_PAYMENT:
+                return 'Compra';
+            default:
+                return type;
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: VipTransactionsTableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.25", type: VipTransactionsTableComponent, isStandalone: true, selector: "vip-transactions-table", inputs: { transactions: "transactions", loading: "loading" }, ngImport: i0, template: "<div class=\"vip-transactions-table\">\n  <table>\n    <thead>\n      <tr>\n        <th>Fecha</th>\n        <th>Tipo</th>\n        <th>Descripci\u00F3n</th>\n        <th>Monto</th>\n        <th>Saldo</th>\n      </tr>\n    </thead>\n    <tbody>\n      @if (loading) {\n        <tr>\n          <td colspan=\"5\" class=\"vip-transactions-table-empty\">Cargando\u2026</td>\n        </tr>\n      } @else if (transactions.length === 0) {\n        <tr>\n          <td colspan=\"5\" class=\"vip-transactions-table-empty\">Sin transacciones.</td>\n        </tr>\n      } @else {\n        @for (tx of transactions; track tx.id) {\n          <tr>\n            <td>{{ tx.created_at | date: 'short' }}</td>\n            <td>\n              <span\n                [class.vip-transactions-table-positive]=\"tx.amount > 0\"\n                [class.vip-transactions-table-negative]=\"tx.amount < 0\"\n              >\n                {{ typeLabel(tx.type) }}\n              </span>\n            </td>\n            <td>{{ tx.description ?? '\u2014' }}</td>\n            <td [class.vip-transactions-table-negative]=\"tx.amount < 0\">\n              {{ tx.amount | currency: 'COP' : 'symbol-narrow' : '1.0-0' }}\n            </td>\n            <td>{{ tx.balance_after | currency: 'COP' : 'symbol-narrow' : '1.0-0' }}</td>\n          </tr>\n        }\n      }\n    </tbody>\n  </table>\n</div>\n", styles: [".vip-transactions-table{width:100%;overflow-x:auto;border-radius:.5rem;border:1px solid #e5e7eb}.vip-transactions-table table{width:100%;font-size:14px;border-collapse:collapse}.vip-transactions-table table th{border-bottom:1px solid #e5e7eb;background-color:#f9fafb;padding:12px 16px;text-align:left;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#6b7280}.vip-transactions-table table td{border-bottom:1px solid #f3f4f6;padding:12px 16px;color:#374151}.vip-transactions-table-empty{padding:24px 0;text-align:center;color:#9ca3af}.vip-transactions-table-positive{color:#16a34a}.vip-transactions-table-negative{color:#dc2626}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i1$1.CurrencyPipe, name: "currency" }, { kind: "pipe", type: i1$1.DatePipe, name: "date" }], encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: VipTransactionsTableComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'vip-transactions-table', standalone: true, imports: [CommonModule, DatePipe], encapsulation: ViewEncapsulation.None, template: "<div class=\"vip-transactions-table\">\n  <table>\n    <thead>\n      <tr>\n        <th>Fecha</th>\n        <th>Tipo</th>\n        <th>Descripci\u00F3n</th>\n        <th>Monto</th>\n        <th>Saldo</th>\n      </tr>\n    </thead>\n    <tbody>\n      @if (loading) {\n        <tr>\n          <td colspan=\"5\" class=\"vip-transactions-table-empty\">Cargando\u2026</td>\n        </tr>\n      } @else if (transactions.length === 0) {\n        <tr>\n          <td colspan=\"5\" class=\"vip-transactions-table-empty\">Sin transacciones.</td>\n        </tr>\n      } @else {\n        @for (tx of transactions; track tx.id) {\n          <tr>\n            <td>{{ tx.created_at | date: 'short' }}</td>\n            <td>\n              <span\n                [class.vip-transactions-table-positive]=\"tx.amount > 0\"\n                [class.vip-transactions-table-negative]=\"tx.amount < 0\"\n              >\n                {{ typeLabel(tx.type) }}\n              </span>\n            </td>\n            <td>{{ tx.description ?? '\u2014' }}</td>\n            <td [class.vip-transactions-table-negative]=\"tx.amount < 0\">\n              {{ tx.amount | currency: 'COP' : 'symbol-narrow' : '1.0-0' }}\n            </td>\n            <td>{{ tx.balance_after | currency: 'COP' : 'symbol-narrow' : '1.0-0' }}</td>\n          </tr>\n        }\n      }\n    </tbody>\n  </table>\n</div>\n", styles: [".vip-transactions-table{width:100%;overflow-x:auto;border-radius:.5rem;border:1px solid #e5e7eb}.vip-transactions-table table{width:100%;font-size:14px;border-collapse:collapse}.vip-transactions-table table th{border-bottom:1px solid #e5e7eb;background-color:#f9fafb;padding:12px 16px;text-align:left;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#6b7280}.vip-transactions-table table td{border-bottom:1px solid #f3f4f6;padding:12px 16px;color:#374151}.vip-transactions-table-empty{padding:24px 0;text-align:center;color:#9ca3af}.vip-transactions-table-positive{color:#16a34a}.vip-transactions-table-negative{color:#dc2626}\n"] }]
+        }], propDecorators: { transactions: [{
+                type: Input
+            }], loading: [{
+                type: Input
+            }] } });
+
 // Config
 
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { ADMIN_API_ROUTES, ALERT_ICONS, AdminSelectComponent, AdminService, ApiService, AppAlertComponent, AppBadgeComponent, AppBreadcumbComponent, AppButtonComponent, AppLinkButtonComponent, AppModalComponent, AsyncSelectComponent, AuditInformationComponent, BASE_BUTTON_CLASSES, BASE_INPUT_CLASSES, BUTTON_SIZES_CLASSES, BUTTON_VARIANT_CLASSES, BaseModalService, CITY_API_ENDPOINTS, COUNTRY_API_ENDPOINTS, CUSTOMERS_API_ROUTES, ChangePasswordFormComponent, ChangePasswordFormService, CitiesService, CitySelectComponent, ColorPickerComponent, ConfirmationOrderModalComponent, ConfirmationOrderModalService, CorporateBondStatus, CountrySelectComponent, CountryService, CouponApplicability, CouponDiscountType, CouponStatus, CreatorType, CustomerSelectComponent, CustomerService, DEFAULT_STAGE_CONFIG, DOCUMENT_TYPES_OPTIONS, DateInputComponent, DateService, DaySelectorGridComponent, DeleteConfirmationComponent, DeleteConfirmationService, DynamicTableComponent, ERROR_INPUT_CLASSES, EndDateGreaterThanStartValidator, FORM_ERROR_MESSAGES, FeedbackModalComponent, FeedbackModalService, FileType, FileUploadComponent, FileUploadPreviewComponent, FormEditorComponent, FormInputComponent, FormSelectComponent, FormTextareaComponent, GiftBondPurchaseStatus, GiftBondStatus, KONVA_SHAPE_MAPPINGS, LanguageSwitcherComponent, MinTodayValidator, MustMatchValidator, ORDER_DISCOUNT_COLORS, ORDER_ITEM_TYPES_COLORS, ORDER_STATUS_COLORS, OrderBillingInfoComponent, OrderDiscountAppliedComponent, OrderInformationComponent, OrderItemType, OrderItemTypeBadgeComponent, OrderItemsComponent, OrderStatus, OrderStatusBadgeComponent, OrderTransactionDetailsModalComponent, OrderTransactionDetailsModalService, OrderTransactionsComponent, PAYMENT_METHODS_OPTIONS, PERFORMANCES_API_ROUTES, PERFORMANCE_STATUS_COLORS, PERFORMANCE_TICKET_STATUS_COLORS, PRICE_ZONES_API_ROUTES, PRODUCTS_API_ROUTES, PRODUCT_CATEGORIES_API_ROUTES, PRODUCT_TAGS_API_ROUTES, PRODUCT_TYPES_API_ROUTES, PaymentMethod, PerformanceBookingDataService, PerformanceCardComponent, PerformanceCardListComponent, PerformanceMultiSelectComponent, PerformanceSelectComponent, PerformanceService, PerformanceStatus, PerformanceStatusBadgeComponent, PerformanceStepperComponent, PerformanceTicketMapComponent, PerformanceTicketStatus, PerformanceTicketStatusBadgeComponent, PerformancesListEventsService, PriceZoneEventService, PriceZoneFormModalService, PriceZoneSelectComponent, PriceZoneService, ProductCategoryService, ProductMultiSelectComponent, ProductSelectComponent, ProductService, ProductTagService, ProductTypeService, RoomMapElementOrientation, RoomMapElementType, SHOWS_API_ROUTES, SHOW_TYPE_COLORS, STATE_API_ENDPOINTS, SeatSelectionEmptySummaryComponent, SeatSelectionSummaryComponent, SeatSelectionSummaryItemComponent, SelectedDiscountCardType, ShowCardComponent, ShowCardSkeletonComponent, ShowMultiSelectComponent, ShowSelectComponent, ShowService, ShowType, ShowTypeBadgeComponent, ShowsFilterComponent, StateSelectComponent, StatesService, TICKERA_COMPONENTS_CONFIG, TICKET_ELEMENT_TYPES, TICKET_MAP_GRID_SIZE, TICKET_MAP_LAST_TICKETS_LIMIT, TICKET_MAP_TITLE_HEIGHT, TICKET_STATUS_COLORS, TICKET_STATUS_FILLS, TICKET_STATUS_LABELS, TIcketMapProductSelectionComponent, TRANSACTION_STATUS_COLORS, TextExpandableComponent, TickeraTranslocoLoader, TicketMapPriceZonesComponent, TicketMapProductSelectionItemComponent, TicketMapTotalsComponent, TicketMapWidgetComponent, TicketMapWidgetHeaderComponent, TicketMapWrapperComponent, TicketMapZoomControlsComponent, TicketMapZoomService, TicketQrComponent, TicketQrModalComponent, TicketQrModalService, TicketQrService, TicketSelectionDetailsService, TicketSelectionDiscountService, TicketSelectionService, TicketSelectionTotalsService, ToastService, ToggleSwitchComponent, TransactionStatus, VENUES_API_ROUTES, ZonePriceItemComponent, ZonePriceListComponent, authInterceptor, drawChairIcon$1 as drawChairIcon, drawHappyFace, drawRoundedRect, drawWheelchairIcon, findElementAtPosition, findTicketAtPosition, formatCitiesResponseToSelect, generateExitScene, generateHallwayScene, generateProductionAreaScene, generateSeatBlockScene, generateSeatBlockTicketScene, generateStageScene, generateStairScene, generateTableScene, generateTableTicketScene, generateUnavailableSpaceScene, generateZoneScene, getBrowserLanguage, getCustomerFullname, getItemTypeIcon, getOrderDiscount, getStoredLanguage, numberToLetter$1 as numberToLetter, parseJsonToFormDataAdvanced, processElementsToRenderData, provideTickeraComponents, resolveLanguage, setStoredLanguage, tintColor, transformImageToFile };
+export { ADMIN_API_ROUTES, ALERT_ICONS, AdminSelectComponent, AdminService, ApiService, AppAlertComponent, AppBadgeComponent, AppBreadcumbComponent, AppButtonComponent, AppLinkButtonComponent, AppModalComponent, AsyncSelectComponent, AuditInformationComponent, BASE_BUTTON_CLASSES, BASE_INPUT_CLASSES, BUTTON_SIZES_CLASSES, BUTTON_VARIANT_CLASSES, BaseModalService, CITY_API_ENDPOINTS, COUNTRY_API_ENDPOINTS, CUSTOMERS_API_ROUTES, ChangePasswordFormComponent, ChangePasswordFormService, CitiesService, CitySelectComponent, ColorPickerComponent, ConfirmationOrderModalComponent, ConfirmationOrderModalService, CorporateBondStatus, CountrySelectComponent, CountryService, CouponApplicability, CouponDiscountType, CouponStatus, CreatorType, CustomerSelectComponent, CustomerService, DEFAULT_STAGE_CONFIG, DOCUMENT_TYPES_OPTIONS, DateInputComponent, DateService, DaySelectorGridComponent, DeleteConfirmationComponent, DeleteConfirmationService, DynamicTableComponent, ERROR_INPUT_CLASSES, EndDateGreaterThanStartValidator, FORM_ERROR_MESSAGES, FeedbackModalComponent, FeedbackModalService, FileType, FileUploadComponent, FileUploadPreviewComponent, FormEditorComponent, FormInputComponent, FormSelectComponent, FormTextareaComponent, GiftBondPurchaseStatus, GiftBondStatus, KONVA_SHAPE_MAPPINGS, LanguageSwitcherComponent, MinTodayValidator, MustMatchValidator, ORDER_DISCOUNT_COLORS, ORDER_ITEM_TYPES_COLORS, ORDER_STATUS_COLORS, OrderBillingInfoComponent, OrderDiscountAppliedComponent, OrderInformationComponent, OrderItemType, OrderItemTypeBadgeComponent, OrderItemsComponent, OrderStatus, OrderStatusBadgeComponent, OrderTransactionDetailsModalComponent, OrderTransactionDetailsModalService, OrderTransactionsComponent, PAYMENT_METHODS_OPTIONS, PERFORMANCES_API_ROUTES, PERFORMANCE_STATUS_COLORS, PERFORMANCE_TICKET_STATUS_COLORS, PRICE_ZONES_API_ROUTES, PRODUCTS_API_ROUTES, PRODUCT_CATEGORIES_API_ROUTES, PRODUCT_TAGS_API_ROUTES, PRODUCT_TYPES_API_ROUTES, PaymentMethod, PerformanceBookingDataService, PerformanceCardComponent, PerformanceCardListComponent, PerformanceMultiSelectComponent, PerformanceSelectComponent, PerformanceService, PerformanceStatus, PerformanceStatusBadgeComponent, PerformanceStepperComponent, PerformanceTicketMapComponent, PerformanceTicketStatus, PerformanceTicketStatusBadgeComponent, PerformancesListEventsService, PriceZoneEventService, PriceZoneFormModalService, PriceZoneSelectComponent, PriceZoneService, ProductCategoryService, ProductMultiSelectComponent, ProductSelectComponent, ProductService, ProductTagService, ProductTypeService, RoomMapElementOrientation, RoomMapElementType, SHOWS_API_ROUTES, SHOW_TYPE_COLORS, STATE_API_ENDPOINTS, SeatSelectionEmptySummaryComponent, SeatSelectionSummaryComponent, SeatSelectionSummaryItemComponent, SelectedDiscountCardType, ShowCardComponent, ShowCardSkeletonComponent, ShowMultiSelectComponent, ShowSelectComponent, ShowService, ShowType, ShowTypeBadgeComponent, ShowsFilterComponent, StateSelectComponent, StatesService, TICKERA_COMPONENTS_CONFIG, TICKET_ELEMENT_TYPES, TICKET_MAP_GRID_SIZE, TICKET_MAP_LAST_TICKETS_LIMIT, TICKET_MAP_TITLE_HEIGHT, TICKET_STATUS_COLORS, TICKET_STATUS_FILLS, TICKET_STATUS_LABELS, TIcketMapProductSelectionComponent, TRANSACTION_STATUS_COLORS, TextExpandableComponent, TickeraTranslocoLoader, TicketMapPriceZonesComponent, TicketMapProductSelectionItemComponent, TicketMapTotalsComponent, TicketMapWidgetComponent, TicketMapWidgetHeaderComponent, TicketMapWrapperComponent, TicketMapZoomControlsComponent, TicketMapZoomService, TicketQrComponent, TicketQrModalComponent, TicketQrModalService, TicketQrService, TicketSelectionDetailsService, TicketSelectionDiscountService, TicketSelectionService, TicketSelectionTotalsService, ToastService, ToggleSwitchComponent, TransactionStatus, VENUES_API_ROUTES, VIP_CARDS_API_ROUTES, VipBalanceCardComponent, VipCardService, VipCardStatus, VipRechargeModalComponent, VipTransactionType, VipTransactionsTableComponent, ZonePriceItemComponent, ZonePriceListComponent, authInterceptor, drawChairIcon$1 as drawChairIcon, drawHappyFace, drawRoundedRect, drawWheelchairIcon, findElementAtPosition, findTicketAtPosition, formatCitiesResponseToSelect, generateExitScene, generateHallwayScene, generateProductionAreaScene, generateSeatBlockScene, generateSeatBlockTicketScene, generateStageScene, generateStairScene, generateTableScene, generateTableTicketScene, generateUnavailableSpaceScene, generateZoneScene, getBrowserLanguage, getCustomerFullname, getItemTypeIcon, getOrderDiscount, getStoredLanguage, numberToLetter$1 as numberToLetter, parseJsonToFormDataAdvanced, processElementsToRenderData, provideTickeraComponents, resolveLanguage, setStoredLanguage, tintColor, transformImageToFile };
 //# sourceMappingURL=tickera-angular-components.mjs.map