awing-library 2.1.134-beta → 2.1.134

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 };
 };
@@ -50,14 +59,11 @@ var TabLabel_1 = __importDefault(require("../../../Commons/Components/TabLabel")
 var usePath_1 = __importDefault(require("../../../Commons/Hooks/usePath"));
 var Wrapper_1 = __importDefault(require("../../../AWING/HOC/Wrapper"));
 var TabStatistic_1 = __importDefault(require("./TabStatistic"));
-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 Enum_2 = require("../../../ACM-AXN/Common/Enum");
+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)();
@@ -65,20 +71,25 @@ 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);
     var setAttributes = (0, recoil_1.useSetRecoilState)(Recoils_1.attributesState);
-    var confirmExit = (0, recoil_1.useRecoilValue)(Recoils_1.confirmExitState);
+    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 _e = (0, react_1.useState)('0'), value = _e[0], setValue = _e[1];
-    var _f = (0, react_1.useState)(true), loading = _f[0], setLoading = _f[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
@@ -88,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 () {
@@ -108,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á
@@ -168,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++) {
@@ -181,12 +242,19 @@ var CreateOrEdit = function () {
                     });
                 }
                 else {
+                    setConfirmExit(true);
                     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;
                     });
                 }
+                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);
             });
         }
@@ -204,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, 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,6 +134,7 @@ export declare enum AdType {
 export declare enum CampaignRuleType {
     LimitView = 0,
     LimitClick = 1,
+    Authentication = 8,
     LimitEvent = 2,
     TargetGender = 3,
     TargetAge = 4,
@@ -174,3 +179,17 @@ export declare enum Operator {
      */
     In = 7
 }
+export declare enum CampaignApprovalStatus {
+    Draft = 0,
+    PendingApproval = 1,
+    Approval = 2,
+    Rejected = 3
+}
+export declare const ColorCampaignStatus: {
+    Draft: string;
+    Reserved: string;
+    UnderApproval: string;
+    Active: string;
+    UnActive: string;
+    Done: string;
+};

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

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

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

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

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

@@ -77,6 +77,7 @@ export declare const nextChar: (c: string) => string;
 export declare const RuleType: {
     LimitView: number;
     LimitClick: number;
+    Authentication: number;
     LimitEvent: number;
     TargetGender: number;
     TargetAge: number;
@@ -135,3 +136,7 @@ export declare enum adAnalyticType {
     Spot = 0,
     Engagements = 1
 }
+export declare const getCampaignStatus: (isAcm?: boolean) => {
+    key: string;
+    value: number;
+}[];