@undp/carbon-library 1.0.111 → 1.0.117

Sign up to get free protection for your applications and to get access to all the features.
package/dist/cjs/index.js CHANGED
@@ -426,6 +426,8 @@ exports.Action = void 0;
426
426
  Action["Read"] = "read";
427
427
  Action["Update"] = "update";
428
428
  Action["Delete"] = "delete";
429
+ Action["Approve"] = "approve";
430
+ Action["Reject"] = "reject";
429
431
  })(exports.Action || (exports.Action = {}));
430
432
 
431
433
  var Company = /** @class */ (function () {
@@ -442,6 +444,7 @@ exports.CompanyManagementColumns = void 0;
442
444
  CompanyManagementColumns["companyRole"] = "companyRole";
443
445
  CompanyManagementColumns["programmeCount"] = "programmeCount";
444
446
  CompanyManagementColumns["creditBalance"] = "creditBalance";
447
+ CompanyManagementColumns["companyState"] = "state";
445
448
  })(exports.CompanyManagementColumns || (exports.CompanyManagementColumns = {}));
446
449
 
447
450
  var css_248z$s = ".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";
@@ -485,6 +488,26 @@ exports.CompanyRole = void 0;
485
488
  CompanyRole["API"] = "API";
486
489
  })(exports.CompanyRole || (exports.CompanyRole = {}));
487
490
 
491
+ var css_248z$r = ".organisation-status-active {\n border-radius: 20px;\n background-color: rgba(185, 226, 244, 0.4);\n padding: 4px 15px;\n height: 28px;\n color: #16b1ff;\n margin-left: auto;\n margin-right: auto;\n width: 90px;\n text-align: center; }\n\n.organisation-status-deauthorised {\n border-radius: 20px;\n background-color: rgba(255, 166, 166, 0.4);\n padding: 4px 15px;\n height: 28px;\n color: #ff4d4f;\n margin-left: auto;\n margin-right: auto;\n width: 110px;\n text-align: center; }\n\n.organisation-status-pending {\n border-radius: 20px;\n background-color: rgba(176, 137, 244, 0.4);\n padding: 4px 15px;\n height: 28px;\n color: #976ed7;\n margin-left: auto;\n margin-right: auto;\n width: 110px;\n text-align: center; }\n\n.organisation-status-rejected {\n border-radius: 20px;\n background-color: rgba(255, 247, 230, 0.4);\n padding: 4px 15px;\n height: 28px;\n color: #ff8f56;\n margin-left: auto;\n margin-right: auto;\n width: 110px;\n text-align: center;\n outline-style: solid;\n outline-width: thin; }\n";
492
+ styleInject(css_248z$r);
493
+
494
+ var OrganisationStatus = function (props) {
495
+ var organisationStatus = props.organisationStatus, t = props.t;
496
+ var orgState = (React.createElement("div", { className: "mg-top-1 organisation-status-deauthorised" }, t('companyProfile:deauthorisedStatus')));
497
+ switch (organisationStatus) {
498
+ case 1:
499
+ orgState = (React.createElement("div", { className: "mg-top-1 organisation-status-active" }, t('companyProfile:activeStatus')));
500
+ break;
501
+ case 2:
502
+ orgState = (React.createElement("div", { className: "mg-top-1 organisation-status-pending" }, t('companyProfile:pendingStatus')));
503
+ break;
504
+ case 3:
505
+ orgState = (React.createElement("div", { className: "mg-top-1 organisation-status-rejected" }, t('companyProfile:rejectedStatus')));
506
+ break;
507
+ }
508
+ return orgState;
509
+ };
510
+
488
511
  var Search$2 = antd.Input.Search;
489
512
  var CompanyManagementComponent = function (props) {
490
513
  var t = props.t, useAbilityContext = props.useAbilityContext, post = props.post, visibleColumns = props.visibleColumns, onNavigateToCompanyProfile = props.onNavigateToCompanyProfile, onClickAddCompany = props.onClickAddCompany;
@@ -528,6 +551,10 @@ var CompanyManagementComponent = function (props) {
528
551
  item === exports.CompanyRole.GOVERNMENT ? (React.createElement(RoleIcon, { icon: React.createElement(icons.BankOutlined, null), bg: GovBGColor, color: GovColor })) : item === exports.CompanyRole.CERTIFIER ? (React.createElement(RoleIcon, { icon: React.createElement(icons.SafetyOutlined, null), bg: CertBGColor, color: CertColor })) : item === exports.CompanyRole.MINISTRY ? (React.createElement(RoleIcon, { icon: React.createElement(icons.AuditOutlined, null), bg: MinBGColor, color: MinColor })) : (React.createElement(RoleIcon, { icon: React.createElement(icons.ExperimentOutlined, null), bg: DevBGColor, color: DevColor })),
529
552
  item === exports.CompanyRole.PROGRAMME_DEVELOPER ? (React.createElement("div", null, t("company:developer"))) : (React.createElement("div", null, item))));
530
553
  };
554
+ var getCompanyStateComponent = function (item) {
555
+ return (React.createElement("div", { style: { display: "flex", alignItems: "left" } },
556
+ React.createElement(OrganisationStatus, { t: t, organisationStatus: parseInt(item) })));
557
+ };
531
558
  var handleFilterVisibleChange = function () {
532
559
  setFilterVisible(true);
533
560
  };
@@ -601,6 +628,16 @@ var CompanyManagementComponent = function (props) {
601
628
  return item !== null ? addCommSep(item) : "-";
602
629
  },
603
630
  },
631
+ {
632
+ title: t("company:companyState"),
633
+ dataIndex: "state",
634
+ key: exports.CompanyManagementColumns.companyState,
635
+ sorter: true,
636
+ align: "left",
637
+ render: function (item) {
638
+ return getCompanyStateComponent(item);
639
+ },
640
+ },
604
641
  ].filter(function (column) { return visibleColumns.includes(column.key); });
605
642
  var filterOr = function () {
606
643
  if (searchByTermOrganisation !== null &&
@@ -816,12 +853,12 @@ var CompanyManagementComponent = function (props) {
816
853
  } })))))));
817
854
  };
818
855
 
