awing-library 2.1.21 → 2.1.22-stage

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

@@ -0,0 +1,75 @@
+export interface Cancel {
+    message: string | undefined;
+}
+export interface CancelToken {
+    promise: Promise<Cancel>;
+    reason?: Cancel;
+    throwIfRequested(): void;
+}
+export interface AuthenticationProfileService {
+    /**
+     * API authenticationProfilesPaging: Lấy tất cả authenticationProfiles.
+     **/
+    authenticationProfilesPaging: (searchString: string | undefined, pageSize: number | undefined, pageIndex: number | undefined, cancelToken?: CancelToken) => Promise<PagedList_1OfAuthenticationProfile>;
+    /**
+     * API authenticationProfilesDelete: xóa authenticationProfile.
+     **/
+    authenticationProfilesDelete: (id: string, cancelToken?: CancelToken) => Promise<void>;
+    /**
+     * API authenticationProfilesGet: chi tiết authenticationProfile.
+     **/
+    authenticationProfilesGet: (id: string, cancelToken?: CancelToken) => Promise<AuthenticationProfile>;
+    apsGetApControllers: (cancelToken?: CancelToken) => Promise<ApController[]>;
+    /**
+     * API authenticationProfilesPut:  cập nhật authenticationProfile.
+     **/
+    authenticationProfilesPut: (id: string, body: AuthenticationProfile | undefined, cancelToken?: CancelToken) => Promise<void>;
+    /**
+     * API authenticationProfilesPost:  thêm mới authenticationProfile.
+     **/
+    authenticationProfilesPost: (body: AuthenticationProfile | undefined, cancelToken?: CancelToken) => Promise<void>;
+}
+export interface ApController {
+    apControllerCode?: string | undefined;
+    name?: string | undefined;
+    clientAddress?: string | undefined;
+    apAddress?: string | undefined;
+}
+export interface AuthenticationProfileFeatureProps {
+    service: AuthenticationProfileService;
+}
+export interface Timestamp {
+    seconds?: string;
+    nanos?: number;
+}
+export interface AuthenticationProfile {
+    authenticationProfileId?: string;
+    name?: string | undefined;
+    directoryId?: string;
+    directoryPath?: string | undefined;
+    authenticationMethodCode?: string | undefined;
+    apControllerCode?: string | undefined;
+    parameters?: string | undefined;
+    description?: string | undefined;
+    createdDate?: Timestamp;
+}
+export interface PagedList_1OfAuthenticationProfile {
+    items?: AuthenticationProfile[] | undefined;
+    pageCount?: number;
+    totalItemCount?: number;
+    pageNumber?: number;
+    pageSize?: number;
+    hasPreviousPage?: boolean;
+    hasNextPage?: boolean;
+}
+export interface IAuthenticationProfile {
+    authenticationProfileId?: string;
+    name?: string | undefined;
+    directoryId?: string;
+    directoryPath?: string | undefined;
+    authenticationMethodCode?: string | undefined;
+    apControllerCode?: string | undefined;
+    parameters?: string | undefined;
+    description?: string | undefined;
+    createdDate?: Timestamp;
+}

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

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

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

@@ -0,0 +1,11 @@
+export declare const AUTHENTICATION_METHOD_CODE: {
+    MethodByLocalAP: string;
+    MethodByApi: string;
+    MethodByRadius: string;
+};
+export declare const AP_CONTROLLER_CODE: {
+    /**
+     * All => là trường "Chọn tất cả" trong AP Controller Code
+     **/
+    All: string;
+};

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

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AP_CONTROLLER_CODE = exports.AUTHENTICATION_METHOD_CODE = void 0;
+exports.AUTHENTICATION_METHOD_CODE = {
+    MethodByLocalAP: 'standard',
+    MethodByApi: 'api',
+    MethodByRadius: 'radius',
+};
+exports.AP_CONTROLLER_CODE = {
+    /**
+     * All => là trường "Chọn tất cả" trong AP Controller Code
+     **/
+    All: 'all',
+};

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

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { AuthenticationProfileFeatureProps } from './Types';
+export declare const AuthenticationProfileFeature: React.FC<AuthenticationProfileFeatureProps>;

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

