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

package/lib/ACM-AXN/Notifications/NotificationDetail/NotificationList/NotificationItem/Message.js

@@ -0,0 +1,292 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getFullDescription = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_router_dom_1 = require("react-router-dom");
+var Constant_1 = require("../../../../../ACM-AXN/Common/Constant");
+var Enum_1 = require("../../../../../ACM-AXN/ViewTemplate/Enum");
+var defaultResult = { value: '', text: '[No name]' };
+// CampaignAction
+var CampaignActionBuildCreateDescription = function (translation, fields) {
+    var _a;
+    var campaign = (_a = fields.find(function (x) { return x.name === 'CampaignId'; })) !== null && _a !== void 0 ? _a : defaultResult;
+    var url = [Constant_1.Constants.CAMPAIGN_PATH, Constant_1.Constants.DETAIL_PATH, campaign.value, Constant_1.Constants.CAMPAIGN_INFORMATION].join('/');
+    return {
+        title: ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [translation('Notification.Campaign'), (0, jsx_runtime_1.jsx)("span", { style: { padding: '0px 3px' }, children: (0, jsx_runtime_1.jsx)(react_router_dom_1.NavLink, { to: url, children: campaign.text }) }), translation('Notification.has been'), (0, jsx_runtime_1.jsx)("span", { style: { padding: '0px 3px' }, children: translation('Notification.created') })] })),
+        url: url,
+    };
+};
+var CampaignActionBuildUpdateDescription = function (translation, fields) {
+    var _a;
+    var campaign = (_a = fields.find(function (x) { return x.name === 'CampaignId'; })) !== null && _a !== void 0 ? _a : defaultResult;
+    var url = [Constant_1.Constants.CAMPAIGN_PATH, Constant_1.Constants.DETAIL_PATH, campaign.value, Constant_1.Constants.CAMPAIGN_INFORMATION].join('/');
+    return {
+        title: ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [translation('Notification.Campaign'), (0, jsx_runtime_1.jsx)("span", { style: { padding: '0px 3px' }, children: (0, jsx_runtime_1.jsx)(react_router_dom_1.NavLink, { to: url, children: campaign.text }) }), translation('Notification.has been'), (0, jsx_runtime_1.jsx)("span", { style: { padding: '0px 3px' }, children: translation('Notification.updated') })] })),
+        url: url,
+    };
+};
+var CampaignActionBuildDeleteDescription = function (translation, fields) {
+    var _a;
+    var campaign = (_a = fields.find(function (x) { return x.name === 'CampaignId'; })) !== null && _a !== void 0 ? _a : defaultResult;
+    return {
+        title: ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [translation('Notification.Campaign'), (0, jsx_runtime_1.jsx)("b", { style: { padding: '0px 3px' }, children: campaign.text }), translation('Notification.has'), (0, jsx_runtime_1.jsx)("span", { style: { padding: '0px 3px' }, children: translation('Notification.deleted') })] })),
+        url: '',
+    };
+};
+// End CampaignAction
+// PageAction
+var PageActionBuildCreateDescription = function (translation, fields) {
+    var _a, _b;
+    var page = (_a = fields.find(function (x) { return x.name === 'PageId'; })) !== null && _a !== void 0 ? _a : defaultResult;
+    var pageCode = (_b = fields.find(function (x) { return x.name === 'PageCode'; })) !== null && _b !== void 0 ? _b : defaultResult;
+    var url = "".concat(pageCode.value === Enum_1.PAGE_CODES.PageCodeLogin
+        ? Constant_1.Constants.PAGE_LOGIN
+        : Constant_1.Constants.PAGE_WELCOME, "/").concat(Constant_1.Constants.EDIT_PATH, "/").concat(page.value);
+    return {
+        title: ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [pageCode.value === Enum_1.PAGE_CODES.PageCodeLogin
+                    ? translation('Notification.PageLogin')
+                    : translation('Notification.PageWelcome'), (0, jsx_runtime_1.jsx)("span", { style: { padding: '0px 3px' }, children: (0, jsx_runtime_1.jsx)(react_router_dom_1.NavLink, { to: url, children: page.text }) }), translation('Notification.has been'), (0, jsx_runtime_1.jsx)("span", { style: { padding: '0px 3px' }, children: translation('Notification.created') })] })),
+        url: url,
+    };
+};
+var PageActionBuildUpdateDescription = function (translation, fields) {
+    var _a, _b;
+    var page = (_a = fields.find(function (x) { return x.name === 'PageId'; })) !== null && _a !== void 0 ? _a : defaultResult;
+    var pageCode = (_b = fields.find(function (x) { return x.name === 'PageCode'; })) !== null && _b !== void 0 ? _b : defaultResult;
+    var url = "".concat(pageCode.value === Enum_1.PAGE_CODES.PageCodeLogin
+        ? Constant_1.Constants.PAGE_LOGIN
+        : Constant_1.Constants.PAGE_WELCOME, "/").concat(Constant_1.Constants.EDIT_PATH, "/").concat(page.value);
+    return {
+        title: ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [pageCode.value === Enum_1.PAGE_CODES.PageCodeLogin
+                    ? translation('Notification.PageLogin')
+                    : translation('Notification.PageWelcome'), (0, jsx_runtime_1.jsx)("span", { style: { padding: '0px 3px' }, children: (0, jsx_runtime_1.jsx)(react_router_dom_1.NavLink, { to: url, children: page.text }) }), translation('Notification.has been'), (0, jsx_runtime_1.jsx)("span", { style: { padding: '0px 3px' }, children: translation('Notification.updated') })] })),
+        url: url,
+    };
+};
+var PageActionBuildDeleteDescription = function (translation, fields) {
+    var _a, _b;
+    var page = (_a = fields.find(function (x) { return x.name === 'PageId'; })) !== null && _a !== void 0 ? _a : defaultResult;
+    var pageCode = (_b = fields.find(function (x) { return x.name === 'PageCode'; })) !== null && _b !== void 0 ? _b : defaultResult;
+    return {
+        title: ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [pageCode.value === Enum_1.PAGE_CODES.PageCodeLogin
+                    ? translation('Notification.PageLogin')
+                    : translation('Notification.PageWelcome'), (0, jsx_runtime_1.jsx)("b", { style: { padding: '0px 3px' }, children: page.text }), translation('Notification.has'), (0, jsx_runtime_1.jsx)("span", { style: { padding: '0px 3px' }, children: translation('Notification.deleted') })] })),
+        url: '',
+    };
+};
+// End PageAction
+// DomainAction
+var DomainActionBuildUpdateDescription = function (translation, fields) {
+    var _a;
+    var domain = (_a = fields.find(function (x) { return x.name === 'DomainId'; })) !== null && _a !== void 0 ? _a : defaultResult;
+    var url = "".concat(Constant_1.Constants.DOMAINS_PATH, "/").concat(Constant_1.Constants.EDIT_PATH, "/").concat(domain.value);
+    return {
+        title: ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [translation('Notification.Domain'), (0, jsx_runtime_1.jsx)("span", { style: { padding: '0px 3px' }, children: (0, jsx_runtime_1.jsx)(react_router_dom_1.NavLink, { to: url, children: domain.text }) }), translation('Notification.has been'), (0, jsx_runtime_1.jsx)("span", { style: { padding: '0px 3px' }, children: translation('Notification.updated') })] })),
+        url: url,
+    };
+};
+// End DomainAction
+// DomainTransaction
+var DomainTransactionBuildJoinRequestDescription = function (translation, fields) {
+    var _a, _b;
+    var domain = (_a = fields.find(function (x) { return x.name === 'DomainId'; })) !== null && _a !== void 0 ? _a : defaultResult;
+    var request = (_b = fields.find(function (x) { return x.name === 'RequestId'; })) !== null && _b !== void 0 ? _b : defaultResult;
+    var url = "".concat(Constant_1.Constants.NETWORK_PATH, "/").concat(Constant_1.Constants.DETAIL_PATH, "/").concat(request.value, "/DomainJoinRequest");
+    return {
+        title: ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [translation('Notification.Domain'), (0, jsx_runtime_1.jsx)("span", { style: { padding: '0px 3px' }, children: domain.text }), translation('Notification.send'), (0, jsx_runtime_1.jsx)("span", { style: { padding: '0px 3px' }, children: (0, jsx_runtime_1.jsx)(react_router_dom_1.NavLink, { to: url, children: translation('Notification.request') }) }), "join network"] })),
+        url: url,
+    };
+};
+var DomainTransactionBuildJoinApproveDescription = function (translation, fields) {
+    var _a;
+    var domain = (_a = fields.find(function (x) { return x.name === 'DomainId'; })) !== null && _a !== void 0 ? _a : defaultResult;
+    var url = "".concat(Constant_1.Constants.DOMAINS_PATH, "/").concat(Constant_1.Constants.EDIT_PATH, "/").concat(domain.value);
+    return {
+        title: ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [translation('Notification.Domain'), (0, jsx_runtime_1.jsx)("span", { style: { padding: '0px 3px' }, children: (0, jsx_runtime_1.jsx)(react_router_dom_1.NavLink, { to: url, children: domain.text }) }), translation('Notification.has'), (0, jsx_runtime_1.jsx)("span", { style: { padding: '0px 3px' }, children: translation('Notification.approved') }), "join network"] })),
+        url: url,
+    };
+};
+var DomainTransactionBuildJoinRejectDescription = function (translation, fields) {
+    var _a;
+    var domain = (_a = fields.find(function (x) { return x.name === 'DomainId'; })) !== null && _a !== void 0 ? _a : defaultResult;
+    return {
+        title: ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [translation('Notification.Domain'), (0, jsx_runtime_1.jsx)("b", { style: { padding: '0px 3px' }, children: domain.text }), translation('Notification.has'), (0, jsx_runtime_1.jsx)("span", { style: { padding: '0px 3px' }, children: translation('Notification.rejected') }), "join network"] })),
+        url: '',
+    };
+};
+var DomainTransactionBuildJoinDeleteDescription = function (translation, fields) {
+    var _a;
+    var domain = (_a = fields.find(function (x) { return x.name === 'DomainId'; })) !== null && _a !== void 0 ? _a : defaultResult;
+    return {
+        title: ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [translation('Notification.Domain'), (0, jsx_runtime_1.jsx)("b", { style: { padding: '0px 3px' }, children: domain.text }), translation('Notification.has'), (0, jsx_runtime_1.jsx)("span", { style: { padding: '0px 3px' }, children: translation('Notification.EventObject.Delete') }), translation('Notification.EventObject.JoinRequest')] })),
+        url: '',
+    };
+};
+var DomainTransactionBuildUnjoinRequestDescription = function (translation, fields) {
+    var _a, _b;
+    var domain = (_a = fields.find(function (x) { return x.name === 'DomainId'; })) !== null && _a !== void 0 ? _a : defaultResult;
+    var request = (_b = fields.find(function (x) { return x.name === 'RequestId'; })) !== null && _b !== void 0 ? _b : defaultResult;
+    var url = "".concat(Constant_1.Constants.NETWORK_PATH, "/").concat(Constant_1.Constants.DETAIL_PATH, "/").concat(request.value, "/PlaceUnjoinRequest");
+    return {
+        title: ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [translation('Notification.Domain'), (0, jsx_runtime_1.jsx)("span", { style: { padding: '0px 3px' }, children: (0, jsx_runtime_1.jsx)(react_router_dom_1.NavLink, { to: "".concat(Constant_1.Constants.DOMAINS_PATH, "/").concat(Constant_1.Constants.EDIT_PATH, "/").concat(domain.value), children: domain.text }) }), translation('Notification.has'), (0, jsx_runtime_1.jsx)("span", { style: { padding: '0px 3px' }, children: (0, jsx_runtime_1.jsx)(react_router_dom_1.NavLink, { to: url, children: translation('Notification.request') }) }), "unjoin network"] })),
+        url: url,
+    };
+};
+var DomainTransactionBuildUnjoinApproveDescription = function (translation, fields) {
+    var _a;
+    var domain = (_a = fields.find(function (x) { return x.name === 'DomainId'; })) !== null && _a !== void 0 ? _a : defaultResult;
+    return {
+        title: ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [translation('Notification.Domain'), (0, jsx_runtime_1.jsx)("b", { style: { padding: '0px 3px' }, children: domain.text }), translation('Notification.has'), (0, jsx_runtime_1.jsx)("span", { style: { padding: '0px 3px' }, children: translation('Notification.approved') }), "unjoin network"] })),
+        url: '',
+    };
+};
+var DomainTransactionBuildUnjoinRejectDescription = function (translation, fields) {
+    var _a;
+    var domain = (_a = fields.find(function (x) { return x.name === 'DomainId'; })) !== null && _a !== void 0 ? _a : defaultResult;
+    var url = "".concat(Constant_1.Constants.DOMAINS_PATH, "/").concat(Constant_1.Constants.EDIT_PATH, "/").concat(domain.value);
+    return {
+        title: ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [translation('Notification.Domain'), (0, jsx_runtime_1.jsx)("span", { style: { padding: '0px 3px' }, children: (0, jsx_runtime_1.jsx)(react_router_dom_1.NavLink, { to: url, children: domain.text }) }), translation('Notification.has'), (0, jsx_runtime_1.jsx)("span", { style: { padding: '0px 3px' }, children: translation('Notification.rejected') }), "unjoin network"] })),
+        url: url,
+    };
+};
+// End DomainTransaction
+// PlaceAction
+var PlaceActionBuildUpdateDescription = function (translation, fields) {
+    var _a;
+    var place = (_a = fields.find(function (x) { return x.name === 'PlaceId'; })) !== null && _a !== void 0 ? _a : defaultResult;
+    var url = "".concat(Constant_1.Constants.PLACE_PATH, "/").concat(Constant_1.Constants.EDIT_PATH, "/").concat(place.value);
+    return {
+        title: ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [translation('Notification.Place'), (0, jsx_runtime_1.jsx)("span", { style: { padding: '0px 3px' }, children: (0, jsx_runtime_1.jsx)(react_router_dom_1.NavLink, { to: url, children: place.text }) }), translation('Notification.has been'), (0, jsx_runtime_1.jsx)("span", { style: { padding: '0px 3px' }, children: translation('Notification.updated') })] })),
+        url: url,
+    };
+};
+// End PlaceAction
+// PlaceTransaction
+var PlaceTransactionBuildJoinRequestDescription = function (translation, fields) {
+    var _a, _b;
+    var place = (_a = fields.find(function (x) { return x.name === 'PlaceId'; })) !== null && _a !== void 0 ? _a : defaultResult;
+    var domain = (_b = fields.find(function (x) { return x.name === 'DomainId'; })) !== null && _b !== void 0 ? _b : defaultResult;
+    var url = "".concat(Constant_1.Constants.NETWORK_PATH, "/").concat(Constant_1.Constants.DETAIL_PATH, "/").concat(place.value, "/PlaceJoinRequest");
+    return {
+        title: ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [translation('Notification.Place'), (0, jsx_runtime_1.jsx)("span", { style: { padding: '0px 3px' }, children: place.text }), translation('Notification.of domain'), (0, jsx_runtime_1.jsx)("span", { style: { padding: '0px 3px' }, children: (0, jsx_runtime_1.jsx)(react_router_dom_1.NavLink, { to: "".concat(Constant_1.Constants.DOMAINS_PATH, "/").concat(Constant_1.Constants.EDIT_PATH, "/").concat(domain.value), children: domain.text }) }), translation('Notification.send'), (0, jsx_runtime_1.jsx)("span", { style: { padding: '0px 3px' }, children: (0, jsx_runtime_1.jsx)(react_router_dom_1.NavLink, { to: url, children: translation('Notification.request') }) }), "join network"] })),
+        url: url,
+    };
+};
+var PlaceTransactionBuildJoinApproveDescription = function (translation, fields) {
+    var _a, _b;
+    var place = (_a = fields.find(function (x) { return x.name === 'PlaceId'; })) !== null && _a !== void 0 ? _a : defaultResult;
+    var domain = (_b = fields.find(function (x) { return x.name === 'DomainId'; })) !== null && _b !== void 0 ? _b : defaultResult;
+    var url = "".concat(Constant_1.Constants.DOMAINS_PATH, "/").concat(Constant_1.Constants.EDIT_PATH, "/").concat(domain.value);
+    return {
+        title: ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [translation('Notification.Place'), (0, jsx_runtime_1.jsx)("span", { style: { padding: '0px 3px' }, children: (0, jsx_runtime_1.jsx)(react_router_dom_1.NavLink, { to: "".concat(Constant_1.Constants.PLACE_PATH, "/").concat(Constant_1.Constants.EDIT_PATH, "/").concat(place.value), children: place.text }) }), translation('Notification.of domain'), (0, jsx_runtime_1.jsx)("span", { style: { padding: '0px 3px' }, children: (0, jsx_runtime_1.jsx)(react_router_dom_1.NavLink, { to: url, children: domain.text }) }), translation('Notification.has'), (0, jsx_runtime_1.jsx)("span", { style: { padding: '0px 3px' }, children: translation('Notification.approved') }), "join network"] })),
+        url: url,
+    };
+};
+var PlaceTransactionBuildJoinRejectDescription = function (translation, fields) {
+    var _a, _b;
+    var place = (_a = fields.find(function (x) { return x.name === 'PlaceId'; })) !== null && _a !== void 0 ? _a : defaultResult;
+    var domain = (_b = fields.find(function (x) { return x.name === 'DomainId'; })) !== null && _b !== void 0 ? _b : defaultResult;
+    var url = "".concat(Constant_1.Constants.DOMAINS_PATH, "/").concat(Constant_1.Constants.EDIT_PATH, "/").concat(domain.value);
+    return {
+        title: ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [translation('Notification.Place'), (0, jsx_runtime_1.jsx)("span", { style: { padding: '0px 3px' }, children: place.text }), translation('Notification.of domain'), (0, jsx_runtime_1.jsx)("span", { style: { padding: '0px 3px' }, children: (0, jsx_runtime_1.jsx)(react_router_dom_1.NavLink, { to: url, children: domain.text }) }), translation('Notification.has'), (0, jsx_runtime_1.jsx)("span", { style: { padding: '0px 3px' }, children: translation('Notification.rejected') }), "join network"] })),
+        url: url,
+    };
+};
+var PlaceTransactionBuildUnjoinRequestDescription = function (translation, fields) {
+    var _a, _b;
+    var place = (_a = fields.find(function (x) { return x.name === 'PlaceId'; })) !== null && _a !== void 0 ? _a : defaultResult;
+    var domain = (_b = fields.find(function (x) { return x.name === 'DomainId'; })) !== null && _b !== void 0 ? _b : defaultResult;
+    var url = "".concat(Constant_1.Constants.NETWORK_PATH, "/").concat(Constant_1.Constants.DETAIL_PATH, "/").concat(place.value, "/PlaceUnjoinRequest");
+    return {
+        title: ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [translation('Notification.Place'), (0, jsx_runtime_1.jsx)("span", { style: { padding: '0px 3px' }, children: (0, jsx_runtime_1.jsx)(react_router_dom_1.NavLink, { to: "".concat(Constant_1.Constants.PLACE_PATH, "/").concat(Constant_1.Constants.EDIT_PATH, "/").concat(place.value), children: place.text }) }), translation('Notification.of domain'), (0, jsx_runtime_1.jsx)("span", { style: { padding: '0px 3px' }, children: (0, jsx_runtime_1.jsx)(react_router_dom_1.NavLink, { to: "".concat(Constant_1.Constants.DOMAINS_PATH, "/").concat(Constant_1.Constants.EDIT_PATH, "/").concat(domain.value), children: domain.text }) }), translation('Notification.has'), (0, jsx_runtime_1.jsx)("span", { style: { padding: '0px 3px' }, children: (0, jsx_runtime_1.jsx)(react_router_dom_1.NavLink, { to: url, children: translation('Notification.request') }) }), "unjoin network"] })),
+        url: url,
+    };
+};
+var PlaceTransactionBuildUnjoinApproveDescription = function (translation, fields) {
+    var _a, _b;
+    var place = (_a = fields.find(function (x) { return x.name === 'PlaceId'; })) !== null && _a !== void 0 ? _a : defaultResult;
+    var domain = (_b = fields.find(function (x) { return x.name === 'DomainId'; })) !== null && _b !== void 0 ? _b : defaultResult;
+    var url = "".concat(Constant_1.Constants.DOMAINS_PATH, "/").concat(Constant_1.Constants.EDIT_PATH, "/").concat(domain.value);
+    return {
+        title: ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [translation('Notification.Place'), (0, jsx_runtime_1.jsx)("span", { style: { padding: '0px 3px' }, children: place.text }), translation('Notification.of domain'), (0, jsx_runtime_1.jsx)("span", { style: { padding: '0px 3px' }, children: (0, jsx_runtime_1.jsx)(react_router_dom_1.NavLink, { to: url, children: domain.text }) }), translation('Notification.has'), (0, jsx_runtime_1.jsx)("span", { style: { padding: '0px 3px' }, children: translation('Notification.approved') }), "unjoin network"] })),
+        url: url,
+    };
+};
+var PlaceTransactionBuildUnjoinRejectDescription = function (translation, fields) {
+    var _a, _b;
+    var place = (_a = fields.find(function (x) { return x.name === 'PlaceId'; })) !== null && _a !== void 0 ? _a : defaultResult;
+    var domain = (_b = fields.find(function (x) { return x.name === 'DomainId'; })) !== null && _b !== void 0 ? _b : defaultResult;
+    var url = "".concat(Constant_1.Constants.DOMAINS_PATH, "/").concat(Constant_1.Constants.EDIT_PATH, "/").concat(domain.value);
+    return {
+        title: ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [translation('Notification.Place'), (0, jsx_runtime_1.jsx)("span", { style: { padding: '0px 3px' }, children: place.text }), translation('Notification.of domain'), (0, jsx_runtime_1.jsx)("span", { style: { padding: '0px 3px' }, children: (0, jsx_runtime_1.jsx)(react_router_dom_1.NavLink, { to: url, children: domain.text }) }), translation('Notification.has'), (0, jsx_runtime_1.jsx)("span", { style: { padding: '0px 3px' }, children: translation('Notification.rejected') }), "unjoin network"] })),
+        url: url,
+    };
+};
+var PlaceTransactionBuildPlaceStatusDescription = function (translation, fields) {
+    var _a, _b;
+    var place = (_a = fields.find(function (x) { return x.name === 'PlaceId'; })) !== null && _a !== void 0 ? _a : defaultResult;
+    var domain = (_b = fields.find(function (x) { return x.name === 'DomainId'; })) !== null && _b !== void 0 ? _b : defaultResult;
+    var url = "".concat(Constant_1.Constants.DOMAINS_PATH, "/").concat(Constant_1.Constants.EDIT_PATH, "/").concat(domain.value);
+    return {
+        title: ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [translation('Notification.Place'), (0, jsx_runtime_1.jsx)("span", { style: { padding: '0px 3px' }, children: place.text }), translation('Notification.of domain'), (0, jsx_runtime_1.jsx)("span", { style: { padding: '0px 3px' }, children: (0, jsx_runtime_1.jsx)(react_router_dom_1.NavLink, { to: url, children: domain.text }) }), translation('Notification.has'), "unjoin network"] })),
+        url: url,
+    };
+};
+// End PlaceTransaction
+var getFullDescription = function (type, translation, fields, transactionType) {
+    try {
+        switch (type) {
+            case transactionType.CampaignCreate:
+                return CampaignActionBuildCreateDescription(translation, fields);
+            case transactionType.CampaignUpdate:
+                return CampaignActionBuildUpdateDescription(translation, fields);
+            case transactionType.CampaignDelete:
+                return CampaignActionBuildDeleteDescription(translation, fields);
+            case transactionType.PageCreate:
+                return PageActionBuildCreateDescription(translation, fields);
+            case transactionType.PageUpdate:
+                return PageActionBuildUpdateDescription(translation, fields);
+            case transactionType.PageDelete:
+                return PageActionBuildDeleteDescription(translation, fields);
+            case transactionType.DomainUpdate:
+                return DomainActionBuildUpdateDescription(translation, fields);
+            case transactionType.DomainJoinRequest:
+                return DomainTransactionBuildJoinRequestDescription(translation, fields);
+            case transactionType.DomainJoinApprove:
+                return DomainTransactionBuildJoinApproveDescription(translation, fields);
+            case transactionType.DomainJoinReject:
+                return DomainTransactionBuildJoinRejectDescription(translation, fields);
+            case transactionType.DomainUnjoinRequest:
+                return DomainTransactionBuildUnjoinRequestDescription(translation, fields);
+            case transactionType.DomainUnjoinApprove:
+                return DomainTransactionBuildUnjoinApproveDescription(translation, fields);
+            case transactionType.DomainUnjoinReject:
+                return DomainTransactionBuildUnjoinRejectDescription(translation, fields);
+            case transactionType.DomainJoinDelete:
+                return DomainTransactionBuildJoinDeleteDescription(translation, fields);
+            case transactionType.PlaceUpdate:
+                return PlaceActionBuildUpdateDescription(translation, fields);
+            case transactionType.PlaceJoinRequest:
+                return PlaceTransactionBuildJoinRequestDescription(translation, fields);
+            case transactionType.PlaceJoinApprove:
+                return PlaceTransactionBuildJoinApproveDescription(translation, fields);
+            case transactionType.PlaceJoinReject:
+                return PlaceTransactionBuildJoinRejectDescription(translation, fields);
+            case transactionType.PlaceUnjoinRequest:
+                return PlaceTransactionBuildUnjoinRequestDescription(translation, fields);
+            case transactionType.PlaceUnjoinApprove:
+                return PlaceTransactionBuildUnjoinApproveDescription(translation, fields);
+            case transactionType.PlaceUnjoinReject:
+                return PlaceTransactionBuildUnjoinRejectDescription(translation, fields);
+            case transactionType.PlaceStatusUpdate:
+                return PlaceTransactionBuildPlaceStatusDescription(translation, fields);
+            default:
+                return { title: (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {}), url: '' };
+        }
+    }
+    catch (error) {
+        console.log('[Error: Content Notification]: ', error);
+        return { title: (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {}), url: '' };
+    }
+};
+exports.getFullDescription = getFullDescription;

