tf-checkout-react 1.2.25 → 1.2.28

package/dist/api/index.d.ts

@@ -1,11 +1,4 @@
-import { AxiosInstance, AxiosResponse } from 'axios';
-interface IPublicRequest extends AxiosInstance {
-    setGuestToken: (token: string) => void;
-    setAccessToken: (token: string) => void;
-    setBaseUrl: (baseUrl: string) => void;
-}
-export declare const publicRequest: IPublicRequest;
-export declare const setXSourceOrigin: (sourceOrigin: string) => void;
+import { AxiosResponse } from 'axios';
 export declare const setCustomHeader: (response: any) => void;
 export declare const handleSetAccessToken: (token: string) => void;
 export declare function getEvent(id: string | number, pk?: string): Promise<AxiosResponse<any, any>>;

package/dist/components/orderDetailsContainer/ticketsTable.d.ts

@@ -17,6 +17,7 @@ export interface ITicketTypes {
     resale_fee_amount: number | string;
     ticket_type_hash: string;
     ticket_type_is_active?: boolean;
+    retain_amount_on_sale: number | string;
 }
 export interface IActionColumns {
     download?: boolean;

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

@@ -911,7 +911,18 @@ try {
 }
 });
 
+var ttfHeaders = {
+  Accept: 'application/vnd.api+json',
+  'Content-Type': 'application/vnd.api+json'
+};
 var CONFIGS = {};
