awing-library 2.1.147-beta → 2.1.147

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

@@ -38,6 +38,7 @@ var react_router_dom_1 = require("react-router-dom");
 var Constant_1 = require("../../../../ACM-AXN/Common/Constant");
 var EditPage_1 = __importDefault(require("./EditPage"));
 var Enum_1 = require("../../../../ACM-AXN/Campaign/Enum");
+var Enum_2 = require("../../../../ACM-AXN/Common/Enum");
 function TabSubCampaign() {
     var _a = (0, recoil_1.useRecoilState)(Recoils_1.campaignGroupsState), subCampaigns = _a[0], setSubCampaigns = _a[1];
     var _b = (0, recoil_1.useRecoilState)(atoms_1.selectedSubCampaignIdState), selectedSubCampaignId = _b[0], setSelectedSubCampaignId = _b[1];
@@ -60,11 +61,11 @@ function TabSubCampaign() {
             campaignGroup: {
                 id: newId,
                 name: 'Sub-Campaign ' + newId,
-                ticket: Enum_1.CampaignTicket.INACTIVE,
+                status: Enum_1.CampaignStatus.Draft,
                 priority: Enum_1.CampaignPriority.ClassB,
                 bookingAmount: 10,
                 bonusAmount: 0,
-                isReserved: false,
+                billingUnit: Enum_2.AnalyticType.Authentication,
             },
             ads: [],
         });

package/lib/ACM-AXN/Campaign/CreateOrEdit/TabSubCampaign/useSearchPage.js

@@ -1,4 +1,15 @@
 "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) {
@@ -43,24 +54,38 @@ var react_1 = require("react");
 var recoil_1 = require("recoil");
 var atoms_1 = require("./atoms");
 var Hooks_1 = __importDefault(require("../../Hooks"));
+var Recoils_1 = require("../Recoils");
 function useSearchPage(type) {
     var _this = this;
     var directoryId = (0, recoil_1.useRecoilValue)(atoms_1.campaignPageIdState);
+    var _a = (0, recoil_1.useRecoilState)(Recoils_1.cacheSearchPageState), cache = _a[0], setCache = _a[1];
     var service = (0, Hooks_1.default)().service;
     return (0, react_1.useCallback)(function (searchString) { return __awaiter(_this, void 0, void 0, function () {
-        var temp;
+        var options;
         var _a;
         return __generator(this, function (_b) {
             switch (_b.label) {
-                case 0: return [4 /*yield*/, service.pagesPaging(searchString, 10, 0, directoryId[type])];
+                case 0:
+                    if (Object.keys(cache).includes(searchString || type)) {
+                        return [2 /*return*/, cache[searchString || type]];
+                    }
+                    return [4 /*yield*/, service
+                            .pagesPaging(searchString, 10, 0, directoryId[type])
+                            .then(function (_a) {
+                            var items = _a.items;
+                            return items === null || items === void 0 ? void 0 : items.map(function (page) { return ({
+                                text: page.title,
+                                value: page.pageId,
+                            }); });
+                        })];
                 case 1:
-                    temp = _b.sent();
-                    return [2 /*return*/, (_a = temp.items) === null || _a === void 0 ? void 0 : _a.map(function (page) { return ({
-                            text: page.title,
-                            value: page.pageId,
-                        }); })];
+                    options = _b.sent();
+                    setCache(__assign(__assign({}, cache), (_a = {}, _a[searchString || type] = options, _a)));
+                    return [2 /*return*/, options];
             }
         });
-    }); }, [service, directoryId, type]);
+    }); }, 
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [directoryId, type]);
 }
 exports.default = useSearchPage;

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

@@ -1,3 +1,7 @@
 import React from 'react';
-declare const _default: React.FC<unknown>;
+interface CreateOrEditProps {
+    quickWizard?: (p?: any) => JSX.Element;
+    type?: string;
+}
+declare const _default: React.FC<CreateOrEditProps>;
 export default _default;

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