package/lib/ACM-AXN/Notifications/NotificationDetail/NotificationList/NotificationItem/NotificationAvatar.d.ts

@@ -0,0 +1,12 @@
+/**
+ *
+ * @author dauquan1108@gmail.com on 11/27/2023.
+ *
+ **/
+import React from 'react';
+interface PropsNotificationItem {
+    url: string;
+    name: string;
+}
+declare const _default: React.MemoExoticComponent<(props: PropsNotificationItem) => JSX.Element>;
+export default _default;

package/lib/ACM-AXN/Notifications/NotificationDetail/NotificationList/NotificationItem/NotificationAvatar.js

@@ -0,0 +1,37 @@
+"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 });
+var jsx_runtime_1 = require("react/jsx-runtime");
+/**
+ *
+ * @author dauquan1108@gmail.com on 11/27/2023.
+ *
+ **/
+var react_1 = __importDefault(require("react"));
+var material_1 = require("@mui/material");
+var NotificationAvatar = function (props) {
+    var url = props.url, name = props.name;
+    var styleAvatar = {
+        width: '54px',
+        height: '54px',
+        border: '1px solid #0000001a',
+    };
+    if (!url) {
+        return ((0, jsx_runtime_1.jsx)(react_1.default.Fragment, { children: name ? ((0, jsx_runtime_1.jsx)(material_1.Avatar, { alt: name, title: name, src: "/broken-image.jpg", sx: __assign({}, styleAvatar) })) : ((0, jsx_runtime_1.jsx)(material_1.Avatar, { src: "/broken-image.jpg", sx: __assign({}, styleAvatar) })) }));
+    }
+    return (0, jsx_runtime_1.jsx)(material_1.Avatar, { src: url, alt: name, title: name, sx: __assign({}, styleAvatar) });
+};
+exports.default = react_1.default.memo(NotificationAvatar);

