@undp/carbon-library 2.1.12-CARBON-Sprint-58.0 → 2.1.12-CARBON-Sprint-58.2

Sign up to get free protection for your applications and to get access to all the features.
package/dist/cjs/index.js CHANGED
@@ -6,10 +6,10 @@ var React = require('react');
6
6
  var luxon = require('luxon');
7
7
  var buffer = require('buffer');
8
8
  var axios = require('axios');
9
+ var Icon = require('react-bootstrap-icons');
9
10
  var PhoneInput = require('react-phone-number-input');
10
11
  var validator = require('validator');
11
12
  var classTransformer = require('class-transformer');
12
- var Icon = require('react-bootstrap-icons');
13
13
  require('react-phone-number-input/style.css');
14
14
  var mapboxgl = require('mapbox-gl');
15
15
  require('mapbox-gl/dist/mapbox-gl.css');
@@ -450,6 +450,7 @@ exports.CompanyManagementColumns = void 0;
450
450
  CompanyManagementColumns["programmeCount"] = "programmeCount";
451
451
  CompanyManagementColumns["creditBalance"] = "creditBalance";
452
452
  CompanyManagementColumns["companyState"] = "status";
453
+ CompanyManagementColumns["action"] = "action";
453
454
  })(exports.CompanyManagementColumns || (exports.CompanyManagementColumns = {}));
454
455
 
455
456
  var css_248z$y = ".profile-icon {\n border-radius: 100%;\n margin-right: 15px;\n font-size: 15px;\n width: 40px;\n height: 40px;\n display: flex;\n justify-content: center;\n align-items: center; }\n .profile-icon img {\n width: 26px; }\n";
