tf-checkout-react 1.0.71 → 1.0.72

package/dist/components/common/CheckboxField.d.ts

@@ -7,5 +7,5 @@ export interface ICheckboxField {
 interface IOtherProps {
     [key: string]: any;
 }
-export declare const CheckboxField: ({ label, field, selectOptions, theme, ...rest }: ICheckboxField & IOtherProps) => JSX.Element;
+export declare const CheckboxField: ({ label, field, selectOptions, theme, setFieldValue, ...rest }: ICheckboxField & IOtherProps) => JSX.Element;
 export {};

package/dist/components/common/FormikPhoneNumberField.d.ts

@@ -7,5 +7,5 @@ export interface INumberInField {
 interface IOtherProps {
     [key: string]: any;
 }
-export declare const FormikPhoneNumberField: ({ label, field, form: { touched, errors }, setFieldValue, ...rest }: INumberInField & IOtherProps) => JSX.Element;
+export declare const FormikPhoneNumberField: ({ label, field, form: { touched, errors }, setFieldValue, selectOptions, ...rest }: INumberInField & IOtherProps) => JSX.Element;
 export {};

package/dist/env.d.ts

@@ -1,11 +1,11 @@
-export declare const ENV_TEST: {
+export declare const ENV: {
     EVENT_ID: number;
     BASE_URL: string;
     CLIENT_ID: string;
     CLIENT_SECRET: string;
     STRIPE_PUBLISHABLE_KEY: string;
 };
-export declare const ENV: {
+export declare const ENV_PROD: {
     EVENT_ID: number;
     BASE_URL: string;
     CLIENT_ID: string;

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

@@ -28,10 +28,10 @@ var Select = _interopDefault(require('@mui/material/Select'));
 var MuiPhoneNumber = _interopDefault(require('material-ui-phone-number'));
 var styles = require('@mui/material/styles');
 var Container = _interopDefault(require('@mui/material/Container'));
+var CircularProgress = _interopDefault(require('@mui/material/CircularProgress'));
 var Alert = _interopDefault(require('@mui/material/Alert'));
 var reactStripeJs = require('@stripe/react-stripe-js');
 var stripeJs = require('@stripe/stripe-js');
-var CircularProgress = _interopDefault(require('@mui/material/CircularProgress'));
 var reactShare = require('react-share');
 var _some = _interopDefault(require('lodash/some'));
 var _find = _interopDefault(require('lodash/find'));
@@ -1810,7 +1810,7 @@ var CustomField = function CustomField(_ref) {
   }) : null);
 };
 
-var _excluded$1 = ["label", "field", "selectOptions", "theme"];
+var _excluded$1 = ["label", "field", "selectOptions", "theme", "setFieldValue"];
 var CheckboxField = function CheckboxField(_ref) {
   var label = _ref.label,
       field = _ref.field,
@@ -1942,7 +1942,7 @@ var removePlusSign = function removePlusSign(string) {
   return string.replace('+', '');
 };
 
-var _excluded$2 = ["label", "field", "form", "setFieldValue"];
+var _excluded$2 = ["label", "field", "form", "setFieldValue", "selectOptions"];
 var FormikPhoneNumberField = function FormikPhoneNumberField(_ref) {
   var label = _ref.label,
       field = _ref.field,
@@ -2960,8 +2960,22 @@ var CheckoutForm = function CheckoutForm(_ref) {
   }, isLoading ? React__default.createElement(CircularProgress, null) : "Pay " + getCurrencySymbolByCurrency(currency) + total))));
 };
 
