awing-library 2.1.128-beta → 2.1.128

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

@@ -1,4 +1,3 @@
-export declare const ACTIVE_CAMPAIGN_TICKET = 0;
 export declare const EnumOperator: {
     Equality: {
         id: number;
@@ -111,11 +110,16 @@ export declare const BaseEvent: {
     readonly 0: "View";
     readonly 2: "Click";
     readonly 1: "Authentication";
+    readonly 4: "AuthenticationSuccess";
 };
-export declare enum CampaignTicket {
-    ACTIVE = 0,
-    INACTIVE = 1
+export declare enum CampaignStatus {
+    Draft = 0,
+    Reserved = 1,
+    Pending = 2,
+    Active = 3,
+    Done = 4
 }
+export declare const ACTIVE_CAMPAIGN_TICKET = CampaignStatus.Active;
 export declare enum AdType {
     BANNER_STATIC = 1,
     BANNER_EFFECT = 2,
@@ -130,6 +134,7 @@ export declare enum AdType {
 export declare enum CampaignRuleType {
     LimitView = 0,
     LimitClick = 1,
+    Authentication = 8,
     LimitEvent = 2,
     TargetGender = 3,
     TargetAge = 4,
@@ -174,3 +179,17 @@ export declare enum Operator {
      */
     In = 7
 }
+export declare enum CampaignApprovalStatus {
+    Draft = 0,
+    PendingApproval = 1,
+    Approval = 2,
+    Rejected = 3
+}
+export declare const ColorCampaignStatus: {
+    Draft: string;
+    Reserved: string;
+    UnderApproval: string;
+    Active: string;
+    UnActive: string;
+    Done: string;
+};

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

@@ -1,9 +1,8 @@
 "use strict";
 var _a;
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Operator = exports.CampaignRuleType = exports.AdType = exports.CampaignTicket = exports.BaseEvent = exports.CampaignPriority = exports.DATE_FORMAT = exports.PlaceFilterOperandType = exports.DirectoryRoot = exports.CAMPAIGN_ANALYTIC_TYPE = exports.CAMPAIGN_STATUS = exports.EnumOperator = exports.ACTIVE_CAMPAIGN_TICKET = void 0;
+exports.ColorCampaignStatus = exports.CampaignApprovalStatus = exports.Operator = exports.CampaignRuleType = exports.AdType = exports.ACTIVE_CAMPAIGN_TICKET = exports.CampaignStatus = exports.BaseEvent = exports.CampaignPriority = exports.DATE_FORMAT = exports.PlaceFilterOperandType = exports.DirectoryRoot = exports.CAMPAIGN_ANALYTIC_TYPE = exports.CAMPAIGN_STATUS = exports.EnumOperator = void 0;
 var Enum_1 = require("../../ACM-AXN/Common/Enum");
-exports.ACTIVE_CAMPAIGN_TICKET = 0;
 exports.EnumOperator = {
     Equality: { id: 0, text: "=", value: "Equality", type: "Comparison" },
     NotEqual: { id: 1, text: "≠", value: "NotEqual", type: "Comparison" },
@@ -91,15 +90,20 @@ var CampaignPriority;
     CampaignPriority["ClassC"] = "ClassC";
 })(CampaignPriority || (exports.CampaignPriority = CampaignPriority = {}));
 exports.BaseEvent = (_a = {},
-    _a[Enum_1.AnalyticType.VIEW] = 'View',
-    _a[Enum_1.AnalyticType.CLICK] = 'Click',
-    _a[Enum_1.AnalyticType.AUTHENTICATION] = 'Authentication',
+    _a[Enum_1.AnalyticType.View] = 'View',
+    _a[Enum_1.AnalyticType.Click] = 'Click',
+    _a[Enum_1.AnalyticType.Authentication] = 'Authentication',
+    _a[Enum_1.AnalyticType.AuthenticationSuccess] = 'AuthenticationSuccess',
     _a);
-var CampaignTicket;
-(function (CampaignTicket) {
-    CampaignTicket[CampaignTicket["ACTIVE"] = 0] = "ACTIVE";
-    CampaignTicket[CampaignTicket["INACTIVE"] = 1] = "INACTIVE";
-})(CampaignTicket || (exports.CampaignTicket = CampaignTicket = {}));
+var CampaignStatus;
+(function (CampaignStatus) {
+    CampaignStatus[CampaignStatus["Draft"] = 0] = "Draft";
+    CampaignStatus[CampaignStatus["Reserved"] = 1] = "Reserved";
+    CampaignStatus[CampaignStatus["Pending"] = 2] = "Pending";
+    CampaignStatus[CampaignStatus["Active"] = 3] = "Active";
+    CampaignStatus[CampaignStatus["Done"] = 4] = "Done";
+})(CampaignStatus || (exports.CampaignStatus = CampaignStatus = {}));
+exports.ACTIVE_CAMPAIGN_TICKET = CampaignStatus.Active;
 var AdType;
 (function (AdType) {
     // DEFAULT = 0,
@@ -117,6 +121,7 @@ var CampaignRuleType;
 (function (CampaignRuleType) {
     CampaignRuleType[CampaignRuleType["LimitView"] = 0] = "LimitView";
     CampaignRuleType[CampaignRuleType["LimitClick"] = 1] = "LimitClick";
+    CampaignRuleType[CampaignRuleType["Authentication"] = 8] = "Authentication";
     CampaignRuleType[CampaignRuleType["LimitEvent"] = 2] = "LimitEvent";
     CampaignRuleType[CampaignRuleType["TargetGender"] = 3] = "TargetGender";
     CampaignRuleType[CampaignRuleType["TargetAge"] = 4] = "TargetAge";
@@ -162,3 +167,18 @@ var Operator;
      */
     Operator[Operator["In"] = 7] = "In";
 })(Operator || (exports.Operator = Operator = {}));
+var CampaignApprovalStatus;
+(function (CampaignApprovalStatus) {
+    CampaignApprovalStatus[CampaignApprovalStatus["Draft"] = 0] = "Draft";
+    CampaignApprovalStatus[CampaignApprovalStatus["PendingApproval"] = 1] = "PendingApproval";
+    CampaignApprovalStatus[CampaignApprovalStatus["Approval"] = 2] = "Approval";
+    CampaignApprovalStatus[CampaignApprovalStatus["Rejected"] = 3] = "Rejected";
+})(CampaignApprovalStatus || (exports.CampaignApprovalStatus = CampaignApprovalStatus = {}));
+exports.ColorCampaignStatus = {
+    Draft: '#B0BEC5',
+    Reserved: '#FFD54F',
+    UnderApproval: '#FF7043',
+    Active: '#4CAF50',
+    UnActive: '#8D8D8D',
+    Done: '#1E88E5'
+};

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

@@ -1,9 +1,9 @@
 /// <reference types="react" />
 import { AlertColor } from '@mui/material';
 import { CampaignType } from './Utils';
-import { AdType, CampaignPriority, CampaignRuleType, CampaignTicket, DirectoryRoot, Operator } from './Enum';
+import { AdType, CampaignPriority, CampaignRuleType, CampaignStatus, DirectoryRoot, Operator } from './Enum';
 import { PrmissionService } from '../Permission/Types';
-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';
@@ -43,6 +43,13 @@ export type CampaignModel = {
     campaignGroups: CampaignGroupModel[];
     campaignAttributes: CampaignAttribute[];
     campaignPartner?: CampaignPartner;
+    campaignWizard?: {
+        id?: number;
+        campaignId?: string;
+        wizardGroupId?: number;
+        wizardId?: string;
+    };
+    campaignApprovals?: CampaignApproval[];
 };
 export type Campaign = {
     id: string;
@@ -59,7 +66,7 @@ export type CampaignGroup = {
     id: number;
     campaignId?: string;
     name: string;
-    ticket: CampaignTicket;
+    status: CampaignStatus;
     /**
      * Mức độ ưu tiên (A, B, C)
      */
@@ -69,7 +76,6 @@ export type CampaignGroup = {
     /**
      * Đặt chỗ
      */
-    isReserved: boolean;
     /**
      * Số lượng đã chạy (nếu có)
      */
@@ -79,6 +85,7 @@ export type CampaignGroup = {
      */
     cantBeDelete?: boolean;
     billingUnit: AnalyticType;
+    billingUnitLabel?: string;
 };
 export type CampaignAd = {
     id: number;
@@ -206,6 +213,17 @@ export type CampaignPartner = {
     email?: string;
     emailInterval: number;
 };
+export type CampaignApproval = {
+    id?: number;
+    campaignId?: string;
+    domainId?: string;
+    campaignGroupId?: number;
+    campaignAdId?: number;
+    status: number;
+    description: string;
+    loginId?: string;
+    welcomeId?: string;
+};
 export type DateRange = {
     startDate: Date;
     endDate: Date;
@@ -232,7 +250,6 @@ export interface CampaignFilter {
     endDate?: string;
     pageIndex?: number;
     pageSize?: number;
-    isReserved?: boolean;
     placeIds?: string[];
     priorities?: CampaignPriority[];
     status?: number[];
@@ -252,6 +269,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>;
@@ -259,11 +277,11 @@ interface CampaignService extends PrmissionService {
     campaignsPut: (id: string, body: CampaignModel) => Promise<void>;
     campaignsPost: (body: CampaignModel) => Promise<void>;
     directoriesPost: (body: Directory) => Promise<void>;
-    pagesPaging: (searchString?: string, pageSize?: number, pageIndex?: number, directoryId?: string) => Promise<any>;
     pagesGetSources: (loginId?: string, welcomeId?: string) => Promise<any>;
     deviceInfoGetAllRuleOsVersions: () => Promise<RuleOsVersion[]>;
     deviceInfoGetAllRuleDevices: () => Promise<RuleDevice[]>;
     attributesGetByObjectTypeCode?: (objectTypeCode: string) => Promise<Attribute[]>;
+    campaignsManualSendMail?: (campaignId: string, body: CampaignApproval[]) => Promise<void>;
 }
 export interface CampaignFeatureProps {
     service: CampaignService & PageService & CampaignAnalyticService;
@@ -272,5 +290,33 @@ export interface CampaignFeatureProps {
     domainId: string;
     configs: any;
     isAxn?: boolean;
+    quickWizard?: (p?: any) => JSX.Element;
+}
+interface ICampaignApprovalItemSubRow {
+    id?: number;
+    name?: string;
+    status?: CampaignStatus;
+}
+export interface ICampaignApprovalSubRow {
+    subCampaigns: ICampaignApprovalItemSubRow[];
+    ads: ICampaignApprovalItemSubRow[];
+}
+export interface ICampaignApprovalTableRow {
+    id?: string;
+    status: number;
+    linkPreview: string;
+    subCampaigns?: ICampaignApprovalItemSubRow[];
+    loginId?: string;
+    welcomeId?: string;
+    campaign: ICampaignApprovalSubRow[];
+    description: string;
+}
+export interface ICampaignApprovalTable {
+    id: string;
+    domain: {
+        domainName?: string;
+        domainId?: string;
+    };
+    detail: ICampaignApprovalTableRow[];
 }
 export {};

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

@@ -77,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;
@@ -135,3 +136,7 @@ export declare enum adAnalyticType {
     Spot = 0,
     Engagements = 1
 }
+export declare const getCampaignStatus: (isAcm?: boolean) => {
+    key: string;
+    value: number;
+}[];

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

@@ -12,7 +12,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-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;
+exports.getCampaignStatus = 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"));
@@ -66,7 +66,7 @@ var checkCampaignIsRunning = function (campaignGroupModel) {
     var localTime = (0, moment_1.default)().format('YYYY-MM-DD');
     var dateTimeNow = Number((0, moment_1.default)(localTime).format('X'));
     //Check chỉ cần trong ad có chứa ngày hiện tại là được
-    var campaignTicket = campaignGroupModel.campaignGroup.ticket === Enum_1.ACTIVE_CAMPAIGN_TICKET;
+    var campaignTicket = campaignGroupModel.campaignGroup.status === Enum_1.ACTIVE_CAMPAIGN_TICKET;
     var campaignContainsCurrentDate = ((_a = campaignGroupModel.ads.filter(function (y) {
         var _a, _b;
         return dateTimeNow >= Number((_a = y.startDate) === null || _a === void 0 ? void 0 : _a.seconds) &&
@@ -297,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,
@@ -367,6 +368,7 @@ exports.nextChar = nextChar;
 exports.RuleType = {
     LimitView: 0,
     LimitClick: 1,
+    Authentication: 8,
     LimitEvent: 2,
     TargetGender: 3,
     TargetAge: 4,
@@ -439,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');
@@ -459,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);
@@ -625,3 +636,19 @@ var adAnalyticType;
     adAnalyticType[adAnalyticType["Spot"] = 0] = "Spot";
     adAnalyticType[adAnalyticType["Engagements"] = 1] = "Engagements";
 })(adAnalyticType || (exports.adAnalyticType = adAnalyticType = {}));
+var getCampaignStatus = function (isAcm) {
+    var allStatuses = Object.keys(Enum_1.CampaignStatus)
+        .filter(function (key) { return isNaN(Number(key)); })
+        .map(function (key) { return ({ key: key, value: Enum_1.CampaignStatus[key] }); });
+    if (isAcm) {
+        return allStatuses.filter(function (status) {
+            return status.value === Enum_1.CampaignStatus.Draft ||
+                status.value === Enum_1.CampaignStatus.Active ||
+                status.value === Enum_1.CampaignStatus.Done;
+        });
+    }
+    else {
+        return allStatuses;
+    }
+};
+exports.getCampaignStatus = getCampaignStatus;

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

@@ -52,11 +52,11 @@ var Campaign = function (props) {
         },
         {
             param: Constant_1.Constants.CAMPAIGN_DETAIL + '/:campaignId/:tabName/*',
-            element: (0, jsx_runtime_1.jsx)(CreateOrEdit_1.default, {}),
+            element: (0, jsx_runtime_1.jsx)(CreateOrEdit_1.default, { quickWizard: props.quickWizard }),
         },
         {
             param: Constant_1.Constants.CAMPAIGN_CLONE + '/:campaignId/:tabName/*',
-            element: (0, jsx_runtime_1.jsx)(CreateOrEdit_1.default, {}),
+            element: ((0, jsx_runtime_1.jsx)(CreateOrEdit_1.default, { quickWizard: props.quickWizard, type: Constant_1.Constants.CAMPAIGN_CLONE })),
         },
     ];
     return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(Container_1.default, {}), (0, jsx_runtime_1.jsx)(Router_1.Routes, { children: paths.map(function (p) { return ((0, jsx_runtime_1.jsx)(Router_1.Route, { path: p.param, element: p.element }, p.param)); }) })] }));

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

@@ -66,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',
@@ -84,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',
@@ -96,10 +109,8 @@ function Container() {
                             },
                             {
                                 field: 'totalRun',
-                                headerName: "".concat(t('CampaignPlan.HasRun'), " (").concat(t('CampaignPlan.NumberOfConnections'), ")"),
-                                valueGetter: function (row) {
-                                    return (0, Helpers_1.formatNumber)(row.totalRun);
-                                },
+                                headerName: "".concat(t('CampaignPlan.HasRun')),
+                                type: 'number',
                                 width: 200,
                                 TableCellProps: {
                                     align: 'right',
@@ -107,7 +118,7 @@ function Container() {
                             },
                             {
                                 field: 'totalExpected',
-                                headerName: "".concat(t('CampaignPlan.WillRun'), " (").concat(t('CampaignPlan.NumberOfConnections'), ")"),
+                                headerName: "".concat(t('CampaignPlan.WillRun')),
                                 valueGetter: function (row) {
                                     return row.isContainClassB
                                         ? (0, Helpers_1.formatNumber)(row.totalExpected)
@@ -120,13 +131,13 @@ function Container() {
                             },
                             {
                                 field: 'total',
-                                headerName: "".concat(t('CampaignPlan.AmountBooking'), " (+").concat(t('CampaignPlan.BonusText'), ")"),
+                                headerName: "".concat(t('CampaignPlan.AmountBooking'), " (").concat(t('CampaignPlan.BonusText'), ")"),
                                 valueGetter: function (row) {
                                     return row.isContainClassB
                                         ? (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,7 +70,7 @@ function CampaignPlanDetail() {
                         field: 'name',
                         headerName: t('CampaignPlan.Group'),
                         valueGetter: function (row) {
-                            return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [row.name, ' ', (0, jsx_runtime_1.jsx)(material_1.Typography, { component: 'span', sx: {
+                            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) })] }));
@@ -78,17 +78,15 @@ function CampaignPlanDetail() {
                     },
                     {
                         field: 'totalRun',
-                        headerName: t('CampaignPlan.HasRun'),
-                        valueGetter: function (row) {
-                            return (0, Helpers_1.formatNumber)(row.totalRun);
-                        },
+                        headerName: "".concat(t('CampaignPlan.HasRun')),
+                        type: 'number',
                         TableCellProps: {
                             align: 'right',
                         },
                     },
                     {
                         field: 'totalExpected',
-                        headerName: t('CampaignPlan.WillRun'),
+                        headerName: "".concat(t('CampaignPlan.WillRun')),
                         valueGetter: function (row) {
                             return row.priority ===
                                 Utils_1.CAMPAIGN_PRIORITY.CLASS_B
@@ -101,7 +99,7 @@ function CampaignPlanDetail() {
                     },
                     {
                         field: 'total',
-                        headerName: "".concat(t('CampaignPlan.AmountBooking'), " (+").concat(t('CampaignPlan.BonusText'), ")"),
+                        headerName: "".concat(t('CampaignPlan.AmountBooking'), " (").concat(t('CampaignPlan.BonusText'), ")"),
                         valueGetter: function (row) {
                             return row.priority ===
                                 Utils_1.CAMPAIGN_PRIORITY.CLASS_B

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 {};

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

@@ -58,7 +58,6 @@ var jsx_runtime_1 = require("react/jsx-runtime");
  **/
 var react_1 = require("@testing-library/react");
 var Detail_1 = __importDefault(require("./Detail"));
-require("@testing-library/jest-dom");
 var mockCampaignPlan = {
     scheduleCampaignPlanModel: {
         campaignId: '5391179157958735137',
@@ -105,9 +104,9 @@ jest.mock('./Hooks', function () { return ({
 //  Mock đa ngữ
 jest.mock('react-i18next', function () { return (__assign(__assign({}, jest.requireActual('react-i18next')), { useTranslation: function () { return ({ t: jest.fn(function (key) { return key; }) }); } })); });
 // Mock Drawer
-jest.mock('../../Commons/Components/ClassicDrawer', function () { return function (props) { return ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("span", { "data-testid": "title-drawer", children: props.title }), props.children] })); }; });
+jest.mock('Commons/Components/ClassicDrawer', function () { return function (props) { return ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("span", { "data-testid": "title-drawer", children: props.title }), props.children] })); }; });
 // Mock PageManagement
-jest.mock('../../AWING', function () { return ({
+jest.mock('AWING', function () { return ({
     PageManagement: function (props) {
         props.onChangeQueryInput({
             searchString: '',

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

@@ -47,7 +47,7 @@ function Filters(props) {
         });
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, []);
-    var reserveTypes = [
+    var reserveTypes = (0, react_1.useMemo)(function () { return [
         {
             id: 0,
             name: t('CampaignPlan.AdvanceSearchOptionAll'),
@@ -63,10 +63,17 @@ function Filters(props) {
             name: t('CampaignPlan.NoneReserved'),
             value: Utils_1.CAMPAIGN_RESERVETYPES.NONERESERVED,
         },
-    ];
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(material_1.Autocomplete, { fullWidth: true, size: "small", options: campaign, id: Utils_1.FilterByType.campaignId, "data-testid": Utils_1.FilterByType.campaignId, getOptionLabel: function (option) { return (option === null || option === void 0 ? void 0 : option.name) || ''; }, onChange: function (event, campaignItem) {
+    ]; }, [t]);
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(material_1.Autocomplete, { fullWidth: true, size: "small", options: campaign, id: Utils_1.FilterByType.campaignId, "data-testid": Utils_1.FilterByType.campaignId, getOptionLabel: function (option) { return (option === null || option === void 0 ? void 0 : option.name) || ''; }, renderOption: function (props, option) { return ((0, jsx_runtime_1.jsx)(material_1.Box, __assign({ component: "li" }, props, { sx: { width: '100%' }, children: (0, jsx_runtime_1.jsxs)("span", { children: [option.name, option.isNetWork && ((0, jsx_runtime_1.jsx)("span", { style: {
+                                    backgroundColor: '#c49f47',
+                                    color: '#ffffff',
+                                    fontSize: '13px',
+                                    marginLeft: '4px',
+                                    padding: '1px 4px',
+                                    borderRadius: '2px',
+                                }, children: "Network" }))] }) }))); }, onChange: function (event, campaignItem) {
                     onUpdateFilterBy(Utils_1.FilterByType.campaignId, (campaignItem === null || campaignItem === void 0 ? void 0 : campaignItem.id) || '0');
-                }, renderInput: function (params) { return ((0, jsx_runtime_1.jsx)(material_1.TextField, __assign({}, params, { label: t('CampaignPlan.CampaignName') }))); }, sx: { marginRight: function (theme) { return theme.spacing(2); } }, value: campaign.find(function (x) { return x.id === filterBy.campaignId; }) }), (0, jsx_runtime_1.jsx)(material_1.Autocomplete, { fullWidth: true, size: "small", options: reserveTypes, id: Utils_1.FilterByType.campaignReserved, "data-testid": Utils_1.FilterByType.campaignReserved, getOptionLabel: function (option) { return (option === null || option === void 0 ? void 0 : option.name) || ''; }, onChange: function (event, campaignItem) {
+                }, renderInput: function (params) { return ((0, jsx_runtime_1.jsx)(material_1.TextField, __assign({}, params, { label: t('CampaignPlan.CampaignName') }))); }, sx: { marginRight: function (theme) { return theme.spacing(2); } }, value: campaign.find(function (x) { return x.id === filterBy.campaignId; }) }), (0, jsx_runtime_1.jsx)(material_1.Autocomplete, { fullWidth: true, size: "small", sx: { maxWidth: 250 }, options: reserveTypes, id: Utils_1.FilterByType.campaignReserved, "data-testid": Utils_1.FilterByType.campaignReserved, getOptionLabel: function (option) { return (option === null || option === void 0 ? void 0 : option.name) || ''; }, onChange: function (event, campaignItem) {
                     onUpdateFilterBy(Utils_1.FilterByType.campaignReserved, (campaignItem === null || campaignItem === void 0 ? void 0 : campaignItem.value) || 0);
                 }, renderInput: function (params) { return ((0, jsx_runtime_1.jsx)(material_1.TextField, __assign({}, params, { label: t('CampaignPlan.ReserveType') }))); }, value: reserveTypes.find(function (x) { return x.value === filterBy.campaignReserved; }) })] }));
 }

package/lib/ACM-AXN/CampaignPlan/Filter.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/Filter.test.js

@@ -24,7 +24,6 @@ var jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = require("@testing-library/react");
 // import { BrowserRouter, useParams } from 'react-router-dom'
 var Filter_1 = __importDefault(require("./Filter"));
-require("@testing-library/jest-dom");
 var mockCampaign = [
     {
         id: '5391179157958735137',