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

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

@@ -0,0 +1,365 @@
+"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 __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 () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = AdList;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var Add_1 = __importDefault(require("@mui/icons-material/Add"));
+var Assignment_1 = __importDefault(require("@mui/icons-material/Assignment"));
+var AvTimer_1 = __importDefault(require("@mui/icons-material/AvTimer"));
+var Delete_1 = __importDefault(require("@mui/icons-material/Delete"));
+var EditOutlined_1 = __importDefault(require("@mui/icons-material/EditOutlined"));
+var StarHalf_1 = __importDefault(require("@mui/icons-material/StarHalf"));
+var material_1 = require("@mui/material");
+var lodash_1 = __importDefault(require("lodash"));
+var react_1 = __importStar(require("react"));
+var react_i18next_1 = require("react-i18next");
+var recoil_1 = require("recoil");
+var AdRow_1 = __importDefault(require("./AdRow"));
+var Advanced_1 = __importDefault(require("./Advanced"));
+var EditAds_1 = __importDefault(require("./EditAds"));
+var Weight_1 = __importDefault(require("./Weight"));
+var atoms_1 = require("./atoms");
+var Hooks_1 = __importDefault(require("../../Hooks"));
+var Utils_1 = require("../../Utils");
+var Helpers_1 = require("../../../../Utils/Helpers");
+var Context_1 = require("../../../../Context");
+var Recoils_1 = require("../Recoils");
+var DomainPreview_1 = __importDefault(require("../../../../ACM-AXN/DomainPreview"));
+var Constant_1 = require("../../../../ACM-AXN/Common/Constant");
+var PreviewButton_1 = __importDefault(require("../../../../ACM-AXN/DomainPreview/PreviewButton"));
+var Enum_1 = require("../../../../ACM-AXN/Campaign/Enum");
+function AdList(props) {
+    var onCreate = props.onCreate, onChange = props.onChange, onDelete = props.onDelete, onAdsValidChange = props.onAdsValidChange;
+    var t = (0, react_i18next_1.useTranslation)().t;
+    var _a = (0, Context_1.useAwing)().appHelper, confirm = _a.confirm, alert = _a.alert;
+    var _b = (0, Hooks_1.default)(), service = _b.service, defaultDomainId = _b.domainId;
+    var ads = (0, recoil_1.useRecoilValue)(atoms_1.adListState);
+    var _c = (0, recoil_1.useRecoilState)(atoms_1.adSelectedState), adSelected = _c[0], setAdSelected = _c[1];
+    var _d = (0, recoil_1.useRecoilState)(atoms_1.adOpenState), adOpen = _d[0], setAdOpen = _d[1];
+    var copiedAd = (0, recoil_1.useRecoilValue)(atoms_1.copiedAdState);
+    var hasClassC = (0, recoil_1.useRecoilValue)((0, atoms_1.checkGroupsClassCState)(adSelected.map(function (x) { return x.subCampaignId; })));
+    var _e = (0, react_1.useState)({
+        welcomeId: '',
+        loginId: '',
+        domainIds: [],
+    }), previewId = _e[0], setPreviewId = _e[1];
+    var _f = react_1.default.useState(), anchorEl = _f[0], setAnchorEl = _f[1];
+    var open = Boolean(anchorEl);
+    // valid theo cấu trúc { [campaignGroupId]: { [adId]: boolean } }
+    var _g = (0, react_1.useState)({}), adsValid = _g[0], setAdsValid = _g[1];
+    var _h = (0, react_1.useState)(false), isAdvancedDrawerOpen = _h[0], setIsAdvancedDrawerOpen = _h[1];
+    var _j = (0, recoil_1.useRecoilState)(Recoils_1.weightState), weightProps = _j[0], setWeightState = _j[1];
+    var _k = (0, react_1.useState)(false), isMultiEditDrawerOpen = _k[0], setIsMultiEditDrawerOpen = _k[1];
+    (0, react_1.useEffect)(function () {
+        var newAdValid = {};
+        ads.forEach(function (ad) {
+            var _a, _b;
+            // eslint-disable-next-line no-self-compare
+            return (newAdValid[ad.campaignGroupId] = newAdValid[ad.campaignGroupId]
+                ? __assign(__assign({}, newAdValid[ad.campaignGroupId]), (_a = {}, _a[ad.id] = (0, Utils_1.campaignAdValid)(ad), _a)) : (_b = {}, _b[ad.id] = (0, Utils_1.campaignAdValid)(ad), _b));
+        });
+        setAdsValid(newAdValid);
+        setAdSelected(function (pre) {
+            return pre.filter(function (adDefine) {
+                return ads.some(function (a) {
+                    return (a === null || a === void 0 ? void 0 : a.campaignGroupId) === adDefine.subCampaignId &&
+                        a.id === adDefine.adId;
+                });
+            });
+        });
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [ads.map(function (a) { return "".concat(a === null || a === void 0 ? void 0 : a.campaignGroupId, ".").concat(a === null || a === void 0 ? void 0 : a.id); }).join(',')]); //dung de nhan biet cac thay doi ve so luong subcampaing - ad
+    /**
+     * Hàm tạo quảng cáo mới
+     * @param isPaste có phải paste từ quảng cáo đã copy không
+     */
+    var handleAddAd = function (isPaste) {
+        if (isPaste === void 0) { isPaste = false; }
+        if (onCreate) {
+            var newId_1 = 1;
+            // eslint-disable-next-line no-loop-func
+            while (ads.some(function (x) { return (x === null || x === void 0 ? void 0 : x.id) === newId_1; })) {
+                newId_1++;
+            }
+            var newAd = isPaste && copiedAd
+                ? __assign(__assign({}, lodash_1.default.cloneDeep(copiedAd)), { id: newId_1, campaignGroupId: 0, name: copiedAd.name + ' - copy', cantBeDelete: false })
+                : {
+                    id: newId_1,
+                    campaignGroupId: 0, //se gan lai o component cha
+                    name: 'Ad ' + newId_1,
+                    status: true,
+                    type: Enum_1.AdType.BANNER_STATIC,
+                    loginId: '',
+                    welcomeId: '',
+                    startDate: (0, Helpers_1.convertDateTimeToTimestamp)((0, Helpers_1.getToday)()),
+                    endDate: (0, Helpers_1.convertDateTimeToTimestamp)((0, Helpers_1.getToday)()),
+                    placeFilter: {
+                        operandGroups: [],
+                    },
+                };
+            onCreate(newAd);
+            setAdOpen({
+                subCampaignId: newAd.campaignGroupId,
+                adId: newAd.id,
+                loginId: newAd.loginId,
+            });
+            handleChangeAdStatus(newAd, (0, Utils_1.campaignAdValid)(newAd));
+        }
+    };
+    /**
+     * Hàm cập nhật quảng cáo
+     * @param dataChange thông tin của quảng cáo cần thay đổi
+     */
+    var handleMultiUpdate = function (dataChange) {
+        onChange(adSelected, function (preCampaignAd) {
+            var newAd = __assign(__assign({}, preCampaignAd), dataChange);
+            handleChangeAdStatus(newAd, (0, Utils_1.campaignAdValid)(newAd));
+            return newAd;
+        });
+    };
+    /**
+     * Hàm xoá quảng cáo
+     * @param adDelete Danh sách định nghĩa các quảng cáo cần xoá
+     */
+    var handleMultiDelete = function (adDelete) {
+        if (adDelete.length > 0) {
+            confirm(function () {
+                var adWillDeleted = [];
+                var warning = false;
+                adDelete.forEach(function (adDel) {
+                    var _a;
+                    if ((_a = ads.find(function (x) {
+                        return (x === null || x === void 0 ? void 0 : x.campaignGroupId) ===
+                            adDel.subCampaignId &&
+                            (x === null || x === void 0 ? void 0 : x.id) === adDel.adId;
+                    })) === null || _a === void 0 ? void 0 : _a.cantBeDelete)
+                        warning = true;
+                    else
+                        adWillDeleted.push(adDel);
+                });
+                setAdsValid(function (preValid) {
+                    var newValid = __assign({}, preValid);
+                    adWillDeleted.forEach(function (adDel) {
+                        if (newValid[adDel.subCampaignId]) {
+                            //Xoa valid cua ad
+                            delete newValid[adDel.subCampaignId][adDel.adId];
+                        }
+                    });
+                    return newValid;
+                });
+                if (warning)
+                    alert(t('Campaign.CantBeDelete'));
+                onDelete(adWillDeleted);
+            });
+        }
+    };
+    /**
+     * Hàm cập nhật trạng thái của quảng cáo
+     * @param ad Thông tin quảng cáo cần thay đổi
+     * @param status Trạng thái mới của quảng cáo
+     */
+    var handleChangeAdStatus = function (ad, status) {
+        var _a, _b, _c;
+        if (!adsValid[ad.campaignGroupId] ||
+            adsValid[ad.campaignGroupId][ad.id] !== status) {
+            var newValid_1 = __assign(__assign({}, adsValid), (_a = {}, _a[ad.campaignGroupId] = adsValid[ad.campaignGroupId]
+                ? __assign(__assign({}, adsValid[ad.campaignGroupId]), (_b = {}, _b[ad.id] = status, _b)) : (_c = {},
+                _c[ad.id] = status,
+                _c), _a));
+            setAdsValid(newValid_1);
+            var campaignGroupValid = Object.keys(newValid_1[ad.campaignGroupId]).every(function (adId) { return newValid_1[ad.campaignGroupId][Number(adId)]; });
+            onAdsValidChange(ad.campaignGroupId, campaignGroupValid);
+        }
+    };
+    /**
+     * Hàm lấy đầu vào về ngày tháng khi sửa trọng số của nhiều quảng cáo
+     */
+    function getDatePropsForWeight() {
+        var adsSelected = ads.filter(function (ad) {
+            return adSelected.some(function (a) {
+                return a.subCampaignId === (ad === null || ad === void 0 ? void 0 : ad.campaignGroupId) && a.adId === ad.id;
+            });
+        });
+        return {
+            startDate: new Date(Math.min.apply(Math, adsSelected.map(function (x) { var _a; return Number((_a = x === null || x === void 0 ? void 0 : x.startDate) === null || _a === void 0 ? void 0 : _a.seconds); })) * 1000),
+            endDate: new Date(Math.max.apply(Math, adsSelected.map(function (x) { var _a; return Number((_a = x === null || x === void 0 ? void 0 : x.endDate) === null || _a === void 0 ? void 0 : _a.seconds); })) * 1000),
+        };
+    }
+    /**
+     * Hàm lấy ra các page theo điều kiện
+     * @param searchString Từ khoá tìm kiếm
+     */
+    var translationText = {
+        edit: t('Common.Edit'),
+        weight: t('Campaign.Detail.Weight'),
+        advanced: t('Campaign.Advanced'),
+        delete: t('Common.Delete'),
+    };
+    /**
+     * Hàm khi xem preview
+     */
+    var handlePreview = function (e, ad, domainId) {
+        if (domainId === void 0) { domainId = defaultDomainId; }
+        e.stopPropagation();
+        var url = "".concat(Constant_1.Constants.CAPTIVE_DOMAIN, "/").concat(Constant_1.Constants.PAGE_LOGIN_PREVIEW, "?loginId=").concat(ad.loginId, "&isNetworkCampaign=").concat(Boolean(service.domainsGetAll).toString());
+        if (ad.welcomeId.length)
+            url += "&welcomeId=".concat(ad.welcomeId);
+        if (domainId)
+            url += "&domainId=".concat(domainId);
+        window.open(url, '_blank');
+    };
+    var handlePreviewPage = function (e, ad) {
+        var _a, _b;
+        e.stopPropagation();
+        setPreviewId({
+            welcomeId: ad.welcomeId,
+            loginId: ad.loginId,
+            domainIds: (_b = (_a = ad.places) === null || _a === void 0 ? void 0 : _a.map(function (x) { return x.domainId; })) !== null && _b !== void 0 ? _b : [],
+        });
+        setAnchorEl(e.currentTarget);
+    };
+    var handlePreviewClose = function (event) {
+        event.stopPropagation();
+        setPreviewId({});
+        setAnchorEl(null);
+    };
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [weightProps.isOpen && ((0, jsx_runtime_1.jsx)(Weight_1.default, {})), (0, jsx_runtime_1.jsxs)(material_1.TableContainer, { children: [(0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "h4", sx: {
+                            padding: function (theme) { return theme.spacing(2); },
+                            fontSize: '16px!important',
+                            fontWeight: 'bold',
+                        }, children: t('Campaign.Ad.AdList') }), (0, jsx_runtime_1.jsxs)(material_1.Table, { "aria-label": "ad table", children: [(0, jsx_runtime_1.jsx)(material_1.TableHead, { children: (0, jsx_runtime_1.jsxs)(material_1.TableRow, { style: { height: 57 }, children: [(0, jsx_runtime_1.jsx)(material_1.TableCell, { style: { width: 60, padding: '0 0 0 4px' }, children: (0, jsx_runtime_1.jsx)(material_1.Checkbox, { indeterminate: adSelected.length > 0 &&
+                                                    adSelected.length < ads.length, checked: adSelected.length > 0 &&
+                                                    adSelected.length === ads.length, onChange: function () {
+                                                    return setAdSelected(function (pre) {
+                                                        return pre.length < ads.length
+                                                            ? ads.map(function (ad) { return ({
+                                                                subCampaignId: ad.campaignGroupId,
+                                                                adId: ad.id,
+                                                                loginId: ad.loginId,
+                                                            }); })
+                                                            : [];
+                                                    });
+                                                }, disabled: ads.length === 0, inputProps: { 'aria-label': 'select all ad' }, color: "primary" }) }), adSelected.length === 0 ? ((0, jsx_runtime_1.jsxs)(react_1.default.Fragment, { children: [(0, jsx_runtime_1.jsx)(material_1.TableCell, { children: t('Campaign.Name') }), (0, jsx_runtime_1.jsx)(material_1.TableCell, { style: { width: '38%' }, children: t('Campaign.Content') })] })) : ((0, jsx_runtime_1.jsxs)(material_1.TableCell, { colSpan: 2, style: { padding: 0 }, children: [(0, jsx_runtime_1.jsx)(material_1.Tooltip, { title: translationText.weight, children: (0, jsx_runtime_1.jsx)(material_1.IconButton, { onClick: function () {
+                                                            setWeightState(__assign({ isOpen: true, weights: [], onChange: function (setStateAction) {
+                                                                    return onChange(adSelected, function (preCampaignAd) {
+                                                                        return (__assign(__assign({}, preCampaignAd), { weights: typeof setStateAction ===
+                                                                                'function'
+                                                                                ? setStateAction(preCampaignAd.weights)
+                                                                                : setStateAction }));
+                                                                    });
+                                                                } }, getDatePropsForWeight()));
+                                                        }, "aria-label": "weight", children: (0, jsx_runtime_1.jsx)(AvTimer_1.default, { fontSize: "small" }) }) }), (0, jsx_runtime_1.jsx)(material_1.Tooltip, { title: translationText.advanced, children: (0, jsx_runtime_1.jsx)(material_1.IconButton, { onClick: function () {
+                                                            return setIsAdvancedDrawerOpen(true);
+                                                        }, "aria-label": "advanced", disabled: hasClassC, children: (0, jsx_runtime_1.jsx)(StarHalf_1.default, { fontSize: "small" }) }) }), isAdvancedDrawerOpen && ((0, jsx_runtime_1.jsx)(Advanced_1.default, { loginIds: Array.from(new Set(adSelected.map(function (x) { return x.loginId; }))), service: service, isOpen: isAdvancedDrawerOpen, onClose: function () {
+                                                        return setIsAdvancedDrawerOpen(false);
+                                                    }, onChange: function (setStateAction) {
+                                                        return onChange(adSelected, function (preCampaignAd) {
+                                                            return (__assign(__assign({}, preCampaignAd), { advanced: typeof setStateAction ===
+                                                                    'function'
+                                                                    ? setStateAction(preCampaignAd.advanced)
+                                                                    : setStateAction }));
+                                                        });
+                                                    } })), adSelected.length > 1 && ((0, jsx_runtime_1.jsx)(material_1.Tooltip, { title: translationText.edit, children: (0, jsx_runtime_1.jsx)(material_1.IconButton, { onClick: function () {
+                                                            return setIsMultiEditDrawerOpen(true);
+                                                        }, "aria-label": "edit", children: (0, jsx_runtime_1.jsx)(EditOutlined_1.default, { fontSize: "small" }) }) })), isMultiEditDrawerOpen && ((0, jsx_runtime_1.jsx)(EditAds_1.default, { isOpen: isMultiEditDrawerOpen, close: function () {
+                                                        return setIsMultiEditDrawerOpen(false);
+                                                    }, onChange: handleMultiUpdate })), (0, jsx_runtime_1.jsx)(material_1.Tooltip, { title: translationText.delete, children: (0, jsx_runtime_1.jsx)(material_1.IconButton, { onClick: function () {
+                                                            return handleMultiDelete(adSelected);
+                                                        }, "aria-label": "delete", children: (0, jsx_runtime_1.jsx)(Delete_1.default, { fontSize: "small" }) }) })] })), (0, jsx_runtime_1.jsx)(material_1.TableCell, { align: "right", children: onCreate && ((0, jsx_runtime_1.jsxs)(material_1.ButtonGroup, { variant: "outlined", color: "error", children: [(0, jsx_runtime_1.jsx)(material_1.Button, { startIcon: (0, jsx_runtime_1.jsx)(Add_1.default, {}), onClick: function () { return handleAddAd(); }, children: t('Common.Create') }), copiedAd !== undefined && ((0, jsx_runtime_1.jsx)(material_1.Button, { size: "small", "aria-label": "paste", onClick: function () { return handleAddAd(true); }, children: (0, jsx_runtime_1.jsx)(Assignment_1.default, {}) }))] })) })] }) }), (0, jsx_runtime_1.jsx)(material_1.TableBody, { children: ads.map(function (ad, idx) {
+                                    var _a;
+                                    var isOpen = adOpen !== undefined &&
+                                        adOpen.adId === ad.id &&
+                                        adOpen.subCampaignId === ad.campaignGroupId;
+                                    var adDefine = {
+                                        subCampaignId: ad.campaignGroupId,
+                                        adId: ad.id,
+                                    };
+                                    return ((0, jsx_runtime_1.jsx)(AdRow_1.default, { ad: ad, onChange: function (adSetStateAction) {
+                                            return onChange([adDefine], adSetStateAction);
+                                        }, previewButton: (0, jsx_runtime_1.jsx)("span", { children: (0, jsx_runtime_1.jsx)(material_1.IconButton, { "aria-label": "preview", onClick: function (e) {
+                                                    handlePreview(e, ad);
+                                                }, disabled: !((_a = ad.loginId) === null || _a === void 0 ? void 0 : _a.length), sx: { borderRadius: '15%' }, children: (0, jsx_runtime_1.jsx)(DomainPreview_1.default, { handlePreviewPage: function (e) { return handlePreviewPage(e, ad); }, isSelectDomain: Boolean(service.domainsGetAll) }) }) }), onChangeStatus: function (status) {
+                                            return handleChangeAdStatus(ad, status);
+                                        }, onDelete: function () {
+                                            return handleMultiDelete([adDefine]);
+                                        }, open: isOpen && !isMultiEditDrawerOpen, onToggle: function () {
+                                            return setAdOpen(isOpen ? undefined : adDefine);
+                                        }, isSelected: adSelected.some(function (x) {
+                                            return x.adId === ad.id &&
+                                                x.subCampaignId === ad.campaignGroupId;
+                                        }), error: adsValid[ad.campaignGroupId]
+                                            ? !adsValid[ad.campaignGroupId][ad.id]
+                                            : undefined, onCheck: function () {
+                                            return setAdSelected(function (pre) {
+                                                if (pre.some(function (x) {
+                                                    return x.adId === ad.id &&
+                                                        x.subCampaignId ===
+                                                            ad.campaignGroupId;
+                                                }))
+                                                    return pre.filter(function (x) {
+                                                        return x.adId !== ad.id ||
+                                                            x.subCampaignId !==
+                                                                ad.campaignGroupId;
+                                                    });
+                                                else
+                                                    return pre.concat([
+                                                        {
+                                                            subCampaignId: ad.campaignGroupId,
+                                                            adId: ad.id,
+                                                            loginId: ad.loginId,
+                                                        },
+                                                    ]);
+                                            });
+                                        } }, idx));
+                                }) })] })] }), open &&
+                (0, jsx_runtime_1.jsx)(PreviewButton_1.default, { anchorEl: anchorEl, open: open, domainIds: previewId.domainIds, handlePreviewClose: handlePreviewClose, handlePreviewDomain: function (event, domainId) {
+                        handlePreview(event, ads.find(function (x) { return x.loginId === previewId.loginId && x.welcomeId === previewId.welcomeId; }), domainId);
+                        // handlePreview(previewId, domainId)
+                    }, service: service })] }));
+}

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

