@undp/carbon-library 1.0.39 → 1.0.41

package/dist/cjs/types/Components/Common/Models/changePasswordModel.d.ts

@@ -8,6 +8,7 @@ export interface ChangePasswordProps {
     openModal: any;
     errorMsg: any;
     loadingBtn: boolean;
+    themeColor: string;
 }
 declare const ChangePasswordModel: FC<ChangePasswordProps>;
 export default ChangePasswordModel;

package/dist/esm/index.js

@@ -3,7 +3,7 @@ import { Input, Radio, Space, Row, Col, Button, Dropdown, Table, Empty, message,
 import React, { useState, useEffect, useRef } from 'react';
 import { DateTime } from 'luxon';
 import { Buffer } from 'buffer';
-import PhoneInput, { formatPhoneNumberIntl } from 'react-phone-number-input';
+import PhoneInput, { formatPhoneNumberIntl, formatPhoneNumber } from 'react-phone-number-input';
 import validator from 'validator';
 import { plainToClass } from 'class-transformer';
 import * as Icon from 'react-bootstrap-icons';
@@ -1194,16 +1194,25 @@ var AddNewCompanyComponent = function (props) {
                                 React.createElement(Form.Item, { name: "phoneNo", label: "Phone Number", initialValue: (_g = state === null || state === void 0 ? void 0 : state.record) === null || _g === void 0 ? void 0 : _g.phoneNo, rules: [
                                         {
                                             required: true,
-                                            message: '',
+                                            message: "",
                                         },
                                         {
                                             validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
+                                                var phoneNo;
                                                 return __generator(this, function (_a) {
-                                                    if (String(value).trim() === '' ||
+                                                    if (String(value).trim() === "" ||
                                                         String(value).trim() === undefined ||
                                                         value === null ||
                                                         value === undefined) {
-                                                        throw new Error("Phone Number ".concat(t('isRequired')));
+                                                        throw new Error("Phone Number ".concat(t("isRequired")));
+                                                    }
+                                                    else {
+                                                        phoneNo = formatPhoneNumber(String(value));
+                                                        if (phoneNo === null ||
+                                                            phoneNo === "" ||
+                                                            phoneNo === undefined) {
+                                                            throw new Error("Phone Number ".concat(t("isRequired")));
+                                                        }
                                                     }
                                                     return [2 /*return*/];
                                                 });
@@ -4526,10 +4535,10 @@ var css_248z$4 = ".mg-left-1 {\n  margin-left: 1rem; }\n\n.add-user-main-contain
 styleInject(css_248z$4);
 
 var ChangePasswordModel = function (props) {
-    var t = props.t, onPasswordChanged = props.onPasswordChanged, onFieldsChanged = props.onFieldsChanged, onCanceled = props.onCanceled, openModal = props.openModal, errorMsg = props.errorMsg, loadingBtn = props.loadingBtn;
+    var t = props.t, onPasswordChanged = props.onPasswordChanged, onFieldsChanged = props.onFieldsChanged, onCanceled = props.onCanceled, openModal = props.openModal, errorMsg = props.errorMsg, loadingBtn = props.loadingBtn, themeColor = props.themeColor;
     return (React.createElement(Modal, { width: 450, title: React.createElement("div", { className: "popup-header" },
             React.createElement("div", { className: "icon" },
-                React.createElement(Lock, { size: 100, color: "#16B1FF" })),
+                React.createElement(Lock, { size: 100, color: themeColor })),
             React.createElement("div", null, t("passwordReset:changePassword"))), open: openModal, className: "popup-success password-reset-model", centered: true, destroyOnClose: true, footer: null, onCancel: onCanceled },
         React.createElement(Form, { name: "change_password", layout: "vertical", className: "login-form", onFieldsChange: onFieldsChanged, onFinish: onPasswordChanged },
             React.createElement(Form.Item, { className: "mg-top-1", name: "oldPassword", label: t("passwordReset:oldPassword"), rules: [
@@ -4573,7 +4582,7 @@ var ChangePasswordModel = function (props) {
 Select.Option;
 var AddNewUserComponent = function (props) {
     var _a, _b, _c, _d, _e, _f;
-    var t = props.t, onNavigateToUserManagement = props.onNavigateToUserManagement, onNavigateLogin = props.onNavigateLogin, useConnection = props.useConnection, useUserContext = props.useUserContext, useLocation = props.useLocation, useAbilityContext = props.useAbilityContext;
+    var t = props.t, onNavigateToUserManagement = props.onNavigateToUserManagement, onNavigateLogin = props.onNavigateLogin, useConnection = props.useConnection, useUserContext = props.useUserContext, useLocation = props.useLocation, useAbilityContext = props.useAbilityContext, themeColor = props.themeColor;
     var _g = useConnection(), post = _g.post, put = _g.put, del = _g.delete, get = _g.get;
     var formOne = Form.useForm()[0];
     var state = useLocation().state;
@@ -4944,7 +4953,7 @@ var AddNewUserComponent = function (props) {
                         React.createElement("div", { className: "create-user-btn-container" },
                             React.createElement(Button, { type: "primary", htmlType: "submit", loading: loading }, isUpdate ? t("addUser:update") : t("addUser:submit"))))))),
         React.createElement(UserActionConfirmationModel, { t: t, actionInfo: actionInfo, onActionConfirmed: onDeleteProfileUserConfirmed, onActionCanceled: onDeleteProfileUserCanceled, openModal: openDeleteConfirmationModal, errorMsg: errorMsg, loading: isLoading }),
-        React.createElement(ChangePasswordModel, { t: t, onPasswordChanged: onPasswordChangeCompleted, onFieldsChanged: onFormsValueChanged, onCanceled: onPasswordChangeCanceled, openModal: openPasswordChangeModal, errorMsg: errorMsg, loadingBtn: isLoading })));
+        React.createElement(ChangePasswordModel, { t: t, onPasswordChanged: onPasswordChangeCompleted, onFieldsChanged: onFormsValueChanged, onCanceled: onPasswordChangeCanceled, openModal: openPasswordChangeModal, errorMsg: errorMsg, loadingBtn: isLoading, themeColor: themeColor })));
 };
 
 var css_248z$3 = ".user-profile {\n  padding: 0px 50px; }\n  .user-profile .login-language-selection-txt .ant-select {\n    width: 120px; }\n  .user-profile .card-container {\n    margin-bottom: 20px;\n    width: 100%;\n    border-radius: 10px; }\n  .user-profile .mg-left-1 {\n    margin-left: 1rem; }\n  .user-profile .mg-top-1 {\n    margin-top: 1rem; }\n  .user-profile .mg-bottom-1 {\n    margin-bottom: 1rem !important; }\n  .user-profile .profile-img {\n    width: 170px; }\n  .user-profile .company-name {\n    font-size: 16px;\n    line-height: 24px;\n    font-weight: 600;\n    color: rgba(58, 53, 65, 0.8); }\n  .user-profile .btn-danger {\n    color: #ff4d4f !important;\n    border-color: #ff8183 !important; }\n";