@itilite/iui-user-management 1.5.0-beta-2 → 1.5.0-beta-4

package/dist/index.css

@@ -17,6 +17,9 @@
 ._3n-WG ._m8f96 {
   box-shadow: 14px 14px 32px 1px #f9f9f9;
 }
+._3n-WG ._1D2-R {
+  top: 0;
+}
 ._3n-WG ._w9z7b {
   width: 80%;
 }

package/dist/index.js

@@ -185,7 +185,7 @@ function _finallyRethrows(body, finalizer) {
   return finalizer(false, 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","buttonRight":"_1lEyQ","containedDropdownBtn":"_3ymE1"};
+var styles = {"UUIUserManagementAddEdit":"_3n-WG","pageHeader":"_3qWcA","buttonWrapper":"_1IP9P","scrolled":"_m8f96","pageHeaderIframe":"_1D2-R","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","buttonRight":"_1lEyQ","containedDropdownBtn":"_3ymE1"};
 
 function r(e) {
   var t,
@@ -423,6 +423,9 @@ var userAddEditUrl = {
   setDefaultCard: function setDefaultCard(pmId, vendorId) {
     return env.getPaymentUrl() + "/api/v1/card/default";
   },
+  personalCardEligibility: function personalCardEligibility() {
+    return env.getPaymentUrl() + "/api/v1/card/clients/" + IUILocalStorageService.getClientId() + "/personal/eligibility?app_type=1";
+  },
   disablePaymentCard: function disablePaymentCard() {
     return env.getPaymentUrl() + "/api/v1/card/status";
   },
@@ -2664,7 +2667,8 @@ var Visa = function Visa(props) {
 };
 
 var IUILocalStorageService$3 = utils.services.IUILocalStorageService;
-var env$3 = utils.configs.env;
+var env$3 = utils.configs.env,
+  paymentApi$1 = utils.configs.paymentApi;
 var CardsManagement = function CardsManagement(_ref) {
   var _selectedCard$metadat, _pg$gateway;
   var _ref$paymentDetails = _ref.paymentDetails,
@@ -2685,6 +2689,23 @@ var CardsManagement = function CardsManagement(_ref) {
   var _useState2 = React.useState(null),
     selectedCard = _useState2[0],
     setSelectedCard = _useState2[1];
+  var _useState3 = React.useState(false),
+    allowPersonalCardAdd = _useState3[0],
+    setAllowPersonalCardAdd = _useState3[1];
+  React.useEffect(function () {
+    var isActive = true;
+    paymentApi$1.get(userAddEditUrl.personalCardEligibility()).then(function (res) {
+      if (isActive) {
+        var _res$data, _res$data$data;
+        setAllowPersonalCardAdd((res === null || res === void 0 ? void 0 : (_res$data = res.data) === null || _res$data === void 0 ? void 0 : (_res$data$data = _res$data.data) === null || _res$data$data === void 0 ? void 0 : _res$data$data.allow_personal_card_add) === true);
+      }
+    })["catch"](function () {
+      if (isActive) setAllowPersonalCardAdd(false);
+    });
+    return function () {
+      isActive = false;
+    };
+  }, []);
   var handleMenuClick = function handleMenuClick(event, card) {
     setAnchorEl(event.currentTarget);
     setSelectedCard(card);
@@ -2902,7 +2923,7 @@ var CardsManagement = function CardsManagement(_ref) {
     return renderCard(card);
   }) : null, corporateCards.length !== 0 ? corporateCards === null || corporateCards === void 0 ? void 0 : corporateCards.map(function (card) {
     return renderCard(card);
-  }) : null), console.log('cards', cards, 'cardsCount', cardsCount, pg), (!cards || cardsCount < 10) && (pg === null || pg === void 0 ? void 0 : (_pg$gateway = pg.gateway) === null || _pg$gateway === void 0 ? void 0 : _pg$gateway.toLowerCase()) === 'stripe' && (pg === null || pg === void 0 ? void 0 : pg.save_card_enable) === 1 && paymentMethod === 1 && /*#__PURE__*/React__default.createElement("button", {
+  }) : null), (!cards || cardsCount < 10) && (pg === null || pg === void 0 ? void 0 : (_pg$gateway = pg.gateway) === null || _pg$gateway === void 0 ? void 0 : _pg$gateway.toLowerCase()) === 'stripe' && (pg === null || pg === void 0 ? void 0 : pg.save_card_enable) === 1 && paymentMethod === 1 && allowPersonalCardAdd && /*#__PURE__*/React__default.createElement("button", {
     className: classes.addCardButton,
     onClick: function onClick() {
       sendLog({
@@ -3607,7 +3628,7 @@ var personalInfo = [{
   readOnly: false,
   placeholder: 'Enter first and middle name',
   validation: {
-    regexOnChange: null,
+    regexOnChange: /^(?!.* {2}).*$/,
     regexOnBlur: [{
       regex: /^[a-zA-Z ]*$/,
       message: 'Only alphabets are allowed.'
@@ -3629,7 +3650,7 @@ var personalInfo = [{
   readOnly: false,
   placeholder: 'Enter last name',
   validation: {
-    regexOnChange: null,
+    regexOnChange: /^(?!.* {2}).*$/,
     regexOnBlur: [{
       regex: /^[a-zA-Z ]*$/,
       message: 'Only alphabets are allowed.'
@@ -3672,7 +3693,7 @@ var personalInfo = [{
   visibility: true,
   readOnly: false,
   validation: {
-    regexOnChange: /^[\d]/,
+    regexOnChange: /^\d*$/,
     regexOnBlur: null,
     maxLimit: '',
     minLimit: '',
@@ -6848,6 +6869,13 @@ var UserAddEdit = function UserAddEdit(props) {
   var _useState9 = React.useState(false),
     scroll = _useState9[0],
     setScroll = _useState9[1];
+  var isInsideIframe = function () {
+    try {
+      return window.self !== window.top;
+    } catch (e) {
+      return true;
+    }
+  }();
   var _useState10 = React.useState({}),
     customFieldsInput = _useState10[0],
     setCustomFieldsInput = _useState10[1];
@@ -8194,7 +8222,7 @@ var UserAddEdit = function UserAddEdit(props) {
     color: "inherit"
   })), /*#__PURE__*/React__default.createElement(iuistyles.IUIBox, {
     component: "div",
-    className: clsx(styles.pageHeader, scroll ? styles.scrolled : '')
+    className: clsx(styles.pageHeader, scroll ? styles.scrolled : '', isInsideIframe ? styles.pageHeaderIframe : '')
   }, !isProfile && /*#__PURE__*/React__default.createElement(iuistyles.IUIBox, {
     component: "div",
     className: styles.breadcrumb