awing-library 2.1.128-beta → 2.1.128

package/lib/ACM-AXN/Campaign/CreateOrEdit/TabApprove/index.test.js

@@ -0,0 +1,253 @@
+"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 __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+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 react_1 = require("@testing-library/react");
+var Router_1 = require("../../../../AWING/Router");
+var recoil_1 = require("recoil");
+var _1 = __importDefault(require("."));
+var Recoils_1 = require("../Recoils");
+// Mock các dependencies
+jest.mock('ACM-AXN/Campaign/Hooks');
+jest.mock('react-i18next', function () { return ({
+    useTranslation: function () { return ({ t: function (key) { return key; } }); },
+}); });
+// Mock PageManagement
+jest.mock('./RowTable', function () { return function (props) {
+    return ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("button", { "data-testid": "update-row", onClick: props.updateRow }), (0, jsx_runtime_1.jsx)("button", { "data-testid": "handle-row-select", onClick: props.handleRowSelect })] }));
+}; });
+jest.mock('Context', function () { return ({
+    __esModule: true,
+    useAwing: function () { return ({
+        appHelper: {
+            snackbar: jest.fn(function (str) { }),
+        },
+    }); },
+}); });
+// Mock các component MUI
+jest.mock('@mui/material', function () { return (__assign(__assign({}, jest.requireActual('@mui/material')), { TableContainer: function (_a) {
+        var children = _a.children;
+        return ((0, jsx_runtime_1.jsx)("div", { "data-testid": "table-container", children: children }));
+    }, Table: function (_a) {
+        var children = _a.children;
+        return (0, jsx_runtime_1.jsx)("table", { children: children });
+    }, TableHead: function (_a) {
+        var children = _a.children;
+        return (0, jsx_runtime_1.jsx)("thead", { children: children });
+    }, TableBody: function (_a) {
+        var children = _a.children;
+        return (0, jsx_runtime_1.jsx)("tbody", { children: children });
+    }, TableRow: function (_a) {
+        var children = _a.children;
+        return (0, jsx_runtime_1.jsx)("tr", { children: children });
+    }, TableCell: function (_a) {
+        var children = _a.children;
+        return (0, jsx_runtime_1.jsx)("td", { children: children });
+    }, Checkbox: function (_a) {
+        var checked = _a.checked, onChange = _a.onChange;
+        return ((0, jsx_runtime_1.jsx)("input", { type: "checkbox", checked: checked, onChange: onChange }));
+    }, Button: function (_a) {
+        var children = _a.children, onClick = _a.onClick;
+        return ((0, jsx_runtime_1.jsx)("button", { onClick: onClick, children: children }));
+    }, Box: function (_a) {
+        var children = _a.children;
+        return (0, jsx_runtime_1.jsx)("div", { children: children });
+    } })); });
+// Mock Hooks
+jest.mock('ACM-AXN/Campaign/Hooks', function () { return ({
+    __esModule: true,
+    default: function () { return ({
+        service: {
+            campaignsManualSendMail: jest.fn(function (_id, data) {
+                return Promise.resolve([]);
+            }),
+        },
+    }); },
+}); });
+var initCampaignApprovalTable = [
+    {
+        id: '4644357797181593495',
+        domain: {
+            domainName: 'Teras Japan',
+            domainId: '4644357797181593495',
+        },
+        detail: [
+            {
+                id: '524d8267-48ca-4c3d-a391-0df6b0ee4add',
+                linkPreview: 'http://connect.awifi.com.vn/Preview/Page?loginId=5122170857262705548&welcomeId=4841207366749869113&isNetworkCampaign=true&domainId=4644357797181593495',
+                campaign: [
+                    {
+                        subCampaigns: [
+                            {
+                                id: 1,
+                                name: 'Sub-Campaign 1',
+                            },
+                        ],
+                        ads: [
+                            {
+                                id: 3,
+                                name: 'ohoo',
+                            },
+                            {
+                                id: 4,
+                                name: 'ohoo - copy',
+                            },
+                        ],
+                    },
+                ],
+                status: 2,
+                description: '',
+                loginId: '5122170857262705548',
+                welcomeId: '4841207366749869113',
+            },
+        ],
+    },
+];
+var renderUi = function () {
+    var initializeState = function (_a) {
+        var set = _a.set;
+        set(Recoils_1.campaignApprovalTableState, initCampaignApprovalTable);
+    };
+    return (0, react_1.render)((0, jsx_runtime_1.jsx)(recoil_1.RecoilRoot, { initializeState: initializeState, children: (0, jsx_runtime_1.jsx)(Router_1.BrowserRouter, { children: (0, jsx_runtime_1.jsx)(_1.default, {}) }) }));
+};
+describe('TabApprove', function () {
+    it('renders the component', function () { return __awaiter(void 0, void 0, void 0, function () {
+        return __generator(this, function (_a) {
+            renderUi();
+            expect(react_1.screen.getByTestId('table-container')).toBeInTheDocument();
+            expect(react_1.screen.getByText('Campaign.Approval.SendEmail'))
+                .toBeInTheDocument;
+            return [2 /*return*/];
+        });
+    }); });
+    it('handles row selection correctly', function () { return __awaiter(void 0, void 0, void 0, function () {
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    renderUi();
+                    return [4 /*yield*/, (0, react_1.waitFor)(function () {
+                            var checkboxes = react_1.screen.getAllByRole('checkbox');
+                            react_1.fireEvent.click(checkboxes[0]); // Selecting the first domain
+                            expect(checkboxes[0]).toBeChecked();
+                            var button = react_1.screen.getByText('Campaign.Approval.SendEmail');
+                            react_1.fireEvent.click(button);
+                        })];
+                case 1:
+                    _a.sent();
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+    it('handles "Select All" correctly', function () { return __awaiter(void 0, void 0, void 0, function () {
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    renderUi();
+                    return [4 /*yield*/, (0, react_1.waitFor)(function () {
+                            var selectAllCheckbox = react_1.screen.getAllByRole('checkbox')[0];
+                            react_1.fireEvent.click(selectAllCheckbox);
+                            var checkboxes = react_1.screen.getAllByRole('checkbox');
+                            checkboxes.slice(1).forEach(function (checkbox) {
+                                expect(checkbox).toBeChecked();
+                            });
+                        })];
+                case 1:
+                    _a.sent();
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+    it('disables "Send Email" button when no rows are selected', function () { return __awaiter(void 0, void 0, void 0, function () {
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    renderUi();
+                    return [4 /*yield*/, (0, react_1.waitFor)(function () {
+                            expect(react_1.screen.getByText('Campaign.Approval.SendEmail')).toBeInTheDocument();
+                        })];
+                case 1:
+                    _a.sent();
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+    it('update row', function () { return __awaiter(void 0, void 0, void 0, function () {
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    renderUi();
+                    return [4 /*yield*/, (0, react_1.waitFor)(function () {
+                            var buttonUpdateRow = react_1.screen.getByTestId('update-row');
+                            buttonUpdateRow.click();
+                        })];
+                case 1:
+                    _a.sent();
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+    it('handle row select', function () { return __awaiter(void 0, void 0, void 0, function () {
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    renderUi();
+                    return [4 /*yield*/, (0, react_1.waitFor)(function () {
+                            var buttonHandleRowSelect = react_1.screen.getByTestId('handle-row-select');
+                            buttonHandleRowSelect.click();
+                        })];
+                case 1:
+                    _a.sent();
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+});

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/TabPartner.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
+import React from 'react';
 declare const TabPartner: React.FC;
 export default TabPartner;

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

@@ -10,41 +10,49 @@ 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 __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
 var material_1 = require("@mui/material");
-var Utils_1 = require("../Utils");
-var react_1 = require("react");
+var react_1 = __importStar(require("react"));
 var react_i18next_1 = require("react-i18next");
-var Recoils_1 = require("./Recoils");
 var recoil_1 = require("recoil");
+var Utils_1 = require("../Utils");
+var Recoils_1 = require("./Recoils");
 var Enum_1 = require("../Enum");
 var TabPartner = function () {
     var _a;
     var _b = (0, recoil_1.useRecoilState)(Recoils_1.campaignPartnerState), campaignPartner = _b[0], setCampaignPartner = _b[1];
-    var _c = (0, recoil_1.useRecoilState)(Recoils_1.tabPartnerValidState), tabPartnerValid = _c[0], setTabPartnerValid = _c[1];
-    var _d = (0, react_1.useState)((campaignPartner === null || campaignPartner === void 0 ? void 0 : campaignPartner.analyticTypes) && campaignPartner.analyticTypes.length
-        ? campaignPartner.analyticTypes.split(',')
-        : []), analyticTypeActive = _d[0], setAnalyticTypeActive = _d[1];
-    var analyticTypes = [
-        { id: Enum_1.CAMPAIGN_ANALYTIC_TYPE.ANALYTIC_VIEW, name: 'Analytic View' },
-        { id: Enum_1.CAMPAIGN_ANALYTIC_TYPE.ANALYTIC_EVENT, name: 'Analytic Event' },
-    ];
-    var _e = (0, react_1.useState)(__assign(__assign({}, ((0, Utils_1.checkValidUrl)('') && {
-        url: true,
-    })), ((0, Utils_1.validateAnalyticTypes)('') && {
-        analyticTypes: true,
-    }))), partnerFormValid = _e[0], setPartnerFormValid = _e[1];
-    var _f = (0, react_1.useState)(false), isChecked = _f[0], setIsChecked = _f[1];
-    var _g = (0, react_1.useState)(false), showError = _g[0], setShowError = _g[1];
+    var setTabPartnerValid = (0, recoil_1.useSetRecoilState)(Recoils_1.tabPartnerValidState);
+    var _c = (0, react_1.useState)(false), isChange = _c[0], setChange = _c[1];
+    var _d = (0, react_1.useState)((0, Utils_1.checkValidUrl)((campaignPartner === null || campaignPartner === void 0 ? void 0 : campaignPartner.url) || '')), urlValid = _d[0], setUrlValid = _d[1];
     (0, react_1.useEffect)(function () {
-        setTabPartnerValid(!campaignPartner ||
-            Boolean((partnerFormValid.url ||
-                (0, Utils_1.checkValidUrl)(campaignPartner.url)) &&
-                (partnerFormValid.analyticTypes ||
-                    (0, Utils_1.validateAnalyticTypes)(campaignPartner.analyticTypes))));
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [partnerFormValid]);
+        if (isChange) {
+            setTabPartnerValid(!(campaignPartner === null || campaignPartner === void 0 ? void 0 : campaignPartner.isSendApi) || (0, Utils_1.checkValidUrl)(campaignPartner.url));
+        }
+    }, [urlValid, isChange, campaignPartner]);
     var t = (0, react_i18next_1.useTranslation)().t;
     var translationText = (0, react_1.useMemo)(function () { return ({
         stepLabel: t('Campaign.StepLabel5'),
@@ -54,68 +62,29 @@ var TabPartner = function () {
         helperText: t('Common.Required'),
         urlHelperText: t('Campaign.UrlNotValid'),
     }); }, [t]);
+    var handlePartnerForm = react_1.default.useCallback(function (e) {
+        setChange(true);
+        var _a = e.target, name = _a.name, value = _a.value, checked = _a.checked;
+        if (name === 'isSendApi')
+            value = checked;
+        setUrlValid((0, Utils_1.checkValidUrl)(String(value)));
+        setCampaignPartner(function (p) {
+            var _a;
+            return (__assign(__assign({}, p), (_a = { url: "", analyticTypes: Enum_1.CAMPAIGN_ANALYTIC_TYPE.ANALYTIC_EVENT }, _a[name] = value, _a)));
+        });
+    }, []);
     return ((0, jsx_runtime_1.jsxs)(material_1.Grid, { container: true, sx: {
             padding: function (theme) { return theme.spacing(2); },
             border: '1px solid #e0e0e0',
-        }, children: [(0, jsx_runtime_1.jsx)(material_1.Grid, { item: true, xs: 12, children: (0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "h6", children: translationText.stepLabel }) }), (0, jsx_runtime_1.jsx)(material_1.Grid, { item: true, xs: 12, sx: {
+        }, component: "form", onChange: handlePartnerForm, children: [(0, jsx_runtime_1.jsx)(material_1.Grid, { item: true, xs: 12, children: (0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "h6", children: translationText.stepLabel }) }), (0, jsx_runtime_1.jsx)(material_1.Grid, { item: true, xs: 12, sx: {
                     border: '1px solid #e0e0e0',
                     marginBottom: '-1px',
                     backgroundColor: '#fafafa',
                     marginTop: function (theme) { return theme.spacing(2); },
                     paddingLeft: function (theme) { return theme.spacing(1); },
-                }, children: (0, jsx_runtime_1.jsx)(material_1.FormControlLabel, { control: (0, jsx_runtime_1.jsx)(material_1.Checkbox, { checked: (_a = campaignPartner === null || campaignPartner === void 0 ? void 0 : campaignPartner.isSendApi) !== null && _a !== void 0 ? _a : false, onChange: function (event) {
-                            var value = event.target.checked;
-                            setCampaignPartner(function (preCampaignPartner) {
-                                return (__assign(__assign({}, preCampaignPartner), { isSendApi: value }));
-                            });
-                            if (!value) {
-                                setTabPartnerValid(true);
-                                setIsChecked(false);
-                                setIsChecked(false);
-                                setAnalyticTypeActive([]);
-                            }
-                        }, name: "checkedB", color: "primary" }), label: translationText.sendDataViaAPI }) }), (0, jsx_runtime_1.jsx)(material_1.Grid, { item: true, xs: 12, children: (0, jsx_runtime_1.jsx)(material_1.Collapse, { in: campaignPartner === null || campaignPartner === void 0 ? void 0 : campaignPartner.isSendApi, timeout: "auto", unmountOnExit: true, children: (0, jsx_runtime_1.jsxs)(material_1.Grid, { container: true, sx: {
+                }, children: (0, jsx_runtime_1.jsx)(material_1.FormControlLabel, { control: (0, jsx_runtime_1.jsx)(material_1.Checkbox, { checked: (_a = campaignPartner === null || campaignPartner === void 0 ? void 0 : campaignPartner.isSendApi) !== null && _a !== void 0 ? _a : false, name: "isSendApi", color: "primary" }), label: translationText.sendDataViaAPI }) }), (0, jsx_runtime_1.jsx)(material_1.Grid, { item: true, xs: 12, children: (0, jsx_runtime_1.jsx)(material_1.Collapse, { in: campaignPartner === null || campaignPartner === void 0 ? void 0 : campaignPartner.isSendApi, timeout: "auto", unmountOnExit: true, children: (0, jsx_runtime_1.jsx)(material_1.Grid, { container: true, sx: {
                             border: '1px solid #e0e0e0',
                             padding: function (theme) { return theme.spacing(2); },
-                        }, children: [(0, jsx_runtime_1.jsxs)(material_1.FormControl, { required: true, fullWidth: true, error: showError &&
-                                    !tabPartnerValid &&
-                                    !(0, Utils_1.validateAnalyticTypes)(campaignPartner === null || campaignPartner === void 0 ? void 0 : campaignPartner.analyticTypes), children: [(0, jsx_runtime_1.jsx)(material_1.FormLabel, { sx: {
-                                            transform: 'translate(0, 1.5px) scale(0.75)',
-                                            transformOrigin: 'top left',
-                                        }, children: translationText.dataType }), (0, jsx_runtime_1.jsx)(material_1.Grid, { container: true, children: analyticTypes.map(function (type) { return ((0, jsx_runtime_1.jsx)(material_1.Grid, { item: true, xs: 6, children: (0, jsx_runtime_1.jsx)(material_1.FormControlLabel, { control: (0, jsx_runtime_1.jsx)(material_1.Checkbox, { checked: analyticTypeActive.some(function (x) { return x === type.id; }), onChange: function (event) {
-                                                        var list = analyticTypeActive.slice();
-                                                        var indexExist = list.findIndex(function (x) {
-                                                            return x ===
-                                                                type.id;
-                                                        });
-                                                        if (indexExist > -1) {
-                                                            list.splice(indexExist, 1);
-                                                        }
-                                                        else {
-                                                            list.push(type.id);
-                                                        }
-                                                        setAnalyticTypeActive(list);
-                                                        setPartnerFormValid(function (pre) { return (__assign(__assign({}, pre), { analyticTypes: (0, Utils_1.validateAnalyticTypes)(list.join(',')) })); });
-                                                        setCampaignPartner(function (preCampaignPartner) {
-                                                            return (__assign(__assign({}, preCampaignPartner), { analyticTypes: list.join(',') }));
-                                                        });
-                                                        if (!isChecked &&
-                                                            event.target
-                                                                .checked) {
-                                                            // Thiết lập trạng thái mặc định khi kiểm tra lần đầu tiên
-                                                            setShowError(true);
-                                                        }
-                                                        setIsChecked(true);
-                                                    }, name: type.name, color: "primary" }), label: type.name }) }, type.id)); }) })] }), (0, jsx_runtime_1.jsx)(material_1.Grid, { item: true, xs: 12, children: (0, jsx_runtime_1.jsx)(material_1.TextField, { fullWidth: true, required: true, variant: "standard", label: translationText.url, onChange: function (e) {
-                                        var value = e.target.value;
-                                        setPartnerFormValid(function (pre) { return (__assign(__assign({}, pre), { url: (0, Utils_1.checkValidUrl)(value) })); });
-                                        setCampaignPartner(function (preCampaignPartner) {
-                                            return (__assign(__assign({}, preCampaignPartner), { url: value }));
-                                        });
-                                    }, value: campaignPartner === null || campaignPartner === void 0 ? void 0 : campaignPartner.url, error: partnerFormValid.url !== undefined &&
-                                        !partnerFormValid.url, helperText: partnerFormValid.url !== undefined &&
-                                        !partnerFormValid.url
-                                        ? translationText.urlHelperText
-                                        : '' }) })] }) }) })] }));
+                        }, children: (0, jsx_runtime_1.jsx)(material_1.Grid, { item: true, xs: 12, children: (0, jsx_runtime_1.jsx)(material_1.TextField, { fullWidth: true, required: true, name: 'url', variant: "standard", label: translationText.url, value: (campaignPartner === null || campaignPartner === void 0 ? void 0 : campaignPartner.url) || '', error: !urlValid, helperText: !urlValid ? translationText.urlHelperText : '' }) }) }) }) })] }));
 };
 exports.default = TabPartner;

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

@@ -1,4 +1,5 @@
 import { CampaignGroupModel } from '../../../../../ACM-AXN/Campaign/Types';
+import { ICampaignAdGroup } from './container';
 interface Props {
     statisticalData: any;
     timelineType: number;
@@ -6,8 +7,12 @@ interface Props {
     statisticType: number;
     setStatisticType: any;
     subCampaigns: CampaignGroupModel[];
-    ids: any;
+    ids: ICampaignAdGroup[];
     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

@@ -4,6 +4,7 @@ var __importDefault = (this && this.__importDefault) || function (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"));
@@ -74,29 +75,8 @@ var ChartWithType = function (props) {
                 result.push(v[v.length - 1].code.toString());
             });
         }
-        // console.log("valuddde", value, result)
         onCampaignAdGroupIdChange(result);
     };
-    // const getValue = useMemo(() => {
-    //     let result: any[] = []
-    //     if (ids.campaignGroupId) {
-    //         let tmpSelected: any[] = []
-    //         const group = groupOptions.find(
-    //             (g) => g.code === ids.campaignGroupId?.toString()
-    //         )
-    //         tmpSelected = [group]
-    //         if (ids.campaignAdId) {
-    //             const ad = groupOptions.find(
-    //                 (g) =>
-    //                     g.code === `${ids.campaignGroupId}&${ids.campaignAdId}`
-    //             )
-    //             tmpSelected = [group, ad];
-    //         }
-    //         result.push(tmpSelected)
-    //     }
-    //     console.log("result", result)
-    //     return result
-    // }, [groupOptions, ids.campaignAdId, ids.campaignGroupId])
     var getValue = function () {
         var final = [];
         ids.forEach(function (id) {
@@ -115,12 +95,13 @@ var ChartWithType = function (props) {
         });
         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), type: 'line', data: [], timeline: timelineType, optionCustom: {
+    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, ids.length ? subCampaigns.filter(function (s) { return ids.map(function (i) { return String(i.campaignGroupId); }).includes(String(s.campaignGroup.id)); }) : subCampaigns, props.time), type: 'line', data: [], timeline: timelineType, optionCustom: {
                             scales: {
                                 y: {
                                     title: {
                                         text: t('Statistics.View'),
                                     },
+                                    beginAtZero: true
                                 },
                                 yAxis: {
                                     display: false,

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

@@ -16,6 +16,7 @@ var jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = __importDefault(require("react"));
 var react_i18next_1 = require("react-i18next");
 var material_1 = require("@mui/material");
+var i18n_1 = __importDefault(require("../../../../../../i18n"));
 var useStyles = {
     groupBy: {},
     chip: {},
@@ -51,7 +52,7 @@ var useStyles = {
 };
 var ControlPanel = function (props) {
     var groupHeaders = props.groupHeaders, onQueryData = props.onQueryData;
-    var t = (0, react_i18next_1.useTranslation)().t;
+    var t = (0, react_i18next_1.useTranslation)(undefined, { i18n: i18n_1.default }).t;
     var _a = react_1.default.useState([]), groupByValues = _a[0], setGroupByValues = _a[1];
     var handleDelete = function (groupId) { return function () {
         setGroupByValues(function (old) { return old.filter(function (x) { return x !== groupId; }); });

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

@@ -26,6 +26,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = __importDefault(require("react"));
 var react_i18next_1 = require("react-i18next");
+var i18n_1 = __importDefault(require("../../../../../../i18n"));
 var material_1 = require("@mui/material");
 // import GroupTable from 'Features/GroupTable'
 var Helpers_1 = require("../../../../../../Utils/Helpers");
@@ -36,9 +37,8 @@ var Context_1 = __importDefault(require("../../Context"));
 var uniqBy = require('lodash/uniqBy');
 var sumBy = require('lodash/sumBy');
 var DetailGroupBy = function (props) {
-    var t = (0, react_i18next_1.useTranslation)().t;
+    var t = (0, react_i18next_1.useTranslation)(undefined, { i18n: i18n_1.default }).t;
     var statisticalData = props.statisticalData;
-    console.log("statisticalData", statisticalData);
     var services = (0, Context_1.default)().services;
     var _a = react_1.default.useState([]), groupByValues = _a[0], setGroupByValues = _a[1];
     var getHeadCells = function () {
@@ -121,7 +121,6 @@ var DetailGroupBy = function (props) {
                 });
                 return check;
             });
-            // console.log("groupFilters", groupFilters, groupByValues)
             if (groupFilters.length < groupByValues.length) {
                 var dataView = uniqBy(groupPlaces, groupByValues[groupFilters.length]).map(function (place) {
                     var _a;

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

@@ -1,51 +1,30 @@
 import { CampaignGroupModel } from '../../../../../ACM-AXN/Campaign/Types';
-import { IAnalyticCampaignSummary, IAnalyticEventSummary } from '../Types';
 import { AnalyticType } from '../../../../../ACM-AXN/Common/Enum';
-export declare function convertToExportDataGroupBy(data: any, objects: any, timelineType: any, groupBy: any): {
-    columns: any[];
-    data: any;
-}[];
-export declare function convertToExportData(data: any, places: any, timelineType: any): {
-    columns: string[];
-    data: any[][];
-}[];
-export declare function convertToExport(subCampaigns: CampaignGroupModel[], data: any, timelineType: any, places: any[]): any[];
+import { DataObject } from '../../../../../AWING';
+import { AdministrativeUnit, IAnalyticCampaignSummary } from '../Types';
+export declare const addHeaderExcel: (result: any[], campaignName: string) => void;
+export declare function convertToExportDataGroupBy(data: any, objects: any, timelineType: any, groupBy: any, campaignName: string): any[];
+export declare function convertToExportData(data: DataObject[], places: any, timelineType: any, campaignName: string, fullPlaces?: AdministrativeUnit[]): any[];
+export declare function convertToExport(subCampaigns: CampaignGroupModel[], data: DataObject[], timelineType: any, places: any[], campaignName: string, fullPlaces?: AdministrativeUnit[]): any[];
+export declare function convertToExportByAd(subCampaigns: CampaignGroupModel[], data: DataObject[], timelineType: any, campaignName: string): any[];
 export declare function placesToDomains(places: any[], domains?: any[]): any[];
-export declare const markBillingType: (subCampaigns: CampaignGroupModel[], data: IAnalyticCampaignSummary[]) => {
-    billingUnit: AnalyticType;
-    isPot: boolean;
-    campaignId?: string | undefined;
-    placeId?: string | undefined;
-    domainId?: string | undefined;
-    timeline?: number | undefined;
-    analyticEventSummaries?: IAnalyticEventSummary[] | undefined;
-    campaignGroupId?: number | undefined;
-    campaignAdId?: number | undefined;
-}[];
+export declare const markBillingType: (subCampaigns: CampaignGroupModel[], data: IAnalyticCampaignSummary[]) => any[];
 export declare function convertToShowDetail(subCampaigns: CampaignGroupModel[], data: IAnalyticCampaignSummary[], selectedDomains: any[], selectedPlaces: any[]): any[];
-export declare function dataGroupByTimeline(place: any, data: any, timelineType: any): any[][];
+export declare function dataGroupByTimeline(place: any, data: DataObject[], timelineType: any): any[][];
+export declare function dataGroupByTimelineAndPlaces(place: any, province: string, district: string, data: DataObject[], timelineType: any): any[][];
+export declare function dataGroupByAd(data: DataObject[], timelineType: any): (string | number)[][];
 export declare function dataGroupByPlace(subCampaigns: CampaignGroupModel[], ids: any): any[];
-export declare const sumEvent: (data: IAnalyticEventSummary[] | undefined, eventLabel: string) => number;
-export declare const convertToChartData: (data: IAnalyticCampaignSummary[], campaignGroups: CampaignGroupModel[]) => ({
-    label: string;
-    type: string;
-    data: {
-        x: string;
-        y: number;
-    }[];
-    fill: boolean;
-    pointStyle: string;
-    yAxisID: string;
-    variant: string;
-} | {
-    label?: undefined;
-    type?: undefined;
-    data?: undefined;
-    fill?: undefined;
-    pointStyle?: undefined;
-    yAxisID?: undefined;
-    variant?: undefined;
-})[];
+export declare function campaignAnalyticInfo(subCampaigns: CampaignGroupModel[]): {
+    isAllReLabel: boolean;
+    analyticTypes: AnalyticType[];
+    hasSpot: boolean;
+    hasEg: boolean;
+    hasClick: boolean;
+};
+export declare const convertToChartData: (data: IAnalyticCampaignSummary[], campaignGroups: CampaignGroupModel[], time: {
+    startDate: Date;
+    endDate: Date;
+}) => any[];
 export declare function groupBy<T extends {
     [key: string]: any;
 }, K extends keyof T>(array: T[], key: K): Record<string, T[]>;