@undp/carbon-library 1.0.115 → 1.0.117

package/dist/cjs/types/Definitions/Enums/action.enum.d.ts

@@ -3,5 +3,7 @@ export declare enum Action {
     Create = "create",
     Read = "read",
     Update = "update",
-    Delete = "delete"
+    Delete = "delete",
+    Approve = "approve",
+    Reject = "reject"
 }

package/dist/cjs/types/Definitions/Enums/company.management.columns.enum.d.ts

@@ -4,5 +4,6 @@ export declare enum CompanyManagementColumns {
     taxId = "taxId",
     companyRole = "companyRole",
     programmeCount = "programmeCount",
-    creditBalance = "creditBalance"
+    creditBalance = "creditBalance",
+    companyState = "state"
 }

package/dist/cjs/types/Definitions/Enums/company.state.enum.d.ts

@@ -1,4 +1,6 @@
 export declare enum CompanyState {
     SUSPENDED = 0,
-    ACTIVE = 1
+    ACTIVE = 1,
+    PENDING = 2,
+    REJECTED = 3
 }

package/dist/esm/index.js

@@ -1,4 +1,4 @@
-import { PlusOutlined, FilterOutlined, BankOutlined, SafetyOutlined, AuditOutlined, ExperimentOutlined, UploadOutlined, MinusCircleOutlined, StarOutlined, ToolOutlined, EyeOutlined, SearchOutlined, UserOutlined, EllipsisOutlined, EditOutlined, DeleteOutlined, FileAddOutlined, CheckCircleOutlined, ExclamationCircleOutlined, LinkOutlined, CaretDownOutlined, EyeInvisibleOutlined, GlobalOutlined, FlagOutlined, LineChartOutlined, LikeOutlined, DislikeOutlined } from '@ant-design/icons';
+import { PlusOutlined, FilterOutlined, BankOutlined, SafetyOutlined, AuditOutlined, ExperimentOutlined, UploadOutlined, UserOutlined, MinusCircleOutlined, StarOutlined, ToolOutlined, EyeOutlined, SearchOutlined, EllipsisOutlined, EditOutlined, DeleteOutlined, FileAddOutlined, CheckCircleOutlined, ExclamationCircleOutlined, LinkOutlined, CaretDownOutlined, EyeInvisibleOutlined, GlobalOutlined, FlagOutlined, LineChartOutlined, LikeOutlined, DislikeOutlined } from '@ant-design/icons';
 import { Input, Radio, Space, Row, Col, Button, Dropdown, Table, Empty, message, Form, Steps, Upload, Tooltip, Select, Modal, Alert, Skeleton, Card, Tag, Checkbox, DatePicker, InputNumber, Popover, List, Typography, Spin, Tabs, Progress } from 'antd';
 import React, { useState, useEffect, useRef } from 'react';
 import { DateTime } from 'luxon';
@@ -406,6 +406,8 @@ var Action;
     Action["Read"] = "read";
     Action["Update"] = "update";
     Action["Delete"] = "delete";
+    Action["Approve"] = "approve";
+    Action["Reject"] = "reject";
 })(Action || (Action = {}));
 
 var Company = /** @class */ (function () {
@@ -422,6 +424,7 @@ var CompanyManagementColumns;
     CompanyManagementColumns["companyRole"] = "companyRole";
     CompanyManagementColumns["programmeCount"] = "programmeCount";
     CompanyManagementColumns["creditBalance"] = "creditBalance";
+    CompanyManagementColumns["companyState"] = "state";
 })(CompanyManagementColumns || (CompanyManagementColumns = {}));
 
 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";
@@ -465,6 +468,26 @@ var CompanyRole;
     CompanyRole["API"] = "API";
 })(CompanyRole || (CompanyRole = {}));
 