-var publishableKey = CONFIGS.STRIPE_PUBLISHABLE_KEY || 'pk_test_3Ov1P1oP33A1cxaSjxWE0VjT';
-var stripePromise = /*#__PURE__*/stripeJs.loadStripe(publishableKey);
+var publishableKey = CONFIGS.STRIPE_PUBLISHABLE_KEY || '';
+
+var getStripePromise = function getStripePromise(stripePublishableKey) {
+  if (stripePublishableKey === void 0) {
+    stripePublishableKey = publishableKey;
+  }
+
+  return stripeJs.loadStripe(stripePublishableKey);
+};
+
+function Loader() {
+  return React__default.createElement("div", {
+    className: "loader-container"
+  }, React__default.createElement(CircularProgress, null));
+}
+
 var initialOrderValues = {
   product_name: '',
   ticketType: '',
@@ -3015,9 +3029,13 @@ var PaymentContainer = function PaymentContainer(_ref) {
       paymentIsLoading = _useState4[0],
       setPaymentIsLoading = _useState4[1];
 
-  var _useState5 = React.useState([]),
-      conditions = _useState5[0],
-      setConditions = _useState5[1];
+  var _useState5 = React.useState(true),
+      paymentDataIsLoading = _useState5[0],
+      setPaymentDataIsLoading = _useState5[1];
+
+  var _useState6 = React.useState([]),
+      conditions = _useState6[0],
+      setConditions = _useState6[1];
 
   var showFormTitle = Boolean(formTitle);
   var showErrorText = Boolean(errorText);
@@ -3066,11 +3084,16 @@ var PaymentContainer = function PaymentContainer(_ref) {
               onGetPaymentDataError(_context.t0.response);
 
             case 11:
+              _context.prev = 11;
+              setPaymentDataIsLoading(false);
+              return _context.finish(11);
+
+            case 14:
             case "end":
               return _context.stop();
           }
         }
-      }, _callee, null, [[0, 7]]);
+      }, _callee, null, [[0, 7, 11, 14]]);
     }))();
   }, [checkoutData]); //just once
 
@@ -3187,7 +3210,7 @@ var PaymentContainer = function PaymentContainer(_ref) {
     severity: "error",
     onClose: onErrorClose,
     variant: "filled"
-  }, error), React__default.createElement(Container, {
+  }, error), paymentDataIsLoading && React__default.createElement(Loader, null), !paymentDataIsLoading && React__default.createElement(Container, {
     maxWidth: "md"
   }, showFormTitle && React__default.createElement("h1", null, formTitle), React__default.createElement("div", {
     className: "order_info_text"
@@ -3215,9 +3238,9 @@ var PaymentContainer = function PaymentContainer(_ref) {
   }, "Please provide your payment information"), showErrorText && React__default.createElement("p", {
     className: "payment_info__error"
   }, errorText), React__default.createElement("div", null, React__default.createElement(reactStripeJs.Elements, {
-    stripe: stripePromise
+    stripe: getStripePromise(_get(reviewData, 'payment_method.stripe_publishable_key'))
   }, React__default.createElement(CheckoutForm, {
-    stripe_client_secret: reviewData.payment_method.stripe_client_secret,
+    stripe_client_secret: _get(reviewData, 'payment_method.stripe_client_secret'),
     total: orderData.total,
     onSubmit: handlePaymentMiddleWare,
     error: error,
@@ -3867,7 +3890,7 @@ var WaitingList = function WaitingList(_ref) {
   }) : 'ADD TO WAITING LIST')))));
 };
 
-function Loader() {
+function Loader$1() {
   return React__default.createElement("div", {
     className: "loader-container"
   }, React__default.createElement(CircularProgress, null));
@@ -4091,7 +4114,7 @@ var TicketsContainer = function TicketsContainer(_ref) {
   return React__default.createElement("div", {
     className: "get-tickets-page " + theme,
     style: contentStyle
-  }, isLoading ? React__default.createElement(Loader, null) : React__default.createElement(React__default.Fragment, null, showWaitingList ? React__default.createElement(WaitingList, {
+  }, isLoading ? React__default.createElement(Loader$1, null) : React__default.createElement(React__default.Fragment, null, showWaitingList ? React__default.createElement(WaitingList, {
     tickets: tickets,
     eventId: eventId
   }) : React__default.createElement("div", null, React__default.createElement(TicketsSection, {