tf-checkout-react 1.2.9 → 1.2.10
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/paymentContainer/index.d.ts +4 -5
- package/dist/tf-checkout-react.cjs.development.js +7 -6
- package/dist/tf-checkout-react.cjs.development.js.map +1 -1
- package/dist/tf-checkout-react.cjs.production.min.js +1 -1
- package/dist/tf-checkout-react.cjs.production.min.js.map +1 -1
- package/dist/tf-checkout-react.esm.js +7 -6
- package/dist/tf-checkout-react.esm.js.map +1 -1
- package/package.json +1 -1
- package/src/components/paymentContainer/index.tsx +53 -49
|
@@ -33,8 +33,8 @@ import _isNumber from 'lodash-es/isNumber';
|
|
|
33
33
|
import SVG from 'react-inlinesvg';
|
|
34
34
|
import _flatMapDeep from 'lodash-es/flatMapDeep';
|
|
35
35
|
import _isArray from 'lodash-es/isArray';
|
|
36
|
-
import Container from '@mui/material/Container';
|
|
37
36
|
import Alert$1 from '@mui/material/Alert';
|
|
37
|
+
import Container from '@mui/material/Container';
|
|
38
38
|
import { useStripe, useElements, CardNumberElement, CardExpiryElement, CardCvcElement, Elements } from '@stripe/react-stripe-js';
|
|
39
39
|
import { loadStripe } from '@stripe/stripe-js';
|
|
40
40
|
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';
|
|
@@ -3955,11 +3955,11 @@ var PaymentContainer = function PaymentContainer(_ref) {
|
|
|
3955
3955
|
_ref$onErrorClose = _ref.onErrorClose,
|
|
3956
3956
|
onErrorClose = _ref$onErrorClose === void 0 ? _identity : _ref$onErrorClose,
|
|
3957
3957
|
_ref$onGetPaymentData = _ref.onGetPaymentDataSuccess,
|
|
3958
|
-
onGetPaymentDataSuccess = _ref$onGetPaymentData === void 0 ?
|
|
3958
|
+
onGetPaymentDataSuccess = _ref$onGetPaymentData === void 0 ? _identity : _ref$onGetPaymentData,
|
|
3959
3959
|
_ref$onGetPaymentData2 = _ref.onGetPaymentDataError,
|
|
3960
|
-
onGetPaymentDataError = _ref$onGetPaymentData2 === void 0 ?
|
|
3960
|
+
onGetPaymentDataError = _ref$onGetPaymentData2 === void 0 ? _identity : _ref$onGetPaymentData2,
|
|
3961
3961
|
_ref$onPaymentError = _ref.onPaymentError,
|
|
3962
|
-
onPaymentError = _ref$onPaymentError === void 0 ?
|
|
3962
|
+
onPaymentError = _ref$onPaymentError === void 0 ? _identity : _ref$onPaymentError,
|
|
3963
3963
|
_ref$stripeCardOption = _ref.stripeCardOptions,
|
|
3964
3964
|
stripeCardOptions = _ref$stripeCardOption === void 0 ? {} : _ref$stripeCardOption,
|
|
3965
3965
|
_ref$disableZipSectio = _ref.disableZipSection,
|
|
@@ -3967,7 +3967,7 @@ var PaymentContainer = function PaymentContainer(_ref) {
|
|
|
3967
3967
|
themeOptions = _ref.themeOptions,
|
|
3968
3968
|
elementsOptions = _ref.elementsOptions,
|
|
3969
3969
|
_ref$onCountdownFinis = _ref.onCountdownFinish,
|
|
3970
|
-
onCountdownFinish = _ref$onCountdownFinis === void 0 ?
|
|
3970
|
+
onCountdownFinish = _ref$onCountdownFinis === void 0 ? _identity : _ref$onCountdownFinis,
|
|
3971
3971
|
_ref$enableTimer = _ref.enableTimer,
|
|
3972
3972
|
enableTimer = _ref$enableTimer === void 0 ? false : _ref$enableTimer,
|
|
3973
3973
|
_ref$enablePaymentPla = _ref.enablePaymentPlan,
|
|
@@ -4007,6 +4007,7 @@ var PaymentContainer = function PaymentContainer(_ref) {
|
|
|
4007
4007
|
var eventId = getQueryVariable('event_id');
|
|
4008
4008
|
var hash = checkoutData.hash,
|
|
4009
4009
|
total = checkoutData.total;
|
|
4010
|
+
var isFreeTickets = !Number(total) && !Number(orderData.total);
|
|
4010
4011
|
useEffect(function () {
|
|
4011
4012
|
_asyncToGenerator( /*#__PURE__*/runtime_1.mark(function _callee() {
|
|
4012
4013
|
var response, _cart$, attributes, cart, order_details, _order_details$ticket, ticket, _orderData;
|
|
@@ -4234,7 +4235,7 @@ var PaymentContainer = function PaymentContainer(_ref) {
|
|
|
4234
4235
|
className: "plan_block"
|
|
4235
4236
|
}, 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", {
|
|
4236
4237
|
className: "payment_note"
|
|
4237
|
-
}, "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."))),
|
|
4238
|
+
}, "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", {
|
|
4238
4239
|
className: "payment_info"
|
|
4239
4240
|
}, React.createElement("div", {
|
|
4240
4241
|
className: "payment_info_label"
|