@salesgenterp/ui-components 0.4.365 → 0.4.366

package/dist/index.modern.js

@@ -3,7 +3,7 @@ import React__default, { useState, useEffect, forwardRef, createElement, memo, u
 import { AiOutlineHome, AiOutlineRight, AiOutlinePlus, AiOutlineRise, AiOutlineShoppingCart, AiOutlineLeft, AiOutlineMinus, AiOutlineDelete, AiOutlineShop, AiOutlineCheckCircle, AiOutlineCheck } from 'react-icons/ai';
 import styled, { ThemeProvider } from 'styled-components';
 import axios from 'axios';
-import { isEmpty, get, isString, template, isPlainObject, includes, values, cloneDeep, omit, sortBy, uniqBy, filter, isObject, isNumber, remove, sumBy } from 'lodash';
+import { isEmpty, get, isString, isArray, some, toLower, template, isPlainObject, includes, values, cloneDeep, omit, sortBy, uniqBy, filter, isObject, isNumber, remove, sumBy } from 'lodash';
 import ReCAPTCHA from 'react-google-recaptcha';
 import { Controller, useForm } from 'react-hook-form';
 import moment from 'moment';
@@ -823,6 +823,19 @@ var isVideo = function isVideo(filename) {
   var extension = filename === null || filename === void 0 ? void 0 : filename.slice(((filename === null || filename === void 0 ? void 0 : filename.lastIndexOf('.')) - 1 >>> 0) + 2);
   return videoExtensions === null || videoExtensions === void 0 ? void 0 : videoExtensions.includes('.' + (extension === null || extension === void 0 ? void 0 : extension.toLowerCase()));
 };
+function includesCaseInsensitive(source, target) {
+  if (isArray(source)) {
+    return some(source, function (element) {
+      var _toLower, _toLower2, _toLower3, _toLower3$replace, _toLower4, _toLower4$replace;
+      return ((_toLower = toLower(element)) === null || _toLower === void 0 ? void 0 : _toLower.trim()) === ((_toLower2 = toLower(target)) === null || _toLower2 === void 0 ? void 0 : _toLower2.trim()) || ((_toLower3 = toLower(element)) === null || _toLower3 === void 0 ? void 0 : (_toLower3$replace = _toLower3.replace(/ /g, '')) === null || _toLower3$replace === void 0 ? void 0 : _toLower3$replace.trim()) === ((_toLower4 = toLower(target)) === null || _toLower4 === void 0 ? void 0 : (_toLower4$replace = _toLower4.replace(/ /g, '')) === null || _toLower4$replace === void 0 ? void 0 : _toLower4$replace.trim());
+    });
+  } else if (isString(source)) {
+    var _toLower5, _toLower6, _toLower7, _toLower7$replace, _toLower8, _toLower8$replace;
+    return ((_toLower5 = toLower(source)) === null || _toLower5 === void 0 ? void 0 : _toLower5.trim()) === ((_toLower6 = toLower(target)) === null || _toLower6 === void 0 ? void 0 : _toLower6.trim()) || ((_toLower7 = toLower(source)) === null || _toLower7 === void 0 ? void 0 : (_toLower7$replace = _toLower7.replace(/ /g, '')) === null || _toLower7$replace === void 0 ? void 0 : _toLower7$replace.trim()) === ((_toLower8 = toLower(target)) === null || _toLower8 === void 0 ? void 0 : (_toLower8$replace = _toLower8.replace(/ /g, '')) === null || _toLower8$replace === void 0 ? void 0 : _toLower8$replace.trim());
+  } else {
+    return false;
+  }
+}
 
 var _templateObject$2;
 var FormTextField = function FormTextField(props) {
@@ -10778,7 +10791,8 @@ var Step3 = function Step3(_ref) {
     states = _ref.states,
     countries = _ref.countries,
     setSelectedCountry = _ref.setSelectedCountry,
-    customer = _ref.customer;
+    customer = _ref.customer,
+    disabledPaymentOnMoreThanAmount = _ref.disabledPaymentOnMoreThanAmount;
   var _useState = useState(),
     selectedMethod = _useState[0],
     setSelectedMethod = _useState[1];
@@ -10800,6 +10814,9 @@ var Step3 = function Step3(_ref) {
     setAddNewCard = _useState6[1];
   var isCard = selectedMethod === null || selectedMethod === void 0 ? void 0 : (_selectedMethod$name = selectedMethod.name) === null || _selectedMethod$name === void 0 ? void 0 : _selectedMethod$name.toLowerCase().includes('card');
   var storeCr = storeCredits > ((orderTotal === null || orderTotal === void 0 ? void 0 : orderTotal.totalAmount) || 0) ? (orderTotal === null || orderTotal === void 0 ? void 0 : orderTotal.totalAmount) || 0 : storeCredits;
+  var paymentMethods = filter(payments, function (item) {
+    return disabledPaymentOnMoreThanAmount && (orderTotal === null || orderTotal === void 0 ? void 0 : orderTotal.totalAmount) > disabledPaymentOnMoreThanAmount ? includesCaseInsensitive(item === null || item === void 0 ? void 0 : item.name, 'pay in person') : true;
+  });
   useEffect(function () {
     (function () {
       try {
@@ -10869,17 +10886,17 @@ var Step3 = function Step3(_ref) {
     className: "medium"
   }, "Use Store Credits:", ' ', /*#__PURE__*/React__default.createElement("span", {
     className: "bold "
-  }, renderMoney(storeCr)), "(", renderMoney(storeCredits), ")")) : /*#__PURE__*/React__default.createElement(React__default.Fragment, null), /*#__PURE__*/React__default.createElement(StepsContent, null, (_filter = filter(payments, {
+  }, renderMoney(storeCr)), "(", renderMoney(storeCredits), ")")) : /*#__PURE__*/React__default.createElement(React__default.Fragment, null), /*#__PURE__*/React__default.createElement(StepsContent, null, (_filter = filter(paymentMethods, {
     ecommerce: true
   })) === null || _filter === void 0 ? void 0 : _filter.map(function (payment, i) {
-    var _payment$name;
-    if (payment !== null && payment !== void 0 && (_payment$name = payment.name) !== null && _payment$name !== void 0 && _payment$name.toLowerCase().includes('card')) {
+    var _toLower;
+    if ((_toLower = toLower(payment === null || payment === void 0 ? void 0 : payment.name)) !== null && _toLower !== void 0 && _toLower.includes('card')) {
       var _styles$input, _styles$button, _creditCardListData$p, _creditCardListData$p2;
       return /*#__PURE__*/React__default.createElement(React__default.Fragment, {
         key: i
       }, /*#__PURE__*/React__default.createElement(PaymentLi, {
         style: storeCredits >= (orderTotal === null || orderTotal === void 0 ? void 0 : orderTotal.totalAmount) && useStoreCr ? {
-          opacity: '.5'
+          opacity: '0.5'
         } : {},
         onClick: function onClick() {
           if (storeCredits >= (orderTotal === null || orderTotal === void 0 ? void 0 : orderTotal.totalAmount) && useStoreCr) return;
@@ -11658,7 +11675,8 @@ var CheckoutPageComponent = function CheckoutPageComponent(_ref) {
     shippingText = _ref.shippingText,
     showShippingPriceRangeLimit = _ref.showShippingPriceRangeLimit,
     _ref$taxExempt = _ref.taxExempt,
-    taxExempt = _ref$taxExempt === void 0 ? false : _ref$taxExempt;
+    taxExempt = _ref$taxExempt === void 0 ? false : _ref$taxExempt,
+    disabledPaymentOnMoreThanAmount = _ref.disabledPaymentOnMoreThanAmount;
   var _useState = useState(false),
     loginLoading = _useState[0],
     setLoginLoading = _useState[1];
@@ -12178,7 +12196,8 @@ var CheckoutPageComponent = function CheckoutPageComponent(_ref) {
       storeCredits: customer === null || customer === void 0 ? void 0 : (_customer$customerDto9 = customer.customerDto) === null || _customer$customerDto9 === void 0 ? void 0 : _customer$customerDto9.storeCredit,
       orderTotal: orderTotal,
       styles: styles,
-      setSelectedCountry: setSelectedCountry
+      setSelectedCountry: setSelectedCountry,
+      disabledPaymentOnMoreThanAmount: disabledPaymentOnMoreThanAmount
     })), index === 4 && /*#__PURE__*/React__default.createElement(StepContent, {
       sx: {
         padding: 0