@@ -21,6 +21,15 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -51,14 +60,10 @@ var usePath_1 = __importDefault(require("../../../Commons/Hooks/usePath"));
 var Wrapper_1 = __importDefault(require("../../../AWING/HOC/Wrapper"));
 var TabStatistic_1 = __importDefault(require("./TabStatistic"));
 var Enum_2 = require("../../../ACM-AXN/Common/Enum");
-var route = [
-    Constant_1.Constants.CAMPAIGN_INFORMATION,
-    Constant_1.Constants.CAMPAIGN_SUBCAMPAIGN,
-    Constant_1.Constants.CAMPAIGN_STATISTICS,
-    Constant_1.Constants.CAMPAIGN_CONNECT,
-    Constant_1.Constants.CAMPAIGN_PERMISSION,
-];
-var CreateOrEdit = function () {
+var Context_1 = require("../../../Context");
+var TabApprove_1 = __importDefault(require("./TabApprove"));
+var RunInBackground_1 = __importDefault(require("./TabApprove/RunInBackground"));
+var CreateOrEdit = function (props) {
     var _a;
     var _b = (0, Router_1.useParams)(), campaignId = _b.campaignId, tabName = _b.tabName;
     var location = (0, Router_1.useLocation)();
@@ -66,6 +71,7 @@ var CreateOrEdit = function () {
     var matchPath = (0, usePath_1.default)();
     var t = (0, react_i18next_1.useTranslation)().t;
     var _c = (0, Hooks_1.default)(), service = _c.service, otherProps = __rest(_c, ["service"]);
+    var confirm = (0, Context_1.useAwing)().appHelper.confirm;
     var _d = (0, recoil_1.useRecoilState)(Recoils_1.campaignModelState), campaignData = _d[0], setCampaignData = _d[1];
     var setCampaignPages = (0, recoil_1.useSetRecoilState)(atoms_1.campaignPageIdState);
     var setDirectories = (0, recoil_1.useSetRecoilState)(Recoils_1.directoriesState);
@@ -73,13 +79,17 @@ var CreateOrEdit = function () {
     var _e = (0, recoil_1.useRecoilState)(Recoils_1.confirmExitState), confirmExit = _e[0], setConfirmExit = _e[1];
     var readyForSubmit = (0, recoil_1.useRecoilValue)(Recoils_1.readyForSubmitState);
     var setCreate = (0, recoil_1.useSetRecoilState)(Recoils_1.isCreateState);
+    var _f = (0, react_1.useState)(), fullPlaces = _f[0], setFullPlaces = _f[1];
+    var _g = (0, react_1.useState)(false), validWizad = _g[0], setValidWizad = _g[1];
+    var _h = (0, react_1.useState)(false), editModeWizard = _h[0], setEditModeWizard = _h[1];
+    var childRefWizard = (0, react_1.useRef)(null);
     var tabValid = {
         tabInfomationValid: (0, recoil_1.useRecoilValue)(Recoils_1.tabInfomationValidState),
         tabSubCampaignValid: (0, recoil_1.useRecoilValue)(Recoils_1.tabSubCampaignValidState),
         tabPartnerValid: (0, recoil_1.useRecoilValue)(Recoils_1.tabPartnerValidState),
     };
-    var _f = (0, react_1.useState)('0'), value = _f[0], setValue = _f[1];
-    var _g = (0, react_1.useState)(true), loading = _g[0], setLoading = _g[1];
+    var _j = (0, react_1.useState)('0'), value = _j[0], setValue = _j[1];
+    var _k = (0, react_1.useState)(true), loading = _k[0], setLoading = _k[1];
     var componentStatus = (0, react_1.useMemo)(function () {
         return location.pathname.includes(Constant_1.Constants.CAMPAIGN_DETAIL) &&
             !!campaignId
@@ -89,16 +99,20 @@ var CreateOrEdit = function () {
                 : Constant_1.Constants.CAMPAIGN_CREATE;
     }, [location.pathname, campaignId]);
     (0, react_1.useEffect)(function () {
-        if (!service.attributesGetByObjectTypeCode && !campaignData.campaignAttributes.length) {
-            setCampaignData(function (prev) { return (__assign(__assign({}, prev), { campaignAttributes: [""] })); });
+        if (!service.attributesGetByObjectTypeCode &&
+            !campaignData.campaignAttributes.length) {
+            setCampaignData(function (prev) {
+                return (__assign(__assign({}, prev), { campaignAttributes: [''] }));
+            });
         }
-        // eslint-disable-next-line react-hooks/exhaustive-deps     
-    }, [service, campaignData.campaignAttributes]);
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [campaignData.campaignAttributes]);
     (0, react_1.useEffect)(function () {
         setLoading(true);
         Promise.all([getCampaignData(), getPage()]).finally(function () {
             setLoading(false);
         });
+        service.administrativeUnitsGet().then(setFullPlaces);
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, []);
     (0, react_1.useEffect)(function () {
@@ -109,54 +123,100 @@ var CreateOrEdit = function () {
             .directoriesGetByObjectTypeCode(Enum_1.DirectoryRoot.Campaign)
             .then(setDirectories);
         if (service.attributesGetByObjectTypeCode) {
-            service.attributesGetByObjectTypeCode(Enum_1.DirectoryRoot.Campaign).then(setAttributes);
+            service
+                .attributesGetByObjectTypeCode(Enum_1.DirectoryRoot.Campaign)
+                .then(setAttributes);
         }
-    }, [service, setDirectories, setAttributes]);
-    (0, react_1.useLayoutEffect)(function () {
-        if (tabName && route.includes(tabName)) {
-            setValue(String(route.indexOf(tabName)));
-        }
-    }, [tabName]);
-    var tabsList = (0, react_1.useMemo)(function () {
-        return [
-            {
-                label: t('Campaign.Info'),
-                isShow: true,
-                valid: 'tabInfomationValid',
-                component: (0, jsx_runtime_1.jsx)(TabInfomation_1.default, {}),
-            },
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, []);
+    var getTabs = function () {
+        var baseTabs = !(campaignData.campaignWizard && !editModeWizard && (props === null || props === void 0 ? void 0 : props.quickWizard))
+            ? [
+                {
+                    label: t('Campaign.Info'),
+                    isShow: true,
+                    valid: 'tabInfomationValid',
+                    component: (0, jsx_runtime_1.jsx)(TabInfomation_1.default, {}),
+                    route: Constant_1.Constants.CAMPAIGN_INFORMATION,
+                },
+                {
+                    label: t('Campaign.SubCampaign'),
+                    isShow: true,
+                    valid: 'tabSubCampaignValid',
+                    component: (0, jsx_runtime_1.jsx)(TabSubCampaign_1.default, {}),
+                    route: Constant_1.Constants.CAMPAIGN_SUBCAMPAIGN,
+                },
+            ]
+            : [
+                {
+                    label: t('Campaign.Wizard'),
+                    isShow: true,
+                    component: props === null || props === void 0 ? void 0 : props.quickWizard({
+                        ref: childRefWizard,
+                    }),
+                    route: Constant_1.Constants.CAMPAIGN_WIZARD,
+                },
+            ];
+        return __spreadArray(__spreadArray([], baseTabs, true), [
             {
-                label: t('Campaign.SubCampaign'),
-                isShow: true,
-                valid: 'tabSubCampaignValid',
-                component: (0, jsx_runtime_1.jsx)(TabSubCampaign_1.default, {}),
+                label: t('Campaign.Approval.Title'),
+                isShow: Boolean(service.attributesGetByObjectTypeCode) && componentStatus === Constant_1.Constants.CAMPAIGN_DETAIL,
+                component: (0, jsx_runtime_1.jsx)(TabApprove_1.default, {}),
+                route: Constant_1.Constants.CAMPAIGN_APPROVE,
             },
             {
                 label: t('Campaign.Statistic'),
                 isShow: componentStatus === Constant_1.Constants.CAMPAIGN_DETAIL,
-                component: ((0, jsx_runtime_1.jsx)(TabStatistic_1.default, __assign({ campaignId: campaignData.campaign.id, subCampaigns: campaignData.campaignGroups }, otherProps, { services: service }))),
+                component: ((0, jsx_runtime_1.jsx)(TabStatistic_1.default, __assign({ campaignId: campaignData.campaign.id, campaignName: campaignData.campaign.name, subCampaigns: campaignData.campaignGroups, fullPlaces: fullPlaces }, otherProps, { services: service }))),
+                route: Constant_1.Constants.CAMPAIGN_STATISTICS,
             },
             {
                 label: t('Campaign.Partner'),
                 isShow: true,
                 component: (0, jsx_runtime_1.jsx)(TabPartner_1.default, {}),
                 valid: 'tabPartnerValid',
+                route: Constant_1.Constants.CAMPAIGN_CONNECT,
             },
             {
                 label: t('Campaign.Permission'),
                 isShow: componentStatus === Constant_1.Constants.CAMPAIGN_DETAIL,
                 component: (0, jsx_runtime_1.jsx)(TabPermission_1.default, {}),
+                route: Constant_1.Constants.CAMPAIGN_PERMISSION,
             },
-        ].filter(function (tab) { return tab.isShow; });
+        ], false).filter(function (tab) { return tab.isShow; });
+    };
+    var tabsList = (0, react_1.useMemo)(function () {
+        return getTabs();
     }, 
     // eslint-disable-next-line react-hooks/exhaustive-deps
-    [t, componentStatus, Constant_1.Constants, campaignData]);
+    [t, componentStatus, Constant_1.Constants, campaignData, editModeWizard, campaignData.campaignWizard]);
+    (0, react_1.useLayoutEffect)(function () {
+        var tabIndex = tabsList.findIndex(function (tab) { return tab.route === tabName; });
+        if (tabIndex !== -1) {
+            setValue(String(tabIndex));
+        }
+        else {
+            var firstTabRoute = tabsList[0].route;
+            navigate((0, Router_1.generatePath)(matchPath, {
+                campaignId: campaignId,
+                tabName: firstTabRoute,
+            }), { replace: true });
+            setValue('0');
+        }
+    }, [tabName, tabsList]);
     var handleChangeTab = function (_event, newValue) {
-        navigate((0, Router_1.generatePath)(matchPath, { campaignId: campaignId, tabName: route[Number(newValue)] }), { replace: true });
+        var newTab = tabsList[Number(newValue)];
+        if (newTab) {
+            navigate((0, Router_1.generatePath)(matchPath, {
+                campaignId: campaignId,
+                tabName: newTab.route,
+            }), { replace: true });
+        }
     };
     var getCampaignData = function () {
         if (campaignId) {
             return service.campaignsGet(campaignId).then(function (response) {
+                var _a;
                 var campaignModel = response;
                 if (componentStatus === Constant_1.Constants.CAMPAIGN_DETAIL) {
                     //Đánh dấu những group/ad nào không được xoá
@@ -169,8 +229,8 @@ var CreateOrEdit = function () {
                                 subCampains[idx].ads[i].cantBeDelete = true;
                             }
                         }
-                        else if (subCamp.campaignGroup.ticket ===
-                            Enum_1.CampaignTicket.ACTIVE) {
+                        else if (subCamp.campaignGroup.status ===
+                            Enum_1.CampaignStatus.Active) {
                             subCampains[idx].campaignGroup.cantBeDelete =
                                 true;
                             for (var i = 0; i < subCamp.ads.length; i++) {
@@ -186,11 +246,15 @@ var CreateOrEdit = function () {
                     campaignModel.campaign.name += ' - copy';
                     campaignModel.campaign.createdDate = undefined;
                     campaignModel.campaignGroups.forEach(function (g) {
-                        g.campaignGroup.ticket = Enum_1.CampaignTicket.INACTIVE;
+                        g.campaignGroup.status = Enum_1.CampaignStatus.Draft;
                         if (!service.attributesGetByObjectTypeCode)
-                            g.campaignGroup.billingUnit = Enum_2.AnalyticType.AUTHENTICATION;
+                            g.campaignGroup.billingUnit =
+                                Enum_2.AnalyticType.Authentication;
                     });
                 }
+                if (componentStatus === Constant_1.Constants.CAMPAIGN_CLONE && ((_a = campaignModel.campaignApprovals) === null || _a === void 0 ? void 0 : _a.length)) {
+                    campaignModel.campaignApprovals = campaignModel.campaignApprovals.map(function (campaignApproval) { return (__assign(__assign({}, campaignApproval), { status: Enum_1.CampaignApprovalStatus.Draft })); });
+                }
                 setCampaignData(campaignModel);
             });
         }
@@ -208,32 +272,81 @@ var CreateOrEdit = function () {
         });
     };
     var handleSubmit = function () {
-        if (!(0, Utils_1.adsClassCValid)(campaignData.campaignGroups
-            .filter(function (x) {
-            return (0, Utils_1.checkPriority)(x.campaignGroup.priority, Enum_1.CampaignPriority.ClassC);
-        })
-            .flatMap(function (x) { return x.ads; }))) {
-            return Promise.reject(t('Campaign.CClassDuplicatePlace'));
-        }
-        var dataSubmit = __assign(__assign({}, campaignData), { campaignAttributes: campaignData.campaignAttributes.filter(Boolean) });
-        if (componentStatus === Constant_1.Constants.CAMPAIGN_DETAIL) {
-            return service.campaignsPut(campaignId, dataSubmit);
+        var _a, _b;
+        if (campaignData.campaignWizard && !editModeWizard && (props === null || props === void 0 ? void 0 : props.quickWizard)) {
+            if (childRefWizard.current) {
+                return childRefWizard.current.onSubmit({
+                    campaignPartner: campaignData.campaignPartner,
+                });
+            }
         }
         else {
-            return service.campaignsPost(dataSubmit);
+            if (!(0, Utils_1.adsClassCValid)(campaignData.campaignGroups
+                .filter(function (x) {
+                return (0, Utils_1.checkPriority)(x.campaignGroup.priority, Enum_1.CampaignPriority.ClassC);
+            })
+                .flatMap(function (x) { return x.ads; }))) {
+                return Promise.reject(t('Campaign.CClassDuplicatePlace'));
+            }
+            var dataSubmit = __assign(__assign({}, campaignData), { campaignAttributes: campaignData.campaignAttributes.filter(Boolean), campaignWizard: undefined, campaignApprovals: (_a = campaignData.campaignApprovals) !== null && _a !== void 0 ? _a : [] });
+            if (!((_b = dataSubmit.campaignPartner) === null || _b === void 0 ? void 0 : _b.isSendApi)) {
+                delete dataSubmit.campaignPartner;
+            }
+            if (componentStatus === Constant_1.Constants.CAMPAIGN_DETAIL) {
+                return service.campaignsPut(campaignId, dataSubmit);
+            }
+            else {
+                return service.campaignsPost(dataSubmit);
+            }
+        }
+    };
+    var handleDisableButtonSubmit = function () {
+        if (campaignData.campaignWizard && !editModeWizard && (props === null || props === void 0 ? void 0 : props.quickWizard)) {
+            return validWizad;
         }
+        return !readyForSubmit || !confirmExit;
+    };
+    var handleClose = function () {
+        if (campaignData.campaignWizard && !editModeWizard && (props === null || props === void 0 ? void 0 : props.quickWizard)) {
+            if (childRefWizard.current) {
+                childRefWizard.current.resetData();
+            }
+        }
+    };
+    var handleSaveProfessionalEditing = function () {
+        return new Promise(function (resolve, reject) {
+            confirm(function () { var _a; return (_a = handleSubmit()) === null || _a === void 0 ? void 0 : _a.then(resolve); }, function () { return reject(); }, (0, jsx_runtime_1.jsx)(material_1.Typography, { sx: {
+                    whiteSpace: "break-spaces",
+                }, children: t("Campaign.SwitchToProfessionalEditMode") }));
+        });
     };
-    return ((0, jsx_runtime_1.jsx)(ClassicDrawer_1.default, { title: "".concat(t(['Campaign', campaignId ? 'TitleDetail' : 'Create'].join('.'))).concat(campaignId ? ": ".concat((_a = campaignData === null || campaignData === void 0 ? void 0 : campaignData.campaign) === null || _a === void 0 ? void 0 : _a.name) : '', "\n               "), onSubmit: handleSubmit, disableButtonSubmit: !readyForSubmit || !confirmExit, confirmExit: confirmExit, childrenWrapperStyle: { padding: 0 }, children: (0, jsx_runtime_1.jsx)(material_1.Grid, { container: true, sx: {
+    return ((0, jsx_runtime_1.jsx)(ClassicDrawer_1.default, { title: "".concat(t(['Campaign', campaignId ? 'TitleDetail' : 'Create'].join('.'))).concat(campaignId ? ": ".concat((_a = campaignData === null || campaignData === void 0 ? void 0 : campaignData.campaign) === null || _a === void 0 ? void 0 : _a.name) : '', "\n               "), onSubmit: function () { return editModeWizard ? handleSaveProfessionalEditing() : handleSubmit(); }, disableButtonSubmit: handleDisableButtonSubmit(), confirmExit: confirmExit, childrenWrapperStyle: { padding: 0 }, onClose: handleClose, children: (0, jsx_runtime_1.jsx)(material_1.Grid, { container: true, sx: {
                 display: 'flex',
                 flexDirection: 'column',
                 flexGrow: 1,
                 padding: function (theme) { return theme.spacing(3); },
-            }, children: loading ? ((0, jsx_runtime_1.jsx)(AWING_1.CircularProgress, {})) : ((0, jsx_runtime_1.jsx)(material_1.Grid, { item: true, component: material_1.Paper, sx: { width: '100%', padding: 0 }, children: (0, jsx_runtime_1.jsxs)(lab_1.TabContext, { value: value, children: [(0, jsx_runtime_1.jsx)(material_1.Box, { sx: { borderBottom: 1, borderColor: 'divider' }, children: (0, jsx_runtime_1.jsx)(lab_1.TabList, { variant: "scrollable", onChange: handleChangeTab, "aria-label": "lab API tabs example", children: tabsList.map(function (tab, idx) { return ((0, jsx_runtime_1.jsx)(material_1.Tab, { sx: { minWidth: '160px' }, value: String(idx), label: (0, jsx_runtime_1.jsx)(TabLabel_1.default, { content: (0, jsx_runtime_1.jsx)("div", { style: {
-                                                fontWeight: 600,
-                                                fontSize: '0.875rem',
-                                            }, children: tab.label }), error: (tab === null || tab === void 0 ? void 0 : tab.valid)
-                                            ? !tabValid[tab === null || tab === void 0 ? void 0 : tab.valid]
-                                            : undefined, errContent: (0, jsx_runtime_1.jsx)("span", { style: { marginLeft: '-5px' }, children: "*" }) }) }, idx)); }) }) }), tabsList.map(function (tab, idx) { return ((0, jsx_runtime_1.jsx)(lab_1.TabPanel, { sx: { padding: '0' }, value: String(idx), children: tab.component }, idx)); })] }) })) }) }));
+            }, children: loading ? ((0, jsx_runtime_1.jsx)(AWING_1.CircularProgress, {})) : ((0, jsx_runtime_1.jsxs)(material_1.Grid, { item: true, component: material_1.Paper, sx: { width: '100%', padding: 0 }, children: [(0, jsx_runtime_1.jsxs)(lab_1.TabContext, { value: value, children: [(0, jsx_runtime_1.jsx)(material_1.Box, { sx: { borderBottom: 1, borderColor: 'divider' }, children: (0, jsx_runtime_1.jsx)(lab_1.TabList, { variant: "scrollable", onChange: handleChangeTab, "aria-label": "lab API tabs example", children: tabsList.map(function (tab, idx) { return ((0, jsx_runtime_1.jsx)(material_1.Tab, { sx: { minWidth: '160px' }, value: String(idx), label: (0, jsx_runtime_1.jsx)(TabLabel_1.default, { content: (0, jsx_runtime_1.jsx)("div", { style: {
+                                                    fontWeight: 600,
+                                                    fontSize: '0.875rem',
+                                                }, children: tab.label }), error: (tab === null || tab === void 0 ? void 0 : tab.valid)
+                                                ? !tabValid[tab === null || tab === void 0 ? void 0 : tab.valid]
+                                                : undefined, errContent: (0, jsx_runtime_1.jsx)("span", { style: {
+                                                    marginLeft: '-5px',
+                                                }, children: "*" }) }) }, idx)); }) }) }), campaignData.campaignWizard && !editModeWizard &&
+                                (props === null || props === void 0 ? void 0 : props.quickWizard) ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [props === null || props === void 0 ? void 0 : props.quickWizard({
+                                        ref: childRefWizard,
+                                        onSubmitWizard: handleSubmit,
+                                        handleValidWizad: setValidWizad,
+                                        handleEditMode: setEditModeWizard,
+                                        sxEdit: {
+                                            display: value === '0'
+                                                ? 'block'
+                                                : 'none',
+                                        },
+                                        type: props.type,
+                                    }), tabsList.map(function (tab, idx) {
+                                        return idx !== 0 && ((0, jsx_runtime_1.jsx)(lab_1.TabPanel, { sx: { padding: '0' }, value: String(idx), children: tab.component }, idx));
+                                    })] })) : ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: tabsList.map(function (tab, idx) { return ((0, jsx_runtime_1.jsx)(lab_1.TabPanel, { sx: { padding: '0' }, value: String(idx), children: tab.component }, idx)); }) }))] }), Boolean(service.attributesGetByObjectTypeCode) && (0, jsx_runtime_1.jsx)(RunInBackground_1.default, {})] })) }) }));
 };
 // eslint-disable-next-line import/no-anonymous-default-export
 exports.default = (0, Wrapper_1.default)(CreateOrEdit, { component: recoil_1.RecoilRoot });

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,13 +134,13 @@ export declare enum AdType {
 export declare enum CampaignRuleType {
     LimitView = 0,
     LimitClick = 1,
+    Authentication = 8,
     LimitEvent = 2,
     TargetGender = 3,
     TargetAge = 4,
     TargetOS = 5,
     TargetDevice = 6,
-    RetargetMacAddress = 7,
-    Authentication = 8
+    RetargetMacAddress = 7
 }
 /**
  * Enum bao gồm các phép toán
@@ -175,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,13 +121,13 @@ 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";
     CampaignRuleType[CampaignRuleType["TargetOS"] = 5] = "TargetOS";
     CampaignRuleType[CampaignRuleType["TargetDevice"] = 6] = "TargetDevice";
     CampaignRuleType[CampaignRuleType["RetargetMacAddress"] = 7] = "RetargetMacAddress";
-    CampaignRuleType[CampaignRuleType["Authentication"] = 8] = "Authentication";
 })(CampaignRuleType || (exports.CampaignRuleType = CampaignRuleType = {}));
 /**
  * Enum bao gồm các phép toán
@@ -163,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'
+};