@itilite/iui-user-management 1.4.4 → 1.4.6

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

@@ -67,124 +67,126 @@ function _createForOfIteratorHelperLoose(o, allowArrayLike) {
   throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
 
-// A type of promise-like that resolves synchronously and supports only one observer
-const _Pact = /*#__PURE__*/(function() {
-	function _Pact() {}
-	_Pact.prototype.then = function(onFulfilled, onRejected) {
-		const result = new _Pact();
-		const state = this.s;
-		if (state) {
-			const callback = state & 1 ? onFulfilled : onRejected;
-			if (callback) {
-				try {
-					_settle(result, 1, callback(this.v));
-				} catch (e) {
-					_settle(result, 2, e);
-				}
-				return result;
-			} else {
-				return this;
-			}
-		}
-		this.o = function(_this) {
-			try {
-				const value = _this.v;
-				if (_this.s & 1) {
-					_settle(result, 1, onFulfilled ? onFulfilled(value) : value);
-				} else if (onRejected) {
-					_settle(result, 1, onRejected(value));
-				} else {
-					_settle(result, 2, value);
-				}
-			} catch (e) {
-				_settle(result, 2, e);
-			}
-		};
-		return result;
-	};
-	return _Pact;
-})();
-
-// Settles a pact synchronously
+var _Pact = /*#__PURE__*/function () {
+  function _Pact() {}
+  _Pact.prototype.then = function (onFulfilled, onRejected) {
+    var result = new _Pact();
+    var state = this.s;
+    if (state) {
+      var callback = state & 1 ? onFulfilled : onRejected;
+      if (callback) {
+        try {
+          _settle(result, 1, callback(this.v));
+        } catch (e) {
+          _settle(result, 2, e);
+        }
+        return result;
+      } else {
+        return this;
+      }
+    }
+    this.o = function (_this) {
+      try {
+        var value = _this.v;
+        if (_this.s & 1) {
+          _settle(result, 1, onFulfilled ? onFulfilled(value) : value);
+        } else if (onRejected) {
+          _settle(result, 1, onRejected(value));
+        } else {
+          _settle(result, 2, value);
+        }
+      } catch (e) {
+        _settle(result, 2, e);
+      }
+    };
+    return result;
+  };
+  return _Pact;
+}();
 function _settle(pact, state, value) {
-	if (!pact.s) {
-		if (value instanceof _Pact) {
-			if (value.s) {
-				if (state & 1) {
-					state = value.s;
-				}
-				value = value.v;
-			} else {
-				value.o = _settle.bind(null, pact, state);
-				return;
-			}
-		}
-		if (value && value.then) {
-			value.then(_settle.bind(null, pact, state), _settle.bind(null, pact, 2));
-			return;
-		}
-		pact.s = state;
-		pact.v = value;
-		const observer = pact.o;
-		if (observer) {
-			observer(pact);
-		}
-	}
+  if (!pact.s) {
+    if (value instanceof _Pact) {
+      if (value.s) {
+        if (state & 1) {
+          state = value.s;
+        }
+        value = value.v;
+      } else {
+        value.o = _settle.bind(null, pact, state);
+        return;
+      }
+    }
+    if (value && value.then) {
+      value.then(_settle.bind(null, pact, state), _settle.bind(null, pact, 2));
+      return;
+    }
+    pact.s = state;
+    pact.v = value;
+    var observer = pact.o;
+    if (observer) {
+      observer(pact);
+    }
+  }
 }
-
 function _isSettledPact(thenable) {
-	return thenable instanceof _Pact && thenable.s & 1;
+  return thenable instanceof _Pact && thenable.s & 1;
 }
-
-// Asynchronously iterate through an object that has a length property, passing the index as the first argument to the callback (even as the length property changes)
 function _forTo(array, body, check) {
-	var i = -1, pact, reject;
-	function _cycle(result) {
-		try {
-			while (++i < array.length && (!check || !check())) {
-				result = body(i);
-				if (result && result.then) {
-					if (_isSettledPact(result)) {
-						result = result.v;
-					} else {
-						result.then(_cycle, reject || (reject = _settle.bind(null, pact = new _Pact(), 2)));
-						return;
-					}
-				}
-			}
-			if (pact) {
-				_settle(pact, 1, result);
-			} else {
-				pact = result;
-			}
-		} catch (e) {
-			_settle(pact || (pact = new _Pact()), 2, e);
-		}
-	}
-	_cycle();
-	return pact;
+  var i = -1,
+    pact,
+    reject;
+  function _cycle(result) {
+    try {
+      while (++i < array.length && (!check || !check())) {
+        result = body(i);
+        if (result && result.then) {
+          if (_isSettledPact(result)) {
+            result = result.v;
+          } else {
+            result.then(_cycle, reject || (reject = _settle.bind(null, pact = new _Pact(), 2)));
+            return;
+          }
+        }
+      }
+      if (pact) {
+        _settle(pact, 1, result);
+      } else {
+        pact = result;
+      }
+    } catch (e) {
+      _settle(pact || (pact = new _Pact()), 2, e);
+    }
+  }
+  _cycle();
+  return pact;
 }
-
-const _iteratorSymbol = /*#__PURE__*/ typeof Symbol !== "undefined" ? (Symbol.iterator || (Symbol.iterator = Symbol("Symbol.iterator"))) : "@@iterator";
-
-const _asyncIteratorSymbol = /*#__PURE__*/ typeof Symbol !== "undefined" ? (Symbol.asyncIterator || (Symbol.asyncIterator = Symbol("Symbol.asyncIterator"))) : "@@asyncIterator";
-
-// Asynchronously call a function and send errors to recovery continuation
+var _iteratorSymbol = /*#__PURE__*/typeof Symbol !== "undefined" ? Symbol.iterator || (Symbol.iterator = Symbol("Symbol.iterator")) : "@@iterator";
+var _asyncIteratorSymbol = /*#__PURE__*/typeof Symbol !== "undefined" ? Symbol.asyncIterator || (Symbol.asyncIterator = Symbol("Symbol.asyncIterator")) : "@@asyncIterator";
 function _catch(body, recover) {
-	try {
-		var result = body();
-	} catch(e) {
-		return recover(e);
-	}
-	if (result && result.then) {
-		return result.then(void 0, recover);
-	}
-	return result;
+  try {
+    var result = body();
+  } catch (e) {
+    return recover(e);
+  }
+  if (result && result.then) {
+    return result.then(void 0, recover);
+  }
+  return result;
 }
 
 var styles = {"UUIUserManagementAddEdit":"_3n-WG","pageHeader":"_3qWcA","buttonWrapper":"_1IP9P","scrolled":"_m8f96","headingButtonWrapper":"_w9z7b","headingButtonWrapperProfile":"_12Wd9","hintText":"_ySdbZ","heading":"_2Y1Aw","headingLarge":"_2K1NF","headingMedium":"_RUuAz","headingSmall":"_23Dye","additionalInfoContainer":"_1Suhw","additionalInfoTitle":"_56iJF","titleContainer":"_H5nfl","expandIconAlign":"_3F4i0","detailsContainer":"_2G0LW","formWrapper":"_2fPRc","sectionWrapper":"_37Gqp","margin":"_2Sdl7","minGridWidth":"_2D7iu","firstRowMargin":"_1BozG","firstChildMargin":"_2C3Mb","paddingTop":"_DBPjV","backGrdColorOnHover":"_5oE6H","fieldMargin":"_RCWjq","productContainerGap":"_tuCbi","containerWidth":"_1oWos","productItemBroder":"_T0Hcd","headingPadding":"_2MFfQ","emptyFieldContainer":"_3VWtw","emptyFieldDescription":"_2jC5u","rowGap":"_1NJFY","formTitle":"_GAKk2","formDescription":"_3TZ6Z","themeLink":"_eJ_1B","dashedLine":"_3ZOs1","dividerColor":"_2pxEJ","errorTextCls":"_27eth","backdrop":"_Pm0Au","inputWidth":"_ajB82"};
 
-function r(e){var t,f,n="";if("string"==typeof e||"number"==typeof e)n+=e;else if("object"==typeof e)if(Array.isArray(e))for(t=0;t<e.length;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=" "),n+=f);else for(t in e)e[t]&&(n&&(n+=" "),n+=t);return n}function clsx(){for(var e,t,f=0,n="";f<arguments.length;)(e=arguments[f++])&&(t=r(e))&&(n&&(n+=" "),n+=t);return n}
+function r(e) {
+  var t,
+    f,
+    n = "";
+  if ("string" == typeof e || "number" == typeof e) n += e;else if ("object" == typeof e) if (Array.isArray(e)) for (t = 0; t < e.length; t++) e[t] && (f = r(e[t])) && (n && (n += " "), n += f);else for (t in e) e[t] && (n && (n += " "), n += t);
+  return n;
+}
+function clsx() {
+  for (var e, t, f = 0, n = ""; f < arguments.length;) (e = arguments[f++]) && (t = r(e)) && (n && (n += " "), n += t);
+  return n;
+}
 
 var GetInputType = React__default.forwardRef(function (props, ref) {
   var _p = props._p,
@@ -245,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, {
@@ -824,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';
@@ -2277,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
@@ -2291,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);
   }
@@ -2300,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
@@ -2328,9 +2337,14 @@ var PaymentCards = function PaymentCards(_ref3) {
       isDefaultCard: !!+card.metadata.default_card,
       pg: paymentDetails.pg
     });
-  }), (!paymentDetails.cards || paymentDetails.cards.length < 10) && 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) {
@@ -2403,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: []
@@ -2699,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"};
@@ -4034,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;
   });
 };
@@ -5058,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;
@@ -5535,7 +5567,8 @@ var UserAddEdit = function UserAddEdit(props) {
       travel_docs: '',
       products: '',
       userTagType: '',
-      profile_pic: ''
+      profile_pic: '',
+      cards: ''
     }),
     errorMsgs = _useState27[0],
     setErrorMsgs = _useState27[1];
@@ -6052,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: 'Enter a 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,
@@ -6336,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();
@@ -6644,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];
@@ -7003,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, {