+var publicRequest = /*#__PURE__*/axios.create({
+  baseURL: CONFIGS.BASE_URL || "https://www.ticketfairy.com/api",
+  headers: ttfHeaders
+});
+var setXSourceOrigin = function setXSourceOrigin(sourceOrigin) {
+  ttfHeaders['X-Source-Origin'] = sourceOrigin;
+};
 var setConfigs = function setConfigs(configs) {
   _forEach(configs, function (value, key) {
     CONFIGS[key] = value;
@@ -1168,19 +1179,11 @@ var createCheckoutDataBodyWithDefaultHolder = function createCheckoutDataBodyWit
 
 var isWindowDefined = typeof window !== 'undefined';
 var isDocumentDefined = typeof document !== 'undefined';
-var ttfHeaders = {
-  Accept: 'application/vnd.api+json',
-  'Content-Type': 'application/vnd.api+json'
-};
 
 if (isWindowDefined && localStorage.getItem('auth_guest_token')) {
   ttfHeaders['Authorization-Guest'] = /*#__PURE__*/localStorage.getItem('auth_guest_token');
 }
 
-var publicRequest = /*#__PURE__*/axios.create({
-  baseURL: CONFIGS.BASE_URL || "https://www.ticketfairy.com/api",
-  headers: ttfHeaders
-});
 publicRequest.interceptors.response.use(function (response) {
   var authGuestToken = _get(response, 'headers.authorization-guest');
 
@@ -1287,9 +1290,6 @@ 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');
 
@@ -3241,7 +3241,7 @@ var BillingInfoContainer = /*#__PURE__*/React__default.memo(function (_ref3) {
     enableReinitialize: false,
     onSubmit: function () {
       var _onSubmit = _asyncToGenerator( /*#__PURE__*/runtime_1.mark(function _callee6(values, formikHelpers) {
-        var updatedUserData, _profileSpecifiedData, _profileDataObj, _checkoutBody, _res, checkoutBodyForRegistration, bodyFormData, resRegister, _xtfCookie, accessToken, refreshToken, userProfile, _e$response, _e$response$data, _error, profileData, profileSpecifiedData, profileDataObj, checkoutBody, res, _e$response2, _e$response3;
+        var _checkoutBody, _res, updatedUserData, _profileSpecifiedData, _profileDataObj, checkoutBodyForRegistration, bodyFormData, resRegister, _xtfCookie, accessToken, refreshToken, userProfile, _e$response, _e$response$data, _error, profileData, profileSpecifiedData, profileDataObj, checkoutBody, res, _e$response2, _e$response3;
 
         return runtime_1.wrap(function _callee6$(_context6) {
           while (1) {
@@ -3254,31 +3254,29 @@ var BillingInfoContainer = /*#__PURE__*/React__default.memo(function (_ref3) {
                   break;
                 }
 
-                if (!access_token) {
-                  _context6.next = 9;
+                _checkoutBody = collectCheckoutBody(values, userData);
+                _context6.next = 5;
+                return postOnCheckout(_checkoutBody, access_token);
+
+              case 5:
+                _res = _context6.sent;
+                removeReferralKey(); // After checkout is successful recover updated profile and store it on local storage if needed
+
+                if (!isWindowDefined) {
+                  _context6.next = 14;
                   break;
                 }
 
-                _context6.next = 5;
+                _context6.next = 10;
                 return getProfileData(access_token);
 
-              case 5:
+              case 10:
                 updatedUserData = _context6.sent;
                 _profileSpecifiedData = _get(updatedUserData, 'data.data');
                 _profileDataObj = setLoggedUserData$1(_profileSpecifiedData);
+                window.localStorage.setItem('user_data', JSON.stringify(_profileDataObj));
 
-                if (isWindowDefined) {
-                  window.localStorage.setItem('user_data', JSON.stringify(_profileDataObj));
-                }
-
-              case 9:
-                _checkoutBody = collectCheckoutBody(values, userData);
-                _context6.next = 12;
-                return postOnCheckout(_checkoutBody, access_token);
-
-              case 12:
-                _res = _context6.sent;
-                removeReferralKey();
+              case 14:
                 handleSubmit(values, formikHelpers, eventId, _res);
                 return _context6.abrupt("return");
 
@@ -4571,9 +4569,11 @@ var ConfirmationContainer = function ConfirmationContainer(_ref) {
     className: "title"
   }, "Your Tickets are Confirmed!"), React__default.createElement("div", {
     className: "share-message-section"
-  }, React__default.createElement("span", {
+  }, data.attach_tickets ? React__default.createElement("span", {
+    className: "main"
+  }, "Your tickets have been emailed to you") : React__default.createElement("span", {
     className: "main"
-  }, "Your tickets have been emailed to you"), React__default.createElement("span", {
+  }, "Your tickets are available in My Tickets section"), React__default.createElement("span", {
     className: "helper"
   }, "Please bring them with you to the event")))), data.disable_referral === false && isReferralEnabled && React__default.createElement(React__default.Fragment, null, React__default.createElement("div", {
     className: "referral_text_image_section"
@@ -5277,6 +5277,10 @@ var TicketsContainer = function TicketsContainer(_ref) {
       showPromoCodeSection = _useState14[0],
       setShowPromoCodeSection = _useState14[1];
 
+  var _useState15 = React.useState(null),
+      error = _useState15[0],
+      setError = _useState15[1];
+
   var ticketsContainerRef = React.useRef(null);
   React.useEffect(function () {
     if (typeof window !== 'undefined') {
@@ -5445,6 +5449,10 @@ var TicketsContainer = function TicketsContainer(_ref) {
     }
   };
 
+  var onErrorClose = function onErrorClose() {
+    setError(null);
+  };
+
   var handleBook = /*#__PURE__*/function () {
     var _ref4 = _asyncToGenerator( /*#__PURE__*/runtime_1.mark(function _callee2() {
       var _product_options, _product_options2, _ticket_types;
@@ -5546,6 +5554,7 @@ var TicketsContainer = function TicketsContainer(_ref) {
 
               if (axios.isAxiosError(_context2.t1)) {
                 onAddToCartError(_context2.t1);
+                setError(_get(_context2.t1, 'response.data.message'));
               }
 
             case 38:
@@ -5620,7 +5629,14 @@ var TicketsContainer = function TicketsContainer(_ref) {
   }), React__default.createElement("div", {
     className: "get-tickets-page " + theme,
     style: contentStyle
-  }, isLoading ? React__default.createElement(Loader, null) : React__default.createElement("div", {
+  }, error && React__default.createElement(Alert, {
+    severity: "error",
+    onClose: onErrorClose,
+    variant: "filled",
+    style: {
+      width: '350px'
+    }
+  }, error), isLoading ? React__default.createElement(Loader, null) : React__default.createElement("div", {
     ref: ticketsContainerRef
   }, !isSalesClosed && React__default.createElement(TicketsSection, {
     ticketsList: tickets,
@@ -6061,6 +6077,7 @@ var TicketResaleModal = function TicketResaleModal(_ref) {
       event_name = ticket.event_name,
       currency = ticket.currency,
       resale_fee_amount = ticket.resale_fee_amount,
+      retain_amount_on_sale = ticket.retain_amount_on_sale,
       ticket_type_is_active = ticket.ticket_type_is_active;
   return React__default.createElement(Modal, {
     open: true,
@@ -6140,7 +6157,7 @@ var TicketResaleModal = function TicketResaleModal(_ref) {
       type: "radio",
       value: "anyone",
       component: RadioField
-    })), React__default.createElement("div", null, React__default.createElement("h4", null, "Terms of Resale"), React__default.createElement("p", null, "I confirm that I want to sell this ticket and that, if someone chooses to buy it, I will no longer own it or have the right to ask for it back."), React__default.createElement("p", null, "I also understand that, if no one chooses to buy it, it remains my property, is valid for entry to ", React__default.createElement("strong", null, event_name), " and I will not receive any refund."), React__default.createElement("p", null, "If my ticket is sold, the original card I used to buy my ticket will be refunded with the original amount paid, minus a small handling fee of ", React__default.createElement("strong", null, (currency || '') + " " + (resale_fee_amount || '')), ", and that any existing refunds due to me for referring sales for this event are no longer valid."), React__default.createElement(formik.Field, {
+    })), React__default.createElement("div", null, React__default.createElement("h4", null, "Terms of Resale"), React__default.createElement("p", null, "I confirm that I want to sell this ticket and that, if someone chooses to buy it, I will no longer own it or have the right to ask for it back."), React__default.createElement("p", null, "I also understand that, if no one chooses to buy it, it remains my property, is valid for entry to ", React__default.createElement("strong", null, event_name), " and I will not receive any refund."), React__default.createElement("p", null, "If my ticket is sold, the original card I used to buy my ticket will be refunded with the original amount paid, minus a small handling fee of ", React__default.createElement("strong", null, (currency != null ? currency : '') + " " + (retain_amount_on_sale != null ? retain_amount_on_sale : '0')), ", and that any existing refunds due to me for referring sales for this event are no longer valid."), React__default.createElement("p", null, "In order to receive the refund, I agree to pay a fee of ", React__default.createElement("strong", null, (currency != null ? currency : '') + " " + (resale_fee_amount != null ? resale_fee_amount : '0')), "."), React__default.createElement(formik.Field, {
       name: 'confirm',
       label: 'I agree',
       type: 'checkbox',