npm - @almatar/smart-booking-dashboard - Versions diffs - 0.0.2-alpha.6 → 0.0.2-alpha.8 - Mend

@almatar/smart-booking-dashboard 0.0.2-alpha.6 → 0.0.2-alpha.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (36) hide show

package/fesm2022/almatar-smart-booking-dashboard.mjs CHANGED Viewed

@@ -1,11 +1,11 @@
 import * as i0 from '@angular/core';
-import { InjectionToken, makeEnvironmentProviders, inject, Injectable, input, model, output, Component, computed, signal, effect, EventEmitter, Inject, Optional, Input, Output, NgModule, ChangeDetectionStrategy, DestroyRef, Pipe, untracked, Injector, runInInjectionContext, HostListener } from '@angular/core';
+import { InjectionToken, makeEnvironmentProviders, inject, signal, Injectable, input, model, output, Component, computed, effect, EventEmitter, Inject, Optional, Input, Output, NgModule, ChangeDetectionStrategy, DestroyRef, Pipe, untracked, Injector, runInInjectionContext, HostListener } from '@angular/core';
 import * as i1$2 from '@angular/common';
 import { NgTemplateOutlet, NgClass, DOCUMENT, CommonModule, LowerCasePipe, UpperCasePipe, NgIf } from '@angular/common';
 import * as i2$1 from 'primeng/button';
 import { ButtonModule } from 'primeng/button';
-import { HttpClient, HttpRequest, HttpEventType } from '@angular/common/http';
 import { map, catchError as catchError$1, switchMap, debounceTime, distinctUntilChanged, tap, finalize } from 'rxjs/operators';
+import { HttpHandler, HttpClient, HttpRequest, HttpEventType } from '@angular/common/http';
 import { ToastrService } from 'ngx-toastr';
 import * as i1 from '@angular/forms';
 import { FormsModule } from '@angular/forms';
@@ -36,6 +36,11 @@ const SBD_DEFAULT_CONFIG = {
     platform: 'BO',
     webBaseUrl: '',
     reissueEnabled: false,
+    brands: [
+        { value: 'almatar', label: 'Almatar' },
+        { value: 'nusuk', label: 'Nusuk' },
+    ],
+    defaultBrand: 'almatar',
 };
 const SBD_CONFIG = new InjectionToken('SBD_CONFIG', {
     providedIn: 'root',
@@ -48,9 +53,59 @@ function provideSmartBookingDashboard(config = {}) {
     ]);
 }
+/** The brand the agent is working on. It is sent as the `x-brand` header of every request of the dashboard. */
+class SbdBrandService {
+    constructor() {
+        this.config = inject(SBD_CONFIG);
+        this.brands = this.config.brands;
+        /** The `value` of the selected brand. Starts on the default of the config (Almatar). */
+        this.brand = signal(this.start());
+    }
+    /** Ignores a value that is not one of the brands, so a wrong header can never be sent. */
+    setBrand(value) {
+        if (this.brands.some((b) => b.value === value)) {
+            this.brand.set(value);
+        }
+    }
+    start() {
+        const wanted = this.config.defaultBrand;
+        return this.brands.some((b) => b.value === wanted) ? wanted : (this.brands[0]?.value ?? 'almatar');
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SbdBrandService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SbdBrandService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SbdBrandService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+/**
+ * Adds the `x-brand` header (the brand selected in the dashboard) to a request, then hands it to the host's own
+ * handler, so the host's interceptors (token, language...) still run after it.
+ */
+class SbdBrandHandler extends HttpHandler {
+    constructor(next, brand) {
+        super();
+        this.next = next;
+        this.brand = brand;
+    }
+    handle(req) {
+        return this.next.handle(req.clone({ setHeaders: { 'x-brand': this.brand.brand() } }));
+    }
+}
+/**
+ * The HttpClient of the package. The services of the package are provided in root, so they use the host's HttpClient
+ * and an interceptor registered inside the package would never see their requests. Every call of the package goes
+ * through this client instead, which adds `x-brand` without any change in the host app.
+ */
+const SBD_HTTP = new InjectionToken('SBD_HTTP', {
+    providedIn: 'root',
+    factory: () => new HttpClient(new SbdBrandHandler(inject(HttpHandler), inject(SbdBrandService))),
+});
 class SbdBookingService {
     constructor() {
-        this.http = inject(HttpClient);
+        this.http = inject(SBD_HTTP);
         this.config = inject(SBD_CONFIG);
         this.base = this.config.apiBase;
     }
@@ -1201,6 +1256,11 @@ class SbdBookingInputComponent {
         this.product = model('flight');
         this.bookingId = model('');
         this.lookup = output();
+        /** The agent picked another brand: the booking on screen belongs to the previous one. */
+        this.brandChanged = output();
+        this.brandService = inject(SbdBrandService);
+        this.brands = this.brandService.brands;
+        this.brand = this.brandService.brand;
         this.productOptions = [
             { label: '✈ Flight', value: 'flight' },
             { label: '🏨 Hotel', value: 'hotel' },
@@ -1210,6 +1270,12 @@ class SbdBookingInputComponent {
             { label: 'Demo Hotel: ALM-HTL-9921', value: 'ALM-HTL-9921' },
         ];
     }
+    onBrand(value) {
+        if (value === this.brand())
+            return;
+        this.brandService.setBrand(value);
+        this.brandChanged.emit(value);
+    }
     fillDemo(id) {
         const product = id.includes('HTL') ? 'hotel' : 'flight';
         this.product.set(product);
@@ -1220,11 +1286,11 @@ class SbdBookingInputComponent {
             this.lookup.emit();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SbdBookingInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.14", type: SbdBookingInputComponent, isStandalone: true, selector: "app-sbd-booking-input", inputs: { loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, product: { classPropertyName: "product", publicName: "product", isSignal: true, isRequired: false, transformFunction: null }, bookingId: { classPropertyName: "bookingId", publicName: "bookingId", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { product: "productChange", bookingId: "bookingIdChange", lookup: "lookup" }, ngImport: i0, template: "<div class=\"sbd-booking-input\">\n  <p-selectButton\n    [(ngModel)]=\"product\"\n    [options]=\"productOptions\"\n    optionLabel=\"label\"\n    optionValue=\"value\"\n    optionDisabled=\"disabled\">\n    <ng-template pTemplate=\"item\" let-item>\n      <span\n        [pTooltip]=\"item.disabled ? 'Coming soon' : null\"\n        tooltipPosition=\"bottom\"\n        style=\"pointer-events: auto; display: inline-block;\">\n        {{ item.label }}\n      </span>\n    </ng-template>\n  </p-selectButton>\n  <div class=\"sbd-booking-input__row\">\n    <div class=\"sbd-booking-input__field-wrap\">\n      <i class=\"pi pi-search sbd-booking-input__icon\"></i>\n      <input pInputText class=\"sbd-booking-input__field\" placeholder=\"Enter Booking ID\"\n        [(ngModel)]=\"bookingId\" (keydown)=\"onKeydown($event)\" autocomplete=\"off\" spellcheck=\"false\" />\n    </div>\n    <button pButton label=\"Lookup \u2192\" [disabled]=\"!bookingId().trim()\" (click)=\"lookup.emit()\" class=\"sbd-booking-input__btn\"></button>\n  </div>\n</div>\n", styles: [".sbd-booking-input{background:#fff;border-radius:12px;border:1px solid #e2e8f0;padding:20px;display:flex;flex-direction:column;gap:14px}.sbd-booking-input__row{display:flex;gap:10px;align-items:center}.sbd-booking-input__field-wrap{flex:1;position:relative;display:flex;align-items:center}.sbd-booking-input__icon{position:absolute;left:12px;color:#94a3b8;font-size:14px;pointer-events:none;z-index:1}.sbd-booking-input__field{width:100%!important;padding-left:36px!important;height:44px;font-size:14px!important}.sbd-booking-input__field:enabled:focus{border-color:var(--sbd-primary, #007ad9);box-shadow:0 0 0 .2em color-mix(in srgb,var(--sbd-primary, #007ad9) 45%,#fff)}.sbd-booking-input__btn{height:44px;white-space:nowrap;background:var(--sbd-primary, #007ad9);border-color:var(--sbd-primary, #007ad9)}.sbd-booking-input__btn:enabled:hover{background:color-mix(in srgb,var(--sbd-primary, #007ad9) 88%,#000);border-color:color-mix(in srgb,var(--sbd-primary, #007ad9) 88%,#000)}.sbd-booking-input__btn:enabled:focus{box-shadow:0 0 0 .2em color-mix(in srgb,var(--sbd-primary, #007ad9) 45%,#fff)}.sbd-booking-input__demos{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.sbd-booking-input__demos-label{font-size:11.5px;color:#94a3b8}.sbd-booking-input__chip{padding:4px 10px;border-radius:20px;border:1px solid #e2e8f0;background:#f8fafc;color:#1e2e4a;font-size:11.5px;font-weight:500;cursor:pointer;transition:border-color .15s,background .15s}.sbd-booking-input__chip:hover{border-color:var(--sbd-primary, #3b82f6);background:var(--sbd-primary-soft, #eff6ff);color:var(--sbd-primary, #3b82f6)}:host ::ng-deep .p-selectbutton .p-button.p-highlight{background:var(--sbd-primary, #007ad9);border-color:var(--sbd-primary, #007ad9)}:host ::ng-deep .p-selectbutton .p-button.p-highlight:hover{background:color-mix(in srgb,var(--sbd-primary, #007ad9) 88%,#000);border-color:color-mix(in srgb,var(--sbd-primary, #007ad9) 88%,#000)}:host ::ng-deep .p-selectbutton .p-button.p-highlight:focus{box-shadow:0 0 0 .2em color-mix(in srgb,var(--sbd-primary, #007ad9) 45%,#fff)}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: SelectButtonModule }, { kind: "component", type: i2.SelectButton, selector: "p-selectButton", inputs: ["options", "optionLabel", "optionValue", "optionDisabled", "tabindex", "multiple", "style", "styleClass", "ariaLabelledBy", "disabled", "dataKey"], outputs: ["onOptionClick", "onChange"] }, { kind: "ngmodule", type: InputTextModule }, { kind: "directive", type: i3.InputText, selector: "[pInputText]" }, { kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i2$1.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading"] }, { kind: "ngmodule", type: TooltipModule }, { kind: "directive", type: i5.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "fitContent", "pTooltip", "tooltipDisabled", "tooltipOptions"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: SbdBookingInputComponent, isStandalone: true, selector: "app-sbd-booking-input", inputs: { loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, product: { classPropertyName: "product", publicName: "product", isSignal: true, isRequired: false, transformFunction: null }, bookingId: { classPropertyName: "bookingId", publicName: "bookingId", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { product: "productChange", bookingId: "bookingIdChange", lookup: "lookup", brandChanged: "brandChanged" }, ngImport: i0, template: "<div class=\"sbd-booking-input\">\n  <div class=\"sbd-booking-input__top\">\n  <p-selectButton\n    [(ngModel)]=\"product\"\n    [options]=\"productOptions\"\n    optionLabel=\"label\"\n    optionValue=\"value\"\n    optionDisabled=\"disabled\">\n    <ng-template pTemplate=\"item\" let-item>\n      <span\n        [pTooltip]=\"item.disabled ? 'Coming soon' : null\"\n        tooltipPosition=\"bottom\"\n        style=\"pointer-events: auto; display: inline-block;\">\n        {{ item.label }}\n      </span>\n    </ng-template>\n  </p-selectButton>\n  </div>\n  <div class=\"sbd-booking-input__row\">\n    <div class=\"sbd-booking-input__field-wrap\">\n      <i class=\"pi pi-search sbd-booking-input__icon\"></i>\n      <input pInputText class=\"sbd-booking-input__field\" placeholder=\"Enter Booking ID\"\n        [(ngModel)]=\"bookingId\" (keydown)=\"onKeydown($event)\" autocomplete=\"off\" spellcheck=\"false\" />\n    </div>\n    <!-- Brand: one radio per configured brand, between the Booking ID field and the Lookup button. -->\n    <div class=\"sbd-booking-input__brands\" role=\"radiogroup\" aria-label=\"Brand\">\n      @for (b of brands; track b.value) {\n        <label class=\"sbd-booking-input__brand-option\">\n          <input type=\"radio\" name=\"sbd-brand\" [value]=\"b.value\" [checked]=\"brand() === b.value\"\n            (change)=\"onBrand(b.value)\" />\n          <span>{{ b.label }}</span>\n        </label>\n      }\n    </div>\n    <button pButton label=\"Lookup \u2192\" [disabled]=\"!bookingId().trim()\" (click)=\"lookup.emit()\" class=\"sbd-booking-input__btn\"></button>\n  </div>\n</div>\n", styles: [".sbd-booking-input{background:#fff;border-radius:12px;border:1px solid #e2e8f0;padding:20px;display:flex;flex-direction:column;gap:14px}.sbd-booking-input__top{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.sbd-booking-input__brands{display:flex;flex-direction:column;align-items:flex-start;gap:6px;flex-shrink:0}.sbd-booking-input__brand-option{display:inline-flex;align-items:center;gap:6px;margin:0;cursor:pointer;font-size:13.5px;font-weight:500;color:#1e2e4a}.sbd-booking-input__brand-option input{accent-color:var(--sbd-primary, #007ad9);width:16px;height:16px;margin:0;cursor:pointer}.sbd-booking-input__row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.sbd-booking-input__field-wrap{flex:1 1 220px;position:relative;display:flex;align-items:center}.sbd-booking-input__icon{position:absolute;left:12px;color:#94a3b8;font-size:14px;pointer-events:none;z-index:1}.sbd-booking-input__field{width:100%!important;padding-left:36px!important;height:44px;font-size:14px!important}.sbd-booking-input__field:enabled:focus{border-color:var(--sbd-primary, #007ad9);box-shadow:0 0 0 .2em color-mix(in srgb,var(--sbd-primary, #007ad9) 45%,#fff)}.sbd-booking-input__btn{height:44px;white-space:nowrap;background:var(--sbd-primary, #007ad9);border-color:var(--sbd-primary, #007ad9)}.sbd-booking-input__btn:enabled:hover{background:color-mix(in srgb,var(--sbd-primary, #007ad9) 88%,#000);border-color:color-mix(in srgb,var(--sbd-primary, #007ad9) 88%,#000)}.sbd-booking-input__btn:enabled:focus{box-shadow:0 0 0 .2em color-mix(in srgb,var(--sbd-primary, #007ad9) 45%,#fff)}.sbd-booking-input__demos{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.sbd-booking-input__demos-label{font-size:11.5px;color:#94a3b8}.sbd-booking-input__chip{padding:4px 10px;border-radius:20px;border:1px solid #e2e8f0;background:#f8fafc;color:#1e2e4a;font-size:11.5px;font-weight:500;cursor:pointer;transition:border-color .15s,background .15s}.sbd-booking-input__chip:hover{border-color:var(--sbd-primary, #3b82f6);background:var(--sbd-primary-soft, #eff6ff);color:var(--sbd-primary, #3b82f6)}:host ::ng-deep .p-selectbutton .p-button.p-highlight{background:var(--sbd-primary, #007ad9);border-color:var(--sbd-primary, #007ad9)}:host ::ng-deep .p-selectbutton .p-button.p-highlight:hover{background:color-mix(in srgb,var(--sbd-primary, #007ad9) 88%,#000);border-color:color-mix(in srgb,var(--sbd-primary, #007ad9) 88%,#000)}:host ::ng-deep .p-selectbutton .p-button.p-highlight:focus{box-shadow:0 0 0 .2em color-mix(in srgb,var(--sbd-primary, #007ad9) 45%,#fff)}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: SelectButtonModule }, { kind: "component", type: i2.SelectButton, selector: "p-selectButton", inputs: ["options", "optionLabel", "optionValue", "optionDisabled", "tabindex", "multiple", "style", "styleClass", "ariaLabelledBy", "disabled", "dataKey"], outputs: ["onOptionClick", "onChange"] }, { kind: "ngmodule", type: InputTextModule }, { kind: "directive", type: i3.InputText, selector: "[pInputText]" }, { kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i2$1.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading"] }, { kind: "ngmodule", type: TooltipModule }, { kind: "directive", type: i5.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "fitContent", "pTooltip", "tooltipDisabled", "tooltipOptions"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SbdBookingInputComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-sbd-booking-input', standalone: true, imports: [FormsModule, SelectButtonModule, InputTextModule, ButtonModule, TooltipModule], template: "<div class=\"sbd-booking-input\">\n  <p-selectButton\n    [(ngModel)]=\"product\"\n    [options]=\"productOptions\"\n    optionLabel=\"label\"\n    optionValue=\"value\"\n    optionDisabled=\"disabled\">\n    <ng-template pTemplate=\"item\" let-item>\n      <span\n        [pTooltip]=\"item.disabled ? 'Coming soon' : null\"\n        tooltipPosition=\"bottom\"\n        style=\"pointer-events: auto; display: inline-block;\">\n        {{ item.label }}\n      </span>\n    </ng-template>\n  </p-selectButton>\n  <div class=\"sbd-booking-input__row\">\n    <div class=\"sbd-booking-input__field-wrap\">\n      <i class=\"pi pi-search sbd-booking-input__icon\"></i>\n      <input pInputText class=\"sbd-booking-input__field\" placeholder=\"Enter Booking ID\"\n        [(ngModel)]=\"bookingId\" (keydown)=\"onKeydown($event)\" autocomplete=\"off\" spellcheck=\"false\" />\n    </div>\n    <button pButton label=\"Lookup \u2192\" [disabled]=\"!bookingId().trim()\" (click)=\"lookup.emit()\" class=\"sbd-booking-input__btn\"></button>\n  </div>\n</div>\n", styles: [".sbd-booking-input{background:#fff;border-radius:12px;border:1px solid #e2e8f0;padding:20px;display:flex;flex-direction:column;gap:14px}.sbd-booking-input__row{display:flex;gap:10px;align-items:center}.sbd-booking-input__field-wrap{flex:1;position:relative;display:flex;align-items:center}.sbd-booking-input__icon{position:absolute;left:12px;color:#94a3b8;font-size:14px;pointer-events:none;z-index:1}.sbd-booking-input__field{width:100%!important;padding-left:36px!important;height:44px;font-size:14px!important}.sbd-booking-input__field:enabled:focus{border-color:var(--sbd-primary, #007ad9);box-shadow:0 0 0 .2em color-mix(in srgb,var(--sbd-primary, #007ad9) 45%,#fff)}.sbd-booking-input__btn{height:44px;white-space:nowrap;background:var(--sbd-primary, #007ad9);border-color:var(--sbd-primary, #007ad9)}.sbd-booking-input__btn:enabled:hover{background:color-mix(in srgb,var(--sbd-primary, #007ad9) 88%,#000);border-color:color-mix(in srgb,var(--sbd-primary, #007ad9) 88%,#000)}.sbd-booking-input__btn:enabled:focus{box-shadow:0 0 0 .2em color-mix(in srgb,var(--sbd-primary, #007ad9) 45%,#fff)}.sbd-booking-input__demos{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.sbd-booking-input__demos-label{font-size:11.5px;color:#94a3b8}.sbd-booking-input__chip{padding:4px 10px;border-radius:20px;border:1px solid #e2e8f0;background:#f8fafc;color:#1e2e4a;font-size:11.5px;font-weight:500;cursor:pointer;transition:border-color .15s,background .15s}.sbd-booking-input__chip:hover{border-color:var(--sbd-primary, #3b82f6);background:var(--sbd-primary-soft, #eff6ff);color:var(--sbd-primary, #3b82f6)}:host ::ng-deep .p-selectbutton .p-button.p-highlight{background:var(--sbd-primary, #007ad9);border-color:var(--sbd-primary, #007ad9)}:host ::ng-deep .p-selectbutton .p-button.p-highlight:hover{background:color-mix(in srgb,var(--sbd-primary, #007ad9) 88%,#000);border-color:color-mix(in srgb,var(--sbd-primary, #007ad9) 88%,#000)}:host ::ng-deep .p-selectbutton .p-button.p-highlight:focus{box-shadow:0 0 0 .2em color-mix(in srgb,var(--sbd-primary, #007ad9) 45%,#fff)}\n"] }]
+            args: [{ selector: 'app-sbd-booking-input', standalone: true, imports: [FormsModule, SelectButtonModule, InputTextModule, ButtonModule, TooltipModule], template: "<div class=\"sbd-booking-input\">\n  <div class=\"sbd-booking-input__top\">\n  <p-selectButton\n    [(ngModel)]=\"product\"\n    [options]=\"productOptions\"\n    optionLabel=\"label\"\n    optionValue=\"value\"\n    optionDisabled=\"disabled\">\n    <ng-template pTemplate=\"item\" let-item>\n      <span\n        [pTooltip]=\"item.disabled ? 'Coming soon' : null\"\n        tooltipPosition=\"bottom\"\n        style=\"pointer-events: auto; display: inline-block;\">\n        {{ item.label }}\n      </span>\n    </ng-template>\n  </p-selectButton>\n  </div>\n  <div class=\"sbd-booking-input__row\">\n    <div class=\"sbd-booking-input__field-wrap\">\n      <i class=\"pi pi-search sbd-booking-input__icon\"></i>\n      <input pInputText class=\"sbd-booking-input__field\" placeholder=\"Enter Booking ID\"\n        [(ngModel)]=\"bookingId\" (keydown)=\"onKeydown($event)\" autocomplete=\"off\" spellcheck=\"false\" />\n    </div>\n    <!-- Brand: one radio per configured brand, between the Booking ID field and the Lookup button. -->\n    <div class=\"sbd-booking-input__brands\" role=\"radiogroup\" aria-label=\"Brand\">\n      @for (b of brands; track b.value) {\n        <label class=\"sbd-booking-input__brand-option\">\n          <input type=\"radio\" name=\"sbd-brand\" [value]=\"b.value\" [checked]=\"brand() === b.value\"\n            (change)=\"onBrand(b.value)\" />\n          <span>{{ b.label }}</span>\n        </label>\n      }\n    </div>\n    <button pButton label=\"Lookup \u2192\" [disabled]=\"!bookingId().trim()\" (click)=\"lookup.emit()\" class=\"sbd-booking-input__btn\"></button>\n  </div>\n</div>\n", styles: [".sbd-booking-input{background:#fff;border-radius:12px;border:1px solid #e2e8f0;padding:20px;display:flex;flex-direction:column;gap:14px}.sbd-booking-input__top{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.sbd-booking-input__brands{display:flex;flex-direction:column;align-items:flex-start;gap:6px;flex-shrink:0}.sbd-booking-input__brand-option{display:inline-flex;align-items:center;gap:6px;margin:0;cursor:pointer;font-size:13.5px;font-weight:500;color:#1e2e4a}.sbd-booking-input__brand-option input{accent-color:var(--sbd-primary, #007ad9);width:16px;height:16px;margin:0;cursor:pointer}.sbd-booking-input__row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.sbd-booking-input__field-wrap{flex:1 1 220px;position:relative;display:flex;align-items:center}.sbd-booking-input__icon{position:absolute;left:12px;color:#94a3b8;font-size:14px;pointer-events:none;z-index:1}.sbd-booking-input__field{width:100%!important;padding-left:36px!important;height:44px;font-size:14px!important}.sbd-booking-input__field:enabled:focus{border-color:var(--sbd-primary, #007ad9);box-shadow:0 0 0 .2em color-mix(in srgb,var(--sbd-primary, #007ad9) 45%,#fff)}.sbd-booking-input__btn{height:44px;white-space:nowrap;background:var(--sbd-primary, #007ad9);border-color:var(--sbd-primary, #007ad9)}.sbd-booking-input__btn:enabled:hover{background:color-mix(in srgb,var(--sbd-primary, #007ad9) 88%,#000);border-color:color-mix(in srgb,var(--sbd-primary, #007ad9) 88%,#000)}.sbd-booking-input__btn:enabled:focus{box-shadow:0 0 0 .2em color-mix(in srgb,var(--sbd-primary, #007ad9) 45%,#fff)}.sbd-booking-input__demos{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.sbd-booking-input__demos-label{font-size:11.5px;color:#94a3b8}.sbd-booking-input__chip{padding:4px 10px;border-radius:20px;border:1px solid #e2e8f0;background:#f8fafc;color:#1e2e4a;font-size:11.5px;font-weight:500;cursor:pointer;transition:border-color .15s,background .15s}.sbd-booking-input__chip:hover{border-color:var(--sbd-primary, #3b82f6);background:var(--sbd-primary-soft, #eff6ff);color:var(--sbd-primary, #3b82f6)}:host ::ng-deep .p-selectbutton .p-button.p-highlight{background:var(--sbd-primary, #007ad9);border-color:var(--sbd-primary, #007ad9)}:host ::ng-deep .p-selectbutton .p-button.p-highlight:hover{background:color-mix(in srgb,var(--sbd-primary, #007ad9) 88%,#000);border-color:color-mix(in srgb,var(--sbd-primary, #007ad9) 88%,#000)}:host ::ng-deep .p-selectbutton .p-button.p-highlight:focus{box-shadow:0 0 0 .2em color-mix(in srgb,var(--sbd-primary, #007ad9) 45%,#fff)}\n"] }]
         }] });
 class SbdWorkflowActionsComponent {
@@ -3096,7 +3162,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
 class ApiService {
     constructor() {
-        this.http = inject(HttpClient);
+        this.http = inject(SBD_HTTP);
     }
     get(url, options) {
         const requestUrl = typeof url === 'string' ? url : (url.url || url.endpoint);
@@ -3810,7 +3876,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
 class AlmatarHotelAutoCancellationNonRefundableRoomComponent {
     constructor() {
-        this.http = inject(HttpClient);
+        this.http = inject(SBD_HTTP);
         this.destroyRef = inject(DestroyRef);
         this.endpointsService = inject(AlmatarHotelAutoCancellationEndpointsService);
         this.translateService = inject(TranslationService);
@@ -4107,7 +4173,7 @@ class AlmatarHotelAutoCancellationSelectRoomsComponent {
         };
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AlmatarHotelAutoCancellationSelectRoomsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: AlmatarHotelAutoCancellationSelectRoomsComponent, isStandalone: true, selector: "almatar-hotel-auto-cancellation-select-rooms", inputs: { packages: { classPropertyName: "packages", publicName: "packages", isSignal: true, isRequired: true, transformFunction: null }, hotelInfo: { classPropertyName: "hotelInfo", publicName: "hotelInfo", isSignal: true, isRequired: true, transformFunction: null }, bookingId: { classPropertyName: "bookingId", publicName: "bookingId", isSignal: true, isRequired: false, transformFunction: null }, hotelId: { classPropertyName: "hotelId", publicName: "hotelId", isSignal: true, isRequired: false, transformFunction: null }, currencyCode: { classPropertyName: "currencyCode", publicName: "currencyCode", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { continueToCancel: "continueToCancel", closeModal: "closeModal", nonRefundableSubmitSuccess: "nonRefundableSubmitSuccess", chatWithAgent: "chatWithAgent" }, ngImport: i0, template: "<div class=\"select-rooms\">\n  <div class=\"select-rooms__content\">\n    @if (hotelInfo(); as hotel) {\n      <div class=\"hotel-info-card\">\n        <h3 class=\"hotel-info-card__name\">{{ hotel.hotelName }}</h3>\n\n        <div class=\"hotel-info-card__content\">\n          @if (hotel.hotelImage) {\n            <div class=\"hotel-info-card__image\">\n              <img [src]=\"hotel.hotelImage\" [alt]=\"hotel.hotelName\" />\n            </div>\n          }\n\n          <div class=\"hotel-info-card__dates\">\n            <div class=\"date-box\">\n              <span class=\"date-box__label\">CHECK-IN</span>\n              <span class=\"date-box__day\">{{\n                formatDate(hotel.checkIn).day\n              }}</span>\n              <span class=\"date-box__month\">{{\n                formatDate(hotel.checkIn).month\n              }}</span>\n              <span class=\"date-box__day-name\">{{\n                formatDate(hotel.checkIn).dayName\n              }}</span>\n              <span class=\"date-box__time\"\n                >From\n                {{ hotel?.checkInTime }}</span\n              >\n            </div>\n\n            <div class=\"date-box\">\n              <span class=\"date-box__label\">CHECK-OUT</span>\n              <span class=\"date-box__day\">{{\n                formatDate(hotel.checkOut).day\n              }}</span>\n              <span class=\"date-box__month\">{{\n                formatDate(hotel.checkOut).month\n              }}</span>\n              <span class=\"date-box__day-name\">{{\n                formatDate(hotel.checkOut).dayName\n              }}</span>\n              <span class=\"date-box__time\"\n                >Until\n                {{ hotel?.checkOutTime }}</span\n              >\n            </div>\n          </div>\n\n          <div class=\"hotel-info-card__stats\">\n            <div class=\"stat-box\">\n              <span class=\"stat-box__label\">Rooms</span>\n              <span class=\"stat-box__value\">{{ totalRoomsCount() }}</span>\n            </div>\n            <div class=\"stat-box\">\n              <span class=\"stat-box__label\">NIGHTS</span>\n              <span class=\"stat-box__value\">{{ hotel.nights }}</span>\n            </div>\n          </div>\n        </div>\n      </div>\n    }\n\n    <div class=\"select-rooms__notice select-rooms__notice--default\">\n      <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\">\n        <circle\n          cx=\"12\"\n          cy=\"12\"\n          r=\"9\"\n          stroke=\"currentColor\"\n          stroke-width=\"1.6\"\n        />\n        <path\n          d=\"M12 11v5.5M12 8v.01\"\n          stroke=\"currentColor\"\n          stroke-width=\"1.6\"\n          stroke-linecap=\"round\"\n        />\n      </svg>\n      <span>\n        Some rooms in each package, share one booking reference, so they will be cancelled together.</span\n      >\n    </div>\n\n    <div class=\"rooms-list\">\n      @for (package of displayPackages(); track $index) {\n        @if (!package.manualRefundRequest && !package.isCancelled) {\n          <almatar-hotel-auto-cancellation-refundable-room\n            [package]=\"package\"\n            [hideCheckbox]=\"isSinglePackage()\"\n            (togglePackage)=\"togglePackage($event)\"\n          />\n        } @else {\n          <almatar-hotel-auto-cancellation-non-refundable-room\n            [package]=\"package\"\n            [allPackages]=\"displayPackages()\"\n            [hotelInfo]=\"hotelInfo()\"\n            [hotelId]=\"hotelId()\"\n            [currencyCode]=\"currencyCode()\"\n            [allPackagesNonRefundable]=\"allPackagesNonRefundable()\"\n            (closeModal)=\"onClose()\"\n            (nonRefundableSubmitSuccess)=\"onNonRefundableSubmitSuccess($event)\"\n          />\n        }\n      }\n    </div>\n\n    @if (allPackagesNonRefundable()) {\n      <div class=\"select-rooms__notice select-rooms__notice--warning\">\n        <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\">\n          <!-- warning triangle icon -->\n          <path\n            d=\"M12 9v4M12 17h.01M10.29 3.86L1.82 18a2 2 0 001.71 3h16.94a2 2 0 001.71-3L13.71 3.86a2 2 0 00-3.42 0z\"\n            stroke=\"currentColor\"\n            stroke-width=\"1.6\"\n            stroke-linecap=\"round\"\n            stroke-linejoin=\"round\"\n          />\n        </svg>\n        <span>Sorry, we couldn't process your refund right now. Please chat with our Customer Service team for help.</span>\n      </div>\n    }\n  </div>\n\n  <div class=\"select-rooms__footer\">\n    @if (allPackagesNonRefundable()) {\n      <button\n        class=\"main_btn main_btn--chat-with-us\"\n        type=\"button\"\n        (click)=\"onChatWithAgent()\"\n      >\n        Chat with customer service\n      </button>\n    } @else {\n      @if (!hasSelectedPackages()) {\n        <p class=\"select-rooms__hint\">\n          Select at least one room to continue\n        </p>\n      }\n      <button\n        class=\"main_btn\"\n        type=\"button\"\n        [disabled]=\"!hasSelectedPackages()\"\n        (click)=\"onContinue()\"\n      >\n        Continue to cancel\n      </button>\n    }\n  </div>\n</div>\n", styles: [".select-rooms{display:flex;flex-direction:column;height:100%;background-color:#fff}.select-rooms__header{padding:16px;border-bottom:1px solid var(--almatar-neutral-border-default)}.select-rooms__notice{display:flex;align-items:center;gap:8px;padding:12px;border-radius:8px;font-size:calc(12 * var(--almatar-font-size-ratio, 1) * 1px);font-weight:400;margin:12px 0}.select-rooms__notice svg{flex-shrink:0;width:18px;height:18px;margin-top:1px}.select-rooms__notice--info{background:var(--almatar-info-surface, #eaf2ff);border:1px solid var(--almatar-info-border, #b9d6ff);color:var(--almatar-info-text, #1a56db);border-radius:12px}.select-rooms__notice--info svg{color:var(--almatar-info-icon, #1a56db)}.select-rooms__notice--default{background:#f7f7f8;border:1px solid rgb(217,217,222);color:#1b1a1f;border-radius:12px}.select-rooms__notice--default svg{color:#1b1a1f}.select-rooms__notice--warning{background:#faedcc;border:1px solid rgb(137,99,42);color:#89632a;border-radius:12px}.select-rooms__notice--warning svg{color:#89632a}.select-rooms__title{font-size:calc(18 * var(--almatar-font-size-ratio, 1) * 1px);font-weight:var(--almatar-font-weight-semibold);color:var(--almatar-neutral-text-primary-static);margin-bottom:4px}.select-rooms__subtitle{font-size:calc(14 * var(--almatar-font-size-ratio, 1) * 1px);color:var(--almatar-neutral-text-secondary-static)}.select-rooms__content{flex:1;overflow-y:auto;padding:12px}.select-rooms__footer{padding:16px;background:var(--almatar-neutral-surface-card);border-top:1px solid rgb(217,217,222)}.select-rooms__hint{text-align:center;font-size:calc(12 * var(--almatar-font-size-ratio, 1) * 1px);color:var(--almatar-neutral-text-secondary-static);margin-bottom:12px}.hotel-info-card{background:var(--almatar-neutral-surface-card);border-radius:12px;padding:12px;margin-bottom:12px;border:1px solid rgb(217,217,222)}.hotel-info-card__name{font-size:calc(18 * var(--almatar-font-size-ratio, 1) * 1px);font-weight:var(--almatar-font-weight-medium);color:var(--almatar-neutral-text-primary-static);margin-bottom:12px}.hotel-info-card__content{display:flex;align-items:stretch;gap:0}.hotel-info-card__image{width:120px;overflow:hidden;flex-shrink:0;padding-inline-end:12px;border-inline-end:1px solid rgb(217,217,222)}.hotel-info-card__image img{border-radius:5px;width:100%;height:100%;object-fit:cover;max-height:100px}.hotel-info-card__dates{display:flex;flex:1;border-inline-start:1px solid var(--almatar-neutral-border-default)}.hotel-info-card__stats{display:flex;flex-direction:column;justify-content:center;border-inline-start:1px solid var(--almatar-neutral-border-default);padding-inline-start:12px;margin-inline-start:0;min-width:70px}.date-box{display:flex;flex-direction:column;align-items:center;text-align:center;flex:1;padding:0 12px;border-inline-end:1px solid rgb(217,217,222);gap:4px}.date-box__label{font-size:calc(10 * var(--almatar-font-size-ratio, 1) * 1px);color:var(--almatar-neutral-text-secondary-static);text-transform:uppercase;letter-spacing:.5px}.date-box__day{font-size:calc(18 * var(--almatar-font-size-ratio, 1) * 1px);font-weight:var(--almatar-font-weight-medium);color:#491d95;line-height:1.2}.date-box__month{font-size:calc(12 * var(--almatar-font-size-ratio, 1) * 1px);font-weight:var(--almatar-font-weight-regular);color:var(--almatar-neutral-text-primary-static)}.date-box__day-name{font-size:calc(10 * var(--almatar-font-size-ratio, 1) * 1px);color:#747583}.date-box__time{font-size:calc(12 * var(--almatar-font-size-ratio, 1) * 1px);font-weight:var(--almatar-font-weight-regular);color:var(--almatar-neutral-text-primary-static)}.stat-box{display:flex;flex-direction:column;align-items:center;text-align:center;padding:4px 0;border-bottom:1px solid rgb(217,217,222)}.stat-box:last-child{border-bottom:none}.stat-box__label{font-size:calc(11 * var(--almatar-font-size-ratio, 1) * 1px);color:var(--almatar-neutral-text-secondary-static);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.stat-box__value{font-size:calc(18 * var(--almatar-font-size-ratio, 1) * 1px);font-weight:var(--almatar-font-weight-medium);color:var(--almatar-neutral-text-primary-static);line-height:1.3;color:#491d95}.rooms-list{display:flex;flex-direction:column;gap:12px}.main_btn{font-weight:var(--almatar-font-weight-medium);padding:17.5px;border-radius:6px;display:block;width:100%}.main_btn:disabled{opacity:.5;cursor:not-allowed}.main_btn--chat-with-us{background-color:#fff;border:1px solid rgb(217,217,222);color:#1b1a1f}button[disabled],input[type=button][disabled],input[type=reset][disabled],input[type=submit][disabled]{background-color:#747583;color:#b8b9c1;border-radius:12px}.info-banner{display:flex;gap:8px;border:1px solid rgb(11,84,194);border-radius:12px;padding:14px;align-items:flex-start;transition:all .3s cubic-bezier(.4,0,.2,1)}.info-banner__icon{color:#0b54c2;flex-shrink:0;width:20px;height:20px}.info-banner__content{flex:1}.info-banner__text{font-size:calc(12 * var(--almatar-font-size-ratio, 1) * 1px);color:#0b54c2;margin:0 0 4px;font-weight:var(--almatar-font-weight-regular);line-height:16px}.info-banner__subtext{font-size:calc(14 * var(--almatar-font-size-ratio, 1) * 1px);color:#1b1a1f;margin:0;line-height:1.4}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: AlmatarHotelAutoCancellationRefundableRoomComponent, selector: "almatar-hotel-auto-cancellation-refundable-room", inputs: ["package", "hideCheckbox"], outputs: ["togglePackage"] }, { kind: "component", type: AlmatarHotelAutoCancellationNonRefundableRoomComponent, selector: "almatar-hotel-auto-cancellation-non-refundable-room", inputs: ["package", "allPackages", "hotelInfo", "hotelId", "currencyCode", "allPackagesNonRefundable"], outputs: ["closeModal", "nonRefundableSubmitSuccess"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: AlmatarHotelAutoCancellationSelectRoomsComponent, isStandalone: true, selector: "almatar-hotel-auto-cancellation-select-rooms", inputs: { packages: { classPropertyName: "packages", publicName: "packages", isSignal: true, isRequired: true, transformFunction: null }, hotelInfo: { classPropertyName: "hotelInfo", publicName: "hotelInfo", isSignal: true, isRequired: true, transformFunction: null }, bookingId: { classPropertyName: "bookingId", publicName: "bookingId", isSignal: true, isRequired: false, transformFunction: null }, hotelId: { classPropertyName: "hotelId", publicName: "hotelId", isSignal: true, isRequired: false, transformFunction: null }, currencyCode: { classPropertyName: "currencyCode", publicName: "currencyCode", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { continueToCancel: "continueToCancel", closeModal: "closeModal", nonRefundableSubmitSuccess: "nonRefundableSubmitSuccess", chatWithAgent: "chatWithAgent" }, ngImport: i0, template: "<div class=\"select-rooms\">\n  <div class=\"select-rooms__content\">\n    @if (hotelInfo(); as hotel) {\n      <div class=\"hotel-info-card\">\n        <h3 class=\"hotel-info-card__name\">{{ hotel.hotelName }}</h3>\n\n        <div class=\"hotel-info-card__content\">\n          @if (hotel.hotelImage) {\n            <div class=\"hotel-info-card__image\">\n              <img [src]=\"hotel.hotelImage\" [alt]=\"hotel.hotelName\" />\n            </div>\n          }\n\n          <div class=\"hotel-info-card__dates\">\n            <div class=\"date-box\">\n              <span class=\"date-box__label\">CHECK-IN</span>\n              <span class=\"date-box__day\">{{\n                formatDate(hotel.checkIn).day\n              }}</span>\n              <span class=\"date-box__month\">{{\n                formatDate(hotel.checkIn).month\n              }}</span>\n              <span class=\"date-box__day-name\">{{\n                formatDate(hotel.checkIn).dayName\n              }}</span>\n              <span class=\"date-box__time\"\n                >From\n                {{ hotel?.checkInTime }}</span\n              >\n            </div>\n\n            <div class=\"date-box\">\n              <span class=\"date-box__label\">CHECK-OUT</span>\n              <span class=\"date-box__day\">{{\n                formatDate(hotel.checkOut).day\n              }}</span>\n              <span class=\"date-box__month\">{{\n                formatDate(hotel.checkOut).month\n              }}</span>\n              <span class=\"date-box__day-name\">{{\n                formatDate(hotel.checkOut).dayName\n              }}</span>\n              <span class=\"date-box__time\"\n                >Until\n                {{ hotel?.checkOutTime }}</span\n              >\n            </div>\n          </div>\n\n          <div class=\"hotel-info-card__stats\">\n            <div class=\"stat-box\">\n              <span class=\"stat-box__label\">Rooms</span>\n              <span class=\"stat-box__value\">{{ totalRoomsCount() }}</span>\n            </div>\n            <div class=\"stat-box\">\n              <span class=\"stat-box__label\">NIGHTS</span>\n              <span class=\"stat-box__value\">{{ hotel.nights }}</span>\n            </div>\n          </div>\n        </div>\n      </div>\n    }\n\n    <div class=\"select-rooms__notice select-rooms__notice--default\">\n      <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\">\n        <circle\n          cx=\"12\"\n          cy=\"12\"\n          r=\"9\"\n          stroke=\"currentColor\"\n          stroke-width=\"1.6\"\n        />\n        <path\n          d=\"M12 11v5.5M12 8v.01\"\n          stroke=\"currentColor\"\n          stroke-width=\"1.6\"\n          stroke-linecap=\"round\"\n        />\n      </svg>\n      <span>\n        Some rooms in each package, share one booking reference, so they will be cancelled together.</span\n      >\n    </div>\n\n    <div class=\"rooms-list\">\n      @for (package of displayPackages(); track $index) {\n        @if (!package.manualRefundRequest && !package.isCancelled) {\n          <almatar-hotel-auto-cancellation-refundable-room\n            [package]=\"package\"\n            [hideCheckbox]=\"isSinglePackage()\"\n            (togglePackage)=\"togglePackage($event)\"\n          />\n        } @else {\n          <almatar-hotel-auto-cancellation-non-refundable-room\n            [package]=\"package\"\n            [allPackages]=\"displayPackages()\"\n            [hotelInfo]=\"hotelInfo()\"\n            [hotelId]=\"hotelId()\"\n            [currencyCode]=\"currencyCode()\"\n            [allPackagesNonRefundable]=\"allPackagesNonRefundable()\"\n            (closeModal)=\"onClose()\"\n            (nonRefundableSubmitSuccess)=\"onNonRefundableSubmitSuccess($event)\"\n          />\n        }\n      }\n    </div>\n\n    @if (allPackagesNonRefundable()) {\n      <div class=\"select-rooms__notice select-rooms__notice--warning\">\n        <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\">\n          <!-- warning triangle icon -->\n          <path\n            d=\"M12 9v4M12 17h.01M10.29 3.86L1.82 18a2 2 0 001.71 3h16.94a2 2 0 001.71-3L13.71 3.86a2 2 0 00-3.42 0z\"\n            stroke=\"currentColor\"\n            stroke-width=\"1.6\"\n            stroke-linecap=\"round\"\n            stroke-linejoin=\"round\"\n          />\n        </svg>\n        <span>Sorry, we couldn't process your refund right now. Please chat with our Customer Service team for help.</span>\n      </div>\n    }\n  </div>\n\n  <div class=\"select-rooms__footer\">\n    @if (allPackagesNonRefundable()) {\n      \n    } @else {\n      @if (!hasSelectedPackages()) {\n        <p class=\"select-rooms__hint\">\n          Select at least one room to continue\n        </p>\n      }\n      <button\n        class=\"main_btn\"\n        type=\"button\"\n        [disabled]=\"!hasSelectedPackages()\"\n        (click)=\"onContinue()\"\n      >\n        Continue to cancel\n      </button>\n    }\n  </div>\n</div>\n", styles: [".select-rooms{display:flex;flex-direction:column;height:100%;background-color:#fff}.select-rooms__header{padding:16px;border-bottom:1px solid var(--almatar-neutral-border-default)}.select-rooms__notice{display:flex;align-items:center;gap:8px;padding:12px;border-radius:8px;font-size:calc(12 * var(--almatar-font-size-ratio, 1) * 1px);font-weight:400;margin:12px 0}.select-rooms__notice svg{flex-shrink:0;width:18px;height:18px;margin-top:1px}.select-rooms__notice--info{background:var(--almatar-info-surface, #eaf2ff);border:1px solid var(--almatar-info-border, #b9d6ff);color:var(--almatar-info-text, #1a56db);border-radius:12px}.select-rooms__notice--info svg{color:var(--almatar-info-icon, #1a56db)}.select-rooms__notice--default{background:#f7f7f8;border:1px solid rgb(217,217,222);color:#1b1a1f;border-radius:12px}.select-rooms__notice--default svg{color:#1b1a1f}.select-rooms__notice--warning{background:#faedcc;border:1px solid rgb(137,99,42);color:#89632a;border-radius:12px}.select-rooms__notice--warning svg{color:#89632a}.select-rooms__title{font-size:calc(18 * var(--almatar-font-size-ratio, 1) * 1px);font-weight:var(--almatar-font-weight-semibold);color:var(--almatar-neutral-text-primary-static);margin-bottom:4px}.select-rooms__subtitle{font-size:calc(14 * var(--almatar-font-size-ratio, 1) * 1px);color:var(--almatar-neutral-text-secondary-static)}.select-rooms__content{flex:1;overflow-y:auto;padding:12px}.select-rooms__footer{padding:16px;background:var(--almatar-neutral-surface-card);border-top:1px solid rgb(217,217,222)}.select-rooms__hint{text-align:center;font-size:calc(12 * var(--almatar-font-size-ratio, 1) * 1px);color:var(--almatar-neutral-text-secondary-static);margin-bottom:12px}.hotel-info-card{background:var(--almatar-neutral-surface-card);border-radius:12px;padding:12px;margin-bottom:12px;border:1px solid rgb(217,217,222)}.hotel-info-card__name{font-size:calc(18 * var(--almatar-font-size-ratio, 1) * 1px);font-weight:var(--almatar-font-weight-medium);color:var(--almatar-neutral-text-primary-static);margin-bottom:12px}.hotel-info-card__content{display:flex;align-items:stretch;gap:0}.hotel-info-card__image{width:120px;overflow:hidden;flex-shrink:0;padding-inline-end:12px;border-inline-end:1px solid rgb(217,217,222)}.hotel-info-card__image img{border-radius:5px;width:100%;height:100%;object-fit:cover;max-height:100px}.hotel-info-card__dates{display:flex;flex:1;border-inline-start:1px solid var(--almatar-neutral-border-default)}.hotel-info-card__stats{display:flex;flex-direction:column;justify-content:center;border-inline-start:1px solid var(--almatar-neutral-border-default);padding-inline-start:12px;margin-inline-start:0;min-width:70px}.date-box{display:flex;flex-direction:column;align-items:center;text-align:center;flex:1;padding:0 12px;border-inline-end:1px solid rgb(217,217,222);gap:4px}.date-box__label{font-size:calc(10 * var(--almatar-font-size-ratio, 1) * 1px);color:var(--almatar-neutral-text-secondary-static);text-transform:uppercase;letter-spacing:.5px}.date-box__day{font-size:calc(18 * var(--almatar-font-size-ratio, 1) * 1px);font-weight:var(--almatar-font-weight-medium);color:#491d95;line-height:1.2}.date-box__month{font-size:calc(12 * var(--almatar-font-size-ratio, 1) * 1px);font-weight:var(--almatar-font-weight-regular);color:var(--almatar-neutral-text-primary-static)}.date-box__day-name{font-size:calc(10 * var(--almatar-font-size-ratio, 1) * 1px);color:#747583}.date-box__time{font-size:calc(12 * var(--almatar-font-size-ratio, 1) * 1px);font-weight:var(--almatar-font-weight-regular);color:var(--almatar-neutral-text-primary-static)}.stat-box{display:flex;flex-direction:column;align-items:center;text-align:center;padding:4px 0;border-bottom:1px solid rgb(217,217,222)}.stat-box:last-child{border-bottom:none}.stat-box__label{font-size:calc(11 * var(--almatar-font-size-ratio, 1) * 1px);color:var(--almatar-neutral-text-secondary-static);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.stat-box__value{font-size:calc(18 * var(--almatar-font-size-ratio, 1) * 1px);font-weight:var(--almatar-font-weight-medium);color:var(--almatar-neutral-text-primary-static);line-height:1.3;color:#491d95}.rooms-list{display:flex;flex-direction:column;gap:12px}.main_btn{font-weight:var(--almatar-font-weight-medium);padding:17.5px;border-radius:6px;display:block;width:100%}.main_btn:disabled{opacity:.5;cursor:not-allowed}.main_btn--chat-with-us{background-color:#fff;border:1px solid rgb(217,217,222);color:#1b1a1f}button[disabled],input[type=button][disabled],input[type=reset][disabled],input[type=submit][disabled]{background-color:#747583;color:#b8b9c1;border-radius:12px}.info-banner{display:flex;gap:8px;border:1px solid rgb(11,84,194);border-radius:12px;padding:14px;align-items:flex-start;transition:all .3s cubic-bezier(.4,0,.2,1)}.info-banner__icon{color:#0b54c2;flex-shrink:0;width:20px;height:20px}.info-banner__content{flex:1}.info-banner__text{font-size:calc(12 * var(--almatar-font-size-ratio, 1) * 1px);color:#0b54c2;margin:0 0 4px;font-weight:var(--almatar-font-weight-regular);line-height:16px}.info-banner__subtext{font-size:calc(14 * var(--almatar-font-size-ratio, 1) * 1px);color:#1b1a1f;margin:0;line-height:1.4}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: AlmatarHotelAutoCancellationRefundableRoomComponent, selector: "almatar-hotel-auto-cancellation-refundable-room", inputs: ["package", "hideCheckbox"], outputs: ["togglePackage"] }, { kind: "component", type: AlmatarHotelAutoCancellationNonRefundableRoomComponent, selector: "almatar-hotel-auto-cancellation-non-refundable-room", inputs: ["package", "allPackages", "hotelInfo", "hotelId", "currencyCode", "allPackagesNonRefundable"], outputs: ["closeModal", "nonRefundableSubmitSuccess"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AlmatarHotelAutoCancellationSelectRoomsComponent, decorators: [{
             type: Component,
@@ -4115,7 +4181,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                         CommonModule,
                         AlmatarHotelAutoCancellationRefundableRoomComponent,
                         AlmatarHotelAutoCancellationNonRefundableRoomComponent,
-                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"select-rooms\">\n  <div class=\"select-rooms__content\">\n    @if (hotelInfo(); as hotel) {\n      <div class=\"hotel-info-card\">\n        <h3 class=\"hotel-info-card__name\">{{ hotel.hotelName }}</h3>\n\n        <div class=\"hotel-info-card__content\">\n          @if (hotel.hotelImage) {\n            <div class=\"hotel-info-card__image\">\n              <img [src]=\"hotel.hotelImage\" [alt]=\"hotel.hotelName\" />\n            </div>\n          }\n\n          <div class=\"hotel-info-card__dates\">\n            <div class=\"date-box\">\n              <span class=\"date-box__label\">CHECK-IN</span>\n              <span class=\"date-box__day\">{{\n                formatDate(hotel.checkIn).day\n              }}</span>\n              <span class=\"date-box__month\">{{\n                formatDate(hotel.checkIn).month\n              }}</span>\n              <span class=\"date-box__day-name\">{{\n                formatDate(hotel.checkIn).dayName\n              }}</span>\n              <span class=\"date-box__time\"\n                >From\n                {{ hotel?.checkInTime }}</span\n              >\n            </div>\n\n            <div class=\"date-box\">\n              <span class=\"date-box__label\">CHECK-OUT</span>\n              <span class=\"date-box__day\">{{\n                formatDate(hotel.checkOut).day\n              }}</span>\n              <span class=\"date-box__month\">{{\n                formatDate(hotel.checkOut).month\n              }}</span>\n              <span class=\"date-box__day-name\">{{\n                formatDate(hotel.checkOut).dayName\n              }}</span>\n              <span class=\"date-box__time\"\n                >Until\n                {{ hotel?.checkOutTime }}</span\n              >\n            </div>\n          </div>\n\n          <div class=\"hotel-info-card__stats\">\n            <div class=\"stat-box\">\n              <span class=\"stat-box__label\">Rooms</span>\n              <span class=\"stat-box__value\">{{ totalRoomsCount() }}</span>\n            </div>\n            <div class=\"stat-box\">\n              <span class=\"stat-box__label\">NIGHTS</span>\n              <span class=\"stat-box__value\">{{ hotel.nights }}</span>\n            </div>\n          </div>\n        </div>\n      </div>\n    }\n\n    <div class=\"select-rooms__notice select-rooms__notice--default\">\n      <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\">\n        <circle\n          cx=\"12\"\n          cy=\"12\"\n          r=\"9\"\n          stroke=\"currentColor\"\n          stroke-width=\"1.6\"\n        />\n        <path\n          d=\"M12 11v5.5M12 8v.01\"\n          stroke=\"currentColor\"\n          stroke-width=\"1.6\"\n          stroke-linecap=\"round\"\n        />\n      </svg>\n      <span>\n        Some rooms in each package, share one booking reference, so they will be cancelled together.</span\n      >\n    </div>\n\n    <div class=\"rooms-list\">\n      @for (package of displayPackages(); track $index) {\n        @if (!package.manualRefundRequest && !package.isCancelled) {\n          <almatar-hotel-auto-cancellation-refundable-room\n            [package]=\"package\"\n            [hideCheckbox]=\"isSinglePackage()\"\n            (togglePackage)=\"togglePackage($event)\"\n          />\n        } @else {\n          <almatar-hotel-auto-cancellation-non-refundable-room\n            [package]=\"package\"\n            [allPackages]=\"displayPackages()\"\n            [hotelInfo]=\"hotelInfo()\"\n            [hotelId]=\"hotelId()\"\n            [currencyCode]=\"currencyCode()\"\n            [allPackagesNonRefundable]=\"allPackagesNonRefundable()\"\n            (closeModal)=\"onClose()\"\n            (nonRefundableSubmitSuccess)=\"onNonRefundableSubmitSuccess($event)\"\n          />\n        }\n      }\n    </div>\n\n    @if (allPackagesNonRefundable()) {\n      <div class=\"select-rooms__notice select-rooms__notice--warning\">\n        <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\">\n          <!-- warning triangle icon -->\n          <path\n            d=\"M12 9v4M12 17h.01M10.29 3.86L1.82 18a2 2 0 001.71 3h16.94a2 2 0 001.71-3L13.71 3.86a2 2 0 00-3.42 0z\"\n            stroke=\"currentColor\"\n            stroke-width=\"1.6\"\n            stroke-linecap=\"round\"\n            stroke-linejoin=\"round\"\n          />\n        </svg>\n        <span>Sorry, we couldn't process your refund right now. Please chat with our Customer Service team for help.</span>\n      </div>\n    }\n  </div>\n\n  <div class=\"select-rooms__footer\">\n    @if (allPackagesNonRefundable()) {\n      <button\n        class=\"main_btn main_btn--chat-with-us\"\n        type=\"button\"\n        (click)=\"onChatWithAgent()\"\n      >\n        Chat with customer service\n      </button>\n    } @else {\n      @if (!hasSelectedPackages()) {\n        <p class=\"select-rooms__hint\">\n          Select at least one room to continue\n        </p>\n      }\n      <button\n        class=\"main_btn\"\n        type=\"button\"\n        [disabled]=\"!hasSelectedPackages()\"\n        (click)=\"onContinue()\"\n      >\n        Continue to cancel\n      </button>\n    }\n  </div>\n</div>\n", styles: [".select-rooms{display:flex;flex-direction:column;height:100%;background-color:#fff}.select-rooms__header{padding:16px;border-bottom:1px solid var(--almatar-neutral-border-default)}.select-rooms__notice{display:flex;align-items:center;gap:8px;padding:12px;border-radius:8px;font-size:calc(12 * var(--almatar-font-size-ratio, 1) * 1px);font-weight:400;margin:12px 0}.select-rooms__notice svg{flex-shrink:0;width:18px;height:18px;margin-top:1px}.select-rooms__notice--info{background:var(--almatar-info-surface, #eaf2ff);border:1px solid var(--almatar-info-border, #b9d6ff);color:var(--almatar-info-text, #1a56db);border-radius:12px}.select-rooms__notice--info svg{color:var(--almatar-info-icon, #1a56db)}.select-rooms__notice--default{background:#f7f7f8;border:1px solid rgb(217,217,222);color:#1b1a1f;border-radius:12px}.select-rooms__notice--default svg{color:#1b1a1f}.select-rooms__notice--warning{background:#faedcc;border:1px solid rgb(137,99,42);color:#89632a;border-radius:12px}.select-rooms__notice--warning svg{color:#89632a}.select-rooms__title{font-size:calc(18 * var(--almatar-font-size-ratio, 1) * 1px);font-weight:var(--almatar-font-weight-semibold);color:var(--almatar-neutral-text-primary-static);margin-bottom:4px}.select-rooms__subtitle{font-size:calc(14 * var(--almatar-font-size-ratio, 1) * 1px);color:var(--almatar-neutral-text-secondary-static)}.select-rooms__content{flex:1;overflow-y:auto;padding:12px}.select-rooms__footer{padding:16px;background:var(--almatar-neutral-surface-card);border-top:1px solid rgb(217,217,222)}.select-rooms__hint{text-align:center;font-size:calc(12 * var(--almatar-font-size-ratio, 1) * 1px);color:var(--almatar-neutral-text-secondary-static);margin-bottom:12px}.hotel-info-card{background:var(--almatar-neutral-surface-card);border-radius:12px;padding:12px;margin-bottom:12px;border:1px solid rgb(217,217,222)}.hotel-info-card__name{font-size:calc(18 * var(--almatar-font-size-ratio, 1) * 1px);font-weight:var(--almatar-font-weight-medium);color:var(--almatar-neutral-text-primary-static);margin-bottom:12px}.hotel-info-card__content{display:flex;align-items:stretch;gap:0}.hotel-info-card__image{width:120px;overflow:hidden;flex-shrink:0;padding-inline-end:12px;border-inline-end:1px solid rgb(217,217,222)}.hotel-info-card__image img{border-radius:5px;width:100%;height:100%;object-fit:cover;max-height:100px}.hotel-info-card__dates{display:flex;flex:1;border-inline-start:1px solid var(--almatar-neutral-border-default)}.hotel-info-card__stats{display:flex;flex-direction:column;justify-content:center;border-inline-start:1px solid var(--almatar-neutral-border-default);padding-inline-start:12px;margin-inline-start:0;min-width:70px}.date-box{display:flex;flex-direction:column;align-items:center;text-align:center;flex:1;padding:0 12px;border-inline-end:1px solid rgb(217,217,222);gap:4px}.date-box__label{font-size:calc(10 * var(--almatar-font-size-ratio, 1) * 1px);color:var(--almatar-neutral-text-secondary-static);text-transform:uppercase;letter-spacing:.5px}.date-box__day{font-size:calc(18 * var(--almatar-font-size-ratio, 1) * 1px);font-weight:var(--almatar-font-weight-medium);color:#491d95;line-height:1.2}.date-box__month{font-size:calc(12 * var(--almatar-font-size-ratio, 1) * 1px);font-weight:var(--almatar-font-weight-regular);color:var(--almatar-neutral-text-primary-static)}.date-box__day-name{font-size:calc(10 * var(--almatar-font-size-ratio, 1) * 1px);color:#747583}.date-box__time{font-size:calc(12 * var(--almatar-font-size-ratio, 1) * 1px);font-weight:var(--almatar-font-weight-regular);color:var(--almatar-neutral-text-primary-static)}.stat-box{display:flex;flex-direction:column;align-items:center;text-align:center;padding:4px 0;border-bottom:1px solid rgb(217,217,222)}.stat-box:last-child{border-bottom:none}.stat-box__label{font-size:calc(11 * var(--almatar-font-size-ratio, 1) * 1px);color:var(--almatar-neutral-text-secondary-static);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.stat-box__value{font-size:calc(18 * var(--almatar-font-size-ratio, 1) * 1px);font-weight:var(--almatar-font-weight-medium);color:var(--almatar-neutral-text-primary-static);line-height:1.3;color:#491d95}.rooms-list{display:flex;flex-direction:column;gap:12px}.main_btn{font-weight:var(--almatar-font-weight-medium);padding:17.5px;border-radius:6px;display:block;width:100%}.main_btn:disabled{opacity:.5;cursor:not-allowed}.main_btn--chat-with-us{background-color:#fff;border:1px solid rgb(217,217,222);color:#1b1a1f}button[disabled],input[type=button][disabled],input[type=reset][disabled],input[type=submit][disabled]{background-color:#747583;color:#b8b9c1;border-radius:12px}.info-banner{display:flex;gap:8px;border:1px solid rgb(11,84,194);border-radius:12px;padding:14px;align-items:flex-start;transition:all .3s cubic-bezier(.4,0,.2,1)}.info-banner__icon{color:#0b54c2;flex-shrink:0;width:20px;height:20px}.info-banner__content{flex:1}.info-banner__text{font-size:calc(12 * var(--almatar-font-size-ratio, 1) * 1px);color:#0b54c2;margin:0 0 4px;font-weight:var(--almatar-font-weight-regular);line-height:16px}.info-banner__subtext{font-size:calc(14 * var(--almatar-font-size-ratio, 1) * 1px);color:#1b1a1f;margin:0;line-height:1.4}\n"] }]
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"select-rooms\">\n  <div class=\"select-rooms__content\">\n    @if (hotelInfo(); as hotel) {\n      <div class=\"hotel-info-card\">\n        <h3 class=\"hotel-info-card__name\">{{ hotel.hotelName }}</h3>\n\n        <div class=\"hotel-info-card__content\">\n          @if (hotel.hotelImage) {\n            <div class=\"hotel-info-card__image\">\n              <img [src]=\"hotel.hotelImage\" [alt]=\"hotel.hotelName\" />\n            </div>\n          }\n\n          <div class=\"hotel-info-card__dates\">\n            <div class=\"date-box\">\n              <span class=\"date-box__label\">CHECK-IN</span>\n              <span class=\"date-box__day\">{{\n                formatDate(hotel.checkIn).day\n              }}</span>\n              <span class=\"date-box__month\">{{\n                formatDate(hotel.checkIn).month\n              }}</span>\n              <span class=\"date-box__day-name\">{{\n                formatDate(hotel.checkIn).dayName\n              }}</span>\n              <span class=\"date-box__time\"\n                >From\n                {{ hotel?.checkInTime }}</span\n              >\n            </div>\n\n            <div class=\"date-box\">\n              <span class=\"date-box__label\">CHECK-OUT</span>\n              <span class=\"date-box__day\">{{\n                formatDate(hotel.checkOut).day\n              }}</span>\n              <span class=\"date-box__month\">{{\n                formatDate(hotel.checkOut).month\n              }}</span>\n              <span class=\"date-box__day-name\">{{\n                formatDate(hotel.checkOut).dayName\n              }}</span>\n              <span class=\"date-box__time\"\n                >Until\n                {{ hotel?.checkOutTime }}</span\n              >\n            </div>\n          </div>\n\n          <div class=\"hotel-info-card__stats\">\n            <div class=\"stat-box\">\n              <span class=\"stat-box__label\">Rooms</span>\n              <span class=\"stat-box__value\">{{ totalRoomsCount() }}</span>\n            </div>\n            <div class=\"stat-box\">\n              <span class=\"stat-box__label\">NIGHTS</span>\n              <span class=\"stat-box__value\">{{ hotel.nights }}</span>\n            </div>\n          </div>\n        </div>\n      </div>\n    }\n\n    <div class=\"select-rooms__notice select-rooms__notice--default\">\n      <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\">\n        <circle\n          cx=\"12\"\n          cy=\"12\"\n          r=\"9\"\n          stroke=\"currentColor\"\n          stroke-width=\"1.6\"\n        />\n        <path\n          d=\"M12 11v5.5M12 8v.01\"\n          stroke=\"currentColor\"\n          stroke-width=\"1.6\"\n          stroke-linecap=\"round\"\n        />\n      </svg>\n      <span>\n        Some rooms in each package, share one booking reference, so they will be cancelled together.</span\n      >\n    </div>\n\n    <div class=\"rooms-list\">\n      @for (package of displayPackages(); track $index) {\n        @if (!package.manualRefundRequest && !package.isCancelled) {\n          <almatar-hotel-auto-cancellation-refundable-room\n            [package]=\"package\"\n            [hideCheckbox]=\"isSinglePackage()\"\n            (togglePackage)=\"togglePackage($event)\"\n          />\n        } @else {\n          <almatar-hotel-auto-cancellation-non-refundable-room\n            [package]=\"package\"\n            [allPackages]=\"displayPackages()\"\n            [hotelInfo]=\"hotelInfo()\"\n            [hotelId]=\"hotelId()\"\n            [currencyCode]=\"currencyCode()\"\n            [allPackagesNonRefundable]=\"allPackagesNonRefundable()\"\n            (closeModal)=\"onClose()\"\n            (nonRefundableSubmitSuccess)=\"onNonRefundableSubmitSuccess($event)\"\n          />\n        }\n      }\n    </div>\n\n    @if (allPackagesNonRefundable()) {\n      <div class=\"select-rooms__notice select-rooms__notice--warning\">\n        <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\">\n          <!-- warning triangle icon -->\n          <path\n            d=\"M12 9v4M12 17h.01M10.29 3.86L1.82 18a2 2 0 001.71 3h16.94a2 2 0 001.71-3L13.71 3.86a2 2 0 00-3.42 0z\"\n            stroke=\"currentColor\"\n            stroke-width=\"1.6\"\n            stroke-linecap=\"round\"\n            stroke-linejoin=\"round\"\n          />\n        </svg>\n        <span>Sorry, we couldn't process your refund right now. Please chat with our Customer Service team for help.</span>\n      </div>\n    }\n  </div>\n\n  <div class=\"select-rooms__footer\">\n    @if (allPackagesNonRefundable()) {\n      \n    } @else {\n      @if (!hasSelectedPackages()) {\n        <p class=\"select-rooms__hint\">\n          Select at least one room to continue\n        </p>\n      }\n      <button\n        class=\"main_btn\"\n        type=\"button\"\n        [disabled]=\"!hasSelectedPackages()\"\n        (click)=\"onContinue()\"\n      >\n        Continue to cancel\n      </button>\n    }\n  </div>\n</div>\n", styles: [".select-rooms{display:flex;flex-direction:column;height:100%;background-color:#fff}.select-rooms__header{padding:16px;border-bottom:1px solid var(--almatar-neutral-border-default)}.select-rooms__notice{display:flex;align-items:center;gap:8px;padding:12px;border-radius:8px;font-size:calc(12 * var(--almatar-font-size-ratio, 1) * 1px);font-weight:400;margin:12px 0}.select-rooms__notice svg{flex-shrink:0;width:18px;height:18px;margin-top:1px}.select-rooms__notice--info{background:var(--almatar-info-surface, #eaf2ff);border:1px solid var(--almatar-info-border, #b9d6ff);color:var(--almatar-info-text, #1a56db);border-radius:12px}.select-rooms__notice--info svg{color:var(--almatar-info-icon, #1a56db)}.select-rooms__notice--default{background:#f7f7f8;border:1px solid rgb(217,217,222);color:#1b1a1f;border-radius:12px}.select-rooms__notice--default svg{color:#1b1a1f}.select-rooms__notice--warning{background:#faedcc;border:1px solid rgb(137,99,42);color:#89632a;border-radius:12px}.select-rooms__notice--warning svg{color:#89632a}.select-rooms__title{font-size:calc(18 * var(--almatar-font-size-ratio, 1) * 1px);font-weight:var(--almatar-font-weight-semibold);color:var(--almatar-neutral-text-primary-static);margin-bottom:4px}.select-rooms__subtitle{font-size:calc(14 * var(--almatar-font-size-ratio, 1) * 1px);color:var(--almatar-neutral-text-secondary-static)}.select-rooms__content{flex:1;overflow-y:auto;padding:12px}.select-rooms__footer{padding:16px;background:var(--almatar-neutral-surface-card);border-top:1px solid rgb(217,217,222)}.select-rooms__hint{text-align:center;font-size:calc(12 * var(--almatar-font-size-ratio, 1) * 1px);color:var(--almatar-neutral-text-secondary-static);margin-bottom:12px}.hotel-info-card{background:var(--almatar-neutral-surface-card);border-radius:12px;padding:12px;margin-bottom:12px;border:1px solid rgb(217,217,222)}.hotel-info-card__name{font-size:calc(18 * var(--almatar-font-size-ratio, 1) * 1px);font-weight:var(--almatar-font-weight-medium);color:var(--almatar-neutral-text-primary-static);margin-bottom:12px}.hotel-info-card__content{display:flex;align-items:stretch;gap:0}.hotel-info-card__image{width:120px;overflow:hidden;flex-shrink:0;padding-inline-end:12px;border-inline-end:1px solid rgb(217,217,222)}.hotel-info-card__image img{border-radius:5px;width:100%;height:100%;object-fit:cover;max-height:100px}.hotel-info-card__dates{display:flex;flex:1;border-inline-start:1px solid var(--almatar-neutral-border-default)}.hotel-info-card__stats{display:flex;flex-direction:column;justify-content:center;border-inline-start:1px solid var(--almatar-neutral-border-default);padding-inline-start:12px;margin-inline-start:0;min-width:70px}.date-box{display:flex;flex-direction:column;align-items:center;text-align:center;flex:1;padding:0 12px;border-inline-end:1px solid rgb(217,217,222);gap:4px}.date-box__label{font-size:calc(10 * var(--almatar-font-size-ratio, 1) * 1px);color:var(--almatar-neutral-text-secondary-static);text-transform:uppercase;letter-spacing:.5px}.date-box__day{font-size:calc(18 * var(--almatar-font-size-ratio, 1) * 1px);font-weight:var(--almatar-font-weight-medium);color:#491d95;line-height:1.2}.date-box__month{font-size:calc(12 * var(--almatar-font-size-ratio, 1) * 1px);font-weight:var(--almatar-font-weight-regular);color:var(--almatar-neutral-text-primary-static)}.date-box__day-name{font-size:calc(10 * var(--almatar-font-size-ratio, 1) * 1px);color:#747583}.date-box__time{font-size:calc(12 * var(--almatar-font-size-ratio, 1) * 1px);font-weight:var(--almatar-font-weight-regular);color:var(--almatar-neutral-text-primary-static)}.stat-box{display:flex;flex-direction:column;align-items:center;text-align:center;padding:4px 0;border-bottom:1px solid rgb(217,217,222)}.stat-box:last-child{border-bottom:none}.stat-box__label{font-size:calc(11 * var(--almatar-font-size-ratio, 1) * 1px);color:var(--almatar-neutral-text-secondary-static);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.stat-box__value{font-size:calc(18 * var(--almatar-font-size-ratio, 1) * 1px);font-weight:var(--almatar-font-weight-medium);color:var(--almatar-neutral-text-primary-static);line-height:1.3;color:#491d95}.rooms-list{display:flex;flex-direction:column;gap:12px}.main_btn{font-weight:var(--almatar-font-weight-medium);padding:17.5px;border-radius:6px;display:block;width:100%}.main_btn:disabled{opacity:.5;cursor:not-allowed}.main_btn--chat-with-us{background-color:#fff;border:1px solid rgb(217,217,222);color:#1b1a1f}button[disabled],input[type=button][disabled],input[type=reset][disabled],input[type=submit][disabled]{background-color:#747583;color:#b8b9c1;border-radius:12px}.info-banner{display:flex;gap:8px;border:1px solid rgb(11,84,194);border-radius:12px;padding:14px;align-items:flex-start;transition:all .3s cubic-bezier(.4,0,.2,1)}.info-banner__icon{color:#0b54c2;flex-shrink:0;width:20px;height:20px}.info-banner__content{flex:1}.info-banner__text{font-size:calc(12 * var(--almatar-font-size-ratio, 1) * 1px);color:#0b54c2;margin:0 0 4px;font-weight:var(--almatar-font-weight-regular);line-height:16px}.info-banner__subtext{font-size:calc(14 * var(--almatar-font-size-ratio, 1) * 1px);color:#1b1a1f;margin:0;line-height:1.4}\n"] }]
         }], ctorParameters: () => [] });
 class ExchangePipe {
@@ -5044,17 +5110,17 @@ class AlmatarHotelAutoCancellationResultOverlayComponent {
             // Add wallet points as first sub-item if there are loyalty programs
             if (hasLoyaltyPrograms && breakdown.wallet > 0) {
                 loyaltySubItems.push({
-                    label: this.translateService.instant('manage-booking.smart-cancel.result.wallet-points-label'),
+                    label: 'Almatar wallet points',
                     value: breakdown.wallet,
                 });
             }
             // Add all loyalty programs as sub-items
             loyaltySubItems.push(...loyaltyPrograms);
             rows.push({
-                label: this.translateService.instant('manage-booking.smart-cancel.result.your-wallet'),
+                label: 'Your Almatar Wallet',
                 value: walletTotal,
                 instant: true,
-                badgeKey: 'Ready Now',
+                badgeKey: 'Instant',
                 isWallet: true,
                 hasLoyaltyNote: hasLoyaltyPrograms,
                 loyaltySubItems: loyaltySubItems.length > 1 ? loyaltySubItems : undefined,
@@ -5063,10 +5129,10 @@ class AlmatarHotelAutoCancellationResultOverlayComponent {
         // Card refund
         if (breakdown.card > 0) {
             rows.push({
-                label: this.translateService.instant('manage-booking.smart-cancel.refund-method.original'),
+                label: 'Original Payment Method',
                 value: breakdown.card,
                 instant: false,
-                badgeKey: '5-7 business days',
+                badgeKey: 'Up to 15 business days, bank policy',
                 isWallet: false,
                 isInstallment: false,
             });
@@ -5077,7 +5143,7 @@ class AlmatarHotelAutoCancellationResultOverlayComponent {
                 label: this.getPaymentMethodLabel(PaymentGatewayCode.Tabby) || 'Tabby',
                 value: breakdown.tabby,
                 instant: false,
-                badgeKey: '3-5 business days',
+                badgeKey: 'From 5-7 business days',
                 isWallet: false,
                 isInstallment: true,
             });
@@ -5088,7 +5154,7 @@ class AlmatarHotelAutoCancellationResultOverlayComponent {
                 label: this.getPaymentMethodLabel(PaymentGatewayCode.Tamara) || 'Tamara',
                 value: breakdown.tamara,
                 instant: false,
-                badgeKey: '7-10 business days',
+                badgeKey: 'Up to 10 business days',
                 isWallet: false,
                 isInstallment: true,
             });
@@ -5098,13 +5164,13 @@ class AlmatarHotelAutoCancellationResultOverlayComponent {
             const isWallet = preferredMethod === 'wallet';
             rows.push({
                 label: isWallet
-                    ? this.translateService.instant('manage-booking.smart-cancel.result.your-wallet')
-                    : this.translateService.instant('manage-booking.smart-cancel.refund-method.original'),
+                    ? 'Your Almatar Wallet'
+                    : 'Original Payment Method',
                 value: response.data.refund.amount,
                 instant: isWallet,
                 badgeKey: isWallet
-                    ? 'Ready Now'
-                    : '5-7 business days',
+                    ? 'Instant'
+                    : 'Up to 15 business days, bank policy',
                 isWallet,
             });
         }
@@ -5131,8 +5197,7 @@ class AlmatarHotelAutoCancellationResultOverlayComponent {
         return loyaltyPrograms;
     }
     getLoyaltyProgramLabel(code, fallbackName) {
-        const isArabic = this.translateService.currentLang?.startsWith('ar');
-        const pointsLabel = isArabic ? 'نقاط' : 'points';
+        const pointsLabel = 'points';
         const gatewayLabel = this.getPaymentMethodLabel(code);
         const programName = gatewayLabel || fallbackName;
         return `${programName} ${pointsLabel}`;
@@ -5145,9 +5210,7 @@ class AlmatarHotelAutoCancellationResultOverlayComponent {
         if (!entry) {
             return '';
         }
-        return this.translateService.currentLang?.startsWith('ar')
-            ? entry.ar
-            : entry.en;
+        return entry.en;
     }
     isWalletRow(row) {
         return row.isWallet === true;
@@ -5162,7 +5225,7 @@ class AlmatarHotelAutoCancellationResultOverlayComponent {
         this.done.emit();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AlmatarHotelAutoCancellationResultOverlayComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: AlmatarHotelAutoCancellationResultOverlayComponent, isStandalone: true, selector: "almatar-hotel-auto-cancellation-result-overlay", inputs: { visible: { classPropertyName: "visible", publicName: "visible", isSignal: true, isRequired: false, transformFunction: null }, currencyObj: { classPropertyName: "currencyObj", publicName: "currencyObj", isSignal: true, isRequired: false, transformFunction: null }, refundMethod: { classPropertyName: "refundMethod", publicName: "refundMethod", isSignal: true, isRequired: false, transformFunction: null }, apiResponse: { classPropertyName: "apiResponse", publicName: "apiResponse", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { done: "done" }, ngImport: i0, template: "<div class=\"result-overlay\" [class.result-overlay--visible]=\"visible()\">\n  <div class=\"result-overlay__backdrop\"></div>\n  <div class=\"result-overlay__modal\">\n    <div class=\"result-overlay__hero\">\n      <span class=\"result-overlay__icon result-overlay__icon--green\">\n        <svg\n          width=\"114\"\n          height=\"114\"\n          viewBox=\"0 0 114 114\"\n          fill=\"none\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n        >\n          <circle cx=\"57\" cy=\"57\" r=\"42\" fill=\"#6DE197\" />\n          <path\n            d=\"M71.417 43.5774C73.169 41.8254 76.0097 41.8254 77.7617 43.5774C79.5134 45.3294 79.5136 48.1702 77.7617 49.9221L55.4248 72.2581C54.5835 73.0992 53.4426 73.5715 52.2529 73.5715C51.0632 73.5715 49.9224 73.0992 49.0811 72.2581L36.3174 59.4944C34.5654 57.7424 34.5654 54.9017 36.3174 53.1497C38.0694 51.3978 40.9102 51.3977 42.6621 53.1497L52.041 62.5286C52.0973 62.5848 52.1734 62.6165 52.2529 62.6165C52.3325 62.6164 52.4086 62.5848 52.4648 62.5286L71.417 43.5774Z\"\n            fill=\"url(#paint0_linear_hotel_result)\"\n            fill-opacity=\"0.9\"\n            stroke=\"url(#paint1_linear_hotel_result)\"\n            stroke-width=\"0.6\"\n            stroke-linecap=\"round\"\n            stroke-linejoin=\"round\"\n          />\n          <defs>\n            <linearGradient\n              id=\"paint0_linear_hotel_result\"\n              x1=\"41.6842\"\n              y1=\"54.1291\"\n              x2=\"111.486\"\n              y2=\"62.3784\"\n              gradientUnits=\"userSpaceOnUse\"\n            >\n              <stop stop-color=\"white\" />\n              <stop offset=\"1\" stop-color=\"white\" stop-opacity=\"0\" />\n            </linearGradient>\n            <linearGradient\n              id=\"paint1_linear_hotel_result\"\n              x1=\"42.6803\"\n              y1=\"51.352\"\n              x2=\"61.1185\"\n              y2=\"79.3662\"\n              gradientUnits=\"userSpaceOnUse\"\n            >\n              <stop stop-color=\"white\" />\n              <stop offset=\"1\" stop-color=\"white\" stop-opacity=\"0\" />\n            </linearGradient>\n          </defs>\n        </svg>\n      </span>\n      <h3 class=\"result-overlay__title\">\n        {{ isNilRefund() ? 'Cancellation Confirmed' : 'Refund Confirmed' }}\n      </h3>\n    </div>\n\n    @for (row of refundRows(); track $index) {\n      <div\n        class=\"result-overlay__row\"\n        [class.result-overlay__row--with-breakdown]=\"\n          row.loyaltySubItems?.length\n        \"\n      >\n        <!-- Wallet Icon -->\n        @if (isWalletRow(row)) {\n          <span class=\"result-overlay__method-icon\">\n            <svg\n              width=\"24\"\n              height=\"24\"\n              viewBox=\"0 0 22 24\"\n              fill=\"none\"\n              xmlns=\"http://www.w3.org/2000/svg\"\n            >\n              <g clip-path=\"url(#clip0_wallet_result)\">\n                <path\n                  d=\"M2.67627 20.8852C1.74854 20.8852 1.04655 20.6533 0.570312 20.1894C0.10026 19.7256 -0.134766 19.0359 -0.134766 18.1206V8.51852C-0.134766 7.77015 0.0260417 7.1764 0.347656 6.73727C0.675456 6.29815 1.1888 5.97344 1.8877 5.76315L13.7812 2.3027C14.4554 2.11097 15.0584 2.06149 15.5903 2.15427C16.1284 2.24704 16.549 2.49443 16.8521 2.89645C17.1613 3.29229 17.3159 3.85511 17.3159 4.58493V6.25485L15.8037 6.38473V4.45505C15.8037 4.04684 15.6893 3.76543 15.4604 3.61081C15.2316 3.45619 14.8945 3.44382 14.4492 3.5737L7.27783 5.55905C7.19124 5.5776 7.15104 5.61471 7.15723 5.67038C7.16341 5.71986 7.20671 5.7446 7.28711 5.7446H17.5942C18.5282 5.7446 19.2271 5.97962 19.6909 6.44968C20.161 6.91354 20.396 7.60316 20.396 8.51852V10.8564H18.8931V8.60202C18.8931 8.15671 18.7786 7.81963 18.5498 7.59079C18.321 7.36195 17.9932 7.24753 17.5664 7.24753H2.69482C2.26807 7.24753 1.94027 7.36195 1.71143 7.59079C1.48877 7.81963 1.37744 8.15671 1.37744 8.60202V18.0371C1.37744 18.4824 1.48877 18.8164 1.71143 19.039C1.94027 19.2679 2.26807 19.3823 2.69482 19.3823H17.5664C17.9932 19.3823 18.321 19.2679 18.5498 19.039C18.7786 18.8164 18.8931 18.4824 18.8931 18.0371V15.4394H20.396V18.1206C20.396 19.0359 20.161 19.7256 19.6909 20.1894C19.2271 20.6533 18.5282 20.8852 17.5942 20.8852H2.67627ZM16.7686 14.2334C16.5088 14.2334 16.2861 14.1437 16.1006 13.9643C15.9212 13.7788 15.8315 13.5561 15.8315 13.2964C15.8315 13.0366 15.9212 12.817 16.1006 12.6377C16.2861 12.4521 16.5088 12.3593 16.7686 12.3593C17.0283 12.3593 17.2479 12.4521 17.4272 12.6377C17.6128 12.817 17.7056 13.0366 17.7056 13.2964C17.7056 13.5561 17.6128 13.7788 17.4272 13.9643C17.2479 14.1437 17.0283 14.2334 16.7686 14.2334ZM16.6758 16.2187C15.7419 16.2187 14.9873 15.9775 14.4121 15.4951C13.8369 15.0065 13.5493 14.2767 13.5493 13.3056C13.5493 12.3346 13.8369 11.6079 14.4121 11.1255C14.9873 10.643 15.7419 10.4018 16.6758 10.4018H20.1084C20.6898 10.4018 21.1475 10.5812 21.4814 10.9399C21.8216 11.2986 21.9917 11.7439 21.9917 12.2758V14.3354C21.9917 14.8673 21.8216 15.3157 21.4814 15.6806C21.1475 16.0394 20.6898 16.2187 20.1084 16.2187H16.6758ZM16.7686 14.9756H19.7837C20.1053 14.9756 20.3465 14.8921 20.5073 14.7251C20.6743 14.5519 20.7578 14.3138 20.7578 14.0107V12.6006C20.7578 12.2975 20.6743 12.0625 20.5073 11.8955C20.3465 11.7223 20.1053 11.6357 19.7837 11.6357H16.7686C16.1191 11.6357 15.6367 11.7841 15.3213 12.081C15.012 12.3779 14.8574 12.7861 14.8574 13.3056C14.8574 13.8252 15.012 14.2334 15.3213 14.5302C15.6367 14.8271 16.1191 14.9756 16.7686 14.9756Z\"\n                  fill=\"black\"\n                />\n              </g>\n              <defs>\n                <clipPath id=\"clip0_wallet_result\">\n                  <rect width=\"24\" height=\"24\" fill=\"white\" />\n                </clipPath>\n              </defs>\n            </svg>\n          </span>\n        }\n\n        <!-- Card Icon -->\n        @if (!isWalletRow(row)) {\n          <span class=\"result-overlay__method-icon\">\n            <svg\n              width=\"24\"\n              height=\"24\"\n              viewBox=\"0 0 24 24\"\n              fill=\"none\"\n              xmlns=\"http://www.w3.org/2000/svg\"\n            >\n              <path\n                d=\"M2.25 8.25H21.75M2.25 9H21.75M5.25 14.25H11.25M5.25 16.5H8.25M4.5 19.5H19.5C20.0967 19.5 20.669 19.2629 21.091 18.841C21.5129 18.419 21.75 17.8467 21.75 17.25V6.75C21.75 6.15326 21.5129 5.58097 21.091 5.15901C20.669 4.73705 20.0967 4.5 19.5 4.5H4.5C3.90326 4.5 3.33097 4.73705 2.90901 5.15901C2.48705 5.58097 2.25 6.15326 2.25 6.75V17.25C2.25 17.8467 2.48705 18.419 2.90901 18.841C3.33097 19.2629 3.90326 19.5 4.5 19.5Z\"\n                stroke=\"#1B1A1F\"\n                stroke-width=\"1.5\"\n                stroke-linecap=\"round\"\n                stroke-linejoin=\"round\"\n              />\n            </svg>\n          </span>\n        }\n\n        <span class=\"result-overlay__body\">\n          <span class=\"result-overlay__method-name\">\n            <span class=\"result-overlay__method-block\">\n              {{ row.label }}\n\n              @if (!isWalletRow(row) && !row?.isInstallment) {\n                <span class=\"mada-logo\">\n                  <svg\n                    xmlns=\"http://www.w3.org/2000/svg\"\n                    width=\"43\"\n                    height=\"15\"\n                    viewBox=\"0 0 43 15\"\n                    fill=\"none\"\n                  >\n                    <g clip-path=\"url(#clip0_19158_27303)\">\n                      <path\n                        d=\"M18.1894 8.65527H0V14.9943H18.1894V8.65527Z\"\n                        fill=\"#84B740\"\n                      />\n                      <path\n                        d=\"M18.1894 0H0V6.34463H18.1894V0Z\"\n                        fill=\"#259BD6\"\n                      />\n                      <path\n                        d=\"M36.3779 13.7034L36.2969 13.7203C36.016 13.7768 35.9134 13.7994 35.7082 13.7994C35.233 13.7994 34.6713 13.5452 34.6713 12.3475C34.6713 11.7316 34.7685 10.9124 35.6542 10.9124H35.6596C35.8108 10.9237 35.9836 10.9407 36.3077 11.0424L36.3779 11.065V13.7034ZM36.5237 7.73164L36.3779 7.75989V9.97458L36.2483 9.93503L36.2105 9.92373C36.0647 9.87853 35.7298 9.77684 35.4058 9.77684C33.6344 9.77684 33.2617 11.178 33.2617 12.3531C33.2617 13.9633 34.1258 14.8898 35.6326 14.8898C36.2699 14.8898 36.7397 14.822 37.215 14.6582C37.6524 14.5113 37.8091 14.3023 37.8091 13.8559V7.5C37.3878 7.5791 36.9504 7.65819 36.5237 7.73164Z\"\n                        fill=\"#747583\"\n                      />\n                      <path\n                        d=\"M41.651 13.7375L41.5754 13.7601L41.3053 13.8336C41.0515 13.9014 40.8247 13.9409 40.6519 13.9409C40.236 13.9409 39.9876 13.7262 39.9876 13.359C39.9876 13.1217 40.0902 12.7206 40.7707 12.7206H41.651V13.7375ZM41.0299 9.74316C40.4844 9.74316 39.9228 9.84486 39.2261 10.0708L38.7724 10.2121L38.9236 11.2855L39.3665 11.133C39.831 10.9748 40.4088 10.8731 40.8409 10.8731C41.0353 10.8731 41.6294 10.8731 41.6294 11.5454V11.8392H40.8031C39.2963 11.8392 38.5996 12.342 38.5996 13.4211C38.5996 14.342 39.2423 14.8957 40.3224 14.8957C40.6573 14.8957 41.1217 14.8279 41.5214 14.7262L41.543 14.7206L41.5646 14.7262L41.6996 14.7488C42.1208 14.8279 42.5583 14.907 42.9849 14.9918V11.4663C42.9849 10.3251 42.3261 9.74316 41.0299 9.74316Z\"\n                        fill=\"#747583\"\n                      />\n                      <path\n                        d=\"M31.1529 13.7375L31.0773 13.7601L30.8073 13.8336C30.5535 13.9014 30.332 13.9409 30.1538 13.9409C29.738 13.9409 29.4895 13.7262 29.4895 13.359C29.4895 13.1217 29.5921 12.7206 30.2672 12.7206H31.1475L31.1529 13.7375ZM30.5373 9.74316C29.9864 9.74316 29.4301 9.84486 28.7334 10.0708L28.2798 10.2121L28.431 11.2855L28.8739 11.133C29.3383 10.9748 29.9162 10.8731 30.3482 10.8731C30.5427 10.8731 31.1367 10.8731 31.1367 11.5454V11.8392H30.3104C28.8036 11.8392 28.1016 12.342 28.1016 13.4211C28.1016 14.342 28.7442 14.8957 29.8298 14.8957C30.1646 14.8957 30.6291 14.8279 31.0287 14.7262L31.0503 14.7206L31.0719 14.7262L31.2015 14.7488C31.6282 14.8279 32.0602 14.907 32.4869 14.9974V11.472C32.4923 10.3194 31.8334 9.74316 30.5373 9.74316Z\"\n                        fill=\"#747583\"\n                      />\n                      <path\n                        d=\"M25.4701 9.7576C24.7842 9.7576 24.2172 9.99489 24.0065 10.0966L23.9525 10.1248L23.9039 10.0853C23.6123 9.86495 23.1856 9.75195 22.5916 9.75195C22.0677 9.75195 21.5762 9.83105 21.0416 9.99489C20.5825 10.1418 20.4043 10.3734 20.4043 10.8085V14.8367H21.8409V11.1135L21.9111 11.0909C22.2027 10.9892 22.3755 10.9723 22.543 10.9723C22.9588 10.9723 23.1694 11.2039 23.1694 11.6559V14.8423H24.5844V11.5938C24.5844 11.4017 24.5466 11.2887 24.5412 11.2661L24.4926 11.17L24.5898 11.1248C24.8058 11.0231 25.0435 10.9723 25.2919 10.9723C25.5781 10.9723 25.9184 11.0909 25.9184 11.6559V14.8423H27.3279V11.509C27.3279 10.3282 26.7231 9.7576 25.4701 9.7576Z\"\n                        fill=\"#747583\"\n                      />\n                      <path\n                        d=\"M40.5866 4.13559C40.3759 4.13559 40.0249 4.113 39.7495 4.0565L39.6684 4.03955V1.86441C39.6684 1.68362 39.636 1.57062 39.6306 1.55367L39.5874 1.46328L39.6793 1.42373C39.7009 1.41243 39.7225 1.40678 39.7495 1.39548L39.7657 1.38418C39.7981 1.37288 39.8305 1.36158 39.8629 1.35028C39.8791 1.34463 39.8899 1.33898 39.9007 1.33898C40.2193 1.24859 40.511 1.25989 40.6406 1.24859H40.646C41.5263 1.24859 41.6289 2.0678 41.6289 2.68362C41.6235 3.88136 41.0564 4.13559 40.5866 4.13559ZM40.5812 0C40.5704 0 40.5542 0 40.5434 0C39.7171 0 38.8692 0.237288 38.5667 0.700565C38.4047 0.926554 38.3129 1.20904 38.3075 1.54237V3.78531C38.3075 3.9774 38.2697 4.05085 38.2643 4.0678L38.2157 4.16384H35.6072V2.60452H35.6018C35.5694 0.960452 34.6404 0.0564972 33.2957 0.0564972H33.1391H31.9833C31.9293 0.457627 31.8861 0.740113 31.8321 1.14124H33.1391C33.8249 1.14124 34.1868 1.75141 34.1868 2.68927V4.25989L34.095 4.20904C34.0788 4.20339 33.9654 4.16384 33.7871 4.16384H31.5297C31.4865 4.46328 31.4325 4.85311 31.373 5.24294H38.3129C38.5505 5.19209 38.8259 5.14689 39.0636 5.10735C39.4146 5.28814 40.0681 5.38418 40.5164 5.38418C42.0231 5.38418 43.0007 4.32768 43.0007 2.70057C42.9953 1.0904 42.0501 0.0338983 40.5812 0Z\"\n                        fill=\"#747583\"\n                      />\n                      <path\n                        d=\"M28.4189 5.9087H28.4837C29.9905 5.9087 30.6925 5.38893 30.6925 4.10644C30.6925 3.18554 30.0499 2.45108 28.9697 2.45108H27.5818C27.1659 2.45108 26.9175 2.20249 26.9175 1.78441C26.9175 1.50192 27.0201 1.15164 27.7006 1.15164H30.7357C30.8006 0.739211 30.833 0.479324 30.8924 0.0668945H27.7384C26.2694 0.0668945 25.5295 0.710962 25.5295 1.78441C25.5295 2.84656 26.1722 3.40023 27.2523 3.40023H28.6403C29.0561 3.40023 29.3046 3.74486 29.3046 4.10644C29.3046 4.34373 29.202 4.83526 28.5269 4.83526H28.2947L23.8499 4.82396H23.0398C22.3539 4.82396 21.8733 4.41718 21.8733 3.47367V2.82396C21.8733 1.84091 22.2459 1.23074 23.0398 1.23074H24.3576C24.417 0.812657 24.4548 0.547121 24.5088 0.15164H22.867H22.7104C21.3656 0.15164 20.4367 1.09514 20.4043 2.73921V2.80136V3.47367C20.4367 5.11774 21.3656 5.90305 22.7104 5.90305H22.867H24.0227L26.4314 5.9087H27.868H28.4189Z\"\n                        fill=\"#747583\"\n                      />\n                    </g>\n                    <defs>\n                      <clipPath id=\"clip0_19158_27303\">\n                        <rect width=\"43\" height=\"15\" fill=\"white\" />\n                      </clipPath>\n                    </defs>\n                  </svg>\n                </span>\n              }\n            </span>\n\n            <strong class=\"result-overlay__amount\">\n              {{\n                row.value | exchange_round\n              }}\n              {{ currentCurrency()?.code }}\n            </strong>\n          </span>\n\n          <!-- Loyalty breakdown sub-items -->\n          @if (row.loyaltySubItems?.length) {\n            <div class=\"result-overlay__loyalty-breakdown\">\n              @for (subItem of row.loyaltySubItems; track $index) {\n                <div class=\"result-overlay__loyalty-item\">\n                  <span class=\"result-overlay__loyalty-label\">{{\n                    subItem.label\n                  }}</span>\n                  <span class=\"result-overlay__loyalty-value\">\n                    {{\n                      subItem.value | exchange_round\n                    }}\n                    {{ currentCurrency()?.code }}\n                  </span>\n                </div>\n              }\n            </div>\n          }\n\n          <span\n            class=\"result-overlay__badge\"\n            [class.result-overlay__badge--instant]=\"row.instant\"\n            [class.result-overlay__badge--days]=\"!row.instant\"\n          >\n            {{ row.badgeKey }}\n          </span>\n\n          <!-- Loyalty note -->\n          @if (row.hasLoyaltyNote && row.loyaltySubItems?.length) {\n            <div class=\"result-overlay__loyalty-note\">\n              <svg\n                xmlns=\"http://www.w3.org/2000/svg\"\n                width=\"24\"\n                height=\"24\"\n                viewBox=\"0 0 24 24\"\n                fill=\"none\"\n              >\n                <path\n                  d=\"M4.1582 21.1777C3.60482 21.1777 3.12956 21.0605 2.73242 20.8262C2.33529 20.5918 2.0293 20.2728 1.81445 19.8691C1.59961 19.472 1.49219 19.026 1.49219 18.5312C1.49219 18.056 1.61914 17.6003 1.87305 17.1641L9.45117 3.96094C9.69857 3.51823 10.0273 3.1862 10.4375 2.96484C10.8477 2.73698 11.2773 2.62305 11.7266 2.62305C12.1758 2.62305 12.6022 2.73698 13.0059 2.96484C13.416 3.1862 13.748 3.51823 14.002 3.96094L21.5801 17.1641C21.7038 17.3789 21.7982 17.6035 21.8633 17.8379C21.9284 18.0723 21.9609 18.3034 21.9609 18.5312C21.9609 19.026 21.8535 19.472 21.6387 19.8691C21.4238 20.2728 21.1178 20.5918 20.7207 20.8262C20.3236 21.0605 19.8483 21.1777 19.2949 21.1777H4.1582ZM4.16797 19.6445H19.2754C19.6139 19.6445 19.8809 19.5306 20.0762 19.3027C20.278 19.0814 20.3789 18.821 20.3789 18.5215C20.3789 18.3132 20.3268 18.1081 20.2227 17.9062L12.6543 4.70312C12.5501 4.52083 12.4134 4.39062 12.2441 4.3125C12.0814 4.22786 11.9089 4.18555 11.7266 4.18555C11.5443 4.18555 11.3685 4.22786 11.1992 4.3125C11.0299 4.39062 10.8932 4.52083 10.7891 4.70312L3.2207 17.8965C3.16862 18.0007 3.12956 18.1081 3.10352 18.2188C3.08398 18.3294 3.07422 18.4303 3.07422 18.5215C3.07422 18.821 3.17188 19.0814 3.36719 19.3027C3.5625 19.5306 3.82943 19.6445 4.16797 19.6445ZM11.7266 14.5859C11.2253 14.5859 10.9681 14.3288 10.9551 13.8145L10.8281 8.64844C10.8216 8.40104 10.8997 8.19596 11.0625 8.0332C11.2318 7.87044 11.4499 7.78906 11.7168 7.78906C11.9772 7.78906 12.1921 7.8737 12.3613 8.04297C12.5371 8.20573 12.6217 8.41081 12.6152 8.6582L12.4688 13.8145C12.4622 14.3288 12.2148 14.5859 11.7266 14.5859ZM11.7266 17.7598C11.4401 17.7598 11.1927 17.6621 10.9844 17.4668C10.776 17.265 10.6719 17.0241 10.6719 16.7441C10.6719 16.4642 10.776 16.2266 10.9844 16.0312C11.1927 15.8294 11.4401 15.7285 11.7266 15.7285C12.013 15.7285 12.2604 15.8262 12.4688 16.0215C12.6771 16.2168 12.7812 16.4577 12.7812 16.7441C12.7812 17.0306 12.6738 17.2715 12.459 17.4668C12.2507 17.6621 12.0065 17.7598 11.7266 17.7598Z\"\n                  fill=\"#0B54C2\"\n                />\n              </svg>\n              <span>Loyalty points will be refunded instantly to your account</span>\n            </div>\n          }\n        </span>\n      </div>\n    }\n\n    <button\n      class=\"btn btn--primary result-overlay__done\"\n      type=\"button\"\n      (click)=\"onDone()\"\n    >\n      {{ 'GOT IT!' }}\n    </button>\n  </div>\n</div>\n", styles: ["@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes scaleIn{0%{transform:scale(0)}to{transform:scale(1)}}.result-overlay{display:none;position:fixed;inset:0;z-index:99999999;align-items:center;justify-content:center;padding:24px;box-sizing:border-box}.result-overlay--visible{display:flex;animation:fadeIn .3s ease-out}.result-overlay :is(strong,span):has(>app-currency-code-icon){direction:ltr;display:inline-flex;align-items:center;gap:4px}.result-overlay__backdrop{position:absolute;inset:0;background:linear-gradient(135deg,#0009,#00000073);backdrop-filter:blur(4px);animation:fadeIn .3s ease-out}.result-overlay__modal{position:relative;width:100%;max-width:540px;max-height:90vh;overflow-y:auto;display:flex;flex-direction:column;gap:20px;padding:32px 28px;border-radius:24px;background:linear-gradient(180deg,#fff,#fafafa);box-shadow:0 8px 32px #0000001f,0 2px 8px #00000014;animation:slideUp .4s cubic-bezier(.16,1,.3,1)}.result-overlay__modal::-webkit-scrollbar{width:8px}.result-overlay__modal::-webkit-scrollbar-track{background:transparent;border-radius:10px;margin:8px 0}.result-overlay__modal::-webkit-scrollbar-thumb{background:#00000026;border-radius:10px}.result-overlay__modal::-webkit-scrollbar-thumb:hover{background:#00000040}.result-overlay__hero{display:flex;flex-direction:column;align-items:center;gap:16px;padding:8px 0 20px}.result-overlay__icon{width:120px;height:120px;border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;animation:scaleIn .5s cubic-bezier(.34,1.56,.64,1) .2s both}.result-overlay__icon--green:before{content:\"\";position:absolute;inset:-12px;border-radius:50%;background:radial-gradient(circle,#6de19726,#6de19700 70%);animation:scaleIn .6s cubic-bezier(.34,1.56,.64,1) .3s both}.result-overlay__icon svg{filter:drop-shadow(0 4px 12px rgba(109,225,151,.3))}.result-overlay__title{font-size:calc(24 * var(--almatar-font-size-ratio, 1) * 1px);font-weight:var(--almatar-font-weight-bold);color:#1a1a1a;margin:0;text-align:center;letter-spacing:-.02em}.result-overlay__row{display:flex;align-items:flex-start;gap:14px;width:100%;padding:18px;border-radius:16px;background:#fff;border:1px solid rgba(0,0,0,.08);transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.result-overlay__row:before{content:\"\";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#7c3aedcc,#10b981cc);transform:translate(-100%);transition:transform .3s ease}.result-overlay__row:hover{border-color:#7c3aed33;box-shadow:0 4px 12px #0000000d,0 0 0 1px #7c3aed0d;transform:translateY(-2px)}.result-overlay__row:hover:before{transform:translate(0)}.result-overlay__row--with-breakdown{padding:20px}.result-overlay__method-icon{flex-shrink:0;width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:1px solid rgba(0,0,0,.06);color:#1a1a1a;box-shadow:0 2px 4px #0000000a}.result-overlay__body{flex:1;display:flex;flex-direction:column;align-items:flex-start;gap:8px}.result-overlay__method-name{width:100%;display:flex;justify-content:space-between;align-items:center;font-size:calc(15 * var(--almatar-font-size-ratio, 1) * 1px);font-weight:var(--almatar-font-weight-medium);color:#1a1a1a}.result-overlay__method-block{display:inline-flex;align-items:center;font-weight:500;font-size:calc(15 * var(--almatar-font-size-ratio, 1) * 1px);color:#4a5568}.result-overlay__amount{display:inline-flex;align-items:center;gap:5px;font-size:calc(20 * var(--almatar-font-size-ratio, 1) * 1px);font-weight:var(--almatar-font-weight-bold);color:#1a1a1a;font-variant-numeric:tabular-nums;white-space:nowrap;letter-spacing:-.01em}.result-overlay__badge{font-size:calc(11 * var(--almatar-font-size-ratio, 1) * 1px);font-weight:var(--almatar-font-weight-bold);text-transform:uppercase;letter-spacing:.05em;padding:6px 12px;border-radius:24px;transition:all .2s ease}.result-overlay__badge--instant{background:linear-gradient(135deg,#dcfce7,#bbf7d0);color:#15803c;border:1px solid rgba(21,128,60,.2);box-shadow:0 2px 4px #15803c1a}.result-overlay__badge--days{background:linear-gradient(135deg,#eff6ff,#dbeafe);color:#1e40af;border:1px solid rgba(30,64,175,.2);box-shadow:0 2px 4px #1e40af1a}.result-overlay__loyalty-breakdown{width:100%;display:flex;flex-direction:column;gap:10px;padding:12px;background:linear-gradient(135deg,#f9fafb,#f3f4f6);border-radius:12px;border:1px solid rgba(0,0,0,.05)}.result-overlay__loyalty-item{display:flex;justify-content:space-between;align-items:center;width:100%;padding:0 4px}.result-overlay__loyalty-label{font-size:calc(13 * var(--almatar-font-size-ratio, 1) * 1px);font-weight:var(--almatar-font-weight-medium);color:#6b7280}.result-overlay__loyalty-value{display:inline-flex;align-items:center;gap:4px;font-size:calc(14 * var(--almatar-font-size-ratio, 1) * 1px);font-weight:var(--almatar-font-weight-semibold);color:#374151;font-variant-numeric:tabular-nums;white-space:nowrap}.result-overlay__loyalty-note{display:flex;align-items:flex-start;gap:10px;width:100%;padding:14px 16px;border-radius:14px;background:linear-gradient(135deg,#edf9ff,#e0f2fe);font-size:calc(13 * var(--almatar-font-size-ratio, 1) * 1px);font-weight:var(--almatar-font-weight-medium);color:#0b54c2;line-height:1.5;border:1.5px solid rgba(11,84,194,.3);box-shadow:0 2px 8px #0b54c214}.result-overlay__loyalty-note svg{flex-shrink:0;margin-top:1px;width:22px;height:22px;filter:drop-shadow(0 1px 2px rgba(11,84,194,.2))}.result-overlay__done{min-height:56px;width:100%;border-radius:16px;font-size:calc(16 * var(--almatar-font-size-ratio, 1) * 1px);font-weight:var(--almatar-font-weight-bold);transition:all .3s cubic-bezier(.4,0,.2,1);border:none;letter-spacing:.01em}.result-overlay__done:hover{transform:translateY(-2px);box-shadow:0 8px 20px #7c3aed59}.result-overlay__done:active{transform:translateY(0);box-shadow:0 4px 12px #7c3aed40}.btn{padding:16px 24px;border-radius:14px;font-size:calc(15 * var(--almatar-font-size-ratio, 1) * 1px);font-weight:var(--almatar-font-weight-semibold);cursor:pointer;border:none;position:relative;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn:before{content:\"\";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#fff3;transform:translate(-50%,-50%);transition:width .6s,height .6s}.btn:active:before{width:300px;height:300px}.btn--primary{background:linear-gradient(135deg,#7c3aed,#6d28d9);color:#fff;box-shadow:0 4px 16px #7c3aed40,0 2px 4px #7c3aed26}.btn--primary:hover{background:linear-gradient(135deg,#6d28d9,#5b21b6);transform:translateY(-2px);box-shadow:0 8px 20px #7c3aed59,0 4px 8px #7c3aed33;color:#fff}.btn--primary:active{transform:translateY(0);box-shadow:0 4px 12px #7c3aed40,0 2px 4px #7c3aed26}.mada-logo{margin-inline-start:12px;display:inline-flex;align-items:center;padding:4px 8px;background:#ffffffe6;border-radius:6px;border:1px solid rgba(0,0,0,.08);box-shadow:0 1px 3px #0000000f}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ExchangePipeModule }, { kind: "pipe", type: ExchangeRoundPipe, name: "exchange_round" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: AlmatarHotelAutoCancellationResultOverlayComponent, isStandalone: true, selector: "almatar-hotel-auto-cancellation-result-overlay", inputs: { visible: { classPropertyName: "visible", publicName: "visible", isSignal: true, isRequired: false, transformFunction: null }, currencyObj: { classPropertyName: "currencyObj", publicName: "currencyObj", isSignal: true, isRequired: false, transformFunction: null }, refundMethod: { classPropertyName: "refundMethod", publicName: "refundMethod", isSignal: true, isRequired: false, transformFunction: null }, apiResponse: { classPropertyName: "apiResponse", publicName: "apiResponse", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { done: "done" }, ngImport: i0, template: "<div class=\"result-overlay\" [class.result-overlay--visible]=\"visible()\">\n  <div class=\"result-overlay__backdrop\"></div>\n  <div class=\"result-overlay__modal\">\n    <div class=\"result-overlay__hero\">\n      <span class=\"result-overlay__icon result-overlay__icon--green\">\n        <svg\n          width=\"114\"\n          height=\"114\"\n          viewBox=\"0 0 114 114\"\n          fill=\"none\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n        >\n          <circle cx=\"57\" cy=\"57\" r=\"42\" fill=\"#6DE197\" />\n          <path\n            d=\"M71.417 43.5774C73.169 41.8254 76.0097 41.8254 77.7617 43.5774C79.5134 45.3294 79.5136 48.1702 77.7617 49.9221L55.4248 72.2581C54.5835 73.0992 53.4426 73.5715 52.2529 73.5715C51.0632 73.5715 49.9224 73.0992 49.0811 72.2581L36.3174 59.4944C34.5654 57.7424 34.5654 54.9017 36.3174 53.1497C38.0694 51.3978 40.9102 51.3977 42.6621 53.1497L52.041 62.5286C52.0973 62.5848 52.1734 62.6165 52.2529 62.6165C52.3325 62.6164 52.4086 62.5848 52.4648 62.5286L71.417 43.5774Z\"\n            fill=\"url(#paint0_linear_hotel_result)\"\n            fill-opacity=\"0.9\"\n            stroke=\"url(#paint1_linear_hotel_result)\"\n            stroke-width=\"0.6\"\n            stroke-linecap=\"round\"\n            stroke-linejoin=\"round\"\n          />\n          <defs>\n            <linearGradient\n              id=\"paint0_linear_hotel_result\"\n              x1=\"41.6842\"\n              y1=\"54.1291\"\n              x2=\"111.486\"\n              y2=\"62.3784\"\n              gradientUnits=\"userSpaceOnUse\"\n            >\n              <stop stop-color=\"white\" />\n              <stop offset=\"1\" stop-color=\"white\" stop-opacity=\"0\" />\n            </linearGradient>\n            <linearGradient\n              id=\"paint1_linear_hotel_result\"\n              x1=\"42.6803\"\n              y1=\"51.352\"\n              x2=\"61.1185\"\n              y2=\"79.3662\"\n              gradientUnits=\"userSpaceOnUse\"\n            >\n              <stop stop-color=\"white\" />\n              <stop offset=\"1\" stop-color=\"white\" stop-opacity=\"0\" />\n            </linearGradient>\n          </defs>\n        </svg>\n      </span>\n      <h3 class=\"result-overlay__title\">\n        {{ isNilRefund() ? 'Cancel Confirmed' : 'Refund Confirmed' }}\n      </h3>\n    </div>\n\n    @for (row of refundRows(); track $index) {\n      <div\n        class=\"result-overlay__row\"\n        [class.result-overlay__row--with-breakdown]=\"\n          row.loyaltySubItems?.length\n        \"\n      >\n        <!-- Wallet Icon -->\n        @if (isWalletRow(row)) {\n          <span class=\"result-overlay__method-icon\">\n            <svg\n              width=\"24\"\n              height=\"24\"\n              viewBox=\"0 0 22 24\"\n              fill=\"none\"\n              xmlns=\"http://www.w3.org/2000/svg\"\n            >\n              <g clip-path=\"url(#clip0_wallet_result)\">\n                <path\n                  d=\"M2.67627 20.8852C1.74854 20.8852 1.04655 20.6533 0.570312 20.1894C0.10026 19.7256 -0.134766 19.0359 -0.134766 18.1206V8.51852C-0.134766 7.77015 0.0260417 7.1764 0.347656 6.73727C0.675456 6.29815 1.1888 5.97344 1.8877 5.76315L13.7812 2.3027C14.4554 2.11097 15.0584 2.06149 15.5903 2.15427C16.1284 2.24704 16.549 2.49443 16.8521 2.89645C17.1613 3.29229 17.3159 3.85511 17.3159 4.58493V6.25485L15.8037 6.38473V4.45505C15.8037 4.04684 15.6893 3.76543 15.4604 3.61081C15.2316 3.45619 14.8945 3.44382 14.4492 3.5737L7.27783 5.55905C7.19124 5.5776 7.15104 5.61471 7.15723 5.67038C7.16341 5.71986 7.20671 5.7446 7.28711 5.7446H17.5942C18.5282 5.7446 19.2271 5.97962 19.6909 6.44968C20.161 6.91354 20.396 7.60316 20.396 8.51852V10.8564H18.8931V8.60202C18.8931 8.15671 18.7786 7.81963 18.5498 7.59079C18.321 7.36195 17.9932 7.24753 17.5664 7.24753H2.69482C2.26807 7.24753 1.94027 7.36195 1.71143 7.59079C1.48877 7.81963 1.37744 8.15671 1.37744 8.60202V18.0371C1.37744 18.4824 1.48877 18.8164 1.71143 19.039C1.94027 19.2679 2.26807 19.3823 2.69482 19.3823H17.5664C17.9932 19.3823 18.321 19.2679 18.5498 19.039C18.7786 18.8164 18.8931 18.4824 18.8931 18.0371V15.4394H20.396V18.1206C20.396 19.0359 20.161 19.7256 19.6909 20.1894C19.2271 20.6533 18.5282 20.8852 17.5942 20.8852H2.67627ZM16.7686 14.2334C16.5088 14.2334 16.2861 14.1437 16.1006 13.9643C15.9212 13.7788 15.8315 13.5561 15.8315 13.2964C15.8315 13.0366 15.9212 12.817 16.1006 12.6377C16.2861 12.4521 16.5088 12.3593 16.7686 12.3593C17.0283 12.3593 17.2479 12.4521 17.4272 12.6377C17.6128 12.817 17.7056 13.0366 17.7056 13.2964C17.7056 13.5561 17.6128 13.7788 17.4272 13.9643C17.2479 14.1437 17.0283 14.2334 16.7686 14.2334ZM16.6758 16.2187C15.7419 16.2187 14.9873 15.9775 14.4121 15.4951C13.8369 15.0065 13.5493 14.2767 13.5493 13.3056C13.5493 12.3346 13.8369 11.6079 14.4121 11.1255C14.9873 10.643 15.7419 10.4018 16.6758 10.4018H20.1084C20.6898 10.4018 21.1475 10.5812 21.4814 10.9399C21.8216 11.2986 21.9917 11.7439 21.9917 12.2758V14.3354C21.9917 14.8673 21.8216 15.3157 21.4814 15.6806C21.1475 16.0394 20.6898 16.2187 20.1084 16.2187H16.6758ZM16.7686 14.9756H19.7837C20.1053 14.9756 20.3465 14.8921 20.5073 14.7251C20.6743 14.5519 20.7578 14.3138 20.7578 14.0107V12.6006C20.7578 12.2975 20.6743 12.0625 20.5073 11.8955C20.3465 11.7223 20.1053 11.6357 19.7837 11.6357H16.7686C16.1191 11.6357 15.6367 11.7841 15.3213 12.081C15.012 12.3779 14.8574 12.7861 14.8574 13.3056C14.8574 13.8252 15.012 14.2334 15.3213 14.5302C15.6367 14.8271 16.1191 14.9756 16.7686 14.9756Z\"\n                  fill=\"black\"\n                />\n              </g>\n              <defs>\n                <clipPath id=\"clip0_wallet_result\">\n                  <rect width=\"24\" height=\"24\" fill=\"white\" />\n                </clipPath>\n              </defs>\n            </svg>\n          </span>\n        }\n\n        <!-- Card Icon -->\n        @if (!isWalletRow(row)) {\n          <span class=\"result-overlay__method-icon\">\n            <svg\n              width=\"24\"\n              height=\"24\"\n              viewBox=\"0 0 24 24\"\n              fill=\"none\"\n              xmlns=\"http://www.w3.org/2000/svg\"\n            >\n              <path\n                d=\"M2.25 8.25H21.75M2.25 9H21.75M5.25 14.25H11.25M5.25 16.5H8.25M4.5 19.5H19.5C20.0967 19.5 20.669 19.2629 21.091 18.841C21.5129 18.419 21.75 17.8467 21.75 17.25V6.75C21.75 6.15326 21.5129 5.58097 21.091 5.15901C20.669 4.73705 20.0967 4.5 19.5 4.5H4.5C3.90326 4.5 3.33097 4.73705 2.90901 5.15901C2.48705 5.58097 2.25 6.15326 2.25 6.75V17.25C2.25 17.8467 2.48705 18.419 2.90901 18.841C3.33097 19.2629 3.90326 19.5 4.5 19.5Z\"\n                stroke=\"#1B1A1F\"\n                stroke-width=\"1.5\"\n                stroke-linecap=\"round\"\n                stroke-linejoin=\"round\"\n              />\n            </svg>\n          </span>\n        }\n\n        <span class=\"result-overlay__body\">\n          <span class=\"result-overlay__method-name\">\n            <span class=\"result-overlay__method-block\">\n              {{ row.label }}\n\n              @if (!isWalletRow(row) && !row?.isInstallment) {\n                <span class=\"mada-logo\">\n                  <svg\n                    xmlns=\"http://www.w3.org/2000/svg\"\n                    width=\"43\"\n                    height=\"15\"\n                    viewBox=\"0 0 43 15\"\n                    fill=\"none\"\n                  >\n                    <g clip-path=\"url(#clip0_19158_27303)\">\n                      <path\n                        d=\"M18.1894 8.65527H0V14.9943H18.1894V8.65527Z\"\n                        fill=\"#84B740\"\n                      />\n                      <path\n                        d=\"M18.1894 0H0V6.34463H18.1894V0Z\"\n                        fill=\"#259BD6\"\n                      />\n                      <path\n                        d=\"M36.3779 13.7034L36.2969 13.7203C36.016 13.7768 35.9134 13.7994 35.7082 13.7994C35.233 13.7994 34.6713 13.5452 34.6713 12.3475C34.6713 11.7316 34.7685 10.9124 35.6542 10.9124H35.6596C35.8108 10.9237 35.9836 10.9407 36.3077 11.0424L36.3779 11.065V13.7034ZM36.5237 7.73164L36.3779 7.75989V9.97458L36.2483 9.93503L36.2105 9.92373C36.0647 9.87853 35.7298 9.77684 35.4058 9.77684C33.6344 9.77684 33.2617 11.178 33.2617 12.3531C33.2617 13.9633 34.1258 14.8898 35.6326 14.8898C36.2699 14.8898 36.7397 14.822 37.215 14.6582C37.6524 14.5113 37.8091 14.3023 37.8091 13.8559V7.5C37.3878 7.5791 36.9504 7.65819 36.5237 7.73164Z\"\n                        fill=\"#747583\"\n                      />\n                      <path\n                        d=\"M41.651 13.7375L41.5754 13.7601L41.3053 13.8336C41.0515 13.9014 40.8247 13.9409 40.6519 13.9409C40.236 13.9409 39.9876 13.7262 39.9876 13.359C39.9876 13.1217 40.0902 12.7206 40.7707 12.7206H41.651V13.7375ZM41.0299 9.74316C40.4844 9.74316 39.9228 9.84486 39.2261 10.0708L38.7724 10.2121L38.9236 11.2855L39.3665 11.133C39.831 10.9748 40.4088 10.8731 40.8409 10.8731C41.0353 10.8731 41.6294 10.8731 41.6294 11.5454V11.8392H40.8031C39.2963 11.8392 38.5996 12.342 38.5996 13.4211C38.5996 14.342 39.2423 14.8957 40.3224 14.8957C40.6573 14.8957 41.1217 14.8279 41.5214 14.7262L41.543 14.7206L41.5646 14.7262L41.6996 14.7488C42.1208 14.8279 42.5583 14.907 42.9849 14.9918V11.4663C42.9849 10.3251 42.3261 9.74316 41.0299 9.74316Z\"\n                        fill=\"#747583\"\n                      />\n                      <path\n                        d=\"M31.1529 13.7375L31.0773 13.7601L30.8073 13.8336C30.5535 13.9014 30.332 13.9409 30.1538 13.9409C29.738 13.9409 29.4895 13.7262 29.4895 13.359C29.4895 13.1217 29.5921 12.7206 30.2672 12.7206H31.1475L31.1529 13.7375ZM30.5373 9.74316C29.9864 9.74316 29.4301 9.84486 28.7334 10.0708L28.2798 10.2121L28.431 11.2855L28.8739 11.133C29.3383 10.9748 29.9162 10.8731 30.3482 10.8731C30.5427 10.8731 31.1367 10.8731 31.1367 11.5454V11.8392H30.3104C28.8036 11.8392 28.1016 12.342 28.1016 13.4211C28.1016 14.342 28.7442 14.8957 29.8298 14.8957C30.1646 14.8957 30.6291 14.8279 31.0287 14.7262L31.0503 14.7206L31.0719 14.7262L31.2015 14.7488C31.6282 14.8279 32.0602 14.907 32.4869 14.9974V11.472C32.4923 10.3194 31.8334 9.74316 30.5373 9.74316Z\"\n                        fill=\"#747583\"\n                      />\n                      <path\n                        d=\"M25.4701 9.7576C24.7842 9.7576 24.2172 9.99489 24.0065 10.0966L23.9525 10.1248L23.9039 10.0853C23.6123 9.86495 23.1856 9.75195 22.5916 9.75195C22.0677 9.75195 21.5762 9.83105 21.0416 9.99489C20.5825 10.1418 20.4043 10.3734 20.4043 10.8085V14.8367H21.8409V11.1135L21.9111 11.0909C22.2027 10.9892 22.3755 10.9723 22.543 10.9723C22.9588 10.9723 23.1694 11.2039 23.1694 11.6559V14.8423H24.5844V11.5938C24.5844 11.4017 24.5466 11.2887 24.5412 11.2661L24.4926 11.17L24.5898 11.1248C24.8058 11.0231 25.0435 10.9723 25.2919 10.9723C25.5781 10.9723 25.9184 11.0909 25.9184 11.6559V14.8423H27.3279V11.509C27.3279 10.3282 26.7231 9.7576 25.4701 9.7576Z\"\n                        fill=\"#747583\"\n                      />\n                      <path\n                        d=\"M40.5866 4.13559C40.3759 4.13559 40.0249 4.113 39.7495 4.0565L39.6684 4.03955V1.86441C39.6684 1.68362 39.636 1.57062 39.6306 1.55367L39.5874 1.46328L39.6793 1.42373C39.7009 1.41243 39.7225 1.40678 39.7495 1.39548L39.7657 1.38418C39.7981 1.37288 39.8305 1.36158 39.8629 1.35028C39.8791 1.34463 39.8899 1.33898 39.9007 1.33898C40.2193 1.24859 40.511 1.25989 40.6406 1.24859H40.646C41.5263 1.24859 41.6289 2.0678 41.6289 2.68362C41.6235 3.88136 41.0564 4.13559 40.5866 4.13559ZM40.5812 0C40.5704 0 40.5542 0 40.5434 0C39.7171 0 38.8692 0.237288 38.5667 0.700565C38.4047 0.926554 38.3129 1.20904 38.3075 1.54237V3.78531C38.3075 3.9774 38.2697 4.05085 38.2643 4.0678L38.2157 4.16384H35.6072V2.60452H35.6018C35.5694 0.960452 34.6404 0.0564972 33.2957 0.0564972H33.1391H31.9833C31.9293 0.457627 31.8861 0.740113 31.8321 1.14124H33.1391C33.8249 1.14124 34.1868 1.75141 34.1868 2.68927V4.25989L34.095 4.20904C34.0788 4.20339 33.9654 4.16384 33.7871 4.16384H31.5297C31.4865 4.46328 31.4325 4.85311 31.373 5.24294H38.3129C38.5505 5.19209 38.8259 5.14689 39.0636 5.10735C39.4146 5.28814 40.0681 5.38418 40.5164 5.38418C42.0231 5.38418 43.0007 4.32768 43.0007 2.70057C42.9953 1.0904 42.0501 0.0338983 40.5812 0Z\"\n                        fill=\"#747583\"\n                      />\n                      <path\n                        d=\"M28.4189 5.9087H28.4837C29.9905 5.9087 30.6925 5.38893 30.6925 4.10644C30.6925 3.18554 30.0499 2.45108 28.9697 2.45108H27.5818C27.1659 2.45108 26.9175 2.20249 26.9175 1.78441C26.9175 1.50192 27.0201 1.15164 27.7006 1.15164H30.7357C30.8006 0.739211 30.833 0.479324 30.8924 0.0668945H27.7384C26.2694 0.0668945 25.5295 0.710962 25.5295 1.78441C25.5295 2.84656 26.1722 3.40023 27.2523 3.40023H28.6403C29.0561 3.40023 29.3046 3.74486 29.3046 4.10644C29.3046 4.34373 29.202 4.83526 28.5269 4.83526H28.2947L23.8499 4.82396H23.0398C22.3539 4.82396 21.8733 4.41718 21.8733 3.47367V2.82396C21.8733 1.84091 22.2459 1.23074 23.0398 1.23074H24.3576C24.417 0.812657 24.4548 0.547121 24.5088 0.15164H22.867H22.7104C21.3656 0.15164 20.4367 1.09514 20.4043 2.73921V2.80136V3.47367C20.4367 5.11774 21.3656 5.90305 22.7104 5.90305H22.867H24.0227L26.4314 5.9087H27.868H28.4189Z\"\n                        fill=\"#747583\"\n                      />\n                    </g>\n                    <defs>\n                      <clipPath id=\"clip0_19158_27303\">\n                        <rect width=\"43\" height=\"15\" fill=\"white\" />\n                      </clipPath>\n                    </defs>\n                  </svg>\n                </span>\n              }\n            </span>\n\n            <strong class=\"result-overlay__amount\">\n              {{\n                row.value | exchange_round\n              }}\n              {{ currentCurrency()?.code }}\n            </strong>\n          </span>\n\n          <!-- Loyalty breakdown sub-items -->\n          @if (row.loyaltySubItems?.length) {\n            <div class=\"result-overlay__loyalty-breakdown\">\n              @for (subItem of row.loyaltySubItems; track $index) {\n                <div class=\"result-overlay__loyalty-item\">\n                  <span class=\"result-overlay__loyalty-label\">{{\n                    subItem.label\n                  }}</span>\n                  <span class=\"result-overlay__loyalty-value\">\n                    {{\n                      subItem.value | exchange_round\n                    }}\n                    {{ currentCurrency()?.code }}\n                  </span>\n                </div>\n              }\n            </div>\n          }\n\n          <span\n            class=\"result-overlay__badge\"\n            [class.result-overlay__badge--instant]=\"row.instant\"\n            [class.result-overlay__badge--days]=\"!row.instant\"\n          >\n            {{ row.badgeKey }}\n          </span>\n\n          <!-- Loyalty note -->\n          @if (row.hasLoyaltyNote && row.loyaltySubItems?.length) {\n            <div class=\"result-overlay__loyalty-note\">\n              <svg\n                xmlns=\"http://www.w3.org/2000/svg\"\n                width=\"24\"\n                height=\"24\"\n                viewBox=\"0 0 24 24\"\n                fill=\"none\"\n              >\n                <path\n                  d=\"M4.1582 21.1777C3.60482 21.1777 3.12956 21.0605 2.73242 20.8262C2.33529 20.5918 2.0293 20.2728 1.81445 19.8691C1.59961 19.472 1.49219 19.026 1.49219 18.5312C1.49219 18.056 1.61914 17.6003 1.87305 17.1641L9.45117 3.96094C9.69857 3.51823 10.0273 3.1862 10.4375 2.96484C10.8477 2.73698 11.2773 2.62305 11.7266 2.62305C12.1758 2.62305 12.6022 2.73698 13.0059 2.96484C13.416 3.1862 13.748 3.51823 14.002 3.96094L21.5801 17.1641C21.7038 17.3789 21.7982 17.6035 21.8633 17.8379C21.9284 18.0723 21.9609 18.3034 21.9609 18.5312C21.9609 19.026 21.8535 19.472 21.6387 19.8691C21.4238 20.2728 21.1178 20.5918 20.7207 20.8262C20.3236 21.0605 19.8483 21.1777 19.2949 21.1777H4.1582ZM4.16797 19.6445H19.2754C19.6139 19.6445 19.8809 19.5306 20.0762 19.3027C20.278 19.0814 20.3789 18.821 20.3789 18.5215C20.3789 18.3132 20.3268 18.1081 20.2227 17.9062L12.6543 4.70312C12.5501 4.52083 12.4134 4.39062 12.2441 4.3125C12.0814 4.22786 11.9089 4.18555 11.7266 4.18555C11.5443 4.18555 11.3685 4.22786 11.1992 4.3125C11.0299 4.39062 10.8932 4.52083 10.7891 4.70312L3.2207 17.8965C3.16862 18.0007 3.12956 18.1081 3.10352 18.2188C3.08398 18.3294 3.07422 18.4303 3.07422 18.5215C3.07422 18.821 3.17188 19.0814 3.36719 19.3027C3.5625 19.5306 3.82943 19.6445 4.16797 19.6445ZM11.7266 14.5859C11.2253 14.5859 10.9681 14.3288 10.9551 13.8145L10.8281 8.64844C10.8216 8.40104 10.8997 8.19596 11.0625 8.0332C11.2318 7.87044 11.4499 7.78906 11.7168 7.78906C11.9772 7.78906 12.1921 7.8737 12.3613 8.04297C12.5371 8.20573 12.6217 8.41081 12.6152 8.6582L12.4688 13.8145C12.4622 14.3288 12.2148 14.5859 11.7266 14.5859ZM11.7266 17.7598C11.4401 17.7598 11.1927 17.6621 10.9844 17.4668C10.776 17.265 10.6719 17.0241 10.6719 16.7441C10.6719 16.4642 10.776 16.2266 10.9844 16.0312C11.1927 15.8294 11.4401 15.7285 11.7266 15.7285C12.013 15.7285 12.2604 15.8262 12.4688 16.0215C12.6771 16.2168 12.7812 16.4577 12.7812 16.7441C12.7812 17.0306 12.6738 17.2715 12.459 17.4668C12.2507 17.6621 12.0065 17.7598 11.7266 17.7598Z\"\n                  fill=\"#0B54C2\"\n                />\n              </svg>\n              <span>External loyalty points are refunded to your Almatar Wallet as permanent points and ready to use in your next booking.</span>\n            </div>\n          }\n        </span>\n      </div>\n    }\n\n    <button\n      class=\"btn btn--primary result-overlay__done\"\n      type=\"button\"\n      (click)=\"onDone()\"\n    >\n      Back to My Trips\n    </button>\n  </div>\n</div>\n", styles: ["@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes scaleIn{0%{transform:scale(0)}to{transform:scale(1)}}.result-overlay{display:none;position:fixed;inset:0;z-index:99999999;align-items:center;justify-content:center;padding:24px;box-sizing:border-box}.result-overlay--visible{display:flex;animation:fadeIn .3s ease-out}.result-overlay :is(strong,span):has(>app-currency-code-icon){direction:ltr;display:inline-flex;align-items:center;gap:4px}.result-overlay__backdrop{position:absolute;inset:0;background:linear-gradient(135deg,#0009,#00000073);backdrop-filter:blur(4px);animation:fadeIn .3s ease-out}.result-overlay__modal{position:relative;width:100%;max-width:540px;max-height:90vh;overflow-y:auto;display:flex;flex-direction:column;gap:20px;padding:32px 28px;border-radius:24px;background:linear-gradient(180deg,#fff,#fafafa);box-shadow:0 8px 32px #0000001f,0 2px 8px #00000014;animation:slideUp .4s cubic-bezier(.16,1,.3,1)}.result-overlay__modal::-webkit-scrollbar{width:8px}.result-overlay__modal::-webkit-scrollbar-track{background:transparent;border-radius:10px;margin:8px 0}.result-overlay__modal::-webkit-scrollbar-thumb{background:#00000026;border-radius:10px}.result-overlay__modal::-webkit-scrollbar-thumb:hover{background:#00000040}.result-overlay__hero{display:flex;flex-direction:column;align-items:center;gap:16px;padding:8px 0 20px}.result-overlay__icon{width:120px;height:120px;border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;animation:scaleIn .5s cubic-bezier(.34,1.56,.64,1) .2s both}.result-overlay__icon--green:before{content:\"\";position:absolute;inset:-12px;border-radius:50%;background:radial-gradient(circle,#6de19726,#6de19700 70%);animation:scaleIn .6s cubic-bezier(.34,1.56,.64,1) .3s both}.result-overlay__icon svg{filter:drop-shadow(0 4px 12px rgba(109,225,151,.3))}.result-overlay__title{font-size:calc(24 * var(--almatar-font-size-ratio, 1) * 1px);font-weight:var(--almatar-font-weight-bold);color:#1a1a1a;margin:0;text-align:center;letter-spacing:-.02em}.result-overlay__row{display:flex;align-items:flex-start;gap:14px;width:100%;padding:18px;border-radius:16px;background:#fff;border:1px solid rgba(0,0,0,.08);transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.result-overlay__row:before{content:\"\";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#7c3aedcc,#10b981cc);transform:translate(-100%);transition:transform .3s ease}.result-overlay__row:hover{border-color:#7c3aed33;box-shadow:0 4px 12px #0000000d,0 0 0 1px #7c3aed0d;transform:translateY(-2px)}.result-overlay__row:hover:before{transform:translate(0)}.result-overlay__row--with-breakdown{padding:20px}.result-overlay__method-icon{flex-shrink:0;width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:1px solid rgba(0,0,0,.06);color:#1a1a1a;box-shadow:0 2px 4px #0000000a}.result-overlay__body{flex:1;display:flex;flex-direction:column;align-items:flex-start;gap:8px}.result-overlay__method-name{width:100%;display:flex;justify-content:space-between;align-items:center;font-size:calc(15 * var(--almatar-font-size-ratio, 1) * 1px);font-weight:var(--almatar-font-weight-medium);color:#1a1a1a}.result-overlay__method-block{display:inline-flex;align-items:center;font-weight:500;font-size:calc(15 * var(--almatar-font-size-ratio, 1) * 1px);color:#4a5568}.result-overlay__amount{display:inline-flex;align-items:center;gap:5px;font-size:calc(20 * var(--almatar-font-size-ratio, 1) * 1px);font-weight:var(--almatar-font-weight-bold);color:#1a1a1a;font-variant-numeric:tabular-nums;white-space:nowrap;letter-spacing:-.01em}.result-overlay__badge{font-size:calc(11 * var(--almatar-font-size-ratio, 1) * 1px);font-weight:var(--almatar-font-weight-bold);text-transform:uppercase;letter-spacing:.05em;padding:6px 12px;border-radius:24px;transition:all .2s ease}.result-overlay__badge--instant{background:linear-gradient(135deg,#dcfce7,#bbf7d0);color:#15803c;border:1px solid rgba(21,128,60,.2);box-shadow:0 2px 4px #15803c1a}.result-overlay__badge--days{background:linear-gradient(135deg,#eff6ff,#dbeafe);color:#1e40af;border:1px solid rgba(30,64,175,.2);box-shadow:0 2px 4px #1e40af1a}.result-overlay__loyalty-breakdown{width:100%;display:flex;flex-direction:column;gap:10px;padding:12px;background:linear-gradient(135deg,#f9fafb,#f3f4f6);border-radius:12px;border:1px solid rgba(0,0,0,.05)}.result-overlay__loyalty-item{display:flex;justify-content:space-between;align-items:center;width:100%;padding:0 4px}.result-overlay__loyalty-label{font-size:calc(13 * var(--almatar-font-size-ratio, 1) * 1px);font-weight:var(--almatar-font-weight-medium);color:#6b7280}.result-overlay__loyalty-value{display:inline-flex;align-items:center;gap:4px;font-size:calc(14 * var(--almatar-font-size-ratio, 1) * 1px);font-weight:var(--almatar-font-weight-semibold);color:#374151;font-variant-numeric:tabular-nums;white-space:nowrap}.result-overlay__loyalty-note{display:flex;align-items:flex-start;gap:10px;width:100%;padding:14px 16px;border-radius:14px;background:linear-gradient(135deg,#edf9ff,#e0f2fe);font-size:calc(13 * var(--almatar-font-size-ratio, 1) * 1px);font-weight:var(--almatar-font-weight-medium);color:#0b54c2;line-height:1.5;border:1.5px solid rgba(11,84,194,.3);box-shadow:0 2px 8px #0b54c214}.result-overlay__loyalty-note svg{flex-shrink:0;margin-top:1px;width:22px;height:22px;filter:drop-shadow(0 1px 2px rgba(11,84,194,.2))}.result-overlay__done{min-height:56px;width:100%;border-radius:16px;font-size:calc(16 * var(--almatar-font-size-ratio, 1) * 1px);font-weight:var(--almatar-font-weight-bold);transition:all .3s cubic-bezier(.4,0,.2,1);border:none;letter-spacing:.01em}.result-overlay__done:hover{transform:translateY(-2px);box-shadow:0 8px 20px #7c3aed59}.result-overlay__done:active{transform:translateY(0);box-shadow:0 4px 12px #7c3aed40}.btn{padding:16px 24px;border-radius:14px;font-size:calc(15 * var(--almatar-font-size-ratio, 1) * 1px);font-weight:var(--almatar-font-weight-semibold);cursor:pointer;border:none;position:relative;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn:before{content:\"\";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#fff3;transform:translate(-50%,-50%);transition:width .6s,height .6s}.btn:active:before{width:300px;height:300px}.btn--primary{background:linear-gradient(135deg,#7c3aed,#6d28d9);color:#fff;box-shadow:0 4px 16px #7c3aed40,0 2px 4px #7c3aed26}.btn--primary:hover{background:linear-gradient(135deg,#6d28d9,#5b21b6);transform:translateY(-2px);box-shadow:0 8px 20px #7c3aed59,0 4px 8px #7c3aed33;color:#fff}.btn--primary:active{transform:translateY(0);box-shadow:0 4px 12px #7c3aed40,0 2px 4px #7c3aed26}.mada-logo{margin-inline-start:12px;display:inline-flex;align-items:center;padding:4px 8px;background:#ffffffe6;border-radius:6px;border:1px solid rgba(0,0,0,.08);box-shadow:0 1px 3px #0000000f}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ExchangePipeModule }, { kind: "pipe", type: ExchangeRoundPipe, name: "exchange_round" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AlmatarHotelAutoCancellationResultOverlayComponent, decorators: [{
             type: Component,
@@ -5170,7 +5233,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                         CommonModule,
                         CurrencyCodeIconComponent,
                         ExchangePipeModule,
-                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"result-overlay\" [class.result-overlay--visible]=\"visible()\">\n  <div class=\"result-overlay__backdrop\"></div>\n  <div class=\"result-overlay__modal\">\n    <div class=\"result-overlay__hero\">\n      <span class=\"result-overlay__icon result-overlay__icon--green\">\n        <svg\n          width=\"114\"\n          height=\"114\"\n          viewBox=\"0 0 114 114\"\n          fill=\"none\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n        >\n          <circle cx=\"57\" cy=\"57\" r=\"42\" fill=\"#6DE197\" />\n          <path\n            d=\"M71.417 43.5774C73.169 41.8254 76.0097 41.8254 77.7617 43.5774C79.5134 45.3294 79.5136 48.1702 77.7617 49.9221L55.4248 72.2581C54.5835 73.0992 53.4426 73.5715 52.2529 73.5715C51.0632 73.5715 49.9224 73.0992 49.0811 72.2581L36.3174 59.4944C34.5654 57.7424 34.5654 54.9017 36.3174 53.1497C38.0694 51.3978 40.9102 51.3977 42.6621 53.1497L52.041 62.5286C52.0973 62.5848 52.1734 62.6165 52.2529 62.6165C52.3325 62.6164 52.4086 62.5848 52.4648 62.5286L71.417 43.5774Z\"\n            fill=\"url(#paint0_linear_hotel_result)\"\n            fill-opacity=\"0.9\"\n            stroke=\"url(#paint1_linear_hotel_result)\"\n            stroke-width=\"0.6\"\n            stroke-linecap=\"round\"\n            stroke-linejoin=\"round\"\n          />\n          <defs>\n            <linearGradient\n              id=\"paint0_linear_hotel_result\"\n              x1=\"41.6842\"\n              y1=\"54.1291\"\n              x2=\"111.486\"\n              y2=\"62.3784\"\n              gradientUnits=\"userSpaceOnUse\"\n            >\n              <stop stop-color=\"white\" />\n              <stop offset=\"1\" stop-color=\"white\" stop-opacity=\"0\" />\n            </linearGradient>\n            <linearGradient\n              id=\"paint1_linear_hotel_result\"\n              x1=\"42.6803\"\n              y1=\"51.352\"\n              x2=\"61.1185\"\n              y2=\"79.3662\"\n              gradientUnits=\"userSpaceOnUse\"\n            >\n              <stop stop-color=\"white\" />\n              <stop offset=\"1\" stop-color=\"white\" stop-opacity=\"0\" />\n            </linearGradient>\n          </defs>\n        </svg>\n      </span>\n      <h3 class=\"result-overlay__title\">\n        {{ isNilRefund() ? 'Cancellation Confirmed' : 'Refund Confirmed' }}\n      </h3>\n    </div>\n\n    @for (row of refundRows(); track $index) {\n      <div\n        class=\"result-overlay__row\"\n        [class.result-overlay__row--with-breakdown]=\"\n          row.loyaltySubItems?.length\n        \"\n      >\n        <!-- Wallet Icon -->\n        @if (isWalletRow(row)) {\n          <span class=\"result-overlay__method-icon\">\n            <svg\n              width=\"24\"\n              height=\"24\"\n              viewBox=\"0 0 22 24\"\n              fill=\"none\"\n              xmlns=\"http://www.w3.org/2000/svg\"\n            >\n              <g clip-path=\"url(#clip0_wallet_result)\">\n                <path\n                  d=\"M2.67627 20.8852C1.74854 20.8852 1.04655 20.6533 0.570312 20.1894C0.10026 19.7256 -0.134766 19.0359 -0.134766 18.1206V8.51852C-0.134766 7.77015 0.0260417 7.1764 0.347656 6.73727C0.675456 6.29815 1.1888 5.97344 1.8877 5.76315L13.7812 2.3027C14.4554 2.11097 15.0584 2.06149 15.5903 2.15427C16.1284 2.24704 16.549 2.49443 16.8521 2.89645C17.1613 3.29229 17.3159 3.85511 17.3159 4.58493V6.25485L15.8037 6.38473V4.45505C15.8037 4.04684 15.6893 3.76543 15.4604 3.61081C15.2316 3.45619 14.8945 3.44382 14.4492 3.5737L7.27783 5.55905C7.19124 5.5776 7.15104 5.61471 7.15723 5.67038C7.16341 5.71986 7.20671 5.7446 7.28711 5.7446H17.5942C18.5282 5.7446 19.2271 5.97962 19.6909 6.44968C20.161 6.91354 20.396 7.60316 20.396 8.51852V10.8564H18.8931V8.60202C18.8931 8.15671 18.7786 7.81963 18.5498 7.59079C18.321 7.36195 17.9932 7.24753 17.5664 7.24753H2.69482C2.26807 7.24753 1.94027 7.36195 1.71143 7.59079C1.48877 7.81963 1.37744 8.15671 1.37744 8.60202V18.0371C1.37744 18.4824 1.48877 18.8164 1.71143 19.039C1.94027 19.2679 2.26807 19.3823 2.69482 19.3823H17.5664C17.9932 19.3823 18.321 19.2679 18.5498 19.039C18.7786 18.8164 18.8931 18.4824 18.8931 18.0371V15.4394H20.396V18.1206C20.396 19.0359 20.161 19.7256 19.6909 20.1894C19.2271 20.6533 18.5282 20.8852 17.5942 20.8852H2.67627ZM16.7686 14.2334C16.5088 14.2334 16.2861 14.1437 16.1006 13.9643C15.9212 13.7788 15.8315 13.5561 15.8315 13.2964C15.8315 13.0366 15.9212 12.817 16.1006 12.6377C16.2861 12.4521 16.5088 12.3593 16.7686 12.3593C17.0283 12.3593 17.2479 12.4521 17.4272 12.6377C17.6128 12.817 17.7056 13.0366 17.7056 13.2964C17.7056 13.5561 17.6128 13.7788 17.4272 13.9643C17.2479 14.1437 17.0283 14.2334 16.7686 14.2334ZM16.6758 16.2187C15.7419 16.2187 14.9873 15.9775 14.4121 15.4951C13.8369 15.0065 13.5493 14.2767 13.5493 13.3056C13.5493 12.3346 13.8369 11.6079 14.4121 11.1255C14.9873 10.643 15.7419 10.4018 16.6758 10.4018H20.1084C20.6898 10.4018 21.1475 10.5812 21.4814 10.9399C21.8216 11.2986 21.9917 11.7439 21.9917 12.2758V14.3354C21.9917 14.8673 21.8216 15.3157 21.4814 15.6806C21.1475 16.0394 20.6898 16.2187 20.1084 16.2187H16.6758ZM16.7686 14.9756H19.7837C20.1053 14.9756 20.3465 14.8921 20.5073 14.7251C20.6743 14.5519 20.7578 14.3138 20.7578 14.0107V12.6006C20.7578 12.2975 20.6743 12.0625 20.5073 11.8955C20.3465 11.7223 20.1053 11.6357 19.7837 11.6357H16.7686C16.1191 11.6357 15.6367 11.7841 15.3213 12.081C15.012 12.3779 14.8574 12.7861 14.8574 13.3056C14.8574 13.8252 15.012 14.2334 15.3213 14.5302C15.6367 14.8271 16.1191 14.9756 16.7686 14.9756Z\"\n                  fill=\"black\"\n                />\n              </g>\n              <defs>\n                <clipPath id=\"clip0_wallet_result\">\n                  <rect width=\"24\" height=\"24\" fill=\"white\" />\n                </clipPath>\n              </defs>\n            </svg>\n          </span>\n        }\n\n        <!-- Card Icon -->\n        @if (!isWalletRow(row)) {\n          <span class=\"result-overlay__method-icon\">\n            <svg\n              width=\"24\"\n              height=\"24\"\n              viewBox=\"0 0 24 24\"\n              fill=\"none\"\n              xmlns=\"http://www.w3.org/2000/svg\"\n            >\n              <path\n                d=\"M2.25 8.25H21.75M2.25 9H21.75M5.25 14.25H11.25M5.25 16.5H8.25M4.5 19.5H19.5C20.0967 19.5 20.669 19.2629 21.091 18.841C21.5129 18.419 21.75 17.8467 21.75 17.25V6.75C21.75 6.15326 21.5129 5.58097 21.091 5.15901C20.669 4.73705 20.0967 4.5 19.5 4.5H4.5C3.90326 4.5 3.33097 4.73705 2.90901 5.15901C2.48705 5.58097 2.25 6.15326 2.25 6.75V17.25C2.25 17.8467 2.48705 18.419 2.90901 18.841C3.33097 19.2629 3.90326 19.5 4.5 19.5Z\"\n                stroke=\"#1B1A1F\"\n                stroke-width=\"1.5\"\n                stroke-linecap=\"round\"\n                stroke-linejoin=\"round\"\n              />\n            </svg>\n          </span>\n        }\n\n        <span class=\"result-overlay__body\">\n          <span class=\"result-overlay__method-name\">\n            <span class=\"result-overlay__method-block\">\n              {{ row.label }}\n\n              @if (!isWalletRow(row) && !row?.isInstallment) {\n                <span class=\"mada-logo\">\n                  <svg\n                    xmlns=\"http://www.w3.org/2000/svg\"\n                    width=\"43\"\n                    height=\"15\"\n                    viewBox=\"0 0 43 15\"\n                    fill=\"none\"\n                  >\n                    <g clip-path=\"url(#clip0_19158_27303)\">\n                      <path\n                        d=\"M18.1894 8.65527H0V14.9943H18.1894V8.65527Z\"\n                        fill=\"#84B740\"\n                      />\n                      <path\n                        d=\"M18.1894 0H0V6.34463H18.1894V0Z\"\n                        fill=\"#259BD6\"\n                      />\n                      <path\n                        d=\"M36.3779 13.7034L36.2969 13.7203C36.016 13.7768 35.9134 13.7994 35.7082 13.7994C35.233 13.7994 34.6713 13.5452 34.6713 12.3475C34.6713 11.7316 34.7685 10.9124 35.6542 10.9124H35.6596C35.8108 10.9237 35.9836 10.9407 36.3077 11.0424L36.3779 11.065V13.7034ZM36.5237 7.73164L36.3779 7.75989V9.97458L36.2483 9.93503L36.2105 9.92373C36.0647 9.87853 35.7298 9.77684 35.4058 9.77684C33.6344 9.77684 33.2617 11.178 33.2617 12.3531C33.2617 13.9633 34.1258 14.8898 35.6326 14.8898C36.2699 14.8898 36.7397 14.822 37.215 14.6582C37.6524 14.5113 37.8091 14.3023 37.8091 13.8559V7.5C37.3878 7.5791 36.9504 7.65819 36.5237 7.73164Z\"\n                        fill=\"#747583\"\n                      />\n                      <path\n                        d=\"M41.651 13.7375L41.5754 13.7601L41.3053 13.8336C41.0515 13.9014 40.8247 13.9409 40.6519 13.9409C40.236 13.9409 39.9876 13.7262 39.9876 13.359C39.9876 13.1217 40.0902 12.7206 40.7707 12.7206H41.651V13.7375ZM41.0299 9.74316C40.4844 9.74316 39.9228 9.84486 39.2261 10.0708L38.7724 10.2121L38.9236 11.2855L39.3665 11.133C39.831 10.9748 40.4088 10.8731 40.8409 10.8731C41.0353 10.8731 41.6294 10.8731 41.6294 11.5454V11.8392H40.8031C39.2963 11.8392 38.5996 12.342 38.5996 13.4211C38.5996 14.342 39.2423 14.8957 40.3224 14.8957C40.6573 14.8957 41.1217 14.8279 41.5214 14.7262L41.543 14.7206L41.5646 14.7262L41.6996 14.7488C42.1208 14.8279 42.5583 14.907 42.9849 14.9918V11.4663C42.9849 10.3251 42.3261 9.74316 41.0299 9.74316Z\"\n                        fill=\"#747583\"\n                      />\n                      <path\n                        d=\"M31.1529 13.7375L31.0773 13.7601L30.8073 13.8336C30.5535 13.9014 30.332 13.9409 30.1538 13.9409C29.738 13.9409 29.4895 13.7262 29.4895 13.359C29.4895 13.1217 29.5921 12.7206 30.2672 12.7206H31.1475L31.1529 13.7375ZM30.5373 9.74316C29.9864 9.74316 29.4301 9.84486 28.7334 10.0708L28.2798 10.2121L28.431 11.2855L28.8739 11.133C29.3383 10.9748 29.9162 10.8731 30.3482 10.8731C30.5427 10.8731 31.1367 10.8731 31.1367 11.5454V11.8392H30.3104C28.8036 11.8392 28.1016 12.342 28.1016 13.4211C28.1016 14.342 28.7442 14.8957 29.8298 14.8957C30.1646 14.8957 30.6291 14.8279 31.0287 14.7262L31.0503 14.7206L31.0719 14.7262L31.2015 14.7488C31.6282 14.8279 32.0602 14.907 32.4869 14.9974V11.472C32.4923 10.3194 31.8334 9.74316 30.5373 9.74316Z\"\n                        fill=\"#747583\"\n                      />\n                      <path\n                        d=\"M25.4701 9.7576C24.7842 9.7576 24.2172 9.99489 24.0065 10.0966L23.9525 10.1248L23.9039 10.0853C23.6123 9.86495 23.1856 9.75195 22.5916 9.75195C22.0677 9.75195 21.5762 9.83105 21.0416 9.99489C20.5825 10.1418 20.4043 10.3734 20.4043 10.8085V14.8367H21.8409V11.1135L21.9111 11.0909C22.2027 10.9892 22.3755 10.9723 22.543 10.9723C22.9588 10.9723 23.1694 11.2039 23.1694 11.6559V14.8423H24.5844V11.5938C24.5844 11.4017 24.5466 11.2887 24.5412 11.2661L24.4926 11.17L24.5898 11.1248C24.8058 11.0231 25.0435 10.9723 25.2919 10.9723C25.5781 10.9723 25.9184 11.0909 25.9184 11.6559V14.8423H27.3279V11.509C27.3279 10.3282 26.7231 9.7576 25.4701 9.7576Z\"\n                        fill=\"#747583\"\n                      />\n                      <path\n                        d=\"M40.5866 4.13559C40.3759 4.13559 40.0249 4.113 39.7495 4.0565L39.6684 4.03955V1.86441C39.6684 1.68362 39.636 1.57062 39.6306 1.55367L39.5874 1.46328L39.6793 1.42373C39.7009 1.41243 39.7225 1.40678 39.7495 1.39548L39.7657 1.38418C39.7981 1.37288 39.8305 1.36158 39.8629 1.35028C39.8791 1.34463 39.8899 1.33898 39.9007 1.33898C40.2193 1.24859 40.511 1.25989 40.6406 1.24859H40.646C41.5263 1.24859 41.6289 2.0678 41.6289 2.68362C41.6235 3.88136 41.0564 4.13559 40.5866 4.13559ZM40.5812 0C40.5704 0 40.5542 0 40.5434 0C39.7171 0 38.8692 0.237288 38.5667 0.700565C38.4047 0.926554 38.3129 1.20904 38.3075 1.54237V3.78531C38.3075 3.9774 38.2697 4.05085 38.2643 4.0678L38.2157 4.16384H35.6072V2.60452H35.6018C35.5694 0.960452 34.6404 0.0564972 33.2957 0.0564972H33.1391H31.9833C31.9293 0.457627 31.8861 0.740113 31.8321 1.14124H33.1391C33.8249 1.14124 34.1868 1.75141 34.1868 2.68927V4.25989L34.095 4.20904C34.0788 4.20339 33.9654 4.16384 33.7871 4.16384H31.5297C31.4865 4.46328 31.4325 4.85311 31.373 5.24294H38.3129C38.5505 5.19209 38.8259 5.14689 39.0636 5.10735C39.4146 5.28814 40.0681 5.38418 40.5164 5.38418C42.0231 5.38418 43.0007 4.32768 43.0007 2.70057C42.9953 1.0904 42.0501 0.0338983 40.5812 0Z\"\n                        fill=\"#747583\"\n                      />\n                      <path\n                        d=\"M28.4189 5.9087H28.4837C29.9905 5.9087 30.6925 5.38893 30.6925 4.10644C30.6925 3.18554 30.0499 2.45108 28.9697 2.45108H27.5818C27.1659 2.45108 26.9175 2.20249 26.9175 1.78441C26.9175 1.50192 27.0201 1.15164 27.7006 1.15164H30.7357C30.8006 0.739211 30.833 0.479324 30.8924 0.0668945H27.7384C26.2694 0.0668945 25.5295 0.710962 25.5295 1.78441C25.5295 2.84656 26.1722 3.40023 27.2523 3.40023H28.6403C29.0561 3.40023 29.3046 3.74486 29.3046 4.10644C29.3046 4.34373 29.202 4.83526 28.5269 4.83526H28.2947L23.8499 4.82396H23.0398C22.3539 4.82396 21.8733 4.41718 21.8733 3.47367V2.82396C21.8733 1.84091 22.2459 1.23074 23.0398 1.23074H24.3576C24.417 0.812657 24.4548 0.547121 24.5088 0.15164H22.867H22.7104C21.3656 0.15164 20.4367 1.09514 20.4043 2.73921V2.80136V3.47367C20.4367 5.11774 21.3656 5.90305 22.7104 5.90305H22.867H24.0227L26.4314 5.9087H27.868H28.4189Z\"\n                        fill=\"#747583\"\n                      />\n                    </g>\n                    <defs>\n                      <clipPath id=\"clip0_19158_27303\">\n                        <rect width=\"43\" height=\"15\" fill=\"white\" />\n                      </clipPath>\n                    </defs>\n                  </svg>\n                </span>\n              }\n            </span>\n\n            <strong class=\"result-overlay__amount\">\n              {{\n                row.value | exchange_round\n              }}\n              {{ currentCurrency()?.code }}\n            </strong>\n          </span>\n\n          <!-- Loyalty breakdown sub-items -->\n          @if (row.loyaltySubItems?.length) {\n            <div class=\"result-overlay__loyalty-breakdown\">\n              @for (subItem of row.loyaltySubItems; track $index) {\n                <div class=\"result-overlay__loyalty-item\">\n                  <span class=\"result-overlay__loyalty-label\">{{\n                    subItem.label\n                  }}</span>\n                  <span class=\"result-overlay__loyalty-value\">\n                    {{\n                      subItem.value | exchange_round\n                    }}\n                    {{ currentCurrency()?.code }}\n                  </span>\n                </div>\n              }\n            </div>\n          }\n\n          <span\n            class=\"result-overlay__badge\"\n            [class.result-overlay__badge--instant]=\"row.instant\"\n            [class.result-overlay__badge--days]=\"!row.instant\"\n          >\n            {{ row.badgeKey }}\n          </span>\n\n          <!-- Loyalty note -->\n          @if (row.hasLoyaltyNote && row.loyaltySubItems?.length) {\n            <div class=\"result-overlay__loyalty-note\">\n              <svg\n                xmlns=\"http://www.w3.org/2000/svg\"\n                width=\"24\"\n                height=\"24\"\n                viewBox=\"0 0 24 24\"\n                fill=\"none\"\n              >\n                <path\n                  d=\"M4.1582 21.1777C3.60482 21.1777 3.12956 21.0605 2.73242 20.8262C2.33529 20.5918 2.0293 20.2728 1.81445 19.8691C1.59961 19.472 1.49219 19.026 1.49219 18.5312C1.49219 18.056 1.61914 17.6003 1.87305 17.1641L9.45117 3.96094C9.69857 3.51823 10.0273 3.1862 10.4375 2.96484C10.8477 2.73698 11.2773 2.62305 11.7266 2.62305C12.1758 2.62305 12.6022 2.73698 13.0059 2.96484C13.416 3.1862 13.748 3.51823 14.002 3.96094L21.5801 17.1641C21.7038 17.3789 21.7982 17.6035 21.8633 17.8379C21.9284 18.0723 21.9609 18.3034 21.9609 18.5312C21.9609 19.026 21.8535 19.472 21.6387 19.8691C21.4238 20.2728 21.1178 20.5918 20.7207 20.8262C20.3236 21.0605 19.8483 21.1777 19.2949 21.1777H4.1582ZM4.16797 19.6445H19.2754C19.6139 19.6445 19.8809 19.5306 20.0762 19.3027C20.278 19.0814 20.3789 18.821 20.3789 18.5215C20.3789 18.3132 20.3268 18.1081 20.2227 17.9062L12.6543 4.70312C12.5501 4.52083 12.4134 4.39062 12.2441 4.3125C12.0814 4.22786 11.9089 4.18555 11.7266 4.18555C11.5443 4.18555 11.3685 4.22786 11.1992 4.3125C11.0299 4.39062 10.8932 4.52083 10.7891 4.70312L3.2207 17.8965C3.16862 18.0007 3.12956 18.1081 3.10352 18.2188C3.08398 18.3294 3.07422 18.4303 3.07422 18.5215C3.07422 18.821 3.17188 19.0814 3.36719 19.3027C3.5625 19.5306 3.82943 19.6445 4.16797 19.6445ZM11.7266 14.5859C11.2253 14.5859 10.9681 14.3288 10.9551 13.8145L10.8281 8.64844C10.8216 8.40104 10.8997 8.19596 11.0625 8.0332C11.2318 7.87044 11.4499 7.78906 11.7168 7.78906C11.9772 7.78906 12.1921 7.8737 12.3613 8.04297C12.5371 8.20573 12.6217 8.41081 12.6152 8.6582L12.4688 13.8145C12.4622 14.3288 12.2148 14.5859 11.7266 14.5859ZM11.7266 17.7598C11.4401 17.7598 11.1927 17.6621 10.9844 17.4668C10.776 17.265 10.6719 17.0241 10.6719 16.7441C10.6719 16.4642 10.776 16.2266 10.9844 16.0312C11.1927 15.8294 11.4401 15.7285 11.7266 15.7285C12.013 15.7285 12.2604 15.8262 12.4688 16.0215C12.6771 16.2168 12.7812 16.4577 12.7812 16.7441C12.7812 17.0306 12.6738 17.2715 12.459 17.4668C12.2507 17.6621 12.0065 17.7598 11.7266 17.7598Z\"\n                  fill=\"#0B54C2\"\n                />\n              </svg>\n              <span>Loyalty points will be refunded instantly to your account</span>\n            </div>\n          }\n        </span>\n      </div>\n    }\n\n    <button\n      class=\"btn btn--primary result-overlay__done\"\n      type=\"button\"\n      (click)=\"onDone()\"\n    >\n      {{ 'GOT IT!' }}\n    </button>\n  </div>\n</div>\n", styles: ["@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes scaleIn{0%{transform:scale(0)}to{transform:scale(1)}}.result-overlay{display:none;position:fixed;inset:0;z-index:99999999;align-items:center;justify-content:center;padding:24px;box-sizing:border-box}.result-overlay--visible{display:flex;animation:fadeIn .3s ease-out}.result-overlay :is(strong,span):has(>app-currency-code-icon){direction:ltr;display:inline-flex;align-items:center;gap:4px}.result-overlay__backdrop{position:absolute;inset:0;background:linear-gradient(135deg,#0009,#00000073);backdrop-filter:blur(4px);animation:fadeIn .3s ease-out}.result-overlay__modal{position:relative;width:100%;max-width:540px;max-height:90vh;overflow-y:auto;display:flex;flex-direction:column;gap:20px;padding:32px 28px;border-radius:24px;background:linear-gradient(180deg,#fff,#fafafa);box-shadow:0 8px 32px #0000001f,0 2px 8px #00000014;animation:slideUp .4s cubic-bezier(.16,1,.3,1)}.result-overlay__modal::-webkit-scrollbar{width:8px}.result-overlay__modal::-webkit-scrollbar-track{background:transparent;border-radius:10px;margin:8px 0}.result-overlay__modal::-webkit-scrollbar-thumb{background:#00000026;border-radius:10px}.result-overlay__modal::-webkit-scrollbar-thumb:hover{background:#00000040}.result-overlay__hero{display:flex;flex-direction:column;align-items:center;gap:16px;padding:8px 0 20px}.result-overlay__icon{width:120px;height:120px;border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;animation:scaleIn .5s cubic-bezier(.34,1.56,.64,1) .2s both}.result-overlay__icon--green:before{content:\"\";position:absolute;inset:-12px;border-radius:50%;background:radial-gradient(circle,#6de19726,#6de19700 70%);animation:scaleIn .6s cubic-bezier(.34,1.56,.64,1) .3s both}.result-overlay__icon svg{filter:drop-shadow(0 4px 12px rgba(109,225,151,.3))}.result-overlay__title{font-size:calc(24 * var(--almatar-font-size-ratio, 1) * 1px);font-weight:var(--almatar-font-weight-bold);color:#1a1a1a;margin:0;text-align:center;letter-spacing:-.02em}.result-overlay__row{display:flex;align-items:flex-start;gap:14px;width:100%;padding:18px;border-radius:16px;background:#fff;border:1px solid rgba(0,0,0,.08);transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.result-overlay__row:before{content:\"\";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#7c3aedcc,#10b981cc);transform:translate(-100%);transition:transform .3s ease}.result-overlay__row:hover{border-color:#7c3aed33;box-shadow:0 4px 12px #0000000d,0 0 0 1px #7c3aed0d;transform:translateY(-2px)}.result-overlay__row:hover:before{transform:translate(0)}.result-overlay__row--with-breakdown{padding:20px}.result-overlay__method-icon{flex-shrink:0;width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:1px solid rgba(0,0,0,.06);color:#1a1a1a;box-shadow:0 2px 4px #0000000a}.result-overlay__body{flex:1;display:flex;flex-direction:column;align-items:flex-start;gap:8px}.result-overlay__method-name{width:100%;display:flex;justify-content:space-between;align-items:center;font-size:calc(15 * var(--almatar-font-size-ratio, 1) * 1px);font-weight:var(--almatar-font-weight-medium);color:#1a1a1a}.result-overlay__method-block{display:inline-flex;align-items:center;font-weight:500;font-size:calc(15 * var(--almatar-font-size-ratio, 1) * 1px);color:#4a5568}.result-overlay__amount{display:inline-flex;align-items:center;gap:5px;font-size:calc(20 * var(--almatar-font-size-ratio, 1) * 1px);font-weight:var(--almatar-font-weight-bold);color:#1a1a1a;font-variant-numeric:tabular-nums;white-space:nowrap;letter-spacing:-.01em}.result-overlay__badge{font-size:calc(11 * var(--almatar-font-size-ratio, 1) * 1px);font-weight:var(--almatar-font-weight-bold);text-transform:uppercase;letter-spacing:.05em;padding:6px 12px;border-radius:24px;transition:all .2s ease}.result-overlay__badge--instant{background:linear-gradient(135deg,#dcfce7,#bbf7d0);color:#15803c;border:1px solid rgba(21,128,60,.2);box-shadow:0 2px 4px #15803c1a}.result-overlay__badge--days{background:linear-gradient(135deg,#eff6ff,#dbeafe);color:#1e40af;border:1px solid rgba(30,64,175,.2);box-shadow:0 2px 4px #1e40af1a}.result-overlay__loyalty-breakdown{width:100%;display:flex;flex-direction:column;gap:10px;padding:12px;background:linear-gradient(135deg,#f9fafb,#f3f4f6);border-radius:12px;border:1px solid rgba(0,0,0,.05)}.result-overlay__loyalty-item{display:flex;justify-content:space-between;align-items:center;width:100%;padding:0 4px}.result-overlay__loyalty-label{font-size:calc(13 * var(--almatar-font-size-ratio, 1) * 1px);font-weight:var(--almatar-font-weight-medium);color:#6b7280}.result-overlay__loyalty-value{display:inline-flex;align-items:center;gap:4px;font-size:calc(14 * var(--almatar-font-size-ratio, 1) * 1px);font-weight:var(--almatar-font-weight-semibold);color:#374151;font-variant-numeric:tabular-nums;white-space:nowrap}.result-overlay__loyalty-note{display:flex;align-items:flex-start;gap:10px;width:100%;padding:14px 16px;border-radius:14px;background:linear-gradient(135deg,#edf9ff,#e0f2fe);font-size:calc(13 * var(--almatar-font-size-ratio, 1) * 1px);font-weight:var(--almatar-font-weight-medium);color:#0b54c2;line-height:1.5;border:1.5px solid rgba(11,84,194,.3);box-shadow:0 2px 8px #0b54c214}.result-overlay__loyalty-note svg{flex-shrink:0;margin-top:1px;width:22px;height:22px;filter:drop-shadow(0 1px 2px rgba(11,84,194,.2))}.result-overlay__done{min-height:56px;width:100%;border-radius:16px;font-size:calc(16 * var(--almatar-font-size-ratio, 1) * 1px);font-weight:var(--almatar-font-weight-bold);transition:all .3s cubic-bezier(.4,0,.2,1);border:none;letter-spacing:.01em}.result-overlay__done:hover{transform:translateY(-2px);box-shadow:0 8px 20px #7c3aed59}.result-overlay__done:active{transform:translateY(0);box-shadow:0 4px 12px #7c3aed40}.btn{padding:16px 24px;border-radius:14px;font-size:calc(15 * var(--almatar-font-size-ratio, 1) * 1px);font-weight:var(--almatar-font-weight-semibold);cursor:pointer;border:none;position:relative;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn:before{content:\"\";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#fff3;transform:translate(-50%,-50%);transition:width .6s,height .6s}.btn:active:before{width:300px;height:300px}.btn--primary{background:linear-gradient(135deg,#7c3aed,#6d28d9);color:#fff;box-shadow:0 4px 16px #7c3aed40,0 2px 4px #7c3aed26}.btn--primary:hover{background:linear-gradient(135deg,#6d28d9,#5b21b6);transform:translateY(-2px);box-shadow:0 8px 20px #7c3aed59,0 4px 8px #7c3aed33;color:#fff}.btn--primary:active{transform:translateY(0);box-shadow:0 4px 12px #7c3aed40,0 2px 4px #7c3aed26}.mada-logo{margin-inline-start:12px;display:inline-flex;align-items:center;padding:4px 8px;background:#ffffffe6;border-radius:6px;border:1px solid rgba(0,0,0,.08);box-shadow:0 1px 3px #0000000f}\n"] }]
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"result-overlay\" [class.result-overlay--visible]=\"visible()\">\n  <div class=\"result-overlay__backdrop\"></div>\n  <div class=\"result-overlay__modal\">\n    <div class=\"result-overlay__hero\">\n      <span class=\"result-overlay__icon result-overlay__icon--green\">\n        <svg\n          width=\"114\"\n          height=\"114\"\n          viewBox=\"0 0 114 114\"\n          fill=\"none\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n        >\n          <circle cx=\"57\" cy=\"57\" r=\"42\" fill=\"#6DE197\" />\n          <path\n            d=\"M71.417 43.5774C73.169 41.8254 76.0097 41.8254 77.7617 43.5774C79.5134 45.3294 79.5136 48.1702 77.7617 49.9221L55.4248 72.2581C54.5835 73.0992 53.4426 73.5715 52.2529 73.5715C51.0632 73.5715 49.9224 73.0992 49.0811 72.2581L36.3174 59.4944C34.5654 57.7424 34.5654 54.9017 36.3174 53.1497C38.0694 51.3978 40.9102 51.3977 42.6621 53.1497L52.041 62.5286C52.0973 62.5848 52.1734 62.6165 52.2529 62.6165C52.3325 62.6164 52.4086 62.5848 52.4648 62.5286L71.417 43.5774Z\"\n            fill=\"url(#paint0_linear_hotel_result)\"\n            fill-opacity=\"0.9\"\n            stroke=\"url(#paint1_linear_hotel_result)\"\n            stroke-width=\"0.6\"\n            stroke-linecap=\"round\"\n            stroke-linejoin=\"round\"\n          />\n          <defs>\n            <linearGradient\n              id=\"paint0_linear_hotel_result\"\n              x1=\"41.6842\"\n              y1=\"54.1291\"\n              x2=\"111.486\"\n              y2=\"62.3784\"\n              gradientUnits=\"userSpaceOnUse\"\n            >\n              <stop stop-color=\"white\" />\n              <stop offset=\"1\" stop-color=\"white\" stop-opacity=\"0\" />\n            </linearGradient>\n            <linearGradient\n              id=\"paint1_linear_hotel_result\"\n              x1=\"42.6803\"\n              y1=\"51.352\"\n              x2=\"61.1185\"\n              y2=\"79.3662\"\n              gradientUnits=\"userSpaceOnUse\"\n            >\n              <stop stop-color=\"white\" />\n              <stop offset=\"1\" stop-color=\"white\" stop-opacity=\"0\" />\n            </linearGradient>\n          </defs>\n        </svg>\n      </span>\n      <h3 class=\"result-overlay__title\">\n        {{ isNilRefund() ? 'Cancel Confirmed' : 'Refund Confirmed' }}\n      </h3>\n    </div>\n\n    @for (row of refundRows(); track $index) {\n      <div\n        class=\"result-overlay__row\"\n        [class.result-overlay__row--with-breakdown]=\"\n          row.loyaltySubItems?.length\n        \"\n      >\n        <!-- Wallet Icon -->\n        @if (isWalletRow(row)) {\n          <span class=\"result-overlay__method-icon\">\n            <svg\n              width=\"24\"\n              height=\"24\"\n              viewBox=\"0 0 22 24\"\n              fill=\"none\"\n              xmlns=\"http://www.w3.org/2000/svg\"\n            >\n              <g clip-path=\"url(#clip0_wallet_result)\">\n                <path\n                  d=\"M2.67627 20.8852C1.74854 20.8852 1.04655 20.6533 0.570312 20.1894C0.10026 19.7256 -0.134766 19.0359 -0.134766 18.1206V8.51852C-0.134766 7.77015 0.0260417 7.1764 0.347656 6.73727C0.675456 6.29815 1.1888 5.97344 1.8877 5.76315L13.7812 2.3027C14.4554 2.11097 15.0584 2.06149 15.5903 2.15427C16.1284 2.24704 16.549 2.49443 16.8521 2.89645C17.1613 3.29229 17.3159 3.85511 17.3159 4.58493V6.25485L15.8037 6.38473V4.45505C15.8037 4.04684 15.6893 3.76543 15.4604 3.61081C15.2316 3.45619 14.8945 3.44382 14.4492 3.5737L7.27783 5.55905C7.19124 5.5776 7.15104 5.61471 7.15723 5.67038C7.16341 5.71986 7.20671 5.7446 7.28711 5.7446H17.5942C18.5282 5.7446 19.2271 5.97962 19.6909 6.44968C20.161 6.91354 20.396 7.60316 20.396 8.51852V10.8564H18.8931V8.60202C18.8931 8.15671 18.7786 7.81963 18.5498 7.59079C18.321 7.36195 17.9932 7.24753 17.5664 7.24753H2.69482C2.26807 7.24753 1.94027 7.36195 1.71143 7.59079C1.48877 7.81963 1.37744 8.15671 1.37744 8.60202V18.0371C1.37744 18.4824 1.48877 18.8164 1.71143 19.039C1.94027 19.2679 2.26807 19.3823 2.69482 19.3823H17.5664C17.9932 19.3823 18.321 19.2679 18.5498 19.039C18.7786 18.8164 18.8931 18.4824 18.8931 18.0371V15.4394H20.396V18.1206C20.396 19.0359 20.161 19.7256 19.6909 20.1894C19.2271 20.6533 18.5282 20.8852 17.5942 20.8852H2.67627ZM16.7686 14.2334C16.5088 14.2334 16.2861 14.1437 16.1006 13.9643C15.9212 13.7788 15.8315 13.5561 15.8315 13.2964C15.8315 13.0366 15.9212 12.817 16.1006 12.6377C16.2861 12.4521 16.5088 12.3593 16.7686 12.3593C17.0283 12.3593 17.2479 12.4521 17.4272 12.6377C17.6128 12.817 17.7056 13.0366 17.7056 13.2964C17.7056 13.5561 17.6128 13.7788 17.4272 13.9643C17.2479 14.1437 17.0283 14.2334 16.7686 14.2334ZM16.6758 16.2187C15.7419 16.2187 14.9873 15.9775 14.4121 15.4951C13.8369 15.0065 13.5493 14.2767 13.5493 13.3056C13.5493 12.3346 13.8369 11.6079 14.4121 11.1255C14.9873 10.643 15.7419 10.4018 16.6758 10.4018H20.1084C20.6898 10.4018 21.1475 10.5812 21.4814 10.9399C21.8216 11.2986 21.9917 11.7439 21.9917 12.2758V14.3354C21.9917 14.8673 21.8216 15.3157 21.4814 15.6806C21.1475 16.0394 20.6898 16.2187 20.1084 16.2187H16.6758ZM16.7686 14.9756H19.7837C20.1053 14.9756 20.3465 14.8921 20.5073 14.7251C20.6743 14.5519 20.7578 14.3138 20.7578 14.0107V12.6006C20.7578 12.2975 20.6743 12.0625 20.5073 11.8955C20.3465 11.7223 20.1053 11.6357 19.7837 11.6357H16.7686C16.1191 11.6357 15.6367 11.7841 15.3213 12.081C15.012 12.3779 14.8574 12.7861 14.8574 13.3056C14.8574 13.8252 15.012 14.2334 15.3213 14.5302C15.6367 14.8271 16.1191 14.9756 16.7686 14.9756Z\"\n                  fill=\"black\"\n                />\n              </g>\n              <defs>\n                <clipPath id=\"clip0_wallet_result\">\n                  <rect width=\"24\" height=\"24\" fill=\"white\" />\n                </clipPath>\n              </defs>\n            </svg>\n          </span>\n        }\n\n        <!-- Card Icon -->\n        @if (!isWalletRow(row)) {\n          <span class=\"result-overlay__method-icon\">\n            <svg\n              width=\"24\"\n              height=\"24\"\n              viewBox=\"0 0 24 24\"\n              fill=\"none\"\n              xmlns=\"http://www.w3.org/2000/svg\"\n            >\n              <path\n                d=\"M2.25 8.25H21.75M2.25 9H21.75M5.25 14.25H11.25M5.25 16.5H8.25M4.5 19.5H19.5C20.0967 19.5 20.669 19.2629 21.091 18.841C21.5129 18.419 21.75 17.8467 21.75 17.25V6.75C21.75 6.15326 21.5129 5.58097 21.091 5.15901C20.669 4.73705 20.0967 4.5 19.5 4.5H4.5C3.90326 4.5 3.33097 4.73705 2.90901 5.15901C2.48705 5.58097 2.25 6.15326 2.25 6.75V17.25C2.25 17.8467 2.48705 18.419 2.90901 18.841C3.33097 19.2629 3.90326 19.5 4.5 19.5Z\"\n                stroke=\"#1B1A1F\"\n                stroke-width=\"1.5\"\n                stroke-linecap=\"round\"\n                stroke-linejoin=\"round\"\n              />\n            </svg>\n          </span>\n        }\n\n        <span class=\"result-overlay__body\">\n          <span class=\"result-overlay__method-name\">\n            <span class=\"result-overlay__method-block\">\n              {{ row.label }}\n\n              @if (!isWalletRow(row) && !row?.isInstallment) {\n                <span class=\"mada-logo\">\n                  <svg\n                    xmlns=\"http://www.w3.org/2000/svg\"\n                    width=\"43\"\n                    height=\"15\"\n                    viewBox=\"0 0 43 15\"\n                    fill=\"none\"\n                  >\n                    <g clip-path=\"url(#clip0_19158_27303)\">\n                      <path\n                        d=\"M18.1894 8.65527H0V14.9943H18.1894V8.65527Z\"\n                        fill=\"#84B740\"\n                      />\n                      <path\n                        d=\"M18.1894 0H0V6.34463H18.1894V0Z\"\n                        fill=\"#259BD6\"\n                      />\n                      <path\n                        d=\"M36.3779 13.7034L36.2969 13.7203C36.016 13.7768 35.9134 13.7994 35.7082 13.7994C35.233 13.7994 34.6713 13.5452 34.6713 12.3475C34.6713 11.7316 34.7685 10.9124 35.6542 10.9124H35.6596C35.8108 10.9237 35.9836 10.9407 36.3077 11.0424L36.3779 11.065V13.7034ZM36.5237 7.73164L36.3779 7.75989V9.97458L36.2483 9.93503L36.2105 9.92373C36.0647 9.87853 35.7298 9.77684 35.4058 9.77684C33.6344 9.77684 33.2617 11.178 33.2617 12.3531C33.2617 13.9633 34.1258 14.8898 35.6326 14.8898C36.2699 14.8898 36.7397 14.822 37.215 14.6582C37.6524 14.5113 37.8091 14.3023 37.8091 13.8559V7.5C37.3878 7.5791 36.9504 7.65819 36.5237 7.73164Z\"\n                        fill=\"#747583\"\n                      />\n                      <path\n                        d=\"M41.651 13.7375L41.5754 13.7601L41.3053 13.8336C41.0515 13.9014 40.8247 13.9409 40.6519 13.9409C40.236 13.9409 39.9876 13.7262 39.9876 13.359C39.9876 13.1217 40.0902 12.7206 40.7707 12.7206H41.651V13.7375ZM41.0299 9.74316C40.4844 9.74316 39.9228 9.84486 39.2261 10.0708L38.7724 10.2121L38.9236 11.2855L39.3665 11.133C39.831 10.9748 40.4088 10.8731 40.8409 10.8731C41.0353 10.8731 41.6294 10.8731 41.6294 11.5454V11.8392H40.8031C39.2963 11.8392 38.5996 12.342 38.5996 13.4211C38.5996 14.342 39.2423 14.8957 40.3224 14.8957C40.6573 14.8957 41.1217 14.8279 41.5214 14.7262L41.543 14.7206L41.5646 14.7262L41.6996 14.7488C42.1208 14.8279 42.5583 14.907 42.9849 14.9918V11.4663C42.9849 10.3251 42.3261 9.74316 41.0299 9.74316Z\"\n                        fill=\"#747583\"\n                      />\n                      <path\n                        d=\"M31.1529 13.7375L31.0773 13.7601L30.8073 13.8336C30.5535 13.9014 30.332 13.9409 30.1538 13.9409C29.738 13.9409 29.4895 13.7262 29.4895 13.359C29.4895 13.1217 29.5921 12.7206 30.2672 12.7206H31.1475L31.1529 13.7375ZM30.5373 9.74316C29.9864 9.74316 29.4301 9.84486 28.7334 10.0708L28.2798 10.2121L28.431 11.2855L28.8739 11.133C29.3383 10.9748 29.9162 10.8731 30.3482 10.8731C30.5427 10.8731 31.1367 10.8731 31.1367 11.5454V11.8392H30.3104C28.8036 11.8392 28.1016 12.342 28.1016 13.4211C28.1016 14.342 28.7442 14.8957 29.8298 14.8957C30.1646 14.8957 30.6291 14.8279 31.0287 14.7262L31.0503 14.7206L31.0719 14.7262L31.2015 14.7488C31.6282 14.8279 32.0602 14.907 32.4869 14.9974V11.472C32.4923 10.3194 31.8334 9.74316 30.5373 9.74316Z\"\n                        fill=\"#747583\"\n                      />\n                      <path\n                        d=\"M25.4701 9.7576C24.7842 9.7576 24.2172 9.99489 24.0065 10.0966L23.9525 10.1248L23.9039 10.0853C23.6123 9.86495 23.1856 9.75195 22.5916 9.75195C22.0677 9.75195 21.5762 9.83105 21.0416 9.99489C20.5825 10.1418 20.4043 10.3734 20.4043 10.8085V14.8367H21.8409V11.1135L21.9111 11.0909C22.2027 10.9892 22.3755 10.9723 22.543 10.9723C22.9588 10.9723 23.1694 11.2039 23.1694 11.6559V14.8423H24.5844V11.5938C24.5844 11.4017 24.5466 11.2887 24.5412 11.2661L24.4926 11.17L24.5898 11.1248C24.8058 11.0231 25.0435 10.9723 25.2919 10.9723C25.5781 10.9723 25.9184 11.0909 25.9184 11.6559V14.8423H27.3279V11.509C27.3279 10.3282 26.7231 9.7576 25.4701 9.7576Z\"\n                        fill=\"#747583\"\n                      />\n                      <path\n                        d=\"M40.5866 4.13559C40.3759 4.13559 40.0249 4.113 39.7495 4.0565L39.6684 4.03955V1.86441C39.6684 1.68362 39.636 1.57062 39.6306 1.55367L39.5874 1.46328L39.6793 1.42373C39.7009 1.41243 39.7225 1.40678 39.7495 1.39548L39.7657 1.38418C39.7981 1.37288 39.8305 1.36158 39.8629 1.35028C39.8791 1.34463 39.8899 1.33898 39.9007 1.33898C40.2193 1.24859 40.511 1.25989 40.6406 1.24859H40.646C41.5263 1.24859 41.6289 2.0678 41.6289 2.68362C41.6235 3.88136 41.0564 4.13559 40.5866 4.13559ZM40.5812 0C40.5704 0 40.5542 0 40.5434 0C39.7171 0 38.8692 0.237288 38.5667 0.700565C38.4047 0.926554 38.3129 1.20904 38.3075 1.54237V3.78531C38.3075 3.9774 38.2697 4.05085 38.2643 4.0678L38.2157 4.16384H35.6072V2.60452H35.6018C35.5694 0.960452 34.6404 0.0564972 33.2957 0.0564972H33.1391H31.9833C31.9293 0.457627 31.8861 0.740113 31.8321 1.14124H33.1391C33.8249 1.14124 34.1868 1.75141 34.1868 2.68927V4.25989L34.095 4.20904C34.0788 4.20339 33.9654 4.16384 33.7871 4.16384H31.5297C31.4865 4.46328 31.4325 4.85311 31.373 5.24294H38.3129C38.5505 5.19209 38.8259 5.14689 39.0636 5.10735C39.4146 5.28814 40.0681 5.38418 40.5164 5.38418C42.0231 5.38418 43.0007 4.32768 43.0007 2.70057C42.9953 1.0904 42.0501 0.0338983 40.5812 0Z\"\n                        fill=\"#747583\"\n                      />\n                      <path\n                        d=\"M28.4189 5.9087H28.4837C29.9905 5.9087 30.6925 5.38893 30.6925 4.10644C30.6925 3.18554 30.0499 2.45108 28.9697 2.45108H27.5818C27.1659 2.45108 26.9175 2.20249 26.9175 1.78441C26.9175 1.50192 27.0201 1.15164 27.7006 1.15164H30.7357C30.8006 0.739211 30.833 0.479324 30.8924 0.0668945H27.7384C26.2694 0.0668945 25.5295 0.710962 25.5295 1.78441C25.5295 2.84656 26.1722 3.40023 27.2523 3.40023H28.6403C29.0561 3.40023 29.3046 3.74486 29.3046 4.10644C29.3046 4.34373 29.202 4.83526 28.5269 4.83526H28.2947L23.8499 4.82396H23.0398C22.3539 4.82396 21.8733 4.41718 21.8733 3.47367V2.82396C21.8733 1.84091 22.2459 1.23074 23.0398 1.23074H24.3576C24.417 0.812657 24.4548 0.547121 24.5088 0.15164H22.867H22.7104C21.3656 0.15164 20.4367 1.09514 20.4043 2.73921V2.80136V3.47367C20.4367 5.11774 21.3656 5.90305 22.7104 5.90305H22.867H24.0227L26.4314 5.9087H27.868H28.4189Z\"\n                        fill=\"#747583\"\n                      />\n                    </g>\n                    <defs>\n                      <clipPath id=\"clip0_19158_27303\">\n                        <rect width=\"43\" height=\"15\" fill=\"white\" />\n                      </clipPath>\n                    </defs>\n                  </svg>\n                </span>\n              }\n            </span>\n\n            <strong class=\"result-overlay__amount\">\n              {{\n                row.value | exchange_round\n              }}\n              {{ currentCurrency()?.code }}\n            </strong>\n          </span>\n\n          <!-- Loyalty breakdown sub-items -->\n          @if (row.loyaltySubItems?.length) {\n            <div class=\"result-overlay__loyalty-breakdown\">\n              @for (subItem of row.loyaltySubItems; track $index) {\n                <div class=\"result-overlay__loyalty-item\">\n                  <span class=\"result-overlay__loyalty-label\">{{\n                    subItem.label\n                  }}</span>\n                  <span class=\"result-overlay__loyalty-value\">\n                    {{\n                      subItem.value | exchange_round\n                    }}\n                    {{ currentCurrency()?.code }}\n                  </span>\n                </div>\n              }\n            </div>\n          }\n\n          <span\n            class=\"result-overlay__badge\"\n            [class.result-overlay__badge--instant]=\"row.instant\"\n            [class.result-overlay__badge--days]=\"!row.instant\"\n          >\n            {{ row.badgeKey }}\n          </span>\n\n          <!-- Loyalty note -->\n          @if (row.hasLoyaltyNote && row.loyaltySubItems?.length) {\n            <div class=\"result-overlay__loyalty-note\">\n              <svg\n                xmlns=\"http://www.w3.org/2000/svg\"\n                width=\"24\"\n                height=\"24\"\n                viewBox=\"0 0 24 24\"\n                fill=\"none\"\n              >\n                <path\n                  d=\"M4.1582 21.1777C3.60482 21.1777 3.12956 21.0605 2.73242 20.8262C2.33529 20.5918 2.0293 20.2728 1.81445 19.8691C1.59961 19.472 1.49219 19.026 1.49219 18.5312C1.49219 18.056 1.61914 17.6003 1.87305 17.1641L9.45117 3.96094C9.69857 3.51823 10.0273 3.1862 10.4375 2.96484C10.8477 2.73698 11.2773 2.62305 11.7266 2.62305C12.1758 2.62305 12.6022 2.73698 13.0059 2.96484C13.416 3.1862 13.748 3.51823 14.002 3.96094L21.5801 17.1641C21.7038 17.3789 21.7982 17.6035 21.8633 17.8379C21.9284 18.0723 21.9609 18.3034 21.9609 18.5312C21.9609 19.026 21.8535 19.472 21.6387 19.8691C21.4238 20.2728 21.1178 20.5918 20.7207 20.8262C20.3236 21.0605 19.8483 21.1777 19.2949 21.1777H4.1582ZM4.16797 19.6445H19.2754C19.6139 19.6445 19.8809 19.5306 20.0762 19.3027C20.278 19.0814 20.3789 18.821 20.3789 18.5215C20.3789 18.3132 20.3268 18.1081 20.2227 17.9062L12.6543 4.70312C12.5501 4.52083 12.4134 4.39062 12.2441 4.3125C12.0814 4.22786 11.9089 4.18555 11.7266 4.18555C11.5443 4.18555 11.3685 4.22786 11.1992 4.3125C11.0299 4.39062 10.8932 4.52083 10.7891 4.70312L3.2207 17.8965C3.16862 18.0007 3.12956 18.1081 3.10352 18.2188C3.08398 18.3294 3.07422 18.4303 3.07422 18.5215C3.07422 18.821 3.17188 19.0814 3.36719 19.3027C3.5625 19.5306 3.82943 19.6445 4.16797 19.6445ZM11.7266 14.5859C11.2253 14.5859 10.9681 14.3288 10.9551 13.8145L10.8281 8.64844C10.8216 8.40104 10.8997 8.19596 11.0625 8.0332C11.2318 7.87044 11.4499 7.78906 11.7168 7.78906C11.9772 7.78906 12.1921 7.8737 12.3613 8.04297C12.5371 8.20573 12.6217 8.41081 12.6152 8.6582L12.4688 13.8145C12.4622 14.3288 12.2148 14.5859 11.7266 14.5859ZM11.7266 17.7598C11.4401 17.7598 11.1927 17.6621 10.9844 17.4668C10.776 17.265 10.6719 17.0241 10.6719 16.7441C10.6719 16.4642 10.776 16.2266 10.9844 16.0312C11.1927 15.8294 11.4401 15.7285 11.7266 15.7285C12.013 15.7285 12.2604 15.8262 12.4688 16.0215C12.6771 16.2168 12.7812 16.4577 12.7812 16.7441C12.7812 17.0306 12.6738 17.2715 12.459 17.4668C12.2507 17.6621 12.0065 17.7598 11.7266 17.7598Z\"\n                  fill=\"#0B54C2\"\n                />\n              </svg>\n              <span>External loyalty points are refunded to your Almatar Wallet as permanent points and ready to use in your next booking.</span>\n            </div>\n          }\n        </span>\n      </div>\n    }\n\n    <button\n      class=\"btn btn--primary result-overlay__done\"\n      type=\"button\"\n      (click)=\"onDone()\"\n    >\n      Back to My Trips\n    </button>\n  </div>\n</div>\n", styles: ["@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes scaleIn{0%{transform:scale(0)}to{transform:scale(1)}}.result-overlay{display:none;position:fixed;inset:0;z-index:99999999;align-items:center;justify-content:center;padding:24px;box-sizing:border-box}.result-overlay--visible{display:flex;animation:fadeIn .3s ease-out}.result-overlay :is(strong,span):has(>app-currency-code-icon){direction:ltr;display:inline-flex;align-items:center;gap:4px}.result-overlay__backdrop{position:absolute;inset:0;background:linear-gradient(135deg,#0009,#00000073);backdrop-filter:blur(4px);animation:fadeIn .3s ease-out}.result-overlay__modal{position:relative;width:100%;max-width:540px;max-height:90vh;overflow-y:auto;display:flex;flex-direction:column;gap:20px;padding:32px 28px;border-radius:24px;background:linear-gradient(180deg,#fff,#fafafa);box-shadow:0 8px 32px #0000001f,0 2px 8px #00000014;animation:slideUp .4s cubic-bezier(.16,1,.3,1)}.result-overlay__modal::-webkit-scrollbar{width:8px}.result-overlay__modal::-webkit-scrollbar-track{background:transparent;border-radius:10px;margin:8px 0}.result-overlay__modal::-webkit-scrollbar-thumb{background:#00000026;border-radius:10px}.result-overlay__modal::-webkit-scrollbar-thumb:hover{background:#00000040}.result-overlay__hero{display:flex;flex-direction:column;align-items:center;gap:16px;padding:8px 0 20px}.result-overlay__icon{width:120px;height:120px;border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;animation:scaleIn .5s cubic-bezier(.34,1.56,.64,1) .2s both}.result-overlay__icon--green:before{content:\"\";position:absolute;inset:-12px;border-radius:50%;background:radial-gradient(circle,#6de19726,#6de19700 70%);animation:scaleIn .6s cubic-bezier(.34,1.56,.64,1) .3s both}.result-overlay__icon svg{filter:drop-shadow(0 4px 12px rgba(109,225,151,.3))}.result-overlay__title{font-size:calc(24 * var(--almatar-font-size-ratio, 1) * 1px);font-weight:var(--almatar-font-weight-bold);color:#1a1a1a;margin:0;text-align:center;letter-spacing:-.02em}.result-overlay__row{display:flex;align-items:flex-start;gap:14px;width:100%;padding:18px;border-radius:16px;background:#fff;border:1px solid rgba(0,0,0,.08);transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.result-overlay__row:before{content:\"\";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#7c3aedcc,#10b981cc);transform:translate(-100%);transition:transform .3s ease}.result-overlay__row:hover{border-color:#7c3aed33;box-shadow:0 4px 12px #0000000d,0 0 0 1px #7c3aed0d;transform:translateY(-2px)}.result-overlay__row:hover:before{transform:translate(0)}.result-overlay__row--with-breakdown{padding:20px}.result-overlay__method-icon{flex-shrink:0;width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:1px solid rgba(0,0,0,.06);color:#1a1a1a;box-shadow:0 2px 4px #0000000a}.result-overlay__body{flex:1;display:flex;flex-direction:column;align-items:flex-start;gap:8px}.result-overlay__method-name{width:100%;display:flex;justify-content:space-between;align-items:center;font-size:calc(15 * var(--almatar-font-size-ratio, 1) * 1px);font-weight:var(--almatar-font-weight-medium);color:#1a1a1a}.result-overlay__method-block{display:inline-flex;align-items:center;font-weight:500;font-size:calc(15 * var(--almatar-font-size-ratio, 1) * 1px);color:#4a5568}.result-overlay__amount{display:inline-flex;align-items:center;gap:5px;font-size:calc(20 * var(--almatar-font-size-ratio, 1) * 1px);font-weight:var(--almatar-font-weight-bold);color:#1a1a1a;font-variant-numeric:tabular-nums;white-space:nowrap;letter-spacing:-.01em}.result-overlay__badge{font-size:calc(11 * var(--almatar-font-size-ratio, 1) * 1px);font-weight:var(--almatar-font-weight-bold);text-transform:uppercase;letter-spacing:.05em;padding:6px 12px;border-radius:24px;transition:all .2s ease}.result-overlay__badge--instant{background:linear-gradient(135deg,#dcfce7,#bbf7d0);color:#15803c;border:1px solid rgba(21,128,60,.2);box-shadow:0 2px 4px #15803c1a}.result-overlay__badge--days{background:linear-gradient(135deg,#eff6ff,#dbeafe);color:#1e40af;border:1px solid rgba(30,64,175,.2);box-shadow:0 2px 4px #1e40af1a}.result-overlay__loyalty-breakdown{width:100%;display:flex;flex-direction:column;gap:10px;padding:12px;background:linear-gradient(135deg,#f9fafb,#f3f4f6);border-radius:12px;border:1px solid rgba(0,0,0,.05)}.result-overlay__loyalty-item{display:flex;justify-content:space-between;align-items:center;width:100%;padding:0 4px}.result-overlay__loyalty-label{font-size:calc(13 * var(--almatar-font-size-ratio, 1) * 1px);font-weight:var(--almatar-font-weight-medium);color:#6b7280}.result-overlay__loyalty-value{display:inline-flex;align-items:center;gap:4px;font-size:calc(14 * var(--almatar-font-size-ratio, 1) * 1px);font-weight:var(--almatar-font-weight-semibold);color:#374151;font-variant-numeric:tabular-nums;white-space:nowrap}.result-overlay__loyalty-note{display:flex;align-items:flex-start;gap:10px;width:100%;padding:14px 16px;border-radius:14px;background:linear-gradient(135deg,#edf9ff,#e0f2fe);font-size:calc(13 * var(--almatar-font-size-ratio, 1) * 1px);font-weight:var(--almatar-font-weight-medium);color:#0b54c2;line-height:1.5;border:1.5px solid rgba(11,84,194,.3);box-shadow:0 2px 8px #0b54c214}.result-overlay__loyalty-note svg{flex-shrink:0;margin-top:1px;width:22px;height:22px;filter:drop-shadow(0 1px 2px rgba(11,84,194,.2))}.result-overlay__done{min-height:56px;width:100%;border-radius:16px;font-size:calc(16 * var(--almatar-font-size-ratio, 1) * 1px);font-weight:var(--almatar-font-weight-bold);transition:all .3s cubic-bezier(.4,0,.2,1);border:none;letter-spacing:.01em}.result-overlay__done:hover{transform:translateY(-2px);box-shadow:0 8px 20px #7c3aed59}.result-overlay__done:active{transform:translateY(0);box-shadow:0 4px 12px #7c3aed40}.btn{padding:16px 24px;border-radius:14px;font-size:calc(15 * var(--almatar-font-size-ratio, 1) * 1px);font-weight:var(--almatar-font-weight-semibold);cursor:pointer;border:none;position:relative;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn:before{content:\"\";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#fff3;transform:translate(-50%,-50%);transition:width .6s,height .6s}.btn:active:before{width:300px;height:300px}.btn--primary{background:linear-gradient(135deg,#7c3aed,#6d28d9);color:#fff;box-shadow:0 4px 16px #7c3aed40,0 2px 4px #7c3aed26}.btn--primary:hover{background:linear-gradient(135deg,#6d28d9,#5b21b6);transform:translateY(-2px);box-shadow:0 8px 20px #7c3aed59,0 4px 8px #7c3aed33;color:#fff}.btn--primary:active{transform:translateY(0);box-shadow:0 4px 12px #7c3aed40,0 2px 4px #7c3aed26}.mada-logo{margin-inline-start:12px;display:inline-flex;align-items:center;padding:4px 8px;background:#ffffffe6;border-radius:6px;border:1px solid rgba(0,0,0,.08);box-shadow:0 1px 3px #0000000f}\n"] }]
         }], ctorParameters: () => [] });
 class AlmatarHotelAutoCancellationComponent {
@@ -5774,11 +5837,11 @@ class SbdFlightItineraryCardComponent {
         return `${Math.floor(mins / 60)}h ${mins % 60}m`;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SbdFlightItineraryCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: SbdFlightItineraryCardComponent, isStandalone: true, selector: "app-sbd-flight-itinerary-card", inputs: { data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: false, transformFunction: null }, product: { classPropertyName: "product", publicName: "product", isSignal: true, isRequired: true, transformFunction: null }, verified: { classPropertyName: "verified", publicName: "verified", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div class=\"fic\">\n  @if (product() === 'flight') {\n\n    <!-- \u2500\u2500 Verified pill \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n    @if (verified()) {\n      <div class=\"fic__verified-bar\">\n        <span class=\"fic__verified-pill\">\n          <i class=\"pi pi-verified\"></i> Verified with Airlines\n        </span>\n      </div>\n    }\n\n    <!-- \u2500\u2500 Legs \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n    @for (leg of legs(); track leg.direction + $index; let li = $index) {\n      <div class=\"fic__leg\" [class.fic__leg--return]=\"leg.direction === 'Return'\">\n\n        <!-- Leg header -->\n        <div class=\"fic__leg-header\">\n          <div class=\"fic__leg-direction\">\n            <i class=\"pi\" [class.pi-arrow-right]=\"leg.direction !== 'Return'\" [class.pi-arrow-left]=\"leg.direction === 'Return'\"></i>\n            <span>{{ leg.direction }}</span>\n          </div>\n          <div class=\"fic__leg-chips\">\n            @if (leg.cabin) {\n              <span class=\"fic__chip fic__chip--cabin\">{{ leg.cabin }}</span>\n            }\n            @if (leg.fareBrand) {\n              <span class=\"fic__chip fic__chip--fare\">{{ leg.fareBrand }}</span>\n            }\n          </div>\n        </div>\n\n        <!-- Airline row -->\n        @if (leg.airlineName) {\n          <div class=\"fic__airline\">\n            <i class=\"pi pi-send\"></i>\n            <span>{{ leg.airlineName }}</span>\n          </div>\n        }\n\n        <!-- Route timeline -->\n        <div class=\"fic__route\">\n\n          <!-- Origin -->\n          <div class=\"fic__airport\">\n            <div class=\"fic__airport-code\">{{ leg.from }}</div>\n            <div class=\"fic__airport-time\">{{ fmtTime(leg.depTime) }}</div>\n            <div class=\"fic__airport-date\">{{ fmtShortDate(leg.depTime) }}</div>\n          </div>\n\n          <!-- Segments + stops -->\n          <div class=\"fic__timeline\">\n\n            <!-- Top row: all labels -->\n            <div class=\"fic__tl-top\">\n              @for (seg of leg.durationSegments; track seg.DepartureAirportCode; let si = $index) {\n                <div class=\"fic__tl-seg\">\n                  <span class=\"fic__tl-flt\">{{ leg.segments[si]?.AirlineCode }}{{ leg.segments[si]?.FlightNumber }}</span>\n                  <span class=\"fic__tl-dur\">{{ fmtMins(seg.SegmentElapsedTimeMinutes) }}</span>\n                </div>\n                @if (si < leg.stops.length) {\n                  <div class=\"fic__tl-stop\">\n                    <span class=\"fic__stop-dot\"></span>\n                    <span class=\"fic__stop-code\">{{ leg.stops[si].StopAirport }}</span>\n                    <span class=\"fic__stop-sep\">\u00B7</span>\n                    <span class=\"fic__stop-dur\">{{ fmtMins(leg.stops[si].LayoverDuration) }}</span>\n                  </div>\n                }\n              }\n            </div>\n\n            <!-- Bottom row: single continuous line + one arrow -->\n            <div class=\"fic__tl-track\">\n              <div class=\"fic__tl-line\"></div>\n              <i class=\"pi pi-send fic__tl-plane\"></i>\n            </div>\n\n          </div>\n\n          <!-- Destination -->\n          <div class=\"fic__airport fic__airport--right\">\n            <div class=\"fic__airport-code\">{{ leg.to }}</div>\n            <div class=\"fic__airport-time\">{{ fmtTime(leg.arrTime) }}</div>\n            <div class=\"fic__airport-date\">{{ fmtShortDate(leg.arrTime) }}</div>\n          </div>\n\n        </div>\n      </div>\n    }\n\n    <!-- \u2500\u2500 Passengers \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n    @if (passengers().length > 0) {\n      <div class=\"fic__section\">\n        <div class=\"fic__section-label\">\n          <i class=\"pi pi-users\"></i> Passengers\n          <span class=\"fic__section-count\">{{ passengers().length }}</span>\n        </div>\n        <div class=\"fic__pax-list\">\n          @for (p of passengers(); track p.passengerId) {\n            <div class=\"fic__pax\">\n              <div class=\"fic__pax-top\">\n                <span class=\"fic__pax-badge fic__pax-badge--{{ p.type | lowercase }}\">{{ typeLabel[p.type] ?? p.type }}</span>\n                <span class=\"fic__pax-name\">{{ p.name?.prefix }} {{ p.name?.givenName }} {{ p.name?.surName }}</span>\n              </div>\n              <div class=\"fic__pax-bottom\">\n                @if (p.identity?.number) {\n                  <span class=\"fic__pax-doc\"><i class=\"pi pi-id-card\"></i> {{ p.identity?.number }}</span>\n                }\n                @if (p.email) {\n                  <span class=\"fic__pax-email\">{{ p.email }}</span>\n                }\n              </div>\n            </div>\n          }\n        </div>\n      </div>\n    }\n\n    <!-- \u2500\u2500 Payment \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n    @if (payment()) {\n      <div class=\"fic__payment\">\n        <div class=\"fic__payment-main\">\n          <i class=\"pi pi-credit-card fic__payment-icon\"></i>\n          <span class=\"fic__payment-amount\">{{ payment()?.amount }} {{ payment()?.currency }}</span>\n          <span class=\"fic__payment-status\" [class.fic__payment-status--ok]=\"payment()?.status?.key === 'SUCCESS'\">\n            <i class=\"pi\" [class.pi-check-circle]=\"payment()?.status?.key === 'SUCCESS'\" [class.pi-clock]=\"payment()?.status?.key !== 'SUCCESS'\"></i>\n            {{ payment()?.status?.name }}\n          </span>\n        </div>\n        @if (payment()?.method || payment()?.date) {\n          <div class=\"fic__payment-sub\">\n            @if (payment()?.method) { <span>{{ payment()?.method }}</span> }\n            @if (payment()?.method && payment()?.date) { <span class=\"fic__dot\">\u00B7</span> }\n            @if (payment()?.date) { <span>{{ payment()?.date }}</span> }\n          </div>\n        }\n      </div>\n    }\n\n\n  }\n</div>\n", styles: [".fic{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;font-family:inherit}.fic__leg{padding:16px 16px 18px;border-bottom:1px solid #e2e8f0}.fic__leg--return{background:#fafbff}.fic__leg-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.fic__leg-direction{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#1e2e4a}.fic__leg-direction .pi{font-size:10px;color:#475569}.fic__leg-chips{display:flex;gap:5px}.fic__chip{font-size:10.5px;font-weight:600;padding:2px 8px;border-radius:12px;letter-spacing:.02em}.fic__chip--cabin{background:#eff6ff;color:#1d4ed8}.fic__chip--fare{background:#fef9c3;color:#854d0e}.fic__airline{display:flex;align-items:center;gap:5px;font-size:12px;color:#64748b;margin-bottom:14px}.fic__airline .pi{font-size:11px;color:#94a3b8;transform:rotate(45deg)}.fic__route{display:flex;align-items:flex-start;gap:0}.fic__airport{display:flex;flex-direction:column;align-items:flex-start;flex-shrink:0}.fic__airport--right{align-items:flex-end}.fic__airport-code{font-size:26px;font-weight:800;color:#1e2e4a;line-height:1}.fic__airport-time{font-size:13px;font-weight:600;color:#334155;margin-top:3px}.fic__airport-date{font-size:10.5px;color:#94a3b8;margin-top:1px}.fic__timeline{flex:1;display:flex;flex-direction:column;gap:4px;margin:0 4px}.fic__tl-top{display:flex;align-items:flex-end;gap:0}.fic__tl-seg{flex:1;display:flex;flex-direction:column;align-items:center;gap:1px}.fic__tl-flt{font-size:10px;font-weight:700;color:#1e2e4a;background:#f1f5f9;padding:1px 5px;border-radius:4px;white-space:nowrap}.fic__tl-dur{font-size:9.5px;color:#94a3b8;white-space:nowrap}.fic__tl-stop{flex-shrink:0;display:inline-flex;align-items:center;gap:4px;padding:0 8px 1px}.fic__tl-track{display:flex;align-items:center;height:22px}.fic__tl-line{flex:1;height:2px;background:#cbd5e1}.fic__tl-plane{font-size:13px;color:#475569;transform:rotate(45deg);flex-shrink:0;margin-left:-2px}.fic__stop-dot{width:7px;height:7px;border-radius:50%;background:#94a3b8;flex-shrink:0}.fic__stop-code{font-size:11px;font-weight:700;color:#334155}.fic__stop-sep{font-size:11px;color:#cbd5e1}.fic__stop-dur{font-size:11px;font-weight:600;color:#f59e0b}.fic__section{padding:14px 16px;border-bottom:1px solid #e2e8f0}.fic__section-label{display:flex;align-items:center;gap:5px;font-size:10.5px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:#64748b;margin-bottom:10px}.fic__section-label .pi{font-size:11px}.fic__section-count{margin-left:auto;background:#f1f5f9;color:#475569;font-size:10px;font-weight:700;padding:1px 6px;border-radius:10px}.fic__pax-list{display:flex;flex-direction:column;gap:8px}.fic__pax{background:#f8fafc;border-radius:8px;padding:8px 10px;display:flex;flex-direction:column;gap:5px}.fic__pax-top{display:flex;align-items:center;gap:7px}.fic__pax-badge{font-size:9.5px;font-weight:700;letter-spacing:.04em;padding:2px 7px;border-radius:10px;flex-shrink:0;text-transform:uppercase}.fic__pax-badge--adt{background:#dbeafe;color:#1d4ed8}.fic__pax-badge--cnn{background:#dcfce7;color:#15803d}.fic__pax-badge--inf{background:#fce7f3;color:#9d174d}.fic__pax-name{font-size:12.5px;font-weight:600;color:#1e2e4a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fic__pax-bottom{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.fic__pax-doc{display:inline-flex;align-items:center;gap:3px;font-size:11px;font-family:monospace;color:#475569;background:#f1f5f9;padding:1px 6px;border-radius:4px}.fic__pax-doc .pi{font-size:10px}.fic__pax-email{font-size:11px;color:#94a3b8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px}.fic__payment{padding:12px 16px;background:#f8fafc;display:flex;flex-direction:column;gap:4px}.fic__payment-main{display:flex;align-items:center;gap:8px}.fic__payment-icon{font-size:14px;color:#64748b}.fic__payment-amount{font-size:14px;font-weight:700;color:#1e2e4a}.fic__payment-status{display:flex;align-items:center;gap:4px;font-size:12px;font-weight:600;color:#64748b;margin-left:auto}.fic__payment-status .pi{font-size:12px}.fic__payment-status--ok{color:#16a34a}.fic__payment-sub{display:flex;align-items:center;gap:6px;font-size:11.5px;color:#94a3b8;padding-left:22px}.fic__dot{color:#cbd5e1}.fic__verified-bar{display:flex;align-items:center;padding:8px 12px;background:#f0fdf4;border-bottom:1px solid #bbf7d0}.fic__verified-pill{display:inline-flex;align-items:center;gap:5px;padding:3px 10px 3px 7px;background:#16a34a;color:#fff;font-size:11px;font-weight:700;border-radius:20px;letter-spacing:.02em}.fic__verified-pill .pi{font-size:12px}\n"], dependencies: [{ kind: "ngmodule", type: TagModule }, { kind: "pipe", type: LowerCasePipe, name: "lowercase" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: SbdFlightItineraryCardComponent, isStandalone: true, selector: "app-sbd-flight-itinerary-card", inputs: { data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: false, transformFunction: null }, product: { classPropertyName: "product", publicName: "product", isSignal: true, isRequired: true, transformFunction: null }, verified: { classPropertyName: "verified", publicName: "verified", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div class=\"fic\">\n  @if (product() === 'flight') {\n\n    <!-- \u2500\u2500 Verified pill \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n    @if (verified()) {\n      <div class=\"fic__verified-bar\">\n        <span class=\"fic__verified-pill\">\n          <i class=\"pi pi-verified\"></i> Verified with Airlines\n        </span>\n      </div>\n    }\n\n    <!-- \u2500\u2500 Legs \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n    @for (leg of legs(); track leg.direction + $index; let li = $index) {\n      <div class=\"fic__leg\" [class.fic__leg--return]=\"leg.direction === 'Return'\">\n\n        <!-- Leg header -->\n        <div class=\"fic__leg-header\">\n          <div class=\"fic__leg-direction\">\n            <i class=\"pi\" [class.pi-arrow-right]=\"leg.direction !== 'Return'\" [class.pi-arrow-left]=\"leg.direction === 'Return'\"></i>\n            <span>{{ leg.direction }}</span>\n          </div>\n          <div class=\"fic__leg-chips\">\n            @if (leg.cabin) {\n              <span class=\"fic__chip fic__chip--cabin\">{{ leg.cabin }}</span>\n            }\n            @if (leg.fareBrand) {\n              <span class=\"fic__chip fic__chip--fare\">{{ leg.fareBrand }}</span>\n            }\n          </div>\n        </div>\n\n        <!-- Airline row -->\n        @if (leg.airlineName) {\n          <div class=\"fic__airline\">\n            <i class=\"pi pi-send\"></i>\n            <span>{{ leg.airlineName }}</span>\n          </div>\n        }\n\n        <!-- Route timeline -->\n        <div class=\"fic__route\">\n\n          <!-- Origin -->\n          <div class=\"fic__airport\">\n            <div class=\"fic__airport-code\">{{ leg.from }}</div>\n            <div class=\"fic__airport-time\">{{ fmtTime(leg.depTime) }}</div>\n            <div class=\"fic__airport-date\">{{ fmtShortDate(leg.depTime) }}</div>\n          </div>\n\n          <!-- Segments + stops -->\n          <div class=\"fic__timeline\">\n\n            <!-- Top row: all labels -->\n            <div class=\"fic__tl-top\">\n              @for (seg of leg.durationSegments; track seg.DepartureAirportCode; let si = $index) {\n                <div class=\"fic__tl-seg\">\n                  <span class=\"fic__tl-flt\">{{ leg.segments[si]?.AirlineCode }}{{ leg.segments[si]?.FlightNumber }}</span>\n                  <span class=\"fic__tl-dur\">{{ fmtMins(seg.SegmentElapsedTimeMinutes) }}</span>\n                </div>\n                @if (si < leg.stops.length) {\n                  <div class=\"fic__tl-stop\">\n                    <span class=\"fic__stop-head\">\n                      <span class=\"fic__stop-dot\"></span>\n                      <span class=\"fic__stop-code\">{{ leg.stops[si].StopAirport }}</span>\n                    </span>\n                    <span class=\"fic__stop-dur\">{{ fmtMins(leg.stops[si].LayoverDuration) }}</span>\n                  </div>\n                }\n              }\n            </div>\n\n            <!-- Bottom row: single continuous line + one arrow -->\n            <div class=\"fic__tl-track\">\n              <div class=\"fic__tl-line\"></div>\n              <i class=\"pi pi-send fic__tl-plane\"></i>\n            </div>\n\n          </div>\n\n          <!-- Destination -->\n          <div class=\"fic__airport fic__airport--right\">\n            <div class=\"fic__airport-code\">{{ leg.to }}</div>\n            <div class=\"fic__airport-time\">{{ fmtTime(leg.arrTime) }}</div>\n            <div class=\"fic__airport-date\">{{ fmtShortDate(leg.arrTime) }}</div>\n          </div>\n\n        </div>\n      </div>\n    }\n\n    <!-- \u2500\u2500 Passengers \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n    @if (passengers().length > 0) {\n      <div class=\"fic__section\">\n        <div class=\"fic__section-label\">\n          <i class=\"pi pi-users\"></i> Passengers\n          <span class=\"fic__section-count\">{{ passengers().length }}</span>\n        </div>\n        <div class=\"fic__pax-list\">\n          @for (p of passengers(); track p.passengerId) {\n            <div class=\"fic__pax\">\n              <div class=\"fic__pax-top\">\n                <span class=\"fic__pax-badge fic__pax-badge--{{ p.type | lowercase }}\">{{ typeLabel[p.type] ?? p.type }}</span>\n                <span class=\"fic__pax-name\">{{ p.name?.prefix }} {{ p.name?.givenName }} {{ p.name?.surName }}</span>\n              </div>\n              <div class=\"fic__pax-bottom\">\n                @if (p.identity?.number) {\n                  <span class=\"fic__pax-doc\"><i class=\"pi pi-id-card\"></i> {{ p.identity?.number }}</span>\n                }\n                @if (p.email) {\n                  <span class=\"fic__pax-email\">{{ p.email }}</span>\n                }\n              </div>\n            </div>\n          }\n        </div>\n      </div>\n    }\n\n    <!-- \u2500\u2500 Payment \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n    @if (payment()) {\n      <div class=\"fic__payment\">\n        <div class=\"fic__payment-main\">\n          <i class=\"pi pi-credit-card fic__payment-icon\"></i>\n          <span class=\"fic__payment-amount\">{{ payment()?.amount }} {{ payment()?.currency }}</span>\n          <span class=\"fic__payment-status\" [class.fic__payment-status--ok]=\"payment()?.status?.key === 'SUCCESS'\">\n            <i class=\"pi\" [class.pi-check-circle]=\"payment()?.status?.key === 'SUCCESS'\" [class.pi-clock]=\"payment()?.status?.key !== 'SUCCESS'\"></i>\n            {{ payment()?.status?.name }}\n          </span>\n        </div>\n        @if (payment()?.method || payment()?.date) {\n          <div class=\"fic__payment-sub\">\n            @if (payment()?.method) { <span>{{ payment()?.method }}</span> }\n            @if (payment()?.method && payment()?.date) { <span class=\"fic__dot\">\u00B7</span> }\n            @if (payment()?.date) { <span>{{ payment()?.date }}</span> }\n          </div>\n        }\n      </div>\n    }\n\n\n  }\n</div>\n", styles: [".fic{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;font-family:inherit}.fic__leg{padding:16px 16px 18px;border-bottom:1px solid #e2e8f0}.fic__leg--return{background:#fafbff}.fic__leg-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.fic__leg-direction{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#1e2e4a}.fic__leg-direction .pi{font-size:10px;color:#475569}.fic__leg-chips{display:flex;gap:5px}.fic__chip{font-size:10.5px;font-weight:600;padding:2px 8px;border-radius:12px;letter-spacing:.02em}.fic__chip--cabin{background:#eff6ff;color:#1d4ed8}.fic__chip--fare{background:#fef9c3;color:#854d0e}.fic__airline{display:flex;align-items:center;gap:5px;font-size:12px;color:#64748b;margin-bottom:14px}.fic__airline .pi{font-size:11px;color:#94a3b8;transform:rotate(45deg)}.fic__route{display:flex;align-items:flex-start;gap:0}.fic__airport{display:flex;flex-direction:column;align-items:flex-start;flex-shrink:0}.fic__airport--right{align-items:flex-end}.fic__airport-code{font-size:26px;font-weight:800;color:#1e2e4a;line-height:1}.fic__airport-time{font-size:13px;font-weight:600;color:#334155;margin-top:3px}.fic__airport-date{font-size:10.5px;color:#94a3b8;margin-top:1px}.fic__timeline{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px;margin:0 4px}.fic__tl-top{display:flex;align-items:flex-end;gap:0}.fic__tl-seg{flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:center;gap:1px}.fic__tl-flt{font-size:10px;font-weight:700;color:#1e2e4a;background:#f1f5f9;padding:1px 5px;border-radius:4px;white-space:nowrap}.fic__tl-dur{font-size:9.5px;color:#94a3b8;white-space:nowrap}.fic__tl-stop{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:1px;padding:0 6px}.fic__stop-head{display:inline-flex;align-items:center;gap:4px}.fic__tl-track{display:flex;align-items:center;height:22px}.fic__tl-line{flex:1;height:2px;background:#cbd5e1}.fic__tl-plane{font-size:13px;color:#475569;transform:rotate(45deg);flex-shrink:0;margin-left:-2px}.fic__stop-dot{width:7px;height:7px;border-radius:50%;background:#94a3b8;flex-shrink:0}.fic__stop-code{font-size:11px;font-weight:700;color:#334155}.fic__stop-dur{font-size:10.5px;font-weight:600;color:#f59e0b;white-space:nowrap}.fic__section{padding:14px 16px;border-bottom:1px solid #e2e8f0}.fic__section-label{display:flex;align-items:center;gap:5px;font-size:10.5px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:#64748b;margin-bottom:10px}.fic__section-label .pi{font-size:11px}.fic__section-count{margin-left:auto;background:#f1f5f9;color:#475569;font-size:10px;font-weight:700;padding:1px 6px;border-radius:10px}.fic__pax-list{display:flex;flex-direction:column;gap:8px}.fic__pax{background:#f8fafc;border-radius:8px;padding:8px 10px;display:flex;flex-direction:column;gap:5px}.fic__pax-top{display:flex;align-items:center;gap:7px}.fic__pax-badge{font-size:9.5px;font-weight:700;letter-spacing:.04em;padding:2px 7px;border-radius:10px;flex-shrink:0;text-transform:uppercase}.fic__pax-badge--adt{background:#dbeafe;color:#1d4ed8}.fic__pax-badge--cnn{background:#dcfce7;color:#15803d}.fic__pax-badge--inf{background:#fce7f3;color:#9d174d}.fic__pax-name{font-size:12.5px;font-weight:600;color:#1e2e4a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fic__pax-bottom{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.fic__pax-doc{display:inline-flex;align-items:center;gap:3px;font-size:11px;font-family:monospace;color:#475569;background:#f1f5f9;padding:1px 6px;border-radius:4px}.fic__pax-doc .pi{font-size:10px}.fic__pax-email{font-size:11px;color:#94a3b8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px}.fic__payment{padding:12px 16px;background:#f8fafc;display:flex;flex-direction:column;gap:4px}.fic__payment-main{display:flex;align-items:center;gap:8px}.fic__payment-icon{font-size:14px;color:#64748b}.fic__payment-amount{font-size:14px;font-weight:700;color:#1e2e4a}.fic__payment-status{display:flex;align-items:center;gap:4px;font-size:12px;font-weight:600;color:#64748b;margin-left:auto}.fic__payment-status .pi{font-size:12px}.fic__payment-status--ok{color:#16a34a}.fic__payment-sub{display:flex;align-items:center;gap:6px;font-size:11.5px;color:#94a3b8;padding-left:22px}.fic__dot{color:#cbd5e1}.fic__verified-bar{display:flex;align-items:center;padding:8px 12px;background:#f0fdf4;border-bottom:1px solid #bbf7d0}.fic__verified-pill{display:inline-flex;align-items:center;gap:5px;padding:3px 10px 3px 7px;background:#16a34a;color:#fff;font-size:11px;font-weight:700;border-radius:20px;letter-spacing:.02em}.fic__verified-pill .pi{font-size:12px}\n"], dependencies: [{ kind: "ngmodule", type: TagModule }, { kind: "pipe", type: LowerCasePipe, name: "lowercase" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SbdFlightItineraryCardComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-sbd-flight-itinerary-card', standalone: true, imports: [TagModule, UpperCasePipe, LowerCasePipe], template: "<div class=\"fic\">\n  @if (product() === 'flight') {\n\n    <!-- \u2500\u2500 Verified pill \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n    @if (verified()) {\n      <div class=\"fic__verified-bar\">\n        <span class=\"fic__verified-pill\">\n          <i class=\"pi pi-verified\"></i> Verified with Airlines\n        </span>\n      </div>\n    }\n\n    <!-- \u2500\u2500 Legs \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n    @for (leg of legs(); track leg.direction + $index; let li = $index) {\n      <div class=\"fic__leg\" [class.fic__leg--return]=\"leg.direction === 'Return'\">\n\n        <!-- Leg header -->\n        <div class=\"fic__leg-header\">\n          <div class=\"fic__leg-direction\">\n            <i class=\"pi\" [class.pi-arrow-right]=\"leg.direction !== 'Return'\" [class.pi-arrow-left]=\"leg.direction === 'Return'\"></i>\n            <span>{{ leg.direction }}</span>\n          </div>\n          <div class=\"fic__leg-chips\">\n            @if (leg.cabin) {\n              <span class=\"fic__chip fic__chip--cabin\">{{ leg.cabin }}</span>\n            }\n            @if (leg.fareBrand) {\n              <span class=\"fic__chip fic__chip--fare\">{{ leg.fareBrand }}</span>\n            }\n          </div>\n        </div>\n\n        <!-- Airline row -->\n        @if (leg.airlineName) {\n          <div class=\"fic__airline\">\n            <i class=\"pi pi-send\"></i>\n            <span>{{ leg.airlineName }}</span>\n          </div>\n        }\n\n        <!-- Route timeline -->\n        <div class=\"fic__route\">\n\n          <!-- Origin -->\n          <div class=\"fic__airport\">\n            <div class=\"fic__airport-code\">{{ leg.from }}</div>\n            <div class=\"fic__airport-time\">{{ fmtTime(leg.depTime) }}</div>\n            <div class=\"fic__airport-date\">{{ fmtShortDate(leg.depTime) }}</div>\n          </div>\n\n          <!-- Segments + stops -->\n          <div class=\"fic__timeline\">\n\n            <!-- Top row: all labels -->\n            <div class=\"fic__tl-top\">\n              @for (seg of leg.durationSegments; track seg.DepartureAirportCode; let si = $index) {\n                <div class=\"fic__tl-seg\">\n                  <span class=\"fic__tl-flt\">{{ leg.segments[si]?.AirlineCode }}{{ leg.segments[si]?.FlightNumber }}</span>\n                  <span class=\"fic__tl-dur\">{{ fmtMins(seg.SegmentElapsedTimeMinutes) }}</span>\n                </div>\n                @if (si < leg.stops.length) {\n                  <div class=\"fic__tl-stop\">\n                    <span class=\"fic__stop-dot\"></span>\n                    <span class=\"fic__stop-code\">{{ leg.stops[si].StopAirport }}</span>\n                    <span class=\"fic__stop-sep\">\u00B7</span>\n                    <span class=\"fic__stop-dur\">{{ fmtMins(leg.stops[si].LayoverDuration) }}</span>\n                  </div>\n                }\n              }\n            </div>\n\n            <!-- Bottom row: single continuous line + one arrow -->\n            <div class=\"fic__tl-track\">\n              <div class=\"fic__tl-line\"></div>\n              <i class=\"pi pi-send fic__tl-plane\"></i>\n            </div>\n\n          </div>\n\n          <!-- Destination -->\n          <div class=\"fic__airport fic__airport--right\">\n            <div class=\"fic__airport-code\">{{ leg.to }}</div>\n            <div class=\"fic__airport-time\">{{ fmtTime(leg.arrTime) }}</div>\n            <div class=\"fic__airport-date\">{{ fmtShortDate(leg.arrTime) }}</div>\n          </div>\n\n        </div>\n      </div>\n    }\n\n    <!-- \u2500\u2500 Passengers \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n    @if (passengers().length > 0) {\n      <div class=\"fic__section\">\n        <div class=\"fic__section-label\">\n          <i class=\"pi pi-users\"></i> Passengers\n          <span class=\"fic__section-count\">{{ passengers().length }}</span>\n        </div>\n        <div class=\"fic__pax-list\">\n          @for (p of passengers(); track p.passengerId) {\n            <div class=\"fic__pax\">\n              <div class=\"fic__pax-top\">\n                <span class=\"fic__pax-badge fic__pax-badge--{{ p.type | lowercase }}\">{{ typeLabel[p.type] ?? p.type }}</span>\n                <span class=\"fic__pax-name\">{{ p.name?.prefix }} {{ p.name?.givenName }} {{ p.name?.surName }}</span>\n              </div>\n              <div class=\"fic__pax-bottom\">\n                @if (p.identity?.number) {\n                  <span class=\"fic__pax-doc\"><i class=\"pi pi-id-card\"></i> {{ p.identity?.number }}</span>\n                }\n                @if (p.email) {\n                  <span class=\"fic__pax-email\">{{ p.email }}</span>\n                }\n              </div>\n            </div>\n          }\n        </div>\n      </div>\n    }\n\n    <!-- \u2500\u2500 Payment \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n    @if (payment()) {\n      <div class=\"fic__payment\">\n        <div class=\"fic__payment-main\">\n          <i class=\"pi pi-credit-card fic__payment-icon\"></i>\n          <span class=\"fic__payment-amount\">{{ payment()?.amount }} {{ payment()?.currency }}</span>\n          <span class=\"fic__payment-status\" [class.fic__payment-status--ok]=\"payment()?.status?.key === 'SUCCESS'\">\n            <i class=\"pi\" [class.pi-check-circle]=\"payment()?.status?.key === 'SUCCESS'\" [class.pi-clock]=\"payment()?.status?.key !== 'SUCCESS'\"></i>\n            {{ payment()?.status?.name }}\n          </span>\n        </div>\n        @if (payment()?.method || payment()?.date) {\n          <div class=\"fic__payment-sub\">\n            @if (payment()?.method) { <span>{{ payment()?.method }}</span> }\n            @if (payment()?.method && payment()?.date) { <span class=\"fic__dot\">\u00B7</span> }\n            @if (payment()?.date) { <span>{{ payment()?.date }}</span> }\n          </div>\n        }\n      </div>\n    }\n\n\n  }\n</div>\n", styles: [".fic{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;font-family:inherit}.fic__leg{padding:16px 16px 18px;border-bottom:1px solid #e2e8f0}.fic__leg--return{background:#fafbff}.fic__leg-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.fic__leg-direction{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#1e2e4a}.fic__leg-direction .pi{font-size:10px;color:#475569}.fic__leg-chips{display:flex;gap:5px}.fic__chip{font-size:10.5px;font-weight:600;padding:2px 8px;border-radius:12px;letter-spacing:.02em}.fic__chip--cabin{background:#eff6ff;color:#1d4ed8}.fic__chip--fare{background:#fef9c3;color:#854d0e}.fic__airline{display:flex;align-items:center;gap:5px;font-size:12px;color:#64748b;margin-bottom:14px}.fic__airline .pi{font-size:11px;color:#94a3b8;transform:rotate(45deg)}.fic__route{display:flex;align-items:flex-start;gap:0}.fic__airport{display:flex;flex-direction:column;align-items:flex-start;flex-shrink:0}.fic__airport--right{align-items:flex-end}.fic__airport-code{font-size:26px;font-weight:800;color:#1e2e4a;line-height:1}.fic__airport-time{font-size:13px;font-weight:600;color:#334155;margin-top:3px}.fic__airport-date{font-size:10.5px;color:#94a3b8;margin-top:1px}.fic__timeline{flex:1;display:flex;flex-direction:column;gap:4px;margin:0 4px}.fic__tl-top{display:flex;align-items:flex-end;gap:0}.fic__tl-seg{flex:1;display:flex;flex-direction:column;align-items:center;gap:1px}.fic__tl-flt{font-size:10px;font-weight:700;color:#1e2e4a;background:#f1f5f9;padding:1px 5px;border-radius:4px;white-space:nowrap}.fic__tl-dur{font-size:9.5px;color:#94a3b8;white-space:nowrap}.fic__tl-stop{flex-shrink:0;display:inline-flex;align-items:center;gap:4px;padding:0 8px 1px}.fic__tl-track{display:flex;align-items:center;height:22px}.fic__tl-line{flex:1;height:2px;background:#cbd5e1}.fic__tl-plane{font-size:13px;color:#475569;transform:rotate(45deg);flex-shrink:0;margin-left:-2px}.fic__stop-dot{width:7px;height:7px;border-radius:50%;background:#94a3b8;flex-shrink:0}.fic__stop-code{font-size:11px;font-weight:700;color:#334155}.fic__stop-sep{font-size:11px;color:#cbd5e1}.fic__stop-dur{font-size:11px;font-weight:600;color:#f59e0b}.fic__section{padding:14px 16px;border-bottom:1px solid #e2e8f0}.fic__section-label{display:flex;align-items:center;gap:5px;font-size:10.5px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:#64748b;margin-bottom:10px}.fic__section-label .pi{font-size:11px}.fic__section-count{margin-left:auto;background:#f1f5f9;color:#475569;font-size:10px;font-weight:700;padding:1px 6px;border-radius:10px}.fic__pax-list{display:flex;flex-direction:column;gap:8px}.fic__pax{background:#f8fafc;border-radius:8px;padding:8px 10px;display:flex;flex-direction:column;gap:5px}.fic__pax-top{display:flex;align-items:center;gap:7px}.fic__pax-badge{font-size:9.5px;font-weight:700;letter-spacing:.04em;padding:2px 7px;border-radius:10px;flex-shrink:0;text-transform:uppercase}.fic__pax-badge--adt{background:#dbeafe;color:#1d4ed8}.fic__pax-badge--cnn{background:#dcfce7;color:#15803d}.fic__pax-badge--inf{background:#fce7f3;color:#9d174d}.fic__pax-name{font-size:12.5px;font-weight:600;color:#1e2e4a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fic__pax-bottom{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.fic__pax-doc{display:inline-flex;align-items:center;gap:3px;font-size:11px;font-family:monospace;color:#475569;background:#f1f5f9;padding:1px 6px;border-radius:4px}.fic__pax-doc .pi{font-size:10px}.fic__pax-email{font-size:11px;color:#94a3b8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px}.fic__payment{padding:12px 16px;background:#f8fafc;display:flex;flex-direction:column;gap:4px}.fic__payment-main{display:flex;align-items:center;gap:8px}.fic__payment-icon{font-size:14px;color:#64748b}.fic__payment-amount{font-size:14px;font-weight:700;color:#1e2e4a}.fic__payment-status{display:flex;align-items:center;gap:4px;font-size:12px;font-weight:600;color:#64748b;margin-left:auto}.fic__payment-status .pi{font-size:12px}.fic__payment-status--ok{color:#16a34a}.fic__payment-sub{display:flex;align-items:center;gap:6px;font-size:11.5px;color:#94a3b8;padding-left:22px}.fic__dot{color:#cbd5e1}.fic__verified-bar{display:flex;align-items:center;padding:8px 12px;background:#f0fdf4;border-bottom:1px solid #bbf7d0}.fic__verified-pill{display:inline-flex;align-items:center;gap:5px;padding:3px 10px 3px 7px;background:#16a34a;color:#fff;font-size:11px;font-weight:700;border-radius:20px;letter-spacing:.02em}.fic__verified-pill .pi{font-size:12px}\n"] }]
+            args: [{ selector: 'app-sbd-flight-itinerary-card', standalone: true, imports: [TagModule, UpperCasePipe, LowerCasePipe], template: "<div class=\"fic\">\n  @if (product() === 'flight') {\n\n    <!-- \u2500\u2500 Verified pill \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n    @if (verified()) {\n      <div class=\"fic__verified-bar\">\n        <span class=\"fic__verified-pill\">\n          <i class=\"pi pi-verified\"></i> Verified with Airlines\n        </span>\n      </div>\n    }\n\n    <!-- \u2500\u2500 Legs \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n    @for (leg of legs(); track leg.direction + $index; let li = $index) {\n      <div class=\"fic__leg\" [class.fic__leg--return]=\"leg.direction === 'Return'\">\n\n        <!-- Leg header -->\n        <div class=\"fic__leg-header\">\n          <div class=\"fic__leg-direction\">\n            <i class=\"pi\" [class.pi-arrow-right]=\"leg.direction !== 'Return'\" [class.pi-arrow-left]=\"leg.direction === 'Return'\"></i>\n            <span>{{ leg.direction }}</span>\n          </div>\n          <div class=\"fic__leg-chips\">\n            @if (leg.cabin) {\n              <span class=\"fic__chip fic__chip--cabin\">{{ leg.cabin }}</span>\n            }\n            @if (leg.fareBrand) {\n              <span class=\"fic__chip fic__chip--fare\">{{ leg.fareBrand }}</span>\n            }\n          </div>\n        </div>\n\n        <!-- Airline row -->\n        @if (leg.airlineName) {\n          <div class=\"fic__airline\">\n            <i class=\"pi pi-send\"></i>\n            <span>{{ leg.airlineName }}</span>\n          </div>\n        }\n\n        <!-- Route timeline -->\n        <div class=\"fic__route\">\n\n          <!-- Origin -->\n          <div class=\"fic__airport\">\n            <div class=\"fic__airport-code\">{{ leg.from }}</div>\n            <div class=\"fic__airport-time\">{{ fmtTime(leg.depTime) }}</div>\n            <div class=\"fic__airport-date\">{{ fmtShortDate(leg.depTime) }}</div>\n          </div>\n\n          <!-- Segments + stops -->\n          <div class=\"fic__timeline\">\n\n            <!-- Top row: all labels -->\n            <div class=\"fic__tl-top\">\n              @for (seg of leg.durationSegments; track seg.DepartureAirportCode; let si = $index) {\n                <div class=\"fic__tl-seg\">\n                  <span class=\"fic__tl-flt\">{{ leg.segments[si]?.AirlineCode }}{{ leg.segments[si]?.FlightNumber }}</span>\n                  <span class=\"fic__tl-dur\">{{ fmtMins(seg.SegmentElapsedTimeMinutes) }}</span>\n                </div>\n                @if (si < leg.stops.length) {\n                  <div class=\"fic__tl-stop\">\n                    <span class=\"fic__stop-head\">\n                      <span class=\"fic__stop-dot\"></span>\n                      <span class=\"fic__stop-code\">{{ leg.stops[si].StopAirport }}</span>\n                    </span>\n                    <span class=\"fic__stop-dur\">{{ fmtMins(leg.stops[si].LayoverDuration) }}</span>\n                  </div>\n                }\n              }\n            </div>\n\n            <!-- Bottom row: single continuous line + one arrow -->\n            <div class=\"fic__tl-track\">\n              <div class=\"fic__tl-line\"></div>\n              <i class=\"pi pi-send fic__tl-plane\"></i>\n            </div>\n\n          </div>\n\n          <!-- Destination -->\n          <div class=\"fic__airport fic__airport--right\">\n            <div class=\"fic__airport-code\">{{ leg.to }}</div>\n            <div class=\"fic__airport-time\">{{ fmtTime(leg.arrTime) }}</div>\n            <div class=\"fic__airport-date\">{{ fmtShortDate(leg.arrTime) }}</div>\n          </div>\n\n        </div>\n      </div>\n    }\n\n    <!-- \u2500\u2500 Passengers \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n    @if (passengers().length > 0) {\n      <div class=\"fic__section\">\n        <div class=\"fic__section-label\">\n          <i class=\"pi pi-users\"></i> Passengers\n          <span class=\"fic__section-count\">{{ passengers().length }}</span>\n        </div>\n        <div class=\"fic__pax-list\">\n          @for (p of passengers(); track p.passengerId) {\n            <div class=\"fic__pax\">\n              <div class=\"fic__pax-top\">\n                <span class=\"fic__pax-badge fic__pax-badge--{{ p.type | lowercase }}\">{{ typeLabel[p.type] ?? p.type }}</span>\n                <span class=\"fic__pax-name\">{{ p.name?.prefix }} {{ p.name?.givenName }} {{ p.name?.surName }}</span>\n              </div>\n              <div class=\"fic__pax-bottom\">\n                @if (p.identity?.number) {\n                  <span class=\"fic__pax-doc\"><i class=\"pi pi-id-card\"></i> {{ p.identity?.number }}</span>\n                }\n                @if (p.email) {\n                  <span class=\"fic__pax-email\">{{ p.email }}</span>\n                }\n              </div>\n            </div>\n          }\n        </div>\n      </div>\n    }\n\n    <!-- \u2500\u2500 Payment \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n    @if (payment()) {\n      <div class=\"fic__payment\">\n        <div class=\"fic__payment-main\">\n          <i class=\"pi pi-credit-card fic__payment-icon\"></i>\n          <span class=\"fic__payment-amount\">{{ payment()?.amount }} {{ payment()?.currency }}</span>\n          <span class=\"fic__payment-status\" [class.fic__payment-status--ok]=\"payment()?.status?.key === 'SUCCESS'\">\n            <i class=\"pi\" [class.pi-check-circle]=\"payment()?.status?.key === 'SUCCESS'\" [class.pi-clock]=\"payment()?.status?.key !== 'SUCCESS'\"></i>\n            {{ payment()?.status?.name }}\n          </span>\n        </div>\n        @if (payment()?.method || payment()?.date) {\n          <div class=\"fic__payment-sub\">\n            @if (payment()?.method) { <span>{{ payment()?.method }}</span> }\n            @if (payment()?.method && payment()?.date) { <span class=\"fic__dot\">\u00B7</span> }\n            @if (payment()?.date) { <span>{{ payment()?.date }}</span> }\n          </div>\n        }\n      </div>\n    }\n\n\n  }\n</div>\n", styles: [".fic{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;font-family:inherit}.fic__leg{padding:16px 16px 18px;border-bottom:1px solid #e2e8f0}.fic__leg--return{background:#fafbff}.fic__leg-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.fic__leg-direction{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#1e2e4a}.fic__leg-direction .pi{font-size:10px;color:#475569}.fic__leg-chips{display:flex;gap:5px}.fic__chip{font-size:10.5px;font-weight:600;padding:2px 8px;border-radius:12px;letter-spacing:.02em}.fic__chip--cabin{background:#eff6ff;color:#1d4ed8}.fic__chip--fare{background:#fef9c3;color:#854d0e}.fic__airline{display:flex;align-items:center;gap:5px;font-size:12px;color:#64748b;margin-bottom:14px}.fic__airline .pi{font-size:11px;color:#94a3b8;transform:rotate(45deg)}.fic__route{display:flex;align-items:flex-start;gap:0}.fic__airport{display:flex;flex-direction:column;align-items:flex-start;flex-shrink:0}.fic__airport--right{align-items:flex-end}.fic__airport-code{font-size:26px;font-weight:800;color:#1e2e4a;line-height:1}.fic__airport-time{font-size:13px;font-weight:600;color:#334155;margin-top:3px}.fic__airport-date{font-size:10.5px;color:#94a3b8;margin-top:1px}.fic__timeline{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px;margin:0 4px}.fic__tl-top{display:flex;align-items:flex-end;gap:0}.fic__tl-seg{flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:center;gap:1px}.fic__tl-flt{font-size:10px;font-weight:700;color:#1e2e4a;background:#f1f5f9;padding:1px 5px;border-radius:4px;white-space:nowrap}.fic__tl-dur{font-size:9.5px;color:#94a3b8;white-space:nowrap}.fic__tl-stop{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:1px;padding:0 6px}.fic__stop-head{display:inline-flex;align-items:center;gap:4px}.fic__tl-track{display:flex;align-items:center;height:22px}.fic__tl-line{flex:1;height:2px;background:#cbd5e1}.fic__tl-plane{font-size:13px;color:#475569;transform:rotate(45deg);flex-shrink:0;margin-left:-2px}.fic__stop-dot{width:7px;height:7px;border-radius:50%;background:#94a3b8;flex-shrink:0}.fic__stop-code{font-size:11px;font-weight:700;color:#334155}.fic__stop-dur{font-size:10.5px;font-weight:600;color:#f59e0b;white-space:nowrap}.fic__section{padding:14px 16px;border-bottom:1px solid #e2e8f0}.fic__section-label{display:flex;align-items:center;gap:5px;font-size:10.5px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:#64748b;margin-bottom:10px}.fic__section-label .pi{font-size:11px}.fic__section-count{margin-left:auto;background:#f1f5f9;color:#475569;font-size:10px;font-weight:700;padding:1px 6px;border-radius:10px}.fic__pax-list{display:flex;flex-direction:column;gap:8px}.fic__pax{background:#f8fafc;border-radius:8px;padding:8px 10px;display:flex;flex-direction:column;gap:5px}.fic__pax-top{display:flex;align-items:center;gap:7px}.fic__pax-badge{font-size:9.5px;font-weight:700;letter-spacing:.04em;padding:2px 7px;border-radius:10px;flex-shrink:0;text-transform:uppercase}.fic__pax-badge--adt{background:#dbeafe;color:#1d4ed8}.fic__pax-badge--cnn{background:#dcfce7;color:#15803d}.fic__pax-badge--inf{background:#fce7f3;color:#9d174d}.fic__pax-name{font-size:12.5px;font-weight:600;color:#1e2e4a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fic__pax-bottom{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.fic__pax-doc{display:inline-flex;align-items:center;gap:3px;font-size:11px;font-family:monospace;color:#475569;background:#f1f5f9;padding:1px 6px;border-radius:4px}.fic__pax-doc .pi{font-size:10px}.fic__pax-email{font-size:11px;color:#94a3b8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px}.fic__payment{padding:12px 16px;background:#f8fafc;display:flex;flex-direction:column;gap:4px}.fic__payment-main{display:flex;align-items:center;gap:8px}.fic__payment-icon{font-size:14px;color:#64748b}.fic__payment-amount{font-size:14px;font-weight:700;color:#1e2e4a}.fic__payment-status{display:flex;align-items:center;gap:4px;font-size:12px;font-weight:600;color:#64748b;margin-left:auto}.fic__payment-status .pi{font-size:12px}.fic__payment-status--ok{color:#16a34a}.fic__payment-sub{display:flex;align-items:center;gap:6px;font-size:11.5px;color:#94a3b8;padding-left:22px}.fic__dot{color:#cbd5e1}.fic__verified-bar{display:flex;align-items:center;padding:8px 12px;background:#f0fdf4;border-bottom:1px solid #bbf7d0}.fic__verified-pill{display:inline-flex;align-items:center;gap:5px;padding:3px 10px 3px 7px;background:#16a34a;color:#fff;font-size:11px;font-weight:700;border-radius:20px;letter-spacing:.02em}.fic__verified-pill .pi{font-size:12px}\n"] }]
         }] });
 class SbdHotelItineraryCardComponent {
@@ -6592,7 +6655,7 @@ const POST_BOOKING_PARAMS = { entrySource: 'navigation bar', device: 'web' };
  */
 class SbdReissueService {
     constructor() {
-        this.http = inject(HttpClient);
+        this.http = inject(SBD_HTTP);
         this.config = inject(SBD_CONFIG);
         this.base = this.config.apiBase;
     }
@@ -7427,11 +7490,11 @@ class SbdReissueNoticeComponent {
         this.tone = input('info');
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SbdReissueNoticeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.14", type: SbdReissueNoticeComponent, isStandalone: true, selector: "app-sbd-reissue-notice", inputs: { icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, tone: { classPropertyName: "tone", publicName: "tone", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "\"sbd-notice sbd-notice--\" + tone()" } }, ngImport: i0, template: `<i [class]="icon()"></i><span class="sbd-notice__text"><ng-content /></span><ng-content select="[action]" />`, isInline: true, styles: [":host{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border-radius:12px;font-size:13px;line-height:1.5}:host i{flex-shrink:0;margin-top:1px}:host .sbd-notice__text{flex:1}:host(.sbd-notice--info){background:#eaf2ff;border:1px solid #b9d6ff;color:#1a5fd6}:host(.sbd-notice--warn){background:#fdf3e3;border:1px solid #f3d9a4;color:#8a5a1e}:host(.sbd-notice--warn) i{color:#b98a3e}:host(.sbd-notice--error){background:#fef2f2;border:1px solid #fecaca;color:#b91c1c}:host(.sbd-notice--success){background:#f0fdf4;border:1px solid #bbf7d0;color:#166534}:host(.sbd-notice--muted){align-items:center;color:#64748b}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.14", type: SbdReissueNoticeComponent, isStandalone: true, selector: "app-sbd-reissue-notice", inputs: { icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, tone: { classPropertyName: "tone", publicName: "tone", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "\"sbd-notice sbd-notice--\" + tone()" } }, ngImport: i0, template: `<i [class]="icon()"></i><span class="sbd-notice__text"><ng-content /></span><ng-content select="[action]" />`, isInline: true, styles: [":host{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border-radius:12px;font-size:13px;line-height:1.5}:host i{flex-shrink:0;margin-top:1px}:host .sbd-notice__text{flex:1}:host(.sbd-notice--info){background:var(--sbd-r-info-bg, #eaf2ff);border:1px solid var(--sbd-r-info-line, #b9d6ff);color:var(--sbd-r-info-text, #1a5fd6)}:host(.sbd-notice--warn){background:var(--sbd-r-warn-bg, #fdf3e3);border:1px solid var(--sbd-r-warn-line, #f3d9a4);color:var(--sbd-r-warn-text, #8a5a1e)}:host(.sbd-notice--warn) i{color:var(--sbd-r-warn-icon, #b98a3e)}:host(.sbd-notice--error){background:var(--sbd-r-error-bg, #fef2f2);border:1px solid var(--sbd-r-error-line, #fecaca);color:var(--sbd-r-error-text, #b91c1c)}:host(.sbd-notice--success){background:var(--sbd-r-success-bg, #f0fdf4);border:1px solid var(--sbd-r-success-line, #bbf7d0);color:var(--sbd-r-success-text, #166534)}:host(.sbd-notice--muted){align-items:center;color:var(--sbd-r-muted, #64748b)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SbdReissueNoticeComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-sbd-reissue-notice', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, host: { '[class]': '"sbd-notice sbd-notice--" + tone()' }, template: `<i [class]="icon()"></i><span class="sbd-notice__text"><ng-content /></span><ng-content select="[action]" />`, styles: [":host{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border-radius:12px;font-size:13px;line-height:1.5}:host i{flex-shrink:0;margin-top:1px}:host .sbd-notice__text{flex:1}:host(.sbd-notice--info){background:#eaf2ff;border:1px solid #b9d6ff;color:#1a5fd6}:host(.sbd-notice--warn){background:#fdf3e3;border:1px solid #f3d9a4;color:#8a5a1e}:host(.sbd-notice--warn) i{color:#b98a3e}:host(.sbd-notice--error){background:#fef2f2;border:1px solid #fecaca;color:#b91c1c}:host(.sbd-notice--success){background:#f0fdf4;border:1px solid #bbf7d0;color:#166534}:host(.sbd-notice--muted){align-items:center;color:#64748b}\n"] }]
+            args: [{ selector: 'app-sbd-reissue-notice', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, host: { '[class]': '"sbd-notice sbd-notice--" + tone()' }, template: `<i [class]="icon()"></i><span class="sbd-notice__text"><ng-content /></span><ng-content select="[action]" />`, styles: [":host{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border-radius:12px;font-size:13px;line-height:1.5}:host i{flex-shrink:0;margin-top:1px}:host .sbd-notice__text{flex:1}:host(.sbd-notice--info){background:var(--sbd-r-info-bg, #eaf2ff);border:1px solid var(--sbd-r-info-line, #b9d6ff);color:var(--sbd-r-info-text, #1a5fd6)}:host(.sbd-notice--warn){background:var(--sbd-r-warn-bg, #fdf3e3);border:1px solid var(--sbd-r-warn-line, #f3d9a4);color:var(--sbd-r-warn-text, #8a5a1e)}:host(.sbd-notice--warn) i{color:var(--sbd-r-warn-icon, #b98a3e)}:host(.sbd-notice--error){background:var(--sbd-r-error-bg, #fef2f2);border:1px solid var(--sbd-r-error-line, #fecaca);color:var(--sbd-r-error-text, #b91c1c)}:host(.sbd-notice--success){background:var(--sbd-r-success-bg, #f0fdf4);border:1px solid var(--sbd-r-success-line, #bbf7d0);color:var(--sbd-r-success-text, #166534)}:host(.sbd-notice--muted){align-items:center;color:var(--sbd-r-muted, #64748b)}\n"] }]
         }] });
 /** New-class options as radio cards, in the look of the cancel dialog's refund-method options. */
@@ -7466,7 +7529,6 @@ class SbdReissueUpgradeStepComponent {
             <span class="sbd-rup__radio" [class.sbd-rup__radio--on]="option.selected"></span>
             <span class="sbd-rup__text">
               <strong>{{ option.name }}</strong>
-              <small>{{ option.code }}</small>
             </span>
             @if (option.unavailable) {
               <span class="sbd-rup__unavailable">Not available</span>
@@ -7477,7 +7539,7 @@ class SbdReissueUpgradeStepComponent {
         }
       </section>
     }
-  `, isInline: true, styles: [":host{display:flex;flex-direction:column;gap:14px}.sbd-rup__section{display:flex;flex-direction:column;gap:10px}.sbd-rup__head{display:flex;flex-direction:column;gap:2px}.sbd-rup__route{font-size:15px;font-weight:700;color:#1e2e4a}.sbd-rup__current,.sbd-rup__empty{font-size:13px;color:#64748b}.sbd-rup__option{border:1.5px solid #e2e8f0;border-radius:16px;background:#fff;transition:border-color .15s,box-shadow .15s;display:flex;align-items:center;gap:12px;width:100%;padding:16px;text-align:left;font-family:inherit;cursor:pointer}.sbd-rup__option--active{border-color:var(--sbd-accent, #6d4aff);box-shadow:0 0 0 1px var(--sbd-accent, #6d4aff)}.sbd-rup__option:disabled{opacity:.5;cursor:not-allowed}.sbd-rup__option:hover:not(:disabled):not(.sbd-rup__option--active){border-color:#cbd5e1}.sbd-rup__radio{flex-shrink:0;width:20px;height:20px;border-radius:50%;border:2px solid #cbd5e1;background:#fff}.sbd-rup__radio--on{border-color:var(--sbd-accent, #6d4aff);box-shadow:inset 0 0 0 4px #fff;background:var(--sbd-accent, #6d4aff)}.sbd-rup__text{flex:1;display:flex;flex-direction:column;gap:2px}.sbd-rup__text strong{font-size:14px;font-weight:700;color:#1e2e4a}.sbd-rup__text small{font-size:12.5px;color:#64748b}.sbd-rup__price{font-size:14px;font-weight:800;color:#1e2e4a;white-space:nowrap;font-variant-numeric:tabular-nums}.sbd-rup__unavailable{font-size:11.5px;font-weight:700;letter-spacing:.03em;text-transform:uppercase;color:#64748b;background:#f8fafc;box-shadow:inset 0 0 0 1px #e2e8f0;border-radius:20px;padding:3px 12px;white-space:nowrap}\n"], dependencies: [{ kind: "component", type: SbdReissueNoticeComponent, selector: "app-sbd-reissue-notice", inputs: ["icon", "tone"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, styles: [":host{display:flex;flex-direction:column;gap:14px}.sbd-rup__section{display:flex;flex-direction:column;gap:10px}.sbd-rup__head{display:flex;flex-direction:column;gap:2px}.sbd-rup__route{font-size:15px;font-weight:700;color:var(--sbd-r-ink, #1e2e4a)}.sbd-rup__current,.sbd-rup__empty{font-size:13px;color:var(--sbd-r-muted, #64748b)}.sbd-rup__option{border:1.5px solid var(--sbd-r-line, #e2e8f0);border-radius:16px;background:var(--sbd-r-surface, #fff);transition:border-color .15s,box-shadow .15s;display:flex;align-items:center;gap:12px;width:100%;padding:16px;text-align:left;font-family:inherit;cursor:pointer}.sbd-rup__option--active{border-color:var(--sbd-accent, #6d4aff);box-shadow:0 0 0 1px var(--sbd-accent, #6d4aff)}.sbd-rup__option:disabled{opacity:.5;cursor:not-allowed}.sbd-rup__option:hover:not(:disabled):not(.sbd-rup__option--active){border-color:var(--sbd-r-line-strong, #cbd5e1)}.sbd-rup__radio{flex-shrink:0;width:20px;height:20px;border-radius:50%;border:2px solid var(--sbd-r-line-strong, #cbd5e1);background:var(--sbd-r-surface, #fff)}.sbd-rup__radio--on{border-color:var(--sbd-accent, #6d4aff);box-shadow:inset 0 0 0 4px var(--sbd-r-surface, #fff);background:var(--sbd-accent, #6d4aff)}.sbd-rup__text{flex:1;display:flex;flex-direction:column;gap:2px}.sbd-rup__text strong{font-size:14px;font-weight:700;color:var(--sbd-r-ink, #1e2e4a)}.sbd-rup__text small{font-size:12.5px;color:var(--sbd-r-muted, #64748b)}.sbd-rup__price{font-size:14px;font-weight:800;color:var(--sbd-r-ink, #1e2e4a);white-space:nowrap;font-variant-numeric:tabular-nums}.sbd-rup__unavailable{font-size:11.5px;font-weight:700;letter-spacing:.03em;text-transform:uppercase;color:var(--sbd-r-muted, #64748b);background:var(--sbd-r-soft, #f8fafc);box-shadow:inset 0 0 0 1px var(--sbd-r-line, #e2e8f0);border-radius:20px;padding:3px 12px;white-space:nowrap}\n"], dependencies: [{ kind: "component", type: SbdReissueNoticeComponent, selector: "app-sbd-reissue-notice", inputs: ["icon", "tone"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SbdReissueUpgradeStepComponent, decorators: [{
             type: Component,
@@ -7505,7 +7567,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
             <span class="sbd-rup__radio" [class.sbd-rup__radio--on]="option.selected"></span>
             <span class="sbd-rup__text">
               <strong>{{ option.name }}</strong>
-              <small>{{ option.code }}</small>
             </span>
             @if (option.unavailable) {
               <span class="sbd-rup__unavailable">Not available</span>
@@ -7516,7 +7577,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
         }
       </section>
     }
-  `, host: { class: 'sbd-rup' }, styles: [":host{display:flex;flex-direction:column;gap:14px}.sbd-rup__section{display:flex;flex-direction:column;gap:10px}.sbd-rup__head{display:flex;flex-direction:column;gap:2px}.sbd-rup__route{font-size:15px;font-weight:700;color:#1e2e4a}.sbd-rup__current,.sbd-rup__empty{font-size:13px;color:#64748b}.sbd-rup__option{border:1.5px solid #e2e8f0;border-radius:16px;background:#fff;transition:border-color .15s,box-shadow .15s;display:flex;align-items:center;gap:12px;width:100%;padding:16px;text-align:left;font-family:inherit;cursor:pointer}.sbd-rup__option--active{border-color:var(--sbd-accent, #6d4aff);box-shadow:0 0 0 1px var(--sbd-accent, #6d4aff)}.sbd-rup__option:disabled{opacity:.5;cursor:not-allowed}.sbd-rup__option:hover:not(:disabled):not(.sbd-rup__option--active){border-color:#cbd5e1}.sbd-rup__radio{flex-shrink:0;width:20px;height:20px;border-radius:50%;border:2px solid #cbd5e1;background:#fff}.sbd-rup__radio--on{border-color:var(--sbd-accent, #6d4aff);box-shadow:inset 0 0 0 4px #fff;background:var(--sbd-accent, #6d4aff)}.sbd-rup__text{flex:1;display:flex;flex-direction:column;gap:2px}.sbd-rup__text strong{font-size:14px;font-weight:700;color:#1e2e4a}.sbd-rup__text small{font-size:12.5px;color:#64748b}.sbd-rup__price{font-size:14px;font-weight:800;color:#1e2e4a;white-space:nowrap;font-variant-numeric:tabular-nums}.sbd-rup__unavailable{font-size:11.5px;font-weight:700;letter-spacing:.03em;text-transform:uppercase;color:#64748b;background:#f8fafc;box-shadow:inset 0 0 0 1px #e2e8f0;border-radius:20px;padding:3px 12px;white-space:nowrap}\n"] }]
+  `, host: { class: 'sbd-rup' }, styles: [":host{display:flex;flex-direction:column;gap:14px}.sbd-rup__section{display:flex;flex-direction:column;gap:10px}.sbd-rup__head{display:flex;flex-direction:column;gap:2px}.sbd-rup__route{font-size:15px;font-weight:700;color:var(--sbd-r-ink, #1e2e4a)}.sbd-rup__current,.sbd-rup__empty{font-size:13px;color:var(--sbd-r-muted, #64748b)}.sbd-rup__option{border:1.5px solid var(--sbd-r-line, #e2e8f0);border-radius:16px;background:var(--sbd-r-surface, #fff);transition:border-color .15s,box-shadow .15s;display:flex;align-items:center;gap:12px;width:100%;padding:16px;text-align:left;font-family:inherit;cursor:pointer}.sbd-rup__option--active{border-color:var(--sbd-accent, #6d4aff);box-shadow:0 0 0 1px var(--sbd-accent, #6d4aff)}.sbd-rup__option:disabled{opacity:.5;cursor:not-allowed}.sbd-rup__option:hover:not(:disabled):not(.sbd-rup__option--active){border-color:var(--sbd-r-line-strong, #cbd5e1)}.sbd-rup__radio{flex-shrink:0;width:20px;height:20px;border-radius:50%;border:2px solid var(--sbd-r-line-strong, #cbd5e1);background:var(--sbd-r-surface, #fff)}.sbd-rup__radio--on{border-color:var(--sbd-accent, #6d4aff);box-shadow:inset 0 0 0 4px var(--sbd-r-surface, #fff);background:var(--sbd-accent, #6d4aff)}.sbd-rup__text{flex:1;display:flex;flex-direction:column;gap:2px}.sbd-rup__text strong{font-size:14px;font-weight:700;color:var(--sbd-r-ink, #1e2e4a)}.sbd-rup__text small{font-size:12.5px;color:var(--sbd-r-muted, #64748b)}.sbd-rup__price{font-size:14px;font-weight:800;color:var(--sbd-r-ink, #1e2e4a);white-space:nowrap;font-variant-numeric:tabular-nums}.sbd-rup__unavailable{font-size:11.5px;font-weight:700;letter-spacing:.03em;text-transform:uppercase;color:var(--sbd-r-muted, #64748b);background:var(--sbd-r-soft, #f8fafc);box-shadow:inset 0 0 0 1px var(--sbd-r-line, #e2e8f0);border-radius:20px;padding:3px 12px;white-space:nowrap}\n"] }]
         }] });
 class SbdReissueUpgradeConfirmStepComponent {
@@ -7631,7 +7692,7 @@ class SbdReissueUpgradeConfirmStepComponent {
           : 'Nothing to pay: confirming places the upgrade straight away.' }}
       </app-sbd-reissue-notice>
     }
-  `, isInline: true, styles: [":host{display:flex;flex-direction:column;gap:14px}.sbd-rconf__summary{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:14px 16px;display:flex;flex-direction:column;gap:12px}.sbd-rconf__row{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:13.5px}.sbd-rconf__row strong{font-size:14px;font-weight:800;color:#1e2e4a;font-variant-numeric:tabular-nums;white-space:nowrap}.sbd-rconf__row-main{display:flex;flex-direction:column;gap:2px;min-width:0}.sbd-rconf__row-main b{font-weight:700;color:#1e2e4a}.sbd-rconf__row-main small{font-size:12.5px;color:#64748b}.sbd-rconf__total{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #e2e8f0;padding-top:12px}.sbd-rconf__total span{font-size:14.5px;font-weight:700;color:#1e2e4a}.sbd-rconf__total strong{font-size:17px;font-weight:800;color:#1e2e4a;font-variant-numeric:tabular-nums}.sbd-rconf__link{border:1.5px solid #e2e8f0;border-radius:16px;background:#fff;transition:border-color .15s,box-shadow .15s;padding:16px;display:flex;flex-direction:column;gap:10px}.sbd-rconf__link-head{display:flex;justify-content:space-between;align-items:center;font-size:14px;color:#1e2e4a}.sbd-rconf__link-head small{color:#94a3b8;font-size:12.5px}.sbd-rconf__link-row{display:flex;gap:8px}.sbd-rconf__link-input{height:40px;padding:0 12px;border:1.5px solid #e2e8f0;border-radius:10px;background:#fff;font-size:13px;font-family:inherit;color:#1e2e4a}.sbd-rconf__link-input:focus{outline:none;border-color:var(--sbd-accent, #6d4aff)}.sbd-rconf__link-input{flex:1;min-width:0;height:36px;font-size:12px;color:#334155}.sbd-rconf__expiry{color:#94a3b8;font-size:12.5px;font-variant-numeric:tabular-nums}.sbd-rconf__expiry--soon{color:#b45309;font-weight:600}\n"], dependencies: [{ kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i2$1.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading"] }, { kind: "component", type: SbdReissueNoticeComponent, selector: "app-sbd-reissue-notice", inputs: ["icon", "tone"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, styles: [":host{display:flex;flex-direction:column;gap:14px}.sbd-rconf__summary{background:var(--sbd-r-soft, #f8fafc);border:1px solid var(--sbd-r-line, #e2e8f0);border-radius:12px;padding:14px 16px;display:flex;flex-direction:column;gap:12px}.sbd-rconf__row{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:13.5px}.sbd-rconf__row strong{font-size:14px;font-weight:800;color:var(--sbd-r-ink, #1e2e4a);font-variant-numeric:tabular-nums;white-space:nowrap}.sbd-rconf__row-main{display:flex;flex-direction:column;gap:2px;min-width:0}.sbd-rconf__row-main b{font-weight:700;color:var(--sbd-r-ink, #1e2e4a)}.sbd-rconf__row-main small{font-size:12.5px;color:var(--sbd-r-muted, #64748b)}.sbd-rconf__total{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--sbd-r-line, #e2e8f0);padding-top:12px}.sbd-rconf__total span{font-size:14.5px;font-weight:700;color:var(--sbd-r-ink, #1e2e4a)}.sbd-rconf__total strong{font-size:17px;font-weight:800;color:var(--sbd-r-ink, #1e2e4a);font-variant-numeric:tabular-nums}.sbd-rconf__link{border:1.5px solid var(--sbd-r-line, #e2e8f0);border-radius:16px;background:var(--sbd-r-surface, #fff);transition:border-color .15s,box-shadow .15s;padding:16px;display:flex;flex-direction:column;gap:10px}.sbd-rconf__link-head{display:flex;justify-content:space-between;align-items:center;font-size:14px;color:var(--sbd-r-ink, #1e2e4a)}.sbd-rconf__link-head small{color:var(--sbd-r-faint, #94a3b8);font-size:12.5px}.sbd-rconf__link-row{display:flex;gap:8px}.sbd-rconf__link-input{height:40px;padding:0 12px;border:1.5px solid var(--sbd-r-line, #e2e8f0);border-radius:10px;background:var(--sbd-r-surface, #fff);font-size:13px;font-family:inherit;color:var(--sbd-r-ink, #1e2e4a);color-scheme:inherit}.sbd-rconf__link-input:focus{outline:none;border-color:var(--sbd-accent, #6d4aff)}.sbd-rconf__link-input{flex:1;min-width:0;height:36px;font-size:12px;color:var(--sbd-r-input-text, #334155)}.sbd-rconf__expiry{color:var(--sbd-r-faint, #94a3b8);font-size:12.5px;font-variant-numeric:tabular-nums}.sbd-rconf__expiry--soon{color:var(--sbd-r-expiry-soon, #b45309);font-weight:600}\n"], dependencies: [{ kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i2$1.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading"] }, { kind: "component", type: SbdReissueNoticeComponent, selector: "app-sbd-reissue-notice", inputs: ["icon", "tone"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SbdReissueUpgradeConfirmStepComponent, decorators: [{
             type: Component,
@@ -7703,7 +7764,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
           : 'Nothing to pay: confirming places the upgrade straight away.' }}
       </app-sbd-reissue-notice>
     }
-  `, host: { class: 'sbd-rconf' }, styles: [":host{display:flex;flex-direction:column;gap:14px}.sbd-rconf__summary{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:14px 16px;display:flex;flex-direction:column;gap:12px}.sbd-rconf__row{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:13.5px}.sbd-rconf__row strong{font-size:14px;font-weight:800;color:#1e2e4a;font-variant-numeric:tabular-nums;white-space:nowrap}.sbd-rconf__row-main{display:flex;flex-direction:column;gap:2px;min-width:0}.sbd-rconf__row-main b{font-weight:700;color:#1e2e4a}.sbd-rconf__row-main small{font-size:12.5px;color:#64748b}.sbd-rconf__total{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #e2e8f0;padding-top:12px}.sbd-rconf__total span{font-size:14.5px;font-weight:700;color:#1e2e4a}.sbd-rconf__total strong{font-size:17px;font-weight:800;color:#1e2e4a;font-variant-numeric:tabular-nums}.sbd-rconf__link{border:1.5px solid #e2e8f0;border-radius:16px;background:#fff;transition:border-color .15s,box-shadow .15s;padding:16px;display:flex;flex-direction:column;gap:10px}.sbd-rconf__link-head{display:flex;justify-content:space-between;align-items:center;font-size:14px;color:#1e2e4a}.sbd-rconf__link-head small{color:#94a3b8;font-size:12.5px}.sbd-rconf__link-row{display:flex;gap:8px}.sbd-rconf__link-input{height:40px;padding:0 12px;border:1.5px solid #e2e8f0;border-radius:10px;background:#fff;font-size:13px;font-family:inherit;color:#1e2e4a}.sbd-rconf__link-input:focus{outline:none;border-color:var(--sbd-accent, #6d4aff)}.sbd-rconf__link-input{flex:1;min-width:0;height:36px;font-size:12px;color:#334155}.sbd-rconf__expiry{color:#94a3b8;font-size:12.5px;font-variant-numeric:tabular-nums}.sbd-rconf__expiry--soon{color:#b45309;font-weight:600}\n"] }]
+  `, host: { class: 'sbd-rconf' }, styles: [":host{display:flex;flex-direction:column;gap:14px}.sbd-rconf__summary{background:var(--sbd-r-soft, #f8fafc);border:1px solid var(--sbd-r-line, #e2e8f0);border-radius:12px;padding:14px 16px;display:flex;flex-direction:column;gap:12px}.sbd-rconf__row{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:13.5px}.sbd-rconf__row strong{font-size:14px;font-weight:800;color:var(--sbd-r-ink, #1e2e4a);font-variant-numeric:tabular-nums;white-space:nowrap}.sbd-rconf__row-main{display:flex;flex-direction:column;gap:2px;min-width:0}.sbd-rconf__row-main b{font-weight:700;color:var(--sbd-r-ink, #1e2e4a)}.sbd-rconf__row-main small{font-size:12.5px;color:var(--sbd-r-muted, #64748b)}.sbd-rconf__total{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--sbd-r-line, #e2e8f0);padding-top:12px}.sbd-rconf__total span{font-size:14.5px;font-weight:700;color:var(--sbd-r-ink, #1e2e4a)}.sbd-rconf__total strong{font-size:17px;font-weight:800;color:var(--sbd-r-ink, #1e2e4a);font-variant-numeric:tabular-nums}.sbd-rconf__link{border:1.5px solid var(--sbd-r-line, #e2e8f0);border-radius:16px;background:var(--sbd-r-surface, #fff);transition:border-color .15s,box-shadow .15s;padding:16px;display:flex;flex-direction:column;gap:10px}.sbd-rconf__link-head{display:flex;justify-content:space-between;align-items:center;font-size:14px;color:var(--sbd-r-ink, #1e2e4a)}.sbd-rconf__link-head small{color:var(--sbd-r-faint, #94a3b8);font-size:12.5px}.sbd-rconf__link-row{display:flex;gap:8px}.sbd-rconf__link-input{height:40px;padding:0 12px;border:1.5px solid var(--sbd-r-line, #e2e8f0);border-radius:10px;background:var(--sbd-r-surface, #fff);font-size:13px;font-family:inherit;color:var(--sbd-r-ink, #1e2e4a);color-scheme:inherit}.sbd-rconf__link-input:focus{outline:none;border-color:var(--sbd-accent, #6d4aff)}.sbd-rconf__link-input{flex:1;min-width:0;height:36px;font-size:12px;color:var(--sbd-r-input-text, #334155)}.sbd-rconf__expiry{color:var(--sbd-r-faint, #94a3b8);font-size:12.5px;font-variant-numeric:tabular-nums}.sbd-rconf__expiry--soon{color:var(--sbd-r-expiry-soon, #b45309);font-weight:600}\n"] }]
         }], ctorParameters: () => [] });
 const OPTIONS = [
@@ -7730,7 +7791,7 @@ class SbdReissueServiceStepComponent {
         <i class="pi pi-chevron-right sbd-rsvc__arrow"></i>
       </button>
     }
-  `, isInline: true, styles: [":host{display:flex;flex-direction:column;gap:12px}.sbd-rsvc__option{border:1.5px solid #e2e8f0;border-radius:16px;background:#fff;transition:border-color .15s,box-shadow .15s;display:flex;align-items:center;gap:12px;width:100%;padding:16px;text-align:left;font-family:inherit;cursor:pointer}.sbd-rsvc__option:hover{border-color:var(--sbd-accent, #6d4aff)}.sbd-rsvc__icon{flex-shrink:0;width:44px;height:44px;border-radius:10px;border:1px solid #e2e8f0;color:#1e2e4a;display:flex;align-items:center;justify-content:center}.sbd-rsvc__icon .pi{font-size:16px}.sbd-rsvc__text{flex:1;display:flex;flex-direction:column;gap:2px}.sbd-rsvc__text strong{font-size:15px;font-weight:700;color:#1e2e4a}.sbd-rsvc__text small{font-size:12.5px;color:#64748b}.sbd-rsvc__arrow{color:#94a3b8;font-size:12px}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, styles: [":host{display:flex;flex-direction:column;gap:12px}.sbd-rsvc__option{border:1.5px solid var(--sbd-r-line, #e2e8f0);border-radius:16px;background:var(--sbd-r-surface, #fff);transition:border-color .15s,box-shadow .15s;display:flex;align-items:center;gap:12px;width:100%;padding:16px;text-align:left;font-family:inherit;cursor:pointer}.sbd-rsvc__option:hover{border-color:var(--sbd-accent, #6d4aff)}.sbd-rsvc__icon{flex-shrink:0;width:44px;height:44px;border-radius:10px;border:1px solid var(--sbd-r-line, #e2e8f0);color:var(--sbd-r-ink, #1e2e4a);display:flex;align-items:center;justify-content:center}.sbd-rsvc__icon .pi{font-size:16px}.sbd-rsvc__text{flex:1;display:flex;flex-direction:column;gap:2px}.sbd-rsvc__text strong{font-size:15px;font-weight:700;color:var(--sbd-r-ink, #1e2e4a)}.sbd-rsvc__text small{font-size:12.5px;color:var(--sbd-r-muted, #64748b)}.sbd-rsvc__arrow{color:var(--sbd-r-faint, #94a3b8);font-size:12px}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SbdReissueServiceStepComponent, decorators: [{
             type: Component,
@@ -7745,7 +7806,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
         <i class="pi pi-chevron-right sbd-rsvc__arrow"></i>
       </button>
     }
-  `, host: { class: 'sbd-rsvc' }, styles: [":host{display:flex;flex-direction:column;gap:12px}.sbd-rsvc__option{border:1.5px solid #e2e8f0;border-radius:16px;background:#fff;transition:border-color .15s,box-shadow .15s;display:flex;align-items:center;gap:12px;width:100%;padding:16px;text-align:left;font-family:inherit;cursor:pointer}.sbd-rsvc__option:hover{border-color:var(--sbd-accent, #6d4aff)}.sbd-rsvc__icon{flex-shrink:0;width:44px;height:44px;border-radius:10px;border:1px solid #e2e8f0;color:#1e2e4a;display:flex;align-items:center;justify-content:center}.sbd-rsvc__icon .pi{font-size:16px}.sbd-rsvc__text{flex:1;display:flex;flex-direction:column;gap:2px}.sbd-rsvc__text strong{font-size:15px;font-weight:700;color:#1e2e4a}.sbd-rsvc__text small{font-size:12.5px;color:#64748b}.sbd-rsvc__arrow{color:#94a3b8;font-size:12px}\n"] }]
+  `, host: { class: 'sbd-rsvc' }, styles: [":host{display:flex;flex-direction:column;gap:12px}.sbd-rsvc__option{border:1.5px solid var(--sbd-r-line, #e2e8f0);border-radius:16px;background:var(--sbd-r-surface, #fff);transition:border-color .15s,box-shadow .15s;display:flex;align-items:center;gap:12px;width:100%;padding:16px;text-align:left;font-family:inherit;cursor:pointer}.sbd-rsvc__option:hover{border-color:var(--sbd-accent, #6d4aff)}.sbd-rsvc__icon{flex-shrink:0;width:44px;height:44px;border-radius:10px;border:1px solid var(--sbd-r-line, #e2e8f0);color:var(--sbd-r-ink, #1e2e4a);display:flex;align-items:center;justify-content:center}.sbd-rsvc__icon .pi{font-size:16px}.sbd-rsvc__text{flex:1;display:flex;flex-direction:column;gap:2px}.sbd-rsvc__text strong{font-size:15px;font-weight:700;color:var(--sbd-r-ink, #1e2e4a)}.sbd-rsvc__text small{font-size:12.5px;color:var(--sbd-r-muted, #64748b)}.sbd-rsvc__arrow{color:var(--sbd-r-faint, #94a3b8);font-size:12px}\n"] }]
         }] });
 /** Leg cards in the cancel dialog's "Select Leg" design: checkbox overlay, outline badge, times row. */
@@ -7823,7 +7884,7 @@ class SbdReissueLegsStepComponent {
         </div>
       </div>
     }
-  `, isInline: true, styles: [":host{display:flex;flex-direction:column;gap:12px}.sbd-rlegs__card{border:1.5px solid #e2e8f0;border-radius:16px;background:#fff;transition:border-color .15s,box-shadow .15s;position:relative;padding:16px 16px 16px 48px;cursor:pointer}.sbd-rlegs__card:focus-visible{outline:2px solid var(--sbd-accent, #6d4aff);outline-offset:2px}.sbd-rlegs__card--selected{border-color:var(--sbd-accent, #6d4aff)}.sbd-rlegs__card--disabled{opacity:.7;cursor:not-allowed}.sbd-rlegs__checkbox{position:absolute;top:16px;left:16px;width:22px;height:22px;border-radius:6px;border:1.5px solid #cbd5e1;background:#fff;color:#fff;font-size:12px;display:flex;align-items:center;justify-content:center}.sbd-rlegs__checkbox--on{background:var(--sbd-accent, #6d4aff);border-color:var(--sbd-accent, #6d4aff)}.sbd-rlegs__checkbox--off{background:#f1f5f9;border-color:#e2e8f0}.sbd-rlegs__content{display:flex;flex-direction:column;gap:8px}.sbd-rlegs__top{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.sbd-rlegs__name{font-size:15px;font-weight:700;color:#1e2e4a}.sbd-rlegs__date{font-size:13px;color:#64748b;margin-top:2px}.sbd-rlegs__badge{font-size:11.5px;font-weight:700;letter-spacing:.03em;text-transform:uppercase;border-radius:20px;padding:4px 14px;width:max-content;background:#f8fafc;color:#64748b;box-shadow:inset 0 0 0 1px #e2e8f0}.sbd-rlegs__badge--green{background:transparent;color:#16a34a;box-shadow:inset 0 0 0 1.5px currentColor}.sbd-rlegs__times{display:flex;align-items:center;gap:8px}.sbd-rlegs__time{font-size:18px;font-weight:700;color:#1e2e4a;font-variant-numeric:tabular-nums}.sbd-rlegs__line{flex:1;position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;padding:0 16px 0 8px}.sbd-rlegs__line:before{content:\"\";position:absolute;left:0;right:14px;top:50%;height:2px;background:#cbd5e1;z-index:1}.sbd-rlegs__stops{font-size:12px;color:#64748b;background:#fff;padding:0 6px;z-index:2}.sbd-rlegs__arrow{position:absolute;right:4px;top:51%;transform:translateY(-50%);font-size:11px;color:#64748b}.sbd-rlegs__airline{font-size:12.5px;color:#64748b}.sbd-rlegs__notice{display:flex;align-items:flex-start;gap:8px;padding:10px 12px;border-radius:10px;background:#fdf1e0;color:#6b4a16;font-size:12.5px;line-height:1.4}.sbd-rlegs__notice i{flex-shrink:0;margin-top:1px;color:#b98a3e}\n"], dependencies: [{ kind: "component", type: SbdReissueNoticeComponent, selector: "app-sbd-reissue-notice", inputs: ["icon", "tone"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, styles: [":host{display:flex;flex-direction:column;gap:12px}.sbd-rlegs__card{border:1.5px solid var(--sbd-r-line, #e2e8f0);border-radius:16px;background:var(--sbd-r-surface, #fff);transition:border-color .15s,box-shadow .15s;position:relative;padding:16px 16px 16px 48px;cursor:pointer}.sbd-rlegs__card:focus-visible{outline:2px solid var(--sbd-accent, #6d4aff);outline-offset:2px}.sbd-rlegs__card--selected{border-color:var(--sbd-accent, #6d4aff)}.sbd-rlegs__card--disabled{opacity:.7;cursor:not-allowed}.sbd-rlegs__checkbox{position:absolute;top:16px;left:16px;width:22px;height:22px;border-radius:6px;border:1.5px solid var(--sbd-r-line-strong, #cbd5e1);background:var(--sbd-r-surface, #fff);color:#fff;font-size:12px;display:flex;align-items:center;justify-content:center}.sbd-rlegs__checkbox--on{background:var(--sbd-accent, #6d4aff);border-color:var(--sbd-accent, #6d4aff)}.sbd-rlegs__checkbox--off{background:var(--sbd-r-sunk, #f1f5f9);border-color:var(--sbd-r-line, #e2e8f0)}.sbd-rlegs__content{display:flex;flex-direction:column;gap:8px}.sbd-rlegs__top{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.sbd-rlegs__name{font-size:15px;font-weight:700;color:var(--sbd-r-ink, #1e2e4a)}.sbd-rlegs__date{font-size:13px;color:var(--sbd-r-muted, #64748b);margin-top:2px}.sbd-rlegs__badge{font-size:11.5px;font-weight:700;letter-spacing:.03em;text-transform:uppercase;border-radius:20px;padding:4px 14px;width:max-content;background:var(--sbd-r-soft, #f8fafc);color:var(--sbd-r-muted, #64748b);box-shadow:inset 0 0 0 1px var(--sbd-r-line, #e2e8f0)}.sbd-rlegs__badge--green{background:transparent;color:var(--sbd-r-green, #16a34a);box-shadow:inset 0 0 0 1.5px currentColor}.sbd-rlegs__times{display:flex;align-items:center;gap:8px}.sbd-rlegs__time{font-size:18px;font-weight:700;color:var(--sbd-r-ink, #1e2e4a);font-variant-numeric:tabular-nums}.sbd-rlegs__line{flex:1;position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;padding:0 16px 0 8px}.sbd-rlegs__line:before{content:\"\";position:absolute;left:0;right:14px;top:50%;height:2px;background:var(--sbd-r-line-strong, #cbd5e1);z-index:1}.sbd-rlegs__stops{font-size:12px;color:var(--sbd-r-muted, #64748b);background:var(--sbd-r-surface, #fff);padding:0 6px;z-index:2}.sbd-rlegs__arrow{position:absolute;right:4px;top:51%;transform:translateY(-50%);font-size:11px;color:var(--sbd-r-muted, #64748b)}.sbd-rlegs__airline{font-size:12.5px;color:var(--sbd-r-muted, #64748b)}.sbd-rlegs__notice{display:flex;align-items:flex-start;gap:8px;padding:10px 12px;border-radius:10px;background:var(--sbd-r-warn-bg, #fdf1e0);color:var(--sbd-r-warn-text, #6b4a16);font-size:12.5px;line-height:1.4}.sbd-rlegs__notice i{flex-shrink:0;margin-top:1px;color:var(--sbd-r-warn-icon, #b98a3e)}\n"], dependencies: [{ kind: "component", type: SbdReissueNoticeComponent, selector: "app-sbd-reissue-notice", inputs: ["icon", "tone"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SbdReissueLegsStepComponent, decorators: [{
             type: Component,
@@ -7882,7 +7943,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
         </div>
       </div>
     }
-  `, host: { class: 'sbd-rlegs' }, styles: [":host{display:flex;flex-direction:column;gap:12px}.sbd-rlegs__card{border:1.5px solid #e2e8f0;border-radius:16px;background:#fff;transition:border-color .15s,box-shadow .15s;position:relative;padding:16px 16px 16px 48px;cursor:pointer}.sbd-rlegs__card:focus-visible{outline:2px solid var(--sbd-accent, #6d4aff);outline-offset:2px}.sbd-rlegs__card--selected{border-color:var(--sbd-accent, #6d4aff)}.sbd-rlegs__card--disabled{opacity:.7;cursor:not-allowed}.sbd-rlegs__checkbox{position:absolute;top:16px;left:16px;width:22px;height:22px;border-radius:6px;border:1.5px solid #cbd5e1;background:#fff;color:#fff;font-size:12px;display:flex;align-items:center;justify-content:center}.sbd-rlegs__checkbox--on{background:var(--sbd-accent, #6d4aff);border-color:var(--sbd-accent, #6d4aff)}.sbd-rlegs__checkbox--off{background:#f1f5f9;border-color:#e2e8f0}.sbd-rlegs__content{display:flex;flex-direction:column;gap:8px}.sbd-rlegs__top{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.sbd-rlegs__name{font-size:15px;font-weight:700;color:#1e2e4a}.sbd-rlegs__date{font-size:13px;color:#64748b;margin-top:2px}.sbd-rlegs__badge{font-size:11.5px;font-weight:700;letter-spacing:.03em;text-transform:uppercase;border-radius:20px;padding:4px 14px;width:max-content;background:#f8fafc;color:#64748b;box-shadow:inset 0 0 0 1px #e2e8f0}.sbd-rlegs__badge--green{background:transparent;color:#16a34a;box-shadow:inset 0 0 0 1.5px currentColor}.sbd-rlegs__times{display:flex;align-items:center;gap:8px}.sbd-rlegs__time{font-size:18px;font-weight:700;color:#1e2e4a;font-variant-numeric:tabular-nums}.sbd-rlegs__line{flex:1;position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;padding:0 16px 0 8px}.sbd-rlegs__line:before{content:\"\";position:absolute;left:0;right:14px;top:50%;height:2px;background:#cbd5e1;z-index:1}.sbd-rlegs__stops{font-size:12px;color:#64748b;background:#fff;padding:0 6px;z-index:2}.sbd-rlegs__arrow{position:absolute;right:4px;top:51%;transform:translateY(-50%);font-size:11px;color:#64748b}.sbd-rlegs__airline{font-size:12.5px;color:#64748b}.sbd-rlegs__notice{display:flex;align-items:flex-start;gap:8px;padding:10px 12px;border-radius:10px;background:#fdf1e0;color:#6b4a16;font-size:12.5px;line-height:1.4}.sbd-rlegs__notice i{flex-shrink:0;margin-top:1px;color:#b98a3e}\n"] }]
+  `, host: { class: 'sbd-rlegs' }, styles: [":host{display:flex;flex-direction:column;gap:12px}.sbd-rlegs__card{border:1.5px solid var(--sbd-r-line, #e2e8f0);border-radius:16px;background:var(--sbd-r-surface, #fff);transition:border-color .15s,box-shadow .15s;position:relative;padding:16px 16px 16px 48px;cursor:pointer}.sbd-rlegs__card:focus-visible{outline:2px solid var(--sbd-accent, #6d4aff);outline-offset:2px}.sbd-rlegs__card--selected{border-color:var(--sbd-accent, #6d4aff)}.sbd-rlegs__card--disabled{opacity:.7;cursor:not-allowed}.sbd-rlegs__checkbox{position:absolute;top:16px;left:16px;width:22px;height:22px;border-radius:6px;border:1.5px solid var(--sbd-r-line-strong, #cbd5e1);background:var(--sbd-r-surface, #fff);color:#fff;font-size:12px;display:flex;align-items:center;justify-content:center}.sbd-rlegs__checkbox--on{background:var(--sbd-accent, #6d4aff);border-color:var(--sbd-accent, #6d4aff)}.sbd-rlegs__checkbox--off{background:var(--sbd-r-sunk, #f1f5f9);border-color:var(--sbd-r-line, #e2e8f0)}.sbd-rlegs__content{display:flex;flex-direction:column;gap:8px}.sbd-rlegs__top{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.sbd-rlegs__name{font-size:15px;font-weight:700;color:var(--sbd-r-ink, #1e2e4a)}.sbd-rlegs__date{font-size:13px;color:var(--sbd-r-muted, #64748b);margin-top:2px}.sbd-rlegs__badge{font-size:11.5px;font-weight:700;letter-spacing:.03em;text-transform:uppercase;border-radius:20px;padding:4px 14px;width:max-content;background:var(--sbd-r-soft, #f8fafc);color:var(--sbd-r-muted, #64748b);box-shadow:inset 0 0 0 1px var(--sbd-r-line, #e2e8f0)}.sbd-rlegs__badge--green{background:transparent;color:var(--sbd-r-green, #16a34a);box-shadow:inset 0 0 0 1.5px currentColor}.sbd-rlegs__times{display:flex;align-items:center;gap:8px}.sbd-rlegs__time{font-size:18px;font-weight:700;color:var(--sbd-r-ink, #1e2e4a);font-variant-numeric:tabular-nums}.sbd-rlegs__line{flex:1;position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;padding:0 16px 0 8px}.sbd-rlegs__line:before{content:\"\";position:absolute;left:0;right:14px;top:50%;height:2px;background:var(--sbd-r-line-strong, #cbd5e1);z-index:1}.sbd-rlegs__stops{font-size:12px;color:var(--sbd-r-muted, #64748b);background:var(--sbd-r-surface, #fff);padding:0 6px;z-index:2}.sbd-rlegs__arrow{position:absolute;right:4px;top:51%;transform:translateY(-50%);font-size:11px;color:var(--sbd-r-muted, #64748b)}.sbd-rlegs__airline{font-size:12.5px;color:var(--sbd-r-muted, #64748b)}.sbd-rlegs__notice{display:flex;align-items:flex-start;gap:8px;padding:10px 12px;border-radius:10px;background:var(--sbd-r-warn-bg, #fdf1e0);color:var(--sbd-r-warn-text, #6b4a16);font-size:12.5px;line-height:1.4}.sbd-rlegs__notice i{flex-shrink:0;margin-top:1px;color:var(--sbd-r-warn-icon, #b98a3e)}\n"] }]
         }] });
 class SbdReissueDateStepComponent {
@@ -7906,7 +7967,7 @@ class SbdReissueDateStepComponent {
         </label>
       </div>
     }
-  `, isInline: true, styles: [":host{display:flex;flex-direction:column;gap:12px}.sbd-rdate__card{border:1.5px solid #e2e8f0;border-radius:16px;background:#fff;transition:border-color .15s,box-shadow .15s;padding:16px;display:flex;flex-direction:column;gap:14px}.sbd-rdate__head{display:flex;flex-direction:column;gap:2px}.sbd-rdate__name{font-size:15px;font-weight:700;color:#1e2e4a}.sbd-rdate__current{font-size:13px;color:#64748b}.sbd-rdate__field{display:flex;flex-direction:column;gap:6px;min-width:0;font-size:12.5px;font-weight:600;color:#475569}.sbd-rdate__input{height:40px;padding:0 12px;border:1.5px solid #e2e8f0;border-radius:10px;background:#fff;font-size:13px;font-family:inherit;color:#1e2e4a}.sbd-rdate__input:focus{outline:none;border-color:var(--sbd-accent, #6d4aff)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, styles: [":host{display:flex;flex-direction:column;gap:12px}.sbd-rdate__card{border:1.5px solid var(--sbd-r-line, #e2e8f0);border-radius:16px;background:var(--sbd-r-surface, #fff);transition:border-color .15s,box-shadow .15s;padding:16px;display:flex;flex-direction:column;gap:14px}.sbd-rdate__head{display:flex;flex-direction:column;gap:2px}.sbd-rdate__name{font-size:15px;font-weight:700;color:var(--sbd-r-ink, #1e2e4a)}.sbd-rdate__current{font-size:13px;color:var(--sbd-r-muted, #64748b)}.sbd-rdate__field{display:flex;flex-direction:column;gap:6px;min-width:0;font-size:12.5px;font-weight:600;color:var(--sbd-r-label, #475569)}.sbd-rdate__input{height:40px;padding:0 12px;border:1.5px solid var(--sbd-r-line, #e2e8f0);border-radius:10px;background:var(--sbd-r-surface, #fff);font-size:13px;font-family:inherit;color:var(--sbd-r-ink, #1e2e4a);color-scheme:inherit}.sbd-rdate__input:focus{outline:none;border-color:var(--sbd-accent, #6d4aff)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SbdReissueDateStepComponent, decorators: [{
             type: Component,
@@ -7925,7 +7986,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
         </label>
       </div>
     }
-  `, host: { class: 'sbd-rdate' }, styles: [":host{display:flex;flex-direction:column;gap:12px}.sbd-rdate__card{border:1.5px solid #e2e8f0;border-radius:16px;background:#fff;transition:border-color .15s,box-shadow .15s;padding:16px;display:flex;flex-direction:column;gap:14px}.sbd-rdate__head{display:flex;flex-direction:column;gap:2px}.sbd-rdate__name{font-size:15px;font-weight:700;color:#1e2e4a}.sbd-rdate__current{font-size:13px;color:#64748b}.sbd-rdate__field{display:flex;flex-direction:column;gap:6px;min-width:0;font-size:12.5px;font-weight:600;color:#475569}.sbd-rdate__input{height:40px;padding:0 12px;border:1.5px solid #e2e8f0;border-radius:10px;background:#fff;font-size:13px;font-family:inherit;color:#1e2e4a}.sbd-rdate__input:focus{outline:none;border-color:var(--sbd-accent, #6d4aff)}\n"] }]
+  `, host: { class: 'sbd-rdate' }, styles: [":host{display:flex;flex-direction:column;gap:12px}.sbd-rdate__card{border:1.5px solid var(--sbd-r-line, #e2e8f0);border-radius:16px;background:var(--sbd-r-surface, #fff);transition:border-color .15s,box-shadow .15s;padding:16px;display:flex;flex-direction:column;gap:14px}.sbd-rdate__head{display:flex;flex-direction:column;gap:2px}.sbd-rdate__name{font-size:15px;font-weight:700;color:var(--sbd-r-ink, #1e2e4a)}.sbd-rdate__current{font-size:13px;color:var(--sbd-r-muted, #64748b)}.sbd-rdate__field{display:flex;flex-direction:column;gap:6px;min-width:0;font-size:12.5px;font-weight:600;color:var(--sbd-r-label, #475569)}.sbd-rdate__input{height:40px;padding:0 12px;border:1.5px solid var(--sbd-r-line, #e2e8f0);border-radius:10px;background:var(--sbd-r-surface, #fff);font-size:13px;font-family:inherit;color:var(--sbd-r-ink, #1e2e4a);color-scheme:inherit}.sbd-rdate__input:focus{outline:none;border-color:var(--sbd-accent, #6d4aff)}\n"] }]
         }] });
 class SbdReissueRouteStepComponent {
@@ -7980,7 +8041,7 @@ class SbdReissueRouteStepComponent {
         </div>
       </div>
     }
-  `, isInline: true, styles: [":host{display:flex;flex-direction:column;gap:12px}.sbd-rroute__card{border:1.5px solid #e2e8f0;border-radius:16px;background:#fff;transition:border-color .15s,box-shadow .15s;padding:16px;display:flex;flex-direction:column;gap:14px}.sbd-rroute__head{display:flex;flex-direction:column;gap:2px}.sbd-rroute__name{font-size:15px;font-weight:700;color:#1e2e4a}.sbd-rroute__current{font-size:13px;color:#64748b}.sbd-rroute__field{display:flex;flex-direction:column;gap:6px;min-width:0;font-size:12.5px;font-weight:600;color:#475569}.sbd-rroute__pair{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:8px;align-items:end}.sbd-rroute__swap{width:32px;height:32px;margin-bottom:4px;border-radius:50%;border:1.5px solid #e2e8f0;background:#fff;color:#1e2e4a;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s,border-color .15s}.sbd-rroute__swap .pi{font-size:13px}.sbd-rroute__swap:hover{background:#f8fafc;border-color:var(--sbd-accent, #6d4aff)}.sbd-rroute__opt{display:flex;flex-direction:column;line-height:1.3;min-width:0}.sbd-rroute__opt b{font-size:13px;font-weight:600;color:#1e2e4a}.sbd-rroute__opt small{font-size:11px;color:#64748b;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host ::ng-deep .sbd-rroute__select{font-size:13px;font-weight:400;color:#1e2e4a}:host ::ng-deep .sbd-rroute__select .ng-select-container{min-height:40px;border-radius:10px;border:1.5px solid #e2e8f0}:host ::ng-deep .sbd-rroute__select.ng-select-focused:not(.ng-select-opened)>.ng-select-container{border-color:var(--sbd-accent, #6d4aff);box-shadow:none}:host ::ng-deep .sbd-rroute__select .ng-value-container .ng-value{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}:host ::ng-deep .sbd-rroute__select .ng-dropdown-panel{min-width:100%;z-index:1100;border-radius:10px}:host ::ng-deep .sbd-rroute__select .ng-dropdown-panel .ng-dropdown-panel-items{max-height:220px}:host ::ng-deep .sbd-rroute__select .ng-dropdown-panel .ng-option{padding:8px 12px;font-size:13px;white-space:normal}:host ::ng-deep .sbd-rroute__select .ng-dropdown-panel .ng-option.ng-option-selected,:host ::ng-deep .sbd-rroute__select .ng-dropdown-panel .ng-option.ng-option-marked{background:var(--sbd-accent-soft, #ede9fe)}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: NgSelectModule }, { kind: "component", type: i5$1.NgSelectComponent, selector: "ng-select", inputs: ["bindLabel", "bindValue", "ariaLabel", "markFirst", "placeholder", "fixedPlaceholder", "notFoundText", "typeToSearchText", "preventToggleOnRightClick", "addTagText", "loadingText", "clearAllText", "appearance", "dropdownPosition", "appendTo", "loading", "closeOnSelect", "hideSelected", "selectOnTab", "openOnEnter", "maxSelectedItems", "groupBy", "groupValue", "bufferAmount", "virtualScroll", "selectableGroup", "selectableGroupAsModel", "searchFn", "trackByFn", "clearOnBackspace", "labelForId", "inputAttrs", "tabIndex", "readonly", "searchWhileComposing", "minTermLength", "editableSearchTerm", "ngClass", "typeahead", "multiple", "addTag", "searchable", "clearable", "isOpen", "items", "compareWith", "clearSearchOnAdd", "deselectOnClick", "keyDownFn"], outputs: ["blur", "focus", "change", "open", "close", "search", "clear", "add", "remove", "scroll", "scrollToEnd"] }, { kind: "directive", type: i5$1.NgOptionTemplateDirective, selector: "[ng-option-tmp]" }, { kind: "directive", type: i5$1.NgLabelTemplateDirective, selector: "[ng-label-tmp]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, styles: [":host{display:flex;flex-direction:column;gap:12px}.sbd-rroute__card{border:1.5px solid var(--sbd-r-line, #e2e8f0);border-radius:16px;background:var(--sbd-r-surface, #fff);transition:border-color .15s,box-shadow .15s;padding:16px;display:flex;flex-direction:column;gap:14px}.sbd-rroute__head{display:flex;flex-direction:column;gap:2px}.sbd-rroute__name{font-size:15px;font-weight:700;color:var(--sbd-r-ink, #1e2e4a)}.sbd-rroute__current{font-size:13px;color:var(--sbd-r-muted, #64748b)}.sbd-rroute__field{display:flex;flex-direction:column;gap:6px;min-width:0;font-size:12.5px;font-weight:600;color:var(--sbd-r-label, #475569)}.sbd-rroute__pair{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:8px;align-items:end}.sbd-rroute__swap{width:32px;height:32px;margin-bottom:4px;border-radius:50%;border:1.5px solid var(--sbd-r-line, #e2e8f0);background:var(--sbd-r-surface, #fff);color:var(--sbd-r-ink, #1e2e4a);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s,border-color .15s}.sbd-rroute__swap .pi{font-size:13px}.sbd-rroute__swap:hover{background:var(--sbd-r-soft, #f8fafc);border-color:var(--sbd-accent, #6d4aff)}.sbd-rroute__opt{display:flex;flex-direction:column;line-height:1.3;min-width:0}.sbd-rroute__opt b{font-size:13px;font-weight:600;color:var(--sbd-r-ink, #1e2e4a)}.sbd-rroute__opt small{font-size:11px;color:var(--sbd-r-muted, #64748b);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host ::ng-deep .sbd-rroute__select{font-size:13px;font-weight:400;color:var(--sbd-r-ink, #1e2e4a)}:host ::ng-deep .sbd-rroute__select .ng-select-container{min-height:40px;border-radius:10px;border:1.5px solid var(--sbd-r-line, #e2e8f0);background:var(--sbd-r-surface, #fff);color:var(--sbd-r-ink, #1e2e4a)}:host ::ng-deep .sbd-rroute__select .ng-value-container .ng-input>input{color:var(--sbd-r-ink, #1e2e4a)}:host ::ng-deep .sbd-rroute__select .ng-arrow-wrapper .ng-arrow{border-top-color:var(--sbd-r-muted, #64748b)}:host ::ng-deep .sbd-rroute__select.ng-select-focused:not(.ng-select-opened)>.ng-select-container{border-color:var(--sbd-accent, #6d4aff);box-shadow:none}:host ::ng-deep .sbd-rroute__select .ng-value-container .ng-value{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}:host ::ng-deep .sbd-rroute__select .ng-dropdown-panel{min-width:100%;z-index:1100;border-radius:10px;background:var(--sbd-r-surface, #fff);border-color:var(--sbd-r-line, #e2e8f0)}:host ::ng-deep .sbd-rroute__select .ng-dropdown-panel .ng-dropdown-panel-items{max-height:220px}:host ::ng-deep .sbd-rroute__select .ng-dropdown-panel .ng-option{padding:8px 12px;font-size:13px;white-space:normal;background:transparent;color:var(--sbd-r-ink, #1e2e4a)}:host ::ng-deep .sbd-rroute__select .ng-dropdown-panel .ng-option.ng-option-selected,:host ::ng-deep .sbd-rroute__select .ng-dropdown-panel .ng-option.ng-option-marked{background:var(--sbd-r-accent-soft, var(--sbd-accent-soft, #ede9fe))}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: NgSelectModule }, { kind: "component", type: i5$1.NgSelectComponent, selector: "ng-select", inputs: ["bindLabel", "bindValue", "ariaLabel", "markFirst", "placeholder", "fixedPlaceholder", "notFoundText", "typeToSearchText", "preventToggleOnRightClick", "addTagText", "loadingText", "clearAllText", "appearance", "dropdownPosition", "appendTo", "loading", "closeOnSelect", "hideSelected", "selectOnTab", "openOnEnter", "maxSelectedItems", "groupBy", "groupValue", "bufferAmount", "virtualScroll", "selectableGroup", "selectableGroupAsModel", "searchFn", "trackByFn", "clearOnBackspace", "labelForId", "inputAttrs", "tabIndex", "readonly", "searchWhileComposing", "minTermLength", "editableSearchTerm", "ngClass", "typeahead", "multiple", "addTag", "searchable", "clearable", "isOpen", "items", "compareWith", "clearSearchOnAdd", "deselectOnClick", "keyDownFn"], outputs: ["blur", "focus", "change", "open", "close", "search", "clear", "add", "remove", "scroll", "scrollToEnd"] }, { kind: "directive", type: i5$1.NgOptionTemplateDirective, selector: "[ng-option-tmp]" }, { kind: "directive", type: i5$1.NgLabelTemplateDirective, selector: "[ng-label-tmp]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SbdReissueRouteStepComponent, decorators: [{
             type: Component,
@@ -8022,7 +8083,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
         </div>
       </div>
     }
-  `, host: { class: 'sbd-rroute' }, styles: [":host{display:flex;flex-direction:column;gap:12px}.sbd-rroute__card{border:1.5px solid #e2e8f0;border-radius:16px;background:#fff;transition:border-color .15s,box-shadow .15s;padding:16px;display:flex;flex-direction:column;gap:14px}.sbd-rroute__head{display:flex;flex-direction:column;gap:2px}.sbd-rroute__name{font-size:15px;font-weight:700;color:#1e2e4a}.sbd-rroute__current{font-size:13px;color:#64748b}.sbd-rroute__field{display:flex;flex-direction:column;gap:6px;min-width:0;font-size:12.5px;font-weight:600;color:#475569}.sbd-rroute__pair{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:8px;align-items:end}.sbd-rroute__swap{width:32px;height:32px;margin-bottom:4px;border-radius:50%;border:1.5px solid #e2e8f0;background:#fff;color:#1e2e4a;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s,border-color .15s}.sbd-rroute__swap .pi{font-size:13px}.sbd-rroute__swap:hover{background:#f8fafc;border-color:var(--sbd-accent, #6d4aff)}.sbd-rroute__opt{display:flex;flex-direction:column;line-height:1.3;min-width:0}.sbd-rroute__opt b{font-size:13px;font-weight:600;color:#1e2e4a}.sbd-rroute__opt small{font-size:11px;color:#64748b;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host ::ng-deep .sbd-rroute__select{font-size:13px;font-weight:400;color:#1e2e4a}:host ::ng-deep .sbd-rroute__select .ng-select-container{min-height:40px;border-radius:10px;border:1.5px solid #e2e8f0}:host ::ng-deep .sbd-rroute__select.ng-select-focused:not(.ng-select-opened)>.ng-select-container{border-color:var(--sbd-accent, #6d4aff);box-shadow:none}:host ::ng-deep .sbd-rroute__select .ng-value-container .ng-value{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}:host ::ng-deep .sbd-rroute__select .ng-dropdown-panel{min-width:100%;z-index:1100;border-radius:10px}:host ::ng-deep .sbd-rroute__select .ng-dropdown-panel .ng-dropdown-panel-items{max-height:220px}:host ::ng-deep .sbd-rroute__select .ng-dropdown-panel .ng-option{padding:8px 12px;font-size:13px;white-space:normal}:host ::ng-deep .sbd-rroute__select .ng-dropdown-panel .ng-option.ng-option-selected,:host ::ng-deep .sbd-rroute__select .ng-dropdown-panel .ng-option.ng-option-marked{background:var(--sbd-accent-soft, #ede9fe)}\n"] }]
+  `, host: { class: 'sbd-rroute' }, styles: [":host{display:flex;flex-direction:column;gap:12px}.sbd-rroute__card{border:1.5px solid var(--sbd-r-line, #e2e8f0);border-radius:16px;background:var(--sbd-r-surface, #fff);transition:border-color .15s,box-shadow .15s;padding:16px;display:flex;flex-direction:column;gap:14px}.sbd-rroute__head{display:flex;flex-direction:column;gap:2px}.sbd-rroute__name{font-size:15px;font-weight:700;color:var(--sbd-r-ink, #1e2e4a)}.sbd-rroute__current{font-size:13px;color:var(--sbd-r-muted, #64748b)}.sbd-rroute__field{display:flex;flex-direction:column;gap:6px;min-width:0;font-size:12.5px;font-weight:600;color:var(--sbd-r-label, #475569)}.sbd-rroute__pair{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:8px;align-items:end}.sbd-rroute__swap{width:32px;height:32px;margin-bottom:4px;border-radius:50%;border:1.5px solid var(--sbd-r-line, #e2e8f0);background:var(--sbd-r-surface, #fff);color:var(--sbd-r-ink, #1e2e4a);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s,border-color .15s}.sbd-rroute__swap .pi{font-size:13px}.sbd-rroute__swap:hover{background:var(--sbd-r-soft, #f8fafc);border-color:var(--sbd-accent, #6d4aff)}.sbd-rroute__opt{display:flex;flex-direction:column;line-height:1.3;min-width:0}.sbd-rroute__opt b{font-size:13px;font-weight:600;color:var(--sbd-r-ink, #1e2e4a)}.sbd-rroute__opt small{font-size:11px;color:var(--sbd-r-muted, #64748b);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host ::ng-deep .sbd-rroute__select{font-size:13px;font-weight:400;color:var(--sbd-r-ink, #1e2e4a)}:host ::ng-deep .sbd-rroute__select .ng-select-container{min-height:40px;border-radius:10px;border:1.5px solid var(--sbd-r-line, #e2e8f0);background:var(--sbd-r-surface, #fff);color:var(--sbd-r-ink, #1e2e4a)}:host ::ng-deep .sbd-rroute__select .ng-value-container .ng-input>input{color:var(--sbd-r-ink, #1e2e4a)}:host ::ng-deep .sbd-rroute__select .ng-arrow-wrapper .ng-arrow{border-top-color:var(--sbd-r-muted, #64748b)}:host ::ng-deep .sbd-rroute__select.ng-select-focused:not(.ng-select-opened)>.ng-select-container{border-color:var(--sbd-accent, #6d4aff);box-shadow:none}:host ::ng-deep .sbd-rroute__select .ng-value-container .ng-value{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}:host ::ng-deep .sbd-rroute__select .ng-dropdown-panel{min-width:100%;z-index:1100;border-radius:10px;background:var(--sbd-r-surface, #fff);border-color:var(--sbd-r-line, #e2e8f0)}:host ::ng-deep .sbd-rroute__select .ng-dropdown-panel .ng-dropdown-panel-items{max-height:220px}:host ::ng-deep .sbd-rroute__select .ng-dropdown-panel .ng-option{padding:8px 12px;font-size:13px;white-space:normal;background:transparent;color:var(--sbd-r-ink, #1e2e4a)}:host ::ng-deep .sbd-rroute__select .ng-dropdown-panel .ng-option.ng-option-selected,:host ::ng-deep .sbd-rroute__select .ng-dropdown-panel .ng-option.ng-option-marked{background:var(--sbd-r-accent-soft, var(--sbd-accent-soft, #ede9fe))}\n"] }]
         }] });
 /**
@@ -8125,7 +8186,7 @@ class SbdReissueDialogComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SbdReissueDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: SbdReissueDialogComponent, isStandalone: true, selector: "app-sbd-reissue-dialog", inputs: { visible: { classPropertyName: "visible", publicName: "visible", isSignal: true, isRequired: false, transformFunction: null }, bookingId: { classPropertyName: "bookingId", publicName: "bookingId", isSignal: true, isRequired: false, transformFunction: null }, bookingData: { classPropertyName: "bookingData", publicName: "bookingData", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { closed: "closed" }, providers: [SbdReissueStore, SbdReissueUpgradeStore], ngImport: i0, template: "<p-dialog [visible]=\"visible()\" (visibleChange)=\"$event ? null : closed.emit()\"\n  [modal]=\"true\" [blockScroll]=\"true\" [draggable]=\"false\" [resizable]=\"false\"\n  [showHeader]=\"false\" [style]=\"{ width: '560px', padding: '0' }\" styleClass=\"sbd-reissue-dialog-wrapper\">\n\n  <div class=\"sbd-reissue\">\n\n    <!-- Header: same layout as the cancel dialog (round close button, centered title + booking id) -->\n    <div class=\"sbd-reissue__header\">\n      <button type=\"button\" class=\"sbd-reissue__close\" (click)=\"closed.emit()\" aria-label=\"Close\">\n        <i class=\"pi pi-times\"></i>\n      </button>\n      <div class=\"sbd-reissue__header-text\">\n        <h3 class=\"sbd-reissue__title\">{{ title() }}</h3>\n        <span class=\"sbd-reissue__sub\">Booking ID #{{ bookingId() }}</span>\n      </div>\n    </div>\n\n    @if (store.loading()) {\n      <div class=\"sbd-reissue__state\">\n        <div class=\"sbd-reissue__state-icon\"><i class=\"pi pi-spin pi-spinner\"></i></div>\n        <div class=\"sbd-reissue__state-text\">Checking availability\u2026</div>\n        <div class=\"sbd-reissue__dots\"><span></span><span></span><span></span></div>\n      </div>\n    } @else if (store.error()) {\n      <div class=\"sbd-reissue__state\">\n        <div class=\"sbd-reissue__state-icon sbd-reissue__state-icon--warn\"><i class=\"pi pi-exclamation-triangle\"></i></div>\n        <div class=\"sbd-reissue__state-text\">{{ store.error() }}</div>\n        <button pButton type=\"button\" label=\"Retry\" class=\"p-button-outlined p-button-secondary\" (click)=\"store.load()\"></button>\n      </div>\n    } @else if (store.blocked()) {\n      <!-- No leg can be reissued online: same idea as the cancel dialog's \"not eligible, escalate\" notice. -->\n      <div class=\"sbd-reissue__body\">\n        <app-sbd-reissue-notice tone=\"warn\" icon=\"pi pi-exclamation-triangle\">\n          <strong>{{ store.blocked()?.title }}</strong><br>{{ store.blocked()?.text }}\n        </app-sbd-reissue-notice>\n      </div>\n      <div class=\"sbd-reissue__footer\">\n        <button pButton type=\"button\" label=\"Close\" class=\"p-button-outlined p-button-secondary sbd-reissue__btn\"\n          (click)=\"closed.emit()\"></button>\n      </div>\n    } @else {\n      <div class=\"sbd-reissue__body\">\n        @switch (store.step()) {\n          @case ('service') {\n            <app-sbd-reissue-notice>Change requests are subject to availability from the airline.</app-sbd-reissue-notice>\n            <app-sbd-reissue-service-step\n              [upgradeAvailable]=\"store.upgradeAvailable()\"\n              (chosen)=\"onServiceChosen($event)\" />\n          }\n          @case ('legs') {\n            <app-sbd-reissue-legs-step\n              [rows]=\"store.legRows()\"\n              [anyAvailable]=\"store.anyAvailable()\"\n              (toggled)=\"store.toggleLeg($event)\" />\n          }\n          @case ('edit') {\n            @if (store.service() === 'change_date') {\n              <app-sbd-reissue-date-step\n                [rows]=\"store.dateRows()\"\n                (changed)=\"store.setDate($event.legId, $event.date)\" />\n            } @else {\n              <app-sbd-reissue-route-step\n                [rows]=\"store.routeRows()\"\n                [options]=\"store.airportOptions()\"\n                (airportChanged)=\"store.setAirport($event.legId, $event.side, $event.airport)\"\n                (searched)=\"store.searchAirports($event)\"\n                (swapped)=\"store.swapAirports($event)\" />\n            }\n          }\n          @case ('upgrade-legs') {\n            <app-sbd-reissue-legs-step\n              unavailableText=\"None of these flights can be upgraded online. Handle this booking manually.\"\n              [rows]=\"upgrade.legRows()\"\n              [anyAvailable]=\"upgrade.anyLegUpgradable()\"\n              [note]=\"store.allowSingleLegSelection() ? null : 'These flights must be upgraded together.'\"\n              [error]=\"upgrade.error()\"\n              (toggled)=\"upgrade.toggleLeg($event)\" />\n          }\n          @case ('upgrade') {\n            <app-sbd-reissue-upgrade-step\n              [sections]=\"upgrade.sections()\"\n              [error]=\"upgrade.error()\"\n              (picked)=\"upgrade.select($event.sectionId, $event.key)\" />\n          }\n          @case ('confirm') {\n            <app-sbd-reissue-upgrade-confirm-step\n              [rows]=\"upgrade.summary()\"\n              [total]=\"upgrade.total()\"\n              [totalLabel]=\"upgrade.totalLabel()\"\n              [priceChanged]=\"upgrade.priceChanged()\"\n              [booked]=\"upgrade.booked()\"\n              [link]=\"upgrade.paymentLink()\"\n              [error]=\"upgrade.error()\"\n              (restart)=\"restartFlow()\" />\n          }\n        }\n      </div>\n\n      @if (hint(); as text) {\n        <div class=\"sbd-reissue__hint\">{{ text }}</div>\n      }\n\n      @if (store.step() !== 'service') {\n        <div class=\"sbd-reissue__footer\">\n          <button pButton type=\"button\" label=\"Back\" class=\"p-button-outlined p-button-secondary sbd-reissue__btn\"\n            [disabled]=\"store.step() === 'confirm' && upgrade.locked()\" (click)=\"onBack()\"></button>\n\n          @switch (store.step()) {\n            @case ('legs') {\n              <button pButton type=\"button\" label=\"Continue\" class=\"sbd-reissue__btn\"\n                [disabled]=\"!store.canContinue()\" (click)=\"store.goToEdit()\"></button>\n            }\n            @case ('edit') {\n              <button pButton type=\"button\" icon=\"pi pi-search\" label=\"Search flights\" class=\"sbd-reissue__btn\"\n                [disabled]=\"!!store.validationError()\" (click)=\"searchFlights()\"></button>\n            }\n            @case ('upgrade-legs') {\n              <button pButton type=\"button\" label=\"Continue\" class=\"sbd-reissue__btn\" [loading]=\"upgrade.submitting()\"\n                [disabled]=\"!upgrade.canContinueFromLegs()\" (click)=\"upgrade.continueFromLegs()\"></button>\n            }\n            @case ('upgrade') {\n              <button pButton type=\"button\" label=\"Continue\" class=\"sbd-reissue__btn\" [loading]=\"upgrade.submitting()\"\n                [disabled]=\"!upgrade.canContinue()\" (click)=\"upgrade.continue()\"></button>\n            }\n            @case ('confirm') {\n              @switch (upgrade.action()) {\n                @case ('done') {\n                  <button pButton type=\"button\" label=\"Close\" class=\"sbd-reissue__btn\" (click)=\"closed.emit()\"></button>\n                }\n                @case ('book') {\n                  <button pButton type=\"button\" label=\"Confirm upgrade\" class=\"sbd-reissue__btn\"\n                    [loading]=\"upgrade.submitting()\" (click)=\"upgrade.confirm()\"></button>\n                }\n                @case ('link') {\n                  <button pButton type=\"button\" icon=\"pi pi-link\" label=\"Generate payment link\" class=\"sbd-reissue__btn\"\n                    [loading]=\"upgrade.submitting()\" (click)=\"upgrade.confirm()\"></button>\n                }\n              }\n            }\n          }\n        </div>\n      }\n    }\n  </div>\n</p-dialog>\n", styles: [":host ::ng-deep .sbd-reissue-dialog-wrapper{border-radius:16px;box-shadow:0 24px 60px #0f172a38}:host ::ng-deep .sbd-reissue-dialog-wrapper .p-dialog-content{padding:0;border-radius:16px;overflow:visible}.sbd-reissue{font-family:inherit;position:relative}.sbd-reissue__header{display:flex;align-items:flex-start;gap:12px;padding:20px 20px 0}.sbd-reissue__close{flex-shrink:0;width:32px;height:32px;border-radius:50%;background:#f8fafc;border:none;color:#1e2e4a;display:flex;align-items:center;justify-content:center;cursor:pointer}.sbd-reissue__close .pi{font-size:13px}.sbd-reissue__close:hover{background:#e2e8f0}.sbd-reissue__header-text{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center;margin-right:32px}.sbd-reissue__title{font-size:19px;font-weight:800;color:#1e2e4a;margin:0}.sbd-reissue__sub{font-size:12.5px;color:#94a3b8}.sbd-reissue__body{padding:16px 20px 20px;display:flex;flex-direction:column;gap:12px}.sbd-reissue__hint{text-align:center;padding:0 20px 12px;font-size:13px;color:#94a3b8}.sbd-reissue__footer{display:flex;justify-content:flex-end;gap:10px;align-items:stretch;padding:14px 20px;border-top:1px solid #e2e8f0;background:#fff;border-radius:0 0 16px 16px}.sbd-reissue__btn{flex:1 1 0;justify-content:center}.sbd-reissue__state{padding:36px 24px 28px;display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center}.sbd-reissue__state-icon{width:56px;height:56px;border-radius:50%;background:#fff7ed;border:2px solid #fed7aa;display:flex;align-items:center;justify-content:center}.sbd-reissue__state-icon .pi{font-size:24px;color:#f97316}.sbd-reissue__state-icon--warn{background:#fef2f2;border-color:#fecaca}.sbd-reissue__state-icon--warn .pi{color:#ef4444}.sbd-reissue__state-text{font-size:13px;color:#64748b;min-height:20px}.sbd-reissue__dots{display:flex;gap:6px}.sbd-reissue__dots span{width:7px;height:7px;border-radius:50%;background:#f97316;opacity:.3;animation:sbd-reissue-dot 1.2s ease-in-out infinite}.sbd-reissue__dots span:nth-child(2){animation-delay:.2s}.sbd-reissue__dots span:nth-child(3){animation-delay:.4s}@keyframes sbd-reissue-dot{0%,to{opacity:.3;transform:scale(1)}50%{opacity:1;transform:scale(1.4)}}\n"], dependencies: [{ kind: "ngmodule", type: DialogModule }, { kind: "component", type: i1$1.Dialog, selector: "p-dialog", inputs: ["header", "draggable", "resizable", "positionLeft", "positionTop", "contentStyle", "contentStyleClass", "modal", "closeOnEscape", "dismissableMask", "rtl", "closable", "responsive", "appendTo", "breakpoints", "styleClass", "maskStyleClass", "showHeader", "breakpoint", "blockScroll", "autoZIndex", "baseZIndex", "minX", "minY", "focusOnShow", "maximizable", "keepInViewport", "focusTrap", "transitionOptions", "closeIcon", "closeAriaLabel", "closeTabindex", "minimizeIcon", "maximizeIcon", "visible", "style", "position"], outputs: ["onShow", "onHide", "visibleChange", "onResizeInit", "onResizeEnd", "onDragEnd", "onMaximize"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i2$1.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading"] }, { kind: "component", type: SbdReissueNoticeComponent, selector: "app-sbd-reissue-notice", inputs: ["icon", "tone"] }, { kind: "component", type: SbdReissueServiceStepComponent, selector: "app-sbd-reissue-service-step", inputs: ["upgradeAvailable"], outputs: ["chosen"] }, { kind: "component", type: SbdReissueLegsStepComponent, selector: "app-sbd-reissue-legs-step", inputs: ["rows", "anyAvailable", "unavailableText", "note", "error"], outputs: ["toggled"] }, { kind: "component", type: SbdReissueDateStepComponent, selector: "app-sbd-reissue-date-step", inputs: ["rows"], outputs: ["changed"] }, { kind: "component", type: SbdReissueRouteStepComponent, selector: "app-sbd-reissue-route-step", inputs: ["rows", "options"], outputs: ["airportChanged", "searched", "swapped"] }, { kind: "component", type: SbdReissueUpgradeStepComponent, selector: "app-sbd-reissue-upgrade-step", inputs: ["sections", "error"], outputs: ["picked"] }, { kind: "component", type: SbdReissueUpgradeConfirmStepComponent, selector: "app-sbd-reissue-upgrade-confirm-step", inputs: ["rows", "total", "totalLabel", "priceChanged", "booked", "link", "error"], outputs: ["restart"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: SbdReissueDialogComponent, isStandalone: true, selector: "app-sbd-reissue-dialog", inputs: { visible: { classPropertyName: "visible", publicName: "visible", isSignal: true, isRequired: false, transformFunction: null }, bookingId: { classPropertyName: "bookingId", publicName: "bookingId", isSignal: true, isRequired: false, transformFunction: null }, bookingData: { classPropertyName: "bookingData", publicName: "bookingData", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { closed: "closed" }, providers: [SbdReissueStore, SbdReissueUpgradeStore], ngImport: i0, template: "<p-dialog [visible]=\"visible()\" (visibleChange)=\"$event ? null : closed.emit()\"\n  [modal]=\"true\" [blockScroll]=\"true\" [draggable]=\"false\" [resizable]=\"false\"\n  [showHeader]=\"false\" [style]=\"{ width: '560px', padding: '0' }\" styleClass=\"sbd-reissue-dialog-wrapper\">\n\n  <div class=\"sbd-reissue\">\n\n    <!-- Header: same layout as the cancel dialog (round close button, centered title + booking id) -->\n    <div class=\"sbd-reissue__header\">\n      <button type=\"button\" class=\"sbd-reissue__close\" (click)=\"closed.emit()\" aria-label=\"Close\">\n        <i class=\"pi pi-times\"></i>\n      </button>\n      <div class=\"sbd-reissue__header-text\">\n        <h3 class=\"sbd-reissue__title\">{{ title() }}</h3>\n        <span class=\"sbd-reissue__sub\">Booking ID #{{ bookingId() }}</span>\n      </div>\n    </div>\n\n    @if (store.loading()) {\n      <div class=\"sbd-reissue__state\">\n        <div class=\"sbd-reissue__state-icon\"><i class=\"pi pi-spin pi-spinner\"></i></div>\n        <div class=\"sbd-reissue__state-text\">Checking availability\u2026</div>\n        <div class=\"sbd-reissue__dots\"><span></span><span></span><span></span></div>\n      </div>\n    } @else if (store.error()) {\n      <div class=\"sbd-reissue__state\">\n        <div class=\"sbd-reissue__state-icon sbd-reissue__state-icon--warn\"><i class=\"pi pi-exclamation-triangle\"></i></div>\n        <div class=\"sbd-reissue__state-text\">{{ store.error() }}</div>\n        <button pButton type=\"button\" label=\"Retry\" class=\"p-button-outlined p-button-secondary\" (click)=\"store.load()\"></button>\n      </div>\n    } @else if (store.blocked()) {\n      <!-- No leg can be reissued online: same idea as the cancel dialog's \"not eligible, escalate\" notice. -->\n      <div class=\"sbd-reissue__body\">\n        <app-sbd-reissue-notice tone=\"warn\" icon=\"pi pi-exclamation-triangle\">\n          <strong>{{ store.blocked()?.title }}</strong><br>{{ store.blocked()?.text }}\n        </app-sbd-reissue-notice>\n      </div>\n      <div class=\"sbd-reissue__footer\">\n        <button pButton type=\"button\" label=\"Close\" class=\"p-button-outlined p-button-secondary sbd-reissue__btn\"\n          (click)=\"closed.emit()\"></button>\n      </div>\n    } @else {\n      <div class=\"sbd-reissue__body\">\n        @switch (store.step()) {\n          @case ('service') {\n            <app-sbd-reissue-notice>Change requests are subject to availability from the airline.</app-sbd-reissue-notice>\n            <app-sbd-reissue-service-step\n              [upgradeAvailable]=\"store.upgradeAvailable()\"\n              (chosen)=\"onServiceChosen($event)\" />\n          }\n          @case ('legs') {\n            <app-sbd-reissue-legs-step\n              [rows]=\"store.legRows()\"\n              [anyAvailable]=\"store.anyAvailable()\"\n              (toggled)=\"store.toggleLeg($event)\" />\n          }\n          @case ('edit') {\n            @if (store.service() === 'change_date') {\n              <app-sbd-reissue-date-step\n                [rows]=\"store.dateRows()\"\n                (changed)=\"store.setDate($event.legId, $event.date)\" />\n            } @else {\n              <app-sbd-reissue-route-step\n                [rows]=\"store.routeRows()\"\n                [options]=\"store.airportOptions()\"\n                (airportChanged)=\"store.setAirport($event.legId, $event.side, $event.airport)\"\n                (searched)=\"store.searchAirports($event)\"\n                (swapped)=\"store.swapAirports($event)\" />\n            }\n          }\n          @case ('upgrade-legs') {\n            <app-sbd-reissue-legs-step\n              unavailableText=\"None of these flights can be upgraded online. Handle this booking manually.\"\n              [rows]=\"upgrade.legRows()\"\n              [anyAvailable]=\"upgrade.anyLegUpgradable()\"\n              [note]=\"store.allowSingleLegSelection() ? null : 'These flights must be upgraded together.'\"\n              [error]=\"upgrade.error()\"\n              (toggled)=\"upgrade.toggleLeg($event)\" />\n          }\n          @case ('upgrade') {\n            <app-sbd-reissue-upgrade-step\n              [sections]=\"upgrade.sections()\"\n              [error]=\"upgrade.error()\"\n              (picked)=\"upgrade.select($event.sectionId, $event.key)\" />\n          }\n          @case ('confirm') {\n            <app-sbd-reissue-upgrade-confirm-step\n              [rows]=\"upgrade.summary()\"\n              [total]=\"upgrade.total()\"\n              [totalLabel]=\"upgrade.totalLabel()\"\n              [priceChanged]=\"upgrade.priceChanged()\"\n              [booked]=\"upgrade.booked()\"\n              [link]=\"upgrade.paymentLink()\"\n              [error]=\"upgrade.error()\"\n              (restart)=\"restartFlow()\" />\n          }\n        }\n      </div>\n\n      @if (hint(); as text) {\n        <div class=\"sbd-reissue__hint\">{{ text }}</div>\n      }\n\n      @if (store.step() !== 'service') {\n        <div class=\"sbd-reissue__footer\">\n          <button pButton type=\"button\" label=\"Back\" class=\"p-button-outlined p-button-secondary sbd-reissue__btn\"\n            [disabled]=\"store.step() === 'confirm' && upgrade.locked()\" (click)=\"onBack()\"></button>\n\n          @switch (store.step()) {\n            @case ('legs') {\n              <button pButton type=\"button\" label=\"Continue\" class=\"sbd-reissue__btn\"\n                [disabled]=\"!store.canContinue()\" (click)=\"store.goToEdit()\"></button>\n            }\n            @case ('edit') {\n              <button pButton type=\"button\" icon=\"pi pi-search\" label=\"Search flights\" class=\"sbd-reissue__btn\"\n                [disabled]=\"!!store.validationError()\" (click)=\"searchFlights()\"></button>\n            }\n            @case ('upgrade-legs') {\n              <button pButton type=\"button\" label=\"Continue\" class=\"sbd-reissue__btn\" [loading]=\"upgrade.submitting()\"\n                [disabled]=\"!upgrade.canContinueFromLegs()\" (click)=\"upgrade.continueFromLegs()\"></button>\n            }\n            @case ('upgrade') {\n              <button pButton type=\"button\" label=\"Continue\" class=\"sbd-reissue__btn\" [loading]=\"upgrade.submitting()\"\n                [disabled]=\"!upgrade.canContinue()\" (click)=\"upgrade.continue()\"></button>\n            }\n            @case ('confirm') {\n              @switch (upgrade.action()) {\n                @case ('done') {\n                  <button pButton type=\"button\" label=\"Close\" class=\"sbd-reissue__btn\" (click)=\"closed.emit()\"></button>\n                }\n                @case ('book') {\n                  <button pButton type=\"button\" label=\"Confirm upgrade\" class=\"sbd-reissue__btn\"\n                    [loading]=\"upgrade.submitting()\" (click)=\"upgrade.confirm()\"></button>\n                }\n                @case ('link') {\n                  <button pButton type=\"button\" icon=\"pi pi-link\" label=\"Generate payment link\" class=\"sbd-reissue__btn\"\n                    [loading]=\"upgrade.submitting()\" (click)=\"upgrade.confirm()\"></button>\n                }\n              }\n            }\n          }\n        </div>\n      }\n    }\n  </div>\n</p-dialog>\n", styles: [":host ::ng-deep .sbd-reissue-dialog-wrapper{border-radius:16px;box-shadow:0 24px 60px #0f172a38}:host ::ng-deep .sbd-reissue-dialog-wrapper .p-dialog-content{padding:0;border-radius:16px;overflow:visible}.sbd-reissue{font-family:inherit;background:var(--sbd-r-bg, transparent);border-radius:16px;color-scheme:light;position:relative}.sbd-reissue__header{display:flex;align-items:flex-start;gap:12px;padding:20px 20px 0}.sbd-reissue__close{flex-shrink:0;width:32px;height:32px;border-radius:50%;background:var(--sbd-r-soft, #f8fafc);border:none;color:var(--sbd-r-ink, #1e2e4a);display:flex;align-items:center;justify-content:center;cursor:pointer}.sbd-reissue__close .pi{font-size:13px}.sbd-reissue__close:hover{background:var(--sbd-r-line, #e2e8f0)}.sbd-reissue__header-text{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center;margin-right:32px}.sbd-reissue__title{font-size:19px;font-weight:800;color:var(--sbd-r-ink, #1e2e4a);margin:0}.sbd-reissue__sub{font-size:12.5px;color:var(--sbd-r-faint, #94a3b8)}.sbd-reissue__body{padding:16px 20px 20px;display:flex;flex-direction:column;gap:12px}.sbd-reissue__hint{text-align:center;padding:0 20px 12px;font-size:13px;color:var(--sbd-r-faint, #94a3b8)}.sbd-reissue__footer{display:flex;justify-content:flex-end;gap:10px;align-items:stretch;padding:14px 20px;border-top:1px solid var(--sbd-r-line, #e2e8f0);background:var(--sbd-r-surface, #fff);border-radius:0 0 16px 16px}.sbd-reissue__btn{flex:1 1 0;justify-content:center}.sbd-reissue__state{padding:36px 24px 28px;display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center}.sbd-reissue__state-icon{width:56px;height:56px;border-radius:50%;background:var(--sbd-r-state-bg, #fff7ed);border:2px solid var(--sbd-r-state-line, #fed7aa);display:flex;align-items:center;justify-content:center}.sbd-reissue__state-icon .pi{font-size:24px;color:#f97316}.sbd-reissue__state-icon--warn{background:var(--sbd-r-state-warn-bg, #fef2f2);border-color:var(--sbd-r-state-warn-line, #fecaca)}.sbd-reissue__state-icon--warn .pi{color:#ef4444}.sbd-reissue__state-text{font-size:13px;color:var(--sbd-r-muted, #64748b);min-height:20px}.sbd-reissue__dots{display:flex;gap:6px}.sbd-reissue__dots span{width:7px;height:7px;border-radius:50%;background:#f97316;opacity:.3;animation:sbd-reissue-dot 1.2s ease-in-out infinite}.sbd-reissue__dots span:nth-child(2){animation-delay:.2s}.sbd-reissue__dots span:nth-child(3){animation-delay:.4s}@keyframes sbd-reissue-dot{0%,to{opacity:.3;transform:scale(1)}50%{opacity:1;transform:scale(1.4)}}:host-context(.dark) .sbd-reissue,:host-context([data-theme=dark]) .sbd-reissue{--sbd-r-bg: #18181b;--sbd-r-surface: #1f1f23;--sbd-r-soft: #27272a;--sbd-r-sunk: #2f2f34;--sbd-r-ink: #f4f4f5;--sbd-r-muted: #a1a1aa;--sbd-r-faint: #8b8b94;--sbd-r-line: #3f3f46;--sbd-r-line-strong: #52525b;--sbd-r-label: #d4d4d8;--sbd-r-input-text: #e4e4e7;--sbd-r-info-bg: #172554;--sbd-r-info-line: #1e3a8a;--sbd-r-info-text: #93c5fd;--sbd-r-warn-bg: #3a2a0e;--sbd-r-warn-line: #6b4a16;--sbd-r-warn-text: #fcd34d;--sbd-r-warn-icon: #f59e0b;--sbd-r-error-bg: #3a1517;--sbd-r-error-line: #7f1d1d;--sbd-r-error-text: #fca5a5;--sbd-r-success-bg: #0f2a1a;--sbd-r-success-line: #166534;--sbd-r-success-text: #86efac;--sbd-r-state-bg: #3a2410;--sbd-r-state-line: #7c3a10;--sbd-r-state-warn-bg: #3a1517;--sbd-r-state-warn-line: #7f1d1d;--sbd-r-green: #4ade80;--sbd-r-expiry-soon: #fbbf24;--sbd-r-accent-soft: color-mix(in srgb, var(--sbd-accent, #6d4aff) 28%, transparent);color-scheme:dark}\n"], dependencies: [{ kind: "ngmodule", type: DialogModule }, { kind: "component", type: i1$1.Dialog, selector: "p-dialog", inputs: ["header", "draggable", "resizable", "positionLeft", "positionTop", "contentStyle", "contentStyleClass", "modal", "closeOnEscape", "dismissableMask", "rtl", "closable", "responsive", "appendTo", "breakpoints", "styleClass", "maskStyleClass", "showHeader", "breakpoint", "blockScroll", "autoZIndex", "baseZIndex", "minX", "minY", "focusOnShow", "maximizable", "keepInViewport", "focusTrap", "transitionOptions", "closeIcon", "closeAriaLabel", "closeTabindex", "minimizeIcon", "maximizeIcon", "visible", "style", "position"], outputs: ["onShow", "onHide", "visibleChange", "onResizeInit", "onResizeEnd", "onDragEnd", "onMaximize"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i2$1.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading"] }, { kind: "component", type: SbdReissueNoticeComponent, selector: "app-sbd-reissue-notice", inputs: ["icon", "tone"] }, { kind: "component", type: SbdReissueServiceStepComponent, selector: "app-sbd-reissue-service-step", inputs: ["upgradeAvailable"], outputs: ["chosen"] }, { kind: "component", type: SbdReissueLegsStepComponent, selector: "app-sbd-reissue-legs-step", inputs: ["rows", "anyAvailable", "unavailableText", "note", "error"], outputs: ["toggled"] }, { kind: "component", type: SbdReissueDateStepComponent, selector: "app-sbd-reissue-date-step", inputs: ["rows"], outputs: ["changed"] }, { kind: "component", type: SbdReissueRouteStepComponent, selector: "app-sbd-reissue-route-step", inputs: ["rows", "options"], outputs: ["airportChanged", "searched", "swapped"] }, { kind: "component", type: SbdReissueUpgradeStepComponent, selector: "app-sbd-reissue-upgrade-step", inputs: ["sections", "error"], outputs: ["picked"] }, { kind: "component", type: SbdReissueUpgradeConfirmStepComponent, selector: "app-sbd-reissue-upgrade-confirm-step", inputs: ["rows", "total", "totalLabel", "priceChanged", "booked", "link", "error"], outputs: ["restart"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SbdReissueDialogComponent, decorators: [{
             type: Component,
@@ -8139,7 +8200,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                         SbdReissueRouteStepComponent,
                         SbdReissueUpgradeStepComponent,
                         SbdReissueUpgradeConfirmStepComponent,
-                    ], providers: [SbdReissueStore, SbdReissueUpgradeStore], changeDetection: ChangeDetectionStrategy.OnPush, template: "<p-dialog [visible]=\"visible()\" (visibleChange)=\"$event ? null : closed.emit()\"\n  [modal]=\"true\" [blockScroll]=\"true\" [draggable]=\"false\" [resizable]=\"false\"\n  [showHeader]=\"false\" [style]=\"{ width: '560px', padding: '0' }\" styleClass=\"sbd-reissue-dialog-wrapper\">\n\n  <div class=\"sbd-reissue\">\n\n    <!-- Header: same layout as the cancel dialog (round close button, centered title + booking id) -->\n    <div class=\"sbd-reissue__header\">\n      <button type=\"button\" class=\"sbd-reissue__close\" (click)=\"closed.emit()\" aria-label=\"Close\">\n        <i class=\"pi pi-times\"></i>\n      </button>\n      <div class=\"sbd-reissue__header-text\">\n        <h3 class=\"sbd-reissue__title\">{{ title() }}</h3>\n        <span class=\"sbd-reissue__sub\">Booking ID #{{ bookingId() }}</span>\n      </div>\n    </div>\n\n    @if (store.loading()) {\n      <div class=\"sbd-reissue__state\">\n        <div class=\"sbd-reissue__state-icon\"><i class=\"pi pi-spin pi-spinner\"></i></div>\n        <div class=\"sbd-reissue__state-text\">Checking availability\u2026</div>\n        <div class=\"sbd-reissue__dots\"><span></span><span></span><span></span></div>\n      </div>\n    } @else if (store.error()) {\n      <div class=\"sbd-reissue__state\">\n        <div class=\"sbd-reissue__state-icon sbd-reissue__state-icon--warn\"><i class=\"pi pi-exclamation-triangle\"></i></div>\n        <div class=\"sbd-reissue__state-text\">{{ store.error() }}</div>\n        <button pButton type=\"button\" label=\"Retry\" class=\"p-button-outlined p-button-secondary\" (click)=\"store.load()\"></button>\n      </div>\n    } @else if (store.blocked()) {\n      <!-- No leg can be reissued online: same idea as the cancel dialog's \"not eligible, escalate\" notice. -->\n      <div class=\"sbd-reissue__body\">\n        <app-sbd-reissue-notice tone=\"warn\" icon=\"pi pi-exclamation-triangle\">\n          <strong>{{ store.blocked()?.title }}</strong><br>{{ store.blocked()?.text }}\n        </app-sbd-reissue-notice>\n      </div>\n      <div class=\"sbd-reissue__footer\">\n        <button pButton type=\"button\" label=\"Close\" class=\"p-button-outlined p-button-secondary sbd-reissue__btn\"\n          (click)=\"closed.emit()\"></button>\n      </div>\n    } @else {\n      <div class=\"sbd-reissue__body\">\n        @switch (store.step()) {\n          @case ('service') {\n            <app-sbd-reissue-notice>Change requests are subject to availability from the airline.</app-sbd-reissue-notice>\n            <app-sbd-reissue-service-step\n              [upgradeAvailable]=\"store.upgradeAvailable()\"\n              (chosen)=\"onServiceChosen($event)\" />\n          }\n          @case ('legs') {\n            <app-sbd-reissue-legs-step\n              [rows]=\"store.legRows()\"\n              [anyAvailable]=\"store.anyAvailable()\"\n              (toggled)=\"store.toggleLeg($event)\" />\n          }\n          @case ('edit') {\n            @if (store.service() === 'change_date') {\n              <app-sbd-reissue-date-step\n                [rows]=\"store.dateRows()\"\n                (changed)=\"store.setDate($event.legId, $event.date)\" />\n            } @else {\n              <app-sbd-reissue-route-step\n                [rows]=\"store.routeRows()\"\n                [options]=\"store.airportOptions()\"\n                (airportChanged)=\"store.setAirport($event.legId, $event.side, $event.airport)\"\n                (searched)=\"store.searchAirports($event)\"\n                (swapped)=\"store.swapAirports($event)\" />\n            }\n          }\n          @case ('upgrade-legs') {\n            <app-sbd-reissue-legs-step\n              unavailableText=\"None of these flights can be upgraded online. Handle this booking manually.\"\n              [rows]=\"upgrade.legRows()\"\n              [anyAvailable]=\"upgrade.anyLegUpgradable()\"\n              [note]=\"store.allowSingleLegSelection() ? null : 'These flights must be upgraded together.'\"\n              [error]=\"upgrade.error()\"\n              (toggled)=\"upgrade.toggleLeg($event)\" />\n          }\n          @case ('upgrade') {\n            <app-sbd-reissue-upgrade-step\n              [sections]=\"upgrade.sections()\"\n              [error]=\"upgrade.error()\"\n              (picked)=\"upgrade.select($event.sectionId, $event.key)\" />\n          }\n          @case ('confirm') {\n            <app-sbd-reissue-upgrade-confirm-step\n              [rows]=\"upgrade.summary()\"\n              [total]=\"upgrade.total()\"\n              [totalLabel]=\"upgrade.totalLabel()\"\n              [priceChanged]=\"upgrade.priceChanged()\"\n              [booked]=\"upgrade.booked()\"\n              [link]=\"upgrade.paymentLink()\"\n              [error]=\"upgrade.error()\"\n              (restart)=\"restartFlow()\" />\n          }\n        }\n      </div>\n\n      @if (hint(); as text) {\n        <div class=\"sbd-reissue__hint\">{{ text }}</div>\n      }\n\n      @if (store.step() !== 'service') {\n        <div class=\"sbd-reissue__footer\">\n          <button pButton type=\"button\" label=\"Back\" class=\"p-button-outlined p-button-secondary sbd-reissue__btn\"\n            [disabled]=\"store.step() === 'confirm' && upgrade.locked()\" (click)=\"onBack()\"></button>\n\n          @switch (store.step()) {\n            @case ('legs') {\n              <button pButton type=\"button\" label=\"Continue\" class=\"sbd-reissue__btn\"\n                [disabled]=\"!store.canContinue()\" (click)=\"store.goToEdit()\"></button>\n            }\n            @case ('edit') {\n              <button pButton type=\"button\" icon=\"pi pi-search\" label=\"Search flights\" class=\"sbd-reissue__btn\"\n                [disabled]=\"!!store.validationError()\" (click)=\"searchFlights()\"></button>\n            }\n            @case ('upgrade-legs') {\n              <button pButton type=\"button\" label=\"Continue\" class=\"sbd-reissue__btn\" [loading]=\"upgrade.submitting()\"\n                [disabled]=\"!upgrade.canContinueFromLegs()\" (click)=\"upgrade.continueFromLegs()\"></button>\n            }\n            @case ('upgrade') {\n              <button pButton type=\"button\" label=\"Continue\" class=\"sbd-reissue__btn\" [loading]=\"upgrade.submitting()\"\n                [disabled]=\"!upgrade.canContinue()\" (click)=\"upgrade.continue()\"></button>\n            }\n            @case ('confirm') {\n              @switch (upgrade.action()) {\n                @case ('done') {\n                  <button pButton type=\"button\" label=\"Close\" class=\"sbd-reissue__btn\" (click)=\"closed.emit()\"></button>\n                }\n                @case ('book') {\n                  <button pButton type=\"button\" label=\"Confirm upgrade\" class=\"sbd-reissue__btn\"\n                    [loading]=\"upgrade.submitting()\" (click)=\"upgrade.confirm()\"></button>\n                }\n                @case ('link') {\n                  <button pButton type=\"button\" icon=\"pi pi-link\" label=\"Generate payment link\" class=\"sbd-reissue__btn\"\n                    [loading]=\"upgrade.submitting()\" (click)=\"upgrade.confirm()\"></button>\n                }\n              }\n            }\n          }\n        </div>\n      }\n    }\n  </div>\n</p-dialog>\n", styles: [":host ::ng-deep .sbd-reissue-dialog-wrapper{border-radius:16px;box-shadow:0 24px 60px #0f172a38}:host ::ng-deep .sbd-reissue-dialog-wrapper .p-dialog-content{padding:0;border-radius:16px;overflow:visible}.sbd-reissue{font-family:inherit;position:relative}.sbd-reissue__header{display:flex;align-items:flex-start;gap:12px;padding:20px 20px 0}.sbd-reissue__close{flex-shrink:0;width:32px;height:32px;border-radius:50%;background:#f8fafc;border:none;color:#1e2e4a;display:flex;align-items:center;justify-content:center;cursor:pointer}.sbd-reissue__close .pi{font-size:13px}.sbd-reissue__close:hover{background:#e2e8f0}.sbd-reissue__header-text{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center;margin-right:32px}.sbd-reissue__title{font-size:19px;font-weight:800;color:#1e2e4a;margin:0}.sbd-reissue__sub{font-size:12.5px;color:#94a3b8}.sbd-reissue__body{padding:16px 20px 20px;display:flex;flex-direction:column;gap:12px}.sbd-reissue__hint{text-align:center;padding:0 20px 12px;font-size:13px;color:#94a3b8}.sbd-reissue__footer{display:flex;justify-content:flex-end;gap:10px;align-items:stretch;padding:14px 20px;border-top:1px solid #e2e8f0;background:#fff;border-radius:0 0 16px 16px}.sbd-reissue__btn{flex:1 1 0;justify-content:center}.sbd-reissue__state{padding:36px 24px 28px;display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center}.sbd-reissue__state-icon{width:56px;height:56px;border-radius:50%;background:#fff7ed;border:2px solid #fed7aa;display:flex;align-items:center;justify-content:center}.sbd-reissue__state-icon .pi{font-size:24px;color:#f97316}.sbd-reissue__state-icon--warn{background:#fef2f2;border-color:#fecaca}.sbd-reissue__state-icon--warn .pi{color:#ef4444}.sbd-reissue__state-text{font-size:13px;color:#64748b;min-height:20px}.sbd-reissue__dots{display:flex;gap:6px}.sbd-reissue__dots span{width:7px;height:7px;border-radius:50%;background:#f97316;opacity:.3;animation:sbd-reissue-dot 1.2s ease-in-out infinite}.sbd-reissue__dots span:nth-child(2){animation-delay:.2s}.sbd-reissue__dots span:nth-child(3){animation-delay:.4s}@keyframes sbd-reissue-dot{0%,to{opacity:.3;transform:scale(1)}50%{opacity:1;transform:scale(1.4)}}\n"] }]
+                    ], providers: [SbdReissueStore, SbdReissueUpgradeStore], changeDetection: ChangeDetectionStrategy.OnPush, template: "<p-dialog [visible]=\"visible()\" (visibleChange)=\"$event ? null : closed.emit()\"\n  [modal]=\"true\" [blockScroll]=\"true\" [draggable]=\"false\" [resizable]=\"false\"\n  [showHeader]=\"false\" [style]=\"{ width: '560px', padding: '0' }\" styleClass=\"sbd-reissue-dialog-wrapper\">\n\n  <div class=\"sbd-reissue\">\n\n    <!-- Header: same layout as the cancel dialog (round close button, centered title + booking id) -->\n    <div class=\"sbd-reissue__header\">\n      <button type=\"button\" class=\"sbd-reissue__close\" (click)=\"closed.emit()\" aria-label=\"Close\">\n        <i class=\"pi pi-times\"></i>\n      </button>\n      <div class=\"sbd-reissue__header-text\">\n        <h3 class=\"sbd-reissue__title\">{{ title() }}</h3>\n        <span class=\"sbd-reissue__sub\">Booking ID #{{ bookingId() }}</span>\n      </div>\n    </div>\n\n    @if (store.loading()) {\n      <div class=\"sbd-reissue__state\">\n        <div class=\"sbd-reissue__state-icon\"><i class=\"pi pi-spin pi-spinner\"></i></div>\n        <div class=\"sbd-reissue__state-text\">Checking availability\u2026</div>\n        <div class=\"sbd-reissue__dots\"><span></span><span></span><span></span></div>\n      </div>\n    } @else if (store.error()) {\n      <div class=\"sbd-reissue__state\">\n        <div class=\"sbd-reissue__state-icon sbd-reissue__state-icon--warn\"><i class=\"pi pi-exclamation-triangle\"></i></div>\n        <div class=\"sbd-reissue__state-text\">{{ store.error() }}</div>\n        <button pButton type=\"button\" label=\"Retry\" class=\"p-button-outlined p-button-secondary\" (click)=\"store.load()\"></button>\n      </div>\n    } @else if (store.blocked()) {\n      <!-- No leg can be reissued online: same idea as the cancel dialog's \"not eligible, escalate\" notice. -->\n      <div class=\"sbd-reissue__body\">\n        <app-sbd-reissue-notice tone=\"warn\" icon=\"pi pi-exclamation-triangle\">\n          <strong>{{ store.blocked()?.title }}</strong><br>{{ store.blocked()?.text }}\n        </app-sbd-reissue-notice>\n      </div>\n      <div class=\"sbd-reissue__footer\">\n        <button pButton type=\"button\" label=\"Close\" class=\"p-button-outlined p-button-secondary sbd-reissue__btn\"\n          (click)=\"closed.emit()\"></button>\n      </div>\n    } @else {\n      <div class=\"sbd-reissue__body\">\n        @switch (store.step()) {\n          @case ('service') {\n            <app-sbd-reissue-notice>Change requests are subject to availability from the airline.</app-sbd-reissue-notice>\n            <app-sbd-reissue-service-step\n              [upgradeAvailable]=\"store.upgradeAvailable()\"\n              (chosen)=\"onServiceChosen($event)\" />\n          }\n          @case ('legs') {\n            <app-sbd-reissue-legs-step\n              [rows]=\"store.legRows()\"\n              [anyAvailable]=\"store.anyAvailable()\"\n              (toggled)=\"store.toggleLeg($event)\" />\n          }\n          @case ('edit') {\n            @if (store.service() === 'change_date') {\n              <app-sbd-reissue-date-step\n                [rows]=\"store.dateRows()\"\n                (changed)=\"store.setDate($event.legId, $event.date)\" />\n            } @else {\n              <app-sbd-reissue-route-step\n                [rows]=\"store.routeRows()\"\n                [options]=\"store.airportOptions()\"\n                (airportChanged)=\"store.setAirport($event.legId, $event.side, $event.airport)\"\n                (searched)=\"store.searchAirports($event)\"\n                (swapped)=\"store.swapAirports($event)\" />\n            }\n          }\n          @case ('upgrade-legs') {\n            <app-sbd-reissue-legs-step\n              unavailableText=\"None of these flights can be upgraded online. Handle this booking manually.\"\n              [rows]=\"upgrade.legRows()\"\n              [anyAvailable]=\"upgrade.anyLegUpgradable()\"\n              [note]=\"store.allowSingleLegSelection() ? null : 'These flights must be upgraded together.'\"\n              [error]=\"upgrade.error()\"\n              (toggled)=\"upgrade.toggleLeg($event)\" />\n          }\n          @case ('upgrade') {\n            <app-sbd-reissue-upgrade-step\n              [sections]=\"upgrade.sections()\"\n              [error]=\"upgrade.error()\"\n              (picked)=\"upgrade.select($event.sectionId, $event.key)\" />\n          }\n          @case ('confirm') {\n            <app-sbd-reissue-upgrade-confirm-step\n              [rows]=\"upgrade.summary()\"\n              [total]=\"upgrade.total()\"\n              [totalLabel]=\"upgrade.totalLabel()\"\n              [priceChanged]=\"upgrade.priceChanged()\"\n              [booked]=\"upgrade.booked()\"\n              [link]=\"upgrade.paymentLink()\"\n              [error]=\"upgrade.error()\"\n              (restart)=\"restartFlow()\" />\n          }\n        }\n      </div>\n\n      @if (hint(); as text) {\n        <div class=\"sbd-reissue__hint\">{{ text }}</div>\n      }\n\n      @if (store.step() !== 'service') {\n        <div class=\"sbd-reissue__footer\">\n          <button pButton type=\"button\" label=\"Back\" class=\"p-button-outlined p-button-secondary sbd-reissue__btn\"\n            [disabled]=\"store.step() === 'confirm' && upgrade.locked()\" (click)=\"onBack()\"></button>\n\n          @switch (store.step()) {\n            @case ('legs') {\n              <button pButton type=\"button\" label=\"Continue\" class=\"sbd-reissue__btn\"\n                [disabled]=\"!store.canContinue()\" (click)=\"store.goToEdit()\"></button>\n            }\n            @case ('edit') {\n              <button pButton type=\"button\" icon=\"pi pi-search\" label=\"Search flights\" class=\"sbd-reissue__btn\"\n                [disabled]=\"!!store.validationError()\" (click)=\"searchFlights()\"></button>\n            }\n            @case ('upgrade-legs') {\n              <button pButton type=\"button\" label=\"Continue\" class=\"sbd-reissue__btn\" [loading]=\"upgrade.submitting()\"\n                [disabled]=\"!upgrade.canContinueFromLegs()\" (click)=\"upgrade.continueFromLegs()\"></button>\n            }\n            @case ('upgrade') {\n              <button pButton type=\"button\" label=\"Continue\" class=\"sbd-reissue__btn\" [loading]=\"upgrade.submitting()\"\n                [disabled]=\"!upgrade.canContinue()\" (click)=\"upgrade.continue()\"></button>\n            }\n            @case ('confirm') {\n              @switch (upgrade.action()) {\n                @case ('done') {\n                  <button pButton type=\"button\" label=\"Close\" class=\"sbd-reissue__btn\" (click)=\"closed.emit()\"></button>\n                }\n                @case ('book') {\n                  <button pButton type=\"button\" label=\"Confirm upgrade\" class=\"sbd-reissue__btn\"\n                    [loading]=\"upgrade.submitting()\" (click)=\"upgrade.confirm()\"></button>\n                }\n                @case ('link') {\n                  <button pButton type=\"button\" icon=\"pi pi-link\" label=\"Generate payment link\" class=\"sbd-reissue__btn\"\n                    [loading]=\"upgrade.submitting()\" (click)=\"upgrade.confirm()\"></button>\n                }\n              }\n            }\n          }\n        </div>\n      }\n    }\n  </div>\n</p-dialog>\n", styles: [":host ::ng-deep .sbd-reissue-dialog-wrapper{border-radius:16px;box-shadow:0 24px 60px #0f172a38}:host ::ng-deep .sbd-reissue-dialog-wrapper .p-dialog-content{padding:0;border-radius:16px;overflow:visible}.sbd-reissue{font-family:inherit;background:var(--sbd-r-bg, transparent);border-radius:16px;color-scheme:light;position:relative}.sbd-reissue__header{display:flex;align-items:flex-start;gap:12px;padding:20px 20px 0}.sbd-reissue__close{flex-shrink:0;width:32px;height:32px;border-radius:50%;background:var(--sbd-r-soft, #f8fafc);border:none;color:var(--sbd-r-ink, #1e2e4a);display:flex;align-items:center;justify-content:center;cursor:pointer}.sbd-reissue__close .pi{font-size:13px}.sbd-reissue__close:hover{background:var(--sbd-r-line, #e2e8f0)}.sbd-reissue__header-text{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center;margin-right:32px}.sbd-reissue__title{font-size:19px;font-weight:800;color:var(--sbd-r-ink, #1e2e4a);margin:0}.sbd-reissue__sub{font-size:12.5px;color:var(--sbd-r-faint, #94a3b8)}.sbd-reissue__body{padding:16px 20px 20px;display:flex;flex-direction:column;gap:12px}.sbd-reissue__hint{text-align:center;padding:0 20px 12px;font-size:13px;color:var(--sbd-r-faint, #94a3b8)}.sbd-reissue__footer{display:flex;justify-content:flex-end;gap:10px;align-items:stretch;padding:14px 20px;border-top:1px solid var(--sbd-r-line, #e2e8f0);background:var(--sbd-r-surface, #fff);border-radius:0 0 16px 16px}.sbd-reissue__btn{flex:1 1 0;justify-content:center}.sbd-reissue__state{padding:36px 24px 28px;display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center}.sbd-reissue__state-icon{width:56px;height:56px;border-radius:50%;background:var(--sbd-r-state-bg, #fff7ed);border:2px solid var(--sbd-r-state-line, #fed7aa);display:flex;align-items:center;justify-content:center}.sbd-reissue__state-icon .pi{font-size:24px;color:#f97316}.sbd-reissue__state-icon--warn{background:var(--sbd-r-state-warn-bg, #fef2f2);border-color:var(--sbd-r-state-warn-line, #fecaca)}.sbd-reissue__state-icon--warn .pi{color:#ef4444}.sbd-reissue__state-text{font-size:13px;color:var(--sbd-r-muted, #64748b);min-height:20px}.sbd-reissue__dots{display:flex;gap:6px}.sbd-reissue__dots span{width:7px;height:7px;border-radius:50%;background:#f97316;opacity:.3;animation:sbd-reissue-dot 1.2s ease-in-out infinite}.sbd-reissue__dots span:nth-child(2){animation-delay:.2s}.sbd-reissue__dots span:nth-child(3){animation-delay:.4s}@keyframes sbd-reissue-dot{0%,to{opacity:.3;transform:scale(1)}50%{opacity:1;transform:scale(1.4)}}:host-context(.dark) .sbd-reissue,:host-context([data-theme=dark]) .sbd-reissue{--sbd-r-bg: #18181b;--sbd-r-surface: #1f1f23;--sbd-r-soft: #27272a;--sbd-r-sunk: #2f2f34;--sbd-r-ink: #f4f4f5;--sbd-r-muted: #a1a1aa;--sbd-r-faint: #8b8b94;--sbd-r-line: #3f3f46;--sbd-r-line-strong: #52525b;--sbd-r-label: #d4d4d8;--sbd-r-input-text: #e4e4e7;--sbd-r-info-bg: #172554;--sbd-r-info-line: #1e3a8a;--sbd-r-info-text: #93c5fd;--sbd-r-warn-bg: #3a2a0e;--sbd-r-warn-line: #6b4a16;--sbd-r-warn-text: #fcd34d;--sbd-r-warn-icon: #f59e0b;--sbd-r-error-bg: #3a1517;--sbd-r-error-line: #7f1d1d;--sbd-r-error-text: #fca5a5;--sbd-r-success-bg: #0f2a1a;--sbd-r-success-line: #166534;--sbd-r-success-text: #86efac;--sbd-r-state-bg: #3a2410;--sbd-r-state-line: #7c3a10;--sbd-r-state-warn-bg: #3a1517;--sbd-r-state-warn-line: #7f1d1d;--sbd-r-green: #4ade80;--sbd-r-expiry-soon: #fbbf24;--sbd-r-accent-soft: color-mix(in srgb, var(--sbd-accent, #6d4aff) 28%, transparent);color-scheme:dark}\n"] }]
         }], ctorParameters: () => [] });
 class SbdHotelContentComponent {
@@ -8361,6 +8422,11 @@ class SmartBookingDashboardComponent {
             document.querySelector('.sbd-booking-input__field')?.focus();
         }
     }
+    /** The booking on screen was found under the previous brand: clear it, the agent looks it up again on the new one. */
+    onBrandChanged() {
+        this.bookingStatus.set('idle');
+        this.bookingData.set(null);
+    }
     lookupBooking() {
         const id = this.bookingId().trim();
         if (!id)
@@ -8389,7 +8455,7 @@ class SmartBookingDashboardComponent {
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SmartBookingDashboardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: SmartBookingDashboardComponent, isStandalone: true, selector: "app-smart-booking-dashboard", host: { listeners: { "document:keydown": "onKeydown($event)" } }, ngImport: i0, template: "<div class=\"sbd-page\">\n\n  <!-- Search bar full-width at top -->\n  <div class=\"sbd-page__search\">\n    <app-sbd-booking-input\n      [(product)]=\"product\"\n      [(bookingId)]=\"bookingId\"\n      [loading]=\"bookingStatus() === 'loading'\"\n      (lookup)=\"lookupBooking()\"\n    />\n  </div>\n\n  <!-- Hotel: Use dedicated component -->\n  @if (product() === 'hotel') {\n    <app-sbd-hotel-content\n      [bookingData]=\"bookingData()\"\n      [bookingStatus]=\"bookingStatus()\"\n      [bookingId]=\"bookingId()\"\n      [dataVerified]=\"dataVerified()\"\n      [bookingNotes]=\"bookingNotes()\"\n      [bookingHistory]=\"bookingHistory()\"\n      [historyGroups]=\"historyGroups()\"\n      [activeContextTab]=\"activeContextTab()\"\n      (cancelBooking)=\"cancelDialogOpen.set(true)\"\n      (addNoteRequested)=\"addNoteDialogOpen.set(true)\"\n      (contextTabChanged)=\"activeContextTab.set($event)\"\n    />\n  }\n\n  <!-- Flight: Keep original 2-column layout -->\n  @if (product() === 'flight') {\n    <div class=\"sbd-page__content\">\n\n      <!-- Left: booking context -->\n      <aside class=\"sbd-page__aside\">\n\n        <!-- Data search at the top of the sidebar -->\n        @if (bookingStatus() === 'success') {\n          <app-sbd-data-search [data]=\"bookingData()\" />\n          <app-sbd-flight-itinerary-card [product]=\"product()\" [data]=\"bookingData()\" [verified]=\"dataVerified()\" />\n        }\n\n        <!-- Loading skeleton for aside -->\n        @if (bookingStatus() === 'loading') {\n          <div class=\"sbd-page__skeleton-card\">\n            <div class=\"sbd-page__skeleton-row\" style=\"width:60%\"></div>\n            <div class=\"sbd-page__skeleton-row\" style=\"width:40%\"></div>\n            <div class=\"sbd-page__skeleton-row\" style=\"width:80%\"></div>\n            <div class=\"sbd-page__skeleton-row\" style=\"width:50%\"></div>\n          </div>\n        }\n\n      </aside>\n\n      <!-- Right: agent workspace -->\n      <main class=\"sbd-page__main\">\n\n        <!-- Error state -->\n        @if (bookingStatus() === 'error') {\n          <div class=\"sbd-page__error\">\n            <i class=\"pi pi-exclamation-circle\"></i>\n            <span>Booking not found. Double-check the ID and product type, then try again.</span>\n          </div>\n        }\n\n        <!-- Content once loaded -->\n        @if (bookingStatus() === 'success') {\n\n          <!-- Quick actions -->\n          <div class=\"sbd-page__quick-actions\">\n            <span class=\"sbd-page__quick-label\">Quick actions</span>\n            <app-sbd-workflow-actions\n              [bookingId]=\"bookingId()\"\n              [showReissue]=\"reissueEnabled && product() === 'flight'\"\n              (cancelBooking)=\"cancelDialogOpen.set(true)\"\n              (reissue)=\"reissueDialogOpen.set(true)\"\n            />\n          </div>\n\n          <!-- Action grid -->\n          <app-sbd-action-grid\n            [actions]=\"availableActions()\"\n            [activeKey]=\"selectedActionKey()\"\n            (actionSelected)=\"openAction($event)\"\n          />\n\n          <!-- Context: Notes + Changes tabbed -->\n          <div class=\"sbd-page__context\">\n\n            <!-- Tab bar -->\n            <div class=\"sbd-page__context-tabs\">\n              <button class=\"sbd-page__context-tab\"\n                [class.sbd-page__context-tab--active]=\"activeContextTab() === 'changes'\"\n                (click)=\"activeContextTab.set('changes')\">\n                <i class=\"pi pi-history\"></i>\n                Changes\n                @if (bookingHistory().length > 0) {\n                  <span class=\"sbd-page__context-pill sbd-page__context-pill--changes\">{{ bookingHistory().length }}</span>\n                }\n              </button>\n              <button class=\"sbd-page__context-tab\"\n                [class.sbd-page__context-tab--active]=\"activeContextTab() === 'notes'\"\n                (click)=\"activeContextTab.set('notes')\">\n                <i class=\"pi pi-comments\"></i>\n                Notes\n                <span class=\"sbd-page__context-pill sbd-page__context-pill--notes\">{{ bookingNotes().length }}</span>\n              </button>\n              @if (activeContextTab() === 'notes') {\n                <button pButton label=\"Add Note\" icon=\"pi pi-plus\" class=\"p-button-sm p-button-outlined sbd-page__context-add\"\n                  (click)=\"addNoteDialogOpen.set(true)\">\n                </button>\n              }\n            </div>\n\n            <!-- Notes tab -->\n            @if (activeContextTab() === 'notes') {\n              <div class=\"sbd-page__notes-list\">\n                @if (bookingNotes().length === 0) {\n                  <div class=\"sbd-page__context-empty\">\n                    <i class=\"pi pi-inbox\"></i> No notes yet\n                  </div>\n                }\n                @for (note of bookingNotes(); track $index) {\n                  <div class=\"sbd-page__note\">\n                    <div class=\"sbd-page__note-top\">\n                      <span class=\"sbd-page__note-badge sbd-page__note-badge--{{ note.action | lowercase }}\">\n                        {{ note.action }}\n                      </span>\n                      <span class=\"sbd-page__note-author\">\n                        {{ note.writtenBy?.firstName }} {{ note.writtenBy?.lastName }}\n                      </span>\n                      <span class=\"sbd-page__note-date\">{{ fmtNoteDate(note.date) }}</span>\n                    </div>\n                    <p class=\"sbd-page__note-msg\">{{ note.message }}</p>\n                  </div>\n                }\n              </div>\n            }\n\n            <!-- Changes tab -->\n            @if (activeContextTab() === 'changes') {\n              <div class=\"sbd-page__changes-groups\">\n                @if (historyGroups().length === 0) {\n                  <div class=\"sbd-page__context-empty\">\n                    <i class=\"pi pi-check\"></i> No changes recorded\n                  </div>\n                }\n                @for (group of historyGroups(); track group.changedAt) {\n                  <div class=\"sbd-page__changes-group\">\n                    <div class=\"sbd-page__changes-meta\">\n                      <i class=\"pi pi-user\"></i>\n                      <strong>{{ group.changedBy }}</strong>\n                      <span class=\"sbd-page__changes-sep\">\u00B7</span>\n                      <span>{{ fmtDate(group.changedAt) }}</span>\n                    </div>\n                    <table class=\"sbd-page__changes-table\">\n                      <thead>\n                        <tr>\n                          <th>Field</th>\n                          <th><i class=\"pi pi-times-circle\"></i> Before</th>\n                          <th><i class=\"pi pi-check-circle\"></i> After</th>\n                        </tr>\n                      </thead>\n                      <tbody>\n                        @for (entry of group.entries; track entry.field) {\n                          <tr>\n                            <td class=\"sbd-page__changes-field\">{{ formatField(entry.field) }}</td>\n                            <td class=\"sbd-page__changes-old\">{{ entry.from }}</td>\n                            <td class=\"sbd-page__changes-new\">{{ entry.to }}</td>\n                          </tr>\n                        }\n                      </tbody>\n                    </table>\n                  </div>\n                }\n              </div>\n            }\n\n          </div>\n\n        }\n\n        <!-- Loading skeleton for main -->\n        @if (bookingStatus() === 'loading') {\n          <div class=\"sbd-page__skeleton-card\">\n            <div class=\"sbd-page__skeleton-row\" style=\"width:40%\"></div>\n            <div class=\"sbd-page__skeleton-row\" style=\"width:25%\"></div>\n          </div>\n        }\n\n      </main>\n\n    </div>\n  }\n\n</div>\n\n<app-sbd-cancel-dialog\n  [visible]=\"cancelDialogOpen() && product() === 'flight'\"\n  [bookingId]=\"bookingId()\"\n  [product]=\"product()\"\n  [pnrInfo]=\"cancelPnrInfo()\"\n  [bookingInfo]=\"bookingData()\"\n  (closed)=\"cancelDialogOpen.set(false)\"\n  (confirmed)=\"bookingStatus.set('idle'); bookingData.set(null)\"\n/>\n\n<almatar-hotel-auto-cancellation\n  *ngIf=\"cancelDialogOpen() && product() === 'hotel'\"\n  [selectedHotelBooking]=\"bookingData()\"\n  (closed)=\"cancelDialogOpen.set(false)\"\n  (cancellationSuccess)=\"bookingStatus.set('idle'); bookingData.set(null)\"\n/>\n\n<app-sbd-action-dialog\n  [visible]=\"actionDialogOpen()\"\n  [bookingId]=\"bookingId()\"\n  [product]=\"product()\"\n  [actions]=\"availableActions()\"\n  [initialKey]=\"selectedActionKey()\"\n  [preloadedData]=\"bookingData()\"\n  (closed)=\"actionDialogOpen.set(false)\"\n/>\n\n<app-sbd-add-note-dialog\n  [visible]=\"addNoteDialogOpen()\"\n  [bookingId]=\"bookingId()\"\n  [product]=\"product()\"\n  (closed)=\"addNoteDialogOpen.set(false)\"\n/>\n\n<app-sbd-reissue-dialog\n  [visible]=\"reissueDialogOpen()\"\n  [bookingId]=\"bookingId()\"\n  [bookingData]=\"bookingData()\"\n  (closed)=\"reissueDialogOpen.set(false)\"\n/>\n", styles: [".sbd-page{display:flex;flex-direction:column;gap:20px;padding:24px;max-width:1400px;min-height:100%}.sbd-page__search{width:100%}.sbd-page__error{display:flex;align-items:center;gap:10px;padding:16px 20px;background:#fef2f2;border:1px solid rgba(239,68,68,.2);border-radius:10px;color:#ef4444;font-size:13.5px;font-weight:500}.sbd-page__error i{font-size:18px}.sbd-page__content{display:grid;grid-template-columns:320px 1fr;gap:20px;align-items:start}@media (max-width: 960px){.sbd-page__content{grid-template-columns:1fr}}.sbd-page__aside{display:flex;flex-direction:column;gap:16px;position:sticky;top:20px}.sbd-page__main{display:flex;flex-direction:column;gap:16px}.sbd-page__quick-actions{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#fff;border:1px solid #e2e8f0;border-radius:10px;flex-wrap:wrap}.sbd-page__quick-label{font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#94a3b8;flex-shrink:0}.sbd-page__context{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden}.sbd-page__context-tabs{display:flex;align-items:center;border-bottom:1px solid #e2e8f0;background:#f8fafc}.sbd-page__context-add{margin-left:auto;margin-right:10px}.sbd-page__context-tab{display:flex;align-items:center;gap:7px;padding:11px 20px;font-size:13px;font-weight:600;color:#64748b;background:transparent;border:none;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;transition:color .15s,border-color .15s}.sbd-page__context-tab .pi{font-size:13px}.sbd-page__context-tab:hover{color:#334155}.sbd-page__context-tab--active{color:#1e2e4a;border-bottom-color:var(--sbd-primary, #3b82f6);background:#fff}.sbd-page__context-pill{font-size:10.5px;font-weight:700;padding:1px 7px;border-radius:10px}.sbd-page__context-pill--notes{background:#e0e7ff;color:#4338ca}.sbd-page__context-pill--changes{background:#fef3c7;color:#b45309}.sbd-page__context-empty{display:flex;align-items:center;gap:8px;padding:24px 20px;font-size:13px;color:#94a3b8}.sbd-page__context-empty .pi{font-size:16px}.sbd-page__notes-list{display:flex;flex-direction:column}.sbd-page__note{padding:12px 16px;border-bottom:1px solid #f1f5f9;display:flex;flex-direction:column;gap:6px}.sbd-page__note:last-child{border-bottom:none}.sbd-page__note-top{display:flex;align-items:center;gap:8px}.sbd-page__note-badge{font-size:10px;font-weight:800;letter-spacing:.05em;padding:2px 8px;border-radius:10px;text-transform:uppercase;flex-shrink:0}.sbd-page__note-badge--general{background:#dbeafe;color:#1d4ed8}.sbd-page__note-badge--remark{background:#fef3c7;color:#b45309}.sbd-page__note-badge--feedback{background:#f3e8ff;color:#7e22ce}.sbd-page__note-author{font-size:12px;font-weight:700;color:#1e2e4a}.sbd-page__note-date{margin-left:auto;font-size:11px;color:#94a3b8;white-space:nowrap}.sbd-page__note-msg{margin:0;font-size:13px;color:#334155;line-height:1.55}.sbd-page__changes-groups{display:flex;flex-direction:column}.sbd-page__changes-group{border-bottom:1px solid #f1f5f9}.sbd-page__changes-group:last-child{border-bottom:none}.sbd-page__changes-meta{display:flex;align-items:center;gap:6px;padding:8px 16px;background:#fafafa;border-bottom:1px solid #f1f5f9;font-size:11.5px;color:#64748b}.sbd-page__changes-meta strong{font-weight:700;color:#334155}.sbd-page__changes-meta .pi{font-size:11px;color:#94a3b8}.sbd-page__changes-sep{color:#cbd5e1}.sbd-page__changes-table{width:100%;border-collapse:collapse;font-size:12.5px}.sbd-page__changes-table thead tr{background:#f8fafc;border-bottom:1px solid #e2e8f0}.sbd-page__changes-table thead th{padding:7px 14px;text-align:left;font-size:10.5px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:#64748b;white-space:nowrap}.sbd-page__changes-table thead th .pi{margin-right:4px;font-size:10px}.sbd-page__changes-table thead th:nth-child(2){color:#dc2626}.sbd-page__changes-table thead th:nth-child(3){color:#16a34a}.sbd-page__changes-table tbody tr{border-bottom:1px solid #f1f5f9}.sbd-page__changes-table tbody tr:last-child{border-bottom:none}.sbd-page__changes-table tbody tr:hover{background:#f8fafc}.sbd-page__changes-table tbody td{padding:8px 14px;vertical-align:top;word-break:break-word}.sbd-page__changes-field{font-size:12px;font-weight:600;color:#475569;width:28%}.sbd-page__changes-old{color:#dc2626;font-weight:500;text-decoration:line-through;opacity:.8;width:36%}.sbd-page__changes-new{color:#16a34a;font-weight:700;width:36%}.sbd-page__content--loading{opacity:.6;pointer-events:none}.sbd-page__skeleton-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:20px;display:flex;flex-direction:column;gap:12px}.sbd-page__skeleton-row{height:13px;background:#f1f5f9;border-radius:6px;animation:sbd-shimmer 1.4s ease-in-out infinite}.sbd-page__skeleton-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:8px}.sbd-page__skeleton-chip{height:56px;background:#f1f5f9;border-radius:8px;animation:sbd-shimmer 1.4s ease-in-out infinite}@keyframes sbd-shimmer{0%,to{opacity:1}50%{opacity:.45}}@keyframes sbd-fadein{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}\n"], dependencies: [{ kind: "component", type: SbdBookingInputComponent, selector: "app-sbd-booking-input", inputs: ["loading", "product", "bookingId"], outputs: ["productChange", "bookingIdChange", "lookup"] }, { kind: "component", type: SbdWorkflowActionsComponent, selector: "app-sbd-workflow-actions", inputs: ["bookingId", "showReissue"], outputs: ["cancelBooking", "reissue"] }, { kind: "component", type: SbdActionGridComponent, selector: "app-sbd-action-grid", inputs: ["actions", "activeKey", "loadingKey"], outputs: ["actionSelected"] }, { kind: "component", type: SbdCancelDialogComponent, selector: "app-sbd-cancel-dialog", inputs: ["visible", "bookingId", "product", "pnrInfo", "bookingInfo"], outputs: ["closed", "confirmed"] }, { kind: "component", type: AlmatarHotelAutoCancellationComponent, selector: "almatar-hotel-auto-cancellation", inputs: ["selectedHotelBooking"], outputs: ["closed", "cancellationSuccess", "nonRefundableSubmitSuccess", "chatWithAgent"] }, { kind: "component", type: SbdFlightItineraryCardComponent, selector: "app-sbd-flight-itinerary-card", inputs: ["data", "product", "verified"] }, { kind: "component", type: SbdDataSearchComponent, selector: "app-sbd-data-search", inputs: ["data"] }, { kind: "component", type: SbdActionDialogComponent, selector: "app-sbd-action-dialog", inputs: ["visible", "bookingId", "product", "actions", "initialKey", "preloadedData"], outputs: ["closed"] }, { kind: "component", type: SbdAddNoteDialogComponent, selector: "app-sbd-add-note-dialog", inputs: ["visible", "bookingId", "product"], outputs: ["closed"] }, { kind: "component", type: SbdReissueDialogComponent, selector: "app-sbd-reissue-dialog", inputs: ["visible", "bookingId", "bookingData"], outputs: ["closed"] }, { kind: "component", type: SbdHotelContentComponent, selector: "app-sbd-hotel-content", inputs: ["bookingData", "bookingStatus", "bookingId", "dataVerified", "bookingNotes", "bookingHistory", "historyGroups", "activeContextTab"], outputs: ["cancelBooking", "addNoteRequested", "contextTabChanged"] }, { kind: "pipe", type: LowerCasePipe, name: "lowercase" }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i2$1.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: SmartBookingDashboardComponent, isStandalone: true, selector: "app-smart-booking-dashboard", host: { listeners: { "document:keydown": "onKeydown($event)" } }, ngImport: i0, template: "<div class=\"sbd-page\">\n\n  <!-- Search bar full-width at top -->\n  <div class=\"sbd-page__search\">\n    <app-sbd-booking-input\n      [(product)]=\"product\"\n      [(bookingId)]=\"bookingId\"\n      [loading]=\"bookingStatus() === 'loading'\"\n      (lookup)=\"lookupBooking()\"\n      (brandChanged)=\"onBrandChanged()\"\n    />\n  </div>\n\n  <!-- Hotel: Use dedicated component -->\n  @if (product() === 'hotel') {\n    <app-sbd-hotel-content\n      [bookingData]=\"bookingData()\"\n      [bookingStatus]=\"bookingStatus()\"\n      [bookingId]=\"bookingId()\"\n      [dataVerified]=\"dataVerified()\"\n      [bookingNotes]=\"bookingNotes()\"\n      [bookingHistory]=\"bookingHistory()\"\n      [historyGroups]=\"historyGroups()\"\n      [activeContextTab]=\"activeContextTab()\"\n      (cancelBooking)=\"cancelDialogOpen.set(true)\"\n      (addNoteRequested)=\"addNoteDialogOpen.set(true)\"\n      (contextTabChanged)=\"activeContextTab.set($event)\"\n    />\n  }\n\n  <!-- Flight: Keep original 2-column layout -->\n  @if (product() === 'flight') {\n    <div class=\"sbd-page__content\">\n\n      <!-- Left: booking context -->\n      <aside class=\"sbd-page__aside\">\n\n        <!-- Data search at the top of the sidebar -->\n        @if (bookingStatus() === 'success') {\n          <app-sbd-data-search [data]=\"bookingData()\" />\n          <app-sbd-flight-itinerary-card [product]=\"product()\" [data]=\"bookingData()\" [verified]=\"dataVerified()\" />\n        }\n\n        <!-- Loading skeleton for aside -->\n        @if (bookingStatus() === 'loading') {\n          <div class=\"sbd-page__skeleton-card\">\n            <div class=\"sbd-page__skeleton-row\" style=\"width:60%\"></div>\n            <div class=\"sbd-page__skeleton-row\" style=\"width:40%\"></div>\n            <div class=\"sbd-page__skeleton-row\" style=\"width:80%\"></div>\n            <div class=\"sbd-page__skeleton-row\" style=\"width:50%\"></div>\n          </div>\n        }\n\n      </aside>\n\n      <!-- Right: agent workspace -->\n      <main class=\"sbd-page__main\">\n\n        <!-- Error state -->\n        @if (bookingStatus() === 'error') {\n          <div class=\"sbd-page__error\">\n            <i class=\"pi pi-exclamation-circle\"></i>\n            <span>Booking not found. Double-check the ID and product type, then try again.</span>\n          </div>\n        }\n\n        <!-- Content once loaded -->\n        @if (bookingStatus() === 'success') {\n\n          <!-- Quick actions -->\n          <div class=\"sbd-page__quick-actions\">\n            <span class=\"sbd-page__quick-label\">Quick actions</span>\n            <app-sbd-workflow-actions\n              [bookingId]=\"bookingId()\"\n              [showReissue]=\"reissueEnabled && product() === 'flight'\"\n              (cancelBooking)=\"cancelDialogOpen.set(true)\"\n              (reissue)=\"reissueDialogOpen.set(true)\"\n            />\n          </div>\n\n          <!-- Action grid -->\n          <app-sbd-action-grid\n            [actions]=\"availableActions()\"\n            [activeKey]=\"selectedActionKey()\"\n            (actionSelected)=\"openAction($event)\"\n          />\n\n          <!-- Context: Notes + Changes tabbed -->\n          <div class=\"sbd-page__context\">\n\n            <!-- Tab bar -->\n            <div class=\"sbd-page__context-tabs\">\n              <button class=\"sbd-page__context-tab\"\n                [class.sbd-page__context-tab--active]=\"activeContextTab() === 'changes'\"\n                (click)=\"activeContextTab.set('changes')\">\n                <i class=\"pi pi-history\"></i>\n                Changes\n                @if (bookingHistory().length > 0) {\n                  <span class=\"sbd-page__context-pill sbd-page__context-pill--changes\">{{ bookingHistory().length }}</span>\n                }\n              </button>\n              <button class=\"sbd-page__context-tab\"\n                [class.sbd-page__context-tab--active]=\"activeContextTab() === 'notes'\"\n                (click)=\"activeContextTab.set('notes')\">\n                <i class=\"pi pi-comments\"></i>\n                Notes\n                <span class=\"sbd-page__context-pill sbd-page__context-pill--notes\">{{ bookingNotes().length }}</span>\n              </button>\n              @if (activeContextTab() === 'notes') {\n                <button pButton label=\"Add Note\" icon=\"pi pi-plus\" class=\"p-button-sm p-button-outlined sbd-page__context-add\"\n                  (click)=\"addNoteDialogOpen.set(true)\">\n                </button>\n              }\n            </div>\n\n            <!-- Notes tab -->\n            @if (activeContextTab() === 'notes') {\n              <div class=\"sbd-page__notes-list\">\n                @if (bookingNotes().length === 0) {\n                  <div class=\"sbd-page__context-empty\">\n                    <i class=\"pi pi-inbox\"></i> No notes yet\n                  </div>\n                }\n                @for (note of bookingNotes(); track $index) {\n                  <div class=\"sbd-page__note\">\n                    <div class=\"sbd-page__note-top\">\n                      <span class=\"sbd-page__note-badge sbd-page__note-badge--{{ note.action | lowercase }}\">\n                        {{ note.action }}\n                      </span>\n                      <span class=\"sbd-page__note-author\">\n                        {{ note.writtenBy?.firstName }} {{ note.writtenBy?.lastName }}\n                      </span>\n                      <span class=\"sbd-page__note-date\">{{ fmtNoteDate(note.date) }}</span>\n                    </div>\n                    <p class=\"sbd-page__note-msg\">{{ note.message }}</p>\n                  </div>\n                }\n              </div>\n            }\n\n            <!-- Changes tab -->\n            @if (activeContextTab() === 'changes') {\n              <div class=\"sbd-page__changes-groups\">\n                @if (historyGroups().length === 0) {\n                  <div class=\"sbd-page__context-empty\">\n                    <i class=\"pi pi-check\"></i> No changes recorded\n                  </div>\n                }\n                @for (group of historyGroups(); track group.changedAt) {\n                  <div class=\"sbd-page__changes-group\">\n                    <div class=\"sbd-page__changes-meta\">\n                      <i class=\"pi pi-user\"></i>\n                      <strong>{{ group.changedBy }}</strong>\n                      <span class=\"sbd-page__changes-sep\">\u00B7</span>\n                      <span>{{ fmtDate(group.changedAt) }}</span>\n                    </div>\n                    <table class=\"sbd-page__changes-table\">\n                      <thead>\n                        <tr>\n                          <th>Field</th>\n                          <th><i class=\"pi pi-times-circle\"></i> Before</th>\n                          <th><i class=\"pi pi-check-circle\"></i> After</th>\n                        </tr>\n                      </thead>\n                      <tbody>\n                        @for (entry of group.entries; track entry.field) {\n                          <tr>\n                            <td class=\"sbd-page__changes-field\">{{ formatField(entry.field) }}</td>\n                            <td class=\"sbd-page__changes-old\">{{ entry.from }}</td>\n                            <td class=\"sbd-page__changes-new\">{{ entry.to }}</td>\n                          </tr>\n                        }\n                      </tbody>\n                    </table>\n                  </div>\n                }\n              </div>\n            }\n\n          </div>\n\n        }\n\n        <!-- Loading skeleton for main -->\n        @if (bookingStatus() === 'loading') {\n          <div class=\"sbd-page__skeleton-card\">\n            <div class=\"sbd-page__skeleton-row\" style=\"width:40%\"></div>\n            <div class=\"sbd-page__skeleton-row\" style=\"width:25%\"></div>\n          </div>\n        }\n\n      </main>\n\n    </div>\n  }\n\n</div>\n\n<app-sbd-cancel-dialog\n  [visible]=\"cancelDialogOpen() && product() === 'flight'\"\n  [bookingId]=\"bookingId()\"\n  [product]=\"product()\"\n  [pnrInfo]=\"cancelPnrInfo()\"\n  [bookingInfo]=\"bookingData()\"\n  (closed)=\"cancelDialogOpen.set(false)\"\n  (confirmed)=\"bookingStatus.set('idle'); bookingData.set(null)\"\n/>\n\n<almatar-hotel-auto-cancellation\n  *ngIf=\"cancelDialogOpen() && product() === 'hotel'\"\n  [selectedHotelBooking]=\"bookingData()\"\n  (closed)=\"cancelDialogOpen.set(false)\"\n  (cancellationSuccess)=\"bookingStatus.set('idle'); bookingData.set(null)\"\n/>\n\n<app-sbd-action-dialog\n  [visible]=\"actionDialogOpen()\"\n  [bookingId]=\"bookingId()\"\n  [product]=\"product()\"\n  [actions]=\"availableActions()\"\n  [initialKey]=\"selectedActionKey()\"\n  [preloadedData]=\"bookingData()\"\n  (closed)=\"actionDialogOpen.set(false)\"\n/>\n\n<app-sbd-add-note-dialog\n  [visible]=\"addNoteDialogOpen()\"\n  [bookingId]=\"bookingId()\"\n  [product]=\"product()\"\n  (closed)=\"addNoteDialogOpen.set(false)\"\n/>\n\n<app-sbd-reissue-dialog\n  [visible]=\"reissueDialogOpen()\"\n  [bookingId]=\"bookingId()\"\n  [bookingData]=\"bookingData()\"\n  (closed)=\"reissueDialogOpen.set(false)\"\n/>\n", styles: [".sbd-page{display:flex;flex-direction:column;gap:20px;padding:24px;max-width:1400px;min-height:100%}.sbd-page__search{width:100%}.sbd-page__error{display:flex;align-items:center;gap:10px;padding:16px 20px;background:#fef2f2;border:1px solid rgba(239,68,68,.2);border-radius:10px;color:#ef4444;font-size:13.5px;font-weight:500}.sbd-page__error i{font-size:18px}.sbd-page__content{display:grid;grid-template-columns:320px 1fr;gap:20px;align-items:start}@media (max-width: 960px){.sbd-page__content{grid-template-columns:1fr}}.sbd-page__aside{display:flex;flex-direction:column;gap:16px;position:sticky;top:20px}.sbd-page__main{display:flex;flex-direction:column;gap:16px}.sbd-page__quick-actions{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#fff;border:1px solid #e2e8f0;border-radius:10px;flex-wrap:wrap}.sbd-page__quick-label{font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#94a3b8;flex-shrink:0}.sbd-page__context{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden}.sbd-page__context-tabs{display:flex;align-items:center;border-bottom:1px solid #e2e8f0;background:#f8fafc}.sbd-page__context-add{margin-left:auto;margin-right:10px}.sbd-page__context-tab{display:flex;align-items:center;gap:7px;padding:11px 20px;font-size:13px;font-weight:600;color:#64748b;background:transparent;border:none;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;transition:color .15s,border-color .15s}.sbd-page__context-tab .pi{font-size:13px}.sbd-page__context-tab:hover{color:#334155}.sbd-page__context-tab--active{color:#1e2e4a;border-bottom-color:var(--sbd-primary, #3b82f6);background:#fff}.sbd-page__context-pill{font-size:10.5px;font-weight:700;padding:1px 7px;border-radius:10px}.sbd-page__context-pill--notes{background:#e0e7ff;color:#4338ca}.sbd-page__context-pill--changes{background:#fef3c7;color:#b45309}.sbd-page__context-empty{display:flex;align-items:center;gap:8px;padding:24px 20px;font-size:13px;color:#94a3b8}.sbd-page__context-empty .pi{font-size:16px}.sbd-page__notes-list{display:flex;flex-direction:column}.sbd-page__note{padding:12px 16px;border-bottom:1px solid #f1f5f9;display:flex;flex-direction:column;gap:6px}.sbd-page__note:last-child{border-bottom:none}.sbd-page__note-top{display:flex;align-items:center;gap:8px}.sbd-page__note-badge{font-size:10px;font-weight:800;letter-spacing:.05em;padding:2px 8px;border-radius:10px;text-transform:uppercase;flex-shrink:0}.sbd-page__note-badge--general{background:#dbeafe;color:#1d4ed8}.sbd-page__note-badge--remark{background:#fef3c7;color:#b45309}.sbd-page__note-badge--feedback{background:#f3e8ff;color:#7e22ce}.sbd-page__note-author{font-size:12px;font-weight:700;color:#1e2e4a}.sbd-page__note-date{margin-left:auto;font-size:11px;color:#94a3b8;white-space:nowrap}.sbd-page__note-msg{margin:0;font-size:13px;color:#334155;line-height:1.55}.sbd-page__changes-groups{display:flex;flex-direction:column}.sbd-page__changes-group{border-bottom:1px solid #f1f5f9}.sbd-page__changes-group:last-child{border-bottom:none}.sbd-page__changes-meta{display:flex;align-items:center;gap:6px;padding:8px 16px;background:#fafafa;border-bottom:1px solid #f1f5f9;font-size:11.5px;color:#64748b}.sbd-page__changes-meta strong{font-weight:700;color:#334155}.sbd-page__changes-meta .pi{font-size:11px;color:#94a3b8}.sbd-page__changes-sep{color:#cbd5e1}.sbd-page__changes-table{width:100%;border-collapse:collapse;font-size:12.5px}.sbd-page__changes-table thead tr{background:#f8fafc;border-bottom:1px solid #e2e8f0}.sbd-page__changes-table thead th{padding:7px 14px;text-align:left;font-size:10.5px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:#64748b;white-space:nowrap}.sbd-page__changes-table thead th .pi{margin-right:4px;font-size:10px}.sbd-page__changes-table thead th:nth-child(2){color:#dc2626}.sbd-page__changes-table thead th:nth-child(3){color:#16a34a}.sbd-page__changes-table tbody tr{border-bottom:1px solid #f1f5f9}.sbd-page__changes-table tbody tr:last-child{border-bottom:none}.sbd-page__changes-table tbody tr:hover{background:#f8fafc}.sbd-page__changes-table tbody td{padding:8px 14px;vertical-align:top;word-break:break-word}.sbd-page__changes-field{font-size:12px;font-weight:600;color:#475569;width:28%}.sbd-page__changes-old{color:#dc2626;font-weight:500;text-decoration:line-through;opacity:.8;width:36%}.sbd-page__changes-new{color:#16a34a;font-weight:700;width:36%}.sbd-page__content--loading{opacity:.6;pointer-events:none}.sbd-page__skeleton-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:20px;display:flex;flex-direction:column;gap:12px}.sbd-page__skeleton-row{height:13px;background:#f1f5f9;border-radius:6px;animation:sbd-shimmer 1.4s ease-in-out infinite}.sbd-page__skeleton-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:8px}.sbd-page__skeleton-chip{height:56px;background:#f1f5f9;border-radius:8px;animation:sbd-shimmer 1.4s ease-in-out infinite}@keyframes sbd-shimmer{0%,to{opacity:1}50%{opacity:.45}}@keyframes sbd-fadein{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}\n"], dependencies: [{ kind: "component", type: SbdBookingInputComponent, selector: "app-sbd-booking-input", inputs: ["loading", "product", "bookingId"], outputs: ["productChange", "bookingIdChange", "lookup", "brandChanged"] }, { kind: "component", type: SbdWorkflowActionsComponent, selector: "app-sbd-workflow-actions", inputs: ["bookingId", "showReissue"], outputs: ["cancelBooking", "reissue"] }, { kind: "component", type: SbdActionGridComponent, selector: "app-sbd-action-grid", inputs: ["actions", "activeKey", "loadingKey"], outputs: ["actionSelected"] }, { kind: "component", type: SbdCancelDialogComponent, selector: "app-sbd-cancel-dialog", inputs: ["visible", "bookingId", "product", "pnrInfo", "bookingInfo"], outputs: ["closed", "confirmed"] }, { kind: "component", type: AlmatarHotelAutoCancellationComponent, selector: "almatar-hotel-auto-cancellation", inputs: ["selectedHotelBooking"], outputs: ["closed", "cancellationSuccess", "nonRefundableSubmitSuccess", "chatWithAgent"] }, { kind: "component", type: SbdFlightItineraryCardComponent, selector: "app-sbd-flight-itinerary-card", inputs: ["data", "product", "verified"] }, { kind: "component", type: SbdDataSearchComponent, selector: "app-sbd-data-search", inputs: ["data"] }, { kind: "component", type: SbdActionDialogComponent, selector: "app-sbd-action-dialog", inputs: ["visible", "bookingId", "product", "actions", "initialKey", "preloadedData"], outputs: ["closed"] }, { kind: "component", type: SbdAddNoteDialogComponent, selector: "app-sbd-add-note-dialog", inputs: ["visible", "bookingId", "product"], outputs: ["closed"] }, { kind: "component", type: SbdReissueDialogComponent, selector: "app-sbd-reissue-dialog", inputs: ["visible", "bookingId", "bookingData"], outputs: ["closed"] }, { kind: "component", type: SbdHotelContentComponent, selector: "app-sbd-hotel-content", inputs: ["bookingData", "bookingStatus", "bookingId", "dataVerified", "bookingNotes", "bookingHistory", "historyGroups", "activeContextTab"], outputs: ["cancelBooking", "addNoteRequested", "contextTabChanged"] }, { kind: "pipe", type: LowerCasePipe, name: "lowercase" }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i2$1.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SmartBookingDashboardComponent, decorators: [{
             type: Component,
@@ -8409,7 +8475,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                         LowerCasePipe,
                         NgIf,
                         ButtonModule,
-                    ], template: "<div class=\"sbd-page\">\n\n  <!-- Search bar full-width at top -->\n  <div class=\"sbd-page__search\">\n    <app-sbd-booking-input\n      [(product)]=\"product\"\n      [(bookingId)]=\"bookingId\"\n      [loading]=\"bookingStatus() === 'loading'\"\n      (lookup)=\"lookupBooking()\"\n    />\n  </div>\n\n  <!-- Hotel: Use dedicated component -->\n  @if (product() === 'hotel') {\n    <app-sbd-hotel-content\n      [bookingData]=\"bookingData()\"\n      [bookingStatus]=\"bookingStatus()\"\n      [bookingId]=\"bookingId()\"\n      [dataVerified]=\"dataVerified()\"\n      [bookingNotes]=\"bookingNotes()\"\n      [bookingHistory]=\"bookingHistory()\"\n      [historyGroups]=\"historyGroups()\"\n      [activeContextTab]=\"activeContextTab()\"\n      (cancelBooking)=\"cancelDialogOpen.set(true)\"\n      (addNoteRequested)=\"addNoteDialogOpen.set(true)\"\n      (contextTabChanged)=\"activeContextTab.set($event)\"\n    />\n  }\n\n  <!-- Flight: Keep original 2-column layout -->\n  @if (product() === 'flight') {\n    <div class=\"sbd-page__content\">\n\n      <!-- Left: booking context -->\n      <aside class=\"sbd-page__aside\">\n\n        <!-- Data search at the top of the sidebar -->\n        @if (bookingStatus() === 'success') {\n          <app-sbd-data-search [data]=\"bookingData()\" />\n          <app-sbd-flight-itinerary-card [product]=\"product()\" [data]=\"bookingData()\" [verified]=\"dataVerified()\" />\n        }\n\n        <!-- Loading skeleton for aside -->\n        @if (bookingStatus() === 'loading') {\n          <div class=\"sbd-page__skeleton-card\">\n            <div class=\"sbd-page__skeleton-row\" style=\"width:60%\"></div>\n            <div class=\"sbd-page__skeleton-row\" style=\"width:40%\"></div>\n            <div class=\"sbd-page__skeleton-row\" style=\"width:80%\"></div>\n            <div class=\"sbd-page__skeleton-row\" style=\"width:50%\"></div>\n          </div>\n        }\n\n      </aside>\n\n      <!-- Right: agent workspace -->\n      <main class=\"sbd-page__main\">\n\n        <!-- Error state -->\n        @if (bookingStatus() === 'error') {\n          <div class=\"sbd-page__error\">\n            <i class=\"pi pi-exclamation-circle\"></i>\n            <span>Booking not found. Double-check the ID and product type, then try again.</span>\n          </div>\n        }\n\n        <!-- Content once loaded -->\n        @if (bookingStatus() === 'success') {\n\n          <!-- Quick actions -->\n          <div class=\"sbd-page__quick-actions\">\n            <span class=\"sbd-page__quick-label\">Quick actions</span>\n            <app-sbd-workflow-actions\n              [bookingId]=\"bookingId()\"\n              [showReissue]=\"reissueEnabled && product() === 'flight'\"\n              (cancelBooking)=\"cancelDialogOpen.set(true)\"\n              (reissue)=\"reissueDialogOpen.set(true)\"\n            />\n          </div>\n\n          <!-- Action grid -->\n          <app-sbd-action-grid\n            [actions]=\"availableActions()\"\n            [activeKey]=\"selectedActionKey()\"\n            (actionSelected)=\"openAction($event)\"\n          />\n\n          <!-- Context: Notes + Changes tabbed -->\n          <div class=\"sbd-page__context\">\n\n            <!-- Tab bar -->\n            <div class=\"sbd-page__context-tabs\">\n              <button class=\"sbd-page__context-tab\"\n                [class.sbd-page__context-tab--active]=\"activeContextTab() === 'changes'\"\n                (click)=\"activeContextTab.set('changes')\">\n                <i class=\"pi pi-history\"></i>\n                Changes\n                @if (bookingHistory().length > 0) {\n                  <span class=\"sbd-page__context-pill sbd-page__context-pill--changes\">{{ bookingHistory().length }}</span>\n                }\n              </button>\n              <button class=\"sbd-page__context-tab\"\n                [class.sbd-page__context-tab--active]=\"activeContextTab() === 'notes'\"\n                (click)=\"activeContextTab.set('notes')\">\n                <i class=\"pi pi-comments\"></i>\n                Notes\n                <span class=\"sbd-page__context-pill sbd-page__context-pill--notes\">{{ bookingNotes().length }}</span>\n              </button>\n              @if (activeContextTab() === 'notes') {\n                <button pButton label=\"Add Note\" icon=\"pi pi-plus\" class=\"p-button-sm p-button-outlined sbd-page__context-add\"\n                  (click)=\"addNoteDialogOpen.set(true)\">\n                </button>\n              }\n            </div>\n\n            <!-- Notes tab -->\n            @if (activeContextTab() === 'notes') {\n              <div class=\"sbd-page__notes-list\">\n                @if (bookingNotes().length === 0) {\n                  <div class=\"sbd-page__context-empty\">\n                    <i class=\"pi pi-inbox\"></i> No notes yet\n                  </div>\n                }\n                @for (note of bookingNotes(); track $index) {\n                  <div class=\"sbd-page__note\">\n                    <div class=\"sbd-page__note-top\">\n                      <span class=\"sbd-page__note-badge sbd-page__note-badge--{{ note.action | lowercase }}\">\n                        {{ note.action }}\n                      </span>\n                      <span class=\"sbd-page__note-author\">\n                        {{ note.writtenBy?.firstName }} {{ note.writtenBy?.lastName }}\n                      </span>\n                      <span class=\"sbd-page__note-date\">{{ fmtNoteDate(note.date) }}</span>\n                    </div>\n                    <p class=\"sbd-page__note-msg\">{{ note.message }}</p>\n                  </div>\n                }\n              </div>\n            }\n\n            <!-- Changes tab -->\n            @if (activeContextTab() === 'changes') {\n              <div class=\"sbd-page__changes-groups\">\n                @if (historyGroups().length === 0) {\n                  <div class=\"sbd-page__context-empty\">\n                    <i class=\"pi pi-check\"></i> No changes recorded\n                  </div>\n                }\n                @for (group of historyGroups(); track group.changedAt) {\n                  <div class=\"sbd-page__changes-group\">\n                    <div class=\"sbd-page__changes-meta\">\n                      <i class=\"pi pi-user\"></i>\n                      <strong>{{ group.changedBy }}</strong>\n                      <span class=\"sbd-page__changes-sep\">\u00B7</span>\n                      <span>{{ fmtDate(group.changedAt) }}</span>\n                    </div>\n                    <table class=\"sbd-page__changes-table\">\n                      <thead>\n                        <tr>\n                          <th>Field</th>\n                          <th><i class=\"pi pi-times-circle\"></i> Before</th>\n                          <th><i class=\"pi pi-check-circle\"></i> After</th>\n                        </tr>\n                      </thead>\n                      <tbody>\n                        @for (entry of group.entries; track entry.field) {\n                          <tr>\n                            <td class=\"sbd-page__changes-field\">{{ formatField(entry.field) }}</td>\n                            <td class=\"sbd-page__changes-old\">{{ entry.from }}</td>\n                            <td class=\"sbd-page__changes-new\">{{ entry.to }}</td>\n                          </tr>\n                        }\n                      </tbody>\n                    </table>\n                  </div>\n                }\n              </div>\n            }\n\n          </div>\n\n        }\n\n        <!-- Loading skeleton for main -->\n        @if (bookingStatus() === 'loading') {\n          <div class=\"sbd-page__skeleton-card\">\n            <div class=\"sbd-page__skeleton-row\" style=\"width:40%\"></div>\n            <div class=\"sbd-page__skeleton-row\" style=\"width:25%\"></div>\n          </div>\n        }\n\n      </main>\n\n    </div>\n  }\n\n</div>\n\n<app-sbd-cancel-dialog\n  [visible]=\"cancelDialogOpen() && product() === 'flight'\"\n  [bookingId]=\"bookingId()\"\n  [product]=\"product()\"\n  [pnrInfo]=\"cancelPnrInfo()\"\n  [bookingInfo]=\"bookingData()\"\n  (closed)=\"cancelDialogOpen.set(false)\"\n  (confirmed)=\"bookingStatus.set('idle'); bookingData.set(null)\"\n/>\n\n<almatar-hotel-auto-cancellation\n  *ngIf=\"cancelDialogOpen() && product() === 'hotel'\"\n  [selectedHotelBooking]=\"bookingData()\"\n  (closed)=\"cancelDialogOpen.set(false)\"\n  (cancellationSuccess)=\"bookingStatus.set('idle'); bookingData.set(null)\"\n/>\n\n<app-sbd-action-dialog\n  [visible]=\"actionDialogOpen()\"\n  [bookingId]=\"bookingId()\"\n  [product]=\"product()\"\n  [actions]=\"availableActions()\"\n  [initialKey]=\"selectedActionKey()\"\n  [preloadedData]=\"bookingData()\"\n  (closed)=\"actionDialogOpen.set(false)\"\n/>\n\n<app-sbd-add-note-dialog\n  [visible]=\"addNoteDialogOpen()\"\n  [bookingId]=\"bookingId()\"\n  [product]=\"product()\"\n  (closed)=\"addNoteDialogOpen.set(false)\"\n/>\n\n<app-sbd-reissue-dialog\n  [visible]=\"reissueDialogOpen()\"\n  [bookingId]=\"bookingId()\"\n  [bookingData]=\"bookingData()\"\n  (closed)=\"reissueDialogOpen.set(false)\"\n/>\n", styles: [".sbd-page{display:flex;flex-direction:column;gap:20px;padding:24px;max-width:1400px;min-height:100%}.sbd-page__search{width:100%}.sbd-page__error{display:flex;align-items:center;gap:10px;padding:16px 20px;background:#fef2f2;border:1px solid rgba(239,68,68,.2);border-radius:10px;color:#ef4444;font-size:13.5px;font-weight:500}.sbd-page__error i{font-size:18px}.sbd-page__content{display:grid;grid-template-columns:320px 1fr;gap:20px;align-items:start}@media (max-width: 960px){.sbd-page__content{grid-template-columns:1fr}}.sbd-page__aside{display:flex;flex-direction:column;gap:16px;position:sticky;top:20px}.sbd-page__main{display:flex;flex-direction:column;gap:16px}.sbd-page__quick-actions{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#fff;border:1px solid #e2e8f0;border-radius:10px;flex-wrap:wrap}.sbd-page__quick-label{font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#94a3b8;flex-shrink:0}.sbd-page__context{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden}.sbd-page__context-tabs{display:flex;align-items:center;border-bottom:1px solid #e2e8f0;background:#f8fafc}.sbd-page__context-add{margin-left:auto;margin-right:10px}.sbd-page__context-tab{display:flex;align-items:center;gap:7px;padding:11px 20px;font-size:13px;font-weight:600;color:#64748b;background:transparent;border:none;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;transition:color .15s,border-color .15s}.sbd-page__context-tab .pi{font-size:13px}.sbd-page__context-tab:hover{color:#334155}.sbd-page__context-tab--active{color:#1e2e4a;border-bottom-color:var(--sbd-primary, #3b82f6);background:#fff}.sbd-page__context-pill{font-size:10.5px;font-weight:700;padding:1px 7px;border-radius:10px}.sbd-page__context-pill--notes{background:#e0e7ff;color:#4338ca}.sbd-page__context-pill--changes{background:#fef3c7;color:#b45309}.sbd-page__context-empty{display:flex;align-items:center;gap:8px;padding:24px 20px;font-size:13px;color:#94a3b8}.sbd-page__context-empty .pi{font-size:16px}.sbd-page__notes-list{display:flex;flex-direction:column}.sbd-page__note{padding:12px 16px;border-bottom:1px solid #f1f5f9;display:flex;flex-direction:column;gap:6px}.sbd-page__note:last-child{border-bottom:none}.sbd-page__note-top{display:flex;align-items:center;gap:8px}.sbd-page__note-badge{font-size:10px;font-weight:800;letter-spacing:.05em;padding:2px 8px;border-radius:10px;text-transform:uppercase;flex-shrink:0}.sbd-page__note-badge--general{background:#dbeafe;color:#1d4ed8}.sbd-page__note-badge--remark{background:#fef3c7;color:#b45309}.sbd-page__note-badge--feedback{background:#f3e8ff;color:#7e22ce}.sbd-page__note-author{font-size:12px;font-weight:700;color:#1e2e4a}.sbd-page__note-date{margin-left:auto;font-size:11px;color:#94a3b8;white-space:nowrap}.sbd-page__note-msg{margin:0;font-size:13px;color:#334155;line-height:1.55}.sbd-page__changes-groups{display:flex;flex-direction:column}.sbd-page__changes-group{border-bottom:1px solid #f1f5f9}.sbd-page__changes-group:last-child{border-bottom:none}.sbd-page__changes-meta{display:flex;align-items:center;gap:6px;padding:8px 16px;background:#fafafa;border-bottom:1px solid #f1f5f9;font-size:11.5px;color:#64748b}.sbd-page__changes-meta strong{font-weight:700;color:#334155}.sbd-page__changes-meta .pi{font-size:11px;color:#94a3b8}.sbd-page__changes-sep{color:#cbd5e1}.sbd-page__changes-table{width:100%;border-collapse:collapse;font-size:12.5px}.sbd-page__changes-table thead tr{background:#f8fafc;border-bottom:1px solid #e2e8f0}.sbd-page__changes-table thead th{padding:7px 14px;text-align:left;font-size:10.5px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:#64748b;white-space:nowrap}.sbd-page__changes-table thead th .pi{margin-right:4px;font-size:10px}.sbd-page__changes-table thead th:nth-child(2){color:#dc2626}.sbd-page__changes-table thead th:nth-child(3){color:#16a34a}.sbd-page__changes-table tbody tr{border-bottom:1px solid #f1f5f9}.sbd-page__changes-table tbody tr:last-child{border-bottom:none}.sbd-page__changes-table tbody tr:hover{background:#f8fafc}.sbd-page__changes-table tbody td{padding:8px 14px;vertical-align:top;word-break:break-word}.sbd-page__changes-field{font-size:12px;font-weight:600;color:#475569;width:28%}.sbd-page__changes-old{color:#dc2626;font-weight:500;text-decoration:line-through;opacity:.8;width:36%}.sbd-page__changes-new{color:#16a34a;font-weight:700;width:36%}.sbd-page__content--loading{opacity:.6;pointer-events:none}.sbd-page__skeleton-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:20px;display:flex;flex-direction:column;gap:12px}.sbd-page__skeleton-row{height:13px;background:#f1f5f9;border-radius:6px;animation:sbd-shimmer 1.4s ease-in-out infinite}.sbd-page__skeleton-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:8px}.sbd-page__skeleton-chip{height:56px;background:#f1f5f9;border-radius:8px;animation:sbd-shimmer 1.4s ease-in-out infinite}@keyframes sbd-shimmer{0%,to{opacity:1}50%{opacity:.45}}@keyframes sbd-fadein{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}\n"] }]
+                    ], template: "<div class=\"sbd-page\">\n\n  <!-- Search bar full-width at top -->\n  <div class=\"sbd-page__search\">\n    <app-sbd-booking-input\n      [(product)]=\"product\"\n      [(bookingId)]=\"bookingId\"\n      [loading]=\"bookingStatus() === 'loading'\"\n      (lookup)=\"lookupBooking()\"\n      (brandChanged)=\"onBrandChanged()\"\n    />\n  </div>\n\n  <!-- Hotel: Use dedicated component -->\n  @if (product() === 'hotel') {\n    <app-sbd-hotel-content\n      [bookingData]=\"bookingData()\"\n      [bookingStatus]=\"bookingStatus()\"\n      [bookingId]=\"bookingId()\"\n      [dataVerified]=\"dataVerified()\"\n      [bookingNotes]=\"bookingNotes()\"\n      [bookingHistory]=\"bookingHistory()\"\n      [historyGroups]=\"historyGroups()\"\n      [activeContextTab]=\"activeContextTab()\"\n      (cancelBooking)=\"cancelDialogOpen.set(true)\"\n      (addNoteRequested)=\"addNoteDialogOpen.set(true)\"\n      (contextTabChanged)=\"activeContextTab.set($event)\"\n    />\n  }\n\n  <!-- Flight: Keep original 2-column layout -->\n  @if (product() === 'flight') {\n    <div class=\"sbd-page__content\">\n\n      <!-- Left: booking context -->\n      <aside class=\"sbd-page__aside\">\n\n        <!-- Data search at the top of the sidebar -->\n        @if (bookingStatus() === 'success') {\n          <app-sbd-data-search [data]=\"bookingData()\" />\n          <app-sbd-flight-itinerary-card [product]=\"product()\" [data]=\"bookingData()\" [verified]=\"dataVerified()\" />\n        }\n\n        <!-- Loading skeleton for aside -->\n        @if (bookingStatus() === 'loading') {\n          <div class=\"sbd-page__skeleton-card\">\n            <div class=\"sbd-page__skeleton-row\" style=\"width:60%\"></div>\n            <div class=\"sbd-page__skeleton-row\" style=\"width:40%\"></div>\n            <div class=\"sbd-page__skeleton-row\" style=\"width:80%\"></div>\n            <div class=\"sbd-page__skeleton-row\" style=\"width:50%\"></div>\n          </div>\n        }\n\n      </aside>\n\n      <!-- Right: agent workspace -->\n      <main class=\"sbd-page__main\">\n\n        <!-- Error state -->\n        @if (bookingStatus() === 'error') {\n          <div class=\"sbd-page__error\">\n            <i class=\"pi pi-exclamation-circle\"></i>\n            <span>Booking not found. Double-check the ID and product type, then try again.</span>\n          </div>\n        }\n\n        <!-- Content once loaded -->\n        @if (bookingStatus() === 'success') {\n\n          <!-- Quick actions -->\n          <div class=\"sbd-page__quick-actions\">\n            <span class=\"sbd-page__quick-label\">Quick actions</span>\n            <app-sbd-workflow-actions\n              [bookingId]=\"bookingId()\"\n              [showReissue]=\"reissueEnabled && product() === 'flight'\"\n              (cancelBooking)=\"cancelDialogOpen.set(true)\"\n              (reissue)=\"reissueDialogOpen.set(true)\"\n            />\n          </div>\n\n          <!-- Action grid -->\n          <app-sbd-action-grid\n            [actions]=\"availableActions()\"\n            [activeKey]=\"selectedActionKey()\"\n            (actionSelected)=\"openAction($event)\"\n          />\n\n          <!-- Context: Notes + Changes tabbed -->\n          <div class=\"sbd-page__context\">\n\n            <!-- Tab bar -->\n            <div class=\"sbd-page__context-tabs\">\n              <button class=\"sbd-page__context-tab\"\n                [class.sbd-page__context-tab--active]=\"activeContextTab() === 'changes'\"\n                (click)=\"activeContextTab.set('changes')\">\n                <i class=\"pi pi-history\"></i>\n                Changes\n                @if (bookingHistory().length > 0) {\n                  <span class=\"sbd-page__context-pill sbd-page__context-pill--changes\">{{ bookingHistory().length }}</span>\n                }\n              </button>\n              <button class=\"sbd-page__context-tab\"\n                [class.sbd-page__context-tab--active]=\"activeContextTab() === 'notes'\"\n                (click)=\"activeContextTab.set('notes')\">\n                <i class=\"pi pi-comments\"></i>\n                Notes\n                <span class=\"sbd-page__context-pill sbd-page__context-pill--notes\">{{ bookingNotes().length }}</span>\n              </button>\n              @if (activeContextTab() === 'notes') {\n                <button pButton label=\"Add Note\" icon=\"pi pi-plus\" class=\"p-button-sm p-button-outlined sbd-page__context-add\"\n                  (click)=\"addNoteDialogOpen.set(true)\">\n                </button>\n              }\n            </div>\n\n            <!-- Notes tab -->\n            @if (activeContextTab() === 'notes') {\n              <div class=\"sbd-page__notes-list\">\n                @if (bookingNotes().length === 0) {\n                  <div class=\"sbd-page__context-empty\">\n                    <i class=\"pi pi-inbox\"></i> No notes yet\n                  </div>\n                }\n                @for (note of bookingNotes(); track $index) {\n                  <div class=\"sbd-page__note\">\n                    <div class=\"sbd-page__note-top\">\n                      <span class=\"sbd-page__note-badge sbd-page__note-badge--{{ note.action | lowercase }}\">\n                        {{ note.action }}\n                      </span>\n                      <span class=\"sbd-page__note-author\">\n                        {{ note.writtenBy?.firstName }} {{ note.writtenBy?.lastName }}\n                      </span>\n                      <span class=\"sbd-page__note-date\">{{ fmtNoteDate(note.date) }}</span>\n                    </div>\n                    <p class=\"sbd-page__note-msg\">{{ note.message }}</p>\n                  </div>\n                }\n              </div>\n            }\n\n            <!-- Changes tab -->\n            @if (activeContextTab() === 'changes') {\n              <div class=\"sbd-page__changes-groups\">\n                @if (historyGroups().length === 0) {\n                  <div class=\"sbd-page__context-empty\">\n                    <i class=\"pi pi-check\"></i> No changes recorded\n                  </div>\n                }\n                @for (group of historyGroups(); track group.changedAt) {\n                  <div class=\"sbd-page__changes-group\">\n                    <div class=\"sbd-page__changes-meta\">\n                      <i class=\"pi pi-user\"></i>\n                      <strong>{{ group.changedBy }}</strong>\n                      <span class=\"sbd-page__changes-sep\">\u00B7</span>\n                      <span>{{ fmtDate(group.changedAt) }}</span>\n                    </div>\n                    <table class=\"sbd-page__changes-table\">\n                      <thead>\n                        <tr>\n                          <th>Field</th>\n                          <th><i class=\"pi pi-times-circle\"></i> Before</th>\n                          <th><i class=\"pi pi-check-circle\"></i> After</th>\n                        </tr>\n                      </thead>\n                      <tbody>\n                        @for (entry of group.entries; track entry.field) {\n                          <tr>\n                            <td class=\"sbd-page__changes-field\">{{ formatField(entry.field) }}</td>\n                            <td class=\"sbd-page__changes-old\">{{ entry.from }}</td>\n                            <td class=\"sbd-page__changes-new\">{{ entry.to }}</td>\n                          </tr>\n                        }\n                      </tbody>\n                    </table>\n                  </div>\n                }\n              </div>\n            }\n\n          </div>\n\n        }\n\n        <!-- Loading skeleton for main -->\n        @if (bookingStatus() === 'loading') {\n          <div class=\"sbd-page__skeleton-card\">\n            <div class=\"sbd-page__skeleton-row\" style=\"width:40%\"></div>\n            <div class=\"sbd-page__skeleton-row\" style=\"width:25%\"></div>\n          </div>\n        }\n\n      </main>\n\n    </div>\n  }\n\n</div>\n\n<app-sbd-cancel-dialog\n  [visible]=\"cancelDialogOpen() && product() === 'flight'\"\n  [bookingId]=\"bookingId()\"\n  [product]=\"product()\"\n  [pnrInfo]=\"cancelPnrInfo()\"\n  [bookingInfo]=\"bookingData()\"\n  (closed)=\"cancelDialogOpen.set(false)\"\n  (confirmed)=\"bookingStatus.set('idle'); bookingData.set(null)\"\n/>\n\n<almatar-hotel-auto-cancellation\n  *ngIf=\"cancelDialogOpen() && product() === 'hotel'\"\n  [selectedHotelBooking]=\"bookingData()\"\n  (closed)=\"cancelDialogOpen.set(false)\"\n  (cancellationSuccess)=\"bookingStatus.set('idle'); bookingData.set(null)\"\n/>\n\n<app-sbd-action-dialog\n  [visible]=\"actionDialogOpen()\"\n  [bookingId]=\"bookingId()\"\n  [product]=\"product()\"\n  [actions]=\"availableActions()\"\n  [initialKey]=\"selectedActionKey()\"\n  [preloadedData]=\"bookingData()\"\n  (closed)=\"actionDialogOpen.set(false)\"\n/>\n\n<app-sbd-add-note-dialog\n  [visible]=\"addNoteDialogOpen()\"\n  [bookingId]=\"bookingId()\"\n  [product]=\"product()\"\n  (closed)=\"addNoteDialogOpen.set(false)\"\n/>\n\n<app-sbd-reissue-dialog\n  [visible]=\"reissueDialogOpen()\"\n  [bookingId]=\"bookingId()\"\n  [bookingData]=\"bookingData()\"\n  (closed)=\"reissueDialogOpen.set(false)\"\n/>\n", styles: [".sbd-page{display:flex;flex-direction:column;gap:20px;padding:24px;max-width:1400px;min-height:100%}.sbd-page__search{width:100%}.sbd-page__error{display:flex;align-items:center;gap:10px;padding:16px 20px;background:#fef2f2;border:1px solid rgba(239,68,68,.2);border-radius:10px;color:#ef4444;font-size:13.5px;font-weight:500}.sbd-page__error i{font-size:18px}.sbd-page__content{display:grid;grid-template-columns:320px 1fr;gap:20px;align-items:start}@media (max-width: 960px){.sbd-page__content{grid-template-columns:1fr}}.sbd-page__aside{display:flex;flex-direction:column;gap:16px;position:sticky;top:20px}.sbd-page__main{display:flex;flex-direction:column;gap:16px}.sbd-page__quick-actions{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#fff;border:1px solid #e2e8f0;border-radius:10px;flex-wrap:wrap}.sbd-page__quick-label{font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#94a3b8;flex-shrink:0}.sbd-page__context{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden}.sbd-page__context-tabs{display:flex;align-items:center;border-bottom:1px solid #e2e8f0;background:#f8fafc}.sbd-page__context-add{margin-left:auto;margin-right:10px}.sbd-page__context-tab{display:flex;align-items:center;gap:7px;padding:11px 20px;font-size:13px;font-weight:600;color:#64748b;background:transparent;border:none;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;transition:color .15s,border-color .15s}.sbd-page__context-tab .pi{font-size:13px}.sbd-page__context-tab:hover{color:#334155}.sbd-page__context-tab--active{color:#1e2e4a;border-bottom-color:var(--sbd-primary, #3b82f6);background:#fff}.sbd-page__context-pill{font-size:10.5px;font-weight:700;padding:1px 7px;border-radius:10px}.sbd-page__context-pill--notes{background:#e0e7ff;color:#4338ca}.sbd-page__context-pill--changes{background:#fef3c7;color:#b45309}.sbd-page__context-empty{display:flex;align-items:center;gap:8px;padding:24px 20px;font-size:13px;color:#94a3b8}.sbd-page__context-empty .pi{font-size:16px}.sbd-page__notes-list{display:flex;flex-direction:column}.sbd-page__note{padding:12px 16px;border-bottom:1px solid #f1f5f9;display:flex;flex-direction:column;gap:6px}.sbd-page__note:last-child{border-bottom:none}.sbd-page__note-top{display:flex;align-items:center;gap:8px}.sbd-page__note-badge{font-size:10px;font-weight:800;letter-spacing:.05em;padding:2px 8px;border-radius:10px;text-transform:uppercase;flex-shrink:0}.sbd-page__note-badge--general{background:#dbeafe;color:#1d4ed8}.sbd-page__note-badge--remark{background:#fef3c7;color:#b45309}.sbd-page__note-badge--feedback{background:#f3e8ff;color:#7e22ce}.sbd-page__note-author{font-size:12px;font-weight:700;color:#1e2e4a}.sbd-page__note-date{margin-left:auto;font-size:11px;color:#94a3b8;white-space:nowrap}.sbd-page__note-msg{margin:0;font-size:13px;color:#334155;line-height:1.55}.sbd-page__changes-groups{display:flex;flex-direction:column}.sbd-page__changes-group{border-bottom:1px solid #f1f5f9}.sbd-page__changes-group:last-child{border-bottom:none}.sbd-page__changes-meta{display:flex;align-items:center;gap:6px;padding:8px 16px;background:#fafafa;border-bottom:1px solid #f1f5f9;font-size:11.5px;color:#64748b}.sbd-page__changes-meta strong{font-weight:700;color:#334155}.sbd-page__changes-meta .pi{font-size:11px;color:#94a3b8}.sbd-page__changes-sep{color:#cbd5e1}.sbd-page__changes-table{width:100%;border-collapse:collapse;font-size:12.5px}.sbd-page__changes-table thead tr{background:#f8fafc;border-bottom:1px solid #e2e8f0}.sbd-page__changes-table thead th{padding:7px 14px;text-align:left;font-size:10.5px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:#64748b;white-space:nowrap}.sbd-page__changes-table thead th .pi{margin-right:4px;font-size:10px}.sbd-page__changes-table thead th:nth-child(2){color:#dc2626}.sbd-page__changes-table thead th:nth-child(3){color:#16a34a}.sbd-page__changes-table tbody tr{border-bottom:1px solid #f1f5f9}.sbd-page__changes-table tbody tr:last-child{border-bottom:none}.sbd-page__changes-table tbody tr:hover{background:#f8fafc}.sbd-page__changes-table tbody td{padding:8px 14px;vertical-align:top;word-break:break-word}.sbd-page__changes-field{font-size:12px;font-weight:600;color:#475569;width:28%}.sbd-page__changes-old{color:#dc2626;font-weight:500;text-decoration:line-through;opacity:.8;width:36%}.sbd-page__changes-new{color:#16a34a;font-weight:700;width:36%}.sbd-page__content--loading{opacity:.6;pointer-events:none}.sbd-page__skeleton-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:20px;display:flex;flex-direction:column;gap:12px}.sbd-page__skeleton-row{height:13px;background:#f1f5f9;border-radius:6px;animation:sbd-shimmer 1.4s ease-in-out infinite}.sbd-page__skeleton-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:8px}.sbd-page__skeleton-chip{height:56px;background:#f1f5f9;border-radius:8px;animation:sbd-shimmer 1.4s ease-in-out infinite}@keyframes sbd-shimmer{0%,to{opacity:1}50%{opacity:.45}}@keyframes sbd-fadein{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}\n"] }]
         }], propDecorators: { onKeydown: [{
                 type: HostListener,
                 args: ['document:keydown', ['$event']]
@@ -8448,5 +8514,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
  * Generated bundle index. Do not edit.
  */
-export { SBD_CONFIG, SBD_DEFAULT_CONFIG, SBD_TOAST_HANDLER, SmartBookingDashboardComponent, SmartBookingDashboardModule, appendAuthParams, buildReissueBookingContext, buildReissueSearchParams, buildReissueSearchUrl, provideSmartBookingDashboard, smartBookingDashboardRoutes };
+export { SBD_CONFIG, SBD_DEFAULT_CONFIG, SBD_TOAST_HANDLER, SbdBrandService, SmartBookingDashboardComponent, SmartBookingDashboardModule, appendAuthParams, buildReissueBookingContext, buildReissueSearchParams, buildReissueSearchUrl, provideSmartBookingDashboard, smartBookingDashboardRoutes };
 //# sourceMappingURL=almatar-smart-booking-dashboard.mjs.map