tf-checkout-react 1.2.17 → 1.2.20

package/dist/api/index.d.ts

@@ -8,8 +8,8 @@ export declare const publicRequest: IPublicRequest;
 export declare const setXSourceOrigin: (sourceOrigin: string) => void;
 export declare const setCustomHeader: (response: any) => void;
 export declare const handleSetAccessToken: (token: string) => void;
-export declare function getEvent(id: string | number): Promise<AxiosResponse<any, any>>;
-export declare function getTickets(id: string | number, promoCode: string): Promise<AxiosResponse<any, any>>;
+export declare function getEvent(id: string | number, pk?: string): Promise<AxiosResponse<any, any>>;
+export declare function getTickets(id: string | number, promoCode: string, pk?: string): Promise<AxiosResponse<any, any>>;
 export declare const addToCart: (id: string | number, data: any) => Promise<AxiosResponse<any, any>>;
 export declare const getCart: () => Promise<AxiosResponse<any, any>>;
 export declare const postOnCheckout: (data: any, accessToken?: string | undefined) => Promise<AxiosResponse<any, any>>;

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

@@ -7,5 +7,6 @@ export interface IPhoneNumberField {
     type: string;
     disableDropdown: boolean;
     fill: boolean;
+    setPhoneValidationIsLoading: (isLoading: boolean) => void;
 }
-export declare const PhoneNumberField: ({ label, field, form: { errors, touched, setFieldError, values, initialValues, setFieldValue, setFieldTouched, }, disableDropdown, fill, }: IPhoneNumberField) => JSX.Element;
+export declare const PhoneNumberField: ({ label, field, form: { errors, touched, setFieldError, values, initialValues, setFieldValue, setFieldTouched, }, disableDropdown, fill, setPhoneValidationIsLoading, }: IPhoneNumberField) => JSX.Element;

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

@@ -50,5 +50,5 @@ export interface ITicket {
 export interface ISelectedTickets {
     [key: string]: string | number;
 }
-export declare const TicketsContainer: ({ onLoginSuccess, getTicketsLabel, eventId, onAddToCartSuccess, contentStyle, onAddToCartError, onGetTicketsSuccess, onGetTicketsError, onLogoutSuccess, onLogoutError, theme, queryPromoCode, isPromotionsEnabled, themeOptions, isAccessCodeEnabled, hideSessionButtons, hideWaitingList, enableBillingInfoAutoCreate, isButtonScrollable, sortBySoldOut, disableCountdownLeadingZero, isLoggedIn, actionsSectionComponent: ActionsSectionComponent, ticketsHeaderComponent, hideTicketsHeader, enableInfluencersSection }: IGetTickets) => JSX.Element;
+export declare const TicketsContainer: ({ onLoginSuccess, getTicketsLabel, eventId, onAddToCartSuccess, contentStyle, onAddToCartError, onGetTicketsSuccess, onGetTicketsError, onLogoutSuccess, onLogoutError, theme, queryPromoCode, isPromotionsEnabled, themeOptions, isAccessCodeEnabled, hideSessionButtons, hideWaitingList, enableBillingInfoAutoCreate, isButtonScrollable, sortBySoldOut, disableCountdownLeadingZero, isLoggedIn, actionsSectionComponent: ActionsSectionComponent, ticketsHeaderComponent, hideTicketsHeader, enableInfluencersSection, }: IGetTickets) => JSX.Element;
 export {};

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

@@ -1312,7 +1312,7 @@ var handleSetAccessToken = function handleSetAccessToken(token) {
     }
   }
 };