+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";
+styleInject(css_248z$r);
+
+var OrganisationStatus = function (props) {
+    var organisationStatus = props.organisationStatus, t = props.t;
+    var orgState = (React.createElement("div", { className: "mg-top-1 organisation-status-deauthorised" }, t('companyProfile:deauthorisedStatus')));
+    switch (organisationStatus) {
+        case 1:
+            orgState = (React.createElement("div", { className: "mg-top-1 organisation-status-active" }, t('companyProfile:activeStatus')));
+            break;
+        case 2:
+            orgState = (React.createElement("div", { className: "mg-top-1 organisation-status-pending" }, t('companyProfile:pendingStatus')));
+            break;
+        case 3:
+            orgState = (React.createElement("div", { className: "mg-top-1 organisation-status-rejected" }, t('companyProfile:rejectedStatus')));
+            break;
+    }
+    return orgState;
+};
+
 var Search$2 = Input.Search;
 var CompanyManagementComponent = function (props) {
     var t = props.t, useAbilityContext = props.useAbilityContext, post = props.post, visibleColumns = props.visibleColumns, onNavigateToCompanyProfile = props.onNavigateToCompanyProfile, onClickAddCompany = props.onClickAddCompany;
@@ -508,6 +531,10 @@ var CompanyManagementComponent = function (props) {
             item === CompanyRole.GOVERNMENT ? (React.createElement(RoleIcon, { icon: React.createElement(BankOutlined, null), bg: GovBGColor, color: GovColor })) : item === CompanyRole.CERTIFIER ? (React.createElement(RoleIcon, { icon: React.createElement(SafetyOutlined, null), bg: CertBGColor, color: CertColor })) : item === CompanyRole.MINISTRY ? (React.createElement(RoleIcon, { icon: React.createElement(AuditOutlined, null), bg: MinBGColor, color: MinColor })) : (React.createElement(RoleIcon, { icon: React.createElement(ExperimentOutlined, null), bg: DevBGColor, color: DevColor })),
             item === CompanyRole.PROGRAMME_DEVELOPER ? (React.createElement("div", null, t("company:developer"))) : (React.createElement("div", null, item))));
     };
+    var getCompanyStateComponent = function (item) {
+        return (React.createElement("div", { style: { display: "flex", alignItems: "left" } },
+            React.createElement(OrganisationStatus, { t: t, organisationStatus: parseInt(item) })));
+    };
     var handleFilterVisibleChange = function () {
         setFilterVisible(true);
     };
@@ -581,6 +608,16 @@ var CompanyManagementComponent = function (props) {
                 return item !== null ? addCommSep(item) : "-";
             },
         },
+        {
+            title: t("company:companyState"),
+            dataIndex: "state",
+            key: CompanyManagementColumns.companyState,
+            sorter: true,
+            align: "left",
+            render: function (item) {
+                return getCompanyStateComponent(item);
+            },
+        },
     ].filter(function (column) { return visibleColumns.includes(column.key); });
     var filterOr = function () {
         if (searchByTermOrganisation !== null &&
@@ -796,12 +833,12 @@ var CompanyManagementComponent = function (props) {
                             } })))))));
 };
 
-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";
-styleInject(css_248z$r);
-
-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";
+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";
 styleInject(css_248z$q);
 