package/lib/ACM-AXN/Notifications/NotificationDetail/NotificationList/NotificationItem/NotificationAvatar.test.js

@@ -0,0 +1,39 @@
+"use strict";
+// /**
+//  *
+//  * @author dauquan1108@gmail.com on 12/4/2023.
+//  *
+//  **/
+// import React from 'react';
+// import {render} from '@testing-library/react';
+// // Component
+// import NotificationAvatar from './NotificationAvatar';
+// describe("NotificationAvatar Component", () => {
+//     it("Hiển thị với đầy đủ props chuyền vào url và name.", () => {
+//         const props = {
+//             url: "https://i.pinimg.com/564x/25/19/fc/2519fc67d88b228c21e20cd1933f30d3.jpg",
+//             name: "Đậu Xuân Quân",
+//         };
+//         const {getByAltText} = render(<NotificationAvatar {...props} />);
+//         const avatar = getByAltText(props.name);
+//         expect((avatar as HTMLImageElement).src).toBe(props.url);
+//     });
+//     it("Hiển thị với trường hợp props chỉ có name.", () => {
+//         const props = {
+//             url: "",
+//             name: "Đậu Xuân Quân",
+//         };
+//         const {getByAltText} = render(<NotificationAvatar {...props} />);
+//         const avatar = getByAltText(props.name);
+//         expect((avatar as HTMLImageElement).src).toContain("broken-image.jpg");
+//     });
+//     it("Hiện thị với trường hợp không có props đầu vào.", () => {
+//         const props = {
+//             url: "",
+//             name: "",
+//         };
+//         const {container} = render(<NotificationAvatar {...props}/>);
+//         const avatar = container.querySelector("img");
+//         expect((avatar as HTMLImageElement).src).toContain("broken-image.jpg");
+//     });
+// });

