tf-checkout-react 1.0.74 → 1.0.75

package/dist/api/index.d.ts

@@ -5,6 +5,7 @@ interface IPublicRequest extends AxiosInstance {
     setBaseUrl: (baseUrl: string) => void;
 }
 export declare const publicRequest: IPublicRequest;
+export declare const setXSourceOrigin: (sourceOrigin: string) => void;
 export declare const setCustomHeader: (response: any) => void;
 export declare const handleSetAccessToken: (token: any) => void;
 export declare function getTickets(id: string | number, promoCode: string): Promise<import("axios").AxiosResponse<any, any>>;

package/dist/components/billing-info-container/index.d.ts

@@ -11,7 +11,7 @@ export interface IBillingInfoPage {
         accessToken: string;
         refreshToken: string;
     }) => void;
-    onRegisterError?: (e: AxiosError) => void;
+    onRegisterError?: (e: AxiosError, email: string) => void;
     onSubmitError?: (e: AxiosError) => void;
     onGetCartSuccess?: (res: any) => void;
     onGetCartError?: (e: AxiosError) => void;
@@ -29,7 +29,8 @@ export interface IBillingInfoPage {
     buttonName?: string;
     theme?: 'light' | 'dark';
     isLoggedIn?: boolean;
+    accountInfoTitle?: string | JSX.Element;
     fontFamily?: string;
     hideLogo?: boolean;
 }
-export declare const BillingInfoContainer: ({ data, ticketHoldersFields, initialValues, buttonName, handleSubmit, theme, onRegisterSuccess, onRegisterError, onSubmitError, onGetCartSuccess, onGetCartError, onGetCountriesSuccess, onGetCountriesError, onGetStatesSuccess, onGetStatesError, onGetProfileDataSuccess, onGetProfileDataError, onAuthorizeSuccess, onAuthorizeError, onLogin, onLoginSuccess, isLoggedIn: pIsLoggedIn, fontFamily, hideLogo, }: IBillingInfoPage) => JSX.Element;
+export declare const BillingInfoContainer: ({ data, ticketHoldersFields, initialValues, buttonName, handleSubmit, theme, onRegisterSuccess, onRegisterError, onSubmitError, onGetCartSuccess, onGetCartError, onGetCountriesSuccess, onGetCountriesError, onGetStatesSuccess, onGetStatesError, onGetProfileDataSuccess, onGetProfileDataError, onAuthorizeSuccess, onAuthorizeError, onLogin, onLoginSuccess, isLoggedIn: pIsLoggedIn, accountInfoTitle, fontFamily, hideLogo, }: IBillingInfoPage) => JSX.Element;

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

@@ -14,5 +14,6 @@ export interface IConfirmationPage {
     shareButtons: IShareButton[];
     onGetConfirmationDataSuccess: (res: any) => void;
     onGetConfirmationDataError: (e: AxiosError) => void;
+    orderHash?: string;
 }
-export declare const ConfirmationContainer: ({ isReferralEnabled, showDefaultShareButtons, messengerAppId, shareButtons, onGetConfirmationDataSuccess, onGetConfirmationDataError, }: IConfirmationPage) => JSX.Element;
+export declare const ConfirmationContainer: ({ isReferralEnabled, showDefaultShareButtons, messengerAppId, shareButtons, onGetConfirmationDataSuccess, onGetConfirmationDataError, orderHash, }: IConfirmationPage) => JSX.Element;

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

@@ -14,6 +14,7 @@ export interface IPaymentPage {
     onGetPaymentDataError: (value: AxiosError) => void;
     onPaymentError: (value: AxiosError) => void;
     stripeCardOptions?: StripeCardNumberElementOptions;
+    disableZipSection: boolean;
     fontFamily?: string;
 }
