tf-checkout-react 1.2.9 → 1.2.12

package/dist/tf-checkout-react.esm.js

@@ -33,8 +33,8 @@ import _isNumber from 'lodash-es/isNumber';
 import SVG from 'react-inlinesvg';
 import _flatMapDeep from 'lodash-es/flatMapDeep';
 import _isArray from 'lodash-es/isArray';
-import Container from '@mui/material/Container';
 import Alert$1 from '@mui/material/Alert';
+import Container from '@mui/material/Container';
 import { useStripe, useElements, CardNumberElement, CardExpiryElement, CardCvcElement, Elements } from '@stripe/react-stripe-js';
 import { loadStripe } from '@stripe/stripe-js';
 import { FacebookShareButton, FacebookIcon, FacebookMessengerShareButton, FacebookMessengerIcon, TwitterShareButton, TwitterIcon, LinkedinShareButton, LinkedinIcon, PinterestShareButton, PinterestIcon, VKShareButton, VKIcon, OKShareButton, OKIcon, TelegramShareButton, TelegramIcon, WhatsappShareButton, WhatsappIcon, RedditShareButton, RedditIcon, TumblrShareButton, TumblrIcon, MailruShareButton, MailruIcon, EmailShareButton, EmailIcon, LivejournalShareButton, LivejournalIcon, ViberShareButton, ViberIcon, WorkplaceShareButton, WorkplaceIcon, LineShareButton, LineIcon, PocketShareButton, PocketIcon, InstapaperShareButton, InstapaperIcon, WeiboShareButton, WeiboIcon, HatenaShareButton, HatenaIcon } from 'react-share';