+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";
+styleInject(css_248z$p);
+
 var UserManagementColumns;
 (function (UserManagementColumns) {
     UserManagementColumns["logo"] = "logo";
@@ -4402,6 +4439,8 @@ var CompanyState;
 (function (CompanyState) {
     CompanyState[CompanyState["SUSPENDED"] = 0] = "SUSPENDED";
     CompanyState[CompanyState["ACTIVE"] = 1] = "ACTIVE";
+    CompanyState[CompanyState["PENDING"] = 2] = "PENDING";
+    CompanyState[CompanyState["REJECTED"] = 3] = "REJECTED";
 })(CompanyState || (CompanyState = {}));
 
 var WidgetType;
@@ -4500,7 +4539,7 @@ var ProgrammeCertify = /** @class */ (function () {
 
 var AddNewCompanyComponent = function (props) {
     var _a;
-    var t = props.t, onNavigateToCompanyManagement = props.onNavigateToCompanyManagement, maximumImageSize = props.maximumImageSize, useConnection = props.useConnection, useUserContext = props.useUserContext, useLocation = props.useLocation, regionField = props.regionField;
+    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;
     var formOne = Form.useForm()[0];
     var formTwo = Form.useForm()[0];
     var _b = useState(), stepOneData = _b[0], setStepOneData = _b[1];
@@ -4612,7 +4651,7 @@ var AddNewCompanyComponent = function (props) {
         }
     };
     var onFinishStepTwo = function (values) { return __awaiter(void 0, void 0, void 0, function () {
-        var requestData, logoBase64, logoUrls, response, error_2;
+        var requestData, logoBase64, logoUrls, response, response, error_2;
         var _a, _b;
         return __generator(this, function (_c) {
             switch (_c.label) {
@@ -4621,7 +4660,7 @@ var AddNewCompanyComponent = function (props) {
                     setLoading(true);
                     _c.label = 1;
                 case 1:
-                    _c.trys.push([1, 4, 5, 6]);
+                    _c.trys.push([1, 7, 8, 9]);
                     if (requestData.phoneNo) {
                         requestData.phoneNo = formatPhoneNumberIntl(requestData.phoneNo);
                     }
@@ -4640,8 +4679,23 @@ var AddNewCompanyComponent = function (props) {
                     logoBase64 = _c.sent();
                     logoUrls = logoBase64.split(",");
                     requestData.company.logo = logoUrls[1];
-                    return [4 /*yield*/, post("national/user/add", requestData)];
+                    if (!isGuest) return [3 /*break*/, 4];
+                    return [4 /*yield*/, post("national/user/register", requestData)];
                 case 3:
+                    response = _c.sent();
+                    if (response.status === 200 || response.status === 201) {
+                        message.open({
+                            type: "success",
+                            content: t("companyRegisteredSuccess"),
+                            duration: 3,
+                            style: { textAlign: "right", marginRight: 15, marginTop: 10 },
+                        });
+                        onNavigateToHome();
+                        setLoading(false);
+                    }
+                    return [3 /*break*/, 6];
+                case 4: return [4 /*yield*/, post("national/user/add", requestData)];
+                case 5:
                     response = _c.sent();
                     if (response.status === 200 || response.status === 201) {
                         if (isUpdate) {
@@ -4658,8 +4712,9 @@ var AddNewCompanyComponent = function (props) {
                         onNavigateToCompanyManagement();
                         setLoading(false);
                     }
-                    return [3 /*break*/, 6];
-                case 4:
+                    _c.label = 6;
+                case 6: return [3 /*break*/, 9];
+                case 7:
                     error_2 = _c.sent();
                     message.open({
                         type: "error",
@@ -4667,11 +4722,11 @@ var AddNewCompanyComponent = function (props) {
                         duration: 3,
                         style: { textAlign: "right", marginRight: 15, marginTop: 10 },
                     });
-                    return [3 /*break*/, 6];
-                case 5:
+                    return [3 /*break*/, 9];
+                case 8:
                     setLoading(false);
                     return [7 /*endfinally*/];
-                case 6: return [2 /*return*/];
+                case 9: return [2 /*return*/];
             }
         });
     }); };
@@ -4995,10 +5050,10 @@ var AddNewCompanyComponent = function (props) {
                                                 React.createElement(Radio.Button, { className: "dev", value: "ProgrammeDeveloper" },
                                                     React.createElement(ExperimentOutlined, { className: "role-icons" }),
                                                     "Developer"))),
-                                        (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) !==
-                                            CompanyRole.MINISTRY && (React.createElement("div", { className: "minister-radio-container" },
+                                        ((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) !==
+                                            CompanyRole.MINISTRY) && (React.createElement("div", { className: "minister-radio-container" },
                                             React.createElement(Tooltip, { placement: "top", title: "Permitted to perform all programme-related actions within the Ministry" },
-                                                React.createElement(Radio.Button, { className: "minister", value: "Ministry" },
+                                                React.createElement(Radio.Button, { className: "minister", value: "Ministry", disabled: isGuest },
                                                     React.createElement(AuditOutlined, { className: "role-icons" }),
                                                     "Ministry")))))))),
                                 companyRole === CompanyRole.MINISTRY && (React.createElement(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: [
@@ -5216,29 +5271,24 @@ var UserActionConfirmationModel = function (props) {
                 React.createElement(Button, { className: "mg-left-2", type: "primary", htmlType: "submit", loading: loading, disabled: actionInfo.type === "danger" && comment === "" }, actionInfo.action)))));
 };
 
-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";
-styleInject(css_248z$p);
-
-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";
+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";
 styleInject(css_248z$o);
 
-var OrganisationStatus = function (props) {
-    var organisationStatus = props.organisationStatus, t = props.t;
-    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')));
-};
-
 var CompanyProfileComponent = function (props) {
     var t = props.t, useAbilityContext = props.useAbilityContext, useLocation = props.useLocation, useConnection = props.useConnection, onNavigateToCompanyManagement = props.onNavigateToCompanyManagement, onNavigateToCompanyEdit = props.onNavigateToCompanyEdit, regionField = props.regionField;
-    var _a = useConnection(), get = _a.get, put = _a.put;
+    var _a = useConnection(), get = _a.get, put = _a.put, post = _a.post;
     var _b = useState(undefined), companyDetails = _b[0], setCompanyDetails = _b[1];
+    var _c = useState(undefined), userDetails = _c[0], setUserDetails = _c[1];
     var state = useLocation().state;
-    var _c = useState(true), isLoading = _c[0], setIsLoading = _c[1];
-    var _d = useState({}), actionInfo = _d[0], setActionInfo = _d[1];
-    var _e = useState(false), openDeauthorisationModal = _e[0], setOpenDeauthorisationModal = _e[1];
-    var _f = useState(false), openReactivateModal = _f[0], setOpenReactivateModal = _f[1];
-    var _g = useState(""), errorMsg = _g[0], setErrorMsg = _g[1];
-    var _h = useState(""); _h[0]; var setUserRole = _h[1];
-    var _j = useState(""); _j[0]; var setCompanyRole = _j[1];
+    var _d = useState(true), isLoading = _d[0], setIsLoading = _d[1];
+    var _e = useState({}), actionInfo = _e[0], setActionInfo = _e[1];
+    var _f = useState(false), openDeauthorisationModal = _f[0], setOpenDeauthorisationModal = _f[1];
+    var _g = useState(false), openReactivateModal = _g[0], setOpenReactivateModal = _g[1];
+    var _h = useState(false), openApproveModal = _h[0], setOpenApproveModal = _h[1];
+    var _j = useState(false), openRejectModal = _j[0], setOpenRejectModal = _j[1];
+    var _k = useState(""), errorMsg = _k[0], setErrorMsg = _k[1];
+    var _l = useState(""); _l[0]; var setUserRole = _l[1];
+    var _m = useState(""); _m[0]; var setCompanyRole = _m[1];
     var ability = useAbilityContext();
     var getCompanyDetails = function (companyId) { return __awaiter(void 0, void 0, void 0, function () {
         var response;
@@ -5262,7 +5312,44 @@ var CompanyProfileComponent = function (props) {
             }
         });
     }); };
+    var getUserDetails = function (companyId) { return __awaiter(void 0, void 0, void 0, function () {
+        var response, error_1;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    setIsLoading(true);
+                    _a.label = 1;
+                case 1:
+                    _a.trys.push([1, 3, , 4]);
+                    return [4 /*yield*/, post("national/user/query", {
+                            page: 1,
+                            size: 10,
+                            filterAnd: [
+                                {
+                                    key: "companyId",
+                                    operation: "=",
+                                    value: companyId,
+                                },
+                            ],
+                        })];
+                case 2:
+                    response = _a.sent();
+                    if (response && response.data) {
+                        setUserDetails(response.data[0]);
+                    }
+                    setIsLoading(false);
+                    return [3 /*break*/, 4];
+                case 3:
+                    error_1 = _a.sent();
+                    console.log("Error in getting users", error_1);
+                    setIsLoading(false);
+                    return [3 /*break*/, 4];
+                case 4: return [2 /*return*/];
+            }
+        });
+    }); };
     useEffect(function () {
+        var _a, _b;
         if (!state) {
             onNavigateToCompanyManagement();
         }
@@ -5271,6 +5358,9 @@ var CompanyProfileComponent = function (props) {
             var userRoleValue = localStorage.getItem("userRole");
             setUserRole(userRoleValue);
             setCompanyRole(localStorage.getItem("companyRole"));
+            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") {
+                getUserDetails(state.record.companyId);
+            }
         }
     }, []);
     var onDeauthoriseOrgConfirmed = function (remarks) { return __awaiter(void 0, void 0, void 0, function () {
@@ -5337,6 +5427,77 @@ var CompanyProfileComponent = function (props) {
             }
         });
     }); };