@@ -0,0 +1,34 @@
+import React from 'react';
+import { AdDetailProps } from './AdDetail';
+type AdRowProps = AdDetailProps & {
+    /**
+     * Hàm xoá quảng cáo
+     */
+    onDelete(): void;
+    /**
+     * Trạng thái (đóng/mở) của quảng cáo
+     */
+    open: boolean;
+    /**
+     * Hàm đổi trạng thái (đóng/mở) của quảng cáo
+     */
+    onToggle(): void;
+    /**
+     * Trạng thái (được chọn/ không được chọn) của quảng cáo
+     */
+    isSelected: boolean;
+    /**
+     * Hàm chọn quảng cáo (được gọi khi click vào checkbox)
+     */
+    onCheck(): void;
+    /**
+     * Trạng thái lỗi hay không của quảng cáo
+     */
+    error?: boolean;
+    /**
+     * Preview Button
+     */
+    previewButton: React.ReactNode;
+};
+export default function AdRow(props: AdRowProps): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,215 @@
+"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 __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 () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    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 };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = AdRow;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = __importStar(require("react"));
+var react_i18next_1 = require("react-i18next");
+var recoil_1 = require("recoil");
+var material_1 = require("@mui/material");
+var KeyboardArrowDown_1 = __importDefault(require("@mui/icons-material/KeyboardArrowDown"));
+var KeyboardArrowUp_1 = __importDefault(require("@mui/icons-material/KeyboardArrowUp"));
+var CheckCircle_1 = __importDefault(require("@mui/icons-material/CheckCircle"));
+var RemoveCircle_1 = __importDefault(require("@mui/icons-material/RemoveCircle"));
+var AvTimer_1 = __importDefault(require("@mui/icons-material/AvTimer"));
+var FileCopyOutlined_1 = __importDefault(require("@mui/icons-material/FileCopyOutlined"));
+var Code_1 = __importDefault(require("@mui/icons-material/Code"));
+var StarHalf_1 = __importDefault(require("@mui/icons-material/StarHalf"));
+var Delete_1 = __importDefault(require("@mui/icons-material/Delete"));
+var AdDetail_1 = __importDefault(require("./AdDetail"));
+var atoms_1 = require("./atoms");
+var Advanced_1 = __importDefault(require("./Advanced"));
+var ShowTheSource_1 = __importDefault(require("./ShowTheSource"));
+var recoil_2 = require("recoil");
+var atoms_2 = require("./atoms");
+var Hooks_1 = __importDefault(require("../../Hooks"));
+var Utils_1 = require("../../Utils");
+var Helpers_1 = require("../../../../Utils/Helpers");
+var react_router_dom_1 = require("react-router-dom");
+var Enum_1 = require("../../../ViewTemplate/Enum");
+var AWING_1 = require("../../../../AWING");
+var Constant_1 = require("../../../../ACM-AXN/Common/Constant");
+var Recoils_1 = require("../Recoils");
+function AdRow(props) {
+    var _a, _b, _c, _d;
+    var t = (0, react_i18next_1.useTranslation)().t;
+    var ad = props.ad, onChange = props.onChange, onDelete = props.onDelete, open = props.open, onToggle = props.onToggle, isSelected = props.isSelected, onCheck = props.onCheck, error = props.error, previewButton = props.previewButton, other = __rest(props, ["ad", "onChange", "onDelete", "open", "onToggle", "isSelected", "onCheck", "error", "previewButton"]);
+    var service = (0, Hooks_1.default)().service;
+    var setCopiedAd = (0, recoil_1.useSetRecoilState)(atoms_1.copiedAdState);
+    var setWeightState = (0, recoil_1.useSetRecoilState)(Recoils_1.weightState);
+    var _e = (0, react_1.useState)(false), openCopiedMessage = _e[0], setOpenCopiedMessage = _e[1];
+    var _f = (0, react_1.useState)(false), showTheSource = _f[0], setShowTheSource = _f[1];
+    var _g = (0, react_1.useState)(false), isAdvancedDrawerOpen = _g[0], setIsAdvancedDrawerOpen = _g[1];
+    var isClassC = (0, recoil_2.useRecoilValue)((0, atoms_2.checkGroupsClassCState)([ad.campaignGroupId]));
+    var translationText = {
+        preview: t('Common.Preview'),
+        copy: t('Common.Copy'),
+        copied: t('Campaign.Copied'),
+        showTheSource: t('Campaign.ShowTheSource'),
+        delete: t('Common.Delete'),
+        weight: t('Campaign.Detail.Weight'),
+        advanced: t('Campaign.Advanced'),
+        reserved: t('Campaign.Reserved'),
+        adType: t('Campaign.Ad.AdType'),
+        helperText: t('Common.Required'),
+    };
+    var iconStyle = {
+        fontSize: 14,
+        margin: '0 2px -1.5px',
+    };
+    return ((0, jsx_runtime_1.jsxs)(react_1.default.Fragment, { children: [(0, jsx_runtime_1.jsxs)(material_1.TableRow, { hover: true, role: "checkbox", selected: isSelected, onClick: onToggle, sx: { cursor: 'pointer' }, children: [(0, jsx_runtime_1.jsx)(material_1.TableCell, { sx: { padding: function (theme) { return theme.spacing(0, 0, 0, 0.5); } }, children: (0, jsx_runtime_1.jsxs)(material_1.Box, { display: 'flex', children: [(0, jsx_runtime_1.jsx)(material_1.Checkbox, { checked: isSelected, inputProps: { 'aria-labelledby': ad.name }, color: "primary", onClick: function (event) {
+                                        event.stopPropagation();
+                                        onCheck();
+                                    } }), (0, jsx_runtime_1.jsx)(material_1.IconButton, { "aria-label": "expand row", size: "small", 
+                                    // onClick={onToggle}
+                                    sx: { marginLeft: '-10px' }, children: open ? ((0, jsx_runtime_1.jsx)(KeyboardArrowUp_1.default, { fontSize: "inherit" })) : ((0, jsx_runtime_1.jsx)(KeyboardArrowDown_1.default, { fontSize: "inherit" })) })] }) }), (0, jsx_runtime_1.jsxs)(material_1.TableCell, { sx: { paddingBlock: function (theme) { return theme.spacing(1); } }, children: [(0, jsx_runtime_1.jsxs)(material_1.Typography, { children: [(0, jsx_runtime_1.jsx)("b", { style: { color: error ? 'red' : 'inherit' }, children: ad.name }), ad.status ? ((0, jsx_runtime_1.jsx)(CheckCircle_1.default, { fontSize: "small", style: __assign(__assign({}, iconStyle), { color: (0, Utils_1.isAdActive)(ad)
+                                                ? '#008000'
+                                                : '#8D8D8D' }) })) : ((0, jsx_runtime_1.jsx)(RemoveCircle_1.default, { fontSize: "small", style: __assign({}, iconStyle), color: "primary" })), ad.weights && ad.weights.length > 0 && ((0, jsx_runtime_1.jsx)(AvTimer_1.default, { fontSize: "small", style: __assign({}, iconStyle) })), ad.advanced &&
+                                        ad.advanced.ruleLogicalExpression.length > 0 &&
+                                        ad.advanced.rules.length > 0 && ((0, jsx_runtime_1.jsx)(StarHalf_1.default, { fontSize: "small", style: __assign({}, iconStyle) }))] }), (0, jsx_runtime_1.jsx)(material_1.Typography, { children: "".concat((0, Helpers_1.dateTimeToString)((0, Helpers_1.convertTimestampToDateTime)(ad.startDate), 'DD/MM/YYYY'), " - ").concat((0, Helpers_1.dateTimeToString)((0, Helpers_1.convertTimestampToDateTime)(ad.endDate), 'DD/MM/YYYY')) })] }), (0, jsx_runtime_1.jsxs)(material_1.TableCell, { sx: {
+                            paddingBlock: function (theme) { return theme.spacing(1); },
+                            width: '50%',
+                            '& a': {
+                                color: '#235291',
+                            },
+                        }, children: [Boolean(ad.loginId && ad.loginId.length > 0) && ((0, jsx_runtime_1.jsxs)(material_1.Typography, { children: ['L: ', (0, jsx_runtime_1.jsx)(material_1.Tooltip, { title: "".concat(t("Page.TitleLoginEdit"), ": ").concat((_a = ad.loginPage) === null || _a === void 0 ? void 0 : _a.title), children: (0, jsx_runtime_1.jsx)(react_router_dom_1.Link, { onClick: function (e) { return e.stopPropagation(); }, to: [
+                                                Constant_1.Constants.CAMPAIGN_EDIT_PAGE,
+                                                Enum_1.PAGE_CODES.PageCodeLogin,
+                                                ad.loginId,
+                                            ].join('/'), children: (_b = ad.loginPage) === null || _b === void 0 ? void 0 : _b.title }) })] })), Boolean(ad.welcomeId && ad.welcomeId.length > 0) && ((0, jsx_runtime_1.jsxs)(material_1.Typography, { children: ['W: ', (0, jsx_runtime_1.jsx)(material_1.Tooltip, { title: "".concat(t("Page.TitleWelcomeEdit"), ": ").concat((_c = ad.welcomePage) === null || _c === void 0 ? void 0 : _c.title), children: (0, jsx_runtime_1.jsx)(react_router_dom_1.Link, { onClick: function (e) { return e.stopPropagation(); }, to: [
+                                                Constant_1.Constants.CAMPAIGN_EDIT_PAGE,
+                                                Enum_1.PAGE_CODES.PageCodeWelcome,
+                                                ad.welcomeId,
+                                            ].join('/'), children: (_d = ad.welcomePage) === null || _d === void 0 ? void 0 : _d.title }) })] }))] }), (0, jsx_runtime_1.jsxs)(material_1.TableCell, { sx: { padding: function (theme) { return theme.spacing(0, 2); } }, align: "right", children: [(0, jsx_runtime_1.jsx)(material_1.Tooltip, { title: translationText.preview, children: (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: previewButton }) }), (0, jsx_runtime_1.jsx)(AWING_1.Actions, { menus: __spreadArray([
+                                    {
+                                        icon: (0, jsx_runtime_1.jsx)(FileCopyOutlined_1.default, {}),
+                                        action: function () {
+                                            setCopiedAd(ad);
+                                            setOpenCopiedMessage(true);
+                                        },
+                                        name: translationText.copy,
+                                    },
+                                    {
+                                        icon: (0, jsx_runtime_1.jsx)(Code_1.default, {}),
+                                        action: function () { return setShowTheSource(true); },
+                                        name: translationText.showTheSource,
+                                    },
+                                    {
+                                        icon: (0, jsx_runtime_1.jsx)(AvTimer_1.default, {}),
+                                        action: function () {
+                                            var _a;
+                                            setWeightState({
+                                                isOpen: true,
+                                                weights: (_a = ad.weights) !== null && _a !== void 0 ? _a : [],
+                                                onChange: function (setStateAction) {
+                                                    return onChange(function (preCampaignAd) {
+                                                        return (__assign(__assign({}, preCampaignAd), { weights: typeof setStateAction ===
+                                                                'function'
+                                                                ? setStateAction(preCampaignAd.weights)
+                                                                : setStateAction }));
+                                                    });
+                                                },
+                                                startDate: new Date(Number(ad.startDate.seconds) *
+                                                    1000),
+                                                endDate: new Date(Number(ad.endDate.seconds) * 1000),
+                                            });
+                                        },
+                                        name: translationText.weight,
+                                    },
+                                    {
+                                        icon: (0, jsx_runtime_1.jsx)(StarHalf_1.default, {}),
+                                        action: function () { return setIsAdvancedDrawerOpen(true); },
+                                        name: translationText.advanced,
+                                        disabled: isClassC,
+                                    }
+                                ], (ad.cantBeDelete
+                                    ? []
+                                    : [
+                                        {
+                                            icon: (0, jsx_runtime_1.jsx)(Delete_1.default, {}),
+                                            action: onDelete,
+                                            name: translationText.delete,
+                                        },
+                                    ]), true), size: "medium" }), (0, jsx_runtime_1.jsxs)("div", { onClick: function (e) { return e.stopPropagation(); }, children: [(0, jsx_runtime_1.jsx)(material_1.Snackbar, { open: openCopiedMessage, autoHideDuration: 2000, onClose: function () { return setOpenCopiedMessage(false); }, message: translationText.copied }), showTheSource && ((0, jsx_runtime_1.jsx)(ShowTheSource_1.default, { isOpen: showTheSource, onClose: function () { return setShowTheSource(false); }, loginId: ad.loginId, welcomeId: ad.welcomeId })), isAdvancedDrawerOpen && ((0, jsx_runtime_1.jsx)(Advanced_1.default, { service: service, isOpen: isAdvancedDrawerOpen, onClose: function () { return setIsAdvancedDrawerOpen(false); }, loginIds: [ad.loginId], initialCampaignAdAdvanced: ad.advanced, onChange: function (setStateAction) {
+                                            return onChange(function (preCampaignAd) {
+                                                return (__assign(__assign({}, preCampaignAd), { advanced: typeof setStateAction ===
+                                                        'function'
+                                                        ? setStateAction(preCampaignAd.advanced)
+                                                        : setStateAction }));
+                                            });
+                                        } }))] })] })] }), (0, jsx_runtime_1.jsxs)(material_1.TableRow, { children: [(0, jsx_runtime_1.jsx)(material_1.TableCell, { style: {
+                            paddingBottom: 0,
+                            paddingTop: 0,
+                            borderBottomWidth: open ? 1 : 0,
+                        } }), (0, jsx_runtime_1.jsx)(material_1.TableCell, { style: {
+                            paddingBottom: 0,
+                            paddingTop: 0,
+                            borderBottomWidth: open ? 1 : 0,
+                        }, colSpan: 3, children: (0, jsx_runtime_1.jsx)(material_1.Collapse, { in: open, timeout: "auto", unmountOnExit: true, children: (0, jsx_runtime_1.jsx)(material_1.Box, { margin: 1, sx: { height: '416px' }, children: (0, jsx_runtime_1.jsx)(AdDetail_1.default, __assign({ ad: ad, onChange: onChange }, other)) }) }) })] })] }));
+}

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

@@ -0,0 +1,14 @@
+import { CampaignAdvancedRule } from '../../../Types';
+export type AdvancedRule = Omit<CampaignAdvancedRule, 'parameter' | 'value'> & {
+    parameter: any;
+    value: any;
+};
+interface Props {
+    open: boolean;
+    rule: AdvancedRule;
+    onChange: (rule: AdvancedRule) => void;
+    closeDrawer: (isConfirm?: boolean) => void;
+    service: any;
+}
+declare const AddOrEditRule: (props: Props) => import("react/jsx-runtime").JSX.Element;
+export default AddOrEditRule;