awing-library 2.1.2-dev.99 → 2.1.2-stable.2

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

@@ -0,0 +1,216 @@
+"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 __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 };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = TabSubCampaign;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var material_1 = require("@mui/material");
+var lodash_1 = __importDefault(require("lodash"));
+var react_1 = __importDefault(require("react"));
+var recoil_1 = require("recoil");
+var Recoils_1 = require("../Recoils");
+var AdList_1 = __importDefault(require("./AdList"));
+var SubCampaignDetail_1 = __importDefault(require("./SubCampaignDetail"));
+var SubCampaignList_1 = __importDefault(require("./SubCampaignList"));
+var atoms_1 = require("./atoms");
+var Utils_1 = require("../../Utils");
+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];
+    var _c = (0, recoil_1.useRecoilState)(atoms_1.subCampaignDetailValidState), subCampaignDetailValid = _c[0], setSubCampaignDetailValid = _c[1];
+    var _d = (0, recoil_1.useRecoilState)(atoms_1.subCampaignAdsValidState), subCampaignAdsValid = _d[0], setSubCampaignAdsValid = _d[1];
+    /**
+     * Thêm subCampaign mới, nếu có truyền id thì clone, không thì tạo mới mặc định.
+     * @param id ID của subCampaign clone (nếu có)
+     */
+    var handleNewSubCampaign = function (id) {
+        var newId = 1;
+        // eslint-disable-next-line no-loop-func
+        while (subCampaigns.some(function (x) { return x.campaignGroup.id === newId; })) {
+            newId++;
+        }
+        var subCampaignClone = id &&
+            lodash_1.default.cloneDeep(subCampaigns.find(function (x) { return x.campaignGroup.id === id; }));
+        var newSubCampaign = (subCampaignClone
+            ? __assign(__assign({}, subCampaignClone), { campaignGroup: __assign(__assign({}, subCampaignClone.campaignGroup), { id: newId, name: subCampaignClone.campaignGroup.name + ' - copy', cantBeDelete: false, numberHasRun: undefined }), ads: subCampaignClone.ads.map(function (a) { return (__assign(__assign({}, a), { campaignGroupId: newId, cantBeDelete: false })); }) }) : {
+            campaignGroup: {
+                id: newId,
+                name: 'Sub-Campaign ' + newId,
+                status: Enum_1.CampaignStatus.Draft,
+                priority: Enum_1.CampaignPriority.ClassB,
+                bookingAmount: 10,
+                bonusAmount: 0,
+                billingUnit: Enum_2.AnalyticType.Authentication,
+            },
+            ads: [],
+        });
+        setSubCampaigns(__spreadArray(__spreadArray([], subCampaigns, true), [newSubCampaign], false));
+        setSelectedSubCampaignId([newId]);
+        setSubCampaignDetailValid(function (pre) {
+            var _a;
+            return (__assign(__assign({}, pre), (_a = {}, _a[newId] = id ? pre[id] : true, _a)));
+        });
+        setSubCampaignAdsValid(function (pre) {
+            var _a;
+            return (__assign(__assign({}, pre), (_a = {}, _a[newId] = id ? pre[id] : false, _a)));
+        });
+    };
+    /**
+     * Xoá chiến dịch con
+     * @param id ID của chiến dịch con
+     */
+    var handleDeleteSubCampaign = function (id) {
+        var newSubCampaigns = subCampaigns.filter(function (x) { return x.campaignGroup.id !== id; });
+        setSubCampaigns(newSubCampaigns);
+        setSubCampaignDetailValid(function (pre) {
+            var newValid = __assign({}, pre);
+            delete newValid[id];
+            return newValid;
+        });
+        setSubCampaignAdsValid(function (pre) {
+            var newValid = __assign({}, pre);
+            delete newValid[id];
+            return newValid;
+        });
+        if (selectedSubCampaignId.includes(id)) {
+            setSelectedSubCampaignId(function (pre) { return __spreadArray([], pre.filter(function (x) { return x !== id; }), true); });
+        }
+    };
+    /**
+     * Cập nhật chiến dịch con
+     * @param subCampaignSetStateAction Thông tin thay đổi của chiến dịch con
+     */
+    var handleUpdateSubCampaign = react_1.default.useCallback(function (subCampaignSetStateAction) {
+        setSubCampaigns(function (preSubCampains) {
+            var newSubCampaigns = lodash_1.default.cloneDeep(preSubCampains);
+            var selectedSubCampaignIndex = newSubCampaigns.findIndex(function (x) { return x.campaignGroup.id === selectedSubCampaignId[0]; });
+            var newSubCampaign = typeof subCampaignSetStateAction === 'function'
+                ? subCampaignSetStateAction(newSubCampaigns[selectedSubCampaignIndex]
+                    .campaignGroup)
+                : subCampaignSetStateAction;
+            newSubCampaigns[selectedSubCampaignIndex].campaignGroup =
+                newSubCampaign;
+            if ((0, Utils_1.checkPriority)(newSubCampaign.priority, Enum_1.CampaignPriority.ClassC)) {
+                newSubCampaigns[selectedSubCampaignIndex].ads.forEach(function (ad) {
+                    ad.advanced = undefined;
+                });
+            }
+            return newSubCampaigns;
+        });
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [selectedSubCampaignId]);
+    /**
+     * Tạo quảng cáo mới
+     * @param newAd Thông tin của quảng cáo mới
+     */
+    var handleCreateAd = function (newAd) {
+        newAd.campaignGroupId = selectedSubCampaignId[0];
+        setSubCampaigns(function (pre) {
+            var _a;
+            var result = lodash_1.default.cloneDeep(pre);
+            var subCampIdx = result.findIndex(function (x) { return x.campaignGroup.id === newAd.campaignGroupId; });
+            if (subCampIdx >= 0) {
+                if ((0, Utils_1.checkPriority)(result[subCampIdx].campaignGroup.priority, Enum_1.CampaignPriority.ClassC)) {
+                    newAd.advanced = undefined;
+                }
+                (_a = result[subCampIdx].ads) === null || _a === void 0 ? void 0 : _a.push(newAd);
+            }
+            return result;
+        });
+    };
+    /**
+     * Cập nhật quảng cáo
+     * @param changeList Thông tin định nghĩa của các quảng cáo cần thay đổi
+     * @param setStateAction Thông tin thay đổi của quảng cáo
+     */
+    var handleAdsChange = function (changeList, setStateAction) {
+        setSubCampaigns(function (pre) {
+            var result = lodash_1.default.cloneDeep(pre);
+            changeList.forEach(function (adChange) {
+                var _a;
+                var subCampIdx = result.findIndex(function (x) { var _a; return ((_a = x.campaignGroup) === null || _a === void 0 ? void 0 : _a.id) === adChange.subCampaignId; });
+                if (subCampIdx >= 0) {
+                    var adIdx = ((_a = result[subCampIdx].ads) === null || _a === void 0 ? void 0 : _a.findIndex(function (x) { return x.id === adChange.adId; })) || 0;
+                    if (adIdx >= 0) {
+                        ;
+                        result[subCampIdx].ads[adIdx] =
+                            typeof setStateAction === 'function'
+                                ? setStateAction(result[subCampIdx].ads[adIdx])
+                                : setStateAction;
+                    }
+                }
+            });
+            return result;
+        });
+    };
+    /**
+     * Xoá quảng cáo
+     * @param changeList Thông tin định nghĩa của các quảng cáo cần xoá
+     */
+    var handleDeleteAds = function (changeList) {
+        var newSubCampaigns = lodash_1.default.cloneDeep(subCampaigns);
+        changeList.forEach(function (adChange) {
+            var _a, _b;
+            var subCampIdx = newSubCampaigns.findIndex(function (x) { var _a; return ((_a = x.campaignGroup) === null || _a === void 0 ? void 0 : _a.id) === adChange.subCampaignId; });
+            if (subCampIdx >= 0) {
+                newSubCampaigns[subCampIdx].ads = (_a = newSubCampaigns[subCampIdx].ads) === null || _a === void 0 ? void 0 : _a.filter(function (x) { return x.id !== adChange.adId; });
+                if (((_b = newSubCampaigns[subCampIdx].ads) === null || _b === void 0 ? void 0 : _b.length) === 0 &&
+                    subCampaignAdsValid[adChange.subCampaignId])
+                    setSubCampaignAdsValid(function (pre) {
+                        var _a;
+                        return (__assign(__assign({}, pre), (_a = {}, _a[adChange.subCampaignId] = false, _a)));
+                    });
+            }
+        });
+        setSubCampaigns(newSubCampaigns);
+    };
+    var selectedSubCampaign = selectedSubCampaignId.length === 1
+        ? subCampaigns.find(function (s) { var _a; return ((_a = s.campaignGroup) === null || _a === void 0 ? void 0 : _a.id) === selectedSubCampaignId[0]; })
+        : undefined;
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(material_1.Grid, { container: true, sx: {
+                    padding: function (theme) { return theme.spacing(2); },
+                }, children: [(0, jsx_runtime_1.jsx)(material_1.Grid, { item: true, xs: 12, style: { overflow: 'auto', paddingBottom: 2 }, children: (0, jsx_runtime_1.jsx)(SubCampaignList_1.default, { onAdd: handleNewSubCampaign, onDelete: handleDeleteSubCampaign }) }), (0, jsx_runtime_1.jsxs)(material_1.Grid, { item: true, xs: 12, style: { marginTop: 16 }, children: [selectedSubCampaign && ((0, jsx_runtime_1.jsx)(SubCampaignDetail_1.default, { subCampaign: selectedSubCampaign.campaignGroup, onSubCampaignChange: handleUpdateSubCampaign, onChangeSubCampaignStatus: function (status) {
+                                    if (subCampaignDetailValid[selectedSubCampaignId[0]] !== status)
+                                        setSubCampaignDetailValid(function (pre) {
+                                            var _a;
+                                            return (__assign(__assign({}, pre), (_a = {}, _a[selectedSubCampaignId[0]] = status, _a)));
+                                        });
+                                } })), (0, jsx_runtime_1.jsx)(AdList_1.default, __assign({}, (selectedSubCampaignId.length === 1 &&
+                                subCampaigns.find(function (s) { var _a; return ((_a = s.campaignGroup) === null || _a === void 0 ? void 0 : _a.id) === selectedSubCampaignId[0]; }) && {
+                                onCreate: handleCreateAd,
+                            }), { onChange: handleAdsChange, onDelete: handleDeleteAds, onAdsValidChange: function (subCampaignId, status) {
+                                    if (subCampaignAdsValid[subCampaignId] !== status)
+                                        setSubCampaignAdsValid(function (pre) {
+                                            var _a;
+                                            return (__assign(__assign({}, pre), (_a = {}, _a[subCampaignId] = status, _a)));
+                                        });
+                                } }))] })] }), (0, jsx_runtime_1.jsx)(react_router_dom_1.Routes, { children: (0, jsx_runtime_1.jsx)(react_router_dom_1.Route, { path: [Constant_1.Constants.CAMPAIGN_EDIT_PAGE, ':pageCode', ':pageId'].join("/"), element: (0, jsx_runtime_1.jsx)(EditPage_1.default, {}) }, [
+                    Constant_1.Constants.CAMPAIGN_EDIT_PAGE,
+                ].join('/')) })] }));
+}

package/lib/ACM-AXN/Campaign/CreateOrEdit/TabSubCampaign/useSearchPage.d.ts

@@ -0,0 +1,2 @@
+import { MenuOption } from '../../../../AWING';
+export default function useSearchPage(type: 'lgn' | 'wlc'): (searchString: string) => Promise<MenuOption[]>;

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

@@ -0,0 +1,91 @@
+"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 = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
+    return g.next = verb(0), g["throw"] = verb(1), g["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 });
+exports.default = useSearchPage;
+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 options;
+        var _a;
+        return __generator(this, function (_b) {
+            switch (_b.label) {
+                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:
+                    options = _b.sent();
+                    setCache(__assign(__assign({}, cache), (_a = {}, _a[searchString || type] = options, _a)));
+                    return [2 /*return*/, options];
+            }
+        });
+    }); }, 
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [directoryId, type]);
+}

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

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