+    var onApproveOrgConfirmed = function (remarks) { return __awaiter(void 0, void 0, void 0, function () {
+        var exception_4;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    _a.trys.push([0, 2, 3, 4]);
+                    setIsLoading(true);
+                    return [4 /*yield*/, put("national/organisation/approve?id=".concat(companyDetails.companyId), {
+                            remarks: remarks,
+                        })];
+                case 1:
+                    _a.sent();
+                    setOpenApproveModal(false);
+                    message.open({
+                        type: "success",
+                        content: t("companyProfile:approvedSuccessfully"),
+                        duration: 3,
+                        style: { textAlign: "right", marginRight: 15, marginTop: 10 },
+                    });
+                    getCompanyDetails(companyDetails.companyId);
+                    getUserDetails(companyDetails.companyId);
+                    return [3 /*break*/, 4];
+                case 2:
+                    exception_4 = _a.sent();
+                    setErrorMsg(exception_4.message);
+                    return [3 /*break*/, 4];
+                case 3:
+                    setIsLoading(false);
+                    return [7 /*endfinally*/];
+                case 4: return [2 /*return*/];
+            }
+        });
+    }); };
+    var onApproveOrgCanceled = function () {
+        setOpenApproveModal(false);
+    };
+    var onRejectOrgConfirmed = function (remarks) { return __awaiter(void 0, void 0, void 0, function () {
+        var exception_5;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    _a.trys.push([0, 2, 3, 4]);
+                    setIsLoading(true);
+                    return [4 /*yield*/, put("national/organisation/reject?id=".concat(companyDetails.companyId), {
+                            remarks: remarks,
+                        })];
+                case 1:
+                    _a.sent();
+                    setOpenRejectModal(false);
+                    message.open({
+                        type: "success",
+                        content: t("companyProfile:rejectedSuccessfully"),
+                        duration: 3,
+                        style: { textAlign: "right", marginRight: 15, marginTop: 10 },
+                    });
+                    getCompanyDetails(companyDetails.companyId);
+                    return [3 /*break*/, 4];
+                case 2:
+                    exception_5 = _a.sent();
+                    setErrorMsg(exception_5.message);
+                    return [3 /*break*/, 4];
+                case 3:
+                    setIsLoading(false);
+                    return [7 /*endfinally*/];
+                case 4: return [2 /*return*/];
+            }
+        });
+    }); };
+    var onRejectOrgCanceled = function () {
+        setOpenRejectModal(false);
+    };
     var onDeauthoriseOrgCanceled = function () {
         setOpenDeauthorisationModal(false);
     };
