@undp/carbon-library 2.1.12-CARBON-Sprint-58.1 → 2.1.12-CARBON-Sprint-58.3

Sign up to get free protection for your applications and to get access to all the features.
package/dist/cjs/index.js CHANGED
@@ -1198,8 +1198,7 @@ var CompanyManagementComponent = function (props) {
1198
1198
  };
1199
1199
  return (React.createElement("div", { className: "content-container" },
1200
1200
  React.createElement("div", { className: "title-bar" },
1201
- React.createElement("div", { className: "body-title" }, t("company:viewCompanies")),
1202
- React.createElement("div", { className: "body-sub-title" }, t("company:viewDesc"))),
1201
+ React.createElement("div", { className: "body-title" }, t("company:viewCompanies"))),
1203
1202
  React.createElement("div", { className: "content-card" },
1204
1203
  React.createElement(antd.Row, { className: "table-actions-section" },
1205
1204
  React.createElement(antd.Col, { md: 8, xs: 24 },
@@ -8038,8 +8037,7 @@ var CompanyProfileComponent = function (props) {
8038
8037
  return (React.createElement("div", { className: "content-container company-profile" },
8039
8038
  React.createElement("div", { className: "title-bar" },
8040
8039
  React.createElement("div", null,
8041
- React.createElement("div", { className: "body-title" }, t("companyProfile:title")),
8042
- React.createElement("div", { className: "body-sub-title" }, t("companyProfile:subTitle"))),
8040
+ React.createElement("div", { className: "body-title" }, t("companyProfile:title"))),
8043
8041
  React.createElement("div", { className: "flex-display" },
8044
8042
  ability.can(exports.Action.Delete, classTransformer.plainToClass(Company, companyDetails)) &&
8045
8043
  !isLoading &&
@@ -8096,7 +8094,7 @@ var CompanyProfileComponent = function (props) {
8096
8094
  React.createElement(UserActionConfirmationModel, { t: t, actionInfo: actionInfo, onActionConfirmed: onRejectOrgConfirmed, onActionCanceled: onRejectOrgCanceled, openModal: openRejectModal, errorMsg: errorMsg, loading: isLoading })));
8097
8095
  };
8098
8096
 
8099
- var css_248z$s = ".programme-management .programme-title-bar {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n padding: 0px 0px 30px 0px; }\n .programme-management .programme-title-bar .title {\n display: flex;\n flex-direction: column;\n justify-content: space-between; }\n .programme-management .programme-title-bar .actions {\n display: flex;\n align-items: center;\n justify-content: flex-end; }\n .programme-management .programme-title-bar .flex-display {\n margin-left: 15px; }\n\n.programme-management .certify-list {\n width: 88px;\n display: flex;\n align-items: center;\n flex-wrap: wrap; }\n .programme-management .certify-list .profile-icon {\n margin-bottom: 4px;\n margin-right: 4px; }\n\n.programme-management .org-list {\n width: 88px;\n display: flex;\n align-items: center;\n flex-wrap: wrap; }\n .programme-management .org-list .profile-icon {\n margin-bottom: 4px;\n margin-right: 4px; }\n\n.programme-management .table-actions-section {\n margin-bottom: 0px; }\n .programme-management .table-actions-section input {\n font-family: \"Inter\";\n font-size: 0.8rem; }\n\n.programme-management .all-check {\n margin-right: 10px; }\n .programme-management .all-check .ant-checkbox-inner::after {\n background-color: rgba(58, 53, 65, 0.5); }\n .programme-management .all-check .ant-checkbox-checked .ant-checkbox-inner::after {\n background-color: transparent; }\n .programme-management .all-check .ant-checkbox-checked .ant-checkbox-inner {\n background-color: rgba(58, 53, 65, 0.5);\n border: none; }\n\n.programme-management .ant-checkbox-checked .ant-checkbox-input[value=\"Retired\"] + .ant-checkbox-inner {\n background-color: rgba(58, 53, 65, 0.4);\n border: none; }\n\n.programme-management .ant-checkbox-checked .ant-checkbox-input[value=\"AwaitingAuthorization\"] + .ant-checkbox-inner {\n background-color: rgba(237, 77, 71, 0.6);\n border: none; }\n\n.programme-management .ant-checkbox-checked .ant-checkbox-input[value=\"Rejected\"] + .ant-checkbox-inner {\n background-color: rgba(58, 53, 65, 0.4);\n border: none; }\n\n.programme-management .ant-checkbox-checked .ant-checkbox-input[value=\"Authorised\"] + .ant-checkbox-inner {\n background-color: #16b1ff;\n border: none; }\n\n.programme-management .ant-checkbox-checked .ant-checkbox-input[value=\"Approved\"] + .ant-checkbox-inner {\n background-color: rgba(145, 85, 253, 0.6);\n border: none; }\n\n.programme-management .ant-checkbox-checked .ant-checkbox-input[value=\"Transferred\"] + .ant-checkbox-inner {\n background-color: rgba(118, 195, 39, 0.6);\n border: none; }\n";
8097
+ var css_248z$s = ".programme-management .programme-title-bar {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n padding: 0px 0px 0px 0px; }\n .programme-management .programme-title-bar .title {\n display: flex;\n flex-direction: column;\n justify-content: space-between; }\n .programme-management .programme-title-bar .actions {\n display: flex;\n align-items: flex-start;\n justify-content: flex-end; }\n .programme-management .programme-title-bar .flex-display {\n margin-left: 15px; }\n\n.programme-management .certify-list {\n width: 88px;\n display: flex;\n align-items: center;\n flex-wrap: wrap; }\n .programme-management .certify-list .profile-icon {\n margin-bottom: 4px;\n margin-right: 4px; }\n\n.programme-management .org-list {\n width: 88px;\n display: flex;\n align-items: center;\n flex-wrap: wrap; }\n .programme-management .org-list .profile-icon {\n margin-bottom: 4px;\n margin-right: 4px; }\n\n.programme-management .table-actions-section {\n margin-bottom: 0px; }\n .programme-management .table-actions-section input {\n font-family: \"Inter\";\n font-size: 0.8rem; }\n\n.programme-management .all-check {\n margin-right: 10px; }\n .programme-management .all-check .ant-checkbox-inner::after {\n background-color: rgba(58, 53, 65, 0.5); }\n .programme-management .all-check .ant-checkbox-checked .ant-checkbox-inner::after {\n background-color: transparent; }\n .programme-management .all-check .ant-checkbox-checked .ant-checkbox-inner {\n background-color: rgba(58, 53, 65, 0.5);\n border: none; }\n\n.programme-management .ant-checkbox-checked .ant-checkbox-input[value=\"Retired\"] + .ant-checkbox-inner {\n background-color: rgba(58, 53, 65, 0.4);\n border: none; }\n\n.programme-management .ant-checkbox-checked .ant-checkbox-input[value=\"AwaitingAuthorization\"] + .ant-checkbox-inner {\n background-color: rgba(237, 77, 71, 0.6);\n border: none; }\n\n.programme-management .ant-checkbox-checked .ant-checkbox-input[value=\"Rejected\"] + .ant-checkbox-inner {\n background-color: rgba(58, 53, 65, 0.4);\n border: none; }\n\n.programme-management .ant-checkbox-checked .ant-checkbox-input[value=\"Authorised\"] + .ant-checkbox-inner {\n background-color: #16b1ff;\n border: none; }\n\n.programme-management .ant-checkbox-checked .ant-checkbox-input[value=\"Approved\"] + .ant-checkbox-inner {\n background-color: rgba(145, 85, 253, 0.6);\n border: none; }\n\n.programme-management .ant-checkbox-checked .ant-checkbox-input[value=\"Transferred\"] + .ant-checkbox-inner {\n background-color: rgba(118, 195, 39, 0.6);\n border: none; }\n";
8100
8098
  styleInject(css_248z$s);
8101
8099
 
8102
8100
  var Search$1 = antd.Input.Search;
@@ -8545,8 +8543,7 @@ var ProgrammeManagementComponent = function (props) {
8545
8543
  return (React.createElement("div", { className: "content-container programme-management" },
8546
8544
  React.createElement("div", { className: "programme-title-bar" },
8547
8545
  React.createElement("div", { className: "title-bar" },
8548
- React.createElement("div", { className: "body-title" }, t("programme:viewProgrammes")),
8549
- React.createElement("div", { className: "body-sub-title" }, t("programme:desc"))),
8546
+ React.createElement("div", { className: "body-title" }, t("programme:viewProgrammes"))),
8550
8547
  React.createElement("div", { className: "actions" }, ability.can(exports.Action.Manage, ProgrammeEntity) &&
8551
8548
  enableAddProgramme && (React.createElement("div", { className: "action-bar" },
8552
8549
  React.createElement(antd.Button, { type: "primary", size: "large", block: true, icon: React.createElement(icons.PlusOutlined, null), onClick: onClickAddProgramme }, t("programme:addProgramme")))))),
@@ -15072,10 +15069,7 @@ var ProgrammeCreationComponent = function (props) {
15072
15069
  React.createElement("div", { className: "title-container" },
15073
15070
  React.createElement("div", { className: "main" }, isUpdate
15074
15071
  ? t("addProgramme:editProgramme")
15075
- : t("addProgramme:addProgramme")),
15076
- React.createElement("div", { className: "sub" }, isUpdate
15077
- ? t("addProgramme:editProgrammeSub")
15078
- : t("addProgramme:addProgrammeSub"))),
15072
+ : t("addProgramme:addProgramme"))),
15079
15073
  React.createElement("div", { className: "adding-section" },
15080
15074
  React.createElement("div", { className: "form-section" },
15081
15075
  React.createElement(antd.Steps, { progressDot: true, direction: "vertical", current: current, items: [
@@ -15657,24 +15651,24 @@ var ChangePasswordModel = function (props) {
15657
15651
  };
15658
15652
 
15659
15653
  var AddNewUserComponent = function (props) {
15660
- var _a, _b, _c, _d, _e, _f;
15654
+ var _a, _b, _c, _d, _e;
15661
15655
  var t = props.t, onNavigateToUserManagement = props.onNavigateToUserManagement, onNavigateLogin = props.onNavigateLogin, useLocation = props.useLocation, useAbilityContext = props.useAbilityContext, themeColor = props.themeColor;
15662
- var _g = useConnection(), post = _g.post, put = _g.put, del = _g.delete, get = _g.get;
15656
+ var _f = useConnection(), post = _f.post, put = _f.put, del = _f.delete, get = _f.get;
15663
15657
  var formOne = antd.Form.useForm()[0];
15664
15658
  var state = useLocation().state;
15665
15659
  var updateToken = useConnection().updateToken;
15666
15660
  var removeUserInfo = useUserContext().removeUserInfo;
15667
- var _h = React.useState(false), loading = _h[0], setLoading = _h[1];
15668
- var _j = React.useState({}), actionInfo = _j[0], setActionInfo = _j[1];
15669
- var _k = React.useState(false), isUpdate = _k[0], setIsUpdate = _k[1];
15670
- var _l = React.useState(false), isLoading = _l[0], setIsLoading = _l[1];
15671
- var _m = React.useState(false), openDeleteConfirmationModal = _m[0], setOpenDeleteConfirmationModal = _m[1];
15672
- var _o = React.useState(false), openPasswordChangeModal = _o[0], setopenPasswordChangeModal = _o[1];
15673
- var _p = React.useState(""), errorMsg = _p[0], setErrorMsg = _p[1];
15661
+ var _g = React.useState(false), loading = _g[0], setLoading = _g[1];
15662
+ var _h = React.useState({}), actionInfo = _h[0], setActionInfo = _h[1];
15663
+ var _j = React.useState(false), isUpdate = _j[0], setIsUpdate = _j[1];
15664
+ var _k = React.useState(false), isLoading = _k[0], setIsLoading = _k[1];
15665
+ var _l = React.useState(false), openDeleteConfirmationModal = _l[0], setOpenDeleteConfirmationModal = _l[1];
15666
+ var _m = React.useState(false), openPasswordChangeModal = _m[0], setopenPasswordChangeModal = _m[1];
15667
+ var _o = React.useState(""), errorMsg = _o[0], setErrorMsg = _o[1];
15674
15668
  var userInfoState = useUserContext().userInfoState;
15675
15669
  var ability = useAbilityContext();
15676
- var _q = React.useState([]), countries = _q[0], setCountries = _q[1];
15677
- var _r = React.useState(false), isCountryListLoading = _r[0], setIsCountryListLoading = _r[1];
15670
+ var _p = React.useState([]), countries = _p[0], setCountries = _p[1];
15671
+ var _q = React.useState(false), isCountryListLoading = _q[0], setIsCountryListLoading = _q[1];
15678
15672
  var getCountryList = function () { return __awaiter(void 0, void 0, void 0, function () {
15679
15673
  var response, alpha2Names, error_1;
15680
15674
  return __generator(this, function (_a) {
@@ -15928,10 +15922,7 @@ var AddNewUserComponent = function (props) {
15928
15922
  return (React.createElement("div", { className: "add-user-main-container" },
15929
15923
  React.createElement("div", { className: "title-container" },
15930
15924
  React.createElement("div", { className: "titles" },
15931
- React.createElement("div", { className: "main" }, isUpdate ? t("addUser:editUser") : t("addUser:addNewUser")),
15932
- React.createElement("div", { className: "sub" }, ((_a = state === null || state === void 0 ? void 0 : state.record) === null || _a === void 0 ? void 0 : _a.name)
15933
- ? t("addUser:editUserSub")
15934
- : t("addUser:addUserSub"))),
15925
+ React.createElement("div", { className: "main" }, isUpdate ? t("addUser:editUser") : t("addUser:addNewUser"))),
15935
15926
  isUpdate &&
15936
15927
  !ability.can(exports.Action.Update, classTransformer.plainToClass(User, state === null || state === void 0 ? void 0 : state.record), "email") && (React.createElement("div", { className: "actions" },
15937
15928
  (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"))),
@@ -15941,7 +15932,7 @@ var AddNewUserComponent = function (props) {
15941
15932
  React.createElement(antd.Row, { className: "row", gutter: [16, 16] },
15942
15933
  React.createElement(antd.Col, { xl: 12, md: 24 },
15943
15934
  React.createElement("div", { className: "details-part-one" },
15944
- 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: [
15935
+ 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: [
15945
15936
  {
15946
15937
  required: true,
15947
15938
  message: "",
@@ -15961,7 +15952,7 @@ var AddNewUserComponent = function (props) {
15961
15952
  },
15962
15953
  ] },
15963
15954
  React.createElement(antd.Input, { size: "large" })),
15964
- 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: [
15955
+ 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: [
15965
15956
  {
15966
15957
  required: true,
15967
15958
  message: "",
@@ -15993,13 +15984,13 @@ var AddNewUserComponent = function (props) {
15993
15984
  !ability.can(exports.Action.Update, classTransformer.plainToClass(User, state === null || state === void 0 ? void 0 : state.record), "email"), size: "large" })))),
15994
15985
  React.createElement(antd.Col, { xl: 12, md: 24 },
15995
15986
  React.createElement("div", { className: "details-part-two" },
15996
- 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: [
15987
+ 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: [
15997
15988
  {
15998
15989
  required: true,
15999
15990
  message: "".concat(t("addUser:role"), " ").concat(t("addUser:isRequired")),
16000
15991
  },
16001
15992
  ] },
16002
- 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 &&
15993
+ 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 &&
16003
15994
  !ability.can(exports.Action.Update, classTransformer.plainToClass(User, state === null || state === void 0 ? void 0 : state.record), "role") },
16004
15995
  React.createElement("div", { className: "admin-radio-container" },
16005
15996
  React.createElement(antd.Tooltip, { placement: "top", title: t("addUser:adminToolTip") },
@@ -16016,7 +16007,7 @@ var AddNewUserComponent = function (props) {
16016
16007
  React.createElement(antd.Radio.Button, { className: "view-only", value: "ViewOnly" },
16017
16008
  React.createElement(icons.EyeOutlined, { className: "role-icons" }),
16018
16009
  t("addUser:viewer")))))),
16019
- 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: [
16010
+ 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: [
16020
16011
  {
16021
16012
  required: false,
16022
16013
  },
@@ -16140,8 +16131,7 @@ var UserProfileComponent = function (props) {
16140
16131
  React.createElement(antd.Col, { md: 24, lg: 8 },
16141
16132
  React.createElement("div", { className: "title-bar" },
16142
16133
  React.createElement("div", null,
16143
- React.createElement("div", { className: "body-title" }, t("userProfile:title")),
16144
- React.createElement("div", { className: "body-sub-title" }, t("userProfile:subTitle"))))),
16134
+ React.createElement("div", { className: "body-title" }, t("userProfile:title"))))),
16145
16135
  React.createElement(antd.Col, { md: 24, lg: 16 },
16146
16136
  React.createElement(antd.Row, { justify: "end" },
16147
16137
  React.createElement(antd.Button, { className: "mg-left-1 btn-danger mg-bottom-1", onClick: function () { return signOut(); } }, t("userProfile:logOut")),
@@ -16733,8 +16723,7 @@ var UserManagementComponent = function (props) {
16733
16723
  };
16734
16724
  return (React.createElement("div", { className: "content-container" },
16735
16725
  React.createElement("div", { className: "title-bar" },
16736
- React.createElement("div", { className: "body-title" }, t("user:viewUsers")),
16737
- React.createElement("div", { className: "body-sub-title" }, t("user:viewDesc"))),
16726
+ React.createElement("div", { className: "body-title" }, t("user:viewUsers"))),
16738
16727
  React.createElement("div", { className: "content-card" },
16739
16728
  React.createElement(antd.Row, { className: "table-actions-section" },
16740
16729
  React.createElement(antd.Col, { md: 8, xs: 24 },
@@ -16780,7 +16769,7 @@ var UserManagementComponent = function (props) {
16780
16769
  React.createElement(UserActionConfirmationModel, { t: t, actionInfo: actionInfo, onActionConfirmed: handleOk, onActionCanceled: handleCancel, openModal: openDeleteConfirmationModal, errorMsg: errorMsg, loading: loading })));
16781
16770
  };
16782
16771
 
16783
- var css_248z$m = ".steps-actions {\n display: flex;\n flex-direction: row-reverse;\n margin-right: 1rem;\n justify-content: flex-start; }\n\n.details-part-two .ant-input-number {\n width: 50%;\n margin-left: 15px; }\n\n.investment-title-bar {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n padding: 0px 0px 30px 0px; }\n .investment-title-bar .title {\n display: flex;\n flex-direction: column;\n justify-content: space-between; }\n .investment-title-bar .actions {\n display: flex;\n align-items: center;\n justify-content: flex-end; }\n .investment-title-bar .flex-display {\n margin-left: 15px; }\n\n.ownership-container {\n padding: 15px 0px; }\n .ownership-container .label {\n color: rgba(58, 53, 65, 0.5); }\n\n.separator {\n padding: 5px;\n color: #d8d8d8; }\n\n.role-group .ant-col-13 {\n max-width: 320px; }\n\n.role-group .condition-radio-container {\n width: 48%;\n text-align: center; }\n .role-group .condition-radio-container .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {\n color: #ffffff !important;\n border-color: #9155fd;\n box-shadow: none;\n max-width: 200px; }\n\n.role-group .ant-radio-button-wrapper::before {\n background-color: transparent; }\n\n.role-group .anticon {\n margin-right: 0.5rem; }\n\n.role-group .ant-radio-button-wrapper {\n border: 1px solid #d9d9d9;\n color: rgba(140, 140, 140, 0.7) !important;\n width: 100% !important; }\n\n.role-group .condition-radio {\n width: 100%;\n text-transform: uppercase; }\n .role-group .condition-radio .ant-radio-button-checked {\n background: #9155fd;\n color: #ffffff; }\n\n.role-group .role-icons {\n margin-right: 5px; }\n\n.investment-management .role-icon {\n padding: 0.5rem 0.6rem; }\n\n.investment-management .ant-tag {\n border: none; }\n\n.investment-management .ant-checkbox-checked .ant-checkbox-input[value=\"Rejected\"] + .ant-checkbox-inner {\n background-color: rgba(237, 77, 71, 0.6);\n border: none; }\n\n.investment-management .ant-checkbox-checked .ant-checkbox-input[value=\"Cancelled\"] + .ant-checkbox-inner {\n background-color: rgba(58, 53, 65, 0.4);\n border: none; }\n\n.investment-management .ant-checkbox-checked .ant-checkbox-input[value=\"Accepted\"] + .ant-checkbox-inner {\n background-color: #16b1ff;\n border: none; }\n\n.investment-management .ant-checkbox-checked .ant-checkbox-input[value=\"Pending\"] + .ant-checkbox-inner {\n background-color: rgba(118, 195, 39, 0.6);\n border: none; }\n\n.investment-management .ant-checkbox-checked .ant-checkbox-input[value=\"Recognised\"] + .ant-checkbox-inner {\n background-color: #976ed7;\n border: none; }\n\n.investment-management .ant-checkbox-checked .ant-checkbox-input[value=\"NotRecognised\"] + .ant-checkbox-inner {\n background-color: #ffa070;\n border: none; }\n\n.investment-management .ant-checkbox-checked .ant-checkbox-input[value='Approved'] + .ant-checkbox-inner {\n background-color: #16b1ff;\n border: none; }\n\n.add-programme-main-container .adding-section .form-section .investment-sought-form-container .investment-sought-form .investment-radio-button .ant-radio-group {\n display: flex;\n flex-direction: row;\n align-items: flex-start;\n justify-content: space-between;\n width: fit-content; }\n\n.add-programme-main-container .adding-section .form-section .investment-sought-form-container .investment-sought-form .details-part-two .row .ant-picker-large {\n height: 40px !important;\n width: 100%; }\n";
16772
+ var css_248z$m = ".steps-actions {\n display: flex;\n flex-direction: row-reverse;\n margin-right: 1rem;\n justify-content: flex-start; }\n\n.details-part-two .ant-input-number {\n width: 50%;\n margin-left: 15px; }\n\n.investment-title-bar {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n padding: 0px 0px 0px 0px; }\n .investment-title-bar .title {\n display: flex;\n flex-direction: column;\n justify-content: space-between; }\n .investment-title-bar .actions {\n display: flex;\n align-items: flex-start;\n justify-content: flex-end; }\n .investment-title-bar .flex-display {\n margin-left: 15px; }\n\n.ownership-container {\n padding: 15px 0px; }\n .ownership-container .label {\n color: rgba(58, 53, 65, 0.5); }\n\n.separator {\n padding: 5px;\n color: #d8d8d8; }\n\n.role-group .ant-col-13 {\n max-width: 320px; }\n\n.role-group .condition-radio-container {\n width: 48%;\n text-align: center; }\n .role-group .condition-radio-container .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {\n color: #ffffff !important;\n border-color: #9155fd;\n box-shadow: none;\n max-width: 200px; }\n\n.role-group .ant-radio-button-wrapper::before {\n background-color: transparent; }\n\n.role-group .anticon {\n margin-right: 0.5rem; }\n\n.role-group .ant-radio-button-wrapper {\n border: 1px solid #d9d9d9;\n color: rgba(140, 140, 140, 0.7) !important;\n width: 100% !important; }\n\n.role-group .condition-radio {\n width: 100%;\n text-transform: uppercase; }\n .role-group .condition-radio .ant-radio-button-checked {\n background: #9155fd;\n color: #ffffff; }\n\n.role-group .role-icons {\n margin-right: 5px; }\n\n.investment-management .role-icon {\n padding: 0.5rem 0.6rem; }\n\n.investment-management .ant-tag {\n border: none; }\n\n.investment-management .ant-checkbox-checked .ant-checkbox-input[value=\"Rejected\"] + .ant-checkbox-inner {\n background-color: rgba(237, 77, 71, 0.6);\n border: none; }\n\n.investment-management .ant-checkbox-checked .ant-checkbox-input[value=\"Cancelled\"] + .ant-checkbox-inner {\n background-color: rgba(58, 53, 65, 0.4);\n border: none; }\n\n.investment-management .ant-checkbox-checked .ant-checkbox-input[value=\"Accepted\"] + .ant-checkbox-inner {\n background-color: #16b1ff;\n border: none; }\n\n.investment-management .ant-checkbox-checked .ant-checkbox-input[value=\"Pending\"] + .ant-checkbox-inner {\n background-color: rgba(118, 195, 39, 0.6);\n border: none; }\n\n.investment-management .ant-checkbox-checked .ant-checkbox-input[value=\"Recognised\"] + .ant-checkbox-inner {\n background-color: #976ed7;\n border: none; }\n\n.investment-management .ant-checkbox-checked .ant-checkbox-input[value=\"NotRecognised\"] + .ant-checkbox-inner {\n background-color: #ffa070;\n border: none; }\n\n.investment-management .ant-checkbox-checked .ant-checkbox-input[value='Approved'] + .ant-checkbox-inner {\n background-color: #16b1ff;\n border: none; }\n\n.add-programme-main-container .adding-section .form-section .investment-sought-form-container .investment-sought-form .investment-radio-button .ant-radio-group {\n display: flex;\n flex-direction: row;\n align-items: flex-start;\n justify-content: space-between;\n width: fit-content; }\n\n.add-programme-main-container .adding-section .form-section .investment-sought-form-container .investment-sought-form .details-part-two .row .ant-picker-large {\n height: 40px !important;\n width: 100%; }\n";
16784
16773
  styleInject(css_248z$m);
16785
16774
 
16786
16775
  var Loading = function () {
@@ -18594,8 +18583,7 @@ var InvestmentManagementComponent = function (props) {
18594
18583
  return (React.createElement("div", { className: "investment-management content-container" },
18595
18584
  React.createElement("div", { className: "investment-title-bar" },
18596
18585
  React.createElement("div", { className: "title-bar" },
18597
- React.createElement("div", { className: "body-title" }, t("programme:investmentTitle")),
18598
- React.createElement("div", { className: "body-sub-title" }, t("programme:investmentDesc"))),
18586
+ React.createElement("div", { className: "body-title" }, t("programme:investmentTitle"))),
18599
18587
  React.createElement("div", { className: "actions" }, enableAddOwnership &&
18600
18588
  ((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) == exports.CompanyRole.MINISTRY ||
18601
18589
  (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) == exports.CompanyRole.GOVERNMENT ||
@@ -19462,8 +19450,7 @@ var SupportManagementComponent = function (props) {
19462
19450
  return (React.createElement("div", { className: "investment-management content-container" },
19463
19451
  React.createElement("div", { className: "support-title-bar" },
19464
19452
  React.createElement("div", { className: "title-bar" },
19465
- React.createElement("div", { className: "body-title" }, t("programme:supportTitle")),
19466
- React.createElement("div", { className: "body-sub-title" }, t("programme:supportDesc"))),
19453
+ React.createElement("div", { className: "body-title" }, t("programme:supportTitle"))),
19467
19454
  React.createElement("div", { className: "actions" }, enableAddSupport && (React.createElement("div", { className: "action-bar" },
19468
19455
  React.createElement(antd.Button, { type: "primary", size: "large", block: true, icon: React.createElement(icons.PlusOutlined, null), onClick: onClickAddSupport }, t("programme:addSupportBtnText")))))),
19469
19456
  React.createElement("div", { className: "content-card" },
@@ -19922,8 +19909,7 @@ var NdcActionManagementComponent = function (props) {
19922
19909
  React.createElement("div", { className: "title-bar" },
19923
19910
  React.createElement(antd.Row, { justify: "space-between", align: "middle" },
19924
19911
  React.createElement(antd.Col, { span: 20 },
19925
- React.createElement("div", { className: "body-title" }, t("ndcAction:NdcTitle")),
19926
- React.createElement("div", { className: "body-sub-title" }, t("ndcAction:NdcSubTitle"))))),
19912
+ React.createElement("div", { className: "body-title" }, t("ndcAction:NdcTitle"))))),
19927
19913
  React.createElement("div", { className: "content-card" },
19928
19914
  React.createElement(antd.Row, null,
19929
19915
  React.createElement(antd.Col, { lg: { span: 15 }, md: { span: 14 } },
@@ -23855,8 +23841,7 @@ var AddNdcActionComponent = function (props) {
23855
23841
  }
23856
23842
  return (React.createElement("div", { className: "add-ndc-main-container" },
23857
23843
  React.createElement("div", { className: "title-container" },
23858
- React.createElement("div", { className: "main" }, t("ndcAction:addNdcTitle")),
23859
- React.createElement("div", { className: "sub" }, t("ndcAction:addNdcSubTitle"))),
23844
+ React.createElement("div", { className: "main" }, t("ndcAction:addNdcTitle"))),
23860
23845
  React.createElement("div", { className: "adding-section" },
23861
23846
  React.createElement("div", { className: "form-section" },
23862
23847
  React.createElement(antd.Steps, { progressDot: true, direction: "vertical", current: current, items: stepItems })))));
@@ -24276,8 +24261,7 @@ var NdcActionViewComponent = function (props) {
24276
24261
  React.createElement("div", { className: "body-title" },
24277
24262
  t("ndcAction:NdcDetailsViewTitle"),
24278
24263
  " ",
24279
- getNdcActionNames(ndcActionDetails === null || ndcActionDetails === void 0 ? void 0 : ndcActionDetails.action)),
24280
- React.createElement("div", { className: "body-sub-title" }, t("ndcAction:NdcDetailsViewSubTitle")))),
24264
+ getNdcActionNames(ndcActionDetails === null || ndcActionDetails === void 0 ? void 0 : ndcActionDetails.action)))),
24281
24265
  React.createElement("div", { className: "content-body" },
24282
24266
  React.createElement(antd.Row, { gutter: 16 },
24283
24267
  (emissionsReductionAchieved !== 0 ||
@@ -25207,8 +25191,7 @@ var CreditTransferComponent = function (props) {
25207
25191
  React.createElement("div", { className: "title-bar" },
25208
25192
  React.createElement(antd.Row, { justify: "space-between", align: "middle" },
25209
25193
  React.createElement(antd.Col, { span: 20 },
25210
- React.createElement("div", { className: "body-title" }, t("creditTransfer:viewCreditsTransfers")),
25211
- React.createElement("div", { className: "body-sub-title" }, t("creditTransfer:desc"))),
25194
+ React.createElement("div", { className: "body-title" }, t("creditTransfer:viewCreditsTransfers"))),
25212
25195
  React.createElement(antd.Col, { span: 4 }, (((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === exports.CompanyRole.GOVERNMENT &&
25213
25196
  (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.Admin) ||
25214
25197
  (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 }))))))),
@@ -29774,8 +29757,7 @@ var NdcDetailsComponent = function (props) {
29774
29757
  React.createElement("div", { className: "title-bar" },
29775
29758
  React.createElement(antd.Row, { justify: "space-between", align: "middle" },
29776
29759
  React.createElement(antd.Col, { span: 20 },
29777
- React.createElement("div", { className: "body-title" }, t("ndc:ndcTitle")),
29778
- React.createElement("div", { className: "body-sub-title" }, t("ndc:ndcSubTitle"))))),
29760
+ React.createElement("div", { className: "body-title" }, t("ndc:ndcTitle"))))),
29779
29761
  React.createElement("div", null,
29780
29762
  React.createElement(antd.Tabs, { centered: false, defaultActiveKey: "1", items: periodItems, activeKey: selectedPeriod ? selectedPeriod.key : "1", onChange: onTabChange })),
29781
29763
  React.createElement("div", null, selectedPeriod