awing-library 2.1.21 → 2.1.22-stage

package/lib/ACM-AXN/Campaign/Types.d.ts

@@ -1,10 +1,13 @@
 /// <reference types="react" />
 import { AlertColor } from '@mui/material';
 import { CampaignType } from './Utils';
-import { DirectoryRoot } from './Enum';
+import { AdType, CampaignPriority, CampaignRuleType, CampaignTicket, DirectoryRoot, Operator } from './Enum';
 import { PrmissionService } from '../Permission/Types';
-import { TIMELINE_TYPE } from '../../Utils/Helpers';
-import { PageService } from '../Page/Types';
+import { PageService, PageViewEvent } from '../Page/Types';
+import { BaseChartComponent } from 'react-chartjs-2/dist/types';
+import { Timestamp } from '../../ACM-AXN/Common/Types';
+import { CampaignAnalyticService } from './CreateOrEdit/TabStatistic/Types';
+import { AnalyticType } from '../../ACM-AXN/Common/Enum';
 export interface Directory {
     directoryId: string;
     name: string;
@@ -24,10 +27,6 @@ export interface RuleOsVersion {
     osCode: string;
     value: number;
 }
-export type Timestamp = {
-    seconds: number;
-    nanos: number;
-};
 export interface PlaceFilterOperand {
     type: number;
     operator: number;
@@ -79,6 +78,7 @@ export type CampaignGroup = {
      * Đánh dấu nhóm chiến dịch không được xoá
      */
     cantBeDelete?: boolean;
+    billingUnit: AnalyticType;
 };
 export type CampaignAd = {
     id: number;
@@ -210,77 +210,6 @@ export type DateRange = {
     startDate: Date;
     endDate: Date;
 };
-export declare enum CampaignPriority {
-    ClassA = "ClassA",
-    ClassB = "ClassB",
-    ClassC = "ClassC"
-}
-export declare enum CampaignTicket {
-    ACTIVE = 0,
-    INACTIVE = 1
-}
-export declare enum AdType {
-    BANNER_STATIC = 1,
-    BANNER_EFFECT = 2,
-    BANNER_SLIDE = 3,
-    CPA = 4,
-    SURVEY = 5,
-    VIDEO = 6,
-    GAME = 7,
-    TEXT_MATCHING = 8,
-    OTHER = 9
-}
-export declare enum CampaignRuleType {
-    LimitView = 0,
-    LimitClick = 1,
-    LimitEvent = 2,
-    TargetGender = 3,
-    TargetAge = 4,
-    TargetOS = 5,
-    TargetDevice = 6,
-    RetargetMacAddress = 7
-}
-/**
- * Enum bao gồm các phép toán
- */
-export declare enum Operator {
-    /**
-     * Bằng
-     */
-    Equality = 0,
-    /**
-     * Khác
-     */
-    NotEqual = 1,
-    /**
-     * Nhỏ hơn
-     */
-    LessThan = 2,
-    /**
-     * Lớn hơn
-     */
-    GreaterThan = 3,
-    /**
-     * Nhỏ hơn hoặc bằng
-     */
-    LessThanOrEqualTo = 4,
-    /**
-     * Lớn hơn hoặc bằng
-     */
-    GreaterThanOrEqualTo = 5,
-    /**
-     * Có giao cắt
-     */
-    IntersectExist = 6,
-    /**
-     * Thuộc danh sách
-     */
-    In = 7
-}
-export declare enum AnalyticType {
-    AnalyticView = 1,
-    AnalyticEvent = 2
-}
 export interface IPagedListOfCampaignModel {
     items: CampaignModel[];
     pageCount: number;
@@ -309,36 +238,6 @@ export interface CampaignFilter {
     status?: number[];
     types?: CampaignType[];
 }
-export interface AnalyticEventModel {
-    startDate?: string;
-    endDate?: string;
-    placeIds?: string[];
-}
-export interface AnalyticEventModelResponse {
-    eventLabel: string;
-    timeline: number;
-    total: number;
-}
-export interface AnalyticEvent {
-    eventLabel: string;
-    eventObject: string;
-    placeId: string;
-    domainId: string;
-    pageId: string;
-    campaignId: string;
-    campaignGroupId: number;
-    macAddress: string;
-    apMac: string;
-    sessionId: string;
-    createdDate: Timestamp;
-    campaignAdId: number;
-}
-export interface AnalyticDataProviderModel {
-    timeline: number;
-    view: number;
-    click: number;
-    ctr: number;
-}
 export interface Attribute {
     id: number;
     name: string;
@@ -353,6 +252,7 @@ export interface AppHelper {
     confirm: (okFunction?: () => void, cancelFunction?: () => void, message?: string, title?: string) => void;
 }
 interface CampaignService extends PrmissionService {
+    pagesGetPageViewEventByPageIds(body: string[] | undefined): Promise<PageViewEvent[]>;
     directoriesGetByObjectTypeCode: (type: DirectoryRoot) => Promise<Directory[]>;
     campaignsPaging: (body: CampaignFilter) => Promise<IPagedListOfCampaignModel>;
     campaignsDelete: (id: string) => Promise<void>;
@@ -360,34 +260,17 @@ interface CampaignService extends PrmissionService {
     campaignsPut: (id: string, body: CampaignModel) => Promise<void>;
     campaignsPost: (body: CampaignModel) => Promise<void>;
     directoriesPost: (body: Directory) => Promise<void>;
-    placesGetPagingByPlaceFilter: (pageIndex?: number, pageSize?: number, body?: PlaceFilter) => Promise<any>;
-    placesGetByPlaceFilter: (body?: PlaceFilter) => Promise<any[]>;
-    pagesPaging: (searchString?: string, pageSize?: number, pageIndex?: number, directoryId?: string) => Promise<any>;
     pagesGetSources: (loginId?: string, welcomeId?: string) => Promise<any>;
     deviceInfoGetAllRuleOsVersions: () => Promise<RuleOsVersion[]>;
     deviceInfoGetAllRuleDevices: () => Promise<RuleDevice[]>;
-    statisticCampaignGetAnalyticEvent: (body: AnalyticEventModel) => Promise<AnalyticEventModelResponse[]>;
-    statisticCampaignGetEvents: (body: AnalyticEventModel) => Promise<AnalyticEvent[]>;
-    statisticCampaignGet: (startDate?: string, endDate?: string, timelineType?: TIMELINE_TYPE, body?: Record<string, any>) => Promise<AnalyticDataProviderModel[]>;
-    statisticCampaignGetAnalyticCampaign: (timelineType?: TIMELINE_TYPE, startDate?: string, endDate?: string, body?: Record<string, any>) => Promise<AnalyticCampaignSummary[]>;
     attributesGetByObjectTypeCode?: (objectTypeCode: string) => Promise<Attribute[]>;
 }
 export interface CampaignFeatureProps {
-    service: CampaignService & PageService;
+    service: CampaignService & PageService & CampaignAnalyticService;
     placeMultiSelectComponent: (p?: any) => JSX.Element;
-    tabStatistic: (p?: any) => JSX.Element;
+    chart: BaseChartComponent;
     domainId: string;
     configs: any;
     isAxn?: boolean;
 }
-export interface AnalyticCampaignSummary {
-    campaignId: string;
-    placeId: string;
-    domainId: string;
-    timeline: number;
-    pageCode: string;
-    total: number;
-    campaignGroupId: number;
-    campaignAdId: number;
-}
 export {};

package/lib/ACM-AXN/Campaign/Types.js

@@ -1,81 +1,2 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.AnalyticType = exports.Operator = exports.CampaignRuleType = exports.AdType = exports.CampaignTicket = exports.CampaignPriority = void 0;
-var CampaignPriority;
-(function (CampaignPriority) {
-    CampaignPriority["ClassA"] = "ClassA";
-    CampaignPriority["ClassB"] = "ClassB";
-    CampaignPriority["ClassC"] = "ClassC";
-})(CampaignPriority || (exports.CampaignPriority = CampaignPriority = {}));
-var CampaignTicket;
-(function (CampaignTicket) {
-    CampaignTicket[CampaignTicket["ACTIVE"] = 0] = "ACTIVE";
-    CampaignTicket[CampaignTicket["INACTIVE"] = 1] = "INACTIVE";
-})(CampaignTicket || (exports.CampaignTicket = CampaignTicket = {}));
-var AdType;
-(function (AdType) {
-    // DEFAULT = 0,
-    AdType[AdType["BANNER_STATIC"] = 1] = "BANNER_STATIC";
-    AdType[AdType["BANNER_EFFECT"] = 2] = "BANNER_EFFECT";
-    AdType[AdType["BANNER_SLIDE"] = 3] = "BANNER_SLIDE";
-    AdType[AdType["CPA"] = 4] = "CPA";
-    AdType[AdType["SURVEY"] = 5] = "SURVEY";
-    AdType[AdType["VIDEO"] = 6] = "VIDEO";
-    AdType[AdType["GAME"] = 7] = "GAME";
-    AdType[AdType["TEXT_MATCHING"] = 8] = "TEXT_MATCHING";
-    AdType[AdType["OTHER"] = 9] = "OTHER";
-})(AdType || (exports.AdType = AdType = {}));
-var CampaignRuleType;
-(function (CampaignRuleType) {
-    CampaignRuleType[CampaignRuleType["LimitView"] = 0] = "LimitView";
-    CampaignRuleType[CampaignRuleType["LimitClick"] = 1] = "LimitClick";
-    CampaignRuleType[CampaignRuleType["LimitEvent"] = 2] = "LimitEvent";
-    CampaignRuleType[CampaignRuleType["TargetGender"] = 3] = "TargetGender";
-    CampaignRuleType[CampaignRuleType["TargetAge"] = 4] = "TargetAge";
-    CampaignRuleType[CampaignRuleType["TargetOS"] = 5] = "TargetOS";
-    CampaignRuleType[CampaignRuleType["TargetDevice"] = 6] = "TargetDevice";
-    CampaignRuleType[CampaignRuleType["RetargetMacAddress"] = 7] = "RetargetMacAddress";
-})(CampaignRuleType || (exports.CampaignRuleType = CampaignRuleType = {}));
-/**
- * Enum bao gồm các phép toán
- */
-var Operator;
-(function (Operator) {
-    /**
-     * Bằng
-     */
-    Operator[Operator["Equality"] = 0] = "Equality";
-    /**
-     * Khác
-     */
-    Operator[Operator["NotEqual"] = 1] = "NotEqual";
-    /**
-     * Nhỏ hơn
-     */
-    Operator[Operator["LessThan"] = 2] = "LessThan";
-    /**
-     * Lớn hơn
-     */
-    Operator[Operator["GreaterThan"] = 3] = "GreaterThan";
-    /**
-     * Nhỏ hơn hoặc bằng
-     */
-    Operator[Operator["LessThanOrEqualTo"] = 4] = "LessThanOrEqualTo";
-    /**
-     * Lớn hơn hoặc bằng
-     */
-    Operator[Operator["GreaterThanOrEqualTo"] = 5] = "GreaterThanOrEqualTo";
-    /**
-     * Có giao cắt
-     */
-    Operator[Operator["IntersectExist"] = 6] = "IntersectExist";
-    /**
-     * Thuộc danh sách
-     */
-    Operator[Operator["In"] = 7] = "In";
-})(Operator || (exports.Operator = Operator = {}));
-var AnalyticType;
-(function (AnalyticType) {
-    AnalyticType[AnalyticType["AnalyticView"] = 1] = "AnalyticView";
-    AnalyticType[AnalyticType["AnalyticEvent"] = 2] = "AnalyticEvent";
-})(AnalyticType || (exports.AnalyticType = AnalyticType = {}));

package/lib/ACM-AXN/Campaign/Utils.d.ts

@@ -1,7 +1,9 @@
-import { CampaignPriority, CampaignAttribute, CampaignGroupModel, CampaignModel, Campaign, CampaignPartner, CampaignAd, Timestamp, PlaceFilter, CampaignAdWeight, CampaignAdAdvanced, CampaignAdvancedRule, CampaignGroup } from './Types';
+import { CampaignAttribute, CampaignGroupModel, CampaignModel, Campaign, CampaignPartner, CampaignAd, PlaceFilter, CampaignAdWeight, CampaignAdAdvanced, CampaignAdvancedRule, CampaignGroup } from './Types';
+import { CampaignPriority } from './Enum';
+import { Timestamp } from '../../ACM-AXN/Common/Types';
 export declare const getIndexPriority: (priorityCompare: CampaignPriority) => number;
 export declare const checkPriority: (keyPriority: number | "ClassA" | "ClassB" | "ClassC" | undefined, priorityCompare: `${CampaignPriority}`) => boolean;
-export declare const getTotalBooking: (campaignGroupModels: CampaignGroupModel[]) => string | null;
+export declare const getTotalBooking: (campaignGroupModels: CampaignGroupModel[]) => string;
 export declare const formatListCampaign: (listCampaign?: CampaignModel[], ids?: string[]) => any[];
 export declare const checkCampaignIsRunning: (campaignGroupModel: CampaignGroupModel) => boolean;
 export declare const getCampaignPriority: (priority?: number | `${CampaignPriority}`) => any;
@@ -75,6 +77,7 @@ export declare const nextChar: (c: string) => string;
 export declare const RuleType: {
     LimitView: number;
     LimitClick: number;
+    Authentication: number;
     LimitEvent: number;
     TargetGender: number;
     TargetAge: number;
@@ -129,3 +132,7 @@ export declare enum CampaignType {
     TextMatching = "TextMatching",
     Other = "Other"
 }
+export declare enum adAnalyticType {
+    Spot = 0,
+    Engagements = 1
+}

package/lib/ACM-AXN/Campaign/Utils.js

@@ -12,15 +12,14 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.CampaignType = exports.ageRangeValueToText = exports.RuleAgeRange = exports.DEMO_GRAPHIC_AGE_RANGE = exports.getDescription = exports.isAdActive = exports.RuleGender = exports.RuleTypeOfCalculatorAXN = exports.RuleTypeOfCalculator = exports.RuleType = exports.nextChar = exports.getName = exports.getDefaultRule = exports.bonusValid = exports.bookingValid = exports.adsClassCValid = exports.groupClassCValid = exports.groupClassBValid = exports.campaignAdsValid = exports.ruleValid = exports.verifyExpr = exports.advancedValid = exports.weightsValid = exports.placeFilterValid = exports.dateRangeValid = exports.pageValid = exports.campaignAdValid = exports.validateAnalyticTypes = exports.checkValidUrl = exports.tabPartnerValid = exports.tabInfomationValid = exports.attributesValid = exports.nameValid = exports.directoryValid = exports.advancedSearchFormatDate = exports.getCampaignPriority = exports.checkCampaignIsRunning = exports.formatListCampaign = exports.getTotalBooking = exports.checkPriority = exports.getIndexPriority = void 0;
-var Types_1 = require("./Types");
+exports.adAnalyticType = exports.CampaignType = exports.ageRangeValueToText = exports.RuleAgeRange = exports.DEMO_GRAPHIC_AGE_RANGE = exports.getDescription = exports.isAdActive = exports.RuleGender = exports.RuleTypeOfCalculatorAXN = exports.RuleTypeOfCalculator = exports.RuleType = exports.nextChar = exports.getName = exports.getDefaultRule = exports.bonusValid = exports.bookingValid = exports.adsClassCValid = exports.groupClassCValid = exports.groupClassBValid = exports.campaignAdsValid = exports.ruleValid = exports.verifyExpr = exports.advancedValid = exports.weightsValid = exports.placeFilterValid = exports.dateRangeValid = exports.pageValid = exports.campaignAdValid = exports.validateAnalyticTypes = exports.checkValidUrl = exports.tabPartnerValid = exports.tabInfomationValid = exports.attributesValid = exports.nameValid = exports.directoryValid = exports.advancedSearchFormatDate = exports.getCampaignPriority = exports.checkCampaignIsRunning = exports.formatListCampaign = exports.getTotalBooking = exports.checkPriority = exports.getIndexPriority = void 0;
 var Enum_1 = require("./Enum");
 var Helpers_1 = require("../../Utils/Helpers");
 var i18n_1 = __importDefault(require("../../i18n"));
 var moment_1 = __importDefault(require("moment"));
 var validation_1 = require("../../AWING/ultis/validation");
 var getIndexPriority = function (priorityCompare) {
-    return Object.values(Types_1.CampaignPriority).indexOf(priorityCompare);
+    return Object.values(Enum_1.CampaignPriority).indexOf(priorityCompare);
 };
 exports.getIndexPriority = getIndexPriority;
 var checkPriority = function (keyPriority, priorityCompare) {
@@ -28,20 +27,20 @@ var checkPriority = function (keyPriority, priorityCompare) {
     if (isNaN(Number(keyPriority))) {
         return keyPriority === priorityCompare;
     }
-    return (Object.values(Types_1.CampaignPriority)[keyPriority] ===
+    return (Object.values(Enum_1.CampaignPriority)[keyPriority] ===
         priorityCompare);
 };
 exports.checkPriority = checkPriority;
 var getTotalBooking = function (campaignGroupModels) {
     var _a, _b;
-    var campaignGroupModelsClassB = campaignGroupModels.filter(function (x) { var _a; return (0, exports.checkPriority)((_a = x.campaignGroup) === null || _a === void 0 ? void 0 : _a.priority, Types_1.CampaignPriority.ClassB); });
+    var campaignGroupModelsClassB = campaignGroupModels.filter(function (x) { var _a; return (0, exports.checkPriority)((_a = x.campaignGroup) === null || _a === void 0 ? void 0 : _a.priority, Enum_1.CampaignPriority.ClassB); });
     // Chỉ cộng sub campaign Cấp B. Nếu ko chứa cấp B => N/A luôn
     if (campaignGroupModelsClassB.length > 0) {
         var result = 0;
         for (var i = 0; i < campaignGroupModels.length; i++) {
             result += ((_b = (_a = campaignGroupModels[i]) === null || _a === void 0 ? void 0 : _a.campaignGroup) === null || _b === void 0 ? void 0 : _b.bookingAmount) || 0;
         }
-        return (0, Helpers_1.roundDecimalNumber)(result);
+        return (0, Helpers_1.formatNumber)(result);
     }
     else
         return 'N/A';
@@ -81,12 +80,12 @@ var getCampaignPriority = function (priority) {
     var result = 'Ⓐ';
     var switchVar = isNaN(Number(priority))
         ? priority
-        : Object.values(Types_1.CampaignPriority)[priority];
+        : Object.values(Enum_1.CampaignPriority)[priority];
     switch (switchVar) {
-        case Types_1.CampaignPriority.ClassB:
+        case Enum_1.CampaignPriority.ClassB:
             result = 'Ⓑ';
             break;
-        case Types_1.CampaignPriority.ClassC:
+        case Enum_1.CampaignPriority.ClassC:
             result = 'Ⓒ';
             break;
         default:
@@ -247,12 +246,12 @@ function campaignAdsValid(value) {
 }
 exports.campaignAdsValid = campaignAdsValid;
 function groupClassBValid(value) {
-    return (!(0, exports.checkPriority)(value.priority, Types_1.CampaignPriority.ClassB) ||
+    return (!(0, exports.checkPriority)(value.priority, Enum_1.CampaignPriority.ClassB) ||
         (bookingValid(value.bookingAmount) && bonusValid(value.bonusAmount)));
 }
 exports.groupClassBValid = groupClassBValid;
 function groupClassCValid(value) {
-    if (!(0, exports.checkPriority)(value.campaignGroup.priority, Types_1.CampaignPriority.ClassC))
+    if (!(0, exports.checkPriority)(value.campaignGroup.priority, Enum_1.CampaignPriority.ClassC))
         return true;
     return adsClassCValid(value.ads);
 }
@@ -298,6 +297,7 @@ var getDefaultRule = function (type) {
     switch (type) {
         case exports.RuleType.LimitView:
         case exports.RuleType.LimitClick:
+        case exports.RuleType.Authentication:
             return {
                 type: type,
                 operator: Enum_1.EnumOperator.LessThan.id,
@@ -368,6 +368,7 @@ exports.nextChar = nextChar;
 exports.RuleType = {
     LimitView: 0,
     LimitClick: 1,
+    Authentication: 8,
     LimitEvent: 2,
     TargetGender: 3,
     TargetAge: 4,
@@ -440,6 +441,14 @@ var getDescription = function (rule) {
         value = JSON.parse(value);
     }
     switch (rule.type) {
+        case exports.RuleType.Authentication:
+            {
+                var textFormat = i18n_1.default.t('Campaign.Rule.DescriptionFormat.LimitEngagement');
+                result += textFormat.replace('{0}', operatorText);
+                result = result.replace('{1}', value);
+                result = result.replace('{2}', params.period <= 0 ? unlimit : params.period);
+            }
+            break;
         case exports.RuleType.LimitView:
             {
                 var textFormat = i18n_1.default.t('Campaign.Rule.DescriptionFormat.LimitView');
@@ -460,6 +469,7 @@ var getDescription = function (rule) {
             {
                 var textFormat = i18n_1.default.t('Campaign.Rule.DescriptionFormat.LimitEvent');
                 result += textFormat.replace('{0}', params.eventLabel);
+                result = result.replace('{x}', params.viewNumber);
                 result = result.replace('{1}', operatorText);
                 result = result.replace('{2}', value);
                 result = result.replace('{3}', params.period <= 0 ? unlimit : params.period);
@@ -621,3 +631,8 @@ var CampaignType;
     CampaignType["TextMatching"] = "TextMatching";
     CampaignType["Other"] = "Other";
 })(CampaignType || (exports.CampaignType = CampaignType = {}));
+var adAnalyticType;
+(function (adAnalyticType) {
+    adAnalyticType[adAnalyticType["Spot"] = 0] = "Spot";
+    adAnalyticType[adAnalyticType["Engagements"] = 1] = "Engagements";
+})(adAnalyticType || (exports.adAnalyticType = adAnalyticType = {}));

package/lib/ACM-AXN/Campaign/index.d.ts

@@ -1,3 +1,5 @@
 /// <reference types="react" />
 import { CampaignFeatureProps } from './Types';
 export declare const CampaignFeature: React.FC<CampaignFeatureProps>;
+export * from './CreateOrEdit/TabStatistic/container';
+export default CampaignFeature;

package/lib/ACM-AXN/Campaign/index.js

@@ -10,19 +10,32 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.CampaignFeature = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
-// import Constants from "Commons/Constants";
 var react_helmet_async_1 = require("react-helmet-async");
 var react_i18next_1 = require("react-i18next");
 var CreateDirectory_1 = __importDefault(require("../../AWING/Directory/CreateDirectory"));
 var Router_1 = require("../../AWING/Router");
 var i18n_1 = __importDefault(require("../../i18n"));
-var Constant_1 = require("./Constant");
+var Constant_1 = require("../../ACM-AXN/Common/Constant");
 var Container_1 = __importDefault(require("./Container"));
 var Context_1 = require("./Context");
 var CreateOrEdit_1 = __importDefault(require("./CreateOrEdit"));
@@ -50,3 +63,5 @@ var Campaign = function (props) {
 };
 var CampaignFeature = function (props) { return ((0, jsx_runtime_1.jsx)(react_i18next_1.I18nextProvider, { i18n: i18n_1.default, children: (0, jsx_runtime_1.jsx)(react_helmet_async_1.HelmetProvider, { children: (0, jsx_runtime_1.jsx)(Context_1.campaignPropsContext.Provider, { value: props, children: (0, jsx_runtime_1.jsx)(Campaign, __assign({}, props)) }) }) })); };
 exports.CampaignFeature = CampaignFeature;
+__exportStar(require("./CreateOrEdit/TabStatistic/container"), exports);
+exports.default = exports.CampaignFeature;

package/lib/ACM-AXN/CampaignPlan/Container.js

@@ -24,7 +24,7 @@ var react_1 = require("react");
 var material_1 = require("@mui/material");
 var react_i18next_1 = require("react-i18next");
 var Filter_1 = __importDefault(require("./Filter"));
-var Constant_1 = require("./Constant");
+var Constant_1 = require("../Common/Constant");
 var Hooks_1 = __importDefault(require("./Hooks"));
 var Router_1 = require("../../AWING/Router");
 var Utils_1 = require("./Utils");
@@ -56,7 +56,8 @@ function Container() {
             .finally(function () {
             setLoading(false);
         });
-    }, [service, filterBy, queryInput]);
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [filterBy, queryInput]);
     var handleUpdateFilterBy = function (name, value) {
         if (filterBy[name] !== value) {
             setFilterBy(function (oldData) {
@@ -65,10 +66,13 @@ function Container() {
             });
         }
     };
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(react_helmet_async_1.HelmetProvider, { children: (0, jsx_runtime_1.jsx)(react_helmet_async_1.Helmet, { children: (0, jsx_runtime_1.jsx)("title", { children: t('CampaignPlan.Title') }) }) }), (0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "h5", component: "h1", color: "inherit", noWrap: true, fontWeight: 'bold', sx: { marginBottom: function (theme) { return theme.spacing(2); } }, children: t('CampaignPlan.Title') }), (0, jsx_runtime_1.jsxs)(material_1.Paper, { elevation: 1, children: [(0, jsx_runtime_1.jsx)(material_1.Box, { sx: {
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(react_helmet_async_1.HelmetProvider, { children: (0, jsx_runtime_1.jsx)(react_helmet_async_1.Helmet, { children: (0, jsx_runtime_1.jsx)("title", { children: t('CampaignPlan.Title') }) }) }), (0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "h5", component: "h1", color: "inherit", noWrap: true, fontWeight: 'bold', sx: { mb: 2 }, children: t('CampaignPlan.Title') }), (0, jsx_runtime_1.jsxs)(material_1.Paper, { elevation: 1, children: [(0, jsx_runtime_1.jsx)(material_1.Box, { sx: {
                             display: 'flex',
                             justifyContent: 'flex-end',
-                            padding: '24px 16px 8px',
+                            pt: 3,
+                            pb: 1,
+                            pl: 2,
+                            pr: 2,
                         }, children: (0, jsx_runtime_1.jsx)(material_1.Box, { sx: {
                                 width: '50%',
                                 display: 'flex',
@@ -83,7 +87,17 @@ function Container() {
                             {
                                 field: 'name',
                                 headerName: t('CampaignPlan.CampaignName'),
-                                width: 200,
+                                width: 260,
+                                valueGetter: function (row) {
+                                    return ((0, jsx_runtime_1.jsxs)("span", { children: [row.name, (row === null || row === void 0 ? void 0 : row.isNetWork) && ((0, jsx_runtime_1.jsx)("span", { style: {
+                                                    backgroundColor: '#c49f47',
+                                                    color: '#ffffff',
+                                                    fontSize: '13px',
+                                                    marginLeft: '4px',
+                                                    padding: '1px 4px',
+                                                    borderRadius: '2px',
+                                                }, children: "Network" }))] }));
+                                },
                             },
                             {
                                 field: 'endDate',
@@ -95,10 +109,8 @@ function Container() {
                             },
                             {
                                 field: 'totalRun',
-                                headerName: "".concat(t('CampaignPlan.HasRun'), " (").concat(t('CampaignPlan.NumberOfConnections'), ")"),
-                                valueGetter: function (row) {
-                                    return (0, Helpers_1.roundDecimalNumber)(row.totalRun);
-                                },
+                                headerName: "".concat(t('CampaignPlan.HasRun'), " (").concat(t('Campaign.BillingUnit.Title'), ")"),
+                                type: 'number',
                                 width: 200,
                                 TableCellProps: {
                                     align: 'right',
@@ -106,10 +118,10 @@ function Container() {
                             },
                             {
                                 field: 'totalExpected',
-                                headerName: "".concat(t('CampaignPlan.WillRun'), " (").concat(t('CampaignPlan.NumberOfConnections'), ")"),
+                                headerName: "".concat(t('CampaignPlan.WillRun'), " (").concat(t('Campaign.BillingUnit.Title'), ")"),
                                 valueGetter: function (row) {
                                     return row.isContainClassB
-                                        ? (0, Helpers_1.roundDecimalNumber)(row.totalExpected)
+                                        ? (0, Helpers_1.formatNumber)(row.totalExpected)
                                         : 'N/A';
                                 },
                                 width: 200,
@@ -122,10 +134,10 @@ function Container() {
                                 headerName: "".concat(t('CampaignPlan.AmountBooking'), " (+").concat(t('CampaignPlan.BonusText'), ")"),
                                 valueGetter: function (row) {
                                     return row.isContainClassB
-                                        ? (0, Helpers_1.roundDecimalNumber)(Number(row.total))
+                                        ? (0, Helpers_1.formatNumber)(Number(row.total))
                                         : 'N/A';
                                 },
-                                width: 180,
+                                width: 190,
                                 TableCellProps: {
                                     align: 'right',
                                 },

package/lib/ACM-AXN/CampaignPlan/Container.test.d.ts

@@ -3,4 +3,4 @@
  * @author dauquan1108@gmail.com on 03/12/2024.
  *
  **/
-import '@testing-library/jest-dom';
+export {};

package/lib/ACM-AXN/CampaignPlan/Container.test.js

@@ -57,7 +57,6 @@ var jsx_runtime_1 = require("react/jsx-runtime");
  * @author dauquan1108@gmail.com on 03/12/2024.
  *
  **/
-require("@testing-library/jest-dom");
 var react_router_dom_1 = require("react-router-dom");
 var react_1 = require("@testing-library/react");
 var Container_1 = __importDefault(require("./Container"));
@@ -137,7 +136,7 @@ jest.mock('./Filter', function () { return function (props) {
     return ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("p", { children: "Filter component" }), (0, jsx_runtime_1.jsx)("button", { "data-testid": "onUpdateFilterBy", onClick: function () { return props.onUpdateFilterBy('campaignId', '0'); }, children: "onUpdateFilterBy" })] }));
 }; });
 // Mock DataGrid
-jest.mock('../../AWING', function () { return ({
+jest.mock('AWING', function () { return ({
     DataGrid: function (props) { return ((0, jsx_runtime_1.jsxs)("div", { children: [props.columns
                 .filter(function (item) { return item.valueGetter; })
                 .map(function (getter, idx) { return ((0, jsx_runtime_1.jsx)("span", { children: getter.valueGetter('a', idx, '1') }, idx)); }), (0, jsx_runtime_1.jsx)("span", { children: props.getRowId(mockPagedList.items[0]) }), (0, jsx_runtime_1.jsx)("button", { "data-testid": "onPageIndexChange", onClick: function () { return props.onPageIndexChange(0); } }), (0, jsx_runtime_1.jsx)("button", { "data-testid": "onPageSizeChange", onClick: function () { return props.onPageSizeChange(2); } }), (0, jsx_runtime_1.jsx)("p", { "data-testid": "rowsPaginate", children: JSON.stringify(props.rows) }), (0, jsx_runtime_1.jsx)("button", { "data-testid": "onRowClick", onClick: props.onRowClick, children: "onRowClick" })] })); },

package/lib/ACM-AXN/CampaignPlan/Detail.js

@@ -70,26 +70,27 @@ function CampaignPlanDetail() {
                         field: 'name',
                         headerName: t('CampaignPlan.Group'),
                         valueGetter: function (row) {
-                            return "".concat(row.name, " ").concat(getCampaignPriority(row.priority));
+                            return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [row.name, (0, jsx_runtime_1.jsx)(material_1.Typography, { component: 'span', sx: {
+                                            fontFamily: '"Segoe UI Symbol", "Apple Symbols", "Noto Sans Symbols 2" !important',
+                                            fontSize: 18,
+                                        }, children: getCampaignPriority(row.priority) })] }));
                         },
                     },
                     {
                         field: 'totalRun',
-                        headerName: t('CampaignPlan.HasRun'),
-                        valueGetter: function (row) {
-                            return (0, Helpers_1.roundDecimalNumber)(row.totalRun);
-                        },
+                        headerName: "".concat(t('CampaignPlan.HasRun'), " (").concat(t('Campaign.BillingUnit.Title'), ")"),
+                        type: 'number',
                         TableCellProps: {
                             align: 'right',
                         },
                     },
                     {
                         field: 'totalExpected',
-                        headerName: t('CampaignPlan.WillRun'),
+                        headerName: "".concat(t('CampaignPlan.WillRun'), " (").concat(t('Campaign.BillingUnit.Title'), ")"),
                         valueGetter: function (row) {
                             return row.priority ===
                                 Utils_1.CAMPAIGN_PRIORITY.CLASS_B
-                                ? (0, Helpers_1.roundDecimalNumber)(row.totalExpected)
+                                ? (0, Helpers_1.formatNumber)(row.totalExpected)
                                 : 'N/A';
                         },
                         TableCellProps: {
@@ -102,7 +103,7 @@ function CampaignPlanDetail() {
                         valueGetter: function (row) {
                             return row.priority ===
                                 Utils_1.CAMPAIGN_PRIORITY.CLASS_B
-                                ? (0, Helpers_1.roundDecimalNumber)(Number(row.total))
+                                ? (0, Helpers_1.formatNumber)(Number(row.total))
                                 : 'N/A';
                         },
                         TableCellProps: {

package/lib/ACM-AXN/CampaignPlan/Detail.test.d.ts

@@ -3,4 +3,4 @@
  * @author dauquan1108@gmail.com on 03/11/2024.
  *
  **/
-import '@testing-library/jest-dom';
+export {};