-export declare const PaymentContainer: ({ paymentFields, handlePayment, formTitle, errorText, checkoutData, onErrorClose, onGetPaymentDataSuccess, onGetPaymentDataError, onPaymentError, stripeCardOptions, fontFamily, }: IPaymentPage) => JSX.Element;
+export declare const PaymentContainer: ({ paymentFields, handlePayment, formTitle, errorText, checkoutData, onErrorClose, onGetPaymentDataSuccess, onGetPaymentDataError, onPaymentError, stripeCardOptions, disableZipSection, fontFamily, }: IPaymentPage) => JSX.Element;

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

@@ -14,6 +14,7 @@ export interface ICheckoutForm {
     isLoading: any;
     handleSetLoading: (loading: any) => void;
     conditions: any;
+    disableZipSection: boolean;
 }
-declare const CheckoutForm: ({ total, onSubmit, stripeCardOptions, error, stripe_client_secret, currency, billing_info, isLoading, handleSetLoading, conditions, }: ICheckoutForm) => JSX.Element;
+declare const CheckoutForm: ({ total, onSubmit, stripeCardOptions, error, stripe_client_secret, currency, billing_info, isLoading, handleSetLoading, conditions, disableZipSection, }: ICheckoutForm) => JSX.Element;
 export default CheckoutForm;

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

@@ -932,6 +932,10 @@ var setConfigs = function setConfigs(configs) {
   });
 
   publicRequest.setBaseUrl(CONFIGS.BASE_URL);
