@itilite/iui-user-management 1.4.2 → 1.4.5

package/dist/index.css

@@ -198,6 +198,13 @@
   margin-right: 30px;
   margin-bottom: 30px;
 }
+._3_S9J._1Ixsh {
+  border: 1px solid red;
+  box-shadow: none;
+}
+._3_S9J._1Ixsh:hover {
+  box-shadow: 4px 4px 8px 4px rgba(0, 0, 0, 0.2);
+}
 ._3_S9J:hover {
   box-shadow: 6px 6px 12px 6px rgba(0, 0, 0, 0.2);
 }

package/dist/index.js

@@ -247,7 +247,8 @@ var GetInputType = React__default.forwardRef(function (props, ref) {
         hasInfoIcon: !!_p.tooltip,
         tooltipText: _p.tooltip,
         required: _p.required,
-        disableText: _p.disableText
+        disableText: _p.disableText,
+        className: "test-mudu"
       }));
     case 'select':
       return /*#__PURE__*/React__default.createElement(iuistyles.IUISelect, {
@@ -826,7 +827,7 @@ var UserRole = function UserRole(_ref) {
   }));
 };
 
-var styles$1 = {"card":"_3_S9J","cardNumber":"_36E9M","cardDigit":"_2pm-T","expiryDate":"_2tBnF","cardImage":"_3QvZh","visa":"_1IpBm","mastercard":"_2x6IX","amex":"_2a38S","discover":"_2vksl","diners":"_2kQRs","jcb":"_2bO1f","unionpay":"_2_jfu","is_nothing":"_1Lrzs","addCard":"_3711U","cardDeleteBtn":"_7Da2t","cardLabel":"_PQTex","defaultLabel":"_smjc4","defaultBtn":"_1_ArA","cursonPointer":"_1L115","sectionWrapper":"_VpUCK","margin":"_1Fs_D","minGridWidth":"_1hl-Z","firstRowMargin":"_1WZZj","firstChildMargin":"_IT_O_","paddingTop":"_Mhnl7","dividerColor":"_3ltFd"};
+var styles$1 = {"card":"_3_S9J","defaultCardError":"_1Ixsh","cardNumber":"_36E9M","cardDigit":"_2pm-T","expiryDate":"_2tBnF","cardImage":"_3QvZh","visa":"_1IpBm","mastercard":"_2x6IX","amex":"_2a38S","discover":"_2vksl","diners":"_2kQRs","jcb":"_2bO1f","unionpay":"_2_jfu","is_nothing":"_1Lrzs","addCard":"_3711U","cardDeleteBtn":"_7Da2t","cardLabel":"_PQTex","defaultLabel":"_smjc4","defaultBtn":"_1_ArA","cursonPointer":"_1L115","sectionWrapper":"_VpUCK","margin":"_1Fs_D","minGridWidth":"_1hl-Z","firstRowMargin":"_1WZZj","firstChildMargin":"_IT_O_","paddingTop":"_Mhnl7","dividerColor":"_3ltFd"};
 
 var SHOW_LOADER = 'SHOW_LOADER';
 var STOP_LOADER = 'STOP_LOADER';
