@itilite/iui-user-management 1.4.80 → 1.4.81

package/dist/index.modern.js

@@ -2648,7 +2648,9 @@ var CardsManagement = function CardsManagement(_ref) {
   var _ref$paymentDetails = _ref.paymentDetails,
     paymentDetails = _ref$paymentDetails === void 0 ? {} : _ref$paymentDetails,
     _ref$paymentMethod = _ref.paymentMethod,
-    paymentMethod = _ref$paymentMethod === void 0 ? null : _ref$paymentMethod;
+    paymentMethod = _ref$paymentMethod === void 0 ? null : _ref$paymentMethod,
+    _ref$sendLog = _ref.sendLog,
+    sendLog = _ref$sendLog === void 0 ? function () {} : _ref$sendLog;
   var dispatch = useDispatch();
   var _ref2 = paymentDetails || {},
     _ref2$pg = _ref2.pg,
@@ -2672,6 +2674,13 @@ var CardsManagement = function CardsManagement(_ref) {
   var handleMarkAsDefault = function handleMarkAsDefault() {
     console.log('Mark as default:', selectedCard);
     if (!pg || !selectedCard) return;
+    sendLog({
+      eventName: 'edit_card_clicked',
+      customProperties: {
+        action_type: 'Make default'
+      },
+      logImpression: true
+    });
     dispatch(setDefaultPaymentCard({
       user_id: +pg.user_id,
       method_id: selectedCard.id,
@@ -2681,6 +2690,13 @@ var CardsManagement = function CardsManagement(_ref) {
     handleMenuClose();
   };
   var handleDeleteCard = function handleDeleteCard() {
+    sendLog({
+      eventName: 'edit_card_clicked',
+      customProperties: {
+        action_type: 'Delete'
+      },
+      logImpression: true
+    });
     dispatch(deletePaymentCard({
       pmId: selectedCard.id,
       vendorId: pg.vendor_id
@@ -2851,7 +2867,11 @@ var CardsManagement = function CardsManagement(_ref) {
   }) : 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.createElement("button", {
     className: classes.addCardButton,
     onClick: function onClick() {
-      return window.location.assign(_url);
+      sendLog({
+        eventName: 'add_user_card_clicked',
+        logImpression: true
+      });
+      window.location.assign(_url);
     }
   }, /*#__PURE__*/React.createElement("span", {
     className: classes.plusIcon
@@ -2908,7 +2928,9 @@ var PaymentCards = function PaymentCards(_ref) {
   var _ref$paymentDetails = _ref.paymentDetails,
     paymentDetails = _ref$paymentDetails === void 0 ? {} : _ref$paymentDetails,
     _ref$paymentMethod = _ref.paymentMethod,
-    paymentMethod = _ref$paymentMethod === void 0 ? null : _ref$paymentMethod;
+    paymentMethod = _ref$paymentMethod === void 0 ? null : _ref$paymentMethod,
+    _ref$sendLog = _ref.sendLog,
+    sendLog = _ref$sendLog === void 0 ? function () {} : _ref$sendLog;
   if (!paymentDetails || ((_Object$keys = Object.keys(paymentDetails)) === null || _Object$keys === void 0 ? void 0 : _Object$keys.length) === 0 || (!(paymentDetails !== null && paymentDetails !== void 0 && paymentDetails.cards) || (paymentDetails === null || paymentDetails === void 0 ? void 0 : (_paymentDetails$cards = paymentDetails.cards) === null || _paymentDetails$cards === void 0 ? void 0 : _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 || paymentMethod !== 1)) {
     return /*#__PURE__*/React.createElement(React.Fragment, null);
   }
@@ -2916,7 +2938,8 @@ var PaymentCards = function PaymentCards(_ref) {
     className: styles$1.dividerColor
   }), /*#__PURE__*/React.createElement(CardsManagement, {
     paymentDetails: paymentDetails,
-    paymentMethod: paymentMethod
+    paymentMethod: paymentMethod,
+    sendLog: sendLog
   }));
 };
 
@@ -2992,7 +3015,9 @@ var TravelExpenseFields = function TravelExpenseFields(props) {
     _props$roles = props.roles,
     roles = _props$roles === void 0 ? [] : _props$roles,
     _props$paymentMethod = props.paymentMethod,
-    paymentMethod = _props$paymentMethod === void 0 ? null : _props$paymentMethod;
+    paymentMethod = _props$paymentMethod === void 0 ? null : _props$paymentMethod,
+    _props$sendLog = props.sendLog,
+    sendLog = _props$sendLog === void 0 ? function () {} : _props$sendLog;
   var _useState = useState({
       product: '',
       approvers: []
@@ -3290,7 +3315,8 @@ var TravelExpenseFields = function TravelExpenseFields(props) {
     }));
   })))), type === 'travel' && paymentDetails && isProfile && /*#__PURE__*/React.createElement(PaymentCards, {
     paymentDetails: paymentDetails,
-    paymentMethod: paymentMethod
+    paymentMethod: paymentMethod,
+    sendLog: sendLog
   }));
 };
 
@@ -6424,7 +6450,9 @@ var UserAddEdit = function UserAddEdit(props) {
     _props$isProfile = props.isProfile,
     isProfile = _props$isProfile === void 0 ? false : _props$isProfile,
     _props$paymentMethod = props.paymentMethod,
-    paymentMethod = _props$paymentMethod === void 0 ? null : _props$paymentMethod;
+    paymentMethod = _props$paymentMethod === void 0 ? null : _props$paymentMethod,
+    _props$sendLog = props.sendLog,
+    sendLog = _props$sendLog === void 0 ? function () {} : _props$sendLog;
   env$4.init(config, isProfile);
   var queryParams = new URLSearchParams(window.location.search);
   var verifyUserId = Number(queryParams.get(config.routes.users.add.queryParamKeys.verifyUserId));
@@ -8324,7 +8352,8 @@ var UserAddEdit = function UserAddEdit(props) {
     isProfile: isProfile,
     editUserId: editUserId,
     roles: renderFields.travelRoles,
-    paymentMethod: paymentMethod
+    paymentMethod: paymentMethod,
+    sendLog: sendLog
   }), /*#__PURE__*/React.createElement(AdditionalInfo, {
     membershipInfoInput: membershipInfoInput,
     onMemInfoInputChange: onMemInfoInputChange,
@@ -8369,7 +8398,8 @@ var UserAddEdit = function UserAddEdit(props) {
     isProfile: isProfile,
     editUserId: editUserId,
     roles: renderFields.expenseRoles,
-    paymentMethod: paymentMethod
+    paymentMethod: paymentMethod,
+    sendLog: sendLog
   }), /*#__PURE__*/React.createElement(IUIDivider, {
     className: styles.dividerColor
   }), isCardsDetailsRendered && productAccess && productAccess.card && /*#__PURE__*/React.createElement(CardsField, {