@salesgenterp/ui-components 0.4.310 → 0.4.311

package/dist/index.js

@@ -1881,7 +1881,6 @@ var AddAuthorizeDotNetCard = function AddAuthorizeDotNetCard(_ref) {
     visible = _ref.visible,
     onCancel = _ref.onCancel,
     styles = _ref.styles,
-    fontColor = _ref.fontColor,
     customerId = _ref.customerId,
     setListUpdate = _ref.setListUpdate;
   var _useForm = reactHookForm.useForm({
@@ -1889,7 +1888,8 @@ var AddAuthorizeDotNetCard = function AddAuthorizeDotNetCard(_ref) {
     }),
     handleSubmit = _useForm.handleSubmit,
     control = _useForm.control,
-    setValue = _useForm.setValue;
+    setValue = _useForm.setValue,
+    watch = _useForm.watch;
   var _useState = React.useState(false),
     submitLoading = _useState[0],
     setSubmitLoading = _useState[1];
@@ -1899,6 +1899,11 @@ var AddAuthorizeDotNetCard = function AddAuthorizeDotNetCard(_ref) {
   var _useState3 = React.useState([]),
     states = _useState3[0],
     setStates = _useState3[1];
+  var cardNumber = watch('cardNumber');
+  var expirationYear = watch('expirationYear');
+  var expirationMonth = watch('expirationMonth');
+  var firstName = watch('firstName');
+  var lastName = watch('lastName');
   var getCountryData = function getCountryData() {
     try {
       var _temp = _catch(function () {
@@ -2005,7 +2010,11 @@ var AddAuthorizeDotNetCard = function AddAuthorizeDotNetCard(_ref) {
       },
       onClick: onCancel
     }, "Cancel"))))
-  }, /*#__PURE__*/React__default.createElement("form", null, /*#__PURE__*/React__default.createElement(material.Grid, {
+  }, /*#__PURE__*/React__default.createElement(Cards, {
+    expiry: (expirationMonth || '') + " " + (expirationYear || '') || '----',
+    name: (firstName || '') + " " + (lastName || ''),
+    number: cardNumber || ''
+  }), /*#__PURE__*/React__default.createElement("form", null, /*#__PURE__*/React__default.createElement(material.Grid, {
     container: true,
     columnSpacing: 2
   }, /*#__PURE__*/React__default.createElement(material.Grid, {
@@ -2017,7 +2026,7 @@ var AddAuthorizeDotNetCard = function AddAuthorizeDotNetCard(_ref) {
     name: "firstName",
     required: true,
     control: control,
-    fontColor: fontColor
+    fontColor: styles === null || styles === void 0 ? void 0 : styles.fontColor
   })), /*#__PURE__*/React__default.createElement(material.Grid, {
     item: true,
     xs: 12,
@@ -2027,7 +2036,7 @@ var AddAuthorizeDotNetCard = function AddAuthorizeDotNetCard(_ref) {
     name: "lastName",
     required: true,
     control: control,
-    fontColor: fontColor
+    fontColor: styles === null || styles === void 0 ? void 0 : styles.fontColor
   })), /*#__PURE__*/React__default.createElement(material.Grid, {
     item: true,
     xs: 12
@@ -2037,7 +2046,7 @@ var AddAuthorizeDotNetCard = function AddAuthorizeDotNetCard(_ref) {
     type: "number",
     required: true,
     control: control,
-    fontColor: fontColor
+    fontColor: styles === null || styles === void 0 ? void 0 : styles.fontColor
   })), /*#__PURE__*/React__default.createElement(material.Grid, {
     item: true,
     xs: 12,
@@ -2048,7 +2057,7 @@ var AddAuthorizeDotNetCard = function AddAuthorizeDotNetCard(_ref) {
     type: "number",
     required: true,
     control: control,
-    fontColor: fontColor
+    fontColor: styles === null || styles === void 0 ? void 0 : styles.fontColor
   })), /*#__PURE__*/React__default.createElement(material.Grid, {
     item: true,
     xs: 12,
@@ -2059,7 +2068,7 @@ var AddAuthorizeDotNetCard = function AddAuthorizeDotNetCard(_ref) {
     type: "number",
     required: true,
     control: control,
-    fontColor: fontColor
+    fontColor: styles === null || styles === void 0 ? void 0 : styles.fontColor
   })), /*#__PURE__*/React__default.createElement(material.Grid, {
     item: true,
     xs: 12,
@@ -2070,7 +2079,7 @@ var AddAuthorizeDotNetCard = function AddAuthorizeDotNetCard(_ref) {
     type: "number",
     required: true,
     control: control,
-    fontColor: fontColor
+    fontColor: styles === null || styles === void 0 ? void 0 : styles.fontColor
   })), /*#__PURE__*/React__default.createElement(material.Grid, {
     item: true,
     xs: 12,
@@ -2084,7 +2093,7 @@ var AddAuthorizeDotNetCard = function AddAuthorizeDotNetCard(_ref) {
     valueKey: "id",
     labelKey: "code",
     onChangeField: onUpdateCountry,
-    fontColor: fontColor
+    fontColor: styles === null || styles === void 0 ? void 0 : styles.fontColor
   })), /*#__PURE__*/React__default.createElement(material.Grid, {
     item: true,
     xs: 12,
@@ -2097,7 +2106,7 @@ var AddAuthorizeDotNetCard = function AddAuthorizeDotNetCard(_ref) {
     options: states,
     valueKey: "id",
     labelKey: "name",
-    fontColor: fontColor
+    fontColor: styles === null || styles === void 0 ? void 0 : styles.fontColor
   })), /*#__PURE__*/React__default.createElement(material.Grid, {
     item: true,
     xs: 12,
@@ -2107,7 +2116,7 @@ var AddAuthorizeDotNetCard = function AddAuthorizeDotNetCard(_ref) {
     name: "city",
     required: true,
     control: control,
-    fontColor: fontColor
+    fontColor: styles === null || styles === void 0 ? void 0 : styles.fontColor
   })), /*#__PURE__*/React__default.createElement(material.Grid, {
     item: true,
     xs: 12,
@@ -2117,7 +2126,7 @@ var AddAuthorizeDotNetCard = function AddAuthorizeDotNetCard(_ref) {
     name: "zipcode",
     required: true,
     control: control,
-    fontColor: fontColor
+    fontColor: styles === null || styles === void 0 ? void 0 : styles.fontColor
   }))))));
 };
 
