tickera-angular-components 0.0.1-dev.74 → 0.0.1-dev.76

package/fesm2022/tickera-angular-components.mjs

@@ -107,12 +107,43 @@ var order$1 = {
 		datafono: "Datafono",
 		internal_exchange: "Cambio interno",
 		customer_exchange: "Cambio cliente",
-		mercado_pago: "Mercado Pago"
+		mercado_pago: "Mercado Pago",
+		mercadopago: "Mercado Pago",
+		pse: "PSE",
+		credit_card: "Tarjeta de crédito"
+	},
+	transactionStatus: {
+		PENDING: "Pendiente",
+		APPROVED: "Aprobada",
+		REJECTED: "Rechazada",
+		ERROR: "Error"
 	},
 	itemType: {
 		PRODUCT: "Producto",
 		TICKET: "Entrada",
 		GIFT_BOND: "Bono de regalo"
+	},
+	discountTypes: {
+		gift_bond: "Bono de regalo",
+		corporate_bond: "Bono corporativo",
+		coupon: "Cupón de descuento"
+	},
+	transactionDetails: {
+		title: "Detalle de transacción",
+		labels: {
+			id: "ID",
+			paymentMethod: "Medio de pago",
+			status: "Estado",
+			amount: "Valor",
+			currency: "Moneda",
+			gatewayId: "ID transacción",
+			createdAt: "Fecha de creación",
+			updatedAt: "Última actualización",
+			gatewayResponse: "Respuesta del gateway"
+		},
+		actions: {
+			view: "Ver detalle"
+		}
 	}
 };
 var es = {
@@ -212,12 +243,43 @@ var order = {
 		datafono: "Datafono",
 		internal_exchange: "Internal exchange",
 		customer_exchange: "Customer exchange",
-		mercado_pago: "Mercado Pago"
+		mercado_pago: "Mercado Pago",
+		mercadopago: "Mercado Pago",
+		pse: "PSE",
+		credit_card: "Credit card"
+	},
+	transactionStatus: {
+		PENDING: "Pending",
+		APPROVED: "Approved",
+		REJECTED: "Rejected",
+		ERROR: "Error"
 	},
 	itemType: {
 		PRODUCT: "Product",
 		TICKET: "Ticket",
 		GIFT_BOND: "Gift bond"
+	},
+	discountTypes: {
+		gift_bond: "Product",
+		corporate_bond: "Ticket",
+		coupon: "Gift bond"
+	},
+	transactionDetails: {
+		title: "Transaction details",
+		labels: {
+			id: "ID",
+			paymentMethod: "Payment method",
+			status: "Status",
+			amount: "Amount",
+			currency: "Currency",
+			gatewayId: "Transaction ID",
+			createdAt: "Created at",
+			updatedAt: "Last updated",
+			gatewayResponse: "Gateway response"
+		},
+		actions: {
+			view: "View details"
+		}
 	}
 };
 var en = {
@@ -494,28 +556,6 @@ const DOCUMENT_TYPES_OPTIONS = [
     { value: 'TI', label: 'common.documentTypes.ti' },
 ];
 
-const PAYMENT_METHODS_OPTIONS = [
-    { value: 'credit_card', label: 'paymentMethod.creditCard' },
-    { value: 'debit_card', label: 'paymentMethod.debitCard' },
-    { value: 'pse', label: 'paymentMethod.pse' },
-    { value: 'cash', label: 'paymentMethod.cash' },
-    { value: 'bank_transfer', label: 'paymentMethod.bankTransfer' },
-];
-const ORDER_STATUS_COLORS = {
-    completed: { text: '#16a34a', bg: '#dcfce7' },
-    processing: { text: '#525252', bg: '#f5f5f5' },
-    refunded: { text: '#ea580c', bg: '#ffedd5' },
-    failed: { text: '#dc2626', bg: '#fee2e2' },
-    cancelled: { text: '#dc2626', bg: '#fee2e2' },
-    'on-hold': { text: '#ca8a04', bg: '#fef9c3' },
-    'pending-payment': { text: '#ca8a04', bg: '#fef9c3' },
-};
-const ORDER_ITEM_TYPES_COLORS = {
-    TICKET: { text: '#1d4ed8', bg: '#eff6ff' },
-    PRODUCT: { text: '#7e22ce', bg: '#faf5ff' },
-    GIFT_BOND: { text: '#ca8a04', bg: '#fefce8' },
-};
-
 var FileType;
 (function (FileType) {
     FileType["IMAGE"] = "image";
@@ -653,6 +693,39 @@ var PaymentMethod;
     PaymentMethod["MERCADO_PAGO"] = "mercado_pago";
 })(PaymentMethod || (PaymentMethod = {}));
 
+const PAYMENT_METHODS_OPTIONS = [
+    { value: 'credit_card', label: 'paymentMethod.creditCard' },
+    { value: 'debit_card', label: 'paymentMethod.debitCard' },
+    { value: 'pse', label: 'paymentMethod.pse' },
+    { value: 'cash', label: 'paymentMethod.cash' },
+    { value: 'bank_transfer', label: 'paymentMethod.bankTransfer' },
+];
+const ORDER_STATUS_COLORS = {
+    completed: { text: '#16a34a', bg: '#dcfce7' },
+    processing: { text: '#525252', bg: '#f5f5f5' },
+    refunded: { text: '#ea580c', bg: '#ffedd5' },
+    failed: { text: '#dc2626', bg: '#fee2e2' },
+    cancelled: { text: '#dc2626', bg: '#fee2e2' },
+    'on-hold': { text: '#ca8a04', bg: '#fef9c3' },
+    'pending-payment': { text: '#ca8a04', bg: '#fef9c3' },
+};
+const ORDER_ITEM_TYPES_COLORS = {
+    TICKET: { text: '#1d4ed8', bg: '#eff6ff' },
+    PRODUCT: { text: '#7e22ce', bg: '#faf5ff' },
+    GIFT_BOND: { text: '#ca8a04', bg: '#fefce8' },
+};
+const ORDER_DISCOUNT_COLORS = {
+    coupon: { text: '#1d4ed8', bg: '#eff6ff' },
+    corporate_bond: { text: '#7e22ce', bg: '#faf5ff' },
+    gift_bond: { text: '#ca8a04', bg: '#fefce8' },
+};
+const TRANSACTION_STATUS_COLORS = {
+    [TransactionStatus.PENDING]: { text: '#ca8a04', bg: '#fef9c3' },
+    [TransactionStatus.APPROVED]: { text: '#16a34a', bg: '#dcfce7' },
+    [TransactionStatus.REJECTED]: { text: '#dc2626', bg: '#fee2e2' },
+    [TransactionStatus.ERROR]: { text: '#ea580c', bg: '#ffedd5' },
+};
+
 const TICKET_MAP_LAST_TICKETS_LIMIT = 10;
 const TICKET_ELEMENT_TYPES = [
     RoomMapElementType.SEAT_BLOCK,
@@ -1864,6 +1937,56 @@ const getCustomerFullname = (customer) => {
     return `${customer.first_name || ''} ${customer.last_name || ''}`.trim();
 };
 
+const DISCOUNT_ICONS = {
+    coupon: 'ri-coupon-3-line',
+    corporate_bond: 'ri-building-line',
+    gift_bond: 'ri-gift-2-line',
+};
+function getOrderDiscount(order) {
+    if (!order.discount_amount || order.discount_amount <= 0) {
+        return noDiscount();
+    }
+    if (order.coupon || order.coupon_snapshot) {
+        const snap = order.coupon_snapshot;
+        return {
+            type: 'coupon',
+            code: snap?.['code'] ?? order.coupon?.code ?? null,
+            name: snap?.['code'] ?? order.coupon?.code ?? null,
+            value: order.discount_amount,
+            discountType: snap?.['discount_type'] === CouponDiscountType.PERCENTAGE ? 'percentage' : 'fixed',
+            icon: DISCOUNT_ICONS.coupon,
+        };
+    }
+    if (order.corporate_bond_code || order.corporate_bond_code_snapshot) {
+        const snap = order.corporate_bond_code_snapshot;
+        return {
+            type: 'corporate_bond',
+            code: snap?.['code'] ?? order.corporate_bond_code?.code ?? null,
+            name: snap?.['corporate_bond']?.['name'] ??
+                order.corporate_bond_code?.corporate_bond?.name ??
+                null,
+            value: order.discount_amount,
+            discountType: 'fixed',
+            icon: DISCOUNT_ICONS.corporate_bond,
+        };
+    }
+    if (order.gift_bond || order.gift_bond_snapshot) {
+        const snap = order.gift_bond_snapshot;
+        return {
+            type: 'gift_bond',
+            code: null,
+            name: snap?.['name'] ?? order.gift_bond?.name ?? null,
+            value: order.discount_amount,
+            discountType: 'fixed',
+            icon: DISCOUNT_ICONS.gift_bond,
+        };
+    }
+    return noDiscount();
+}
+function noDiscount() {
+    return { type: null, code: null, name: null, value: 0, discountType: null, icon: '' };
+}
+
 function parseJsonToFormDataAdvanced(imageGallery) {
     const formData = new FormData();
     if (!Array.isArray(imageGallery)) {
@@ -2943,6 +3066,27 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImpo
             args: [{ providedIn: 'root' }]
         }] });
 