819
- var css_248z$r = ".company-details-form-container {\n width: 100%; }\n .company-details-form-container .company-details-form .steps-actions {\n display: flex;\n flex-direction: row-reverse; }\n .company-details-form-container .company-details-form .steps-actions .mg-left-1 {\n margin-left: 1rem; }\n .company-details-form-container .company-details-form .row .website .ant-input {\n margin-left: 0.3rem; }\n .company-details-form-container .company-details-form .row .website .ant-input-group-addon {\n border: 1px solid #d9d9d9; }\n .company-details-form-container .company-details-form .row .logo-upload-section {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: start;\n width: 100%; }\n .company-details-form-container .company-details-form .row .logo-upload-section .ant-upload {\n width: 20%; }\n .company-details-form-container .company-details-form .row .logo-upload-section .ant-upload-list {\n align-items: center;\n justify-content: center;\n width: 75%; }\n .company-details-form-container .company-details-form .row .logo-upload-section .ant-upload-list .ant-upload-list-item {\n margin-top: 0; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .certifier-radio-container {\n width: 30%; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .certifier-radio-container .ant-radio-button-wrapper-checked:not(\n .ant-radio-button-wrapper-disabled\n) {\n color: #519e4f !important;\n border-color: #519e4f !important;\n box-shadow: none; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .certifier-radio-container .anticon {\n background: #eeeeee;\n border-radius: 50px;\n padding: 0.2rem;\n color: #519e4f; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .dev-radio-container {\n width: 30%; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .dev-radio-container .ant-radio-button-wrapper-checked:not(\n .ant-radio-button-wrapper-disabled\n) {\n color: #ffa070 !important;\n border-color: #ffa070 !important;\n box-shadow: none; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .dev-radio-container .anticon {\n background: #eeeeee;\n border-radius: 50px;\n padding: 0.2rem;\n color: #ffa070; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .minister-radio-container {\n width: 30%; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .minister-radio-container .ant-radio-button-wrapper-checked:not(\n .ant-radio-button-wrapper-disabled\n) {\n color: #9155fd !important;\n border-color: #9155fd !important;\n box-shadow: none; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .minister-radio-container .anticon {\n background: #eeeeee;\n border-radius: 50px;\n padding: 0.2rem;\n color: #9155fd; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .gov-radio-container {\n width: 45%; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .gov-radio-container .ant-radio-button-wrapper-checked:not(\n .ant-radio-button-wrapper-disabled\n) {\n color: #16b1ff !important;\n border-color: #16b1ff !important;\n box-shadow: none; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .gov-radio-container .anticon {\n background: #eeeeee;\n border-radius: 50px;\n padding: 0.2rem;\n color: #16b1ff; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .observer-radio-container {\n width: 25%; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .observer-radio-container .ant-radio-button-wrapper-checked:not(\n .ant-radio-button-wrapper-disabled\n) {\n color: #707070 !important;\n border-color: #707070 !important;\n box-shadow: none; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .observer-radio-container .anticon {\n background: #eeeeee;\n border-radius: 50px;\n padding: 0.2rem;\n color: #707070; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .ant-radio-button-wrapper::before {\n background-color: transparent; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .ant-radio-button-wrapper {\n border: 1px solid #d9d9d9; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .anticon {\n margin-right: 0.5rem; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .certifier {\n width: 100%; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .certifier .ant-radio-button-checked {\n background: rgba(128, 255, 0, 0.12);\n color: #519e4f; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .dev {\n width: 100%; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .dev .ant-radio-button-checked {\n background: rgba(254, 241, 173, 0.5);\n color: #ffa070; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .gov {\n width: 100%; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .gov .ant-radio-button-checked {\n background: rgba(185, 226, 244, 0.56);\n color: #16b1ff; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .minister {\n width: 100%; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .minister .ant-radio-button-checked {\n background: rgba(198, 144, 251, 0.12);\n color: #9155fd; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .observer {\n width: 100%; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .observer .ant-radio-button-checked {\n background: rgba(176, 190, 197, 0.23);\n color: #707070; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .role-icons {\n margin-right: 5px; }\n\n.step-title-container {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n margin-bottom: 1rem; }\n .step-title-container .step-count {\n font-size: 2.2rem;\n font-weight: 800;\n margin-right: 0.4rem;\n color: rgba(58, 53, 65, 0.8); }\n .step-title-container .title {\n font-size: 1rem;\n font-weight: 600;\n color: #3a3541; }\n\n.add-company-main-container {\n display: flex;\n flex-direction: column;\n border-radius: 5px;\n padding: 0 50px; }\n .add-company-main-container .title-container {\n display: flex;\n flex-direction: column;\n border-radius: 5px; }\n .add-company-main-container .title-container .main {\n font-size: 1.25rem;\n font-weight: 500;\n color: #16b1ff; }\n .add-company-main-container .title-container .sub {\n font-size: 0.8rem;\n color: #555657; }\n .add-company-main-container .adding-section {\n display: flex;\n flex-direction: column;\n background-color: #ffffff;\n margin: 1rem 0 1rem 0;\n border-radius: 10px;\n padding: 2.5rem 1.5rem 2.5rem 1.5rem; }\n .add-company-main-container .adding-section .form-section {\n display: flex;\n margin-bottom: 2rem; }\n .add-company-main-container .adding-section .form-section .form-one {\n width: 100%; }\n .add-company-main-container .adding-section .form-section .steps {\n width: 15%; }\n .add-company-main-container .adding-section .form-section .steps-content {\n width: 85%; }\n .add-company-main-container .adding-section .steps-action {\n display: flex;\n flex-direction: row-reverse; }\n\n.ant-upload-list-picture .ant-upload-list-item-error,\n.ant-upload-list-picture-card .ant-upload-list-item-error {\n height: auto;\n max-height: 200px; }\n";
820
- styleInject(css_248z$r);
821
-
822
- var css_248z$q = "body {\n background-color: #f4f5fa;\n font-family: \"Inter\";\n font-weight: 400; }\n\n.ant-menu {\n background-color: #f4f5fa; }\n\n.ant-layout-header {\n background-color: #f4f5fa; }\n\n.ant-layout {\n background-color: #f4f5fa; }\n\n.ant-menu-submenu .ant-menu {\n background-color: #f4f5fa; }\n\n.ant-menu-item {\n background-color: #f4f5fa; }\n\n.ant-menu-sub {\n background-color: #f4f5fa; }\n\n.ant-table-content {\n font-family: \"Inter\"; }\n\n.ant-input {\n border-radius: 5px !important; }\n\n.ant-btn {\n border-radius: 5px !important; }\n\n.ant-input-group-addon:first-child {\n border-radius: 5px !important; }\n\n.ant-input-group .ant-input {\n width: 99% !important; }\n\n.ant-tooltip-inner {\n border-radius: 5px !important;\n background-color: #16b1ff !important; }\n\n.ant-tooltip-arrow-content {\n --antd-arrow-background-color: linear-gradient(to right bottom, #16b1ff, #16b1ff) !important; }\n\n.ant-radio-group {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between; }\n\n.ant-radio-group-large .ant-radio-button-wrapper {\n font-size: 0.8rem;\n width: 25%;\n border-radius: 5px !important; }\n\n.ant-upload-list-picture .ant-upload-list-item-error,\n.ant-upload-list-picture-card .ant-upload-list-item-error {\n border-color: #40a9ff;\n border-radius: 5px;\n height: 40px; }\n .ant-upload-list-picture .ant-upload-list-item-error .ant-upload-list-item-name,\n .ant-upload-list-picture-card .ant-upload-list-item-error .ant-upload-list-item-name {\n color: #40a9ff !important; }\n\n.ant-upload-list-item-error .ant-upload-list-item-card-actions .anticon {\n color: #40a9ff; }\n\n.ant-input-status-error:not(.ant-input-disabled):not(.ant-input-borderless).ant-input,\n.ant-input-status-error:not(.ant-input-disabled):not(.ant-input-borderless).ant-input:hover {\n border-color: #d9d9d9 !important; }\n\n.ant-input-group-wrapper-status-error .ant-input-group-addon {\n border-color: #d9d9d9 !important; }\n\n.ant-form-item-explain-error {\n font-size: 13px;\n color: rgba(255, 77, 79, 0.8); }\n\n.ant-table-thead\n> tr\n> th:not(:last-child):not(.ant-table-selection-column):not(.ant-table-row-expand-icon-cell):not([colspan])::before {\n background-color: transparent !important; }\n\n.ant-form-item-label > label {\n flex-direction: row-reverse !important;\n color: rgba(58, 53, 65, 0.5); }\n\n.ant-form-item-label\n> label.ant-form-item-required:not(.ant-form-item-required-mark-optional)::before {\n margin-left: 0.2rem !important;\n color: rgba(255, 77, 79, 0.8) !important; }\n\n.ant-picker {\n border-radius: 5px !important;\n height: 35px !important; }\n\n.PhoneInput .PhoneInputCountry {\n border: 1px solid #d9d9d9 !important;\n border-radius: 5px !important;\n padding: 0 1rem 0 1rem; }\n\n.PhoneInput .PhoneInputInput {\n flex: 1 1;\n min-width: 0;\n border-radius: 5px !important;\n height: 40px;\n border: 1px solid #d9d9d9 !important;\n outline: none; }\n\n.filter-title {\n color: rgba(58, 53, 65, 0.8);\n font-family: 'Inter';\n font-style: normal;\n font-weight: 600;\n font-size: 0.875rem; }\n\n.ant-radio-wrapper {\n font-family: 'Inter';\n font-style: normal;\n font-weight: 400;\n font-size: 0.875rem;\n line-height: 22px;\n color: rgba(58, 53, 65, 0.8); }\n\n.ant-list-item {\n color: rgba(58, 53, 65, 0.8); }\n\n.PhoneInput .PhoneInputInput:focus-visible,\n.PhoneInput .PhoneInputInput:hover {\n flex: 1 1;\n min-width: 0;\n border-radius: 5px !important;\n height: 40px;\n border-right: 1px solid #40a9ff !important;\n outline: 1px solid #40a9ff; }\n\n.layout-content-container {\n padding-bottom: 100px; }\n .layout-content-container .ant-btn-primary {\n background-color: #16b1ff;\n color: #ffffff;\n border: none; }\n .layout-content-container .ant-btn {\n height: 32px;\n font-weight: 500;\n font-size: 0.8rem;\n border-radius: 0.3rem;\n box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.25);\n min-width: 80px;\n box-shadow: none; }\n .layout-content-container .ant-btn span {\n text-transform: uppercase; }\n\n.content-container {\n padding: 0px 20px; }\n .content-container .title-bar {\n padding: 0px 0px 30px 0px; }\n .content-container .body-title {\n color: #16b1ff;\n font-weight: 500;\n font-size: 1.2rem; }\n .content-container .body-sub-title {\n color: rgba(58, 53, 65, 0.6);\n font-weight: 400;\n font-size: 0.8rem; }\n\n.content-card {\n background-color: #ffffff;\n border-radius: 10px;\n width: 100%; }\n .content-card .action-bar {\n padding: 1.6rem 1.3rem 1.6rem 1.3rem; }\n .content-card .action-bar button {\n width: fit-content; }\n .content-card .filter-section {\n padding: 1.4rem 1.3rem 1.6rem 1.3rem;\n display: flex;\n width: 100%;\n flex-direction: row;\n align-items: center;\n justify-content: end; }\n .content-card .filter-section .search-bar {\n display: flex;\n flex-direction: row-reverse; }\n .content-card .filter-section .filter-bar {\n display: flex;\n flex-direction: row-reverse;\n margin-top: 0.8rem;\n width: 5%; }\n .content-card .filter-section .ant-input-affix-wrapper {\n border-radius: 0.313rem 0 0 0.313rem !important; }\n .content-card .filter-section .ant-input-search\n> .ant-input-group\n> .ant-input-group-addon:last-child\n.ant-input-search-button {\n padding-top: 0;\n padding-bottom: 0;\n border-radius: 0 0.313rem 0.313rem 0 !important; }\n\n.layout-content-container .ant-btn {\n min-width: 50px !important; }\n\n.table-actions-section {\n width: 100%;\n margin-bottom: 1rem; }\n\n.action-menu {\n min-width: 120px;\n color: rgba(58, 53, 65, 0.6); }\n .action-menu .action-icon {\n margin-right: 12px;\n display: flex; }\n .action-menu .anticon-edit {\n color: #16b1ff; }\n .action-menu .anticon-delete {\n color: #f25a29; }\n\n.ant-dropdown-menu {\n padding: 1rem 2rem 1rem 1rem !important;\n border-radius: 5px; }\n\n.ant-dropdown-menu-item-active {\n background-color: transparent !important; }\n\n.ant-popover-inner-content .action-menu {\n margin: -12px -16px; }\n .ant-popover-inner-content .action-menu .ant-list-item {\n padding: 11px 16px;\n justify-content: flex-start;\n cursor: pointer; }\n\n.ant-tag {\n border-radius: 20px; }\n\n.clickable {\n cursor: pointer; }\n\n.text-center {\n text-align: center; }\n\n.float-left {\n float: left; }\n\n.float-right {\n float: right; }\n\n.apexcharts-canvas {\n font-family: \"Inter\" !important; }\n\n.apexcharts-legend-text {\n font-family: \"Inter\" !important; }\n\n.ant-tag {\n padding: 1px 10px; }\n\n.flex-display {\n display: flex; }\n\n.ant-modal-footer {\n border-top: none;\n text-align: center; }\n .ant-modal-footer button {\n margin: 10px 20px;\n text-transform: uppercase;\n font-size: 0.8rem; }\n\n.ant-modal-header {\n border-radius: 15px;\n border: none; }\n\n.ant-modal-content {\n border-radius: 15px;\n border: none; }\n\n.ant-modal-header {\n border: none; }\n\n.ant-modal-body {\n text-align: center;\n color: rgba(58, 53, 65, 0.6);\n font-size: 0.8rem; }\n .ant-modal-body .ant-select-selector {\n text-align: left;\n border-radius: 5px !important;\n height: 32px; }\n .ant-modal-body .form-label {\n text-align: left; }\n .ant-modal-body .form-label .req-ast {\n color: rgba(255, 77, 79, 0.8);\n padding-left: 5px; }\n .ant-modal-body .ant-form .ant-input-password {\n padding: 6.5px 11px;\n font-size: 16px; }\n .ant-modal-body .ant-form .ant-form-item-explain-error {\n text-align: start; }\n\n.popup-header {\n text-align: center;\n color: rgba(58, 53, 65, 0.8);\n font-weight: 600;\n font-family: \"Inter\";\n font-size: 0.9rem;\n margin: 25px 20px -20px 20px; }\n .popup-header .icon {\n font-size: 4rem;\n margin-bottom: 15px;\n font-weight: 400; }\n .popup-header img {\n height: 100px; }\n\n.popup-success .icon {\n color: #5dc380; }\n\n.popup-success .ant-btn-primary {\n background: #16b1ff;\n border-radius: #16b1ff;\n border: none; }\n\n.popup-success .ant-btn-default {\n color: rgba(58, 53, 65, 0.6);\n border-color: rgba(58, 53, 65, 0.6); }\n\n.popup-success .ant-btn-primary[disabled] {\n border-color: #d9d9d9;\n background: #f5f5f5; }\n\n.popup-primary .icon {\n color: #16b1ff; }\n\n.popup-primary .ant-btn-primary {\n background: #16b1ff;\n border-radius: #16b1ff;\n border: none; }\n\n.popup-primary .ant-btn-default {\n color: rgba(58, 53, 65, 0.6);\n border-color: rgba(58, 53, 65, 0.6); }\n\n.popup-primary .ant-btn-primary[disabled] {\n border-color: #d9d9d9;\n background: #f5f5f5; }\n\n.popup-danger .icon {\n color: rgba(255, 77, 79, 0.8); }\n\n.popup-danger .ant-btn-primary {\n background: rgba(255, 77, 79, 0.8);\n border-radius: rgba(255, 77, 79, 0.8);\n border: none; }\n\n.popup-danger .ant-btn-primary[disabled] {\n border-color: #d9d9d9;\n background: #f5f5f5; }\n\n.popup-danger .ant-btn-default {\n color: rgba(58, 53, 65, 0.6);\n border-color: rgba(58, 53, 65, 0.6); }\n\n.ant-modal-footer .ant-btn {\n height: 32px;\n border-radius: 4px;\n padding: 6px 16px;\n font-weight: 500; }\n\n.ant-modal-footer .ant-btn-default {\n color: rgba(140, 140, 140, 0.7) !important;\n border-color: rgba(140, 140, 140, 0.7) !important; }\n\n.ant-tag-processing {\n color: #16b1ff;\n background: rgba(185, 226, 244, 0.4); }\n\n.filter-section input {\n font-family: 'Inter';\n font-size: 0.8rem !important; }\n\n.pull-right {\n float: right; }\n\n.disabled {\n opacity: 0.5; }\n\n.mg-left-3 {\n margin-left: 3rem; }\n\n.mg-left-2 {\n margin-left: 2rem !important; }\n\n.mg-left-1 {\n margin-left: 1rem; }\n\n.mg-top-1 {\n margin-top: 1rem; }\n\n.mg-top-2 {\n margin-top: 2rem; }\n\n.mg-bottom-1 {\n margin-bottom: 1rem !important; }\n\n.transfer-form {\n padding: 0px 15px;\n color: rgba(58, 53, 65, 0.6); }\n .transfer-form .popup-credit-input .ant-form-item-explain-error {\n width: 200px; }\n .transfer-form .ant-row {\n align-items: unset; }\n .transfer-form .sub-text {\n margin-bottom: 35px;\n font-size: 0.9rem;\n font-weight: 500; }\n .transfer-form .label {\n text-align: left;\n font-size: 0.9rem;\n color: rgba(58, 53, 65, 0.6); }\n .transfer-form .seperator {\n font-size: 1.2rem;\n color: #d9d9d9; }\n .transfer-form .footer {\n margin-bottom: 0px;\n margin-top: 15px; }\n .transfer-form label {\n font-size: 0.8rem; }\n .transfer-form .ant-radio-wrapper {\n font-size: 0.9rem; }\n .transfer-form input {\n color: rgba(58, 53, 65, 0.6); }\n .transfer-form button {\n text-transform: uppercase;\n font-weight: 500; }\n\n.color-error {\n color: rgba(255, 77, 79, 0.8); }\n\n.color-primary {\n color: #16b1ff; }\n\n.ant-input-number-input {\n text-align: right; }\n\n.text-left {\n text-align: left; }\n\n.ant-form-item .ant-radio-group {\n text-align: left; }\n\n.loading-center {\n margin: auto;\n text-align: center;\n position: absolute;\n top: 50%;\n left: 50%; }\n\n.ant-tag-purple {\n color: #976ed7; }\n\n.ant-tag-orange {\n color: #ff8f56; }\n\n.ant-tag-default {\n color: rgba(58, 53, 65, 0.5); }\n\n.ant-popover-inner {\n border-radius: 4px; }\n\n.ant-input-number {\n border-radius: 5px; }\n\n.ret-icon {\n background-color: rgba(254, 241, 173, 0.5);\n color: #ff8f56; }\n\n.flag-ret-icon {\n display: flex !important;\n background-color: #f4f5fa;\n font-size: 1.1rem !important;\n padding: 7px; }\n\n.b-icon {\n vertical-align: middle; }\n\n.ant-message-notice-content {\n padding: 0px;\n border-radius: 5px; }\n .ant-message-notice-content .ant-message-custom-content {\n font-size: 0.8rem;\n border-radius: 5px;\n padding: 17px 24px; }\n .ant-message-notice-content .ant-message-error {\n color: rgba(255, 77, 79, 0.8);\n border: 1px solid rgba(255, 77, 79, 0.8); }\n .ant-message-notice-content .ant-message-success {\n color: #5bce00;\n border: 1px solid #5bce00; }\n\n.ant-select-selection-item {\n color: rgba(58, 53, 65, 0.6); }\n\n.sub-text {\n font-size: 0.9rem;\n font-weight: 500; }\n\n.search-filter {\n margin-right: 15px; }\n\n.mg-bottom-0 {\n margin-bottom: 0px; }\n\n.padding-bottom-0 {\n padding-bottom: 0px; }\n\n.ellipsis-overflow {\n overflow: hidden;\n text-overflow: ellipsis;\n display: -webkit-box;\n -webkit-line-clamp: 1;\n -webkit-box-orient: vertical; }\n\n.nextline-overflow {\n overflow-wrap: break-word; }\n\n.ant-message {\n width: 50%;\n right: 0px;\n left: auto;\n min-width: 400px; }\n";
856
+ var css_248z$q = ".company-details-form-container {\n width: 100%; }\n .company-details-form-container .company-details-form .steps-actions {\n display: flex;\n flex-direction: row-reverse; }\n .company-details-form-container .company-details-form .steps-actions .mg-left-1 {\n margin-left: 1rem; }\n .company-details-form-container .company-details-form .row .website .ant-input {\n margin-left: 0.3rem; }\n .company-details-form-container .company-details-form .row .website .ant-input-group-addon {\n border: 1px solid #d9d9d9; }\n .company-details-form-container .company-details-form .row .logo-upload-section {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: start;\n width: 100%; }\n .company-details-form-container .company-details-form .row .logo-upload-section .ant-upload {\n width: 20%; }\n .company-details-form-container .company-details-form .row .logo-upload-section .ant-upload-list {\n align-items: center;\n justify-content: center;\n width: 75%; }\n .company-details-form-container .company-details-form .row .logo-upload-section .ant-upload-list .ant-upload-list-item {\n margin-top: 0; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .certifier-radio-container {\n width: 30%; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .certifier-radio-container .ant-radio-button-wrapper-checked:not(\n .ant-radio-button-wrapper-disabled\n) {\n color: #519e4f !important;\n border-color: #519e4f !important;\n box-shadow: none; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .certifier-radio-container .anticon {\n background: #eeeeee;\n border-radius: 50px;\n padding: 0.2rem;\n color: #519e4f; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .dev-radio-container {\n width: 30%; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .dev-radio-container .ant-radio-button-wrapper-checked:not(\n .ant-radio-button-wrapper-disabled\n) {\n color: #ffa070 !important;\n border-color: #ffa070 !important;\n box-shadow: none; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .dev-radio-container .anticon {\n background: #eeeeee;\n border-radius: 50px;\n padding: 0.2rem;\n color: #ffa070; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .minister-radio-container {\n width: 30%; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .minister-radio-container .ant-radio-button-wrapper-checked:not(\n .ant-radio-button-wrapper-disabled\n) {\n color: #9155fd !important;\n border-color: #9155fd !important;\n box-shadow: none; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .minister-radio-container .anticon {\n background: #eeeeee;\n border-radius: 50px;\n padding: 0.2rem;\n color: #9155fd; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .gov-radio-container {\n width: 45%; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .gov-radio-container .ant-radio-button-wrapper-checked:not(\n .ant-radio-button-wrapper-disabled\n) {\n color: #16b1ff !important;\n border-color: #16b1ff !important;\n box-shadow: none; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .gov-radio-container .anticon {\n background: #eeeeee;\n border-radius: 50px;\n padding: 0.2rem;\n color: #16b1ff; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .observer-radio-container {\n width: 25%; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .observer-radio-container .ant-radio-button-wrapper-checked:not(\n .ant-radio-button-wrapper-disabled\n) {\n color: #707070 !important;\n border-color: #707070 !important;\n box-shadow: none; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .observer-radio-container .anticon {\n background: #eeeeee;\n border-radius: 50px;\n padding: 0.2rem;\n color: #707070; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .ant-radio-button-wrapper::before {\n background-color: transparent; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .ant-radio-button-wrapper {\n border: 1px solid #d9d9d9; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .anticon {\n margin-right: 0.5rem; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .certifier {\n width: 100%; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .certifier .ant-radio-button-checked {\n background: rgba(128, 255, 0, 0.12);\n color: #519e4f; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .dev {\n width: 100%; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .dev .ant-radio-button-checked {\n background: rgba(254, 241, 173, 0.5);\n color: #ffa070; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .gov {\n width: 100%; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .gov .ant-radio-button-checked {\n background: rgba(185, 226, 244, 0.56);\n color: #16b1ff; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .minister {\n width: 100%; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .minister .ant-radio-button-checked {\n background: rgba(198, 144, 251, 0.12);\n color: #9155fd; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .observer {\n width: 100%; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .observer .ant-radio-button-checked {\n background: rgba(176, 190, 197, 0.23);\n color: #707070; }\n .company-details-form-container .company-details-form .row .details-part-two .role-group .role-icons {\n margin-right: 5px; }\n\n.step-title-container {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n margin-bottom: 1rem; }\n .step-title-container .step-count {\n font-size: 2.2rem;\n font-weight: 800;\n margin-right: 0.4rem;\n color: rgba(58, 53, 65, 0.8); }\n .step-title-container .title {\n font-size: 1rem;\n font-weight: 600;\n color: #3a3541; }\n\n.add-company-main-container {\n display: flex;\n flex-direction: column;\n border-radius: 5px;\n padding: 0 50px; }\n .add-company-main-container .title-container {\n display: flex;\n flex-direction: column;\n border-radius: 5px; }\n .add-company-main-container .title-container .main {\n font-size: 1.25rem;\n font-weight: 500;\n color: #16b1ff; }\n .add-company-main-container .title-container .sub {\n font-size: 0.8rem;\n color: #555657; }\n .add-company-main-container .adding-section {\n display: flex;\n flex-direction: column;\n background-color: #ffffff;\n margin: 1rem 0 1rem 0;\n border-radius: 10px;\n padding: 2.5rem 1.5rem 2.5rem 1.5rem; }\n .add-company-main-container .adding-section .form-section {\n display: flex;\n margin-bottom: 2rem; }\n .add-company-main-container .adding-section .form-section .form-one {\n width: 100%; }\n .add-company-main-container .adding-section .form-section .steps {\n width: 15%; }\n .add-company-main-container .adding-section .form-section .steps-content {\n width: 85%; }\n .add-company-main-container .adding-section .steps-action {\n display: flex;\n flex-direction: row-reverse; }\n\n.ant-upload-list-picture .ant-upload-list-item-error,\n.ant-upload-list-picture-card .ant-upload-list-item-error {\n height: auto;\n max-height: 200px; }\n\n.hide {\n display: none !important; }\n";
823
857
  styleInject(css_248z$q);