-function getEvent(id) {
+function getEvent(id, pk) {
   var referralValue = '';
 
   if (isWindowDefined) {
@@ -1330,6 +1330,9 @@ function getEvent(id) {
   }
 
   var response = publicRequest.get("v1/event/" + id, {
+    params: {
+      pk: pk
+    },
     headers: _extends({}, ttfHeaders, {
       'Referer-Url': isDocumentDefined ? document.referrer : '',
       'Referrer-Id': isWindowDefined ? referralValue : ''
@@ -1339,8 +1342,11 @@ function getEvent(id) {
   });
   return response;
 }
-function getTickets(id, promoCode) {
-  var response = publicRequest.get("v1/event/" + id + "/tickets/", {
+function getTickets(id, promoCode, pk) {
+  var response = publicRequest.get("v1/event/" + id + "/tickets", {
+    params: {
+      pk: pk
+    },
     headers: promoCode ? _extends({}, ttfHeaders, {
       'Promotion-Event': String(id),
       'Promotion-Code': promoCode
@@ -1689,7 +1695,8 @@ var PhoneNumberField = function PhoneNumberField(_ref) {
       _ref$disableDropdown = _ref.disableDropdown,
       disableDropdown = _ref$disableDropdown === void 0 ? true : _ref$disableDropdown,
       _ref$fill = _ref.fill,
-      fill = _ref$fill === void 0 ? false : _ref$fill;
+      fill = _ref$fill === void 0 ? false : _ref$fill,
+      setPhoneValidationIsLoading = _ref.setPhoneValidationIsLoading;
 
   var error = _get(errors, field.name);
 
@@ -1699,11 +1706,8 @@ var PhoneNumberField = function PhoneNumberField(_ref) {
     return void cb();
   }, 1000), []);
   React.useEffect(function () {
-    if (field.value === '+') {
-      setFieldError(field.name, '');
-      setFieldTouched(field.name, false);
-      setFieldValue(field.name, '');
-      return;
+    if (field.value) {
+      setPhoneValidationIsLoading(true);
     }
 
     debounceCb( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/runtime_1.mark(function _callee() {
@@ -1737,11 +1741,16 @@ var PhoneNumberField = function PhoneNumberField(_ref) {
               }
 
             case 11:
+              _context.prev = 11;
+              setPhoneValidationIsLoading(false);
+              return _context.finish(11);
+
+            case 14:
             case "end":
               return _context.stop();
           }
         }
-      }, _callee, null, [[0, 7]]);
+      }, _callee, null, [[0, 7, 11, 14]]);
     }))); // eslint-disable-next-line
   }, [field.value]);
   return React__default.createElement(React__default.Fragment, null, React__default.createElement(MuiPhoneNumber, {
@@ -2911,6 +2920,10 @@ var BillingInfoContainer = /*#__PURE__*/React__default.memo(function (_ref3) {
       error = _useState14[0],
       setError = _useState14[1];
 
+  var _useState15 = React.useState(false),
+      phoneValidationIsLoading = _useState15[0],
+      setPhoneValidationIsLoading = _useState15[1];
+
   var emailLogged = _get(userData, 'email', '') || _get(userValues, 'email', '');
 
   var firstNameLogged = _get(userData, 'first_name', '') || _get(userValues, 'first_name', '');
@@ -3473,6 +3486,7 @@ var BillingInfoContainer = /*#__PURE__*/React__default.memo(function (_ref3) {
           }, React__default.createElement("div", {
             className: element.className
           }, element.component ? element.component : React__default.createElement(formik.Field, {
+            setPhoneValidationIsLoading: element.type === 'phone' ? setPhoneValidationIsLoading : undefined,
             name: element.name,
             label: element.name === 'phone' ? "" + element.label + (flagRequirePhone ? '' : ' (optional)') + " " : element.label,
             type: element.type,
@@ -3513,7 +3527,8 @@ var BillingInfoContainer = /*#__PURE__*/React__default.memo(function (_ref3) {
             }, element.onValidate ? element.onValidate : function () {
               return props.errors[element.name + "-" + index];
             }),
-            disableDropdown: element.disableDropdown
+            disableDropdown: element.disableDropdown,
+            setPhoneValidationIsLoading: setPhoneValidationIsLoading
           }));
         })));
       }));
@@ -3523,7 +3538,7 @@ var BillingInfoContainer = /*#__PURE__*/React__default.memo(function (_ref3) {
       type: "submit",
       variant: "contained",
       className: "login-register-button",
-      disabled: props.isSubmitting
+      disabled: props.isSubmitting || phoneValidationIsLoading
     }, props.isSubmitting ? React__default.createElement(material.CircularProgress, {
       size: 26
     }) : buttonName))));
@@ -5362,7 +5377,7 @@ var TicketsContainer = function TicketsContainer(_ref) {
 
   function _getTicketsApi() {
     _getTicketsApi = _asyncToGenerator( /*#__PURE__*/runtime_1.mark(function _callee3(isUpdateingCode, type) {
-      var response, eventResponse, attributes, _event2;
+      var previewKey, response, eventResponse, attributes, _event2;
 
       return runtime_1.wrap(function _callee3$(_context3) {
         while (1) {
@@ -5370,15 +5385,16 @@ var TicketsContainer = function TicketsContainer(_ref) {
             case 0:
               _context3.prev = 0;
               isUpdateingCode ? setCodeIsLoading(true) : setIsLoading(true);
-              _context3.next = 4;
-              return getTickets(eventId, code);
+              previewKey = getQueryVariable('pk') || undefined;
+              _context3.next = 5;
+              return getTickets(eventId, code, previewKey);
 
-            case 4:
+            case 5:
               response = _context3.sent;
-              _context3.next = 7;
-              return getEvent(eventId);
+              _context3.next = 8;
+              return getEvent(eventId, previewKey);
 
-            case 7:
+            case 8:
               eventResponse = _context3.sent;
 
               if (response.data.success) {
@@ -5397,29 +5413,29 @@ var TicketsContainer = function TicketsContainer(_ref) {
                 setEvent(_event2);
               }
 
-              _context3.next = 15;
+              _context3.next = 16;
               break;
 
-            case 12:
-              _context3.prev = 12;
+            case 13:
+              _context3.prev = 13;
               _context3.t0 = _context3["catch"](0);
 
               if (axios.isAxiosError(_context3.t0)) {
                 onGetTicketsError(_context3.t0);
               }
 
-            case 15:
-              _context3.prev = 15;
+            case 16:
+              _context3.prev = 16;
               setIsLoading(false);
               setCodeIsLoading(false);
-              return _context3.finish(15);
+              return _context3.finish(16);
 
-            case 19:
+            case 20:
             case "end":
               return _context3.stop();
           }
         }
-      }, _callee3, null, [[0, 12, 15, 19]]);
+      }, _callee3, null, [[0, 13, 16, 20]]);
     }));
     return _getTicketsApi.apply(this, arguments);
   }