@@ -1679,6 +1679,7 @@ var PhoneNumberField = function PhoneNumberField(_ref) {
       values = _ref$form.values,
       initialValues = _ref$form.initialValues,
       setFieldValue = _ref$form.setFieldValue,
+      setFieldTouched = _ref$form.setFieldTouched,
       _ref$disableDropdown = _ref.disableDropdown,
       disableDropdown = _ref$disableDropdown === void 0 ? true : _ref$disableDropdown,
       _ref$fill = _ref.fill,
@@ -1692,6 +1693,12 @@ var PhoneNumberField = function PhoneNumberField(_ref) {
     return void cb();
   }, 1000), []);
   useEffect(function () {
+    if (field.value === '+') {
+      setFieldError(field.name, '');
+      setFieldTouched(field.name, false);
+      return;
+    }
+
     if (field.value) {
       var _setStatus;
 
@@ -1717,33 +1724,35 @@ var PhoneNumberField = function PhoneNumberField(_ref) {
 
             case 4:
               setFieldError(field.name, '');
-              _context.next = 11;
+              setFieldTouched(field.name, false);
+              _context.next = 12;
               break;
 
-            case 7:
-              _context.prev = 7;
+            case 8:
+              _context.prev = 8;
               _context.t0 = _context["catch"](0);
               message = _get(_context.t0, 'response.data.message', 'Invalid phone number');
               setFieldError(field.name, message);
 
-            case 11:
-              _context.prev = 11;
+            case 12:
+              _context.prev = 12;
               setStatus((_setStatus2 = {}, _setStatus2[field.name] = false, _setStatus2));
-              return _context.finish(11);
+              return _context.finish(12);
 
-            case 14:
+            case 15:
             case "end":
               return _context.stop();
           }
         }
-      }, _callee, null, [[0, 7, 11, 14]]);
+      }, _callee, null, [[0, 8, 12, 15]]);
     }))); // eslint-disable-next-line
   }, [field.value]);
   return React.createElement(MuiPhoneNumber, {
     name: field.name,
     value: fill ? values.phone : initialValues.phone,
     onChange: function onChange(e) {
-      return setFieldValue(field.name, e);
+      setFieldTouched(field.name, true);
+      setFieldValue(field.name, e);
     },
     variant: "outlined",
     defaultCountry: "us",
@@ -3498,7 +3507,6 @@ var BillingInfoContainer = function BillingInfoContainer(_ref3) {
             name: element.name + "-" + index,
             label: element.label,
             type: element.type,
-            required: true,
             component: element.type === 'checkbox' ? CheckboxField : element.type === 'phone' ? PhoneNumberField : CustomField,
             validate: combineValidators(element.required ? requiredValidator : function () {
               return props.errors[element.name + "-" + index];
@@ -3955,11 +3963,11 @@ var PaymentContainer = function PaymentContainer(_ref) {
       _ref$onErrorClose = _ref.onErrorClose,
       onErrorClose = _ref$onErrorClose === void 0 ? _identity : _ref$onErrorClose,
       _ref$onGetPaymentData = _ref.onGetPaymentDataSuccess,
-      onGetPaymentDataSuccess = _ref$onGetPaymentData === void 0 ? function () {} : _ref$onGetPaymentData,
+      onGetPaymentDataSuccess = _ref$onGetPaymentData === void 0 ? _identity : _ref$onGetPaymentData,
       _ref$onGetPaymentData2 = _ref.onGetPaymentDataError,
-      onGetPaymentDataError = _ref$onGetPaymentData2 === void 0 ? function () {} : _ref$onGetPaymentData2,
+      onGetPaymentDataError = _ref$onGetPaymentData2 === void 0 ? _identity : _ref$onGetPaymentData2,
       _ref$onPaymentError = _ref.onPaymentError,
-      onPaymentError = _ref$onPaymentError === void 0 ? function () {} : _ref$onPaymentError,
+      onPaymentError = _ref$onPaymentError === void 0 ? _identity : _ref$onPaymentError,
       _ref$stripeCardOption = _ref.stripeCardOptions,
       stripeCardOptions = _ref$stripeCardOption === void 0 ? {} : _ref$stripeCardOption,
       _ref$disableZipSectio = _ref.disableZipSection,
@@ -3967,7 +3975,7 @@ var PaymentContainer = function PaymentContainer(_ref) {
       themeOptions = _ref.themeOptions,
       elementsOptions = _ref.elementsOptions,
       _ref$onCountdownFinis = _ref.onCountdownFinish,
-      onCountdownFinish = _ref$onCountdownFinis === void 0 ? function () {} : _ref$onCountdownFinis,
+      onCountdownFinish = _ref$onCountdownFinis === void 0 ? _identity : _ref$onCountdownFinis,
       _ref$enableTimer = _ref.enableTimer,
       enableTimer = _ref$enableTimer === void 0 ? false : _ref$enableTimer,
       _ref$enablePaymentPla = _ref.enablePaymentPlan,
@@ -4007,6 +4015,7 @@ var PaymentContainer = function PaymentContainer(_ref) {
   var eventId = getQueryVariable('event_id');
   var hash = checkoutData.hash,
       total = checkoutData.total;
+  var isFreeTickets = !Number(total) && !Number(orderData.total);
   useEffect(function () {
     _asyncToGenerator( /*#__PURE__*/runtime_1.mark(function _callee() {
       var response, _cart$, attributes, cart, order_details, _order_details$ticket, ticket, _orderData;
@@ -4127,7 +4136,7 @@ var PaymentContainer = function PaymentContainer(_ref) {
             case 3:
               order_hash = reviewData.order_details.order_hash;
 
-              if (!(total === '0.00')) {
+              if (!isFreeTickets) {
                 _context3.next = 10;
                 break;
               }
@@ -4234,7 +4243,7 @@ var PaymentContainer = function PaymentContainer(_ref) {
     className: "plan_block"
   }, React.createElement("h3", null, "Mbrand Payment Plan Terms"), React.createElement("p", null, "By clicking on the \u201CConfirm Payment Plan\u201D button, you are starting your payment plan of 2 payments of $115.00, which will be drawn from your account every 2 weeks, with the first payment taken later today."), React.createElement("p", null, "This includes a non-refundable admin fee of $3.00 per payment."), React.createElement("p", {
     className: "payment_note"
-  }, "NOTE: If today\u2019s payment fails, your payment plan will not activate, and your tickets will not be issued until you complete your final payment."), React.createElement("p", null, "If you do not complete your payements, your order will be canceled. Your first payment of $115.00, plus the non-refundable admin fee of $3.00 will not be refunded."), React.createElement("p", null, "Your payment will proceed with the card ending in **** 4242."))), total !== '0.00' ? React.createElement("div", {
+  }, "NOTE: If today\u2019s payment fails, your payment plan will not activate, and your tickets will not be issued until you complete your final payment."), React.createElement("p", null, "If you do not complete your payements, your order will be canceled. Your first payment of $115.00, plus the non-refundable admin fee of $3.00 will not be refunded."), React.createElement("p", null, "Your payment will proceed with the card ending in **** 4242."))), !isFreeTickets ? React.createElement("div", {
     className: "payment_info"
   }, React.createElement("div", {
     className: "payment_info_label"