@@ -873,6 +874,19 @@ var CompanyManagementComponent = function (props) {
873
874
  var handleFilterVisibleChange = function () {
874
875
  setFilterVisible(true);
875
876
  };
877
+ var actionMenu = function (record) {
878
+ return (React.createElement(antd.List, { className: "action-menu", size: "small", dataSource: [
879
+ {
880
+ text: t("company:view"),
881
+ icon: React.createElement(Icon__namespace.InfoCircle, null),
882
+ click: function () {
883
+ onNavigateToCompanyProfile(record);
884
+ },
885
+ },
886
+ ], renderItem: function (item) { return (React.createElement(antd.List.Item, { onClick: item.click },
887
+ React.createElement(antd.Typography.Text, { className: "action-icon color-primary" }, item.icon),
888
+ React.createElement("span", null, item.text))); } }));
889
+ };
876
890
  var columns = [
877
891
  {
878
892
  title: "",
@@ -953,6 +967,17 @@ var CompanyManagementComponent = function (props) {
953
967
  return getCompanyStateComponent(item);
954
968
  },
955
969
  },
970
+ {
971
+ title: t(""),
972
+ width: 6,
973
+ align: "right",
974
+ key: exports.CompanyManagementColumns.action,
975
+ render: function (_, record) {
976
+ var menu = actionMenu(record);
977
+ return menu && (React.createElement(antd.Popover, { placement: "bottomRight", content: menu, trigger: "click" },
978
+ React.createElement(icons.EllipsisOutlined, { rotate: 90, style: { fontWeight: 600, fontSize: "1rem", cursor: "pointer" } })));
979
+ },
980
+ },
956
981
  ].filter(function (column) { return visibleColumns.includes(column.key); });
957
982
  var filterOr = function () {
958
983
  if (searchByTermOrganisation !== null &&
@@ -1173,8 +1198,7 @@ var CompanyManagementComponent = function (props) {
1173
1198
  };
1174
1199
  return (React.createElement("div", { className: "content-container" },
1175
1200
  React.createElement("div", { className: "title-bar" },
1176
- React.createElement("div", { className: "body-title" }, t("company:viewCompanies")),
1177
- React.createElement("div", { className: "body-sub-title" }, t("company:viewDesc"))),
1201
+ React.createElement("div", { className: "body-title" }, t("company:viewCompanies"))),
1178
1202
  React.createElement("div", { className: "content-card" },
1179
1203
  React.createElement(antd.Row, { className: "table-actions-section" },
1180
1204
  React.createElement(antd.Col, { md: 8, xs: 24 },
@@ -1252,6 +1276,7 @@ exports.ProgrammeManagementColumns = void 0;
1252
1276
  ProgrammeManagementColumns["creditTransferred"] = "creditTransferred";
1253
1277
  ProgrammeManagementColumns["certifierId"] = "certifierId";
1254
1278
  ProgrammeManagementColumns["serialNo"] = "serialNo";
1279
+ ProgrammeManagementColumns["action"] = "action";
1255
1280
  ProgrammeManagementColumns["emissionReductionExpected"] = "emissionReductionExpected";
1256
1281
  ProgrammeManagementColumns["emissionReductionAchieved"] = "emissionReductionAchieved";
1257
1282
  ProgrammeManagementColumns["emissionReductionAchievedandCreditIssued"] = "emissionReductionAchievedandCreditIssued";
@@ -8137,6 +8162,19 @@ var ProgrammeManagementComponent = function (props) {
8137
8162
  setCheckAll(e.target.checked);
8138
8163
  onStatusQuery(nw);
8139
8164
  };
8165
+ var actionMenu = function (record) {
8166
+ return (React.createElement(antd.List, { className: "action-menu", size: "small", dataSource: [
8167
+ {
8168
+ text: t("programme:view"),
8169
+ icon: React.createElement(Icon__namespace.InfoCircle, null),
8170
+ click: function () {
8171
+ onNavigateToProgrammeView(record);
8172
+ },
8173
+ },
8174
+ ], renderItem: function (item) { return (React.createElement(antd.List.Item, { onClick: item.click },
8175
+ React.createElement(antd.Typography.Text, { className: "action-icon color-primary" }, item.icon),
8176
+ React.createElement("span", null, item.text))); } }));
8177
+ };
8140
8178
  var columns = [
8141
8179
  {
8142
8180
  title: t("programme:title"),
@@ -8284,6 +8322,17 @@ var ProgrammeManagementComponent = function (props) {
8284
8322
  key: exports.ProgrammeManagementColumns.serialNo,
8285
8323
  align: "left",
8286
8324
  },
8325
+ {
8326
+ title: t(""),
8327
+ width: 6,
8328
+ align: "right",
8329
+ key: exports.ProgrammeManagementColumns.action,
8330
+ render: function (_, record) {
8331
+ var menu = actionMenu(record);
8332
+ return menu && (React.createElement(antd.Popover, { placement: "bottomRight", content: menu, trigger: "click" },
8333
+ React.createElement(icons.EllipsisOutlined, { rotate: 90, style: { fontWeight: 600, fontSize: "1rem", cursor: "pointer" } })));
8334
+ },
8335
+ },
8287
8336
  ].filter(function (column) { return visibleColumns.includes(column.key); });
8288
8337
  var getAllProgramme = function () { return __awaiter(void 0, void 0, void 0, function () {
8289
8338
  var filter, filterOr, sort, response, error_1;
@@ -8495,8 +8544,7 @@ var ProgrammeManagementComponent = function (props) {
8495
8544
  return (React.createElement("div", { className: "content-container programme-management" },
8496
8545
  React.createElement("div", { className: "programme-title-bar" },
8497
8546
  React.createElement("div", { className: "title-bar" },
8498
- React.createElement("div", { className: "body-title" }, t("programme:viewProgrammes")),
8499
- React.createElement("div", { className: "body-sub-title" }, t("programme:desc"))),
8547
+ React.createElement("div", { className: "body-title" }, t("programme:viewProgrammes"))),
8500
8548
  React.createElement("div", { className: "actions" }, ability.can(exports.Action.Manage, ProgrammeEntity) &&
8501
8549
  enableAddProgramme && (React.createElement("div", { className: "action-bar" },
8502
8550
  React.createElement(antd.Button, { type: "primary", size: "large", block: true, icon: React.createElement(icons.PlusOutlined, null), onClick: onClickAddProgramme }, t("programme:addProgramme")))))),
@@ -15022,10 +15070,7 @@ var ProgrammeCreationComponent = function (props) {
15022
15070
  React.createElement("div", { className: "title-container" },
15023
15071
  React.createElement("div", { className: "main" }, isUpdate
15024
15072
  ? t("addProgramme:editProgramme")
15025
- : t("addProgramme:addProgramme")),
15026
- React.createElement("div", { className: "sub" }, isUpdate
15027
- ? t("addProgramme:editProgrammeSub")
15028
- : t("addProgramme:addProgrammeSub"))),
15073
+ : t("addProgramme:addProgramme"))),
15029
15074
  React.createElement("div", { className: "adding-section" },
15030
15075
  React.createElement("div", { className: "form-section" },
15031
15076
  React.createElement(antd.Steps, { progressDot: true, direction: "vertical", current: current, items: [
@@ -15607,24 +15652,24 @@ var ChangePasswordModel = function (props) {
15607
15652
  };
15608
15653
 
15609
15654
  var AddNewUserComponent = function (props) {
15610
- var _a, _b, _c, _d, _e, _f;
15655
+ var _a, _b, _c, _d, _e;
15611
15656
  var t = props.t, onNavigateToUserManagement = props.onNavigateToUserManagement, onNavigateLogin = props.onNavigateLogin, useLocation = props.useLocation, useAbilityContext = props.useAbilityContext, themeColor = props.themeColor;
15612
- var _g = useConnection(), post = _g.post, put = _g.put, del = _g.delete, get = _g.get;
15657
+ var _f = useConnection(), post = _f.post, put = _f.put, del = _f.delete, get = _f.get;
15613
15658
  var formOne = antd.Form.useForm()[0];
15614
15659
  var state = useLocation().state;
15615
15660
  var updateToken = useConnection().updateToken;
15616
15661
  var removeUserInfo = useUserContext().removeUserInfo;
15617
- var _h = React.useState(false), loading = _h[0], setLoading = _h[1];
15618
- var _j = React.useState({}), actionInfo = _j[0], setActionInfo = _j[1];
15619
- var _k = React.useState(false), isUpdate = _k[0], setIsUpdate = _k[1];
15620
- var _l = React.useState(false), isLoading = _l[0], setIsLoading = _l[1];
15621
- var _m = React.useState(false), openDeleteConfirmationModal = _m[0], setOpenDeleteConfirmationModal = _m[1];
15622
- var _o = React.useState(false), openPasswordChangeModal = _o[0], setopenPasswordChangeModal = _o[1];
15623
- var _p = React.useState(""), errorMsg = _p[0], setErrorMsg = _p[1];
15662
+ var _g = React.useState(false), loading = _g[0], setLoading = _g[1];
15663
+ var _h = React.useState({}), actionInfo = _h[0], setActionInfo = _h[1];
15664
+ var _j = React.useState(false), isUpdate = _j[0], setIsUpdate = _j[1];
15665
+ var _k = React.useState(false), isLoading = _k[0], setIsLoading = _k[1];
15666
+ var _l = React.useState(false), openDeleteConfirmationModal = _l[0], setOpenDeleteConfirmationModal = _l[1];
15667
+ var _m = React.useState(false), openPasswordChangeModal = _m[0], setopenPasswordChangeModal = _m[1];
15668
+ var _o = React.useState(""), errorMsg = _o[0], setErrorMsg = _o[1];
15624
15669
  var userInfoState = useUserContext().userInfoState;
15625
15670
  var ability = useAbilityContext();
15626
- var _q = React.useState([]), countries = _q[0], setCountries = _q[1];
15627
- var _r = React.useState(false), isCountryListLoading = _r[0], setIsCountryListLoading = _r[1];
15671
+ var _p = React.useState([]), countries = _p[0], setCountries = _p[1];
15672
+ var _q = React.useState(false), isCountryListLoading = _q[0], setIsCountryListLoading = _q[1];
15628
15673
  var getCountryList = function () { return __awaiter(void 0, void 0, void 0, function () {
15629
15674
  var response, alpha2Names, error_1;
15630
15675
  return __generator(this, function (_a) {
@@ -15878,10 +15923,7 @@ var AddNewUserComponent = function (props) {
15878
15923
  return (React.createElement("div", { className: "add-user-main-container" },
15879
15924
  React.createElement("div", { className: "title-container" },
15880
15925
  React.createElement("div", { className: "titles" },
15881
- React.createElement("div", { className: "main" }, isUpdate ? t("addUser:editUser") : t("addUser:addNewUser")),
15882
- React.createElement("div", { className: "sub" }, ((_a = state === null || state === void 0 ? void 0 : state.record) === null || _a === void 0 ? void 0 : _a.name)
15883
- ? t("addUser:editUserSub")
15884
- : t("addUser:addUserSub"))),
15926
+ React.createElement("div", { className: "main" }, isUpdate ? t("addUser:editUser") : t("addUser:addNewUser"))),
15885
15927
  isUpdate &&
15886
15928
  !ability.can(exports.Action.Update, classTransformer.plainToClass(User, state === null || state === void 0 ? void 0 : state.record), "email") && (React.createElement("div", { className: "actions" },
15887
15929
  (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) !== exports.Role.Root && (React.createElement(antd.Button, { className: "mg-left-1 btn-danger", onClick: function () { return onDeleteProfileUser(); } }, t("userProfile:delete"))),
@@ -15891,7 +15933,7 @@ var AddNewUserComponent = function (props) {
15891
15933
  React.createElement(antd.Row, { className: "row", gutter: [16, 16] },
15892
15934
  React.createElement(antd.Col, { xl: 12, md: 24 },
15893
15935
  React.createElement("div", { className: "details-part-one" },
15894
- React.createElement(antd.Form.Item, { label: t("addUser:name"), initialValue: (_b = state === null || state === void 0 ? void 0 : state.record) === null || _b === void 0 ? void 0 : _b.name, name: "name", rules: [
15936
+ React.createElement(antd.Form.Item, { label: t("addUser:name"), initialValue: (_a = state === null || state === void 0 ? void 0 : state.record) === null || _a === void 0 ? void 0 : _a.name, name: "name", rules: [
15895
15937
  {
15896
15938
  required: true,
15897
15939
  message: "",
@@ -15911,7 +15953,7 @@ var AddNewUserComponent = function (props) {
15911
15953
  },
15912
15954
  ] },
15913
15955
  React.createElement(antd.Input, { size: "large" })),
15914
- React.createElement(antd.Form.Item, { label: t("addUser:email"), name: "email", initialValue: (_c = state === null || state === void 0 ? void 0 : state.record) === null || _c === void 0 ? void 0 : _c.email, rules: [
15956
+ React.createElement(antd.Form.Item, { label: t("addUser:email"), name: "email", initialValue: (_b = state === null || state === void 0 ? void 0 : state.record) === null || _b === void 0 ? void 0 : _b.email, rules: [
15915
15957
  {
15916
15958
  required: true,
15917
15959
  message: "",
@@ -15943,13 +15985,13 @@ var AddNewUserComponent = function (props) {
15943
15985
  !ability.can(exports.Action.Update, classTransformer.plainToClass(User, state === null || state === void 0 ? void 0 : state.record), "email"), size: "large" })))),
15944
15986
  React.createElement(antd.Col, { xl: 12, md: 24 },
15945
15987
  React.createElement("div", { className: "details-part-two" },
15946
- React.createElement(antd.Form.Item, { className: "role-group", label: t("addUser:role"), initialValue: (_d = state === null || state === void 0 ? void 0 : state.record) === null || _d === void 0 ? void 0 : _d.role, name: "role", rules: [
15988
+ React.createElement(antd.Form.Item, { className: "role-group", label: t("addUser:role"), initialValue: (_c = state === null || state === void 0 ? void 0 : state.record) === null || _c === void 0 ? void 0 : _c.role, name: "role", rules: [
15947
15989
  {
15948
15990
  required: true,
15949
15991
  message: "".concat(t("addUser:role"), " ").concat(t("addUser:isRequired")),
15950
15992
  },
15951
15993
  ] },
15952
- React.createElement(antd.Radio.Group, { value: (_e = state === null || state === void 0 ? void 0 : state.record) === null || _e === void 0 ? void 0 : _e.role, size: "large", disabled: isUpdate &&
15994
+ React.createElement(antd.Radio.Group, { value: (_d = state === null || state === void 0 ? void 0 : state.record) === null || _d === void 0 ? void 0 : _d.role, size: "large", disabled: isUpdate &&
15953
15995
  !ability.can(exports.Action.Update, classTransformer.plainToClass(User, state === null || state === void 0 ? void 0 : state.record), "role") },
15954
15996
  React.createElement("div", { className: "admin-radio-container" },
15955
15997
  React.createElement(antd.Tooltip, { placement: "top", title: t("addUser:adminToolTip") },
@@ -15966,7 +16008,7 @@ var AddNewUserComponent = function (props) {
15966
16008
  React.createElement(antd.Radio.Button, { className: "view-only", value: "ViewOnly" },
15967
16009
  React.createElement(icons.EyeOutlined, { className: "role-icons" }),
15968
16010
  t("addUser:viewer")))))),
15969
- React.createElement(antd.Skeleton, { loading: isCountryListLoading, active: true }, countries.length > 0 && (React.createElement(antd.Form.Item, { name: "phoneNo", label: t("addUser:phoneNo"), initialValue: (_f = state === null || state === void 0 ? void 0 : state.record) === null || _f === void 0 ? void 0 : _f.phoneNo, rules: [
16011
+ React.createElement(antd.Skeleton, { loading: isCountryListLoading, active: true }, countries.length > 0 && (React.createElement(antd.Form.Item, { name: "phoneNo", label: t("addUser:phoneNo"), initialValue: (_e = state === null || state === void 0 ? void 0 : state.record) === null || _e === void 0 ? void 0 : _e.phoneNo, rules: [
15970
16012
  {
15971
16013
  required: false,
15972
16014
  },
@@ -16683,8 +16725,7 @@ var UserManagementComponent = function (props) {
16683
16725
  };
16684
16726
  return (React.createElement("div", { className: "content-container" },
16685
16727
  React.createElement("div", { className: "title-bar" },
16686
- React.createElement("div", { className: "body-title" }, t("user:viewUsers")),
16687
- React.createElement("div", { className: "body-sub-title" }, t("user:viewDesc"))),
16728
+ React.createElement("div", { className: "body-title" }, t("user:viewUsers"))),
16688
16729
  React.createElement("div", { className: "content-card" },
16689
16730
  React.createElement(antd.Row, { className: "table-actions-section" },
16690
16731
  React.createElement(antd.Col, { md: 8, xs: 24 },
@@ -18544,8 +18585,7 @@ var InvestmentManagementComponent = function (props) {
18544
18585
  return (React.createElement("div", { className: "investment-management content-container" },
18545
18586
  React.createElement("div", { className: "investment-title-bar" },
18546
18587
  React.createElement("div", { className: "title-bar" },
18547
- React.createElement("div", { className: "body-title" }, t("programme:investmentTitle")),
18548
- React.createElement("div", { className: "body-sub-title" }, t("programme:investmentDesc"))),
18588
+ React.createElement("div", { className: "body-title" }, t("programme:investmentTitle"))),
18549
18589
  React.createElement("div", { className: "actions" }, enableAddOwnership &&
18550
18590
  ((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) == exports.CompanyRole.MINISTRY ||
18551
18591
  (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) == exports.CompanyRole.GOVERNMENT ||
@@ -19412,8 +19452,7 @@ var SupportManagementComponent = function (props) {
19412
19452
  return (React.createElement("div", { className: "investment-management content-container" },
19413
19453
  React.createElement("div", { className: "support-title-bar" },
19414
19454
  React.createElement("div", { className: "title-bar" },
19415
- React.createElement("div", { className: "body-title" }, t("programme:supportTitle")),
19416
- React.createElement("div", { className: "body-sub-title" }, t("programme:supportDesc"))),
19455
+ React.createElement("div", { className: "body-title" }, t("programme:supportTitle"))),
19417
19456
  React.createElement("div", { className: "actions" }, enableAddSupport && (React.createElement("div", { className: "action-bar" },
19418
19457
  React.createElement(antd.Button, { type: "primary", size: "large", block: true, icon: React.createElement(icons.PlusOutlined, null), onClick: onClickAddSupport }, t("programme:addSupportBtnText")))))),
19419
19458
  React.createElement("div", { className: "content-card" },
@@ -19519,6 +19558,19 @@ var NdcActionManagementComponent = function (props) {
19519
19558
  }
19520
19559
  }
19521
19560
  };
19561
+ var actionMenu = function (record) {
19562
+ return (React.createElement(antd.List, { className: "action-menu", size: "small", dataSource: [
19563
+ {
19564
+ text: t("ndcAction:view"),
19565
+ icon: React.createElement(Icon__namespace.InfoCircle, null),
19566
+ click: function () {
19567
+ onNavigateToNdcManagementView(record);
19568
+ },
19569
+ },
19570
+ ], renderItem: function (item) { return (React.createElement(antd.List.Item, { onClick: item.click },
19571
+ React.createElement(antd.Typography.Text, { className: "action-icon color-primary" }, item.icon),
19572
+ React.createElement("span", null, item.text))); } }));
19573
+ };
19522
19574
  var columns = [
19523
19575
  {
19524
19576
  title: t("ndcAction:ndcColumnsActionId"),
@@ -19603,6 +19655,17 @@ var NdcActionManagementComponent = function (props) {
19603
19655
  React.createElement(antd.Tag, { className: "clickable", color: getNdcStatusTagType(Obj.status) }, addSpaces(Obj.status))));
19604
19656
  },
19605
19657
  },
19658
+ {
19659
+ title: t(""),
19660
+ width: 6,
19661
+ align: "right",
19662
+ key: "action",
19663
+ render: function (_, record) {
19664
+ var menu = actionMenu(record);
19665
+ return menu && (React.createElement(antd.Popover, { placement: "bottomRight", content: menu, trigger: "click" },
19666
+ React.createElement(icons.EllipsisOutlined, { rotate: 90, style: { fontWeight: 600, fontSize: "1rem", cursor: "pointer" } })));
19667
+ },
19668
+ },
19606
19669
  ];
19607
19670
  var getNdcActionData = function () { return __awaiter(void 0, void 0, void 0, function () {
19608
19671
  var filter, interFilterOr, sort, filterBy, response, error_1;
@@ -19848,8 +19911,7 @@ var NdcActionManagementComponent = function (props) {
19848
19911
  React.createElement("div", { className: "title-bar" },
19849
19912
  React.createElement(antd.Row, { justify: "space-between", align: "middle" },
19850
19913
  React.createElement(antd.Col, { span: 20 },
19851
- React.createElement("div", { className: "body-title" }, t("ndcAction:NdcTitle")),
19852
- React.createElement("div", { className: "body-sub-title" }, t("ndcAction:NdcSubTitle"))))),
19914
+ React.createElement("div", { className: "body-title" }, t("ndcAction:NdcTitle"))))),
19853
19915
  React.createElement("div", { className: "content-card" },
19854
19916
  React.createElement(antd.Row, null,
19855
19917
  React.createElement(antd.Col, { lg: { span: 15 }, md: { span: 14 } },
@@ -23781,8 +23843,7 @@ var AddNdcActionComponent = function (props) {
23781
23843
  }
23782
23844
  return (React.createElement("div", { className: "add-ndc-main-container" },
23783
23845
  React.createElement("div", { className: "title-container" },
23784
- React.createElement("div", { className: "main" }, t("ndcAction:addNdcTitle")),
23785
- React.createElement("div", { className: "sub" }, t("ndcAction:addNdcSubTitle"))),
23846
+ React.createElement("div", { className: "main" }, t("ndcAction:addNdcTitle"))),
23786
23847
  React.createElement("div", { className: "adding-section" },
23787
23848
  React.createElement("div", { className: "form-section" },
23788
23849
  React.createElement(antd.Steps, { progressDot: true, direction: "vertical", current: current, items: stepItems })))));
@@ -24202,8 +24263,7 @@ var NdcActionViewComponent = function (props) {
24202
24263
  React.createElement("div", { className: "body-title" },
24203
24264
  t("ndcAction:NdcDetailsViewTitle"),
24204
24265
  " ",
24205
- getNdcActionNames(ndcActionDetails === null || ndcActionDetails === void 0 ? void 0 : ndcActionDetails.action)),
24206
- React.createElement("div", { className: "body-sub-title" }, t("ndcAction:NdcDetailsViewSubTitle")))),
24266
+ getNdcActionNames(ndcActionDetails === null || ndcActionDetails === void 0 ? void 0 : ndcActionDetails.action)))),
24207
24267
  React.createElement("div", { className: "content-body" },
24208
24268
  React.createElement(antd.Row, { gutter: 16 },
24209
24269
  (emissionsReductionAchieved !== 0 ||
@@ -25133,8 +25193,7 @@ var CreditTransferComponent = function (props) {
25133
25193
  React.createElement("div", { className: "title-bar" },
25134
25194
  React.createElement(antd.Row, { justify: "space-between", align: "middle" },
25135
25195
  React.createElement(antd.Col, { span: 20 },
25136
- React.createElement("div", { className: "body-title" }, t("creditTransfer:viewCreditsTransfers")),
25137
- React.createElement("div", { className: "body-sub-title" }, t("creditTransfer:desc"))),
25196
+ React.createElement("div", { className: "body-title" }, t("creditTransfer:viewCreditsTransfers"))),
25138
25197
  React.createElement(antd.Col, { span: 4 }, (((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === exports.CompanyRole.GOVERNMENT &&
25139
25198
  (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.Admin) ||
25140
25199
  (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.Root) && (React.createElement("div", { className: "transfer-freeze-icon", onClick: onFreezeTransfer }, isTransferFrozen ? (React.createElement(Icon.PlayCircle, { className: "play-circle", size: 35 })) : (React.createElement(Icon.PauseCircle, { className: "pause-circle", size: 35 }))))))),
@@ -29700,8 +29759,7 @@ var NdcDetailsComponent = function (props) {
29700
29759
  React.createElement("div", { className: "title-bar" },
29701
29760
  React.createElement(antd.Row, { justify: "space-between", align: "middle" },
29702
29761
  React.createElement(antd.Col, { span: 20 },
29703
- React.createElement("div", { className: "body-title" }, t("ndc:ndcTitle")),
29704
- React.createElement("div", { className: "body-sub-title" }, t("ndc:ndcSubTitle"))))),
29762
+ React.createElement("div", { className: "body-title" }, t("ndc:ndcTitle"))))),
29705
29763
  React.createElement("div", null,
29706
29764
  React.createElement(antd.Tabs, { centered: false, defaultActiveKey: "1", items: periodItems, activeKey: selectedPeriod ? selectedPeriod.key : "1", onChange: onTabChange })),
29707
29765
  React.createElement("div", null, selectedPeriod