@@ -5365,6 +5526,28 @@ var CompanyProfileComponent = function (props) {
         setErrorMsg("");
         setOpenReactivateModal(true);
     };
+    var onApproveOrganisation = function () {
+        setActionInfo({
+            action: "".concat(t("companyProfile:approve")),
+            headerText: "".concat(t("companyProfile:approveConfirmHeaderText")),
+            text: "".concat(t("companyProfile:approveConfirmText")),
+            type: "primary",
+            icon: React.createElement(Icon.ClipboardCheck, null),
+        });
+        setErrorMsg("");
+        setOpenApproveModal(true);
+    };
+    var onRejectOrganisation = function () {
+        setActionInfo({
+            action: "".concat(t("companyProfile:reject")),
+            headerText: "".concat(t("companyProfile:rejectConfirmHeaderText")),
+            text: "".concat(t("companyProfile:rejectConfirmText")),
+            type: "danger",
+            icon: React.createElement(Icon.ClipboardX, null),
+        });
+        setErrorMsg("");
+        setOpenRejectModal(true);
+    };
     var getEnumKeysFromValues = function (values) {
         var enumKeys = [];
         for (var key in SectoralScope) {
@@ -5382,13 +5565,21 @@ var CompanyProfileComponent = function (props) {
             React.createElement("div", { className: "flex-display" },
                 ability.can(Action.Delete, plainToClass(Company, companyDetails)) &&
                     !isLoading &&
-                    parseInt(companyDetails.state) !== 0 ? (React.createElement(Button, { danger: true, className: "btn-danger", onClick: onDeauthoriseOrganisation }, t("companyProfile:deauthorise"))) : (""),
+                    parseInt(companyDetails === null || companyDetails === void 0 ? void 0 : companyDetails.state) === 1 ? (React.createElement(Button, { danger: true, className: "btn-danger", onClick: onDeauthoriseOrganisation }, t("companyProfile:deauthorise"))) : (""),
                 ability.can(Action.Delete, plainToClass(Company, companyDetails)) &&
                     !isLoading &&
-                    parseInt(companyDetails.state) !== 1 ? (React.createElement(Button, { className: "btn-activate", onClick: onReActivateOrganisation }, t("companyProfile:reActivate"))) : (""),
+                    parseInt(companyDetails === null || companyDetails === void 0 ? void 0 : companyDetails.state) === 0 ? (React.createElement(Button, { className: "btn-activate", onClick: onReActivateOrganisation }, t("companyProfile:reActivate"))) : (""),
                 ability.can(Action.Update, plainToClass(Company, companyDetails)) &&
                     !isLoading &&
-                    companyDetails && (React.createElement(Button, { className: "mg-left-1", type: "primary", onClick: function () { return onNavigateToCompanyEdit(companyDetails); } }, t("common:edit"))))),
+                    companyDetails && (React.createElement(Button, { className: "mg-left-1", type: "primary", onClick: function () { return onNavigateToCompanyEdit(companyDetails); } }, t("common:edit"))),
+                (parseInt(companyDetails === null || companyDetails === void 0 ? void 0 : companyDetails.state) === 2) &&
+                    ability.can(Action.Reject, plainToClass(Company, companyDetails)) &&
+                    !isLoading &&
+                    companyDetails && (React.createElement(Button, { className: "mg-left-1 btn-reject", type: "primary", onClick: onRejectOrganisation }, t("common:reject"))),
+                (parseInt(companyDetails === null || companyDetails === void 0 ? void 0 : companyDetails.state) === 2 || parseInt(companyDetails === null || companyDetails === void 0 ? void 0 : companyDetails.state) === 3) &&
+                    ability.can(Action.Approve, plainToClass(Company, companyDetails)) &&
+                    !isLoading &&
+                    companyDetails && (React.createElement(Button, { className: "mg-left-1 btn-approve", type: "primary", onClick: onApproveOrganisation }, t("common:approve"))))),
         !companyDetails && (React.createElement("div", { className: "content-body" },
             React.createElement(Skeleton, { active: true, loading: true }))),
         companyDetails && (React.createElement("div", { className: "content-body" },
@@ -5465,9 +5656,28 @@ var CompanyProfileComponent = function (props) {
                                     React.createElement(Col, { span: 12, className: "field-key" }, t("companyProfile:remarks")),
                                     React.createElement(Col, { span: 12, className: "field-value" }, companyDetails.remarks
                                         ? companyDetails.remarks
-                                        : "-"))) : ("")))))))),
+                                        : "-"))) : ("")))),
+                    ((companyDetails === null || companyDetails === void 0 ? void 0 : companyDetails.state) == "2" || (companyDetails === null || companyDetails === void 0 ? void 0 : companyDetails.state) == "3") &&
+                        React.createElement(Card, { className: "card-container" },
+                            React.createElement("div", { className: "info-view" },
+                                React.createElement("div", { className: "title" },
+                                    React.createElement("span", { className: "title-icon" },
+                                        React.createElement(UserOutlined, null)),
+                                    React.createElement("span", { className: "title-text" }, t("companyProfile:adminDetailsHeading"))),
+                                React.createElement(Row, { className: "field" },
+                                    React.createElement(Col, { span: 12, className: "field-key" }, t("companyProfile:adminName")),
+                                    React.createElement(Col, { span: 12, className: "field-value" }, (userDetails === null || userDetails === void 0 ? void 0 : userDetails.name)
+                                        ? userDetails === null || userDetails === void 0 ? void 0 : userDetails.name
+                                        : "-")),
+                                React.createElement(Row, { className: "field" },
+                                    React.createElement(Col, { span: 12, className: "field-key" }, t("companyProfile:adminEmail")),
+                                    React.createElement(Col, { span: 12, className: "field-value" }, (userDetails === null || userDetails === void 0 ? void 0 : userDetails.email)
+                                        ? userDetails === null || userDetails === void 0 ? void 0 : userDetails.email
+                                        : "-")))))))),
         React.createElement(UserActionConfirmationModel, { t: t, actionInfo: actionInfo, onActionConfirmed: onDeauthoriseOrgConfirmed, onActionCanceled: onDeauthoriseOrgCanceled, openModal: openDeauthorisationModal, errorMsg: errorMsg, loading: isLoading }),