package/lib/ACM-AXN/Notifications/NotificationDetail/NotificationList/NotificationItem/NotificationContent.d.ts

@@ -0,0 +1,13 @@
+/**
+ *
+ * @author dauquan1108@gmail.com on 11/29/2023.
+ *
+ **/
+import React from 'react';
+import { NotificationMessage } from '../../../../../ACM-AXN/Notifications/Types';
+interface PropsNotificationContent {
+    status?: boolean;
+    notificationMessage: NotificationMessage;
+}
+declare const _default: React.MemoExoticComponent<(props: PropsNotificationContent) => JSX.Element>;
+export default _default;

package/lib/ACM-AXN/Notifications/NotificationDetail/NotificationList/NotificationItem/NotificationContent.js

@@ -0,0 +1,62 @@
+"use strict";
+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");
+/**
+ *
+ * @author dauquan1108@gmail.com on 11/29/2023.
+ *
+ **/
+var react_1 = __importDefault(require("react"));
+var moment_1 = __importDefault(require("moment"));
+var react_i18next_1 = require("react-i18next");
+var material_1 = require("@mui/material");
+var Message_1 = require("./Message");
+var Context_1 = require("../../../../../Context");
+var NotificationContent = function (props) {
+    var _a, _b;
+    var notificationMessage = props.notificationMessage, _c = props.status, status = _c === void 0 ? false : _c;
+    var transactionType = (0, Context_1.useAwing)().transactionType;
+    var t = (0, react_i18next_1.useTranslation)().t;
+    return ((0, jsx_runtime_1.jsxs)(material_1.Box, { sx: {
+            display: 'flex',
+            flexDirection: 'column',
+            justifyContent: 'center',
+            marginLeft: '8px',
+        }, children: [(0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "caption", sx: [
+                    {
+                        overflow: 'hidden',
+                        textOverflow: 'ellipsis',
+                        display: '-webkit-box',
+                        WebkitBoxOrient: 'vertical',
+                        WebkitLineClamp: 5,
+                        margin: '0 0 2px 0',
+                        lineHeight: 1.2,
+                        fontSize: '14px',
+                        fontWeight: 400,
+                        justifyContent: 'space-between',
+                    },
+                    {
+                        '& h1, h2, h3, h4, h5, h6, p, span, b, strong, small, em, i, big': {
+                            marginTop: 0,
+                            marginBottom: 0,
+                            fontSize: '14px',
+                            fontWeight: 400,
+                            textAlign: 'justify',
+                        },
+                        '& a': {
+                            color: '#1a0dab',
+                            textDecoration: 'none',
+                            fontSize: '14px',
+                            fontWeight: 400,
+                            textAlign: 'justify',
+                        },
+                    },
+                ], children: (0, Message_1.getFullDescription)(notificationMessage === null || notificationMessage === void 0 ? void 0 : notificationMessage.sagaTransactionType, t, notificationMessage.fields, transactionType).title }), ((_a = notificationMessage === null || notificationMessage === void 0 ? void 0 : notificationMessage.createdDate) === null || _a === void 0 ? void 0 : _a.seconds) && ((0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "caption", sx: { color: status ? '#ED1D25' : 'inherit' }, children: moment_1.default
+                    .unix(Number((_b = notificationMessage === null || notificationMessage === void 0 ? void 0 : notificationMessage.createdDate) === null || _b === void 0 ? void 0 : _b.seconds))
+                    .locale(t('Common.lg'))
+                    .format('MM/DD/YYYY hh:mm A') }))] }));
+};
+exports.default = react_1.default.memo(NotificationContent);