@@ -2279,13 +2280,15 @@ var CreditCard = function CreditCard(_ref) {
   }));
 };
 var AddCard = function AddCard(_ref2) {
-  var pg = _ref2.pg;
+  var _clsx;
+  var pg = _ref2.pg,
+    defaultCardError = _ref2.defaultCardError;
   var _url = env$3.getPaymentUrl() + ("/api/v1/auth/" + IUILocalStorageService$4.getAccessToken() + "/1/" + pg.entity_id + "/0/" + pg.vendor_id + "/1");
   var handleAddCard = function handleAddCard() {
     window.location.assign(_url);
   };
   return /*#__PURE__*/React__default.createElement("div", {
-    className: clsx(styles$1.card, styles$1.cursonPointer),
+    className: clsx(styles$1.card, styles$1.cursonPointer, (_clsx = {}, _clsx[styles$1.defaultCardError] = defaultCardError, _clsx)),
     onClick: handleAddCard
   }, /*#__PURE__*/React__default.createElement("div", {
     className: styles$1.addCard
@@ -2293,7 +2296,9 @@ var AddCard = function AddCard(_ref2) {
 };
 var PaymentCards = function PaymentCards(_ref3) {
   var _paymentDetails$pg, _paymentDetails$pg2;
-  var paymentDetails = _ref3.paymentDetails;
+  var paymentDetails = _ref3.paymentDetails,
+    _ref3$defaultCardErro = _ref3.defaultCardError,
+    defaultCardError = _ref3$defaultCardErro === void 0 ? null : _ref3$defaultCardErro;
   if (!paymentDetails || Object.keys(paymentDetails).length === 0 || (!paymentDetails.cards || paymentDetails.cards.length === 0) && ((paymentDetails === null || paymentDetails === void 0 ? void 0 : (_paymentDetails$pg = paymentDetails.pg) === null || _paymentDetails$pg === void 0 ? void 0 : _paymentDetails$pg.gateway.toLowerCase()) !== 'stripe' || (paymentDetails === null || paymentDetails === void 0 ? void 0 : (_paymentDetails$pg2 = paymentDetails.pg) === null || _paymentDetails$pg2 === void 0 ? void 0 : _paymentDetails$pg2.save_card_enable) !== 1)) {
     return /*#__PURE__*/React__default.createElement(React__default.Fragment, null);
   }
@@ -2302,7 +2307,9 @@ var PaymentCards = function PaymentCards(_ref3) {
   }), /*#__PURE__*/React__default.createElement(iuistyles.IUIGrid, {
     container: true,
     className: clsx(styles$1.sectionWrapper)
-  }, /*#__PURE__*/React__default.createElement(iuistyles.IUIGrid, {
+  }, /*#__PURE__*/React__default.createElement("span", {
+    id: "card-details-scroll"
+  }), /*#__PURE__*/React__default.createElement(iuistyles.IUIGrid, {
     item: true,
     sm: 12,
     md: 4
@@ -2330,9 +2337,14 @@ var PaymentCards = function PaymentCards(_ref3) {
       isDefaultCard: !!+card.metadata.default_card,
       pg: paymentDetails.pg
     });
-  }), (!paymentDetails.cards || paymentDetails.cards.length < 6) && paymentDetails.pg.gateway.toLowerCase() === 'stripe' && paymentDetails.pg.save_card_enable === 1 && /*#__PURE__*/React__default.createElement(AddCard, {
-    pg: paymentDetails.pg
-  }))))));
+  }), (!paymentDetails.cards || paymentDetails.cards.length < 10) && paymentDetails.pg.gateway.toLowerCase() === 'stripe' && paymentDetails.pg.save_card_enable === 1 && /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(AddCard, {
+    pg: paymentDetails.pg,
+    defaultCardError: defaultCardError
+  }), defaultCardError && /*#__PURE__*/React__default.createElement("p", {
+    style: {
+      color: 'red'
+    }
+  }, ' ', "Please provide default card detail")))))));
 };
 
 function AddIcon(props) {
@@ -2405,7 +2417,9 @@ var TravelExpenseFields = function TravelExpenseFields(props) {
     _props$editUserId = props.editUserId,
     editUserId = _props$editUserId === void 0 ? null : _props$editUserId,
     _props$roles = props.roles,
-    roles = _props$roles === void 0 ? [] : _props$roles;
+    roles = _props$roles === void 0 ? [] : _props$roles,
+    _props$errorMsgs = props.errorMsgs,
+    errorMsgs = _props$errorMsgs === void 0 ? null : _props$errorMsgs;
   var _useState = React.useState({
       product: '',
       approvers: []
@@ -2701,9 +2715,10 @@ var TravelExpenseFields = function TravelExpenseFields(props) {
       isError: !!errMsg[i],
       placeholder: "Example label - \u201CManager\u201D"
     }));
-  })))), type === 'travel' && isProfile && paymentDetails && /*#__PURE__*/React__default.createElement(PaymentCards, {
-    paymentDetails: paymentDetails
-  }));
+  })))), type === 'travel' && isProfile && paymentDetails && /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(PaymentCards, {
+    paymentDetails: paymentDetails,
+    defaultCardError: errorMsgs === null || errorMsgs === void 0 ? void 0 : errorMsgs.cards
+  })));
 };
 
 var styles$2 = {"inputWidth":"_1qLG1"};