@@ -2128,7 +2137,6 @@ var PaymentModal = function PaymentModal(_ref) {
     visible = _ref.visible,
     onCancel = _ref.onCancel,
     styles = _ref.styles,
-    fontColor = _ref.fontColor,
     orderId = _ref.orderId,
     storeIdList = _ref.storeIdList;
   var _useState = React.useState(),
@@ -2289,7 +2297,8 @@ var PaymentModal = function PaymentModal(_ref) {
       }
     },
     customerId: orderDto === null || orderDto === void 0 ? void 0 : orderDto.customerId,
-    setListUpdate: setListUpdate
+    setListUpdate: setListUpdate,
+    styles: styles
   }), visible && /*#__PURE__*/React__default.createElement(MuiModal, {
     onClose: onCancel,
     "aria-labelledby": "customized-dialog-title",
@@ -2341,7 +2350,7 @@ var PaymentModal = function PaymentModal(_ref) {
     type: "number",
     required: true,
     control: control,
-    fontColor: fontColor,
+    fontColor: styles === null || styles === void 0 ? void 0 : styles.fontColor,
     max: orderDto === null || orderDto === void 0 ? void 0 : orderDto.dueAmount
   })), /*#__PURE__*/React__default.createElement(material.Grid, {
     item: true,
@@ -2353,7 +2362,7 @@ var PaymentModal = function PaymentModal(_ref) {
     required: true,
     disabled: true,
     control: control,
-    fontColor: fontColor
+    fontColor: styles === null || styles === void 0 ? void 0 : styles.fontColor
   })), /*#__PURE__*/React__default.createElement(material.Grid, {
     item: true,
     xs: 12,
@@ -2363,7 +2372,7 @@ var PaymentModal = function PaymentModal(_ref) {
     name: "paymentModeId",
     required: true,
     control: control,
-    fontColor: fontColor,
+    fontColor: styles === null || styles === void 0 ? void 0 : styles.fontColor,
     valueKey: "id",
     labelKey: "name",
     options: (_filter = lodash.filter(paymentMethods || [], {
@@ -2389,7 +2398,7 @@ var PaymentModal = function PaymentModal(_ref) {
     name: "authorizeDotNetCard",
     required: true,
     control: control,
-    fontColor: fontColor,
+    fontColor: styles === null || styles === void 0 ? void 0 : styles.fontColor,
     options: customerCreditCards === null || customerCreditCards === void 0 ? void 0 : (_customerCreditCards$4 = customerCreditCards.profile) === null || _customerCreditCards$4 === void 0 ? void 0 : (_customerCreditCards$5 = _customerCreditCards$4.paymentProfiles) === null || _customerCreditCards$5 === void 0 ? void 0 : _customerCreditCards$5.map(function (profile) {
       var _profile$payment, _profile$payment$cred, _profile$payment2, _profile$payment2$cre, _profile$payment2$cre2, _profile$payment2$cre3;
       return {
@@ -2398,12 +2407,17 @@ var PaymentModal = function PaymentModal(_ref) {
       };
     })
   })), /*#__PURE__*/React__default.createElement(MuiButton, {
-    variant: "outlined",
     onClick: function onClick() {
       setOpenAddNewCardModal(true);
       setValue('authorizeDotNetCard', null);
-    }
-  }, "Add New Card")))))));
+    },
+    primaryColor: styles === null || styles === void 0 ? void 0 : styles.primaryColor,
+    startIcon: /*#__PURE__*/React__default.createElement(ai.AiOutlinePlus, {
+      style: {
+        fontSize: 'inherit'
+      }
+    })
+  }, /*#__PURE__*/React__default.createElement("span", null, "Add New Card"))))))));
 };
 
 var _templateObject$c, _templateObject2$6, _templateObject3$3, _templateObject4$1, _templateObject5$1, _templateObject6$1, _templateObject7$1, _templateObject8$1, _templateObject9$1, _templateObject10$1, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18;