package/lib/ACM-AXN/Notifications/NotificationDetail/NotificationList/NotificationItem/NotificationContent.test.js

@@ -0,0 +1,66 @@
+"use strict";
+// /**
+//  *
+//  * @author dauquan1108@gmail.com on 12/4/2023.
+//  *
+//  **/
+// import React from "react";
+// import moment from "moment";
+// import { render } from "@testing-library/react";
+// import "@testing-library/jest-dom";
+// import NotificationContent from "./NotificationContent";
+// describe("NotificationContent component", () => {
+//     it("Hiển thị đầy đủ với dữ liệu props đầu vào của component NotificationContent 'content = string, time = number | string'.", () => {
+//         const props = {
+//             content:
+//                 '<p>Chiến dịch đã được cập nhật.</p>',
+//             time: "2023-12-04 12:30",
+//             status: true,
+//         };
+//         const { getByText } = render(<NotificationContent {...props} />);
+//         // Kiểm tra đoạn văn bản có tồn tại trong component hay không.
+//         const contentElement = getByText('Chiến dịch đã được cập nhật.');
+//         expect(contentElement).toBeInTheDocument();
+//         // Kiểm tra thời gian có được hiển thị đúng không.
+//         const formattedTime = moment(props.time).format("DD/MM/YYYY HH:mm");
+//         const timeElement = getByText(formattedTime);
+//         expect(timeElement).toBeInTheDocument();
+//     });
+//     it("Hiển thị nội dung và thời gian, khi thời gian không hợp lệ.", () => {
+//         const props = {
+//             content:
+//                 '<p>Chiến dịch đã được cập nhật.</p>',
+//             time: "Thời gian không hợp lệ",
+//             status: false,
+//         };
+//         const { getByText } = render(<NotificationContent {...props} />);
+//         // Kiểm tra đoạn văn bản có tồn tại trong component hay không.
+//         const contentElement = getByText('Chiến dịch đã được cập nhật.');
+//         expect(contentElement).toBeInTheDocument();
+//         // Kiểm tra thời gian chưa đúng định dạng có được hiển thị thời gian không hợp lệ.
+//         const timeElement = getByText('Thời gian không hợp lệ');
+//         expect(timeElement).toBeInTheDocument();
+//     });
+//     it("Hiện thị thời gian đối với trường hợp nội dung bị trống.", () => {
+//         const props = {
+//             content: "",
+//             time: "2023-12-04 12:30",
+//             status: true,
+//         };
+//         const { getByText } = render(<NotificationContent {...props} />);
+//         // Kiểm tra thời gian có được hiển thị đúng không.
+//         const formattedTime = moment(props.time).format("DD/MM/YYYY HH:mm");
+//         const timeElement = getByText(formattedTime);
+//         expect(timeElement).toBeInTheDocument();
+//     });
+//     it("Hiện thị nội dung và thời gian đối với nội dung và thời gian bị trống.", () => {
+//         const props = {
+//             content: "",
+//             time: "",
+//             status: false,
+//         };
+//         // Kiểm tra xem không có phần tử nào chứa nội dung hoặc thời gian
+//         const { queryByText } = render(<NotificationContent {...props} />);
+//         expect(queryByText(/./)).toBeNull();
+//     });
+// });