824
858
 
859
+ var css_248z$p = "body {\n background-color: #f4f5fa;\n font-family: \"Inter\";\n font-weight: 400; }\n\n.ant-menu {\n background-color: #f4f5fa; }\n\n.ant-layout-header {\n background-color: #f4f5fa; }\n\n.ant-layout {\n background-color: #f4f5fa; }\n\n.ant-menu-submenu .ant-menu {\n background-color: #f4f5fa; }\n\n.ant-menu-item {\n background-color: #f4f5fa; }\n\n.ant-menu-sub {\n background-color: #f4f5fa; }\n\n.ant-table-content {\n font-family: \"Inter\"; }\n\n.ant-input {\n border-radius: 5px !important; }\n\n.ant-btn {\n border-radius: 5px !important; }\n\n.ant-input-group-addon:first-child {\n border-radius: 5px !important; }\n\n.ant-input-group .ant-input {\n width: 99% !important; }\n\n.ant-tooltip-inner {\n border-radius: 5px !important;\n background-color: #16b1ff !important; }\n\n.ant-tooltip-arrow-content {\n --antd-arrow-background-color: linear-gradient(to right bottom, #16b1ff, #16b1ff) !important; }\n\n.ant-radio-group {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between; }\n\n.ant-radio-group-large .ant-radio-button-wrapper {\n font-size: 0.8rem;\n width: 25%;\n border-radius: 5px !important; }\n\n.ant-upload-list-picture .ant-upload-list-item-error,\n.ant-upload-list-picture-card .ant-upload-list-item-error {\n border-color: #40a9ff;\n border-radius: 5px;\n height: 40px; }\n .ant-upload-list-picture .ant-upload-list-item-error .ant-upload-list-item-name,\n .ant-upload-list-picture-card .ant-upload-list-item-error .ant-upload-list-item-name {\n color: #40a9ff !important; }\n\n.ant-upload-list-item-error .ant-upload-list-item-card-actions .anticon {\n color: #40a9ff; }\n\n.ant-input-status-error:not(.ant-input-disabled):not(.ant-input-borderless).ant-input,\n.ant-input-status-error:not(.ant-input-disabled):not(.ant-input-borderless).ant-input:hover {\n border-color: #d9d9d9 !important; }\n\n.ant-input-group-wrapper-status-error .ant-input-group-addon {\n border-color: #d9d9d9 !important; }\n\n.ant-form-item-explain-error {\n font-size: 13px;\n color: rgba(255, 77, 79, 0.8); }\n\n.ant-table-thead\n> tr\n> th:not(:last-child):not(.ant-table-selection-column):not(.ant-table-row-expand-icon-cell):not([colspan])::before {\n background-color: transparent !important; }\n\n.ant-form-item-label > label {\n flex-direction: row-reverse !important;\n color: rgba(58, 53, 65, 0.5); }\n\n.ant-form-item-label\n> label.ant-form-item-required:not(.ant-form-item-required-mark-optional)::before {\n margin-left: 0.2rem !important;\n color: rgba(255, 77, 79, 0.8) !important; }\n\n.ant-picker {\n border-radius: 5px !important;\n height: 35px !important; }\n\n.PhoneInput .PhoneInputCountry {\n border: 1px solid #d9d9d9 !important;\n border-radius: 5px !important;\n padding: 0 1rem 0 1rem; }\n\n.PhoneInput .PhoneInputInput {\n flex: 1 1;\n min-width: 0;\n border-radius: 5px !important;\n height: 40px;\n border: 1px solid #d9d9d9 !important;\n outline: none; }\n\n.filter-title {\n color: rgba(58, 53, 65, 0.8);\n font-family: 'Inter';\n font-style: normal;\n font-weight: 600;\n font-size: 0.875rem; }\n\n.ant-radio-wrapper {\n font-family: 'Inter';\n font-style: normal;\n font-weight: 400;\n font-size: 0.875rem;\n line-height: 22px;\n color: rgba(58, 53, 65, 0.8); }\n\n.ant-list-item {\n color: rgba(58, 53, 65, 0.8); }\n\n.PhoneInput .PhoneInputInput:focus-visible,\n.PhoneInput .PhoneInputInput:hover {\n flex: 1 1;\n min-width: 0;\n border-radius: 5px !important;\n height: 40px;\n border-right: 1px solid #40a9ff !important;\n outline: 1px solid #40a9ff; }\n\n.layout-content-container {\n padding-bottom: 100px; }\n .layout-content-container .ant-btn-primary {\n background-color: #16b1ff;\n color: #ffffff;\n border: none; }\n .layout-content-container .ant-btn {\n height: 32px;\n font-weight: 500;\n font-size: 0.8rem;\n border-radius: 0.3rem;\n box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.25);\n min-width: 80px;\n box-shadow: none; }\n .layout-content-container .ant-btn span {\n text-transform: uppercase; }\n\n.content-container {\n padding: 0px 20px; }\n .content-container .title-bar {\n padding: 0px 0px 30px 0px; }\n .content-container .body-title {\n color: #16b1ff;\n font-weight: 500;\n font-size: 1.2rem; }\n .content-container .body-sub-title {\n color: rgba(58, 53, 65, 0.6);\n font-weight: 400;\n font-size: 0.8rem; }\n\n.content-card {\n background-color: #ffffff;\n border-radius: 10px;\n width: 100%; }\n .content-card .action-bar {\n padding: 1.6rem 1.3rem 1.6rem 1.3rem; }\n .content-card .action-bar button {\n width: fit-content; }\n .content-card .filter-section {\n padding: 1.4rem 1.3rem 1.6rem 1.3rem;\n display: flex;\n width: 100%;\n flex-direction: row;\n align-items: center;\n justify-content: end; }\n .content-card .filter-section .search-bar {\n display: flex;\n flex-direction: row-reverse; }\n .content-card .filter-section .filter-bar {\n display: flex;\n flex-direction: row-reverse;\n margin-top: 0.8rem;\n width: 5%; }\n .content-card .filter-section .ant-input-affix-wrapper {\n border-radius: 0.313rem 0 0 0.313rem !important; }\n .content-card .filter-section .ant-input-search\n> .ant-input-group\n> .ant-input-group-addon:last-child\n.ant-input-search-button {\n padding-top: 0;\n padding-bottom: 0;\n border-radius: 0 0.313rem 0.313rem 0 !important; }\n\n.layout-content-container .ant-btn {\n min-width: 50px !important; }\n\n.table-actions-section {\n width: 100%;\n margin-bottom: 1rem; }\n\n.action-menu {\n min-width: 120px;\n color: rgba(58, 53, 65, 0.6); }\n .action-menu .action-icon {\n margin-right: 12px;\n display: flex; }\n .action-menu .anticon-edit {\n color: #16b1ff; }\n .action-menu .anticon-delete {\n color: #f25a29; }\n\n.ant-dropdown-menu {\n padding: 1rem 2rem 1rem 1rem !important;\n border-radius: 5px; }\n\n.ant-dropdown-menu-item-active {\n background-color: transparent !important; }\n\n.ant-popover-inner-content .action-menu {\n margin: -12px -16px; }\n .ant-popover-inner-content .action-menu .ant-list-item {\n padding: 11px 16px;\n justify-content: flex-start;\n cursor: pointer; }\n\n.ant-tag {\n border-radius: 20px; }\n\n.clickable {\n cursor: pointer; }\n\n.text-center {\n text-align: center; }\n\n.float-left {\n float: left; }\n\n.float-right {\n float: right; }\n\n.apexcharts-canvas {\n font-family: \"Inter\" !important; }\n\n.apexcharts-legend-text {\n font-family: \"Inter\" !important; }\n\n.ant-tag {\n padding: 1px 10px; }\n\n.flex-display {\n display: flex; }\n\n.ant-modal-footer {\n border-top: none;\n text-align: center; }\n .ant-modal-footer button {\n margin: 10px 20px;\n text-transform: uppercase;\n font-size: 0.8rem; }\n\n.ant-modal-header {\n border-radius: 15px;\n border: none; }\n\n.ant-modal-content {\n border-radius: 15px;\n border: none; }\n\n.ant-modal-header {\n border: none; }\n\n.ant-modal-body {\n text-align: center;\n color: rgba(58, 53, 65, 0.6);\n font-size: 0.8rem; }\n .ant-modal-body .ant-select-selector {\n text-align: left;\n border-radius: 5px !important;\n height: 32px; }\n .ant-modal-body .form-label {\n text-align: left; }\n .ant-modal-body .form-label .req-ast {\n color: rgba(255, 77, 79, 0.8);\n padding-left: 5px; }\n .ant-modal-body .ant-form .ant-input-password {\n padding: 6.5px 11px;\n font-size: 16px; }\n .ant-modal-body .ant-form .ant-form-item-explain-error {\n text-align: start; }\n\n.popup-header {\n text-align: center;\n color: rgba(58, 53, 65, 0.8);\n font-weight: 600;\n font-family: \"Inter\";\n font-size: 0.9rem;\n margin: 25px 20px -20px 20px; }\n .popup-header .icon {\n font-size: 4rem;\n margin-bottom: 15px;\n font-weight: 400; }\n .popup-header img {\n height: 100px; }\n\n.popup-success .icon {\n color: #5dc380; }\n\n.popup-success .ant-btn-primary {\n background: #16b1ff;\n border-radius: #16b1ff;\n border: none; }\n\n.popup-success .ant-btn-default {\n color: rgba(58, 53, 65, 0.6);\n border-color: rgba(58, 53, 65, 0.6); }\n\n.popup-success .ant-btn-primary[disabled] {\n border-color: #d9d9d9;\n background: #f5f5f5; }\n\n.popup-primary .icon {\n color: #16b1ff; }\n\n.popup-primary .ant-btn-primary {\n background: #16b1ff;\n border-radius: #16b1ff;\n border: none; }\n\n.popup-primary .ant-btn-default {\n color: rgba(58, 53, 65, 0.6);\n border-color: rgba(58, 53, 65, 0.6); }\n\n.popup-primary .ant-btn-primary[disabled] {\n border-color: #d9d9d9;\n background: #f5f5f5; }\n\n.popup-danger .icon {\n color: rgba(255, 77, 79, 0.8); }\n\n.popup-danger .ant-btn-primary {\n background: rgba(255, 77, 79, 0.8);\n border-radius: rgba(255, 77, 79, 0.8);\n border: none; }\n\n.popup-danger .ant-btn-primary[disabled] {\n border-color: #d9d9d9;\n background: #f5f5f5; }\n\n.popup-danger .ant-btn-default {\n color: rgba(58, 53, 65, 0.6);\n border-color: rgba(58, 53, 65, 0.6); }\n\n.ant-modal-footer .ant-btn {\n height: 32px;\n border-radius: 4px;\n padding: 6px 16px;\n font-weight: 500; }\n\n.ant-modal-footer .ant-btn-default {\n color: rgba(140, 140, 140, 0.7) !important;\n border-color: rgba(140, 140, 140, 0.7) !important; }\n\n.ant-tag-processing {\n color: #16b1ff;\n background: rgba(185, 226, 244, 0.4); }\n\n.filter-section input {\n font-family: 'Inter';\n font-size: 0.8rem !important; }\n\n.pull-right {\n float: right; }\n\n.disabled {\n opacity: 0.5; }\n\n.mg-left-3 {\n margin-left: 3rem; }\n\n.mg-left-2 {\n margin-left: 2rem !important; }\n\n.mg-left-1 {\n margin-left: 1rem; }\n\n.mg-top-1 {\n margin-top: 1rem; }\n\n.mg-top-2 {\n margin-top: 2rem; }\n\n.mg-bottom-1 {\n margin-bottom: 1rem !important; }\n\n.transfer-form {\n padding: 0px 15px;\n color: rgba(58, 53, 65, 0.6); }\n .transfer-form .popup-credit-input .ant-form-item-explain-error {\n width: 200px; }\n .transfer-form .ant-row {\n align-items: unset; }\n .transfer-form .sub-text {\n margin-bottom: 35px;\n font-size: 0.9rem;\n font-weight: 500; }\n .transfer-form .label {\n text-align: left;\n font-size: 0.9rem;\n color: rgba(58, 53, 65, 0.6); }\n .transfer-form .seperator {\n font-size: 1.2rem;\n color: #d9d9d9; }\n .transfer-form .footer {\n margin-bottom: 0px;\n margin-top: 15px; }\n .transfer-form label {\n font-size: 0.8rem; }\n .transfer-form .ant-radio-wrapper {\n font-size: 0.9rem; }\n .transfer-form input {\n color: rgba(58, 53, 65, 0.6); }\n .transfer-form button {\n text-transform: uppercase;\n font-weight: 500; }\n\n.color-error {\n color: rgba(255, 77, 79, 0.8); }\n\n.color-primary {\n color: #16b1ff; }\n\n.ant-input-number-input {\n text-align: right; }\n\n.text-left {\n text-align: left; }\n\n.ant-form-item .ant-radio-group {\n text-align: left; }\n\n.loading-center {\n margin: auto;\n text-align: center;\n position: absolute;\n top: 50%;\n left: 50%; }\n\n.ant-tag-purple {\n color: #976ed7; }\n\n.ant-tag-orange {\n color: #ff8f56; }\n\n.ant-tag-default {\n color: rgba(58, 53, 65, 0.5); }\n\n.ant-popover-inner {\n border-radius: 4px; }\n\n.ant-input-number {\n border-radius: 5px; }\n\n.ret-icon {\n background-color: rgba(254, 241, 173, 0.5);\n color: #ff8f56; }\n\n.flag-ret-icon {\n display: flex !important;\n background-color: #f4f5fa;\n font-size: 1.1rem !important;\n padding: 7px; }\n\n.b-icon {\n vertical-align: middle; }\n\n.ant-message-notice-content {\n padding: 0px;\n border-radius: 5px; }\n .ant-message-notice-content .ant-message-custom-content {\n font-size: 0.8rem;\n border-radius: 5px;\n padding: 17px 24px; }\n .ant-message-notice-content .ant-message-error {\n color: rgba(255, 77, 79, 0.8);\n border: 1px solid rgba(255, 77, 79, 0.8); }\n .ant-message-notice-content .ant-message-success {\n color: #5bce00;\n border: 1px solid #5bce00; }\n\n.ant-select-selection-item {\n color: rgba(58, 53, 65, 0.6); }\n\n.sub-text {\n font-size: 0.9rem;\n font-weight: 500; }\n\n.search-filter {\n margin-right: 15px; }\n\n.mg-bottom-0 {\n margin-bottom: 0px; }\n\n.padding-bottom-0 {\n padding-bottom: 0px; }\n\n.ellipsis-overflow {\n overflow: hidden;\n text-overflow: ellipsis;\n display: -webkit-box;\n -webkit-line-clamp: 1;\n -webkit-box-orient: vertical; }\n\n.nextline-overflow {\n overflow-wrap: break-word; }\n\n.ant-message {\n width: 50%;\n right: 0px;\n left: auto;\n min-width: 400px; }\n";
860
+ styleInject(css_248z$p);
861
+
825
862
  exports.UserManagementColumns = void 0;