-        React.createElement(UserActionConfirmationModel, { t: t, actionInfo: actionInfo, onActionConfirmed: onReactivateOrgConfirmed, onActionCanceled: onReactivateOrgCanceled, openModal: openReactivateModal, errorMsg: errorMsg, loading: isLoading })));
+        React.createElement(UserActionConfirmationModel, { t: t, actionInfo: actionInfo, onActionConfirmed: onReactivateOrgConfirmed, onActionCanceled: onReactivateOrgCanceled, openModal: openReactivateModal, errorMsg: errorMsg, loading: isLoading }),
+        React.createElement(UserActionConfirmationModel, { t: t, actionInfo: actionInfo, onActionConfirmed: onApproveOrgConfirmed, onActionCanceled: onApproveOrgCanceled, openModal: openApproveModal, errorMsg: errorMsg, loading: isLoading }),
+        React.createElement(UserActionConfirmationModel, { t: t, actionInfo: actionInfo, onActionConfirmed: onRejectOrgConfirmed, onActionCanceled: onRejectOrgCanceled, openModal: openRejectModal, errorMsg: errorMsg, loading: isLoading })));
 };
 
 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";
@@ -23048,7 +23258,7 @@ var RegistryDashboardComponent = function (props) {
             (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === CompanyRole.CERTIFIER ||
             (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === CompanyRole.MINISTRY) &&
             fileList.length > 0 && (React.createElement("div", { className: "annual-report" },
-            React.createElement("div", null, "Annual Statistic Report"),
+            React.createElement("div", null, "Annual Statistics Report"),
             React.createElement(Dropdown, { menu: menuProps },
                 React.createElement(Button, { className: "annual-report-dropdownbutton" },
                     React.createElement(Space, null,