@annalib/anna-feature-shared-lib 43.0.0-final-ng-19 → 44.0.1-final-ng-19

package/fesm2022/annalib-anna-feature-shared-lib.mjs

@@ -0,0 +1,670 @@
+import * as i0 from '@angular/core';
+import { Injectable, EventEmitter, ViewChild, Output, Input, ChangeDetectionStrategy, Component } from '@angular/core';
+import { Subject, BehaviorSubject } from 'rxjs';
+import { SvgOrIconNames } from '@annalib/anna-core';
+import * as i2 from '@angular/common';
+import { CommonModule, NgIf, NgFor, NgClass } from '@angular/common';
+import * as i2$1 from '@angular/forms';
+import { FormsModule } from '@angular/forms';
+import * as i4 from '@annalib/anna-design-components-lib';
+import { MessageBoxData, GenericMessageBoxTheme, AnnaDesignComponentsLibModule } from '@annalib/anna-design-components-lib';
+import * as i1 from '@ng-bootstrap/ng-bootstrap';
+import { cloneDeep, isEqual } from 'lodash-es';
+
+var BizRuleStatus;
+(function (BizRuleStatus) {
+    BizRuleStatus["AWAITING_APPROVAL"] = "AWAITING_APPROVAL";
+    BizRuleStatus["APPROVED"] = "APPROVED";
+    BizRuleStatus["SELLER_SAVED"] = "SELLER_SAVED";
+})(BizRuleStatus || (BizRuleStatus = {}));
+
+var BizHistoryType;
+(function (BizHistoryType) {
+    BizHistoryType["STATION"] = "station";
+    BizHistoryType["ADVERTISER"] = "advertiser";
+    BizHistoryType["ORDER"] = "order";
+})(BizHistoryType || (BizHistoryType = {}));
+class BuyerContactInfo {
+}
+
+/* eslint-disable max-len */
+class GenericBusinessRuleCommonSIBILogicService {
+    constructor() {
+        // Manage biz rule tab service
+        this.stationIdFilterFromUrlForStationBizTab = null;
+        this.filtersFromTheUrlForAdvertiserBizTab = null;
+        this.stationIdfiltersFromTheUrlForAdvertiserBizTab = null;
+        this.popupFiltersFromTheUrlForAdvertiserBizTab = null;
+        this.filtersFromTheUrlForOrderBizTab = null;
+        this.popupfiltersFromTheUrlForOrderBizTab = null;
+        this.buyerDetailsChanged$ = new Subject();
+        this.businessRulesSubject = new Subject();
+        this.businessRules$ = this.businessRulesSubject.asObservable();
+    }
+    notifyBusinessRulesChanged() {
+        this.businessRulesSubject.next();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: GenericBusinessRuleCommonSIBILogicService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: GenericBusinessRuleCommonSIBILogicService, providedIn: "root" }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: GenericBusinessRuleCommonSIBILogicService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: "root",
+                }]
+        }] });
+
+// These value we get from backend. there is mapping at backend ex: WO_TRAFFIC (BE) comes as -> Non electronic
+var OrderMetrics;
+(function (OrderMetrics) {
+    OrderMetrics["rating"] = "GRP";
+    OrderMetrics["imps"] = "IMP('000)";
+})(OrderMetrics || (OrderMetrics = {}));
+
+class PrimaryOrderPanelService {
+    constructor() {
+        this.parentContainerScrolled = new Subject();
+        this.isPrimaryOrderPanelOpen$ = new BehaviorSubject(false);
+    }
+    getOrderMetricsDropdownValues() {
+        return [
+            { id: 1, text: OrderMetrics.rating },
+            { id: 2, text: OrderMetrics.imps },
+        ];
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: PrimaryOrderPanelService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: PrimaryOrderPanelService, providedIn: "root" }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: PrimaryOrderPanelService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: "root",
+                }]
+        }] });
+
+class DRROrderGenericData {
+    constructor(data) {
+        this.campaignId = +data.CampaignId;
+        this.orderId = data.OrderId;
+        this.primaryAEName = data.PrimaryAEName;
+        this.region = data.Region;
+        this.agencyName = data.AgencyName;
+        this.location = data.Location;
+        this.advertiserName = data.AdvertiserName;
+        this.revisionStartDate = data.RevisionStartDate;
+        this.flightStartDate = data.FlightStartDate;
+        this.flightEndDate = data.FlightEndDate;
+        this.revisionNo = data.RevisionNo;
+        this.alternateOrderId = data.AlternateOrderId ? data.AlternateOrderId : "-";
+        this.revisionType = data.RevisionType;
+        this.revisionTypeForEasyFilters = data.RevisionType;
+        this.isWriteEnabledOrder = data.IsAutomated;
+        this.isStarred = data.IsStarred;
+        this.annaEnteredRepOrder = data.AnnaEnteredRepOrder;
+        this.isPayForPerformanceOrder = data.IsPayForPerformanceOrder;
+    }
+}
+class AdditionalDRROrderGenericData extends DRROrderGenericData {
+    constructor(data) {
+        super(data);
+        const roundedRevisionNumber = Math.floor(data.RevisionNo);
+        this.revisionNumberText = roundedRevisionNumber > 0 ? `Rev${roundedRevisionNumber}` : "Original";
+        this.orderIdAndRevNumber = `${data.OrderId}-${this.revisionNumberText}`;
+        this.iconClass = this.isStarred ? "mdi mdi-star highlight-star" : "mdi mdi-star-outline";
+    }
+}
+var StatusCodeAndBackgroundColors;
+(function (StatusCodeAndBackgroundColors) {
+    StatusCodeAndBackgroundColors["Seller Pending"] = "#F7F2D1";
+    StatusCodeAndBackgroundColors["Seller Reconfirm"] = "#D9D1F7";
+    StatusCodeAndBackgroundColors["Buyer Pending"] = "#D5E3F4";
+    StatusCodeAndBackgroundColors["SM Pending"] = "#FEE7D2";
+    StatusCodeAndBackgroundColors["Rev Discarded"] = "#FDD8D5";
+    StatusCodeAndBackgroundColors["Rev Generated"] = "#DBF0E4";
+    StatusCodeAndBackgroundColors["O/S Spots"] = "#EFEFEF";
+    // eslint-disable-next-line @typescript-eslint/no-duplicate-enum-values
+    StatusCodeAndBackgroundColors["O/S UD"] = "#EFEFEF";
+})(StatusCodeAndBackgroundColors || (StatusCodeAndBackgroundColors = {}));
+var StatusCodeAndClass;
+(function (StatusCodeAndClass) {
+    StatusCodeAndClass["Seller Pending"] = "seller-pending";
+    StatusCodeAndClass["Seller Reconfirm"] = "seller-reconfirm";
+    StatusCodeAndClass["Buyer Pending"] = "buyer-pending";
+    StatusCodeAndClass["SM Pending"] = "sm-pending";
+    StatusCodeAndClass["Rev Generated"] = "rev-generated";
+    StatusCodeAndClass["Rev Discarded"] = "rev-discarded";
+    StatusCodeAndClass["O/S Spots"] = "os-spots";
+    StatusCodeAndClass["O/S UD"] = "os-ud";
+})(StatusCodeAndClass || (StatusCodeAndClass = {}));
+
+class ANNAOfferSpecificDRROrderDataForBuyer extends AdditionalDRROrderGenericData {
+    constructor(data) {
+        super(data);
+        this.buyerNames = null;
+        this.repUserNames = null;
+        this.station = data.StationName;
+        this.stationId = data.StationId;
+        this.timeoutDateTimeForDisplay = `${data.TimeoutDate} ${data.TimeoutTimeForDisplay}`;
+        this.timeoutTime = data.TimeoutTime;
+        this.timeoutDate = data.TimeoutDate;
+        this.offerCount = data.OfferCount;
+        this.orderRevisionStatus = data.OrderRevisionStatus;
+        this.orderRevisionStatusForEasyFilter = data.OrderRevisionStatus;
+        this.showNeedsAttentionIcon = data.ShowNeedsAttentionIcon;
+        this.includeOrderInBubbleCount = data.IncludeOrderInBubbleCount;
+        this.backgroundColor = data.RevisionStartedAt;
+        this.statusAndNeedsAttentionActionKey = [
+            {
+                showObjectKey: true,
+                svgOrIconName: this.showNeedsAttentionIcon ? SvgOrIconNames.WARNING_ICON : null,
+                svgOrIconTooltipMsg: this.showNeedsAttentionIcon ? "Needs attention" : null,
+            },
+        ];
+        this.offeredMGsValueDisplay = data.OfferedMGsValueDisplay;
+        this.offeredMGsValue = data.OfferedMGsValue;
+        this.offeredADUsValueDisplay = data.OfferedADUsValueDisplay;
+        this.offeredADUsValue = data.OfferedADUsValue;
+        this.outstandingSpotsValueDisplay = data.OutstandingSpotsValueDisplay;
+        this.outstandingSpotsValue = data.OutstandingSpotsValue;
+        this.uDProjectionValueDisplay = data.UDProjectionValueDisplay;
+        this.uDProjectionValue = data.UDProjectionValue;
+        this.poDandAAKey = [
+            {
+                showObjectKey: true,
+                svgOrIconName: this.isPayForPerformanceOrder ? SvgOrIconNames.PAY_FOR_PERFORMANCE_ACTIVE : null,
+            },
+        ];
+        this.buyerNames = ANNAOfferSpecificDRROrderDataForBuyer.convertToCommaSeperatedString(data.Buyers);
+        this.repUserNames = ANNAOfferSpecificDRROrderDataForBuyer.convertToCommaSeperatedString(data.Reps);
+        this.backgroundColor = StatusCodeAndBackgroundColors[this.orderRevisionStatus];
+        this.gtClass = StatusCodeAndClass[this.orderRevisionStatus];
+        // this.correspondingEasyFilterText = StatusCodeAndEasyFilterTextmap[this.orderRevisionStatus];
+    }
+    static convertToCommaSeperatedString(arrList) {
+        let nameList = "";
+        if (arrList && arrList.length) {
+            nameList = arrList.join(", ");
+        }
+        else {
+            nameList = "-";
+        }
+        return nameList;
+    }
+}
+
+class ANNAOfferSpecificDRROrderDataForSeller extends AdditionalDRROrderGenericData {
+    constructor(data) {
+        super(data);
+        this.productCode = data.ProductCode;
+        this.offerCount = data.OfferCount;
+        this.orderRevisionStatus = data.OrderRevisionStatus;
+        this.orderRevisionStatusForEasyFilter = data.OrderRevisionStatus;
+        this.showNeedsAttentionIcon = data.ShowNeedsAttentionIcon;
+        this.includeOrderInBubbleCount = data.IncludeOrderInBubbleCount;
+        this.offeredMGsValueDisplay = data.OfferedMGsValueDisplay;
+        this.offeredMGsValue = data.OfferedMGsValue;
+        this.offeredADUsValueDisplay = data.OfferedADUsValueDisplay;
+        this.offeredADUsValue = data.OfferedADUsValue;
+        this.outstandingSpotsValueDisplay = data.OutstandingSpotsValueDisplay;
+        this.outstandingSpotsValue = data.OutstandingSpotsValue;
+        this.uDProjectionValueDisplay = data.UDProjectionValueDisplay;
+        this.uDProjectionValue = data.UDProjectionValue;
+        this.isDeletedAtTraffic = data.IsDeletedAtTraffic;
+        this.backgroundColor = StatusCodeAndBackgroundColors[this.orderRevisionStatus];
+        this.gtClass = StatusCodeAndClass[this.orderRevisionStatus];
+        this.creditAdusValue = data.CreditAdusValue;
+        this.creditAdusValueDisplay = data.CreditAdusValueDisplay;
+        this.poDandAAKey = [
+            {
+                showObjectKey: true,
+                svgOrIconName: this.isDeletedAtTraffic ? "DELETED_ORDER" : null,
+            },
+            {
+                showObjectKey: false,
+                svgOrIconName: this.isPayForPerformanceOrder ? SvgOrIconNames.PAY_FOR_PERFORMANCE_ACTIVE : null,
+            },
+            {
+                showObjectKey: false,
+                svgOrIconName: this.isWriteEnabledOrder ? SvgOrIconNames.AUTOMATED : null,
+            },
+        ];
+        this.statusAndNeedsAttentionActionKey = [
+            {
+                showObjectKey: true,
+                svgOrIconName: this.showNeedsAttentionIcon ? SvgOrIconNames.WARNING_ICON : null,
+                svgOrIconTooltipMsg: this.showNeedsAttentionIcon ? "Needs attention" : null,
+            },
+        ];
+    }
+}
+
+class StationRevisionInformationForUserOffers {
+    constructor(data) {
+        this.revisionStartedAt = data.RevisionStartedAt;
+        this.stationTimezone = data.StationTimezone;
+    }
+}
+class UserOfferSpecificDRROrderDataForSeller extends AdditionalDRROrderGenericData {
+    constructor(data) {
+        super(data);
+        this.productCode = data.ProductCode;
+        this.userMGValue = data.UserMGValue;
+        this.userMGValueDisplay = data.UserMGValueDisplay;
+        this.outstandingPreemptionsValueDisplay = data.OutstandingPreemptionsValueDisplay;
+        this.outstandingPreemptionsValue = data.OutstandingPreemptionsValue;
+        this.userADUValue = data.UserADUValue;
+        this.userADUValueDisplay = data.UserADUValueDisplay;
+        this.audienceDeficitValue = data.AudienceDeficitValue;
+        this.audienceDeficitValueDisplay = data.AudienceDeficitValueDisplay;
+        this.userChangesValue = data.UserChangesValue;
+        this.userChangesValueDisplay = data.UserChangesValueDisplay;
+        this.buyerChangesValue = data.BuyerChangesValue;
+        this.buyerChangesValueDisplay = data.BuyerChangesValueDisplay;
+        this.buyerGrpChangesValue = data.BuyerGrpChangesValue;
+        this.buyerImpChangesValue = data.BuyerImpChangesValue;
+        this.buyerGrpChangesValueDisplay = data.BuyerGrpChangesValueDisplay;
+        this.buyerImpChangesValueDisplay = data.BuyerImpChangesValueDisplay;
+        this.buyerAddedValue = data.BuyerAddedValue;
+        this.buyerDeletedValue = data.BuyerDeletedValue;
+        this.buyerAddedValueDisplay = data.BuyerAddedDisplay;
+        this.buyerDeletedValueDisplay = data.BuyerDeletedDisplay;
+        this.displayRevisionType = RevisionTypeAndDisplayRevisionType[this.revisionType];
+        this.isDeletedAtTraffic = data.IsDeletedAtTraffic;
+        this.poDandAAKey = [
+            {
+                showObjectKey: true,
+                svgOrIconName: this.isDeletedAtTraffic ? "DELETED_ORDER" : null,
+            },
+            {
+                showObjectKey: false,
+                svgOrIconName: this.isPayForPerformanceOrder ? SvgOrIconNames.PAY_FOR_PERFORMANCE_ACTIVE : null,
+            },
+            {
+                showObjectKey: false,
+                svgOrIconName: this.isWriteEnabledOrder ? SvgOrIconNames.AUTOMATED : null,
+            },
+        ];
+    }
+}
+var RevisionTypeAndDisplayRevisionType;
+(function (RevisionTypeAndDisplayRevisionType) {
+    RevisionTypeAndDisplayRevisionType["SELLER USER"] = "Seller User";
+    RevisionTypeAndDisplayRevisionType["BUYER"] = "Buyer";
+    RevisionTypeAndDisplayRevisionType["ANNA"] = "ANNA";
+})(RevisionTypeAndDisplayRevisionType || (RevisionTypeAndDisplayRevisionType = {}));
+
+class GenericDailyRevisionService {
+    constructor() {
+        this.fromOrderRevisionsPage = false;
+        this.fromOrderHistoryPage = false;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: GenericDailyRevisionService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: GenericDailyRevisionService, providedIn: "root" }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: GenericDailyRevisionService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: "root",
+                }]
+        }] });
+
+class OrderListingConstants {
+    static { this.InFlightAndUpcoming = "In-flight & Upcoming"; }
+    static { this.Completed = "Completed"; }
+    static { this.BlankAndDeleted = "Blank & Deleted"; }
+    static { this.Deleted = "Deleted"; }
+    static { this.TodaysANNAOffers = "Today’s ANNA Offers"; }
+    static { this.TodaysUserOffers = "Today’s User Offers"; }
+    static { this.OffersAwaitingApproval = "Offers Awaiting Approval"; }
+    static { this.RATING = "RATING"; }
+    static { this.IMPRESSIONS = "IMPRESSIONS"; }
+    static { this.GRP = "GRP"; }
+    static { this.TvRevenueAndDigital = "TV & Digital"; }
+    static { this.DRR = "Daily Revisions"; }
+    static { this.TvRevenue = "TV Revenue"; }
+    static { this.TV = "TV"; }
+    static { this.OtherRevenue = "Other Revenue"; }
+    static { this.AnnaOrderEntry = "ANNA ORDER ENTRY"; }
+}
+
+class ActionCommentsPopupComponent {
+    constructor(modalService) {
+        this.modalService = modalService;
+        this.applyCloseButtonText = { apply: "Apply", cancel: "Cancel" };
+        this.commented = new EventEmitter();
+        this.userActed = new EventEmitter();
+        // eslint-disable-next-line @angular-eslint/no-output-native
+        this.cancel = new EventEmitter();
+    }
+    openModal(data, comment, customTopMessage = null) {
+        this.comment = cloneDeep(comment);
+        if (customTopMessage === "") {
+            this.infoMessage = null;
+        }
+        else if (customTopMessage) {
+            this.infoMessage = new MessageBoxData("", customTopMessage, "mdi mdi-information", GenericMessageBoxTheme.informationBlue.messageBoxClass);
+        }
+        else {
+            this.infoMessage = new MessageBoxData("", "Please note, this comment will be entered on the rep platform against this offer.", "mdi mdi-information", GenericMessageBoxTheme.informationBlue.messageBoxClass);
+        }
+        this.spotData = cloneDeep(data);
+        this.originalComment = cloneDeep(this.comment);
+        this.disableApply = true;
+        const ngbModalOptions = {
+            backdrop: "static",
+            keyboard: false,
+            windowClass: "action-comment-modal",
+        };
+        this.actionCommentModalRef = this.modalService.open(this.actionCommentModal, ngbModalOptions);
+    }
+    cancelClicked() {
+        const revertToDefault = false;
+        // if ((this.title.includes("approve") && this.comment) || (this.title.includes("Credit") && this.comment)) {
+        //     revertToDefault = false;
+        // }
+        // const actionTaken: "approve" | "credit" = this.title.includes("approve") ? "approve" : "credit";
+        // const payload = { revertToDefault, actionTaken };
+        this.cancel.emit(revertToDefault);
+        this.closeModal();
+    }
+    closeModal() {
+        this.actionCommentModalRef?.close();
+    }
+    apply() {
+        const trimmedComment = this.comment ? this.comment.trim() : null;
+        this.commented.emit({ spotData: this.spotData, comment: trimmedComment });
+    }
+    reasonChanged() {
+        this.enableDisableApply();
+        this.userActed.emit();
+    }
+    enableDisableApply() {
+        const isReofferPopup = this.title?.toLowerCase().includes("reoffer");
+        const isCancelPopup = this.title?.toLowerCase().includes("cancel");
+        const trimmedComment = this.comment ? this.comment.trim() : null;
+        if (isReofferPopup || isCancelPopup) {
+            const isCommentEmpty = !trimmedComment || trimmedComment === "";
+            this.disableApply = isCommentEmpty;
+        }
+        else {
+            this.disableApply = this.originalComment === trimmedComment;
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: ActionCommentsPopupComponent, deps: [{ token: i1.NgbModal }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.17", type: ActionCommentsPopupComponent, isStandalone: true, selector: "anna-feature-spots-approval-action-comments-popup", inputs: { title: "title", allowEdit: "allowEdit", applyCloseButtonText: "applyCloseButtonText" }, outputs: { commented: "commented", userActed: "userActed", cancel: "cancel" }, viewQueries: [{ propertyName: "actionCommentModal", first: true, predicate: ["actionCommentModal"], descendants: true, static: true }], ngImport: i0, template: "<ng-template\n    #actionCommentModal\n    let-modal\n>\n    <div class=\"modal-header\">\n        <h3 class=\"modal-title\">{{ title }}</h3>\n        <i\n            (click)=\"closeModal()\"\n            class=\"mi mdi-close-icon mdi-font-md action-comments-close\"\n            *ngIf=\"!allowEdit\"\n        ></i>\n    </div>\n    <div class=\"modal-body\">\n        <anna-design-message-box *ngIf=\"infoMessage\" [messageBoxData]=\"infoMessage\"></anna-design-message-box>\n        <textarea\n            [(ngModel)]=\"comment\"\n            [disabled]=\"!allowEdit\"\n            spellcheck=\"false\"\n            (ngModelChange)=\"reasonChanged()\"\n        ></textarea>\n\n        <div\n            class=\"button-container-modal\"\n            *ngIf=\"allowEdit\"\n        >\n            <button\n                class=\"anna cancel-button\"\n                (click)=\"cancelClicked()\"\n            >\n                {{ applyCloseButtonText?.cancel }}\n            </button>\n            <button\n                class=\"anna apply-button\"\n                (click)=\"apply()\"\n                [disabled]=\"disableApply\"\n            >\n                {{ applyCloseButtonText?.apply }}\n            </button>\n        </div>\n    </div>\n</ng-template>\n", styles: ["textarea{resize:none;padding:8px;height:6.375rem;margin:12px 0 0;border-radius:4px;border:solid 1px #d4d4d4;width:100%;font-size:var(--page-link-fs)}.button-container-modal{display:flex;margin-top:24px}.button-container-modal button{border-radius:2px!important;border:none!important;font-size:.875rem;letter-spacing:normal;font-weight:400;line-height:normal}i.action-comments-close{float:right;margin-left:auto}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2$1.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: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: AnnaDesignComponentsLibModule }, { kind: "component", type: i4.MessageBoxComponent, selector: "anna-design-message-box", inputs: ["messageBoxData", "showHyphen", "hide", "headerAsBlockElement"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: ActionCommentsPopupComponent, decorators: [{
+            type: Component,
+            args: [{ selector: "anna-feature-spots-approval-action-comments-popup", imports: [CommonModule, FormsModule, AnnaDesignComponentsLibModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-template\n    #actionCommentModal\n    let-modal\n>\n    <div class=\"modal-header\">\n        <h3 class=\"modal-title\">{{ title }}</h3>\n        <i\n            (click)=\"closeModal()\"\n            class=\"mi mdi-close-icon mdi-font-md action-comments-close\"\n            *ngIf=\"!allowEdit\"\n        ></i>\n    </div>\n    <div class=\"modal-body\">\n        <anna-design-message-box *ngIf=\"infoMessage\" [messageBoxData]=\"infoMessage\"></anna-design-message-box>\n        <textarea\n            [(ngModel)]=\"comment\"\n            [disabled]=\"!allowEdit\"\n            spellcheck=\"false\"\n            (ngModelChange)=\"reasonChanged()\"\n        ></textarea>\n\n        <div\n            class=\"button-container-modal\"\n            *ngIf=\"allowEdit\"\n        >\n            <button\n                class=\"anna cancel-button\"\n                (click)=\"cancelClicked()\"\n            >\n                {{ applyCloseButtonText?.cancel }}\n            </button>\n            <button\n                class=\"anna apply-button\"\n                (click)=\"apply()\"\n                [disabled]=\"disableApply\"\n            >\n                {{ applyCloseButtonText?.apply }}\n            </button>\n        </div>\n    </div>\n</ng-template>\n", styles: ["textarea{resize:none;padding:8px;height:6.375rem;margin:12px 0 0;border-radius:4px;border:solid 1px #d4d4d4;width:100%;font-size:var(--page-link-fs)}.button-container-modal{display:flex;margin-top:24px}.button-container-modal button{border-radius:2px!important;border:none!important;font-size:.875rem;letter-spacing:normal;font-weight:400;line-height:normal}i.action-comments-close{float:right;margin-left:auto}\n"] }]
+        }], ctorParameters: () => [{ type: i1.NgbModal }], propDecorators: { title: [{
+                type: Input
+            }], allowEdit: [{
+                type: Input
+            }], applyCloseButtonText: [{
+                type: Input
+            }], commented: [{
+                type: Output
+            }], userActed: [{
+                type: Output
+            }], cancel: [{
+                type: Output
+            }], actionCommentModal: [{
+                type: ViewChild,
+                args: ["actionCommentModal", { static: true }]
+            }] } });
+
+class OfferRejectionPopupComponent {
+    constructor(modalService) {
+        this.modalService = modalService;
+        this.rejectionHeader = "Reject Offer";
+        this.rejectionPopupData = {
+            showActionInRejectionPopup: true,
+            allowActionInRejectionPopup: false,
+            rejectActionComment: [],
+            excludeFromFutureOffers: false,
+            rejectionHeader: "Reject Offer"
+        };
+        this.isSubmitCommentButtonEnabled = false;
+        this.hideExcludePECheckbox = false;
+        this.apply = new EventEmitter();
+        // eslint-disable-next-line @angular-eslint/no-output-native
+        this.cancel = new EventEmitter();
+        this.userActed = new EventEmitter();
+    }
+    setRevertToApproveIfCancelClickedInPopup(revertToApproveIfCancelClickedInPopup) {
+        this.revertToApproveIfCancelClickedInPopup = cloneDeep(revertToApproveIfCancelClickedInPopup);
+        this.openOfferRejectionReasonAndCommentModal();
+    }
+    openOfferRejectionReasonAndCommentModal() {
+        this.hideExcludePECheckbox = this.hideExcludePECheckbox || this.spotType.toLowerCase().includes("adu");
+        const ngbModalOptions = {
+            windowClass: "offer-rejection-modal",
+        };
+        const rejectionReasons = [];
+        this.offerRjectionPossibleReasons.forEach((item) => {
+            rejectionReasons.push({
+                title: item,
+                isSelected: this.rejectionPopupData.rejectActionComment &&
+                    this.rejectionPopupData.rejectActionComment.includes(item),
+            });
+        });
+        this.offerRejectedReasonAndCommentPopupData = {
+            reasons: rejectionReasons,
+            comment: this.rejectionPopupData.rejectActionComment && !this.revertToApproveIfCancelClickedInPopup
+                ? this.rejectionPopupData.rejectActionComment.filter((n) => !this.offerRjectionPossibleReasons.includes(n))[0]
+                : null,
+            isDisabled: !this.rejectionPopupData.allowActionInRejectionPopup,
+            disableApply: false,
+            excludeFutureOffers: this.rejectionPopupData.excludeFromFutureOffers,
+            disableCommentBox: !this.rejectionPopupData.allowActionInRejectionPopup ||
+                rejectionReasons.filter((n) => n.isSelected).length === 0,
+            commentBoxPlaceholder: rejectionReasons.filter((n) => n.title.includes("Other"))[0]?.isSelected
+                ? "Please specify the reason for rejection (Max 200 characters)"
+                : "Please provide any additional comments for offer rejection here (Max 200 characters)",
+        };
+        this.disableEnableOfferRejectedReasonAndCommentPopupApplyButton();
+        if (this.offerRejectionReasonAndCommentModalRef) {
+            this.offerRejectionReasonAndCommentModalRef.close();
+        }
+        this.offerRejectionReasonAndCommentModalRef = this.modalService.open(this.offerRejectionReasonAndCommentModal, ngbModalOptions);
+    }
+    changesMadeInCommentBox(e) {
+        if (!/[a-zA-Z0-9 ]/.test(e.key)) {
+            e.preventDefault();
+        }
+    }
+    reasonTextChanged(event) {
+        this.userActed.emit();
+        this.rejectionReasonHasSpecialCharacter = !!/[`!@#$%^&*()_+\-=[\]{};':"\\|,.<>/?~]/.test(event);
+        this.disableEnableOfferRejectedReasonAndCommentPopupApplyButton();
+    }
+    closeOfferRejectionReasonAndCommentModal() {
+        let revertRadioButtonSelectionToApprove = false;
+        if (!this.offerRejectedReasonAndCommentPopupData.isDisabled) {
+            if (this.revertToApproveIfCancelClickedInPopup ||
+                this.rejectionPopupData.rejectActionComment === "" ||
+                !this.rejectionPopupData.rejectActionComment ||
+                this.rejectionPopupData.rejectActionComment.length === 0) {
+                revertRadioButtonSelectionToApprove = true;
+            }
+        }
+        this.cancel.emit(revertRadioButtonSelectionToApprove);
+        this.offerRejectionReasonAndCommentModalRef.close();
+    }
+    applyOfferRejectionReasonSelectedAndComment() {
+        this.apply.emit({
+            comments: this.prepareCommentsArray(),
+            excludeFutureOffers: this.offerRejectedReasonAndCommentPopupData.excludeFutureOffers,
+        });
+        this.offerRejectionReasonAndCommentModalRef.close();
+    }
+    prepareCommentsArray() {
+        const comments = this.offerRejectedReasonAndCommentPopupData.reasons
+            .filter((n) => n.isSelected)
+            .map((n) => n.title);
+        const trimmedComment = this.offerRejectedReasonAndCommentPopupData.comment
+            ? this.offerRejectedReasonAndCommentPopupData.comment.trim()
+            : null;
+        if (trimmedComment && trimmedComment !== "") {
+            comments.push(trimmedComment);
+        }
+        return comments;
+    }
+    isOfferRejectionReasonsChanged() {
+        return (!isEqual(this.prepareCommentsArray(), this.rejectionPopupData.rejectActionComment) ||
+            this.rejectionPopupData.excludeFromFutureOffers !==
+                this.offerRejectedReasonAndCommentPopupData.excludeFutureOffers);
+    }
+    disableEnableOfferRejectedReasonAndCommentPopupApplyButton() {
+        const trimmedComment = this.offerRejectedReasonAndCommentPopupData.comment
+            ? this.offerRejectedReasonAndCommentPopupData.comment.trim()
+            : null;
+        this.offerRejectedReasonAndCommentPopupData.disableApply =
+            this.offerRejectedReasonAndCommentPopupData.reasons.filter((n) => n.isSelected).length === 0 ||
+                (this.offerRejectedReasonAndCommentPopupData.reasons.filter((n) => n.title.includes("Other"))[0]
+                    .isSelected &&
+                    (!trimmedComment || trimmedComment === "")) ||
+                !this.isOfferRejectionReasonsChanged() ||
+                this.rejectionReasonHasSpecialCharacter;
+    }
+    offerRejectionReasonCheckedOrUnchecked(index) {
+        this.userActed.emit();
+        if (!this.offerRejectedReasonAndCommentPopupData.isDisabled) {
+            this.offerRejectedReasonAndCommentPopupData.reasons[index].isSelected =
+                !this.offerRejectedReasonAndCommentPopupData.reasons[index].isSelected;
+            this.disableEnableOfferRejectedReasonAndCommentPopupApplyButton();
+            this.offerRejectedReasonAndCommentPopupData.disableCommentBox =
+                this.offerRejectedReasonAndCommentPopupData.reasons.filter((n) => n.isSelected).length === 0;
+            this.offerRejectedReasonAndCommentPopupData.commentBoxPlaceholder =
+                this.offerRejectedReasonAndCommentPopupData.reasons.filter((n) => n.title.includes("Other"))[0]
+                    ?.isSelected
+                    ? "Please specify the reason for rejection (Max 200 characters)"
+                    : "Please provide any additional comments for offer rejection here (Max 200 characters)";
+        }
+    }
+    excludeFutureOffers() {
+        this.userActed.emit();
+        this.offerRejectedReasonAndCommentPopupData.excludeFutureOffers =
+            !this.offerRejectedReasonAndCommentPopupData.excludeFutureOffers;
+        this.disableEnableOfferRejectedReasonAndCommentPopupApplyButton();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: OfferRejectionPopupComponent, deps: [{ token: i1.NgbModal }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.17", type: OfferRejectionPopupComponent, isStandalone: true, selector: "anna-feature-spots-approval-offer-rejection-popup", inputs: { spotType: "spotType", rejectionHeader: "rejectionHeader", rejectionPopupData: "rejectionPopupData", isSubmitCommentButtonEnabled: "isSubmitCommentButtonEnabled", offerRjectionPossibleReasons: "offerRjectionPossibleReasons", hideExcludePECheckbox: "hideExcludePECheckbox" }, outputs: { apply: "apply", cancel: "cancel", userActed: "userActed" }, viewQueries: [{ propertyName: "offerRejectionReasonAndCommentModal", first: true, predicate: ["offerRejectionReasonAndCommentModal"], descendants: true, static: true }], ngImport: i0, template: "<ng-template\n    #offerRejectionReasonAndCommentModal\n    let-modal\n>\n    <div class=\"modal-header\">\n        <h3 class=\"modal-title\">{{ rejectionHeader }}</h3>\n        <i\n            (click)=\"closeOfferRejectionReasonAndCommentModal()\"\n            class=\"mi mdi-close-icon mdi-font-md offer-rejection-close\"\n            *ngIf=\"offerRejectedReasonAndCommentPopupData?.isDisabled\"\n        ></i>\n    </div>\n    <div class=\"modal-body offer-rejection-reasoning-modal\">\n        <ng-container *ngIf=\"rejectionPopupData?.showActionInRejectionPopup\">\n            <p class=\"mb-10\">\n                {{\n                    offerRejectedReasonAndCommentPopupData.isDisabled\n                        ? \"Reason for rejection:\"\n                        : \"Please select reason for\n            rejection:\"\n                }}\n            </p>\n            <ul>\n                <label\n                    *ngFor=\"let reason of offerRejectedReasonAndCommentPopupData.reasons; let i = index\"\n                    (click)=\"offerRejectionReasonCheckedOrUnchecked(i)\"\n                    [ngClass]=\"{ disabled: offerRejectedReasonAndCommentPopupData?.isDisabled }\"\n                >\n                    <i\n                        class=\"mi mdi-check-box\"\n                        *ngIf=\"reason.isSelected\"\n                    ></i>\n                    <i\n                        class=\"mi mdi-check-box-outline-blank\"\n                        *ngIf=\"!reason.isSelected\"\n                    ></i>\n                    <span>{{ reason.title }}</span>\n                </label>\n            </ul>\n        </ng-container>\n\n        <p\n            class=\"mb-10\"\n            *ngIf=\"!rejectionPopupData?.showActionInRejectionPopup\"\n        >\n            Reason for rejection:\n        </p>\n        <textarea\n            [(ngModel)]=\"offerRejectedReasonAndCommentPopupData.comment\"\n            spellcheck=\"false\"\n            id=\"offerRejectionCommentInput\"\n            [disabled]=\"offerRejectedReasonAndCommentPopupData.disableCommentBox\"\n            (ngModelChange)=\"reasonTextChanged($event)\"\n            (keydown)=\"changesMadeInCommentBox($event)\"\n            (keyup)=\"disableEnableOfferRejectedReasonAndCommentPopupApplyButton()\"\n            placeholder=\"{{\n                offerRejectedReasonAndCommentPopupData.isDisabled\n                    ? ''\n                    : offerRejectedReasonAndCommentPopupData.commentBoxPlaceholder\n            }}\"\n            maxlength=\"200\"\n        ></textarea>\n        <p\n            class=\"text-danger\"\n            *ngIf=\"rejectionReasonHasSpecialCharacter\"\n        >\n            Special Character not allowed\n        </p>\n        <hr *ngIf=\"rejectionPopupData?.showActionInRejectionPopup\" />\n        <ng-container *ngIf=\"!hideExcludePECheckbox && rejectionPopupData?.showActionInRejectionPopup\">\n            <p *ngIf=\"!offerRejectedReasonAndCommentPopupData.isDisabled\">\n                You can choose to exclude the preemption(s) of this offer set from further attempts to find MakeGoods.\n                In this case, you will have to manually create the MakeGoods.\n            </p>\n            <label\n                class=\"mt-8\"\n                (click)=\"excludeFutureOffers()\"\n                [ngClass]=\"{ disabled: offerRejectedReasonAndCommentPopupData?.disableCommentBox }\"\n            >\n                <i\n                    class=\"mi mdi-check-box\"\n                    *ngIf=\"offerRejectedReasonAndCommentPopupData.excludeFutureOffers\"\n                ></i>\n                <i\n                    class=\"mi mdi-check-box-outline-blank\"\n                    *ngIf=\"!offerRejectedReasonAndCommentPopupData.excludeFutureOffers\"\n                ></i>\n                <span>Exclude the preemption(s) of this offer set from future attempts</span>\n            </label>\n        </ng-container>\n\n        <ng-container *ngIf=\"!offerRejectedReasonAndCommentPopupData.isDisabled\">\n            <p>\n                Please note that the offer will not be marked as rejected if you do not select the reason for rejection.\n            </p>\n            <div class=\"button-container-modal\">\n                <button\n                    class=\"anna cancel-button\"\n                    (click)=\"closeOfferRejectionReasonAndCommentModal()\"\n                >\n                    Cancel\n                </button>\n                <button\n                    class=\"anna apply-button\"\n                    (click)=\"applyOfferRejectionReasonSelectedAndComment()\"\n                    [disabled]=\"offerRejectedReasonAndCommentPopupData.disableApply\"\n                >\n                    Apply\n                </button>\n            </div>\n        </ng-container>\n    </div>\n</ng-template>\n", styles: ["::ng-deep .offer-rejection-modal>.modal-dialog>.modal-content{width:530px!important;min-width:530px!important;max-width:530px!important}.offer-rejection-close{float:right;margin-left:auto}.offer-rejection-reasoning-modal{color:#4a4a4a;font-family:Roboto;font-size:.75rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal}.offer-rejection-reasoning-modal p{margin-bottom:0}.offer-rejection-reasoning-modal p.mb-10{margin-bottom:8px}.offer-rejection-reasoning-modal ul{padding:0;height:80px;display:flex;flex-direction:column;flex-wrap:wrap;margin:0}.offer-rejection-reasoning-modal label{line-height:1.5;display:flex;align-items:center;cursor:pointer}.offer-rejection-reasoning-modal label i{color:#268bff;margin-right:4px}.offer-rejection-reasoning-modal label.disabled{pointer-events:none;cursor:default!important}.offer-rejection-reasoning-modal label.disabled i{color:#d4d4d4!important}textarea{resize:none;padding:8px;height:6.375rem;margin:0;border-radius:4px;border:solid 1px #d4d4d4;width:100%}.button-container-modal{display:flex;margin-top:24px}.button-container-modal button{border-radius:2px!important;border:none!important;font-size:.875rem;letter-spacing:normal;font-weight:400;line-height:normal}.mt-8{margin-top:.5rem}hr{margin:.625rem 0!important}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2$1.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: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i2$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: OfferRejectionPopupComponent, decorators: [{
+            type: Component,
+            args: [{ selector: "anna-feature-spots-approval-offer-rejection-popup", changeDetection: ChangeDetectionStrategy.OnPush, imports: [NgIf, NgFor, NgClass, FormsModule], template: "<ng-template\n    #offerRejectionReasonAndCommentModal\n    let-modal\n>\n    <div class=\"modal-header\">\n        <h3 class=\"modal-title\">{{ rejectionHeader }}</h3>\n        <i\n            (click)=\"closeOfferRejectionReasonAndCommentModal()\"\n            class=\"mi mdi-close-icon mdi-font-md offer-rejection-close\"\n            *ngIf=\"offerRejectedReasonAndCommentPopupData?.isDisabled\"\n        ></i>\n    </div>\n    <div class=\"modal-body offer-rejection-reasoning-modal\">\n        <ng-container *ngIf=\"rejectionPopupData?.showActionInRejectionPopup\">\n            <p class=\"mb-10\">\n                {{\n                    offerRejectedReasonAndCommentPopupData.isDisabled\n                        ? \"Reason for rejection:\"\n                        : \"Please select reason for\n            rejection:\"\n                }}\n            </p>\n            <ul>\n                <label\n                    *ngFor=\"let reason of offerRejectedReasonAndCommentPopupData.reasons; let i = index\"\n                    (click)=\"offerRejectionReasonCheckedOrUnchecked(i)\"\n                    [ngClass]=\"{ disabled: offerRejectedReasonAndCommentPopupData?.isDisabled }\"\n                >\n                    <i\n                        class=\"mi mdi-check-box\"\n                        *ngIf=\"reason.isSelected\"\n                    ></i>\n                    <i\n                        class=\"mi mdi-check-box-outline-blank\"\n                        *ngIf=\"!reason.isSelected\"\n                    ></i>\n                    <span>{{ reason.title }}</span>\n                </label>\n            </ul>\n        </ng-container>\n\n        <p\n            class=\"mb-10\"\n            *ngIf=\"!rejectionPopupData?.showActionInRejectionPopup\"\n        >\n            Reason for rejection:\n        </p>\n        <textarea\n            [(ngModel)]=\"offerRejectedReasonAndCommentPopupData.comment\"\n            spellcheck=\"false\"\n            id=\"offerRejectionCommentInput\"\n            [disabled]=\"offerRejectedReasonAndCommentPopupData.disableCommentBox\"\n            (ngModelChange)=\"reasonTextChanged($event)\"\n            (keydown)=\"changesMadeInCommentBox($event)\"\n            (keyup)=\"disableEnableOfferRejectedReasonAndCommentPopupApplyButton()\"\n            placeholder=\"{{\n                offerRejectedReasonAndCommentPopupData.isDisabled\n                    ? ''\n                    : offerRejectedReasonAndCommentPopupData.commentBoxPlaceholder\n            }}\"\n            maxlength=\"200\"\n        ></textarea>\n        <p\n            class=\"text-danger\"\n            *ngIf=\"rejectionReasonHasSpecialCharacter\"\n        >\n            Special Character not allowed\n        </p>\n        <hr *ngIf=\"rejectionPopupData?.showActionInRejectionPopup\" />\n        <ng-container *ngIf=\"!hideExcludePECheckbox && rejectionPopupData?.showActionInRejectionPopup\">\n            <p *ngIf=\"!offerRejectedReasonAndCommentPopupData.isDisabled\">\n                You can choose to exclude the preemption(s) of this offer set from further attempts to find MakeGoods.\n                In this case, you will have to manually create the MakeGoods.\n            </p>\n            <label\n                class=\"mt-8\"\n                (click)=\"excludeFutureOffers()\"\n                [ngClass]=\"{ disabled: offerRejectedReasonAndCommentPopupData?.disableCommentBox }\"\n            >\n                <i\n                    class=\"mi mdi-check-box\"\n                    *ngIf=\"offerRejectedReasonAndCommentPopupData.excludeFutureOffers\"\n                ></i>\n                <i\n                    class=\"mi mdi-check-box-outline-blank\"\n                    *ngIf=\"!offerRejectedReasonAndCommentPopupData.excludeFutureOffers\"\n                ></i>\n                <span>Exclude the preemption(s) of this offer set from future attempts</span>\n            </label>\n        </ng-container>\n\n        <ng-container *ngIf=\"!offerRejectedReasonAndCommentPopupData.isDisabled\">\n            <p>\n                Please note that the offer will not be marked as rejected if you do not select the reason for rejection.\n            </p>\n            <div class=\"button-container-modal\">\n                <button\n                    class=\"anna cancel-button\"\n                    (click)=\"closeOfferRejectionReasonAndCommentModal()\"\n                >\n                    Cancel\n                </button>\n                <button\n                    class=\"anna apply-button\"\n                    (click)=\"applyOfferRejectionReasonSelectedAndComment()\"\n                    [disabled]=\"offerRejectedReasonAndCommentPopupData.disableApply\"\n                >\n                    Apply\n                </button>\n            </div>\n        </ng-container>\n    </div>\n</ng-template>\n", styles: ["::ng-deep .offer-rejection-modal>.modal-dialog>.modal-content{width:530px!important;min-width:530px!important;max-width:530px!important}.offer-rejection-close{float:right;margin-left:auto}.offer-rejection-reasoning-modal{color:#4a4a4a;font-family:Roboto;font-size:.75rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal}.offer-rejection-reasoning-modal p{margin-bottom:0}.offer-rejection-reasoning-modal p.mb-10{margin-bottom:8px}.offer-rejection-reasoning-modal ul{padding:0;height:80px;display:flex;flex-direction:column;flex-wrap:wrap;margin:0}.offer-rejection-reasoning-modal label{line-height:1.5;display:flex;align-items:center;cursor:pointer}.offer-rejection-reasoning-modal label i{color:#268bff;margin-right:4px}.offer-rejection-reasoning-modal label.disabled{pointer-events:none;cursor:default!important}.offer-rejection-reasoning-modal label.disabled i{color:#d4d4d4!important}textarea{resize:none;padding:8px;height:6.375rem;margin:0;border-radius:4px;border:solid 1px #d4d4d4;width:100%}.button-container-modal{display:flex;margin-top:24px}.button-container-modal button{border-radius:2px!important;border:none!important;font-size:.875rem;letter-spacing:normal;font-weight:400;line-height:normal}.mt-8{margin-top:.5rem}hr{margin:.625rem 0!important}\n"] }]
+        }], ctorParameters: () => [{ type: i1.NgbModal }], propDecorators: { spotType: [{
+                type: Input
+            }], rejectionHeader: [{
+                type: Input
+            }], rejectionPopupData: [{
+                type: Input
+            }], isSubmitCommentButtonEnabled: [{
+                type: Input
+            }], offerRjectionPossibleReasons: [{
+                type: Input
+            }], hideExcludePECheckbox: [{
+                type: Input
+            }], apply: [{
+                type: Output
+            }], cancel: [{
+                type: Output
+            }], userActed: [{
+                type: Output
+            }], offerRejectionReasonAndCommentModal: [{
+                type: ViewChild,
+                args: ["offerRejectionReasonAndCommentModal", { static: true }]
+            }] } });
+
+// Angular import statements
+class SpotApprovalGenericInFeatureSharedLibService {
+    static returnTooltipAndIconForSolvedType(solvedType, metric, valueToUse) {
+        switch (solvedType) {
+            case "LINE":
+                return {
+                    icon: SvgOrIconNames.ALPHA_B_CIRCLE,
+                    tooltipMsg: `The booked ${metric} for this spot is calculated based on the booked ${metric} (${valueToUse}) of the inventory code of the spot.`,
+                };
+            case "ROLLING_ESTIMATES":
+                return {
+                    icon: SvgOrIconNames.ALPHA_R_CIRCLE,
+                    tooltipMsg: `The booked ${metric} for this spot is calculated based on the ANNA Estimate value (${valueToUse}) of the program.`,
+                };
+            case "ESTIMATES":
+                return {
+                    icon: SvgOrIconNames.ALPHA_E_CIRCLE,
+                    tooltipMsg: `The booked ${metric} for this spot is calculated based on the station’s estimated ${metric} (${valueToUse}) of the program.`,
+                };
+            case "AVERAGE":
+                return {
+                    icon: SvgOrIconNames.ALPHA_A_CIRCLE,
+                    tooltipMsg: `The booked ${metric} for this spot is calculated based on the average booked ${metric} (${valueToUse}).`,
+                };
+            default:
+                return null;
+        }
+    }
+    static returnEstimatePriorities(data, estimatePriority) {
+        const firstAndSecondEstimatePrioritiesForRTGMetric = `${this.returnEstimateValueBasedOnKeyForRTGMetric(data, estimatePriority[0])} | ${this.returnEstimateValueBasedOnKeyForRTGMetric(data, estimatePriority[1])}`;
+        const thirdAndFourthEstimatePrioritiesForRTGMetric = `${this.returnEstimateValueBasedOnKeyForRTGMetric(data, estimatePriority[2])} | ${this.returnEstimateValueBasedOnKeyForRTGMetric(data, estimatePriority[3])}`;
+        const firstAndSecondEstimatePrioritiesForIMPSMetric = `${this.returnEstimateValueBasedOnKeyForIMPSMetric(data, estimatePriority[0])} | ${this.returnEstimateValueBasedOnKeyForIMPSMetric(data, estimatePriority[1])}`;
+        const thirdAndFourthEstimatePrioritiesForIMPSGMetric = `${this.returnEstimateValueBasedOnKeyForIMPSMetric(data, estimatePriority[2])} | ${this.returnEstimateValueBasedOnKeyForIMPSMetric(data, estimatePriority[3])}`;
+        return [
+            firstAndSecondEstimatePrioritiesForRTGMetric,
+            thirdAndFourthEstimatePrioritiesForRTGMetric,
+            firstAndSecondEstimatePrioritiesForIMPSMetric,
+            thirdAndFourthEstimatePrioritiesForIMPSGMetric,
+        ];
+    }
+    // TODO ADD THE KEYS IN BE
+    static returnEstimateValueBasedOnKeyForRTGMetric(BEData, key) {
+        switch (key) {
+            case "AverageRTG":
+                return BEData.BookedAvgRatings !== null ? BEData.BookedAvgRatings : "-";
+            case "BookedRTG":
+                return BEData.BookedRatings !== null ? BEData.BookedRatings : "-";
+            case "RollingEstimate":
+                return BEData.RollingEstimateRatings === 0 ? "-" : BEData.RollingEstimateRatings;
+            case "StationEstimate":
+                return BEData.StationEstimateRatings === 0 ? "-" : BEData.StationEstimateRatings;
+            // no default
+        }
+        return "-";
+    }
+    static returnEstimateValueBasedOnKeyForIMPSMetric(data, key) {
+        switch (key) {
+            case "AverageRTG":
+                return data.BookedAvgImpressions !== null ? data.BookedAvgImpressions : "-";
+            case "BookedRTG":
+                return data.BookedImpressions !== null ? data.BookedImpressions : "-";
+            case "RollingEstimate":
+                return data.RollingEstimateImpressions === 0 ? "-" : data.RollingEstimateImpressions;
+            case "StationEstimate":
+                return data.StationEstimateImpressions === 0 ? "-" : data.StationEstimateImpressions;
+            // no default
+        }
+        return "-";
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: SpotApprovalGenericInFeatureSharedLibService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: SpotApprovalGenericInFeatureSharedLibService, providedIn: "root" }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: SpotApprovalGenericInFeatureSharedLibService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: "root",
+                }]
+        }] });
+
+class GenericFeatureRelatedConstants {
+    static { this.ProjectedGrpOrImpsMessage = "ANNA calculates projected RTG/IMPS values using either the computed estimates or the actual posted data, depending on what is available. If posted data has not yet been received, ANNA will use the computed estimates as the projected value. Once the actual posted data is received, the projection will automatically update to reflect the real, posted values. This ensures that projected data is always based on the most accurate and up-to-date information."; }
+}
+
+// biz-rules
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { ANNAOfferSpecificDRROrderDataForBuyer, ANNAOfferSpecificDRROrderDataForSeller, ActionCommentsPopupComponent, AdditionalDRROrderGenericData, BizHistoryType, BizRuleStatus, BuyerContactInfo, DRROrderGenericData, GenericBusinessRuleCommonSIBILogicService, GenericDailyRevisionService, GenericFeatureRelatedConstants, OfferRejectionPopupComponent, OrderListingConstants, OrderMetrics, PrimaryOrderPanelService, RevisionTypeAndDisplayRevisionType, SpotApprovalGenericInFeatureSharedLibService, StationRevisionInformationForUserOffers, StatusCodeAndBackgroundColors, StatusCodeAndClass, UserOfferSpecificDRROrderDataForSeller };
+//# sourceMappingURL=annalib-anna-feature-shared-lib.mjs.map