@@ -2426,6 +2440,7 @@ var Dashboard = function Dashboard(_ref) {
     serviceApiEndPoint = _ref.serviceApiEndPoint,
     token = _ref.token,
     queryParams = _ref.queryParams,
+    styles = _ref.styles,
     primaryColor = _ref.primaryColor,
     secondaryColor = _ref.secondaryColor,
     backgroundColor = _ref.backgroundColor,
@@ -2663,7 +2678,8 @@ var Dashboard = function Dashboard(_ref) {
         return Promise.reject(e);
       }
     },
-    orderId: isPaymentModal === null || isPaymentModal === void 0 ? void 0 : isPaymentModal.orderId
+    orderId: isPaymentModal === null || isPaymentModal === void 0 ? void 0 : isPaymentModal.orderId,
+    styles: styles
   }), /*#__PURE__*/React__default.createElement(material.Grid, {
     container: true,
     columnSpacing: 4
@@ -4468,6 +4484,7 @@ var AccountDetails = function AccountDetails(_ref) {
           serviceApiEndPoint: serviceApiEndPoint,
           token: token,
           queryParams: queryParams,
+          styles: colors,
           primaryColor: colors.primaryColor,
           secondaryColor: colors.secondaryColor,
           backgroundColor: colors.backgroundColor,