@@ -0,0 +1,40 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AuthenticationProfileFeature = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_i18next_1 = require("react-i18next");
+var i18n_1 = __importDefault(require("../../i18n"));
+var Container_1 = __importDefault(require("./Container"));
+var CreateOrEdit_1 = __importDefault(require("./CreateOrEdit"));
+var Constant_1 = require("../Common/Constant");
+var Router_1 = require("../../AWING/Router");
+var Context_1 = require("./Context");
+var AuthenticationProfile = function (props) {
+    var paths = [
+        {
+            path: Constant_1.Constants.CREATE_PATH,
+            element: (0, jsx_runtime_1.jsx)(CreateOrEdit_1.default, {}),
+        },
+        {
+            path: Constant_1.Constants.EDIT_PATH + '/:id',
+            element: (0, jsx_runtime_1.jsx)(CreateOrEdit_1.default, {}),
+        },
+    ];
+    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.path, element: p.element }, p.path)); }) })] }));
+};
+var AuthenticationProfileFeature = function (props) { return ((0, jsx_runtime_1.jsx)(react_i18next_1.I18nextProvider, { i18n: i18n_1.default, children: (0, jsx_runtime_1.jsx)(Context_1.authenticationProfilePropsContext.Provider, { value: props, children: (0, jsx_runtime_1.jsx)(AuthenticationProfile, __assign({}, props)) }) })); };
+exports.AuthenticationProfileFeature = AuthenticationProfileFeature;

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

@@ -26,7 +26,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
 var icons_material_1 = require("@mui/icons-material");
 var material_1 = require("@mui/material");
-var Types_1 = require("./Types");
 var AWING_1 = require("../../AWING");
 var lodash_1 = require("lodash");
 var react_1 = require("react");
@@ -37,7 +36,7 @@ var Hooks_1 = __importDefault(require("./Hooks"));
 var Enum_1 = require("./Enum");
 var CopyButton_1 = __importDefault(require("../../Commons/Components/CopyButton"));
 var Helpers_1 = require("../../Utils/Helpers");