826
863
  (function (UserManagementColumns) {
827
864
  UserManagementColumns["logo"] = "logo";
@@ -4422,6 +4459,8 @@ exports.CompanyState = void 0;
4422
4459
  (function (CompanyState) {
4423
4460
  CompanyState[CompanyState["SUSPENDED"] = 0] = "SUSPENDED";
4424
4461
  CompanyState[CompanyState["ACTIVE"] = 1] = "ACTIVE";
4462
+ CompanyState[CompanyState["PENDING"] = 2] = "PENDING";
4463
+ CompanyState[CompanyState["REJECTED"] = 3] = "REJECTED";
4425
4464
  })(exports.CompanyState || (exports.CompanyState = {}));
4426
4465
 
4427
4466
  exports.WidgetType = void 0;
@@ -4520,7 +4559,7 @@ var ProgrammeCertify = /** @class */ (function () {
4520
4559
 
4521
4560
  var AddNewCompanyComponent = function (props) {
4522
4561
  var _a;
4523
- var t = props.t, onNavigateToCompanyManagement = props.onNavigateToCompanyManagement, maximumImageSize = props.maximumImageSize, useConnection = props.useConnection, useUserContext = props.useUserContext, useLocation = props.useLocation, regionField = props.regionField;
4562
+ var t = props.t, onNavigateToCompanyManagement = props.onNavigateToCompanyManagement, maximumImageSize = props.maximumImageSize, useConnection = props.useConnection, useUserContext = props.useUserContext, useLocation = props.useLocation, regionField = props.regionField, isGuest = props.isGuest, onNavigateToHome = props.onNavigateToHome;
4524
4563
  var formOne = antd.Form.useForm()[0];
4525
4564
  var formTwo = antd.Form.useForm()[0];
4526
4565
  var _b = React.useState(), stepOneData = _b[0], setStepOneData = _b[1];
@@ -4632,7 +4671,7 @@ var AddNewCompanyComponent = function (props) {
4632
4671
  }
4633
4672
  };
4634
4673
  var onFinishStepTwo = function (values) { return __awaiter(void 0, void 0, void 0, function () {
4635
- var requestData, logoBase64, logoUrls, response, error_2;
4674
+ var requestData, logoBase64, logoUrls, response, response, error_2;
4636
4675
  var _a, _b;
4637
4676
  return __generator(this, function (_c) {
4638
4677
  switch (_c.label) {
@@ -4641,7 +4680,7 @@ var AddNewCompanyComponent = function (props) {
4641
4680
  setLoading(true);
4642
4681
  _c.label = 1;
4643
4682
  case 1:
4644
- _c.trys.push([1, 4, 5, 6]);
4683
+ _c.trys.push([1, 7, 8, 9]);
4645
4684
  if (requestData.phoneNo) {
4646
4685
  requestData.phoneNo = PhoneInput.formatPhoneNumberIntl(requestData.phoneNo);
4647
4686
  }
@@ -4660,8 +4699,23 @@ var AddNewCompanyComponent = function (props) {
4660
4699
  logoBase64 = _c.sent();
4661
4700
  logoUrls = logoBase64.split(",");
4662
4701
  requestData.company.logo = logoUrls[1];
4663
- return [4 /*yield*/, post("national/user/add", requestData)];
4702
+ if (!isGuest) return [3 /*break*/, 4];
4703
+ return [4 /*yield*/, post("national/user/register", requestData)];
4664
4704
  case 3:
4705
+ response = _c.sent();
4706
+ if (response.status === 200 || response.status === 201) {
4707
+ antd.message.open({
4708
+ type: "success",
4709
+ content: t("companyRegisteredSuccess"),
4710
+ duration: 3,
4711
+ style: { textAlign: "right", marginRight: 15, marginTop: 10 },
4712
+ });
4713
+ onNavigateToHome();
4714
+ setLoading(false);
4715
+ }
4716
+ return [3 /*break*/, 6];
4717
+ case 4: return [4 /*yield*/, post("national/user/add", requestData)];
4718
+ case 5:
4665
4719
  response = _c.sent();
4666
4720
  if (response.status === 200 || response.status === 201) {
4667
4721
  if (isUpdate) {
@@ -4678,8 +4732,9 @@ var AddNewCompanyComponent = function (props) {
4678
4732
  onNavigateToCompanyManagement();
4679
4733
  setLoading(false);
4680
4734
  }
4681
- return [3 /*break*/, 6];
4682
- case 4:
4735
+ _c.label = 6;
4736
+ case 6: return [3 /*break*/, 9];
4737
+ case 7:
4683
4738
  error_2 = _c.sent();
4684
4739
  antd.message.open({
4685
4740
  type: "error",
@@ -4687,11 +4742,11 @@ var AddNewCompanyComponent = function (props) {
4687
4742
  duration: 3,
4688
4743
  style: { textAlign: "right", marginRight: 15, marginTop: 10 },
4689
4744
  });
4690
- return [3 /*break*/, 6];
4691
- case 5:
4745
+ return [3 /*break*/, 9];
4746
+ case 8:
4692
4747
  setLoading(false);
4693
4748
  return [7 /*endfinally*/];
4694
- case 6: return [2 /*return*/];
4749
+ case 9: return [2 /*return*/];
4695
4750
  }
4696
4751
  });
4697
4752
  }); };
@@ -5015,10 +5070,10 @@ var AddNewCompanyComponent = function (props) {
5015
5070
  React.createElement(antd.Radio.Button, { className: "dev", value: "ProgrammeDeveloper" },
5016
5071
  React.createElement(icons.ExperimentOutlined, { className: "role-icons" }),
5017
5072
  "Developer"))),
5018
- (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) !==
5019
- exports.CompanyRole.MINISTRY && (React.createElement("div", { className: "minister-radio-container" },
5073
+ ((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) !==
5074
+ exports.CompanyRole.MINISTRY) && (React.createElement("div", { className: "minister-radio-container" },
5020
5075
  React.createElement(antd.Tooltip, { placement: "top", title: "Permitted to perform all programme-related actions within the Ministry" },
5021
- React.createElement(antd.Radio.Button, { className: "minister", value: "Ministry" },
5076
+ React.createElement(antd.Radio.Button, { className: "minister", value: "Ministry", disabled: isGuest },
5022
5077
  React.createElement(icons.AuditOutlined, { className: "role-icons" }),
5023
5078
  "Ministry")))))))),
5024
5079
  companyRole === exports.CompanyRole.MINISTRY && (React.createElement(antd.Form.Item, { label: "Name of the Minister", name: "nameOfMinister", initialValue: (_h = state === null || state === void 0 ? void 0 : state.record) === null || _h === void 0 ? void 0 : _h.nameOfMinister, rules: [
@@ -5236,29 +5291,24 @@ var UserActionConfirmationModel = function (props) {
5236
5291
  React.createElement(antd.Button, { className: "mg-left-2", type: "primary", htmlType: "submit", loading: loading, disabled: actionInfo.type === "danger" && comment === "" }, actionInfo.action)))));
5237
5292
  };
5238
5293
 
5239
- var css_248z$p = ".company-profile {\n padding: 0px 50px; }\n .company-profile .company-name {\n font-weight: 600; }\n .company-profile .title-bar {\n display: flex;\n justify-content: space-between; }\n .company-profile .title-bar .flex-display {\n margin-left: 15px; }\n .company-profile .card-container {\n margin-bottom: 20px;\n width: 100%;\n border-radius: 10px; }\n .company-profile .mg-left-1 {\n margin-left: 1rem; }\n .company-profile .mg-top-1 {\n margin-top: 1rem; }\n .company-profile .mg-right-5 {\n margin-right: 5rem; }\n .company-profile .padding-top-1 {\n padding-top: 1rem; }\n .company-profile .padding-top-2 {\n padding-top: 2rem; }\n .company-profile .profile-img {\n width: 200px; }\n .company-profile .btn-danger {\n color: #ff4d4f !important;\n border-color: #ff8183 !important; }\n .company-profile .btn-activate {\n color: #16b1ff !important;\n border-color: #16b1ff !important; }\n .company-profile .ant-btn[disabled] {\n border-color: #d9d9d9 !important;\n background: #f5f5f5 !important;\n color: #d9d9d9 !important; }\n";
5240
- styleInject(css_248z$p);
5241
-
5242
- var css_248z$o = ".organisation-status-active {\n border-radius: 20px;\n background-color: rgba(185, 226, 244, 0.4);\n padding: 4px 15px;\n height: 28px;\n color: #16b1ff;\n margin-left: auto;\n margin-right: auto;\n width: 90px;\n text-align: center; }\n\n.organisation-status-deauthorised {\n border-radius: 20px;\n background-color: rgba(255, 166, 166, 0.4);\n padding: 4px 15px;\n height: 28px;\n color: #ff4d4f;\n margin-left: auto;\n margin-right: auto;\n width: 110px;\n text-align: center; }\n";
5294
+ var css_248z$o = ".company-profile {\n padding: 0px 50px; }\n .company-profile .company-name {\n font-weight: 600; }\n .company-profile .title-bar {\n display: flex;\n justify-content: space-between; }\n .company-profile .title-bar .flex-display {\n margin-left: 15px; }\n .company-profile .card-container {\n margin-bottom: 20px;\n width: 100%;\n border-radius: 10px; }\n .company-profile .mg-left-1 {\n margin-left: 1rem; }\n .company-profile .mg-top-1 {\n margin-top: 1rem; }\n .company-profile .mg-right-5 {\n margin-right: 5rem; }\n .company-profile .padding-top-1 {\n padding-top: 1rem; }\n .company-profile .padding-top-2 {\n padding-top: 2rem; }\n .company-profile .profile-img {\n width: 200px; }\n .company-profile .btn-danger {\n color: #ff4d4f !important;\n border-color: #ff8183 !important; }\n .company-profile .btn-activate {\n color: #16b1ff !important;\n border-color: #16b1ff !important; }\n .company-profile .ant-btn[disabled] {\n border-color: #d9d9d9 !important;\n background: #f5f5f5 !important;\n color: #d9d9d9 !important; }\n .company-profile .btn-approve {\n color: white !important;\n background-color: #16b1ff !important; }\n .company-profile .btn-reject {\n color: #ff4d4f !important;\n border-color: #ff4d4f !important;\n background-color: white !important;\n outline: auto !important; }\n";
5243
5295
  styleInject(css_248z$o);
5244
5296
 
5245
- var OrganisationStatus = function (props) {
5246
- var organisationStatus = props.organisationStatus, t = props.t;
5247
- return organisationStatus === 1 ? (React.createElement("div", { className: "mg-top-1 organisation-status-active" }, t('companyProfile:activeStatus'))) : (React.createElement("div", { className: "mg-top-1 organisation-status-deauthorised" }, t('companyProfile:deauthorisedStatus')));
5248
- };
5249
-
5250
5297
  var CompanyProfileComponent = function (props) {
5251
5298
  var t = props.t, useAbilityContext = props.useAbilityContext, useLocation = props.useLocation, useConnection = props.useConnection, onNavigateToCompanyManagement = props.onNavigateToCompanyManagement, onNavigateToCompanyEdit = props.onNavigateToCompanyEdit, regionField = props.regionField;
5252
- var _a = useConnection(), get = _a.get, put = _a.put;
5299
+ var _a = useConnection(), get = _a.get, put = _a.put, post = _a.post;
5253
5300
  var _b = React.useState(undefined), companyDetails = _b[0], setCompanyDetails = _b[1];
5301
+ var _c = React.useState(undefined), userDetails = _c[0], setUserDetails = _c[1];
5254
5302
  var state = useLocation().state;
5255
- var _c = React.useState(true), isLoading = _c[0], setIsLoading = _c[1];
5256
- var _d = React.useState({}), actionInfo = _d[0], setActionInfo = _d[1];
5257
- var _e = React.useState(false), openDeauthorisationModal = _e[0], setOpenDeauthorisationModal = _e[1];
5258
- var _f = React.useState(false), openReactivateModal = _f[0], setOpenReactivateModal = _f[1];
5259
- var _g = React.useState(""), errorMsg = _g[0], setErrorMsg = _g[1];
5260
- var _h = React.useState(""); _h[0]; var setUserRole = _h[1];
5261
- var _j = React.useState(""); _j[0]; var setCompanyRole = _j[1];
5303
+ var _d = React.useState(true), isLoading = _d[0], setIsLoading = _d[1];
5304
+ var _e = React.useState({}), actionInfo = _e[0], setActionInfo = _e[1];
5305
+ var _f = React.useState(false), openDeauthorisationModal = _f[0], setOpenDeauthorisationModal = _f[1];
5306
+ var _g = React.useState(false), openReactivateModal = _g[0], setOpenReactivateModal = _g[1];
5307
+ var _h = React.useState(false), openApproveModal = _h[0], setOpenApproveModal = _h[1];
5308
+ var _j = React.useState(false), openRejectModal = _j[0], setOpenRejectModal = _j[1];
5309
+ var _k = React.useState(""), errorMsg = _k[0], setErrorMsg = _k[1];
5310
+ var _l = React.useState(""); _l[0]; var setUserRole = _l[1];
5311
+ var _m = React.useState(""); _m[0]; var setCompanyRole = _m[1];
5262
5312
  var ability = useAbilityContext();
5263
5313
  var getCompanyDetails = function (companyId) { return __awaiter(void 0, void 0, void 0, function () {
5264
5314
  var response;
@@ -5282,7 +5332,44 @@ var CompanyProfileComponent = function (props) {
5282
5332
  }
5283
5333
  });
5284
5334
  }); };
5335
+ var getUserDetails = function (companyId) { return __awaiter(void 0, void 0, void 0, function () {
5336
+ var response, error_1;
5337
+ return __generator(this, function (_a) {
5338
+ switch (_a.label) {
5339
+ case 0:
5340
+ setIsLoading(true);
5341
+ _a.label = 1;
5342
+ case 1:
5343
+ _a.trys.push([1, 3, , 4]);
5344
+ return [4 /*yield*/, post("national/user/query", {
5345
+ page: 1,
5346
+ size: 10,
5347
+ filterAnd: [
5348
+ {
5349
+ key: "companyId",
5350
+ operation: "=",
5351
+ value: companyId,
5352
+ },
5353
+ ],
5354
+ })];
5355
+ case 2:
5356
+ response = _a.sent();
5357
+ if (response && response.data) {
5358
+ setUserDetails(response.data[0]);
5359
+ }
5360
+ setIsLoading(false);
5361
+ return [3 /*break*/, 4];
5362
+ case 3:
5363
+ error_1 = _a.sent();
5364
+ console.log("Error in getting users", error_1);
5365
+ setIsLoading(false);
5366
+ return [3 /*break*/, 4];
5367
+ case 4: return [2 /*return*/];
5368
+ }
5369
+ });
5370
+ }); };
5285
5371
  React.useEffect(function () {
5372
+ var _a, _b;
5286
5373
  if (!state) {
5287
5374
  onNavigateToCompanyManagement();
5288
5375
  }
@@ -5291,6 +5378,9 @@ var CompanyProfileComponent = function (props) {
5291
5378
  var userRoleValue = localStorage.getItem("userRole");
5292
5379
  setUserRole(userRoleValue);
5293
5380
  setCompanyRole(localStorage.getItem("companyRole"));
5381
+ if (((_a = state.record) === null || _a === void 0 ? void 0 : _a.state) == "2" || ((_b = state.record) === null || _b === void 0 ? void 0 : _b.state) == "3") {
5382
+ getUserDetails(state.record.companyId);
5383
+ }
5294
5384
  }
5295
5385
  }, []);
5296
5386
  var onDeauthoriseOrgConfirmed = function (remarks) { return __awaiter(void 0, void 0, void 0, function () {
@@ -5357,6 +5447,77 @@ var CompanyProfileComponent = function (props) {
5357
5447
  }
5358
5448
  });
5359
5449
  }); };
5450
+ var onApproveOrgConfirmed = function (remarks) { return __awaiter(void 0, void 0, void 0, function () {
5451
+ var exception_4;
5452
+ return __generator(this, function (_a) {
5453
+ switch (_a.label) {
5454
+ case 0:
5455
+ _a.trys.push([0, 2, 3, 4]);
5456
+ setIsLoading(true);
5457
+ return [4 /*yield*/, put("national/organisation/approve?id=".concat(companyDetails.companyId), {
5458
+ remarks: remarks,
5459
+ })];
5460
+ case 1:
5461
+ _a.sent();
5462
+ setOpenApproveModal(false);
5463
+ antd.message.open({
5464
+ type: "success",
5465
+ content: t("companyProfile:approvedSuccessfully"),
5466
+ duration: 3,
5467
+ style: { textAlign: "right", marginRight: 15, marginTop: 10 },
5468
+ });
5469
+ getCompanyDetails(companyDetails.companyId);
5470
+ getUserDetails(companyDetails.companyId);
5471
+ return [3 /*break*/, 4];
5472
+ case 2:
5473
+ exception_4 = _a.sent();
5474
+ setErrorMsg(exception_4.message);
5475
+ return [3 /*break*/, 4];
5476
+ case 3:
5477
+ setIsLoading(false);
5478
+ return [7 /*endfinally*/];
5479
+ case 4: return [2 /*return*/];
5480
+ }
5481
+ });
5482
+ }); };
5483
+ var onApproveOrgCanceled = function () {
5484
+ setOpenApproveModal(false);
5485
+ };
5486
+ var onRejectOrgConfirmed = function (remarks) { return __awaiter(void 0, void 0, void 0, function () {
5487
+ var exception_5;
5488
+ return __generator(this, function (_a) {
5489
+ switch (_a.label) {
5490
+ case 0:
5491
+ _a.trys.push([0, 2, 3, 4]);
5492
+ setIsLoading(true);
5493
+ return [4 /*yield*/, put("national/organisation/reject?id=".concat(companyDetails.companyId), {
5494
+ remarks: remarks,
5495
+ })];
5496
+ case 1:
5497
+ _a.sent();
5498
+ setOpenRejectModal(false);
5499
+ antd.message.open({
5500
+ type: "success",
5501
+ content: t("companyProfile:rejectedSuccessfully"),
5502
+ duration: 3,
5503
+ style: { textAlign: "right", marginRight: 15, marginTop: 10 },
5504
+ });
5505
+ getCompanyDetails(companyDetails.companyId);
5506
+ return [3 /*break*/, 4];
5507
+ case 2:
5508
+ exception_5 = _a.sent();
5509
+ setErrorMsg(exception_5.message);
5510
+ return [3 /*break*/, 4];
5511
+ case 3:
5512
+ setIsLoading(false);
5513
+ return [7 /*endfinally*/];
5514
+ case 4: return [2 /*return*/];
5515
+ }
5516
+ });
5517
+ }); };
5518
+ var onRejectOrgCanceled = function () {
5519
+ setOpenRejectModal(false);
5520
+ };
5360
5521
  var onDeauthoriseOrgCanceled = function () {
5361
5522
  setOpenDeauthorisationModal(false);
5362
5523
  };
@@ -5385,6 +5546,28 @@ var CompanyProfileComponent = function (props) {
5385
5546
  setErrorMsg("");
5386
5547
  setOpenReactivateModal(true);
5387
5548
  };
5549
+ var onApproveOrganisation = function () {
5550
+ setActionInfo({
5551
+ action: "".concat(t("companyProfile:approve")),
5552
+ headerText: "".concat(t("companyProfile:approveConfirmHeaderText")),
5553
+ text: "".concat(t("companyProfile:approveConfirmText")),
5554
+ type: "primary",
5555
+ icon: React.createElement(Icon__namespace.ClipboardCheck, null),
5556
+ });
5557
+ setErrorMsg("");
5558
+ setOpenApproveModal(true);
5559
+ };
5560
+ var onRejectOrganisation = function () {
5561
+ setActionInfo({
5562
+ action: "".concat(t("companyProfile:reject")),
5563
+ headerText: "".concat(t("companyProfile:rejectConfirmHeaderText")),
5564
+ text: "".concat(t("companyProfile:rejectConfirmText")),
5565
+ type: "danger",
5566
+ icon: React.createElement(Icon__namespace.ClipboardX, null),
5567
+ });
5568
+ setErrorMsg("");
5569
+ setOpenRejectModal(true);
5570
+ };
5388
5571
  var getEnumKeysFromValues = function (values) {
5389
5572
  var enumKeys = [];
5390
5573
  for (var key in exports.SectoralScope) {
@@ -5402,13 +5585,21 @@ var CompanyProfileComponent = function (props) {
5402
5585
  React.createElement("div", { className: "flex-display" },
5403
5586
  ability.can(exports.Action.Delete, classTransformer.plainToClass(Company, companyDetails)) &&
5404
5587
  !isLoading &&
5405
- parseInt(companyDetails.state) !== 0 ? (React.createElement(antd.Button, { danger: true, className: "btn-danger", onClick: onDeauthoriseOrganisation }, t("companyProfile:deauthorise"))) : (""),
5588
+ parseInt(companyDetails === null || companyDetails === void 0 ? void 0 : companyDetails.state) === 1 ? (React.createElement(antd.Button, { danger: true, className: "btn-danger", onClick: onDeauthoriseOrganisation }, t("companyProfile:deauthorise"))) : (""),
5406
5589
  ability.can(exports.Action.Delete, classTransformer.plainToClass(Company, companyDetails)) &&
5407
5590
  !isLoading &&
5408
- parseInt(companyDetails.state) !== 1 ? (React.createElement(antd.Button, { className: "btn-activate", onClick: onReActivateOrganisation }, t("companyProfile:reActivate"))) : (""),
5591
+ parseInt(companyDetails === null || companyDetails === void 0 ? void 0 : companyDetails.state) === 0 ? (React.createElement(antd.Button, { className: "btn-activate", onClick: onReActivateOrganisation }, t("companyProfile:reActivate"))) : (""),
5409
5592
  ability.can(exports.Action.Update, classTransformer.plainToClass(Company, companyDetails)) &&
5410
5593
  !isLoading &&
5411
- companyDetails && (React.createElement(antd.Button, { className: "mg-left-1", type: "primary", onClick: function () { return onNavigateToCompanyEdit(companyDetails); } }, t("common:edit"))))),
5594
+ companyDetails && (React.createElement(antd.Button, { className: "mg-left-1", type: "primary", onClick: function () { return onNavigateToCompanyEdit(companyDetails); } }, t("common:edit"))),
5595
+ (parseInt(companyDetails === null || companyDetails === void 0 ? void 0 : companyDetails.state) === 2) &&
5596
+ ability.can(exports.Action.Reject, classTransformer.plainToClass(Company, companyDetails)) &&
5597
+ !isLoading &&
5598
+ companyDetails && (React.createElement(antd.Button, { className: "mg-left-1 btn-reject", type: "primary", onClick: onRejectOrganisation }, t("common:reject"))),
5599
+ (parseInt(companyDetails === null || companyDetails === void 0 ? void 0 : companyDetails.state) === 2 || parseInt(companyDetails === null || companyDetails === void 0 ? void 0 : companyDetails.state) === 3) &&
5600
+ ability.can(exports.Action.Approve, classTransformer.plainToClass(Company, companyDetails)) &&
5601
+ !isLoading &&
5602
+ companyDetails && (React.createElement(antd.Button, { className: "mg-left-1 btn-approve", type: "primary", onClick: onApproveOrganisation }, t("common:approve"))))),
5412
5603
  !companyDetails && (React.createElement("div", { className: "content-body" },
5413
5604
  React.createElement(antd.Skeleton, { active: true, loading: true }))),
5414
5605
  companyDetails && (React.createElement("div", { className: "content-body" },
@@ -5485,9 +5676,28 @@ var CompanyProfileComponent = function (props) {
5485
5676
  React.createElement(antd.Col, { span: 12, className: "field-key" }, t("companyProfile:remarks")),
5486
5677
  React.createElement(antd.Col, { span: 12, className: "field-value" }, companyDetails.remarks
5487
5678
  ? companyDetails.remarks
5488
- : "-"))) : ("")))))))),
5679
+ : "-"))) : ("")))),
5680
+ ((companyDetails === null || companyDetails === void 0 ? void 0 : companyDetails.state) == "2" || (companyDetails === null || companyDetails === void 0 ? void 0 : companyDetails.state) == "3") &&
5681
+ React.createElement(antd.Card, { className: "card-container" },
5682
+ React.createElement("div", { className: "info-view" },
5683
+ React.createElement("div", { className: "title" },
5684
+ React.createElement("span", { className: "title-icon" },
5685
+ React.createElement(icons.UserOutlined, null)),
5686
+ React.createElement("span", { className: "title-text" }, t("companyProfile:adminDetailsHeading"))),
5687
+ React.createElement(antd.Row, { className: "field" },
5688
+ React.createElement(antd.Col, { span: 12, className: "field-key" }, t("companyProfile:adminName")),
5689
+ React.createElement(antd.Col, { span: 12, className: "field-value" }, (userDetails === null || userDetails === void 0 ? void 0 : userDetails.name)
5690
+ ? userDetails === null || userDetails === void 0 ? void 0 : userDetails.name
5691
+ : "-")),
5692
+ React.createElement(antd.Row, { className: "field" },
5693
+ React.createElement(antd.Col, { span: 12, className: "field-key" }, t("companyProfile:adminEmail")),
5694
+ React.createElement(antd.Col, { span: 12, className: "field-value" }, (userDetails === null || userDetails === void 0 ? void 0 : userDetails.email)
5695
+ ? userDetails === null || userDetails === void 0 ? void 0 : userDetails.email
5696
+ : "-")))))))),
5489
5697
  React.createElement(UserActionConfirmationModel, { t: t, actionInfo: actionInfo, onActionConfirmed: onDeauthoriseOrgConfirmed, onActionCanceled: onDeauthoriseOrgCanceled, openModal: openDeauthorisationModal, errorMsg: errorMsg, loading: isLoading }),