+class OrderTransactionDetailsModalService {
+    isOpen = signal(false, ...(ngDevMode ? [{ debugName: "isOpen" }] : []));
+    transaction = signal(null, ...(ngDevMode ? [{ debugName: "transaction" }] : []));
+    get modalIsOpen() {
+        return this.isOpen;
+    }
+    open(transaction) {
+        this.transaction.set(transaction);
+    }
+    close() {
+        this.isOpen.set(false);
+        this.transaction.set(null);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: OrderTransactionDetailsModalService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: OrderTransactionDetailsModalService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: OrderTransactionDetailsModalService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+
 class PerformanceBookingDataService {
     _show = signal(null, ...(ngDevMode ? [{ debugName: "_show" }] : []));
     _performance = signal(null, ...(ngDevMode ? [{ debugName: "_performance" }] : []));
@@ -7987,11 +8131,11 @@ class OrderInformationComponent {
         this.transloco = transloco;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: OrderInformationComponent, deps: [{ token: i2$1.TranslocoService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.25", type: OrderInformationComponent, isStandalone: true, selector: "order-information", inputs: { order: "order" }, ngImport: i0, template: "@if (!!order) {\n  <div class=\"order-information\">\n    <div class=\"order-information__header\">\n      <div>\n        <p class=\"order-information__header-id\">Orden #{{ order.id }}</p>\n        <p class=\"order-information__header-uuid\">{{ order.uuid }}</p>\n      </div>\n\n      <order-status-badge [order]=\"order\" />\n    </div>\n\n    <div class=\"order-information__content\">\n      @if (order.show_snapshot && order.show_snapshot['title']) {\n        <div class=\"order-information__content-item\">\n          <p class=\"order-information__content-item-title\">Evento</p>\n          <p class=\"order-information__content-item-value\">\n            {{ order.show_snapshot['title'] }}\n          </p>\n        </div>\n      }\n\n      @if (order.performance_snapshot && order.performance_snapshot['start_time']) {\n        <div class=\"order-information__content-item\">\n          <p class=\"order-information__content-item-title\">Fecha de la funci\u00F3n</p>\n          <p class=\"order-information__content-item-value\">\n            {{ order.performance_snapshot['start_time'] | date: 'dd/MM/yyyy hh:mm a' }}\n          </p>\n        </div>\n      }\n\n      <div class=\"order-information__content-item\">\n        <p class=\"order-information__content-item-title\">Fecha de la compra</p>\n        <p class=\"order-information__content-item-value\">\n          {{ order.created_at | date: 'dd/MM/yyyy hh:mm a' }}\n        </p>\n      </div>\n\n      @if (order.payment_method) {\n        <div class=\"order-information__content-item\">\n          <p class=\"order-information__content-item-title\">M\u00E9todo de pago</p>\n          <p class=\"order-information__content-item-value\">\n            {{ `order.paymentMethods.${order.payment_method}` | transloco }}\n          </p>\n        </div>\n      }\n\n      @if (order.service_fee && order.service_fee > 0) {\n        <div class=\"order-information__content-item\">\n          <p class=\"order-information__content-item-title\">Tarifa de servicio</p>\n          <p class=\"order-information__content-item-value\">\n            ${{ order.service_fee | currency: 'COP' : '' : '1.0-2' }}\n          </p>\n        </div>\n      }\n\n      @if (!!order.discount_amount && order.discount_amount > 0) {\n        <div class=\"order-information__content-item\">\n          <p class=\"order-information__content-item-title\">Descuento</p>\n          <p class=\"order-information__content-item-value\">\n            ${{ order.discount_amount | currency: 'COP' : '' : '1.0-2' }}\n          </p>\n        </div>\n      }\n\n      <div class=\"order-information__content-item\">\n        <p class=\"order-information__content-item-title\">Total</p>\n        @if (order.total_discounted && order.total_discounted >= 0) {\n          <p class=\"order-information__content-item-total_discounted\">\n            <span class=\"discounted\">\n              ${{ order.total_discounted | currency: 'COP' : '' : '1.0-2' }}\n            </span>\n            <span class=\"order-information__content-item-value total\">\n              ${{ order.total | currency: 'COP' : '' : '1.0-2' }}\n            </span>\n          </p>\n        } @else {\n          <p class=\"order-information__content-item-value total\">\n            ${{ order.total | currency: 'COP' : '' : '1.0-2' }}\n          </p>\n        }\n      </div>\n    </div>\n  </div>\n}\n", styles: [".order-information{background-color:#fff;border-radius:.5rem;border:1px solid #f3f4f6;box-sizing:border-box;overflow:hidden;position:relative;width:100%}.order-information__header{align-items:center;border-bottom:1px solid #f3f4f6;display:flex;flex-flow:row wrap;gap:.75rem;justify-content:space-between;padding:1rem;width:100%}.order-information__header-id{color:#6b7280;font-size:.875rem;font-weight:500;margin:0}.order-information__header-uuid{color:#9ca3af;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace;font-size:.75rem;margin:0;word-break:break-all}.order-information__content{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;padding:1rem}@media(min-width:768px){.order-information__content{grid-template-columns:repeat(3,minmax(0,1fr))}}.order-information__content-item{align-items:flex-start;display:flex;flex-flow:column nowrap;position:relative;width:100%}.order-information__content-item-title{color:#9ca3af;font-size:.75rem;margin:0;text-transform:uppercase}.order-information__content-item-value{color:#111827;font-weight:500;font-size:.875rem;margin:0}.order-information__content-item-value.total{font-weight:700}.order-information__content-item-total_discounted{display:flex;flex-flow:row nowrap;gap:.25rem;margin:0;width:100%}.order-information__content-item-total_discounted .discounted{color:#111827;font-size:.875rem;font-weight:700}.order-information__content-item-total_discounted .total{color:#9ca3af;margin:0;text-decoration:line-through}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: OrderStatusBadgeComponent, selector: "order-status-badge", inputs: ["order", "size"] }, { kind: "ngmodule", type: TranslocoModule }, { kind: "pipe", type: i2.CurrencyPipe, name: "currency" }, { kind: "pipe", type: i2.DatePipe, name: "date" }, { kind: "pipe", type: i2$1.TranslocoPipe, name: "transloco" }], encapsulation: i0.ViewEncapsulation.None });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.25", type: OrderInformationComponent, isStandalone: true, selector: "order-information", inputs: { order: "order" }, ngImport: i0, template: "@if (!!order) {\n  <div class=\"order-information\">\n    <div class=\"order-information__header\">\n      <div>\n        <p class=\"order-information__header-id\">Orden #{{ order.id }}</p>\n        <p class=\"order-information__header-uuid\">{{ order.uuid }}</p>\n      </div>\n\n      <order-status-badge [order]=\"order\" />\n    </div>\n\n    <div class=\"order-information__content\">\n      @if (order.show_snapshot && order.show_snapshot['title']) {\n        <div class=\"order-information__content-item\">\n          <p class=\"order-information__content-item-title\">Evento</p>\n          <p class=\"order-information__content-item-value\">\n            {{ order.show_snapshot['title'] }}\n          </p>\n        </div>\n      }\n\n      @if (order.performance_snapshot && order.performance_snapshot['start_time']) {\n        <div class=\"order-information__content-item\">\n          <p class=\"order-information__content-item-title\">Fecha de la funci\u00F3n</p>\n          <p class=\"order-information__content-item-value\">\n            {{ order.performance_snapshot['start_time'] | date: 'dd/MM/yyyy hh:mm a' }}\n          </p>\n        </div>\n      }\n\n      <div class=\"order-information__content-item\">\n        <p class=\"order-information__content-item-title\">Fecha de la compra</p>\n        <p class=\"order-information__content-item-value\">\n          {{ order.created_at | date: 'dd/MM/yyyy hh:mm a' }}\n        </p>\n      </div>\n\n      @if (order.payment_method) {\n        <div class=\"order-information__content-item\">\n          <p class=\"order-information__content-item-title\">M\u00E9todo de pago</p>\n          <p class=\"order-information__content-item-value\">\n            {{ `order.paymentMethods.${order.payment_method}` | transloco }}\n          </p>\n        </div>\n      }\n\n      @if (order.service_fee && order.service_fee > 0) {\n        <div class=\"order-information__content-item\">\n          <p class=\"order-information__content-item-title\">Tarifa de servicio</p>\n          <p class=\"order-information__content-item-value\">\n            ${{ order.service_fee | currency: 'COP' : '' : '1.0-2' }}\n          </p>\n        </div>\n      }\n\n      @if (!!order.discount_amount && order.discount_amount > 0) {\n        <div class=\"order-information__content-item\">\n          <p class=\"order-information__content-item-title\">Descuento</p>\n          <p class=\"order-information__content-item-value\">\n            ${{ order.discount_amount | currency: 'COP' : '' : '1.0-2' }}\n          </p>\n        </div>\n      }\n\n      <div class=\"order-information__content-item\">\n        <p class=\"order-information__content-item-title\">Total</p>\n        @if (order.total_discounted && order.total_discounted >= 0) {\n          <p class=\"order-information__content-item-total_discounted\">\n            <span class=\"discounted\">\n              ${{ order.total_discounted | currency: 'COP' : '' : '1.0-2' }}\n            </span>\n            <span class=\"order-information__content-item-value total\">\n              ${{ order.total | currency: 'COP' : '' : '1.0-2' }}\n            </span>\n          </p>\n        } @else {\n          <p class=\"order-information__content-item-value total\">\n            ${{ order.total | currency: 'COP' : '' : '1.0-2' }}\n          </p>\n        }\n      </div>\n\n      <div class=\"order-information__content-item\">\n        <p class=\"order-information__content-item-title\">T\u00E9rminos aceptados</p>\n        <app-badge\n          [text]=\"order.terms_accepted ? 'Aceptado' : 'No aceptado'\"\n          [backgroundColor]=\"order.terms_accepted ? '#dcfce7' : '#fee2e2'\"\n          [textColor]=\"order.terms_accepted ? '#16a34a' : '#dc2626'\"\n          size=\"xs\"\n        />\n      </div>\n\n      <div class=\"order-information__content-item\">\n        <p class=\"order-information__content-item-title\">Procesamiento de datos aceptado</p>\n        <app-badge\n          [text]=\"order.data_processing_accepted ? 'Aceptado' : 'No aceptado'\"\n          [backgroundColor]=\"order.data_processing_accepted ? '#dcfce7' : '#fee2e2'\"\n          [textColor]=\"order.data_processing_accepted ? '#16a34a' : '#dc2626'\"\n          size=\"xs\"\n        />\n      </div>\n\n      @if (order.comments) {\n        <div class=\"order-information__content-item\">\n          <p class=\"order-information__content-item-title\">Comentarios</p>\n          <p class=\"order-information__content-item-value\">{{ order.comments }}</p>\n        </div>\n      }\n\n      @if (order.address_notes) {\n        <div class=\"order-information__content-item\">\n          <p class=\"order-information__content-item-title\">Notas de direcci\u00F3n</p>\n          <p class=\"order-information__content-item-value\">{{ order.address_notes }}</p>\n        </div>\n      }\n    </div>\n  </div>\n}\n", styles: [".order-information{background-color:#fff;border-radius:.5rem;border:1px solid #f3f4f6;box-sizing:border-box;overflow:hidden;position:relative;width:100%}.order-information__header{align-items:center;border-bottom:1px solid #f3f4f6;display:flex;flex-flow:row wrap;gap:.75rem;justify-content:space-between;padding:1rem;width:100%}.order-information__header-id{color:#6b7280;font-size:.875rem;font-weight:700;margin:0}.order-information__header-uuid{color:#9ca3af;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace;font-size:.75rem;margin:0;word-break:break-all}.order-information__content{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;padding:1rem}@media(min-width:768px){.order-information__content{grid-template-columns:repeat(3,minmax(0,1fr))}}.order-information__content-item{align-items:flex-start;display:flex;flex-flow:column nowrap;position:relative;width:100%}.order-information__content-item-title{color:#9ca3af;font-size:.75rem;margin:0;text-transform:uppercase}.order-information__content-item-value{color:#111827;font-weight:500;font-size:.875rem;margin:0}.order-information__content-item-value.total{font-weight:700}.order-information__content-item-total_discounted{display:flex;flex-flow:row nowrap;gap:.25rem;margin:0;width:100%}.order-information__content-item-total_discounted .discounted{color:#111827;font-size:.875rem;font-weight:700}.order-information__content-item-total_discounted .total{color:#9ca3af;margin:0;text-decoration:line-through}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: OrderStatusBadgeComponent, selector: "order-status-badge", inputs: ["order", "size"] }, { kind: "ngmodule", type: TranslocoModule }, { kind: "component", type: AppBadgeComponent, selector: "app-badge", inputs: ["text", "color", "size", "bordered", "backgroundColor", "textColor"] }, { kind: "pipe", type: i2.CurrencyPipe, name: "currency" }, { kind: "pipe", type: i2.DatePipe, name: "date" }, { kind: "pipe", type: i2$1.TranslocoPipe, name: "transloco" }], encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: OrderInformationComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'order-information', standalone: true, imports: [CommonModule, OrderStatusBadgeComponent, TranslocoModule], encapsulation: ViewEncapsulation.None, template: "@if (!!order) {\n  <div class=\"order-information\">\n    <div class=\"order-information__header\">\n      <div>\n        <p class=\"order-information__header-id\">Orden #{{ order.id }}</p>\n        <p class=\"order-information__header-uuid\">{{ order.uuid }}</p>\n      </div>\n\n      <order-status-badge [order]=\"order\" />\n    </div>\n\n    <div class=\"order-information__content\">\n      @if (order.show_snapshot && order.show_snapshot['title']) {\n        <div class=\"order-information__content-item\">\n          <p class=\"order-information__content-item-title\">Evento</p>\n          <p class=\"order-information__content-item-value\">\n            {{ order.show_snapshot['title'] }}\n          </p>\n        </div>\n      }\n\n      @if (order.performance_snapshot && order.performance_snapshot['start_time']) {\n        <div class=\"order-information__content-item\">\n          <p class=\"order-information__content-item-title\">Fecha de la funci\u00F3n</p>\n          <p class=\"order-information__content-item-value\">\n            {{ order.performance_snapshot['start_time'] | date: 'dd/MM/yyyy hh:mm a' }}\n          </p>\n        </div>\n      }\n\n      <div class=\"order-information__content-item\">\n        <p class=\"order-information__content-item-title\">Fecha de la compra</p>\n        <p class=\"order-information__content-item-value\">\n          {{ order.created_at | date: 'dd/MM/yyyy hh:mm a' }}\n        </p>\n      </div>\n\n      @if (order.payment_method) {\n        <div class=\"order-information__content-item\">\n          <p class=\"order-information__content-item-title\">M\u00E9todo de pago</p>\n          <p class=\"order-information__content-item-value\">\n            {{ `order.paymentMethods.${order.payment_method}` | transloco }}\n          </p>\n        </div>\n      }\n\n      @if (order.service_fee && order.service_fee > 0) {\n        <div class=\"order-information__content-item\">\n          <p class=\"order-information__content-item-title\">Tarifa de servicio</p>\n          <p class=\"order-information__content-item-value\">\n            ${{ order.service_fee | currency: 'COP' : '' : '1.0-2' }}\n          </p>\n        </div>\n      }\n\n      @if (!!order.discount_amount && order.discount_amount > 0) {\n        <div class=\"order-information__content-item\">\n          <p class=\"order-information__content-item-title\">Descuento</p>\n          <p class=\"order-information__content-item-value\">\n            ${{ order.discount_amount | currency: 'COP' : '' : '1.0-2' }}\n          </p>\n        </div>\n      }\n\n      <div class=\"order-information__content-item\">\n        <p class=\"order-information__content-item-title\">Total</p>\n        @if (order.total_discounted && order.total_discounted >= 0) {\n          <p class=\"order-information__content-item-total_discounted\">\n            <span class=\"discounted\">\n              ${{ order.total_discounted | currency: 'COP' : '' : '1.0-2' }}\n            </span>\n            <span class=\"order-information__content-item-value total\">\n              ${{ order.total | currency: 'COP' : '' : '1.0-2' }}\n            </span>\n          </p>\n        } @else {\n          <p class=\"order-information__content-item-value total\">\n            ${{ order.total | currency: 'COP' : '' : '1.0-2' }}\n          </p>\n        }\n      </div>\n    </div>\n  </div>\n}\n", styles: [".order-information{background-color:#fff;border-radius:.5rem;border:1px solid #f3f4f6;box-sizing:border-box;overflow:hidden;position:relative;width:100%}.order-information__header{align-items:center;border-bottom:1px solid #f3f4f6;display:flex;flex-flow:row wrap;gap:.75rem;justify-content:space-between;padding:1rem;width:100%}.order-information__header-id{color:#6b7280;font-size:.875rem;font-weight:500;margin:0}.order-information__header-uuid{color:#9ca3af;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace;font-size:.75rem;margin:0;word-break:break-all}.order-information__content{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;padding:1rem}@media(min-width:768px){.order-information__content{grid-template-columns:repeat(3,minmax(0,1fr))}}.order-information__content-item{align-items:flex-start;display:flex;flex-flow:column nowrap;position:relative;width:100%}.order-information__content-item-title{color:#9ca3af;font-size:.75rem;margin:0;text-transform:uppercase}.order-information__content-item-value{color:#111827;font-weight:500;font-size:.875rem;margin:0}.order-information__content-item-value.total{font-weight:700}.order-information__content-item-total_discounted{display:flex;flex-flow:row nowrap;gap:.25rem;margin:0;width:100%}.order-information__content-item-total_discounted .discounted{color:#111827;font-size:.875rem;font-weight:700}.order-information__content-item-total_discounted .total{color:#9ca3af;margin:0;text-decoration:line-through}\n"] }]
+            args: [{ selector: 'order-information', standalone: true, imports: [CommonModule, OrderStatusBadgeComponent, TranslocoModule, AppBadgeComponent], encapsulation: ViewEncapsulation.None, template: "@if (!!order) {\n  <div class=\"order-information\">\n    <div class=\"order-information__header\">\n      <div>\n        <p class=\"order-information__header-id\">Orden #{{ order.id }}</p>\n        <p class=\"order-information__header-uuid\">{{ order.uuid }}</p>\n      </div>\n\n      <order-status-badge [order]=\"order\" />\n    </div>\n\n    <div class=\"order-information__content\">\n      @if (order.show_snapshot && order.show_snapshot['title']) {\n        <div class=\"order-information__content-item\">\n          <p class=\"order-information__content-item-title\">Evento</p>\n          <p class=\"order-information__content-item-value\">\n            {{ order.show_snapshot['title'] }}\n          </p>\n        </div>\n      }\n\n      @if (order.performance_snapshot && order.performance_snapshot['start_time']) {\n        <div class=\"order-information__content-item\">\n          <p class=\"order-information__content-item-title\">Fecha de la funci\u00F3n</p>\n          <p class=\"order-information__content-item-value\">\n            {{ order.performance_snapshot['start_time'] | date: 'dd/MM/yyyy hh:mm a' }}\n          </p>\n        </div>\n      }\n\n      <div class=\"order-information__content-item\">\n        <p class=\"order-information__content-item-title\">Fecha de la compra</p>\n        <p class=\"order-information__content-item-value\">\n          {{ order.created_at | date: 'dd/MM/yyyy hh:mm a' }}\n        </p>\n      </div>\n\n      @if (order.payment_method) {\n        <div class=\"order-information__content-item\">\n          <p class=\"order-information__content-item-title\">M\u00E9todo de pago</p>\n          <p class=\"order-information__content-item-value\">\n            {{ `order.paymentMethods.${order.payment_method}` | transloco }}\n          </p>\n        </div>\n      }\n\n      @if (order.service_fee && order.service_fee > 0) {\n        <div class=\"order-information__content-item\">\n          <p class=\"order-information__content-item-title\">Tarifa de servicio</p>\n          <p class=\"order-information__content-item-value\">\n            ${{ order.service_fee | currency: 'COP' : '' : '1.0-2' }}\n          </p>\n        </div>\n      }\n\n      @if (!!order.discount_amount && order.discount_amount > 0) {\n        <div class=\"order-information__content-item\">\n          <p class=\"order-information__content-item-title\">Descuento</p>\n          <p class=\"order-information__content-item-value\">\n            ${{ order.discount_amount | currency: 'COP' : '' : '1.0-2' }}\n          </p>\n        </div>\n      }\n\n      <div class=\"order-information__content-item\">\n        <p class=\"order-information__content-item-title\">Total</p>\n        @if (order.total_discounted && order.total_discounted >= 0) {\n          <p class=\"order-information__content-item-total_discounted\">\n            <span class=\"discounted\">\n              ${{ order.total_discounted | currency: 'COP' : '' : '1.0-2' }}\n            </span>\n            <span class=\"order-information__content-item-value total\">\n              ${{ order.total | currency: 'COP' : '' : '1.0-2' }}\n            </span>\n          </p>\n        } @else {\n          <p class=\"order-information__content-item-value total\">\n            ${{ order.total | currency: 'COP' : '' : '1.0-2' }}\n          </p>\n        }\n      </div>\n\n      <div class=\"order-information__content-item\">\n        <p class=\"order-information__content-item-title\">T\u00E9rminos aceptados</p>\n        <app-badge\n          [text]=\"order.terms_accepted ? 'Aceptado' : 'No aceptado'\"\n          [backgroundColor]=\"order.terms_accepted ? '#dcfce7' : '#fee2e2'\"\n          [textColor]=\"order.terms_accepted ? '#16a34a' : '#dc2626'\"\n          size=\"xs\"\n        />\n      </div>\n\n      <div class=\"order-information__content-item\">\n        <p class=\"order-information__content-item-title\">Procesamiento de datos aceptado</p>\n        <app-badge\n          [text]=\"order.data_processing_accepted ? 'Aceptado' : 'No aceptado'\"\n          [backgroundColor]=\"order.data_processing_accepted ? '#dcfce7' : '#fee2e2'\"\n          [textColor]=\"order.data_processing_accepted ? '#16a34a' : '#dc2626'\"\n          size=\"xs\"\n        />\n      </div>\n\n      @if (order.comments) {\n        <div class=\"order-information__content-item\">\n          <p class=\"order-information__content-item-title\">Comentarios</p>\n          <p class=\"order-information__content-item-value\">{{ order.comments }}</p>\n        </div>\n      }\n\n      @if (order.address_notes) {\n        <div class=\"order-information__content-item\">\n          <p class=\"order-information__content-item-title\">Notas de direcci\u00F3n</p>\n          <p class=\"order-information__content-item-value\">{{ order.address_notes }}</p>\n        </div>\n      }\n    </div>\n  </div>\n}\n", styles: [".order-information{background-color:#fff;border-radius:.5rem;border:1px solid #f3f4f6;box-sizing:border-box;overflow:hidden;position:relative;width:100%}.order-information__header{align-items:center;border-bottom:1px solid #f3f4f6;display:flex;flex-flow:row wrap;gap:.75rem;justify-content:space-between;padding:1rem;width:100%}.order-information__header-id{color:#6b7280;font-size:.875rem;font-weight:700;margin:0}.order-information__header-uuid{color:#9ca3af;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace;font-size:.75rem;margin:0;word-break:break-all}.order-information__content{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;padding:1rem}@media(min-width:768px){.order-information__content{grid-template-columns:repeat(3,minmax(0,1fr))}}.order-information__content-item{align-items:flex-start;display:flex;flex-flow:column nowrap;position:relative;width:100%}.order-information__content-item-title{color:#9ca3af;font-size:.75rem;margin:0;text-transform:uppercase}.order-information__content-item-value{color:#111827;font-weight:500;font-size:.875rem;margin:0}.order-information__content-item-value.total{font-weight:700}.order-information__content-item-total_discounted{display:flex;flex-flow:row nowrap;gap:.25rem;margin:0;width:100%}.order-information__content-item-total_discounted .discounted{color:#111827;font-size:.875rem;font-weight:700}.order-information__content-item-total_discounted .total{color:#9ca3af;margin:0;text-decoration:line-through}\n"] }]
         }], ctorParameters: () => [{ type: i2$1.TranslocoService }], propDecorators: { order: [{
                 type: Input,
                 args: [{ required: true }]
@@ -8197,7 +8341,7 @@ class OrderItemsComponent {
         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      <ticket-map-widget-header [title]=\"`Art\u00EDculos (${order.order_items.length})`\" />\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__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"], outputs: ["clicked"] }, { kind: "component", type: TicketQrModalComponent, selector: "ticket-qr-modal" }, { kind: "component", type: TicketMapWidgetHeaderComponent, selector: "ticket-map-widget-header", inputs: ["title"] }, { kind: "component", type: OrderItemTypeBadgeComponent, selector: "order-item-type-badge", inputs: ["item", "size"] }, { kind: "pipe", type: i2.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 (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"], 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: i2.DecimalPipe, name: "number" }], encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: OrderItemsComponent, decorators: [{
             type: Component,
@@ -8207,17 +8351,182 @@ 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      <ticket-map-widget-header [title]=\"`Art\u00EDculos (${order.order_items.length})`\" />\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__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 (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 }]
             }] } });
 
+class OrderDiscountAppliedComponent {
+    order;
+    get discountInfo() {
+        return getOrderDiscount(this.order);
+    }
+    get hasDiscount() {
+        return this.discountInfo.type !== null && this.discountInfo.value > 0;
+    }
+    get discountPct() {
+        if (this.discountInfo.discountType !== 'percentage')
+            return null;
+        return this.order.coupon_snapshot?.['discount_value'] ?? null;
+    }
+    get badgeColors() {
+        if (!this.discountInfo.type)
+            return { text: '', bg: '' };
+        return ORDER_DISCOUNT_COLORS[this.discountInfo.type] ?? { text: '', bg: '' };
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: OrderDiscountAppliedComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.25", type: OrderDiscountAppliedComponent, isStandalone: true, selector: "order-discount-applied", inputs: { order: "order" }, ngImport: i0, template: "@if (hasDiscount) {\n  <div class=\"order-discount-applied\">\n    <div class=\"order-discount-applied__content\">\n      <div class=\"order-discount-applied__content-item discount-icon\">\n        <div class=\"order-discount-applied__content-item-icon-wrapper\">\n          <i class=\"order-discount-applied__content-item-icon\" [class]=\"discountInfo.icon\"></i>\n        </div>\n      </div>\n\n      <div class=\"order-discount-applied__content-item\">\n        <p class=\"order-discount-applied__content-item-title\">Tipo de descuento</p>\n        <app-badge\n          [text]=\"'order.discountTypes.' + discountInfo.type | transloco\"\n          [backgroundColor]=\"badgeColors.bg\"\n          [textColor]=\"badgeColors.text\"\n          size=\"xs\"\n        />\n      </div>\n\n      @if (discountInfo.code) {\n        <div class=\"order-discount-applied__content-item\">\n          <p class=\"order-discount-applied__content-item-title\">C\u00F3digo</p>\n          <p class=\"order-discount-applied__content-item-value\">{{ discountInfo.code }}</p>\n        </div>\n      }\n\n      @if (discountInfo.name && discountInfo.name !== discountInfo.code) {\n        <div class=\"order-discount-applied__content-item\">\n          <p class=\"order-discount-applied__content-item-title\">Nombre</p>\n          <p class=\"order-discount-applied__content-item-value\">{{ discountInfo.name }}</p>\n        </div>\n      }\n\n      <div class=\"order-discount-applied__content-item\">\n        <p class=\"order-discount-applied__content-item-title\">Valor del descuento</p>\n        <p class=\"order-discount-applied__content-item-value\">\n          ${{ discountInfo.value | currency: 'COP' : '' : '1.0-2' }}\n        </p>\n      </div>\n    </div>\n  </div>\n}\n", styles: [".order-discount-applied{background-color:#fff;border-radius:.5rem;border:1px solid #f3f4f6;box-sizing:border-box;overflow:hidden;position:relative;width:100%}.order-discount-applied__content{display:flex;flex-flow:row wrap;gap:1rem;padding:1rem}.order-discount-applied__content-item{align-items:flex-start;display:flex;flex-flow:column nowrap;flex:1 1 calc(50% - 1rem);position:relative}@media(min-width:768px){.order-discount-applied__content-item{flex:1 1 0}}.order-discount-applied__content-item.discount-icon{flex:0 0 auto;justify-content:center;width:auto}@media(min-width:768px){.order-discount-applied__content-item.discount-icon{flex:0 0 auto}}.order-discount-applied__content-item-title{color:#9ca3af;font-size:.75rem;margin:0;text-transform:uppercase}.order-discount-applied__content-item-value{color:#111827;font-weight:500;font-size:.875rem;margin:0}.order-discount-applied__content-item-icon-wrapper{align-items:center;border-radius:.375rem;border:1px solid #e5e7eb;display:flex;height:2.5rem;justify-content:center;width:2.5rem}.order-discount-applied__content-item-icon-wrapper i{font-size:1.25rem}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: TranslocoModule }, { kind: "component", type: AppBadgeComponent, selector: "app-badge", inputs: ["text", "color", "size", "bordered", "backgroundColor", "textColor"] }, { kind: "pipe", type: i2.CurrencyPipe, name: "currency" }, { kind: "pipe", type: i2$1.TranslocoPipe, name: "transloco" }], encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: OrderDiscountAppliedComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'order-discount-applied', standalone: true, imports: [CommonModule, TranslocoModule, AppBadgeComponent], encapsulation: ViewEncapsulation.None, template: "@if (hasDiscount) {\n  <div class=\"order-discount-applied\">\n    <div class=\"order-discount-applied__content\">\n      <div class=\"order-discount-applied__content-item discount-icon\">\n        <div class=\"order-discount-applied__content-item-icon-wrapper\">\n          <i class=\"order-discount-applied__content-item-icon\" [class]=\"discountInfo.icon\"></i>\n        </div>\n      </div>\n\n      <div class=\"order-discount-applied__content-item\">\n        <p class=\"order-discount-applied__content-item-title\">Tipo de descuento</p>\n        <app-badge\n          [text]=\"'order.discountTypes.' + discountInfo.type | transloco\"\n          [backgroundColor]=\"badgeColors.bg\"\n          [textColor]=\"badgeColors.text\"\n          size=\"xs\"\n        />\n      </div>\n\n      @if (discountInfo.code) {\n        <div class=\"order-discount-applied__content-item\">\n          <p class=\"order-discount-applied__content-item-title\">C\u00F3digo</p>\n          <p class=\"order-discount-applied__content-item-value\">{{ discountInfo.code }}</p>\n        </div>\n      }\n\n      @if (discountInfo.name && discountInfo.name !== discountInfo.code) {\n        <div class=\"order-discount-applied__content-item\">\n          <p class=\"order-discount-applied__content-item-title\">Nombre</p>\n          <p class=\"order-discount-applied__content-item-value\">{{ discountInfo.name }}</p>\n        </div>\n      }\n\n      <div class=\"order-discount-applied__content-item\">\n        <p class=\"order-discount-applied__content-item-title\">Valor del descuento</p>\n        <p class=\"order-discount-applied__content-item-value\">\n          ${{ discountInfo.value | currency: 'COP' : '' : '1.0-2' }}\n        </p>\n      </div>\n    </div>\n  </div>\n}\n", styles: [".order-discount-applied{background-color:#fff;border-radius:.5rem;border:1px solid #f3f4f6;box-sizing:border-box;overflow:hidden;position:relative;width:100%}.order-discount-applied__content{display:flex;flex-flow:row wrap;gap:1rem;padding:1rem}.order-discount-applied__content-item{align-items:flex-start;display:flex;flex-flow:column nowrap;flex:1 1 calc(50% - 1rem);position:relative}@media(min-width:768px){.order-discount-applied__content-item{flex:1 1 0}}.order-discount-applied__content-item.discount-icon{flex:0 0 auto;justify-content:center;width:auto}@media(min-width:768px){.order-discount-applied__content-item.discount-icon{flex:0 0 auto}}.order-discount-applied__content-item-title{color:#9ca3af;font-size:.75rem;margin:0;text-transform:uppercase}.order-discount-applied__content-item-value{color:#111827;font-weight:500;font-size:.875rem;margin:0}.order-discount-applied__content-item-icon-wrapper{align-items:center;border-radius:.375rem;border:1px solid #e5e7eb;display:flex;height:2.5rem;justify-content:center;width:2.5rem}.order-discount-applied__content-item-icon-wrapper i{font-size:1.25rem}\n"] }]
+        }], propDecorators: { order: [{
+                type: Input,
+                args: [{ required: true }]
+            }] } });
+
+class OrderBillingInfoComponent {
+    order;
+    get fields() {
+        if (!this.order)
+            return [];
+        const billing = this.order.billing_info;
+        const customer = this.order.customer;
+        const hasBilling = billing && !!(billing.first_name || billing.document_type || billing.email);
+        if (hasBilling) {
+            const result = [];
+            const fullName = `${billing.first_name || ''} ${billing.last_name || ''}`.trim();
+            if (fullName)
+                result.push({ label: 'Nombre / Razón social', value: fullName });
+            if (billing.document_type)
+                result.push({ label: 'Tipo de documento', value: billing.document_type });
+            if (billing.document_number)
+                result.push({ label: 'Número de documento', value: billing.document_number });
+            if (billing.address)
+                result.push({ label: 'Dirección', value: billing.address });
+            if (billing.email)
+                result.push({ label: 'Correo electrónico', value: billing.email });
+            if (billing.mobile)
+                result.push({ label: 'Teléfono', value: billing.mobile });
+            if (billing.city_id)
+                result.push({ label: 'Ciudad', value: billing.city_id });
+            if (billing.postal_code)
+                result.push({ label: 'Código postal', value: billing.postal_code });
+            if (billing.address_notes)
+                result.push({ label: 'Notas de dirección', value: billing.address_notes });
+            return result;
+        }
+        const fields = [];
+        const fullName = customer ? getCustomerFullname(customer) : this.order.customer_name || null;
+        if (fullName)
+            fields.push({ label: 'Nombre', value: fullName });
+        if (customer?.document_type)
+            fields.push({ label: 'Tipo de documento', value: customer.document_type });
+        if (customer?.document_number)
+            fields.push({ label: 'Número de documento', value: customer.document_number });
+        if (customer?.address)
+            fields.push({ label: 'Dirección', value: customer.address });
+        const email = customer?.email || this.order.customer_email || null;
+        if (email)
+            fields.push({ label: 'Correo electrónico', value: email });
+        const phone = customer?.phone || customer?.mobile || null;
+        if (phone)
+            fields.push({ label: 'Teléfono', value: phone });
+        return fields;
+    }
+    get hasFields() {
+        return this.fields.length > 0;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: OrderBillingInfoComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.25", type: OrderBillingInfoComponent, isStandalone: true, selector: "order-billing-info", inputs: { order: "order" }, ngImport: i0, template: "@if (hasFields) {\n  <div class=\"order-billing-info\">\n    <div class=\"order-billing-info__header\">\n      <p class=\"order-billing-info__header-title\">Informaci\u00F3n de facturaci\u00F3n</p>\n    </div>\n    <div class=\"order-billing-info__content\">\n      @for (field of fields; track field.label) {\n        <div class=\"order-billing-info__content-item\">\n          <p class=\"order-billing-info__content-item-title\">{{ field.label }}</p>\n          <p class=\"order-billing-info__content-item-value\">{{ field.value }}</p>\n        </div>\n      }\n    </div>\n  </div>\n}\n", styles: [".order-billing-info{background-color:#fff;border-radius:.5rem;border:1px solid #f3f4f6;box-sizing:border-box;overflow:hidden;position:relative;width:100%}.order-billing-info__header{align-items:center;border-bottom:1px solid #f3f4f6;display:flex;padding:1rem;width:100%}.order-billing-info__header-title{color:#6b7280;font-size:.875rem;font-weight:700;margin:0}.order-billing-info__content{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;padding:1rem}@media(min-width:768px){.order-billing-info__content{grid-template-columns:repeat(3,minmax(0,1fr))}}.order-billing-info__content-item{align-items:flex-start;display:flex;flex-flow:column nowrap;position:relative;width:100%}.order-billing-info__content-item-title{color:#9ca3af;font-size:.75rem;margin:0;text-transform:uppercase}.order-billing-info__content-item-value{color:#111827;font-weight:500;font-size:.875rem;margin:0}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }], encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: OrderBillingInfoComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'order-billing-info', standalone: true, imports: [CommonModule], encapsulation: ViewEncapsulation.None, template: "@if (hasFields) {\n  <div class=\"order-billing-info\">\n    <div class=\"order-billing-info__header\">\n      <p class=\"order-billing-info__header-title\">Informaci\u00F3n de facturaci\u00F3n</p>\n    </div>\n    <div class=\"order-billing-info__content\">\n      @for (field of fields; track field.label) {\n        <div class=\"order-billing-info__content-item\">\n          <p class=\"order-billing-info__content-item-title\">{{ field.label }}</p>\n          <p class=\"order-billing-info__content-item-value\">{{ field.value }}</p>\n        </div>\n      }\n    </div>\n  </div>\n}\n", styles: [".order-billing-info{background-color:#fff;border-radius:.5rem;border:1px solid #f3f4f6;box-sizing:border-box;overflow:hidden;position:relative;width:100%}.order-billing-info__header{align-items:center;border-bottom:1px solid #f3f4f6;display:flex;padding:1rem;width:100%}.order-billing-info__header-title{color:#6b7280;font-size:.875rem;font-weight:700;margin:0}.order-billing-info__content{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;padding:1rem}@media(min-width:768px){.order-billing-info__content{grid-template-columns:repeat(3,minmax(0,1fr))}}.order-billing-info__content-item{align-items:flex-start;display:flex;flex-flow:column nowrap;position:relative;width:100%}.order-billing-info__content-item-title{color:#9ca3af;font-size:.75rem;margin:0;text-transform:uppercase}.order-billing-info__content-item-value{color:#111827;font-weight:500;font-size:.875rem;margin:0}\n"] }]
+        }], propDecorators: { order: [{
+                type: Input,
+                args: [{ required: true }]
+            }] } });
+
+class OrderTransactionDetailsModalComponent {
+    modalService = inject(OrderTransactionDetailsModalService);
+    isOpen = null;
+    transaction = null;
+    get modalIsOpen() {
+        return this.isOpen ?? this.modalService.isOpen;
+    }
+    get selectedTransaction() {
+        return this.transaction ? signal(this.transaction) : this.modalService.transaction;
+    }
+    get txColors() {
+        return TRANSACTION_STATUS_COLORS;
+    }
+    get gatewayResponse() {
+        const response = this.selectedTransaction()?.gateway_response;
+        if (response == null)
+            return '';
+        return typeof response === 'string' ? response : JSON.stringify(response, null, 2);
+    }
+    onClose() {
+        if (this.isOpen) {
+            this.isOpen.set(false);
+            return;
+        }
+        this.modalService.close();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: OrderTransactionDetailsModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.25", type: OrderTransactionDetailsModalComponent, isStandalone: true, selector: "order-transaction-details-modal", inputs: { isOpen: "isOpen", transaction: "transaction" }, ngImport: i0, template: "<app-modal\n  [isOpen]=\"modalIsOpen\"\n  (closeModal)=\"onClose()\"\n  [title]=\"'order.transactionDetails.title' | transloco\"\n  size=\"lg\"\n>\n  @if (selectedTransaction(); as tx) {\n    <div class=\"order-transaction-details\">\n      <div class=\"order-transaction-details__grid\">\n        <div class=\"order-transaction-details__item\">\n          <span class=\"order-transaction-details__label\">\n            {{ 'order.transactionDetails.labels.id' | transloco }}\n          </span>\n          <span class=\"order-transaction-details__value\">{{ tx.id }}</span>\n        </div>\n\n        <div class=\"order-transaction-details__item\">\n          <span class=\"order-transaction-details__label\">\n            {{ 'order.transactionDetails.labels.paymentMethod' | transloco }}\n          </span>\n          <span class=\"order-transaction-details__value\">\n            {{ 'order.paymentMethods.' + tx.payment_gateway | transloco }}\n          </span>\n        </div>\n\n        <div class=\"order-transaction-details__item\">\n          <span class=\"order-transaction-details__label\">\n            {{ 'order.transactionDetails.labels.status' | transloco }}\n          </span>\n          <span class=\"order-transaction-details__value\">\n            <app-badge\n              [text]=\"'order.transactionStatus.' + tx.status | transloco\"\n              [backgroundColor]=\"txColors[tx.status].bg\"\n              [textColor]=\"txColors[tx.status].text\"\n              size=\"xs\"\n            />\n          </span>\n        </div>\n\n        <div class=\"order-transaction-details__item\">\n          <span class=\"order-transaction-details__label\">\n            {{ 'order.transactionDetails.labels.amount' | transloco }}\n          </span>\n          <span class=\"order-transaction-details__value\">\n            ${{ tx.amount | number: '1.0-2' }} {{ tx.currency }}\n          </span>\n        </div>\n\n        <div class=\"order-transaction-details__item\">\n          <span class=\"order-transaction-details__label\">\n            {{ 'order.transactionDetails.labels.currency' | transloco }}\n          </span>\n          <span class=\"order-transaction-details__value\">{{ tx.currency }}</span>\n        </div>\n\n        <div class=\"order-transaction-details__item\">\n          <span class=\"order-transaction-details__label\">\n            {{ 'order.transactionDetails.labels.gatewayId' | transloco }}\n          </span>\n          <span class=\"order-transaction-details__value gateway-id\">\n            {{ tx.gateway_transaction_id }}\n          </span>\n        </div>\n\n        <div class=\"order-transaction-details__item\">\n          <span class=\"order-transaction-details__label\">\n            {{ 'order.transactionDetails.labels.createdAt' | transloco }}\n          </span>\n          <span class=\"order-transaction-details__value\">{{ tx.created_at | date: 'medium' }}</span>\n        </div>\n\n        <div class=\"order-transaction-details__item\">\n          <span class=\"order-transaction-details__label\">\n            {{ 'order.transactionDetails.labels.updatedAt' | transloco }}\n          </span>\n          <span class=\"order-transaction-details__value\">{{ tx.updated_at | date: 'medium' }}</span>\n        </div>\n      </div>\n\n      <div class=\"order-transaction-details__item\">\n        <span class=\"order-transaction-details__label\">\n          {{ 'order.transactionDetails.labels.gatewayResponse' | transloco }}\n        </span>\n        @if (gatewayResponse) {\n          <pre class=\"order-transaction-details__json\">{{ gatewayResponse }}</pre>\n        } @else {\n          <span class=\"order-transaction-details__value\">\u2014</span>\n        }\n      </div>\n    </div>\n  }\n</app-modal>\n", styles: [".order-transaction-details{display:flex;flex-direction:column;gap:1.5rem}.order-transaction-details__grid{display:grid;gap:1rem 1.5rem;grid-template-columns:repeat(2,minmax(0,1fr))}.order-transaction-details__item{display:flex;flex-direction:column;gap:.25rem}.order-transaction-details__label{color:#6b7280;font-size:.75rem;font-weight:700;text-transform:uppercase}.order-transaction-details__value{color:#374151;font-size:.875rem}@media(prefers-color-scheme:dark){.order-transaction-details__value{color:#d1d5db}}.order-transaction-details__json{background-color:#f9fafb;border:1px solid #f3f4f6;border-radius:.375rem;color:#374151;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace;font-size:.75rem;line-height:1.625;margin:0;max-height:20rem;overflow:auto;padding:.75rem 1rem;white-space:pre-wrap;word-break:break-word}@media(prefers-color-scheme:dark){.order-transaction-details__json{background-color:#111827}}@media(prefers-color-scheme:dark){.order-transaction-details__json{border-color:#374151}}@media(prefers-color-scheme:dark){.order-transaction-details__json{color:#d1d5db}}.order-transaction-details .gateway-id{font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace;font-size:.75rem}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: TranslocoModule }, { kind: "component", type: AppModalComponent, selector: "app-modal", inputs: ["title", "disableClose", "showHeader", "showCloseButton", "showTitle", "isOpen", "size"], outputs: ["closeModal"] }, { kind: "component", type: AppBadgeComponent, selector: "app-badge", inputs: ["text", "color", "size", "bordered", "backgroundColor", "textColor"] }, { kind: "pipe", type: i2.DecimalPipe, name: "number" }, { kind: "pipe", type: i2.DatePipe, name: "date" }, { kind: "pipe", type: i2$1.TranslocoPipe, name: "transloco" }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: OrderTransactionDetailsModalComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'order-transaction-details-modal', standalone: true, imports: [CommonModule, TranslocoModule, AppModalComponent, AppBadgeComponent], template: "<app-modal\n  [isOpen]=\"modalIsOpen\"\n  (closeModal)=\"onClose()\"\n  [title]=\"'order.transactionDetails.title' | transloco\"\n  size=\"lg\"\n>\n  @if (selectedTransaction(); as tx) {\n    <div class=\"order-transaction-details\">\n      <div class=\"order-transaction-details__grid\">\n        <div class=\"order-transaction-details__item\">\n          <span class=\"order-transaction-details__label\">\n            {{ 'order.transactionDetails.labels.id' | transloco }}\n          </span>\n          <span class=\"order-transaction-details__value\">{{ tx.id }}</span>\n        </div>\n\n        <div class=\"order-transaction-details__item\">\n          <span class=\"order-transaction-details__label\">\n            {{ 'order.transactionDetails.labels.paymentMethod' | transloco }}\n          </span>\n          <span class=\"order-transaction-details__value\">\n            {{ 'order.paymentMethods.' + tx.payment_gateway | transloco }}\n          </span>\n        </div>\n\n        <div class=\"order-transaction-details__item\">\n          <span class=\"order-transaction-details__label\">\n            {{ 'order.transactionDetails.labels.status' | transloco }}\n          </span>\n          <span class=\"order-transaction-details__value\">\n            <app-badge\n              [text]=\"'order.transactionStatus.' + tx.status | transloco\"\n              [backgroundColor]=\"txColors[tx.status].bg\"\n              [textColor]=\"txColors[tx.status].text\"\n              size=\"xs\"\n            />\n          </span>\n        </div>\n\n        <div class=\"order-transaction-details__item\">\n          <span class=\"order-transaction-details__label\">\n            {{ 'order.transactionDetails.labels.amount' | transloco }}\n          </span>\n          <span class=\"order-transaction-details__value\">\n            ${{ tx.amount | number: '1.0-2' }} {{ tx.currency }}\n          </span>\n        </div>\n\n        <div class=\"order-transaction-details__item\">\n          <span class=\"order-transaction-details__label\">\n            {{ 'order.transactionDetails.labels.currency' | transloco }}\n          </span>\n          <span class=\"order-transaction-details__value\">{{ tx.currency }}</span>\n        </div>\n\n        <div class=\"order-transaction-details__item\">\n          <span class=\"order-transaction-details__label\">\n            {{ 'order.transactionDetails.labels.gatewayId' | transloco }}\n          </span>\n          <span class=\"order-transaction-details__value gateway-id\">\n            {{ tx.gateway_transaction_id }}\n          </span>\n        </div>\n\n        <div class=\"order-transaction-details__item\">\n          <span class=\"order-transaction-details__label\">\n            {{ 'order.transactionDetails.labels.createdAt' | transloco }}\n          </span>\n          <span class=\"order-transaction-details__value\">{{ tx.created_at | date: 'medium' }}</span>\n        </div>\n\n        <div class=\"order-transaction-details__item\">\n          <span class=\"order-transaction-details__label\">\n            {{ 'order.transactionDetails.labels.updatedAt' | transloco }}\n          </span>\n          <span class=\"order-transaction-details__value\">{{ tx.updated_at | date: 'medium' }}</span>\n        </div>\n      </div>\n\n      <div class=\"order-transaction-details__item\">\n        <span class=\"order-transaction-details__label\">\n          {{ 'order.transactionDetails.labels.gatewayResponse' | transloco }}\n        </span>\n        @if (gatewayResponse) {\n          <pre class=\"order-transaction-details__json\">{{ gatewayResponse }}</pre>\n        } @else {\n          <span class=\"order-transaction-details__value\">\u2014</span>\n        }\n      </div>\n    </div>\n  }\n</app-modal>\n", styles: [".order-transaction-details{display:flex;flex-direction:column;gap:1.5rem}.order-transaction-details__grid{display:grid;gap:1rem 1.5rem;grid-template-columns:repeat(2,minmax(0,1fr))}.order-transaction-details__item{display:flex;flex-direction:column;gap:.25rem}.order-transaction-details__label{color:#6b7280;font-size:.75rem;font-weight:700;text-transform:uppercase}.order-transaction-details__value{color:#374151;font-size:.875rem}@media(prefers-color-scheme:dark){.order-transaction-details__value{color:#d1d5db}}.order-transaction-details__json{background-color:#f9fafb;border:1px solid #f3f4f6;border-radius:.375rem;color:#374151;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace;font-size:.75rem;line-height:1.625;margin:0;max-height:20rem;overflow:auto;padding:.75rem 1rem;white-space:pre-wrap;word-break:break-word}@media(prefers-color-scheme:dark){.order-transaction-details__json{background-color:#111827}}@media(prefers-color-scheme:dark){.order-transaction-details__json{border-color:#374151}}@media(prefers-color-scheme:dark){.order-transaction-details__json{color:#d1d5db}}.order-transaction-details .gateway-id{font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace;font-size:.75rem}\n"] }]
+        }], propDecorators: { isOpen: [{
+                type: Input
+            }], transaction: [{
+                type: Input
+            }] } });
+
+class OrderTransactionsComponent {
+    transactionDetailsModalService;
+    order;
+    constructor(transactionDetailsModalService) {
+        this.transactionDetailsModalService = transactionDetailsModalService;
+    }
+    get transactions() {
+        return this.order.transactions ?? [];
+    }
+    get hasTransactions() {
+        return this.transactions.length > 0;
+    }
+    get txColors() {
+        return TRANSACTION_STATUS_COLORS;
+    }
+    openTransaction(transaction) {
+        this.transactionDetailsModalService.open(transaction);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: OrderTransactionsComponent, deps: [{ token: OrderTransactionDetailsModalService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.25", type: OrderTransactionsComponent, isStandalone: true, selector: "order-transactions", inputs: { order: "order" }, ngImport: i0, template: "@if (hasTransactions) {\n  <div class=\"order-transactions\">\n    <div class=\"order-transactions__header\">\n      <p class=\"order-transactions__header-title\">\n        Transacciones ({{ transactions.length | number: '1.0' }})\n      </p>\n    </div>\n    <div class=\"order-transactions__table-container\">\n      <table class=\"order-transactions__table\">\n        <thead class=\"order-transactions__table-head\">\n          <tr class=\"order-transactions__table-head-row\">\n            <th class=\"order-transactions__table-head-cell\">Medio de pago</th>\n            <th class=\"order-transactions__table-head-cell\">Estado</th>\n            <th class=\"order-transactions__table-head-cell text-right\">Valor</th>\n            <th class=\"order-transactions__table-head-cell\">ID transacci\u00F3n</th>\n            <th class=\"order-transactions__table-head-cell text-right\">Acciones</th>\n          </tr>\n        </thead>\n        <tbody class=\"order-transactions__table-body\">\n          @for (tx of transactions; track tx.id) {\n            <tr class=\"order-transactions__table-body-row\">\n              <td class=\"order-transactions__table-body-cell\">\n                {{ 'order.paymentMethods.' + tx.payment_gateway | transloco }}\n              </td>\n              <td class=\"order-transactions__table-body-cell\">\n                <app-badge\n                  [text]=\"'order.transactionStatus.' + tx.status | transloco\"\n                  [backgroundColor]=\"txColors[tx.status].bg\"\n                  [textColor]=\"txColors[tx.status].text\"\n                  size=\"xs\"\n                />\n              </td>\n              <td class=\"order-transactions__table-body-cell text-right\">\n                ${{ tx.amount | number: '1.0-2' }}\n              </td>\n              <td class=\"order-transactions__table-body-cell\">\n                {{ tx.gateway_transaction_id }}\n              </td>\n              <td class=\"order-transactions__table-body-cell text-right\">\n                <app-button\n                  icon=\"ri-eye-line\"\n                  variant=\"tertiary\"\n                  size=\"xs\"\n                  (clicked)=\"openTransaction(tx)\"\n                  [title]=\"'order.transactionDetails.actions.view' | transloco\"\n                />\n              </td>\n            </tr>\n          }\n        </tbody>\n      </table>\n    </div>\n  </div>\n\n  <order-transaction-details-modal />\n}\n", styles: [".order-transactions{background-color:#fff;border-radius:.5rem;border:1px solid #f3f4f6;box-sizing:border-box;overflow:hidden;position:relative;width:100%}.order-transactions__header{align-items:center;display:flex;padding:1rem;width:100%}.order-transactions__header-title{color:#6b7280;font-size:.875rem;font-weight:700;margin:0}.order-transactions__table-container{overflow-x:auto}.order-transactions__table{border-collapse:collapse;font-size:.875rem;width:100%}.order-transactions__table-head-row{background-color:#f9fafb;text-align:left}.order-transactions__table-head-cell{color:#6b7280;font-size:.75rem;font-weight:700;padding:.75rem 1.5rem;text-transform:uppercase}.order-transactions__table-head-cell.text-right{text-align:right}.order-transactions__table-body>:not(:last-child){border-bottom:1px solid #f9fafb}.order-transactions__table-body-row{transition:all .4s ease}.order-transactions__table-body-row:hover{background-color:#f9fafb}.order-transactions__table-body-cell{color:#374151;padding:.75rem 1.5rem;white-space:nowrap}.order-transactions__table-body-cell.text-right{text-align:right}.order-transactions__table-body-cell .gateway-id{font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace;font-size:.75rem}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: TranslocoModule }, { kind: "component", type: AppBadgeComponent, selector: "app-badge", inputs: ["text", "color", "size", "bordered", "backgroundColor", "textColor"] }, { kind: "component", type: AppButtonComponent, selector: "app-button", inputs: ["disabled", "loading", "type", "variant", "text", "size", "loadingText", "icon"], outputs: ["clicked"] }, { kind: "component", type: OrderTransactionDetailsModalComponent, selector: "order-transaction-details-modal", inputs: ["isOpen", "transaction"] }, { kind: "pipe", type: i2.DecimalPipe, name: "number" }, { kind: "pipe", type: i2$1.TranslocoPipe, name: "transloco" }], encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: OrderTransactionsComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'order-transactions', standalone: true, imports: [
+                        CommonModule,
+                        TranslocoModule,
+                        AppBadgeComponent,
+                        AppButtonComponent,
+                        OrderTransactionDetailsModalComponent,
+                    ], encapsulation: ViewEncapsulation.None, template: "@if (hasTransactions) {\n  <div class=\"order-transactions\">\n    <div class=\"order-transactions__header\">\n      <p class=\"order-transactions__header-title\">\n        Transacciones ({{ transactions.length | number: '1.0' }})\n      </p>\n    </div>\n    <div class=\"order-transactions__table-container\">\n      <table class=\"order-transactions__table\">\n        <thead class=\"order-transactions__table-head\">\n          <tr class=\"order-transactions__table-head-row\">\n            <th class=\"order-transactions__table-head-cell\">Medio de pago</th>\n            <th class=\"order-transactions__table-head-cell\">Estado</th>\n            <th class=\"order-transactions__table-head-cell text-right\">Valor</th>\n            <th class=\"order-transactions__table-head-cell\">ID transacci\u00F3n</th>\n            <th class=\"order-transactions__table-head-cell text-right\">Acciones</th>\n          </tr>\n        </thead>\n        <tbody class=\"order-transactions__table-body\">\n          @for (tx of transactions; track tx.id) {\n            <tr class=\"order-transactions__table-body-row\">\n              <td class=\"order-transactions__table-body-cell\">\n                {{ 'order.paymentMethods.' + tx.payment_gateway | transloco }}\n              </td>\n              <td class=\"order-transactions__table-body-cell\">\n                <app-badge\n                  [text]=\"'order.transactionStatus.' + tx.status | transloco\"\n                  [backgroundColor]=\"txColors[tx.status].bg\"\n                  [textColor]=\"txColors[tx.status].text\"\n                  size=\"xs\"\n                />\n              </td>\n              <td class=\"order-transactions__table-body-cell text-right\">\n                ${{ tx.amount | number: '1.0-2' }}\n              </td>\n              <td class=\"order-transactions__table-body-cell\">\n                {{ tx.gateway_transaction_id }}\n              </td>\n              <td class=\"order-transactions__table-body-cell text-right\">\n                <app-button\n                  icon=\"ri-eye-line\"\n                  variant=\"tertiary\"\n                  size=\"xs\"\n                  (clicked)=\"openTransaction(tx)\"\n                  [title]=\"'order.transactionDetails.actions.view' | transloco\"\n                />\n              </td>\n            </tr>\n          }\n        </tbody>\n      </table>\n    </div>\n  </div>\n\n  <order-transaction-details-modal />\n}\n", styles: [".order-transactions{background-color:#fff;border-radius:.5rem;border:1px solid #f3f4f6;box-sizing:border-box;overflow:hidden;position:relative;width:100%}.order-transactions__header{align-items:center;display:flex;padding:1rem;width:100%}.order-transactions__header-title{color:#6b7280;font-size:.875rem;font-weight:700;margin:0}.order-transactions__table-container{overflow-x:auto}.order-transactions__table{border-collapse:collapse;font-size:.875rem;width:100%}.order-transactions__table-head-row{background-color:#f9fafb;text-align:left}.order-transactions__table-head-cell{color:#6b7280;font-size:.75rem;font-weight:700;padding:.75rem 1.5rem;text-transform:uppercase}.order-transactions__table-head-cell.text-right{text-align:right}.order-transactions__table-body>:not(:last-child){border-bottom:1px solid #f9fafb}.order-transactions__table-body-row{transition:all .4s ease}.order-transactions__table-body-row:hover{background-color:#f9fafb}.order-transactions__table-body-cell{color:#374151;padding:.75rem 1.5rem;white-space:nowrap}.order-transactions__table-body-cell.text-right{text-align:right}.order-transactions__table-body-cell .gateway-id{font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace;font-size:.75rem}\n"] }]
+        }], ctorParameters: () => [{ type: OrderTransactionDetailsModalService }], propDecorators: { order: [{
+                type: Input,
+                args: [{ required: true }]
+            }] } });
+
 // Config
 
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { ADMIN_API_ROUTES, ALERT_ICONS, AdminSelectComponent, AdminService, ApiService, AppAlertComponent, AppBadgeComponent, 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_ITEM_TYPES_COLORS, ORDER_STATUS_COLORS, OrderInformationComponent, OrderItemType, OrderItemTypeBadgeComponent, OrderItemsComponent, OrderStatus, OrderStatusBadgeComponent, PAYMENT_METHODS_OPTIONS, PERFORMANCES_API_ROUTES, 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, PerformanceStepperComponent, PerformanceTicketMapComponent, PerformanceTicketStatus, 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, 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, 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, getStoredLanguage, numberToLetter$1 as numberToLetter, parseJsonToFormDataAdvanced, processElementsToRenderData, provideTickeraComponents, resolveLanguage, setStoredLanguage, tintColor, transformImageToFile };
+export { ADMIN_API_ROUTES, ALERT_ICONS, AdminSelectComponent, AdminService, ApiService, AppAlertComponent, AppBadgeComponent, 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, 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, PerformanceStepperComponent, PerformanceTicketMapComponent, PerformanceTicketStatus, 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, 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, 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 };
 //# sourceMappingURL=tickera-angular-components.mjs.map