+
+  if (CONFIGS.X_SOURCE_ORIGIN) {
+    setXSourceOrigin(CONFIGS.X_SOURCE_ORIGIN);
+  }
 };
 
 var getQueryVariable = function getQueryVariable(variable) {
@@ -991,8 +995,6 @@ var ErrorFocusInternal = /*#__PURE__*/function (_Component) {
 var ErrorFocus = /*#__PURE__*/formik.connect(ErrorFocusInternal);
 
 var isWindowDefined = typeof window !== 'undefined';
-var discardedOrigins = ['http://localhost', 'gtsb.io', 'gatsbyjs.io', 'https://www.houseofx.nyc', 'https://tickets-staging.houseofx.nyc'];
-var origin = isWindowDefined && window.location.origin;
 var ttfHeaders = {
   Accept: 'application/vnd.api+json',
   'Content-Type': 'application/vnd.api+json'
@@ -1002,12 +1004,6 @@ if (isWindowDefined && localStorage.getItem('auth_guest_token')) {
   ttfHeaders['Authorization-Guest'] = /*#__PURE__*/localStorage.getItem('auth_guest_token');
 }
 
-if (isWindowDefined && !discardedOrigins.some(function (el) {
-  return origin && origin.includes(el);
-})) {
-  ttfHeaders['X-Source-Origin'] = 'houseofx.nyc';
-}
-
 var publicRequest = /*#__PURE__*/axios.create({
   baseURL: CONFIGS.BASE_URL || "https://www.ticketfairy.com/api",
   headers: ttfHeaders
@@ -1050,11 +1046,9 @@ publicRequest.interceptors.request.use(function (config) {
     config.headers = _updatedHeaders;
   }
 
-  if (isWindowDefined && !discardedOrigins.some(function (el) {
-    return origin && origin.includes(el);
-  })) {
+  if (CONFIGS.X_SOURCE_ORIGIN) {
     var _updatedHeaders2 = _extends({}, config.headers, {
-      'X-Source-Origin': 'houseofx.nyc'
+      'X-Source-Origin': CONFIGS.X_SOURCE_ORIGIN
     });
 
     config.headers = _updatedHeaders2;
@@ -1079,6 +1073,9 @@ publicRequest.setAccessToken = function (token) {
   return publicRequest.defaults.headers.common.Authorization = token;
 };
 
+var setXSourceOrigin = function setXSourceOrigin(sourceOrigin) {
+  ttfHeaders['X-Source-Origin'] = sourceOrigin;
+};
 var setCustomHeader = function setCustomHeader(response) {
   var guestHeaderResponseValue = _get(response, 'headers.authorization-guest');
 
@@ -2110,12 +2107,13 @@ var BillingInfoContainer = function BillingInfoContainer(_ref3) {
       onAuthorizeSuccess = _ref3$onAuthorizeSucc === void 0 ? function () {} : _ref3$onAuthorizeSucc,
       _ref3$onAuthorizeErro = _ref3.onAuthorizeError,
       onAuthorizeError = _ref3$onAuthorizeErro === void 0 ? function () {} : _ref3$onAuthorizeErro,
-      _ref3$onLogin = _ref3.onLogin,
-      onLogin = _ref3$onLogin === void 0 ? function () {} : _ref3$onLogin,
+      onLogin = _ref3.onLogin,
       _ref3$onLoginSuccess = _ref3.onLoginSuccess,
       onLoginSuccess = _ref3$onLoginSuccess === void 0 ? function () {} : _ref3$onLoginSuccess,
       _ref3$isLoggedIn = _ref3.isLoggedIn,
       pIsLoggedIn = _ref3$isLoggedIn === void 0 ? false : _ref3$isLoggedIn,
+      _ref3$accountInfoTitl = _ref3.accountInfoTitle,
+      accountInfoTitle = _ref3$accountInfoTitl === void 0 ? '' : _ref3$accountInfoTitl,
       fontFamily = _ref3.fontFamily,
       hideLogo = _ref3.hideLogo;
   var themeMui = styles.createTheme({
@@ -2479,12 +2477,13 @@ var BillingInfoContainer = function BillingInfoContainer(_ref3) {
                     formikHelpers.setFieldError('confirmPassword', error.password);
                   }
 
-                  if (error != null && error.email) {
+                  if (error != null && error.email && !onLogin) {
+                    // False will stand for outside controll
                     setAlreadyHasUser(true);
                     setShowModalLogin(true);
                   }
 
-                  onRegisterError(_context5.t0);
+                  onRegisterError(_context5.t0, values.email);
                 }
 
                 return _context5.abrupt("return");
@@ -2562,14 +2561,18 @@ var BillingInfoContainer = function BillingInfoContainer(_ref3) {
       className: "billing-info-container " + theme
     }, !isLoggedIn && React__default.createElement("div", {
       className: "account-actions-block"
-    }, React__default.createElement("div", null, "Got a ", React__default.createElement("strong", null, "TICKET"), "FAIRY account?"), React__default.createElement("div", null, "Login & skip ahead:"), React__default.createElement("div", {
+    }, React__default.createElement("div", null, accountInfoTitle), React__default.createElement("div", null, "Login & skip ahead:"), React__default.createElement("div", {
       className: "login-block"
     }, React__default.createElement("button", {
       className: "login-register-button",
       type: "button",
       onClick: function onClick() {
-        onLogin();
-        setShowModalLogin(true);
+        // If outside login needed to skip package login functionallity
+        if (onLogin) {
+          onLogin();
+        } else {
+          setShowModalLogin(true);
+        }
       }
     }, "Login"), !hideLogo && React__default.createElement("div", {
       className: "logo-image-container"
@@ -2721,7 +2724,8 @@ var CheckoutForm = function CheckoutForm(_ref) {
       _ref$handleSetLoading = _ref.handleSetLoading,
       handleSetLoading = _ref$handleSetLoading === void 0 ? function () {} : _ref$handleSetLoading,
       _ref$conditions = _ref.conditions,
-      conditions = _ref$conditions === void 0 ? [] : _ref$conditions;
+      conditions = _ref$conditions === void 0 ? [] : _ref$conditions,
+      disableZipSection = _ref.disableZipSection;
   var stripe = reactStripeJs.useStripe();
   var elements = reactStripeJs.useElements();
 
@@ -2753,7 +2757,7 @@ var CheckoutForm = function CheckoutForm(_ref) {
               _context.prev = 1;
               event.preventDefault();
 
-              if (postalCode) {
+              if (!(!postalCode && !disableZipSection)) {
                 _context.next = 7;
                 break;
               }
@@ -2778,10 +2782,14 @@ var CheckoutForm = function CheckoutForm(_ref) {
               address = {
                 city: billing_info.city,
                 line1: billing_info.street_address,
-                state: billing_info.state,
-                postal_code: postalCode
+                state: billing_info.state
               };
-              _context.next = 14;
+
+              if (!disableZipSection) {
+                address.postal_code = postalCode;
+              }
+
+              _context.next = 15;
               return stripe.createPaymentMethod({
                 type: 'card',
                 card: card || {
@@ -2792,11 +2800,11 @@ var CheckoutForm = function CheckoutForm(_ref) {
                 }
               });
 
-            case 14:
+            case 15:
               paymentMethodReq = _context.sent;
 
               if (!paymentMethodReq.error) {
-                _context.next = 19;
+                _context.next = 20;
                 break;
               }
 
@@ -2804,18 +2812,18 @@ var CheckoutForm = function CheckoutForm(_ref) {
               handleSetLoading(false);
               return _context.abrupt("return");
 
-            case 19:
-              _context.next = 21;
+            case 20:
+              _context.next = 22;
               return stripe.confirmCardPayment(stripe_client_secret, {
                 payment_method: paymentMethodReq.paymentMethod.id
               });
 
-            case 21:
+            case 22:
               _yield$stripe$confirm = _context.sent;
               _error = _yield$stripe$confirm.error;
 
               if (!_error) {
-                _context.next = 27;
+                _context.next = 28;
                 break;
               }
 
@@ -2823,22 +2831,22 @@ var CheckoutForm = function CheckoutForm(_ref) {
               handleSetLoading(false);
               return _context.abrupt("return");
 
-            case 27:
+            case 28:
               onSubmit(null);
-              _context.next = 33;
+              _context.next = 34;
               break;
 
-            case 30:
-              _context.prev = 30;
+            case 31:
+              _context.prev = 31;
               _context.t0 = _context["catch"](1);
               onSubmit(_context.t0);
 
-            case 33:
+            case 34:
             case "end":
               return _context.stop();
           }
         }
-      }, _callee, null, [[1, 30]]);
+      }, _callee, null, [[1, 31]]);
     }));
 
     return function handleSubmit(_x) {
@@ -2899,7 +2907,7 @@ var CheckoutForm = function CheckoutForm(_ref) {
   }, React__default.createElement("span", {
     className: "card_label_text"
   }, "Card number"), React__default.createElement(reactStripeJs.CardNumberElement, {
-    options: _extends({}, options, stripeCardOptions),
+    options: _extends({}, options.style, stripeCardOptions),
     onReady: _identity,
     onChange: _identity,
     onBlur: _identity,
@@ -2909,14 +2917,14 @@ var CheckoutForm = function CheckoutForm(_ref) {
   }, React__default.createElement("span", {
     className: "card_label_text"
   }, "Expiration date"), React__default.createElement(reactStripeJs.CardExpiryElement, {
-    options: _extends({}, options, stripeCardOptions)
+    options: _extends({}, options.style, stripeCardOptions)
   })), React__default.createElement("label", {
     className: "cvc_element"
   }, React__default.createElement("span", {
     className: "card_label_text"
   }, "CVC"), React__default.createElement(reactStripeJs.CardCvcElement, {
-    options: _extends({}, options, stripeCardOptions)
-  })), React__default.createElement("label", {
+    options: _extends({}, options.style, stripeCardOptions)
+  })), !disableZipSection && React__default.createElement("label", {
     className: "zip_element"
   }, React__default.createElement("p", {
     className: "card_label_text"
@@ -3003,6 +3011,8 @@ var PaymentContainer = function PaymentContainer(_ref) {
       onPaymentError = _ref$onPaymentError === void 0 ? function () {} : _ref$onPaymentError,
       _ref$stripeCardOption = _ref.stripeCardOptions,
       stripeCardOptions = _ref$stripeCardOption === void 0 ? {} : _ref$stripeCardOption,
+      _ref$disableZipSectio = _ref.disableZipSection,
+      disableZipSection = _ref$disableZipSectio === void 0 ? false : _ref$disableZipSectio,
       fontFamily = _ref.fontFamily;
 
   var _useState = React.useState(initialReviewValues),
@@ -3243,7 +3253,8 @@ var PaymentContainer = function PaymentContainer(_ref) {
       return setPaymentIsLoading(value);
     },
     conditions: conditions,
-    stripeCardOptions: stripeCardOptions
+    stripeCardOptions: stripeCardOptions,
+    disableZipSection: disableZipSection
   })))))));
 };
 
@@ -3417,7 +3428,8 @@ var ConfirmationContainer = function ConfirmationContainer(_ref) {
       _ref$onGetConfirmatio = _ref.onGetConfirmationDataSuccess,
       onGetConfirmationDataSuccess = _ref$onGetConfirmatio === void 0 ? function () {} : _ref$onGetConfirmatio,
       _ref$onGetConfirmatio2 = _ref.onGetConfirmationDataError,
-      onGetConfirmationDataError = _ref$onGetConfirmatio2 === void 0 ? function () {} : _ref$onGetConfirmatio2;
+      onGetConfirmationDataError = _ref$onGetConfirmatio2 === void 0 ? function () {} : _ref$onGetConfirmatio2,
+      orderHash = _ref.orderHash;
   var inputRef = React.useRef(null);
 
   var _useState = React.useState(null),
@@ -3433,15 +3445,17 @@ var ConfirmationContainer = function ConfirmationContainer(_ref) {
         while (1) {
           switch (_context.prev = _context.next) {
             case 0:
-              dataEncoded = typeof window !== 'undefined' && window.localStorage.getItem('checkoutData');
+              dataEncoded = typeof window !== 'undefined' && window.localStorage.getItem('checkoutData') || '';
+              dataDecoded = dataEncoded ? JSON.parse(dataEncoded) : {
+                hash: orderHash
+              };
+              hash = dataDecoded.hash;
 
-              if (!dataEncoded) {
+              if (!hash) {
                 _context.next = 18;
                 break;
               }
 
-              dataDecoded = JSON.parse(dataEncoded);
-              hash = dataDecoded.hash;
               _context.prev = 4;
               _context.next = 7;
               return getConfirmationData(hash);
@@ -3551,13 +3565,13 @@ var ConfirmationContainer = function ConfirmationContainer(_ref) {
     value: data.personal_share_link,
     onChange: onChangeShareLink
   }), React__default.createElement("div", {
-    className: 'share-by-link-copy-icon',
+    className: "share-by-link-copy-icon",
     onClick: function onClick() {
       return navigator.clipboard.writeText(_get(inputRef, 'current.value'));
     }
   }, React__default.createElement("img", {
     src: "https://img.icons8.com/office/50/000000/copy.png",
-    alt: 'copy'
+    alt: "copy"
   })))), (showDefaultShareButtons || !!shareButtons.length) && React__default.createElement(SocialButtons, {
     showDefaultShareButtons: showDefaultShareButtons,
     name: data.product_name,
@@ -3571,7 +3585,7 @@ var ConfirmationContainer = function ConfirmationContainer(_ref) {
   }, "How much cheaper?"), _map(data.personal_share_sales, function (pricing, index) {
     return React__default.createElement("div", {
       key: index,
-      className: 'pricing-section_wrapper'
+      className: "pricing-section_wrapper"
     }, React__default.createElement("div", {
       className: "pricing-section_label"
     }, pricing.label, pricing.subLabel && React__default.createElement("div", {