package/lib/ACM-AXN/Notifications/NotificationDetail/NotificationList/NotificationItem/index.d.ts

@@ -0,0 +1,17 @@
+/**
+ *
+ * @author dauquan1108@gmail.com on 11/29/2023.
+ *
+ **/
+/// <reference types="react" />
+import { NotificationMessage, NotificationMessageStatus } from '../../../Types';
+interface ValueItem {
+    id: number;
+    status: NotificationMessageStatus;
+}
+interface PropsNotificationItem {
+    notificationMessage: NotificationMessage;
+    onUpdateStatus: (dataSent: ValueItem | string) => void;
+}
+declare const NotificationItem: (props: PropsNotificationItem) => JSX.Element;
+export default NotificationItem;

package/lib/ACM-AXN/Notifications/NotificationDetail/NotificationList/NotificationItem/index.js

@@ -0,0 +1,76 @@
+"use strict";
+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_i18next_1 = require("react-i18next");
+var material_1 = require("@mui/material");
+var NotificationAvatar_1 = __importDefault(require("./NotificationAvatar"));
+var NotificationContent_1 = __importDefault(require("./NotificationContent"));
+var notSeen_svg_1 = __importDefault(require("../../../../../Assets/Images/notSeen.svg"));
+var watched_svg_1 = __importDefault(require("../../../../../Assets/Images/watched.svg"));
+var Types_1 = require("../../../Types");
+var Message_1 = require("./Message");
+var Router_1 = require("../../../../../AWING/Router");
+var Context_1 = require("../../../../../Context");
+var NotificationItem = function (props) {
+    var t = (0, react_i18next_1.useTranslation)().t;
+    var transactionType = (0, Context_1.useAwing)().transactionType;
+    var navigate = (0, Router_1.useNavigate)();
+    var notificationMessage = props.notificationMessage, onUpdateStatus = props.onUpdateStatus;
+    var sagaTransactionType = notificationMessage.sagaTransactionType, fields = notificationMessage.fields, status = notificationMessage.status, id = notificationMessage.id;
+    var handleUpdateStatus = function (event) {
+        event.preventDefault();
+        event.stopPropagation();
+        onUpdateStatus({ id: id, status: status });
+    };
+    var handleClickNotification = function () {
+        navigate((0, Message_1.getFullDescription)(sagaTransactionType, t, fields, transactionType).url);
+        status === Types_1.NotificationMessageStatus.Unread &&
+            onUpdateStatus({ id: id, status: status });
+    };
+    var itemStatus = status === Types_1.NotificationMessageStatus.Unread;
+    return ((0, jsx_runtime_1.jsxs)(material_1.Box, { color: "inherit", onClick: handleClickNotification, sx: [
+            {
+                display: 'flex',
+                flexDirection: 'row',
+                alignItems: 'center',
+                justifyContent: 'space-between',
+                padding: '8px',
+                borderRadius: '8px',
+                position: 'relative',
+                cursor: 'pointer',
+            },
+            {
+                '&:hover': {
+                    backgroundColor: '#03030312',
+                    '& .wrapBtnStatus': {
+                        display: 'flex',
+                        alignItems: 'center',
+                        position: 'absolute',
+                        right: '32px',
+                        padding: '4px',
+                        cursor: 'pointer',
+                        borderRadius: '50%',
+                        backgroundColor: '#EBEDF0',
+                        boxShadow: 'rgba(14, 30, 37, 0.12) 0 2px 4px 0, rgba(14, 30, 37, 0.32) 0 2px 16px 0',
+                    },
+                },
+            },
+        ], children: [(0, jsx_runtime_1.jsxs)(material_1.Box, { content: "div", sx: {
+                    display: 'flex',
+                    flexDirection: 'row',
+                    alignItems: 'center',
+                }, children: [(0, jsx_runtime_1.jsx)(NotificationAvatar_1.default, { url: '', name: '' }), (0, jsx_runtime_1.jsx)(NotificationContent_1.default, { status: itemStatus, notificationMessage: notificationMessage })] }), (0, jsx_runtime_1.jsx)(material_1.Paper, { variant: "outlined", sx: { display: 'none' }, className: "wrapBtnStatus", onClick: handleUpdateStatus, title: itemStatus
+                    ? t('Notifications.TitleMarkRead')
+                    : t('Notifications.TitleMarkUnread'), children: (0, jsx_runtime_1.jsx)("img", { src: (itemStatus
+                        ? notSeen_svg_1.default
+                        : watched_svg_1.default), alt: itemStatus ? 'iconNotSeen' : 'iconWatched', style: { width: '25px', height: '25px' } }) }), itemStatus && ((0, jsx_runtime_1.jsx)(material_1.Paper, { "data-testid": "iconStatus", variant: "outlined", sx: {
+                    padding: '5px',
+                    marginLeft: '8px',
+                    borderRadius: '50%',
+                    backgroundColor: '#ed1d25',
+                } }))] }));
+};
+exports.default = NotificationItem;