awing-library 2.1.2-beta → 2.1.2-stage

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

@@ -0,0 +1,129 @@
+"use strict";
+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 });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
+var react_i18next_1 = require("react-i18next");
+var Router_1 = require("../../../AWING/Router");
+var Hooks_1 = __importDefault(require("../Hooks"));
+var ClassicDrawer_1 = __importDefault(require("../../../Commons/Components/ClassicDrawer"));
+var AWING_1 = require("../../../AWING");
+var Utils_1 = require("../Utils");
+var CreateOrEdit = function () {
+    var id = (0, Router_1.useParams)().id;
+    var t = (0, react_i18next_1.useTranslation)().t;
+    var service = (0, Hooks_1.default)().service;
+    var _a = (0, react_1.useState)(true), loading = _a[0], setLoading = _a[1];
+    var _b = (0, react_1.useState)(false), formValid = _b[0], setFromValid = _b[1];
+    var _c = (0, react_1.useState)(false), confirmExit = _c[0], setConfirmExit = _c[1];
+    var _d = (0, react_1.useState)([]), apControllers = _d[0], setApControllers = _d[1];
+    var _e = (0, react_1.useState)(), authenticationProfile = _e[0], setAuthenticationProfile = _e[1];
+    (0, react_1.useEffect)(function () {
+        !apControllers.length &&
+            service.apsGetApControllers().then(function (apController) {
+                var apControllers = __spreadArray([
+                    {
+                        text: t('Common.SelectAll'),
+                        value: null,
+                    }
+                ], apController.map(function (item) { return ({
+                    text: (item === null || item === void 0 ? void 0 : item.name) || '',
+                    value: (item === null || item === void 0 ? void 0 : item.apControllerCode) || '',
+                }); }), true);
+                setApControllers(apControllers);
+            });
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [apControllers]);
+    (0, react_1.useEffect)(function () {
+        if (id) {
+            service
+                .authenticationProfilesGet(id)
+                .then(function (authenticationProfile_) {
+                authenticationProfile_.apControllerCode =
+                    (authenticationProfile_ === null || authenticationProfile_ === void 0 ? void 0 : authenticationProfile_.apControllerCode) ===
+                        Utils_1.AP_CONTROLLER_CODE.All
+                        ? null
+                        : (authenticationProfile_ === null || authenticationProfile_ === void 0 ? void 0 : authenticationProfile_.apControllerCode) ||
+                            null;
+                setAuthenticationProfile(authenticationProfile_);
+            })
+                .finally(function () {
+                setLoading(false);
+            });
+        }
+        else {
+            setLoading(false);
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [id]);
+    var handleSubmit = function () {
+        return id
+            ? service.authenticationProfilesPut(id, authenticationProfile)
+            : service.authenticationProfilesPost(authenticationProfile);
+    };
+    return ((0, jsx_runtime_1.jsx)(ClassicDrawer_1.default, { title: id ? t('Common.Edit') : t('Common.Create'), onSubmit: handleSubmit, confirmExit: confirmExit, childrenWrapperStyle: { padding: 0 }, disableButtonSubmit: !(formValid && confirmExit), children: loading ? ((0, jsx_runtime_1.jsx)(AWING_1.CircularProgress, {})) : ((0, jsx_runtime_1.jsx)(AWING_1.BasicDataForm, { fields: [
+                {
+                    fieldName: 'authenticationMethodCode',
+                    type: 'autocomplete',
+                    label: 'Authentication Method code',
+                    required: true,
+                    defaultValue: Utils_1.AUTHENTICATION_METHOD_CODE.MethodByLocalAP,
+                    options: Object.entries(Utils_1.AUTHENTICATION_METHOD_CODE).map(function (_a) {
+                        var key = _a[0], value = _a[1];
+                        return ({
+                            value: value,
+                            text: t(['AuthenticationProfile', key].join('.')),
+                        });
+                    }),
+                },
+                {
+                    fieldName: 'apControllerCode',
+                    type: 'autocomplete',
+                    label: 'AP Controller Code',
+                    required: true,
+                    options: apControllers,
+                    defaultValue: null,
+                    checkValid: function (value) {
+                        return value === null || value;
+                    },
+                },
+                {
+                    fieldName: 'name',
+                    type: 'text',
+                    label: t('Common.Name'),
+                    required: true,
+                },
+                {
+                    fieldName: 'parameters',
+                    type: 'text',
+                    label: t('AuthenticationProfile.Params'),
+                    required: true,
+                    length: 500,
+                    pattern: /.*/g,
+                },
+                {
+                    fieldName: 'description',
+                    type: 'text-area',
+                    label: t('Common.Description'),
+                    length: 500,
+                },
+            ], onUpdate: function (validState, valueForm) {
+                if (valueForm) {
+                    setConfirmExit(true);
+                    setFromValid(validState);
+                    setAuthenticationProfile(valueForm);
+                }
+            }, oldValue: authenticationProfile })) }));
+};
+exports.default = CreateOrEdit;

package/lib/ACM-AXN/AuthenticationProfile/Hooks.d.ts

@@ -0,0 +1,2 @@
+declare const useAuthenticationProfileProps: () => import("./Types").AuthenticationProfileFeatureProps;
+export default useAuthenticationProfileProps;

package/lib/ACM-AXN/AuthenticationProfile/Hooks.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = require("react");
+var Context_1 = require("./Context");
+var useAuthenticationProfileProps = function () {
+    var authenticationProfileProps = (0, react_1.useContext)(Context_1.authenticationProfilePropsContext);
+    var props = (0, react_1.useMemo)(function () {
+        return authenticationProfileProps;
+    }, [authenticationProfileProps]);
+    return props;
+};
+exports.default = useAuthenticationProfileProps;

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

@@ -0,0 +1,75 @@
+export interface Cancel {
+    message: string | undefined;
+}
+export interface CancelToken {
+    promise: Promise<Cancel>;
+    reason?: Cancel;
+    throwIfRequested(): void;
+}
+export interface AuthenticationProfileService {
+    /**
+     * API authenticationProfilesPaging: Lấy tất cả authenticationProfiles.
+     **/
+    authenticationProfilesPaging: (searchString: string | undefined, pageSize: number | undefined, pageIndex: number | undefined, cancelToken?: CancelToken) => Promise<PagedList_1OfAuthenticationProfile>;
+    /**
+     * API authenticationProfilesDelete: xóa authenticationProfile.
+     **/
+    authenticationProfilesDelete: (id: string, cancelToken?: CancelToken) => Promise<void>;
+    /**
+     * API authenticationProfilesGet: chi tiết authenticationProfile.
+     **/
+    authenticationProfilesGet: (id: string, cancelToken?: CancelToken) => Promise<AuthenticationProfile>;
+    apsGetApControllers: (cancelToken?: CancelToken) => Promise<ApController[]>;
+    /**
+     * API authenticationProfilesPut:  cập nhật authenticationProfile.
+     **/
+    authenticationProfilesPut: (id: string, body: AuthenticationProfile | undefined, cancelToken?: CancelToken) => Promise<void>;
+    /**
+     * API authenticationProfilesPost:  thêm mới authenticationProfile.
+     **/
+    authenticationProfilesPost: (body: AuthenticationProfile | undefined, cancelToken?: CancelToken) => Promise<void>;
+}
+export interface ApController {
+    apControllerCode?: string | undefined;
+    name?: string | undefined;
+    clientAddress?: string | undefined;
+    apAddress?: string | undefined;
+}
+export interface AuthenticationProfileFeatureProps {
+    service: AuthenticationProfileService;
+}
+export interface Timestamp {
+    seconds?: string;
+    nanos?: number;
+}
+export interface AuthenticationProfile {
+    authenticationProfileId?: string;
+    name?: string | undefined;
+    directoryId?: string;
+    directoryPath?: string | undefined;
+    authenticationMethodCode?: string | undefined;
+    apControllerCode?: string | undefined;
+    parameters?: string | undefined;
+    description?: string | undefined;
+    createdDate?: Timestamp;
+}
+export interface PagedList_1OfAuthenticationProfile {
+    items?: AuthenticationProfile[] | undefined;
+    pageCount?: number;
+    totalItemCount?: number;
+    pageNumber?: number;
+    pageSize?: number;
+    hasPreviousPage?: boolean;
+    hasNextPage?: boolean;
+}
+export interface IAuthenticationProfile {
+    authenticationProfileId?: string;
+    name?: string | undefined;
+    directoryId?: string;
+    directoryPath?: string | undefined;
+    authenticationMethodCode?: string | undefined;
+    apControllerCode?: string | undefined;
+    parameters?: string | undefined;
+    description?: string | undefined;
+    createdDate?: Timestamp;
+}

package/lib/ACM-AXN/AuthenticationProfile/Types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

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

@@ -0,0 +1,11 @@
+export declare const AUTHENTICATION_METHOD_CODE: {
+    MethodByLocalAP: string;
+    MethodByApi: string;
+    MethodByRadius: string;
+};
+export declare const AP_CONTROLLER_CODE: {
+    /**
+     * All => là trường "Chọn tất cả" trong AP Controller Code
+     **/
+    All: string;
+};

package/lib/ACM-AXN/AuthenticationProfile/Utils.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AP_CONTROLLER_CODE = exports.AUTHENTICATION_METHOD_CODE = void 0;
+exports.AUTHENTICATION_METHOD_CODE = {
+    MethodByLocalAP: 'standard',
+    MethodByApi: 'api',
+    MethodByRadius: 'radius',
+};
+exports.AP_CONTROLLER_CODE = {
+    /**
+     * All => là trường "Chọn tất cả" trong AP Controller Code
+     **/
+    All: 'all',
+};

package/lib/ACM-AXN/AuthenticationProfile/index.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { AuthenticationProfileFeatureProps } from './Types';
+export declare const AuthenticationProfileFeature: React.FC<AuthenticationProfileFeatureProps>;

package/lib/ACM-AXN/AuthenticationProfile/index.js

@@ -0,0 +1,40 @@
+"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 __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AuthenticationProfileFeature = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_i18next_1 = require("react-i18next");
+var i18n_1 = __importDefault(require("../../i18n"));
+var Container_1 = __importDefault(require("./Container"));
+var CreateOrEdit_1 = __importDefault(require("./CreateOrEdit"));
+var Constant_1 = require("../Common/Constant");
+var Router_1 = require("../../AWING/Router");
+var Context_1 = require("./Context");
+var AuthenticationProfile = function (props) {
+    var paths = [
+        {
+            path: Constant_1.Constants.CREATE_PATH,
+            element: (0, jsx_runtime_1.jsx)(CreateOrEdit_1.default, {}),
+        },
+        {
+            path: Constant_1.Constants.EDIT_PATH + '/:id',
+            element: (0, jsx_runtime_1.jsx)(CreateOrEdit_1.default, {}),
+        },
+    ];
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(Container_1.default, {}), (0, jsx_runtime_1.jsx)(Router_1.Routes, { children: paths.map(function (p) { return ((0, jsx_runtime_1.jsx)(Router_1.Route, { path: p.path, element: p.element }, p.path)); }) })] }));
+};
+var AuthenticationProfileFeature = function (props) { return ((0, jsx_runtime_1.jsx)(react_i18next_1.I18nextProvider, { i18n: i18n_1.default, children: (0, jsx_runtime_1.jsx)(Context_1.authenticationProfilePropsContext.Provider, { value: props, children: (0, jsx_runtime_1.jsx)(AuthenticationProfile, __assign({}, props)) }) })); };
+exports.AuthenticationProfileFeature = AuthenticationProfileFeature;

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