-var Constant_1 = require("./Constant");
+var Constant_1 = require("../../ACM-AXN/Common/Constant");
 var Context_1 = require("../../Context");
 var CampaignContainer = function () {
     var _a;
@@ -51,7 +50,7 @@ var CampaignContainer = function () {
     var _e = (0, react_1.useState)(), listCampaign = _e[0], setListCampaign = _e[1];
     var _f = (0, react_1.useState)(true), loading = _f[0], setLoading = _f[1];
     (0, react_1.useEffect)(function () {
-        if (location.pathname.endsWith(Constant_1.Constants.CAMPAIGN_PATH)) {
+        if (location.pathname.endsWith("/" + Constant_1.Constants.CAMPAIGN_PATH)) {
             fetchDirectories();
         }
         // eslint-disable-next-line react-hooks/exhaustive-deps
@@ -149,7 +148,7 @@ var CampaignContainer = function () {
                     label: t('Campaign.AdvanceSearchPriority'),
                     type: 'autocomplete',
                     icon: (0, jsx_runtime_1.jsx)(icons_material_1.StarOutlined, { fontSize: "small" }),
-                    options: Object.entries(Types_1.CampaignPriority).map(function (_a) {
+                    options: Object.entries(Enum_1.CampaignPriority).map(function (_a) {
                         var key = _a[0], value = _a[1];
                         return ({
                             value: value,
@@ -241,7 +240,7 @@ var CampaignContainer = function () {
                                             color: '#000',
                                             fontSize: '1.1rem',
                                             marginLeft: '8px',
-                                            fontFamily: '"Segoe UI Symbol", "Apple Symbols", "Noto Sans Symbols 2"',
+                                            fontFamily: '"Segoe UI Symbol", "Apple Symbols", "Noto Sans Symbols 2" !important',
                                         }, children: (0, Utils_1.getCampaignPriority)(row === null || row === void 0 ? void 0 : row.campaignGroup.priority) }), 
                                     //Check trong ads có bất kỳ ad nào isReverved
                                     (row === null || row === void 0 ? void 0 : row.campaignGroup.isReserved) && ((0, jsx_runtime_1.jsx)(material_1.Chip, { sx: {
@@ -264,8 +263,8 @@ var CampaignContainer = function () {
                             text = (0, Utils_1.getTotalBooking)(row === null || row === void 0 ? void 0 : row.campaignGroups);
                         }
                         else {
-                            text = (0, Utils_1.checkPriority)(row.campaignGroup.priority, Types_1.CampaignPriority.ClassB)
-                                ? (0, Helpers_1.roundDecimalNumber)(row.campaignGroup.bookingAmount)
+                            text = (0, Utils_1.checkPriority)(row.campaignGroup.priority, Enum_1.CampaignPriority.ClassB)
+                                ? (0, Helpers_1.formatNumber)(row.campaignGroup.bookingAmount)
                                 : 'N/A';
                         }
                         return (0, jsx_runtime_1.jsx)(material_1.Box, { sx: { width: '150px', textAlign: 'right' }, children: text });

package/lib/ACM-AXN/Campaign/CreateOrEdit/Recoils.d.ts

@@ -1,5 +1,6 @@
 import { CampaignModel, Directory, CampaignGroupModel, Attribute } from '../Types';
 import { WeightContainerProps } from './TabSubCampaign/Weight';
+import { MenuOption } from '../../../AWING';
 export declare const directoriesState: import("recoil").RecoilState<Directory[]>;
 export declare const attributesState: import("recoil").RecoilState<Attribute[]>;
 export declare const isCreateState: import("recoil").RecoilState<boolean>;
@@ -48,3 +49,4 @@ export declare const readyForSubmitState: import("recoil").RecoilValueReadOnly<b
  * Nếu Weight render trong AdRow thì sẽ không đóng được DateRangePicker
  */
 export declare const weightState: import("recoil").RecoilState<WeightContainerProps>;
+export declare const cacheSearchPageState: import("recoil").RecoilState<Record<string, MenuOption[]>>;

package/lib/ACM-AXN/Campaign/CreateOrEdit/Recoils.js

@@ -11,11 +11,11 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.weightState = exports.readyForSubmitState = exports.tabPartnerValidState = exports.tabSubCampaignValidState = exports.tabInfomationValidState = exports.campaignPartnerState = exports.campaignGroupsState = exports.campaignAttributesState = exports.campaignState = exports.campaignModelState = exports.confirmExitState = exports.isCreateState = exports.attributesState = exports.directoriesState = void 0;
+exports.cacheSearchPageState = exports.weightState = exports.readyForSubmitState = exports.tabPartnerValidState = exports.tabSubCampaignValidState = exports.tabInfomationValidState = exports.campaignPartnerState = exports.campaignGroupsState = exports.campaignAttributesState = exports.campaignState = exports.campaignModelState = exports.confirmExitState = exports.isCreateState = exports.attributesState = exports.directoriesState = void 0;
 var recoil_1 = require("recoil");
-var Types_1 = require("../Types");
 var Utils_1 = require("../Utils");
 var atoms_1 = require("./TabSubCampaign/atoms");
+var Enum_1 = require("../Enum");
 exports.directoriesState = (0, recoil_1.atom)({
     key: 'DirectoriesCampaignState',
     default: [],
@@ -51,11 +51,12 @@ exports.campaignModelState = (0, recoil_1.atom)({
                 campaignGroup: {
                     id: 1,
                     name: 'Sub-Campaign 1',
-                    priority: (0, Utils_1.getIndexPriority)(Types_1.CampaignPriority.ClassB),
-                    ticket: Types_1.CampaignTicket.INACTIVE,
+                    priority: (0, Utils_1.getIndexPriority)(Enum_1.CampaignPriority.ClassB),
+                    ticket: Enum_1.CampaignTicket.INACTIVE,
                     bookingAmount: 10,
                     bonusAmount: 0,
                     isReserved: false,
+                    billingUnit: 1,
                 },
                 ads: [],
             },
@@ -206,3 +207,7 @@ exports.weightState = (0, recoil_1.atom)({
         isOpen: false,
     }
 });
+exports.cacheSearchPageState = (0, recoil_1.atom)({
+    key: 'cacheSearchPageState',
+    default: {},
+});

package/lib/ACM-AXN/Campaign/CreateOrEdit/TabInfomation.js

@@ -39,7 +39,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
 var material_1 = require("@mui/material");
-var immer_1 = __importDefault(require("immer"));
+var immer_1 = require("immer");
 var lodash_1 = require("lodash");
 var react_1 = __importStar(require("react"));
 var react_i18next_1 = require("react-i18next");
@@ -56,7 +56,7 @@ var Infomation = function () {
     var t = (0, react_i18next_1.useTranslation)(undefined, { i18n: i18n_1.default }).t;
     (0, react_1.useEffect)(function () {
         if (!campaign.directoryId) {
-            setCampaignModel((0, immer_1.default)(function (draft) {
+            setCampaignModel((0, immer_1.produce)(function (draft) {
                 var _a;
                 draft.campaign.directoryId = ((_a = (0, lodash_1.minBy)(directories, 'level')) === null || _a === void 0 ? void 0 : _a.directoryId) || '';
             }));

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

@@ -25,7 +25,7 @@ var recoil_1 = require("recoil");
 var Recoils_1 = require("../Recoils");
 var Hooks_1 = __importDefault(require("../../Hooks"));
 var Permission_1 = require("../../../Permission");
-var Constant_1 = require("../../Constant");
+var Constant_1 = require("../../../../ACM-AXN/Common/Constant");
 function TabPermission() {
     var passedProps = (0, Hooks_1.default)();
     var navigate = (0, Router_1.useNavigate)();

package/lib/ACM-AXN/Campaign/CreateOrEdit/TabStatistic/Analytic/AnalyticComponent.test.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/ACM-AXN/Campaign/CreateOrEdit/TabStatistic/Analytic/AnalyticComponent.test.js

@@ -0,0 +1,80 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var enzyme_1 = require("enzyme");
+var core_1 = require("@material-ui/core");
+var ChartFilter_1 = __importDefault(require("../ChartFilter"));
+var ChartWithType_1 = __importDefault(require("./ChartWithType"));
+var component_1 = __importDefault(require("./component"));
+var mockProps = {
+    isLoading: false,
+    startDate: new Date("2022-06-07T08:39:14.482Z"),
+    endDate: new Date("2023-06-07T08:39:14.482Z"),
+    subCampaigns: [],
+    statisticalData: [],
+    getStatisticalData: jest.fn(),
+    exportData: jest.fn(),
+    domains: [],
+};
+describe("Analytic", function () {
+    it("renders without error", function () {
+        (0, enzyme_1.shallow)((0, jsx_runtime_1.jsx)(component_1.default, __assign({}, mockProps)));
+    });
+    it("displays loading spinner while loading is in progress", function () {
+        var wrapper = (0, enzyme_1.shallow)((0, jsx_runtime_1.jsx)(component_1.default, __assign({}, mockProps, { isLoading: true })));
+        var spinner = wrapper.find(core_1.CircularProgress);
+        expect(spinner).not.toBeNull();
+    });
+    it("renders ChartFilter component with the correct props", function () {
+        var wrapper = (0, enzyme_1.shallow)((0, jsx_runtime_1.jsx)(component_1.default, __assign({}, mockProps)));
+        var chartFilter = wrapper.find(ChartFilter_1.default);
+        expect(chartFilter).toHaveLength(1);
+        expect(chartFilter.props()).toMatchObject({
+            subCampaigns: mockProps.subCampaigns,
+            queryInput: {
+                time: {
+                    startDate: mockProps.startDate,
+                    endDate: mockProps.endDate,
+                },
+                places: [],
+                ids: {},
+                timelineType: 1,
+                statisticType: 0,
+            },
+            onChangeQueryInput: expect.any(Function),
+            onQueryData: expect.any(Function),
+            isExportType: true,
+            onExportData: expect.any(Function),
+            domains: mockProps.domains,
+        });
+    });
+    it("renders ChartWithType component with the correct props", function () {
+        var wrapper = (0, enzyme_1.shallow)((0, jsx_runtime_1.jsx)(component_1.default, __assign({}, mockProps)));
+        var chartWithType = wrapper.find(ChartWithType_1.default);
+        expect(chartWithType).toHaveLength(1);
+        expect(chartWithType.props()).toMatchObject({
+            statisticalData: mockProps.statisticalData,
+            subCampaigns: mockProps.subCampaigns,
+            ids: {},
+            onCampaignAdGroupIdChange: expect.any(Function),
+            statisticType: 0,
+            setStatisticType: expect.any(Function),
+            timelineType: 1,
+            setTimelineType: expect.any(Function),
+        });
+    });
+});

package/lib/ACM-AXN/Campaign/CreateOrEdit/TabStatistic/Analytic/AnalyticContainer.test.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/ACM-AXN/Campaign/CreateOrEdit/TabStatistic/Analytic/AnalyticContainer.test.js

@@ -0,0 +1,49 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var enzyme_1 = require("enzyme");
+var react_1 = __importDefault(require("react"));
+var container_1 = __importDefault(require("./container"));
+var component_1 = __importDefault(require("./component"));
+describe("AnalyticContainer", function () {
+    var props = {
+        subCampaigns: [
+            {
+                groupCampaign: {
+                    id: 1,
+                    name: "Group 1",
+                },
+                ads: [
+                    {
+                        id: 1,
+                        name: "ad1",
+                        places: [{ name: "place1" }],
+                    },
+                ],
+            },
+        ],
+        campaignId: "campaignId",
+        startDate: new Date(),
+        endDate: new Date(),
+        domains: [],
+    };
+    it("should render AnalyticComponent", function () {
+        var wrapper = (0, enzyme_1.shallow)((0, jsx_runtime_1.jsx)(container_1.default, __assign({}, props)));
+        var comp = wrapper.find(component_1.default);
+        expect(comp.length).toEqual(1);
+    });
+});

package/lib/ACM-AXN/Campaign/CreateOrEdit/TabStatistic/Analytic/ChartWithType.d.ts

@@ -0,0 +1,17 @@
+import { CampaignGroupModel } from '../../../../../ACM-AXN/Campaign/Types';
+interface Props {
+    statisticalData: any;
+    timelineType: number;
+    setTimelineType: any;
+    statisticType: number;
+    setStatisticType: any;
+    subCampaigns: CampaignGroupModel[];
+    ids: any;
+    onCampaignAdGroupIdChange: (newValue: string[]) => void;
+    time: {
+        startDate: Date;
+        endDate: Date;
+    };
+}
+declare const ChartWithType: (props: Props) => import("react/jsx-runtime").JSX.Element;
+export default ChartWithType;

package/lib/ACM-AXN/Campaign/CreateOrEdit/TabStatistic/Analytic/ChartWithType.js

@@ -0,0 +1,113 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+/* eslint-disable eqeqeq */
+var react_i18next_1 = require("react-i18next");
+var material_1 = require("@mui/material");
+var i18n_1 = __importDefault(require("../../../../../i18n"));
+var MultipleHierarchicalChoice_1 = require("../../../../../AWING/MultipleHierarchicalChoice");
+var Detail_1 = __importDefault(require("./Detail"));
+var Utils_1 = require("./Utils");
+var AWING_1 = require("../../../../../AWING");
+var Context_1 = __importDefault(require("../Context"));
+var styles = {
+    root: {
+        border: '1px solid #ccc',
+        paddingTop: function (theme) { return theme.spacing(2); },
+    },
+    chart: {
+        marginTop: function (theme) { return theme.spacing(2); },
+    },
+    chartWrapper: {
+        padding: function (theme) { return theme.spacing(1); },
+        paddingLeft: function (theme) { return theme.spacing(16); },
+        paddingRight: function (theme) { return theme.spacing(16); },
+        height: '435px',
+    },
+};
+var ChartWithType = function (props) {
+    var t = (0, react_i18next_1.useTranslation)(undefined, { i18n: i18n_1.default }).t;
+    var chart = (0, Context_1.default)().chart;
+    var SType = [t('Campaign.TypeChart'), t('Campaign.TypeDetail')];
+    var statisticalData = props.statisticalData, timelineType = props.timelineType, setTimelineType = props.setTimelineType, statisticType = props.statisticType, setStatisticType = props.setStatisticType, subCampaigns = props.subCampaigns, ids = props.ids, onCampaignAdGroupIdChange = props.onCampaignAdGroupIdChange;
+    var translationText = {
+        timeline: t('Common.ViewBy'),
+        timelineType: {
+            HOUR: t('Common.Hour'),
+            DAY: t('Common.Day'),
+            WEEK: t('Common.Week'),
+            MONTH: t('Common.Month'),
+        },
+        allPlaceGroup: t('Place.AllPlaceGroup'),
+    };
+    var ChartByType = [
+        translationText.timelineType.HOUR,
+        translationText.timelineType.DAY,
+    ];
+    var getGroupOptions = function () {
+        var ads = [];
+        subCampaigns.forEach(function (s) {
+            var _a, _b;
+            ads.push({
+                code: (_a = s.campaignGroup.id) === null || _a === void 0 ? void 0 : _a.toString(),
+                name: s.campaignGroup.name,
+                parentUnitCode: '',
+            });
+            (_b = s === null || s === void 0 ? void 0 : s.ads) === null || _b === void 0 ? void 0 : _b.forEach(function (a) {
+                var _a;
+                ads.push({
+                    code: "".concat(s.campaignGroup.id, "&").concat(a.id),
+                    name: a.name,
+                    parentUnitCode: (_a = s.campaignGroup.id) === null || _a === void 0 ? void 0 : _a.toString(),
+                });
+            });
+        });
+        return ads;
+    };
+    var groupOptions = getGroupOptions();
+    var handleGroupChange = function (value) {
+        var result = [];
+        if (value.length > 0) {
+            value.forEach(function (v) {
+                result.push(v[v.length - 1].code.toString());
+            });
+        }
+        // console.log("valuddde", value, result)
+        onCampaignAdGroupIdChange(result);
+    };
+    var getValue = function () {
+        var final = [];
+        ids.forEach(function (id) {
+            var result = [];
+            if (id.campaignGroupId) {
+                var group = groupOptions.find(function (g) { var _a; return g.code == ((_a = id.campaignGroupId) === null || _a === void 0 ? void 0 : _a.toString()); });
+                result.push(group);
+                if (id.campaignAdId) {
+                    var ad = groupOptions.find(function (g) {
+                        return g.code == "".concat(id.campaignGroupId, "&").concat(id.campaignAdId);
+                    });
+                    result.push(ad);
+                }
+            }
+            final.push(result);
+        });
+        return final;
+    };
+    return ((0, jsx_runtime_1.jsxs)(material_1.Grid, { container: true, spacing: 1, sx: styles.root, children: [(0, jsx_runtime_1.jsx)(material_1.Grid, { item: true, xs: 3 }), (0, jsx_runtime_1.jsx)(material_1.Grid, { item: true, xs: 4, children: (0, jsx_runtime_1.jsx)(material_1.FormControl, { fullWidth: true, variant: "outlined", children: (0, jsx_runtime_1.jsx)(MultipleHierarchicalChoice_1.MultipleHierarchicalChoice, { onChange: handleGroupChange, options: groupOptions, placeholder: t('Campaign.SelectGroup'), label: translationText.timeline, value: getValue() }) }) }), (0, jsx_runtime_1.jsx)(material_1.Grid, { item: true, xs: 2, children: (0, jsx_runtime_1.jsx)(material_1.FormControl, { fullWidth: true, variant: "outlined", children: (0, jsx_runtime_1.jsx)(material_1.TextField, { select: true, fullWidth: true, label: translationText.timeline, id: "timelineType", name: "timelineType", value: timelineType, onChange: function (e) { return setTimelineType(e.target.value); }, size: "small", variant: "outlined", children: ChartByType.map(function (type, idx) { return ((0, jsx_runtime_1.jsx)(material_1.MenuItem, { value: idx, children: type }, idx)); }) }) }) }), (0, jsx_runtime_1.jsx)(material_1.Grid, { item: true, xs: 2, children: (0, jsx_runtime_1.jsx)(material_1.FormControl, { fullWidth: true, variant: "outlined", children: (0, jsx_runtime_1.jsx)(material_1.TextField, { select: true, fullWidth: true, label: t('Campaign.StatisticType'), id: "statisticType", name: "statisticType", value: statisticType, onChange: function (e) { return setStatisticType(e.target.value); }, size: "small", variant: "outlined", children: SType.map(function (type, idx) { return ((0, jsx_runtime_1.jsx)(material_1.MenuItem, { value: idx, children: type }, idx)); }) }) }) }), (0, jsx_runtime_1.jsx)(material_1.Grid, { item: true, xs: 1 }), (0, jsx_runtime_1.jsx)(material_1.Grid, { item: true, xs: 12, sx: styles.chart, children: statisticType === 0 ? ((0, jsx_runtime_1.jsx)(material_1.Box, { component: 'div', sx: styles.chartWrapper, children: (0, jsx_runtime_1.jsx)(AWING_1.BarLineComponent, { chart: chart, dataChart: (0, Utils_1.convertToChartData)(statisticalData, subCampaigns, props.time), type: 'line', data: [], timeline: timelineType, optionCustom: {
+                            scales: {
+                                y: {
+                                    title: {
+                                        text: t('Statistics.View'),
+                                    },
+                                    beginAtZero: true
+                                },
+                                yAxis: {
+                                    display: false,
+                                },
+                            },
+                        } }) })) : ((0, jsx_runtime_1.jsx)(Detail_1.default, { statisticalData: statisticalData })) })] }));
+};
+exports.default = ChartWithType;

package/lib/ACM-AXN/Campaign/CreateOrEdit/TabStatistic/Analytic/ChartWithType.test.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/ACM-AXN/Campaign/CreateOrEdit/TabStatistic/Analytic/ChartWithType.test.js

@@ -0,0 +1,67 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var enzyme_1 = require("enzyme");
+var ChartWithType_1 = __importDefault(require("./ChartWithType"));
+describe("Testing ChartWithType component", function () {
+    var wrapper;
+    var initialProps = {
+        statisticalData: [
+            {
+                click: 0,
+                crt: 0,
+                timeline: 20230418,
+                view: 0,
+            },
+        ],
+        timelineType: 0,
+        setTimelineType: jest.fn(),
+        statisticType: 0,
+        setStatisticType: jest.fn(),
+        subCampaigns: [
+            {
+                campaignGroup: {
+                    id: 1,
+                    name: "Group 1",
+                },
+                ads: [
+                    {
+                        id: 1,
+                        name: "Ad 1",
+                    },
+                ],
+            },
+        ],
+        ids: {
+            campaignGroupId: 1,
+            campaignAdId: 1,
+        },
+        onCampaignAdGroupIdChange: jest.fn(),
+    };
+    beforeEach(function () {
+        wrapper = (0, enzyme_1.shallow)((0, jsx_runtime_1.jsx)(ChartWithType_1.default, __assign({}, initialProps)));
+    });
+    afterEach(function () {
+        wrapper.unmount();
+    });
+    it("should render without errors", function () {
+        expect(wrapper).toHaveLength(1);
+    });
+    it("should render a MultipleHierarchicalChoice component", function () {
+        expect(wrapper.find("MultipleHierarchicalChoice")).toHaveLength(1);
+    });
+});

package/lib/ACM-AXN/Campaign/CreateOrEdit/TabStatistic/Analytic/Detail/ControlPanel.d.ts

@@ -0,0 +1,2 @@
+declare const ControlPanel: (props: any) => import("react/jsx-runtime").JSX.Element;
+export default ControlPanel;