awing-library 2.1.21-beta → 2.1.21

package/lib/AWING/Directory/CreateDirectory.js

@@ -41,18 +41,30 @@ var AWING_1 = require("../../AWING");
 var Router_1 = require("../../AWING/Router");
 var ClassicDrawer_1 = __importStar(require("../../Commons/Components/ClassicDrawer"));
 var CreateDirectory = function (props) {
-    var service = props.service, parentDirectory = props.parentDirectory;
+    var service = props.service, parentDirectory = props.parentDirectory, directoryRoot = props.directoryRoot;
     var t = (0, react_i18next_1.useTranslation)().t;
     var parentDirectoryId = (0, Router_1.useParams)().directoryId;
-    var _a = (0, react_1.useState)(false), confirmExit = _a[0], setConfirmExit = _a[1];
-    var _b = (0, react_1.useState)(false), isValid = _b[0], setValid = _b[1];
-    var _c = (0, react_1.useState)({
+    var _a = (0, react_1.useState)([]), directories = _a[0], setDirectories = _a[1];
+    var _b = (0, react_1.useState)(false), confirmExit = _b[0], setConfirmExit = _b[1];
+    var _c = (0, react_1.useState)(true), loading = _c[0], setloading = _c[1];
+    var _d = (0, react_1.useState)(false), isValid = _d[0], setValid = _d[1];
+    var _e = (0, react_1.useState)({
         parentDirectoryId: parentDirectoryId,
         description: '',
         order: '0',
         name: '',
         parentDirectory: parentDirectory,
-    }), newDirectory = _c[0], setNewDirectory = _c[1];
+    }), newDirectory = _e[0], setNewDirectory = _e[1];
+    (0, react_1.useEffect)(function () {
+        fetchDirectories();
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, []);
+    var fetchDirectories = function () {
+        service
+            .directoriesGetByObjectTypeCode(directoryRoot)
+            .then(setDirectories)
+            .finally(function () { return setloading(false); });
+    };
     var handleUpdate = (0, react_1.useCallback)(function (obj, valid, fieldUpdate) {
         setConfirmExit(Boolean(fieldUpdate));
         setValid(valid);
@@ -63,12 +75,17 @@ var CreateDirectory = function (props) {
             .directoriesPost(newDirectory)
             .then(function () { return ClassicDrawer_1.CloseAction.ReloadDirectory; });
     };
-    return ((0, jsx_runtime_1.jsx)(ClassicDrawer_1.default, { title: t('DirectoryManagement.CreateDirectory'), onSubmit: handleSubmit, disableButtonSubmit: !isValid, confirmExit: confirmExit, childrenWrapperStyle: { padding: 0 }, children: (0, jsx_runtime_1.jsx)(AWING_1.DataForm, { onUpdate: handleUpdate, fields: [
+    return ((0, jsx_runtime_1.jsx)(ClassicDrawer_1.default, { title: t('DirectoryManagement.CreateDirectory'), onSubmit: handleSubmit, disableButtonSubmit: !(isValid && newDirectory.order && newDirectory.name), confirmExit: confirmExit, childrenWrapperStyle: { padding: 0 }, children: loading ? ((0, jsx_runtime_1.jsx)(AWING_1.CircularProgress, {})) : ((0, jsx_runtime_1.jsx)(AWING_1.DataForm, { onUpdate: handleUpdate, fields: [
                 {
-                    fieldName: 'parentDirectory',
+                    fieldName: 'parentDirectoryId',
+                    type: 'select',
+                    required: true,
                     label: t('DirectoryManagement.ParentDirectory'),
-                    type: 'text',
-                    disabled: true,
+                    options: directories.map(function (directory) { return ({
+                        value: directory.directoryId,
+                        text: directory.name,
+                        level: directory.level,
+                    }); }),
                 },
                 {
                     fieldName: 'name',
@@ -91,6 +108,6 @@ var CreateDirectory = function (props) {
                     min: 0,
                     required: true,
                 },
-            ], oldValue: newDirectory }) }));
+            ], oldValue: newDirectory })) }));
 };
 exports.default = CreateDirectory;

package/lib/AWING/HOC/Wrapper.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+declare const Wrapper: <T extends React.FC<any> = () => JSX.Element, W extends React.FC<any> = () => JSX.Element>(Compoent: T, Parrent: {
+    component: W;
+    props?: React.ComponentProps<W>;
+}) => React.FC<React.ComponentProps<T>>;
+export default Wrapper;

package/lib/AWING/HOC/Wrapper.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = require("react");
+var Wrapper = function (Compoent, Parrent) {
+    var wrapped = function (props) {
+        return (0, react_1.createElement)(Parrent.component, Parrent.props, (0, react_1.createElement)(Compoent, props));
+    };
+    return wrapped;
+};
+exports.default = Wrapper;

package/lib/AWING/LogicExpression/script.js

@@ -470,7 +470,6 @@ var validateExpression = function (oc, f, functionList, expression) {
         console.log("Look bad the expression is boolean: ".concat(expression));
         return false;
     }
-    debugger;
     var elements = expression.trim();
     var rootNode = (0, exports.getNewNode)();
     var currentNode = rootNode;

package/lib/AWING/PageManagement/PageManagement.js

@@ -61,7 +61,7 @@ var PageManagement = function (props) {
         var _a;
         if (((_a = location.state) === null || _a === void 0 ? void 0 : _a.action) === ClassicDrawer_1.CloseAction.Reload ||
             !(0, lodash_1.isEqual)(queryInput, cachedQueryInput.current)) {
-            handleChangeQueryInput(queryInput);
+            handleChangeQueryInput((0, lodash_1.cloneDeep)(queryInput));
             cachedQueryInput.current = (0, lodash_1.cloneDeep)(queryInput);
         }
         // eslint-disable-next-line react-hooks/exhaustive-deps

package/lib/AWING/index.d.ts

@@ -31,3 +31,4 @@ export * from './TableEditable';
 export * from './TreeItemWithAction';
 export * from './constants';
 export * from './LogicExpression';
+export * from './Chart';

package/lib/AWING/index.js

@@ -47,3 +47,4 @@ __exportStar(require("./TableEditable"), exports);
 __exportStar(require("./TreeItemWithAction"), exports);
 __exportStar(require("./constants"), exports);
 __exportStar(require("./LogicExpression"), exports);
+__exportStar(require("./Chart"), exports);

package/lib/AWING/ultis/validation.d.ts

@@ -23,7 +23,7 @@ export declare function logicExpressionValid(value: string | null | undefined):
  * @param invertRegex - The inverted regular expression pattern to match against the text string. Default is undefined.
  * @returns An object containing the validation result and a message describing any validation errors.
  */
-export declare const textValidation: (str: string, length?: number, required?: boolean, pattern?: RegExp, invertRegex?: RegExp) => {
+export declare const textValidation: (str: string, length?: number, required?: boolean, pattern?: RegExp | false, invertRegex?: RegExp | false) => {
     valid: boolean;
     message: string;
 };

package/lib/AWING/ultis/validation.js

@@ -113,10 +113,12 @@ var textValidation = function (str, length, required, pattern, invertRegex) {
         .replace(/[\u0300-\u036f]/g, '')
         .replace(/đ/g, 'd')
         .trim();
-    var invertedRegex = invertRegex || new RegExp("[^".concat(pattern.source.replace(/[*+?^${}|]/g, ''), "]").replace(/\[\[|\]\]/g, ']'), 'g');
     if (textTransform && pattern && !pattern.test(textTransform)) {
         validRes.valid = false;
-        validRes.message.push("".concat(i18n_1.default.t('Common.InvalidChars'), ": ").concat(Array.from(new Set(textTransform.match(invertedRegex))).join(' ')));
+        if (invertRegex !== false) {
+            var invertedRegex = invertRegex || new RegExp("[^".concat(pattern.source.replace(/[*+?^${}|]/g, ''), "]").replace(/\[\[|\]\]/g, ']'), 'g');
+            validRes.message.push("".concat(i18n_1.default.t('Common.InvalidChars'), ": ").concat(Array.from(new Set(textTransform.match(invertedRegex))).join(' ')));
+        }
     }
     var byteSize = new Blob([str]).size;
     if (byteSize > length) {

package/lib/Commons/Components/ClassicBaseDrawer.d.ts

@@ -1,5 +1,6 @@
 import { SxProps, Theme } from '@mui/material';
 import { FC, ReactNode } from 'react';
+import React from 'react';
 export interface DrawerBaseProps {
     title?: ReactNode;
     disableButtonSubmit?: boolean;

package/lib/Commons/Components/ClassicBaseDrawer.js

@@ -20,8 +20,10 @@ var Save_1 = __importDefault(require("@mui/icons-material/Save"));
 var LoadingButton_1 = __importDefault(require("@mui/lab/LoadingButton"));
 var material_1 = require("@mui/material");
 var react_i18next_1 = require("react-i18next");
-var Router_1 = require("../../AWING/Router");
 var i18n_1 = __importDefault(require("../../i18n"));
+var react_1 = __importDefault(require("react"));
+var usePath_1 = __importDefault(require("../../Commons/Hooks/usePath"));
+var react_router_dom_1 = require("react-router-dom");
 /**
  * Drawer không trả về state
  * @param{DrawerBaseProps} props
@@ -30,8 +32,10 @@ var i18n_1 = __importDefault(require("../../i18n"));
 var DrawerBase = function (props) {
     var _a;
     var title = props.title, disableButtonSubmit = props.disableButtonSubmit, isLoadingButtonSubmit = props.isLoadingButtonSubmit, customAction = props.customAction, onSubmit = props.onSubmit, open = props.open, onClose = props.onClose, otherNodes = props.otherNodes, children = props.children, width = props.width, childrenWrapperStyle = props.childrenWrapperStyle;
-    var location = (0, Router_1.useLocation)();
-    var match = (0, Router_1.useMatch)({ path: location.pathname, end: true });
+    var path = (0, usePath_1.default)();
+    var matchObj = react_1.default.useMemo(function () { return (0, react_router_dom_1.matchPath)({ path: path, end: true }, window.location.pathname); }, []);
+    // const match = path.startsWith(matchObj!.pattern.path) || matchObj!.pattern.path === path;
+    var match = true;
     var t = (0, react_i18next_1.useTranslation)(undefined, { i18n: i18n_1.default }).t;
     var handleSubmit = function () {
         if (onSubmit) {

package/lib/Commons/Components/ClassicDrawer.js

@@ -80,7 +80,7 @@ var Drawer = function (props) {
                     snackbar('success');
                     console.log('success');
                 }, 700);
-                closeDrawer(state || CloseAction.Reload);
+                closeDrawer((typeof state === 'string' && state) ? state : CloseAction.Reload);
             })
                 .catch(function () {
                 snackbar('error');

package/lib/Context/index.js

@@ -30,6 +30,7 @@ var AwingContext = (0, react_1.createContext)({
     i18next: {},
     appHelper: {},
     service: {},
+    transactionType: {},
 });
 var useAwing = function () {
     var awingContextValue = react_1.default.useContext(AwingContext);

package/lib/Context/interface.d.ts

@@ -18,4 +18,5 @@ export interface AppHelperContextType {
     i18next: any;
     appHelper: AppHelper;
     service: any;
+    transactionType: Record<string, number>;
 }

package/lib/Utils/Helpers.d.ts

@@ -104,3 +104,4 @@ export interface IHeadCells {
 }
 export declare const updateObjectFields: (originalObj: any, changedValues: any) => any;
 export declare function formatChartNumber(val: any, language: string): string;
+export declare const setObject: <O extends {}>(obj: O, arrKey: Array<keyof O>, value: unknown) => void;

package/lib/Utils/Helpers.js

@@ -23,10 +23,11 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.formatChartNumber = exports.updateObjectFields = exports.validateNumber = exports.getToday = exports.convertDataSetPattern = exports.convertAnalyticModelToChartDataAdvance = exports.getStartOfDay = exports.timestampToStringDDMMYYYY = exports.dateToStringDDMMYYYY = exports.convertTimelineToDateTime = exports.dateTimeToString = exports.convertTimestampToDateTime = exports.convertDateTimeToTimestamp = exports.checkValidUrl = exports.validateAnalyticTypes = exports.stringToListAccessPoint = exports.checkValidMacAddress = exports.checkValidStringListAP = exports.convertTimeLine = exports.WMAPEcalculator = exports.roundDecimalNumber = exports.convertArrayToObject = exports.offlinePaginate = exports.changeToAlias = exports.calculatorDirectoryIdRoot = exports.getRoutePath = exports.timestampToStringDDMMYYYYHHmm = exports.dateToStringddddDDMMYYYYHHmm = exports.downloadZipFile = exports.downloadFilePattern = exports.generateUUID = exports.displayLongString = exports.getQueryVariable = exports.formatNumber = exports.dateToString = exports.getCookie = exports.TIMELINE_TYPE = void 0;
+exports.setObject = exports.formatChartNumber = exports.updateObjectFields = exports.validateNumber = exports.getToday = exports.convertDataSetPattern = exports.convertAnalyticModelToChartDataAdvance = exports.getStartOfDay = exports.timestampToStringDDMMYYYY = exports.dateToStringDDMMYYYY = exports.convertTimelineToDateTime = exports.dateTimeToString = exports.convertTimestampToDateTime = exports.convertDateTimeToTimestamp = exports.checkValidUrl = exports.validateAnalyticTypes = exports.stringToListAccessPoint = exports.checkValidMacAddress = exports.checkValidStringListAP = exports.convertTimeLine = exports.WMAPEcalculator = exports.roundDecimalNumber = exports.convertArrayToObject = exports.offlinePaginate = exports.changeToAlias = exports.calculatorDirectoryIdRoot = exports.getRoutePath = exports.timestampToStringDDMMYYYYHHmm = exports.dateToStringddddDDMMYYYYHHmm = exports.downloadZipFile = exports.downloadFilePattern = exports.generateUUID = exports.displayLongString = exports.getQueryVariable = exports.formatNumber = exports.dateToString = exports.getCookie = exports.TIMELINE_TYPE = void 0;
 var moment_1 = __importDefault(require("moment"));
-var i18next_1 = __importDefault(require("i18next"));
+var i18n_1 = __importDefault(require("../i18n"));
 var helper_1 = require("../AWING/helper");
+var lodash_1 = require("lodash");
 var TIMELINE_TYPE;
 (function (TIMELINE_TYPE) {
     TIMELINE_TYPE[TIMELINE_TYPE["HOUR"] = 0] = "HOUR";
@@ -55,7 +56,7 @@ function dateToString(date) {
 exports.dateToString = dateToString;
 function formatNumber(num) {
     if (num || num === 0) {
-        return new Intl.NumberFormat(i18next_1.default.language === 'vi' ? 'vi-VN' : 'en-US').format(num);
+        return new Intl.NumberFormat(i18n_1.default.language === 'vi' ? 'vi-VN' : 'en-US').format(num);
     }
     else
         return '';
@@ -137,7 +138,7 @@ function dateToStringddddDDMMYYYYHHmm(date) {
     if (!date)
         return null;
     var _date = new Date(date);
-    var _language = i18next_1.default.language || 'vi';
+    var _language = i18n_1.default.language || 'vi';
     var options = {
         weekday: 'long',
         year: 'numeric',
@@ -423,7 +424,7 @@ function convertAnalyticModelToChartDataAdvance(analyticModel) {
     var totalCTR = totalView > 0 ? ((totalClick * 100) / totalView).toFixed(2) : 0;
     return [
         {
-            label: "".concat(i18next_1.default.t('Common.Impression'), " ").concat(roundDecimalNumber(totalView)),
+            label: "".concat(i18n_1.default.t('Common.Impression'), " ").concat(roundDecimalNumber(totalView)),
             type: 'line',
             data: ViewData,
             fill: false,
@@ -432,7 +433,7 @@ function convertAnalyticModelToChartDataAdvance(analyticModel) {
             variant: 'primary',
         },
         {
-            label: "".concat(i18next_1.default.t('Common.FinalClick'), " ").concat(roundDecimalNumber(totalClick)),
+            label: "".concat(i18n_1.default.t('Common.FinalClick'), " ").concat(roundDecimalNumber(totalClick)),
             type: 'line',
             data: ClickData,
             fill: false,
@@ -459,19 +460,19 @@ var convertDataSetPattern = function (data) {
     return [
         {
             data: ctr,
-            label: i18next_1.default.t('Statistics.CTR'),
+            label: i18n_1.default.t('Statistics.CTR'),
             type: 'bar',
             color: 'rgb(128, 176, 255)',
         },
         {
             data: numberOfConnections,
-            label: i18next_1.default.t('Statistics.NumberOfConnections'),
+            label: i18n_1.default.t('Statistics.NumberOfConnections'),
             type: 'line',
             color: 'rgb(0, 85, 184)',
         },
         {
             data: impressions,
-            label: i18next_1.default.t('Statistics.Impressions'),
+            label: i18n_1.default.t('Statistics.Impressions'),
             type: 'line',
             color: 'rgb(221, 4, 12)',
         },
@@ -514,6 +515,9 @@ var updateObjectFields = function (originalObj, changedValues) {
                     obj[key] = value;
                 }
             }
+            else {
+                obj[key] = value;
+            }
         }
     };
     // Update nested fields
@@ -532,3 +536,7 @@ function formatChartNumber(val, language) {
     return formatValue;
 }
 exports.formatChartNumber = formatChartNumber;
+var setObject = function (obj, arrKey, value) {
+    (0, lodash_1.set)(obj, arrKey.reduce(function (acc, val) { return acc + '[' + val + ']'; }, ''), value);
+};
+exports.setObject = setObject;

package/lib/translate/en/translation.json

@@ -1,5 +1,6 @@
 {
     "Common": {
+        "lg": "en",
         "InvalidData": "Invalid data",
         "Required": "This field is required",
         "Upload": "Upload",
@@ -111,7 +112,10 @@
         "GroupName": "Group Name",
         "InvalidChars": "Invalid characters",
         "InvalidLength": "Invalid string length",
-        "RequestHasApprove": "Your request have approved"
+        "RequestHasApprove": "Your request have approved",
+        "Advance": "Advance",
+        "Default": "Default",
+        "Events": "Events"
     },
     "User": {
         "Username": "Username",
@@ -131,6 +135,33 @@
         "All": "All",
         "TotalSelected": "Total selected"
     },
+    "TemplateManagement": {
+        "Create": "Create template",
+        "Edit": "Edit template",
+        "title": "Template Management",
+        "TemplateName": "Template name",
+        "Page_lgn": "Page Login",
+        "Page_wlc": "Page Welcome",
+        "TemplateId": "Template ID",
+        "ImportTemplate": "Import template",
+        "Information": "Information",
+        "Template": "Template",
+        "Advance": "Advance",
+        "Script": "Script",
+        "TemplateHtml": "Html",
+        "TemplateValidation": "Validation",
+        "FieldAutoUpdate": "Field Auto Update",
+        "Parameter": "Parameter",
+        "FieldName": "Name",
+        "fieldType": "Type",
+        "NamingFieldNotice": "Do not use period characters (\". \") when naming fields",
+        "DuplicateFieldName": "Field name duplicated. Please check again",
+        "isDeprecate": "Unsupport"
+    },
+    "InvalidMessage": {
+        "InvalidNotExistedUsername": "Username is invalid or not existed",
+        "InvalidAccountConnected": "Account has been added to this domain!"
+    },
     "ViewTemplate": {
         "Value": "Value",
         "StaticUseFormat": "To use uploaded resources, use format",
@@ -162,7 +193,11 @@
         "LastSevenDay": "Last 7 days",
         "LastThirtyDay": "Last 30 days",
         "ThisMonth": "This month",
-        "LastMonth": "Last month"
+        "LastMonth": "Last month",
+        "Tomorrow": "Tomorrow",
+        "NextSevenDay": "Next 7 days",
+        "NextThirtyDay": "Next 30 days",
+        "NextMonth": "Next month"
     },
     "Notifications": {
         "SelectAll": "Mark all as read",
@@ -178,6 +213,7 @@
         "Time": "Time",
         "Estimate": "Estimate",
         "Reality": "Reality",
+        "Domain": "Domain",
         "Campaign": "Campaign",
         "Rate": "Rate",
         "Date": "Day",
@@ -444,7 +480,8 @@
             },
             "CampaignName": "Campaign Name"
         },
-        "CantBeDelete": "Can not delete this campaign"
+        "CantBeDelete": "Can not delete this campaign",
+        "Attributes": "Attributes"
     },
     "DirectoryManagement": {
         "DirectoryName": "Directory Name",
@@ -652,5 +689,67 @@
     "Filter": {
         "AllCampaign": "All Campaign",
         "CampaignDefault": "Campaign Default"
+    },
+    "Notification": {
+        "All": "All",
+        "Unread": "Unread",
+        "TitleManagement": "Notification Management",
+        "TitleDetail": "Reciever detail",
+        "TitleAddReceiver": "Add User/Group User",
+        "TitleUserGroup": "User and Group user",
+        "ShowMore": "Show more notifications",
+        "Place": "Place",
+        "Domain": "Domain",
+        "Page": "Page",
+        "PageLogin": "Page login",
+        "PageWelcome": "Page welcome",
+        "of domain": "of domain",
+        "has": "has",
+        "has been": "has been",
+        "approved": "been approved to",
+        "send": "send",
+        "request": "request",
+        "rejected": "been rejected to",
+        "Campaign": "Campaign",
+        "created": "created",
+        "updated": "updated",
+        "deleted": "deleted",
+        "Title": "Notification",
+        "MarkAllAsRead": "Mark all as read",
+        "Configuration": "Notification configuration",
+        "ObjectType": "Object type",
+        "Event": "Event",
+        "Status": "Status",
+        "User/Group": "User/Group",
+        "TabAll": "All",
+        "TabUser": "User",
+        "TabGroupUser": "Group User",
+        "NotFound": "Not found",
+        "SearchPlaceHolderUserGroup": "User/Group user",
+        "EventObject": {
+            "Create": "Create",
+            "Update": "Update",
+            "Delete": "Delete",
+            "JoinRequest": "Request to join Network",
+            "JoinApprove": "Accept the request to join Network",
+            "JoinReject": "Reject the request to join Network",
+            "UnjoinRequest": "Request to unjoin Network",
+            "UnjoinApprove": "Accept the request to unjoin Network",
+            "UnjoinReject": "Reject the request to unjoin Network"
+        },
+        "StatusActive": "Active",
+        "StatusInactive": "Inactive",
+        "Filter": {
+            "All": "All",
+            "Campaign": "Campaign",
+            "Join/UnJoin Request": "Join/UnJoin Request"
+        }
+    },
+    "RemarketingList": {
+        "Title": "Remarketing List",
+        "Create": "Create Remarketing List",
+        "Edit": "Edit Remarketing List",
+        "Detail": "Detail",
+        "FileUploadContentInvalid": "File Upload Content Invalid"
     }
 }

package/lib/translate/vi/translation.json

@@ -1,5 +1,6 @@
 {
     "Common": {
+        "lg": "vn",
         "InvalidData": "Dữ liệu không hợp lệ",
         "Required": "Đây là trường bắt buộc",
         "Upload": "Tải lên",
@@ -116,7 +117,14 @@
         "Copied": "Đã sao chép",
         "InvalidChars": "Ký tự không hợp lệ",
         "InvalidLength": "Độ dài chuỗi không hợp lệ",
-        "RequestHasApprove": "Yêu cầu đã được thay đổi"
+        "RequestHasApprove": "Yêu cầu đã được thay đổi",
+        "Advance": "Nâng cao",
+        "Default": "Mặc định",
+        "Events": "Sự kiện"
+    },
+    "InvalidMessage": {
+        "InvalidNotExistedUsername": "Tài khoản không tồn tại",
+        "InvalidAccountConnected": "Tài khoản đã được gắn vào domain này rồi!"
     },
     "User": {
         "Username": "Tài khoản",
@@ -167,7 +175,11 @@
         "LastSevenDay": "7 ngày qua",
         "LastThirtyDay": "30 ngày qua",
         "ThisMonth": "Tháng này",
-        "LastMonth": "Tháng trước"
+        "LastMonth": "Tháng trước",
+        "Tomorrow": "Ngày mai",
+        "NextSevenDay": "7 Ngày tới",
+        "NextThirtyDay": "30 Ngày tới",
+        "NextMonth": "Tháng tới"
     },
     "Notifications": {
         "SelectAll": "Đánh dấu tất cả là đã đọc",
@@ -182,6 +194,7 @@
         "Place": "Địa điểm",
         "Time": "Thời gian",
         "Estimate": "Ước tính",
+        "Domain": "Domain",
         "Reality": "Thực tế",
         "Campaign": "Chiến dịch",
         "Rate": "Tỉ lệ",
@@ -449,7 +462,31 @@
             },
             "CampaignName": "Tên chiến dịch"
         },
-        "CantBeDelete": "Không thể xoá chiến dịch này"
+        "CantBeDelete": "Không thể xoá chiến dịch này",
+        "Attributes": "Thuộc tính"
+    },
+    "TemplateManagement": {
+        "Create": "Tạo mới template",
+        "Edit": "Sửa template",
+        "title": "Quản trị template",
+        "TemplateName": "Tên Template",
+        "Page_lgn": "Trang Login",
+        "Page_wlc": "Trang Welcome",
+        "TemplateId": "Template ID",
+        "ImportTemplate": "Nhập Template",
+        "Information": "Thông tin",
+        "Template": "Template",
+        "Advance": "Nâng cao",
+        "Script": "Kịch bản",
+        "TemplateHtml": "Html",
+        "TemplateValidation": "Validation",
+        "FieldAutoUpdate": "Trường tự động cập nhật",
+        "Parameter": "Parameter",
+        "FieldName": "Tên",
+        "fieldType": "Kiểu",
+        "NamingFieldNotice": "Không sử dụng ký tự dấu chấm (\".\") khi đặt tên cho trường",
+        "DuplicateFieldName": "Tên trường trùng lặp. Vui lòng kiểm tra lại",
+        "isDeprecate": "Không hỗ trợ"
     },
     "DirectoryManagement": {
         "DirectoryName": "Tên thư mục",
@@ -654,5 +691,67 @@
     "Filter": {
         "AllCampaign": "Tất cả chiến dịch",
         "CampaignDefault": "Chiến dịch mặc định"
+    },
+    "Notification": {
+        "All": "Tất cả",
+        "Unread": "Chưa đọc",
+        "TitleManagement": "Quản trị thông báo",
+        "TitleDetail": "Chi tiết người nhận thông báo",
+        "TitleAddReceiver": "Thêm người dùng/nhóm người dùng",
+        "TitleUserGroup": "Tài khoản và nhóm tài khoản",
+        "ShowMore": "Hiện thêm thông báo",
+        "Place": "Địa điểm",
+        "Domain": "Domain",
+        "Page": "Trang",
+        "PageLogin": "Trang login",
+        "PageWelcome": "Trang welcome",
+        "of domain": "thuộc domain",
+        "has": "đã",
+        "has been": "đã được",
+        "approved": "đồng ý",
+        "send": "gửi",
+        "request": "yêu cầu",
+        "rejected": "bị từ chối",
+        "Campaign": "Chiến dịch",
+        "created": "tạo",
+        "updated": "cập nhật",
+        "deleted": "bị xóa",
+        "Title": "Thông báo",
+        "MarkAllAsRead": "Đánh dấu tất cả là đã đọc",
+        "Configuration": "Cài đặt thông báo",
+        "ObjectType": "Loại đối tượng",
+        "Event": "Sự kiện",
+        "Status": "Trạng thái",
+        "User/Group": "Người dùng/Nhóm",
+        "TabAll": "Tất cả",
+        "TabUser": "Người dùng",
+        "TabGroupUser": "Nhóm người dùng",
+        "NotFound": "Không tồn tại",
+        "SearchPlaceHolderUserGroup": "Người dùng/Nhóm người dùng",
+        "EventObject": {
+            "Create": "Tạo mới",
+            "Update": "Cập nhật",
+            "Delete": "Xóa",
+            "JoinRequest": "Yêu cầu tham gia Network",
+            "JoinApprove": "Chấp nhận yêu cầu tham gia Network",
+            "JoinReject": "Từ chối yêu cầu tham gia Network",
+            "UnjoinRequest": "Yêu cầu rời khỏi Network",
+            "UnjoinApprove": "Chấp nhận yêu cầu rời khỏi Network",
+            "UnjoinReject": "Từ chối yêu cầu rời khỏi Network"
+        },
+        "StatusActive": "Có sử dụng",
+        "StatusInactive": "Chưa sử dụng",
+        "Filter": {
+            "All": "Tất cả",
+            "Campaign": "Campaign",
+            "Join/UnJoin Request": "Yêu cầu Join/Unjoin"
+        }
+    },
+    "RemarketingList": {
+        "Title": "Danh sách Remarketing List",
+        "Create": "Tạo danh sách Remarketing",
+        "Edit": "Sửa danh sách Remarketing",
+        "Detail": "Xem chi tiết",
+        "FileUploadContentInvalid": "Nội dung file upload không hợp lệ"
     }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "awing-library",
-  "version": "2.1.21-beta",
+  "version": "2.1.21",
   "description": "",
   "main": "lib/index.js",
   "types": "lib/index.d.ts",
@@ -20,6 +20,7 @@
     "@emotion/styled": "^11.11.0",
     "@goongmaps/goong-geocoder-react": "^0.1.1",
     "@goongmaps/goong-map-react": "^1.0.9",
+    "@microsoft/signalr": "^8.0.0",
     "@monaco-editor/react": "^4.6.0",
     "@mui/icons-material": "^5.14.14",
     "@mui/lab": "5.0.0-alpha.149",
@@ -33,6 +34,7 @@
     "@testing-library/user-event": "^14.5.1",
     "@types/file-saver": "^2.0.7",
     "@types/jest": "^29.5.6",
+    "@types/lodash": "^4.17.0",
     "@types/node": "^20.8.8",
     "@types/react": "^18.2.31",
     "@types/react-dom": "^18.2.14",