@undp/carbon-library 1.0.29 → 1.0.31

package/dist/cjs/index.js

@@ -1364,7 +1364,7 @@ var OrganisationStatus = function (props) {
 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 _b = React.useState([]), companyDetails = _b[0], setCompanyDetails = _b[1];
+    var _b = React.useState(undefined), companyDetails = _b[0], setCompanyDetails = _b[1];
     var state = useLocation().state;
     var _c = React.useState(true), isLoading = _c[0], setIsLoading = _c[1];
     var _d = React.useState({}), actionInfo = _d[0], setActionInfo = _d[1];
@@ -1512,8 +1512,11 @@ var CompanyProfileComponent = function (props) {
                     !isLoading &&
                     parseInt(companyDetails.state) !== 1 ? (React.createElement(antd.Button, { className: "btn-activate", onClick: onReActivateOrganisation }, t("companyProfile:reActivate"))) : (""),
                 ability.can(Action.Update, classTransformer.plainToClass(Company, companyDetails)) &&
-                    !isLoading && companyDetails && (React.createElement(antd.Button, { className: "mg-left-1", type: "primary", onClick: function () { return onNavigateToCompanyEdit(companyDetails); } }, t("common:edit"))))),
-        React.createElement("div", { className: "content-body" },
+                    !isLoading &&
+                    companyDetails && (React.createElement(antd.Button, { className: "mg-left-1", type: "primary", onClick: function () { return onNavigateToCompanyEdit(companyDetails); } }, t("common:edit"))))),
+        !companyDetails && (React.createElement("div", { className: "content-body" },
+            React.createElement(antd.Skeleton, { active: true }))),
+        companyDetails && (React.createElement("div", { className: "content-body" },
             React.createElement(antd.Row, { gutter: 16 },
                 React.createElement(antd.Col, { md: 24, lg: 8 },
                     React.createElement(antd.Card, { className: "card-container" },
@@ -1571,7 +1574,9 @@ var CompanyProfileComponent = function (props) {
                                         : "-")),
                                 parseInt(companyDetails.state) === 0 ? (React.createElement(antd.Row, { className: "field" },
                                     React.createElement(antd.Col, { span: 12, className: "field-key" }, t("companyProfile:remarks")),
-                                    React.createElement(antd.Col, { span: 12, className: "field-value" }, companyDetails.remarks ? companyDetails.remarks : "-"))) : (""))))))),
+                                    React.createElement(antd.Col, { span: 12, className: "field-value" }, companyDetails.remarks
+                                        ? companyDetails.remarks
+                                        : "-"))) : ("")))))))),
         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 })));
 };
@@ -4937,8 +4942,8 @@ var LanguageSelection = function (props) {
 var UserProfileComponent = function (props) {
     var t = props.t, i18n = props.i18n, useConnection = props.useConnection, onNavigateUpdateUser = props.onNavigateUpdateUser, onNavigateLogin = props.onNavigateLogin, useUserContext = props.useUserContext;
     var get = useConnection().get;
-    var _a = React.useState([]), organisationDetails = _a[0], setOrganisationDetails = _a[1];
-    var _b = React.useState([]), userDetails = _b[0], setUserDetails = _b[1];
+    var _a = React.useState(undefined), organisationDetails = _a[0], setOrganisationDetails = _a[1];
+    var _b = React.useState(undefined), userDetails = _b[0], setUserDetails = _b[1];
     var updateToken = useConnection().updateToken;
     var removeUserInfo = useUserContext().removeUserInfo;
     var _c = React.useState(false), isLoading = _c[0], setIsLoading = _c[1];
@@ -4987,7 +4992,10 @@ var UserProfileComponent = function (props) {
                             onNavigateUpdateUser(organisationDetails, userDetails);
                         } }, t("userProfile:edit"))),
                     React.createElement(LanguageSelection, { i18n: i18n })))),
-        React.createElement("div", { className: "content-body" },
+        !userDetails ||
+            (!organisationDetails && (React.createElement("div", { className: "content-body" },
+                React.createElement(antd.Skeleton, { active: true })))),
+        userDetails && organisationDetails && (React.createElement("div", { className: "content-body" },
             React.createElement(antd.Row, { gutter: 16 },
                 React.createElement(antd.Col, { md: 24, lg: 8 },
                     React.createElement(antd.Card, { className: "card-container" },
@@ -5065,7 +5073,7 @@ var UserProfileComponent = function (props) {
                                     React.createElement(antd.Col, { span: 12, className: "field-key" }, t("userProfile:creditBalance")),
                                     React.createElement(antd.Col, { span: 12, className: "field-value" }, organisationDetails.creditBalance
                                         ? organisationDetails.creditBalance
-                                        : "-"))))))))));
+                                        : "-")))))))))));
 };
 
 var css_248z$1 = ".legend-item-container {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: space-between;\n  font-size: 14px;\n  font-weight: 400;\n  margin-left: 0.75rem; }\n  .legend-item-container .text {\n    margin-left: 0.2rem; }\n";