5490
- React.createElement(UserActionConfirmationModel, { t: t, actionInfo: actionInfo, onActionConfirmed: onReactivateOrgConfirmed, onActionCanceled: onReactivateOrgCanceled, openModal: openReactivateModal, errorMsg: errorMsg, loading: isLoading })));
5698
+ React.createElement(UserActionConfirmationModel, { t: t, actionInfo: actionInfo, onActionConfirmed: onReactivateOrgConfirmed, onActionCanceled: onReactivateOrgCanceled, openModal: openReactivateModal, errorMsg: errorMsg, loading: isLoading }),
5699
+ React.createElement(UserActionConfirmationModel, { t: t, actionInfo: actionInfo, onActionConfirmed: onApproveOrgConfirmed, onActionCanceled: onApproveOrgCanceled, openModal: openApproveModal, errorMsg: errorMsg, loading: isLoading }),
5700
+ React.createElement(UserActionConfirmationModel, { t: t, actionInfo: actionInfo, onActionConfirmed: onRejectOrgConfirmed, onActionCanceled: onRejectOrgCanceled, openModal: openRejectModal, errorMsg: errorMsg, loading: isLoading })));
5491
5701
  };
5492
5702
 
5493
5703
  var css_248z$n = ".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";
@@ -23068,7 +23278,7 @@ var RegistryDashboardComponent = function (props) {
23068
23278
  (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === exports.CompanyRole.CERTIFIER ||
23069
23279
  (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === exports.CompanyRole.MINISTRY) &&
23070
23280
  fileList.length > 0 && (React.createElement("div", { className: "annual-report" },
23071
- React.createElement("div", null, "Annual Statistic Report"),
23281
+ React.createElement("div", null, "Annual Statistics Report"),
23072
23282
  React.createElement(antd.Dropdown, { menu: menuProps },
23073
23283
  React.createElement(antd.Button, { className: "annual-report-dropdownbutton" },
23074
23284
  React.createElement(antd.Space, null,