tf-checkout-react 1.2.9 → 1.2.10

package/dist/components/paymentContainer/index.d.ts

@@ -1,11 +1,10 @@
 /// <reference types="react" />
-import { AxiosError } from 'axios';
-import { StripeElementsOptions } from '@stripe/stripe-js';
 import './style.css';
-import { IPaymentField } from '../../types';
-import { StripeCardNumberElementOptions } from '@stripe/stripe-js';
 import { ThemeOptions } from '@mui/material';
 import { CSSProperties } from '@mui/styles';
+import { StripeCardNumberElementOptions, StripeElementsOptions } from '@stripe/stripe-js';
+import { AxiosError } from 'axios';
+import { IPaymentField } from '../../types';
 export interface IPaymentPage {
     paymentFields: IPaymentField[];
     handlePayment: any;
@@ -28,4 +27,4 @@ export interface IPaymentPage {
     enablePaymentPlan?: boolean;
     paymentButtonText?: string;
 }
-export declare const PaymentContainer: ({ paymentFields, handlePayment, formTitle, errorText, checkoutData, onErrorClose, onGetPaymentDataSuccess, onGetPaymentDataError, onPaymentError, stripeCardOptions, disableZipSection, themeOptions, elementsOptions, onCountdownFinish, enableTimer, enablePaymentPlan, paymentButtonText }: IPaymentPage) => JSX.Element;
+export declare const PaymentContainer: ({ paymentFields, handlePayment, formTitle, errorText, checkoutData, onErrorClose, onGetPaymentDataSuccess, onGetPaymentDataError, onPaymentError, stripeCardOptions, disableZipSection, themeOptions, elementsOptions, onCountdownFinish, enableTimer, enablePaymentPlan, paymentButtonText, }: IPaymentPage) => JSX.Element;

package/dist/tf-checkout-react.cjs.development.js

@@ -40,8 +40,8 @@ var _isNumber = _interopDefault(require('lodash/isNumber'));
 var SVG = _interopDefault(require('react-inlinesvg'));
 var _flatMapDeep = _interopDefault(require('lodash/flatMapDeep'));
 var _isArray = _interopDefault(require('lodash/isArray'));
-var Container = _interopDefault(require('@mui/material/Container'));
 var Alert = _interopDefault(require('@mui/material/Alert'));
+var Container = _interopDefault(require('@mui/material/Container'));
 var reactStripeJs = require('@stripe/react-stripe-js');
 var stripeJs = require('@stripe/stripe-js');
 var reactShare = require('react-share');
@@ -3957,11 +3957,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,
@@ -3969,7 +3969,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,
@@ -4009,6 +4009,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);
   React.useEffect(function () {
     _asyncToGenerator( /*#__PURE__*/runtime_1.mark(function _callee() {
       var response, _cart$, attributes, cart, order_details, _order_details$ticket, ticket, _orderData;
@@ -4236,7 +4237,7 @@ var PaymentContainer = function PaymentContainer(_ref) {
     className: "plan_block"
   }, React__default.createElement("h3", null, "Mbrand Payment Plan Terms"), React__default.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__default.createElement("p", null, "This includes a non-refundable admin fee of $3.00 per payment."), React__default.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__default.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__default.createElement("p", null, "Your payment will proceed with the card ending in **** 4242."))), total !== '0.00' ? React__default.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__default.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__default.createElement("p", null, "Your payment will proceed with the card ending in **** 4242."))), !isFreeTickets ? React__default.createElement("div", {
     className: "payment_info"
   }, React__default.createElement("div", {
     className: "payment_info_label"