@@ -4036,6 +4051,18 @@ var setFieldsDisplayAtt = function setFieldsDisplayAtt(objToLoop, visibilityObj,
     if (labelsObj && Object.hasOwnProperty.call(labelsObj, p.name)) {
       p.label = labelsObj[p.name];
     }
+    var isProfilePage = window.location.pathname.includes('/profile');
+    if (isProfilePage) {
+      var searchParams = new URL(document.location).searchParams;
+      var required = searchParams.get('required');
+      if (required === 'dob') {
+        if (p.name === 'dob') {
+          if (required === 'dob') {
+            p.required = true;
+          }
+        }
+      }
+    }
     return p;
   });
 };
@@ -5060,6 +5087,9 @@ var CardsField = function CardsField(props) {
   }, editUserId ? "Only Card admin can change the Card role." : "Only Card admin can change card roles. By default this user will have Card Holder role.")))));
 };
 
+var isProfilePage = window.location.pathname.includes('/profile');
+var searchParams = new URL(document.location).searchParams;
+var required = searchParams.get('required');
 var IUIToastMessageService$4 = utils.services.IUIToastMessageService,
   IUILocalStorageService$5 = utils.services.IUILocalStorageService;
 var env$4 = utils.configs.env;
@@ -5537,7 +5567,8 @@ var UserAddEdit = function UserAddEdit(props) {
       travel_docs: '',
       products: '',
       userTagType: '',
-      profile_pic: ''
+      profile_pic: '',
+      cards: ''
     }),
     errorMsgs = _useState27[0],
     setErrorMsgs = _useState27[1];
@@ -6054,6 +6085,32 @@ var UserAddEdit = function UserAddEdit(props) {
               contact_country_code: res.personal_info.contact_country_code || '',
               profile_pic: profilePic || []
             }));
+            if (isProfilePage) {
+              if (required === 'dob') {
+                if (!res.personal_info.dob) {
+                  setErrorArray([].concat(errorArray, ['dob']));
+                  setErrorMsgs(_extends({}, errorArray, {
+                    dob: 'Please enter the valid date of birth'
+                  }));
+                }
+              }
+              if (required === 'card') {
+                var _res$payment_details;
+                if ((res === null || res === void 0 ? void 0 : (_res$payment_details = res.payment_details) === null || _res$payment_details === void 0 ? void 0 : _res$payment_details.cards.length) === 0) {
+                  setErrorArray([].concat(errorArray, ['cards']));
+                  setErrorMsgs(_extends({}, errorArray, {
+                    cards: 'Please provide default card detail'
+                  }));
+                  setTimeout(function () {
+                    var cardElement = document.getElementById('card-details-scroll');
+                    if (cardElement) window.scrollTo({
+                      top: cardElement.offsetTop - 200,
+                      behavior: 'smooth'
+                    });
+                  }, 1500);
+                }
+              }
+            }
             setEmployeeInfoInput(_extends({}, employeeInfoInput, {
               emp_level: res.employee_info.emp_level ? {
                 value: res.employee_info.emp_level.id,
@@ -6338,6 +6395,7 @@ var UserAddEdit = function UserAddEdit(props) {
   var formSubmitHandler = function formSubmitHandler() {
     try {
       var checkAnyError = doesFormHasError();
+      console.log(checkAnyError);
       if (checkAnyError) {
         IUIToastMessageService$4.warningNotify(checkAnyError);
         return Promise.resolve();
@@ -6646,6 +6704,7 @@ var UserAddEdit = function UserAddEdit(props) {
   };
   var doesFormHasError = function doesFormHasError() {
     for (var key in errorMsgs) {
+      console.log(Object.hasOwnProperty.call(errorMsgs, key));
       if (Object.hasOwnProperty.call(errorMsgs, key)) {
         if (errorMsgs[key] !== '' && key !== 'passport_photo' && key !== 'travel_docs') {
           return errorMsgs[key];
@@ -7005,7 +7064,8 @@ var UserAddEdit = function UserAddEdit(props) {
     maxApprovers: maxTravelApprovers,
     isProfile: isProfile,
     editUserId: editUserId,
-    roles: renderFields.travelRoles
+    roles: renderFields.travelRoles,
+    errorMsgs: errorMsgs
   }), /*#__PURE__*/React__default.createElement(iuistyles.IUIDivider, {
     className: styles.dividerColor
   }), /*#__PURE__*/React__default.createElement(AdditionalInfo, {