@@ -26,7 +26,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
 var icons_material_1 = require("@mui/icons-material");
 var material_1 = require("@mui/material");
-var Types_1 = require("./Types");
 var AWING_1 = require("../../AWING");
 var lodash_1 = require("lodash");
 var react_1 = require("react");
@@ -37,7 +36,7 @@ var Hooks_1 = __importDefault(require("./Hooks"));
 var Enum_1 = require("./Enum");
 var CopyButton_1 = __importDefault(require("../../Commons/Components/CopyButton"));
 var Helpers_1 = require("../../Utils/Helpers");
-var Constant_1 = require("./Constant");
+var Constant_1 = require("../../ACM-AXN/Common/Constant");
 var Context_1 = require("../../Context");
 var CampaignContainer = function () {
     var _a;
@@ -49,7 +48,7 @@ var CampaignContainer = function () {
     var _c = (0, react_1.useState)([]), directories = _c[0], setDirectories = _c[1];
     var _d = (0, react_1.useState)([]), collapseIds = _d[0], setCollapseId = _d[1];
     var _e = (0, react_1.useState)(), listCampaign = _e[0], setListCampaign = _e[1];
-    var _f = (0, react_1.useState)(false), loading = _f[0], setLoading = _f[1];
+    var _f = (0, react_1.useState)(true), loading = _f[0], setLoading = _f[1];
     (0, react_1.useEffect)(function () {
         if (location.pathname.endsWith(Constant_1.Constants.CAMPAIGN_PATH)) {
             fetchDirectories();
@@ -149,7 +148,7 @@ var CampaignContainer = function () {
                     label: t('Campaign.AdvanceSearchPriority'),
                     type: 'autocomplete',
                     icon: (0, jsx_runtime_1.jsx)(icons_material_1.StarOutlined, { fontSize: "small" }),
-                    options: Object.entries(Types_1.CampaignPriority).map(function (_a) {
+                    options: Object.entries(Enum_1.CampaignPriority).map(function (_a) {
                         var key = _a[0], value = _a[1];
                         return ({
                             value: value,
@@ -241,7 +240,7 @@ var CampaignContainer = function () {
                                             color: '#000',
                                             fontSize: '1.1rem',
                                             marginLeft: '8px',
-                                            fontFamily: '"Segoe UI Symbol", "Apple Symbols", "Noto Sans Symbols 2"',
+                                            fontFamily: '"Segoe UI Symbol", "Apple Symbols", "Noto Sans Symbols 2" !important',
                                         }, children: (0, Utils_1.getCampaignPriority)(row === null || row === void 0 ? void 0 : row.campaignGroup.priority) }), 
                                     //Check trong ads có bất kỳ ad nào isReverved
                                     (row === null || row === void 0 ? void 0 : row.campaignGroup.isReserved) && ((0, jsx_runtime_1.jsx)(material_1.Chip, { sx: {
@@ -256,20 +255,19 @@ var CampaignContainer = function () {
                 },
                 {
                     field: 'booking',
-                    headerName: t('Campaign.BookingText'),
+                    headerName: (0, jsx_runtime_1.jsx)(material_1.Box, { sx: { width: '150px', textAlign: 'right' }, children: t('Campaign.BookingText') }),
                     valueGetter: function (row) {
                         var _a;
+                        var text = '';
                         if ((_a = row === null || row === void 0 ? void 0 : row.campaign) === null || _a === void 0 ? void 0 : _a.id) {
-                            return (0, Utils_1.getTotalBooking)(row === null || row === void 0 ? void 0 : row.campaignGroups);
+                            text = (0, Utils_1.getTotalBooking)(row === null || row === void 0 ? void 0 : row.campaignGroups);
                         }
                         else {
-                            return (0, Utils_1.checkPriority)(row.campaignGroup.priority, Types_1.CampaignPriority.ClassB)
-                                ? (0, Helpers_1.roundDecimalNumber)(row.campaignGroup.bookingAmount)
+                            text = (0, Utils_1.checkPriority)(row.campaignGroup.priority, Enum_1.CampaignPriority.ClassB)
+                                ? (0, Helpers_1.formatNumber)(row.campaignGroup.bookingAmount)
                                 : 'N/A';
                         }
-                    },
-                    TableCellProps: {
-                        align: 'right',
+                        return (0, jsx_runtime_1.jsx)(material_1.Box, { sx: { width: '150px', textAlign: 'right' }, children: text });
                     },
                 },
             ], rows: (0, Utils_1.formatListCampaign)(listCampaign === null || listCampaign === void 0 ? void 0 : listCampaign.items, collapseIds) || [], rowActions: [

package/lib/ACM-AXN/Campaign/Container.test.js

@@ -244,7 +244,7 @@ jest.mock('CustomHooks/useAppHelper', function () { return ({
     }); },
 }); });
 // Mock PageManagement
-jest.mock('awing-library/lib/AWING/PageManagement', function () { return ({
+jest.mock('AWING/PageManagement', function () { return ({
     PageManagement: function (props) {
         return ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("button", { "data-testid": "onChangeQueryInput", onClick: function () {
                         props.onChangeQueryInput({

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

@@ -1,6 +1,7 @@
-import { CampaignModel, Directory, CampaignGroupModel } from '../Types';
+import { CampaignModel, Directory, CampaignGroupModel, Attribute } from '../Types';
 import { WeightContainerProps } from './TabSubCampaign/Weight';
 export declare const directoriesState: import("recoil").RecoilState<Directory[]>;
+export declare const attributesState: import("recoil").RecoilState<Attribute[]>;
 export declare const isCreateState: import("recoil").RecoilState<boolean>;
 /**
  * Đánh dấu việc cần xác nhận lại trước khi đóng (set thành true khi có bất kỳ chỉnh sửa campaign nào)
@@ -17,6 +18,7 @@ export declare const campaignState: import("recoil").RecoilState<import("../Type
 /**
  * State lưu thông tin của CampaignAttributes
  */
+export declare const campaignAttributesState: import("recoil").RecoilState<import("../Types").CampaignAttribute[]>;
 /**
  * State lưu thông tin của chiến dịch con
  */

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

@@ -11,15 +11,19 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.weightState = exports.readyForSubmitState = exports.tabPartnerValidState = exports.tabSubCampaignValidState = exports.tabInfomationValidState = exports.campaignPartnerState = exports.campaignGroupsState = exports.campaignState = exports.campaignModelState = exports.confirmExitState = exports.isCreateState = exports.directoriesState = void 0;
+exports.weightState = exports.readyForSubmitState = exports.tabPartnerValidState = exports.tabSubCampaignValidState = exports.tabInfomationValidState = exports.campaignPartnerState = exports.campaignGroupsState = exports.campaignAttributesState = exports.campaignState = exports.campaignModelState = exports.confirmExitState = exports.isCreateState = exports.attributesState = exports.directoriesState = void 0;
 var recoil_1 = require("recoil");
-var Types_1 = require("../Types");
 var Utils_1 = require("../Utils");
 var atoms_1 = require("./TabSubCampaign/atoms");
+var Enum_1 = require("../Enum");
 exports.directoriesState = (0, recoil_1.atom)({
     key: 'DirectoriesCampaignState',
     default: [],
 });
+exports.attributesState = (0, recoil_1.atom)({
+    key: 'attributesState',
+    default: [],
+});
 exports.isCreateState = (0, recoil_1.atom)({
     key: 'isCreateState',
     default: false,
@@ -47,11 +51,12 @@ exports.campaignModelState = (0, recoil_1.atom)({
                 campaignGroup: {
                     id: 1,
                     name: 'Sub-Campaign 1',
-                    priority: (0, Utils_1.getIndexPriority)(Types_1.CampaignPriority.ClassB),
-                    ticket: Types_1.CampaignTicket.INACTIVE,
+                    priority: (0, Utils_1.getIndexPriority)(Enum_1.CampaignPriority.ClassB),
+                    ticket: Enum_1.CampaignTicket.INACTIVE,
                     bookingAmount: 10,
                     bonusAmount: 0,
                     isReserved: false,
+                    billingUnit: 1,
                 },
                 ads: [],
             },
@@ -82,25 +87,22 @@ exports.campaignState = (0, recoil_1.selector)({
 /**
  * State lưu thông tin của CampaignAttributes
  */
-// export const campaignAttributesState = selector({
-//     key: 'campaignAttributes',
-//     get: ({get}) => {
-//         const campaignModel = get(campaignModelState);
-//         return campaignModel.campaignAttributes;
-//     },
-//     set: ({set, get}, newAttributes) => {
-//         const campaignModel = get(campaignModelState);
-//         set(campaignModelState,
-//             newAttributes instanceof DefaultValue ?
-//             newAttributes :
-//             {
-//                 ...campaignModel,
-//                 campaignAttributes: newAttributes
-//             });
-//         if (!get(confirmExitState))
-//             set(confirmExitState, true);
-//     }
-// })
+exports.campaignAttributesState = (0, recoil_1.selector)({
+    key: 'campaignAttributes',
+    get: function (_a) {
+        var get = _a.get;
+        var campaignModel = get(exports.campaignModelState);
+        return campaignModel.campaignAttributes;
+    },
+    set: function (_a, campaignAttributes) {
+        var set = _a.set, get = _a.get;
+        var campaignModel = get(exports.campaignModelState);
+        set(exports.campaignModelState, campaignAttributes instanceof recoil_1.DefaultValue ?
+            campaignAttributes : __assign(__assign({}, campaignModel), { campaignAttributes: campaignAttributes }));
+        if (!get(exports.confirmExitState) && Array.isArray(campaignAttributes) && !!campaignAttributes.at(-1))
+            set(exports.confirmExitState, true);
+    }
+});
 /**
  * State lưu thông tin của chiến dịch con
  */
@@ -151,7 +153,7 @@ exports.tabInfomationValidState = (0, recoil_1.atom)({
         get: function (_a) {
             var get = _a.get;
             var campaignModel = get(exports.campaignModelState);
-            return (0, Utils_1.tabInfomationValid)(campaignModel.campaign, campaignModel.campaignAttributes.length ? campaignModel.campaignAttributes.length : [""]);
+            return (0, Utils_1.tabInfomationValid)(campaignModel.campaign, campaignModel.campaignAttributes);
         },
     }),
 });

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

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

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

@@ -10,63 +10,112 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
 var material_1 = require("@mui/material");
-var immer_1 = __importDefault(require("immer"));
+var immer_1 = require("immer");
 var lodash_1 = require("lodash");
-var react_1 = require("react");
+var react_1 = __importStar(require("react"));
 var react_i18next_1 = require("react-i18next");
 var recoil_1 = require("recoil");
 var AWING_1 = require("../../../AWING");
 var Recoils_1 = require("./Recoils");
+var i18n_1 = __importDefault(require("../../../i18n"));
 var Infomation = function () {
     var directories = (0, recoil_1.useRecoilValue)(Recoils_1.directoriesState);
+    var attributes = (0, recoil_1.useRecoilValue)(Recoils_1.attributesState);
     var _a = (0, recoil_1.useRecoilState)(Recoils_1.campaignState), campaign = _a[0], setCampaign = _a[1];
+    var _b = (0, recoil_1.useRecoilState)(Recoils_1.campaignAttributesState), campaignAttributes = _b[0], setCampaignAttributes = _b[1];
     var setCampaignModel = (0, recoil_1.useSetRecoilState)(Recoils_1.campaignModelState);
-    var t = (0, react_i18next_1.useTranslation)().t;
+    var t = (0, react_i18next_1.useTranslation)(undefined, { i18n: i18n_1.default }).t;
     (0, react_1.useEffect)(function () {
         if (!campaign.directoryId) {
-            setCampaignModel((0, immer_1.default)(function (draft) {
+            setCampaignModel((0, immer_1.produce)(function (draft) {
                 var _a;
                 draft.campaign.directoryId = ((_a = (0, lodash_1.minBy)(directories, 'level')) === null || _a === void 0 ? void 0 : _a.directoryId) || '';
             }));
         }
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [directories]);
-    var handleUpdate = (0, react_1.useCallback)(function (obj, formValid) {
-        if (!(0, lodash_1.isEmpty)(obj)) {
-            setCampaign(function (prev) { return (__assign(__assign({}, prev), obj)); });
+    var handleUpdate = (0, react_1.useCallback)(function (obj, formValid, fieldUpdate) {
+        if (fieldUpdate) {
+            if (fieldUpdate === 'attributeIds') {
+                setCampaignAttributes(obj['attributeIds'].map(function (item) { return ({ attributeId: item }); }));
+            }
+            else {
+                setCampaign(function (prev) { return (__assign(__assign({}, prev), obj)); });
+            }
         }
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, []);
+    var fieldDefine = react_1.default.useMemo(function () {
+        var fields = [
+            {
+                fieldName: 'directoryId',
+                type: 'select',
+                label: t('Common.Directory'),
+                required: true,
+                options: directories.map(function (directory) { return ({
+                    value: directory.directoryId,
+                    text: directory.name,
+                    level: directory.level,
+                }); }),
+            },
+            {
+                length: 200,
+                fieldName: 'name',
+                type: 'text',
+                label: t('Campaign.Name'),
+                pattern: false,
+                required: true,
+            },
+        ];
+        if (attributes.length) {
+            fields.push({
+                fieldName: 'attributeIds',
+                type: 'autocomplete',
+                multiple: true,
+                label: t('Campaign.Attributes'),
+                required: true,
+                options: attributes.map(function (attribute) { return ({
+                    value: attribute.id,
+                    text: attribute.name,
+                }); }),
+            });
+        }
+        return fields;
+    }, [attributes, directories, t]);
     return ((0, jsx_runtime_1.jsx)(material_1.Box, { sx: {
             '&>div': {
                 padding: 0,
                 boxShadow: 'none',
             },
-        }, children: (0, jsx_runtime_1.jsx)(AWING_1.DataForm, { fields: [
-                {
-                    fieldName: 'directoryId',
-                    type: 'select',
-                    label: t('Common.Directory'),
-                    required: true,
-                    options: directories.map(function (directory) { return ({
-                        value: directory.directoryId,
-                        text: directory.name,
-                        level: directory.level,
-                    }); }),
-                },
-                {
-                    length: 200,
-                    fieldName: 'name',
-                    type: 'text',
-                    label: t('Campaign.Name'),
-                    required: true,
-                },
-            ], checkAllRequiredFields: !(campaign.directoryId && campaign.name), oldValue: campaign, onUpdate: handleUpdate }) }));
+        }, children: (0, jsx_runtime_1.jsx)(AWING_1.DataForm, { fields: fieldDefine, checkAllRequiredFields: !(campaign.directoryId && campaign.name), oldValue: __assign(__assign({}, campaign), { attributeIds: campaignAttributes.map(function (item) { return item.attributeId; }) }), onUpdate: handleUpdate }) }));
 };
 exports.default = Infomation;

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

@@ -25,7 +25,7 @@ var recoil_1 = require("recoil");
 var Recoils_1 = require("../Recoils");
 var Hooks_1 = __importDefault(require("../../Hooks"));
 var Permission_1 = require("../../../Permission");
-var Constant_1 = require("../../Constant");
+var Constant_1 = require("../../../../ACM-AXN/Common/Constant");
 function TabPermission() {
     var passedProps = (0, Hooks_1.default)();
     var navigate = (0, Router_1.useNavigate)();

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

@@ -0,0 +1 @@
+export {};