tf-checkout-react 1.6.6-beta.37 → 1.6.6-beta.38

package/dist/api/checkout.d.ts

@@ -1,2 +1,3 @@
+import { ICheckoutResponse } from '../types/api/checkout';
 export declare const postOnCheckout: (data: any, freeTicket?: boolean) => Promise<ICheckoutResponse>;
 export declare const updateCheckout: (data: any) => Promise<ICheckoutResponse>;

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

@@ -3,6 +3,7 @@ import './style.css';
 import { ThemeOptions } from '@mui/material';
 import { CSSProperties } from '@mui/styles';
 import { StripeElementsOptions } from '@stripe/stripe-js';
+import { StripePaymentElementOptions } from '@stripe/stripe-js';
 import { AxiosError } from 'axios';
 import { IPaymentField } from '../../types';
 export interface IPaymentPage {
@@ -20,6 +21,7 @@ export interface IPaymentPage {
         checkbox?: CSSProperties;
     };
     elementsOptions?: StripeElementsOptions;
+    paymentElementOptions?: StripePaymentElementOptions;
     onCountdownFinish?: () => void;
     enableTimer?: boolean;
     paymentInfoLabel?: string;
@@ -33,4 +35,4 @@ export interface IPaymentPage {
     onStripeReady?: (stripe: any, elements: any) => void;
     enablePaymentPlan?: boolean;
 }
-export declare const PaymentContainer: ({ paymentFields, handlePayment, formTitle, errorText, checkoutData, onErrorClose, onGetPaymentDataSuccess, onGetPaymentDataError, onPaymentError, themeOptions, elementsOptions, onCountdownFinish, enableTimer, orderInfoLabel, paymentInfoLabel, displayPaymentButton, hidePaymentForm, hideFieldsBlock, isSinglePageCheckout, stripePublishableKey, stripeAccountId, onStripeReady, enablePaymentPlan, }: IPaymentPage) => JSX.Element;
+export declare const PaymentContainer: ({ paymentFields, handlePayment, formTitle, errorText, checkoutData, onErrorClose, onGetPaymentDataSuccess, onGetPaymentDataError, onPaymentError, themeOptions, elementsOptions, paymentElementOptions, onCountdownFinish, enableTimer, orderInfoLabel, paymentInfoLabel, displayPaymentButton, hidePaymentForm, hideFieldsBlock, isSinglePageCheckout, stripePublishableKey, stripeAccountId, onStripeReady, enablePaymentPlan, }: IPaymentPage) => JSX.Element;

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

@@ -5092,7 +5092,8 @@ var PaymentPlanSection = function PaymentPlanSection(props) {
 
 // Wrapper component to access Stripe hooks inside Elements context
 var StripeWrapper = function StripeWrapper(_ref) {
-  var onStripeReady = _ref.onStripeReady;
+  var options = _ref.options,
+    onStripeReady = _ref.onStripeReady;
   var stripe = reactStripeJs.useStripe();
   var elements = reactStripeJs.useElements();
   React.useEffect(function () {
@@ -5101,9 +5102,7 @@ var StripeWrapper = function StripeWrapper(_ref) {
     }
   }, [stripe, elements, onStripeReady]);
   return React__default.createElement(reactStripeJs.PaymentElement, {
-    options: {
-      layout: 'tabs'
-    }
+    options: options
   });
 };
 var initialPaymentPlanConfiguration = {
@@ -5171,6 +5170,7 @@ var PaymentContainer = function PaymentContainer(_ref2) {
     onPaymentError = _ref2$onPaymentError === void 0 ? _identity : _ref2$onPaymentError,
     themeOptions = _ref2.themeOptions,
     elementsOptions = _ref2.elementsOptions,
+    paymentElementOptions = _ref2.paymentElementOptions,
     _ref2$onCountdownFini = _ref2.onCountdownFinish,
     onCountdownFinish = _ref2$onCountdownFini === void 0 ? _identity : _ref2$onCountdownFini,
     _ref2$enableTimer = _ref2.enableTimer,
@@ -5571,7 +5571,8 @@ var PaymentContainer = function PaymentContainer(_ref2) {
     stripe: getStripePromise(),
     options: elementsOptions
   }, React__default.createElement(StripeWrapper, {
-    onStripeReady: onStripeReady
+    onStripeReady: onStripeReady,
+    options: paymentElementOptions
   })))) : displayPaymentButton ? React__default.createElement("div", {
     className: "payment_button " + (paymentIsLoading ? 'disabled-payment-button' : '')
   }, React__default.createElement("button", {
@@ -6089,7 +6090,7 @@ var LogicRunner = function LogicRunner(_ref) {
   return null;
 };
 var BillingInfoContainer = /*#__PURE__*/React__default.memo(function (_ref4) {
-  var _reviewData$payment_m, _checkoutUpdateData$a, _checkoutUpdateData$a2, _reviewData$payment_m2, _checkoutUpdateData$a3, _checkoutUpdateData$a4;
+  var _reviewData$payment_m, _checkoutUpdateData$a, _checkoutUpdateData$a2, _reviewData$payment_m2, _checkoutUpdateData$a3, _checkoutUpdateData$a4, _checkoutUpdateData$a5;
   var _ref4$data = _ref4.data,
     data = _ref4$data === void 0 ? [] : _ref4$data,
     _ref4$ticketHoldersFi = _ref4.ticketHoldersFields,
@@ -6335,7 +6336,7 @@ var BillingInfoContainer = /*#__PURE__*/React__default.memo(function (_ref4) {
   var _useState24 = React.useState({}),
     checkoutData = _useState24[0],
     setCheckoutData = _useState24[1];
-  var _useState25 = React.useState({}),
+  var _useState25 = React.useState(null),
     checkoutUpdateData = _useState25[0],
     setCheckoutUpdateData = _useState25[1];
   var prevData = React.useRef(data);
@@ -6866,6 +6867,7 @@ var BillingInfoContainer = /*#__PURE__*/React__default.memo(function (_ref4) {
   var stripePublishableKey = (reviewData == null ? void 0 : (_reviewData$payment_m = reviewData.payment_method) == null ? void 0 : _reviewData$payment_m.stripe_publishable_key) || (checkoutUpdateData == null ? void 0 : (_checkoutUpdateData$a = checkoutUpdateData.additional_payment_information) == null ? void 0 : (_checkoutUpdateData$a2 = _checkoutUpdateData$a.basic_config) == null ? void 0 : _checkoutUpdateData$a2.apiKey);
   var stripeAccountId = (reviewData == null ? void 0 : (_reviewData$payment_m2 = reviewData.payment_method) == null ? void 0 : _reviewData$payment_m2.stripe_connected_account) || (checkoutUpdateData == null ? void 0 : (_checkoutUpdateData$a3 = checkoutUpdateData.additional_payment_information) == null ? void 0 : (_checkoutUpdateData$a4 = _checkoutUpdateData$a3.basic_config) == null ? void 0 : _checkoutUpdateData$a4.accountId);
   var addOnsIncludedOnInvitation = additionalConfigs.resale && additionalConfigs.resaleWithAddons;
+  var elementsOptions = _extends({}, checkoutUpdateData == null ? void 0 : (_checkoutUpdateData$a5 = checkoutUpdateData.additional_payment_information) == null ? void 0 : _checkoutUpdateData$a5.elements_config);
   if (loading || cardLoading || isCountriesLoading || isConfigLoading || !eventId) {
     return React__default.createElement(Backdrop, {
       sx: {
@@ -7125,7 +7127,7 @@ var BillingInfoContainer = /*#__PURE__*/React__default.memo(function (_ref4) {
       return onSubmit;
     }()
   }, function (props) {
-    var _checkoutUpdateData$a5;
+    var _checkoutUpdateData$a6, _checkoutUpdateData$a7, _checkoutUpdateData$a8, _checkoutUpdateData$a9;
     return React__default.createElement(formik.Form, {
       onSubmit: props.handleSubmit
     }, React__default.createElement(ErrorFocus, null), React__default.createElement(LogicRunner, {
@@ -7283,7 +7285,13 @@ var BillingInfoContainer = /*#__PURE__*/React__default.memo(function (_ref4) {
       orderInfoLabel: "",
       enableTimer: false,
       checkoutData: checkoutData,
-      elementsOptions: checkoutUpdateData == null ? void 0 : (_checkoutUpdateData$a5 = checkoutUpdateData.additional_payment_information) == null ? void 0 : _checkoutUpdateData$a5.elements_config,
+      elementsOptions: elementsOptions,
+      paymentElementOptions: {
+        wallets: {
+          applePay: (checkoutUpdateData == null ? void 0 : (_checkoutUpdateData$a6 = checkoutUpdateData.additional_payment_information) == null ? void 0 : (_checkoutUpdateData$a7 = _checkoutUpdateData$a6.stripe_wallets) == null ? void 0 : _checkoutUpdateData$a7.applePay) || 'never',
+          googlePay: (checkoutUpdateData == null ? void 0 : (_checkoutUpdateData$a8 = checkoutUpdateData.additional_payment_information) == null ? void 0 : (_checkoutUpdateData$a9 = _checkoutUpdateData$a8.stripe_wallets) == null ? void 0 : _checkoutUpdateData$a9.googlePay) || 'never'
+        }
+      },
       onStripeReady: function onStripeReady(stripe, elements) {
         stripeRef.current = stripe;
         elementsRef.current = elements;