@itilite/iui-user-management 1.4.80 → 1.4.81-flexi-amplitude-test-2

package/dist/index.js

@@ -2651,7 +2651,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 = reactRedux.useDispatch();
   var _ref2 = paymentDetails || {},
     _ref2$pg = _ref2.pg,
@@ -2673,8 +2675,18 @@ var CardsManagement = function CardsManagement(_ref) {
     setSelectedCard(null);
   };
   var handleMarkAsDefault = function handleMarkAsDefault() {
+    var _selectedCard$card;
     console.log('Mark as default:', selectedCard);
     if (!pg || !selectedCard) return;
+    console.log('default card:', selectedCard);
+    sendLog({
+      eventName: 'edit_card_clicked',
+      customProperties: {
+        action_type: 'Make default',
+        card_last4: (selectedCard === null || selectedCard === void 0 ? void 0 : (_selectedCard$card = selectedCard.card) === null || _selectedCard$card === void 0 ? void 0 : _selectedCard$card.last4) || ''
+      },
+      logImpression: true
+    });
     dispatch(setDefaultPaymentCard({
       user_id: +pg.user_id,
       method_id: selectedCard.id,
@@ -2684,13 +2696,22 @@ var CardsManagement = function CardsManagement(_ref) {
     handleMenuClose();
   };
   var handleDeleteCard = function handleDeleteCard() {
+    var _selectedCard$card2;
+    console.log('Delete card:', selectedCard);
+    sendLog({
+      eventName: 'edit_card_clicked',
+      customProperties: {
+        action_type: 'Delete',
+        card_last4: (selectedCard === null || selectedCard === void 0 ? void 0 : (_selectedCard$card2 = selectedCard.card) === null || _selectedCard$card2 === void 0 ? void 0 : _selectedCard$card2.last4) || ''
+      },
+      logImpression: true
+    });
     dispatch(deletePaymentCard({
       pmId: selectedCard.id,
       vendorId: pg.vendor_id
     }));
     handleMenuClose();
   };
-  console.log('test mudu 22');
   var getBrandLogo = function getBrandLogo(brand) {
     var width = 40;
     var aspectRatio = 780 / 500;
@@ -2854,7 +2875,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__default.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__default.createElement("span", {
     className: classes.plusIcon
@@ -2911,7 +2936,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__default.createElement(React__default.Fragment, null);
   }
@@ -2919,7 +2946,8 @@ var PaymentCards = function PaymentCards(_ref) {
     className: styles$1.dividerColor
   }), /*#__PURE__*/React__default.createElement(CardsManagement, {
     paymentDetails: paymentDetails,
-    paymentMethod: paymentMethod
+    paymentMethod: paymentMethod,
+    sendLog: sendLog
   }));
 };
 
@@ -2995,7 +3023,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 = React.useState({
       product: '',
       approvers: []
@@ -3293,7 +3323,8 @@ var TravelExpenseFields = function TravelExpenseFields(props) {
     }));
   })))), type === 'travel' && paymentDetails && isProfile && /*#__PURE__*/React__default.createElement(PaymentCards, {
     paymentDetails: paymentDetails,
-    paymentMethod: paymentMethod
+    paymentMethod: paymentMethod,
+    sendLog: sendLog
   }));
 };
 
@@ -6427,7 +6458,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));
@@ -8327,7 +8360,8 @@ var UserAddEdit = function UserAddEdit(props) {
     isProfile: isProfile,
     editUserId: editUserId,
     roles: renderFields.travelRoles,
-    paymentMethod: paymentMethod
+    paymentMethod: paymentMethod,
+    sendLog: sendLog
   }), /*#__PURE__*/React__default.createElement(AdditionalInfo, {
     membershipInfoInput: membershipInfoInput,
     onMemInfoInputChange: onMemInfoInputChange,
@@ -8372,7 +8406,8 @@ var UserAddEdit = function UserAddEdit(props) {
     isProfile: isProfile,
     editUserId: editUserId,
     roles: renderFields.expenseRoles,
-    paymentMethod: paymentMethod
+    paymentMethod: paymentMethod,
+    sendLog: sendLog
   }), /*#__PURE__*/React__default.createElement(iuistyles.IUIDivider, {
     className: styles.dividerColor
   }), isCardsDetailsRendered && productAccess && productAccess.card && /*#__PURE__*/React__default.createElement(CardsField, {