tf-checkout-react 1.2.23 → 1.2.26

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/index.d.ts

@@ -1,5 +1,6 @@
 /// <reference types="react" />
 import './style.css';
+import { IActionColumns, ITicketTypes } from './ticketsTable';
 interface OrderDetailsTypes {
     columns: Array<{
         label: string;
@@ -12,6 +13,12 @@ interface OrderDetailsTypes {
     onResaleTicketSuccess: () => void;
     onResaleTicketError: (err: any) => void;
     personalLinkIcon?: string;
+    displayColumnNameInRow?: boolean;
+    ticketsTableColumns?: Array<{
+        id?: string | number;
+        key: keyof ITicketTypes & keyof IActionColumns;
+        label: string | number | null | undefined;
+    }>;
 }
-export declare const OrderDetailsContainer: ({ columns, onGetOrdersSuccess, onGetOrdersError, onRemoveFromResaleSuccess, onRemoveFromResaleError, onResaleTicketSuccess, onResaleTicketError, onReturnButtonClick, personalLinkIcon, }: OrderDetailsTypes) => JSX.Element;
+export declare const OrderDetailsContainer: ({ columns, onGetOrdersSuccess, onGetOrdersError, onRemoveFromResaleSuccess, onRemoveFromResaleError, onResaleTicketSuccess, onResaleTicketError, onReturnButtonClick, personalLinkIcon, displayColumnNameInRow, ticketsTableColumns, }: OrderDetailsTypes) => JSX.Element;
 export {};

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

@@ -18,11 +18,21 @@ export interface ITicketTypes {
     ticket_type_hash: string;
     ticket_type_is_active?: boolean;
 }
+export interface IActionColumns {
+    download?: boolean;
+    sell_ticket?: boolean;
+}
 interface TicketsTableTypes {
     tickets: ITicketTypes[];
+    columns: Array<{
+        id?: string | number;
+        key: keyof ITicketTypes & keyof IActionColumns;
+        label: string | number | null | undefined;
+    }>;
     handleSellTicket: (ticket: ITicketTypes) => void;
     handleRemoveFromResale: (ticket: ITicketTypes) => void;
     icon?: string;
+    displayColumnNameInRow?: boolean;
 }
-declare const TicketsTable: ({ tickets, handleSellTicket, handleRemoveFromResale, icon, }: TicketsTableTypes) => JSX.Element;
+declare const TicketsTable: ({ tickets, columns, handleSellTicket, handleRemoveFromResale, icon, displayColumnNameInRow, }: TicketsTableTypes) => JSX.Element;
 export default TicketsTable;

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");
 
@@ -5341,19 +5339,6 @@ var TicketsContainer = function TicketsContainer(_ref) {
     };
   }();
 
-  React.useEffect(function () {
-    try {
-      if (typeof window !== 'undefined') {
-        var userData = window.localStorage.getItem('user_data') ? JSON.parse(window.localStorage.getItem('user_data') || '{}') : {};
-
-        if (userData.country === '') {
-          handleLogout();
-          window.open('https://www.ticketfairy.com/account/change_information?need_country=true');
-        }
-      }
-    } catch (e) {}
-  }, []);
-
   var handleExternalLogin = function handleExternalLogin() {
     setIsLogged(true);
   };
@@ -5758,7 +5743,7 @@ var Row = function Row(_ref) {
     component: "th",
     scope: "row"
   }, React__default.createElement("button", {
-    type: 'button',
+    type: "button",
     className: "order-details-button",
     onClick: function onClick() {
       return handleDetailsInfo(row.id);
@@ -6172,17 +6157,109 @@ var TicketResaleModal = function TicketResaleModal(_ref) {
 var TicketsTable = function TicketsTable(_ref) {
   var _ref$tickets = _ref.tickets,
       tickets = _ref$tickets === void 0 ? [] : _ref$tickets,
+      _ref$columns = _ref.columns,
+      columns = _ref$columns === void 0 ? [] : _ref$columns,
       _ref$handleSellTicket = _ref.handleSellTicket,
       handleSellTicket = _ref$handleSellTicket === void 0 ? _identity : _ref$handleSellTicket,
       _ref$handleRemoveFrom = _ref.handleRemoveFromResale,
       handleRemoveFromResale = _ref$handleRemoveFrom === void 0 ? _identity : _ref$handleRemoveFrom,
       _ref$icon = _ref.icon,
-      icon = _ref$icon === void 0 ? '' : _ref$icon;
+      icon = _ref$icon === void 0 ? '' : _ref$icon,
+      _ref$displayColumnNam = _ref.displayColumnNameInRow,
+      displayColumnNameInRow = _ref$displayColumnNam === void 0 ? false : _ref$displayColumnNam;
 
   var _useState = React.useState(null),
       pdfError = _useState[0],
       setPdfError = _useState[1];
 
+  var getRow = function getRow(ticket) {
+    return _map(columns, function (column, columnIndex) {
+      if (column.key === 'download') {
+        if (ticket.pdf_link && ticket.status === 'Sold') return null;
+        return React__default.createElement(TableCell, {
+          key: columnIndex
+        }, Boolean(icon) && React__default.createElement("img", {
+          src: icon,
+          alt: "nodata"
+        }), React__default.createElement("span", {
+          "aria-hidden": true,
+          className: "action-button",
+          onClick: function () {
+            var _onClick = _asyncToGenerator( /*#__PURE__*/runtime_1.mark(function _callee() {
+              var pdfDownloadError;
+              return runtime_1.wrap(function _callee$(_context) {
+                while (1) {
+                  switch (_context.prev = _context.next) {
+                    case 0:
+                      _context.prev = 0;
+                      _context.next = 3;
+                      return downloadPDF(ticket.pdf_link);
+
+                    case 3:
+                      pdfDownloadError = _context.sent;
+
+                      if (pdfDownloadError) {
+                        setPdfError(pdfDownloadError == null ? void 0 : pdfDownloadError.message);
+                      }
+
+                      _context.next = 10;
+                      break;
+
+                    case 7:
+                      _context.prev = 7;
+                      _context.t0 = _context["catch"](0);
+
+                      if (_context.t0 && typeof _context.t0 === 'string') {
+                        setPdfError(_context.t0);
+                      }
+
+                    case 10:
+                    case "end":
+                      return _context.stop();
+                  }
+                }
+              }, _callee, null, [[0, 7]]);
+            }));
+
+            function onClick() {
+              return _onClick.apply(this, arguments);
+            }
+
+            return onClick;
+          }()
+        }, "Download"));
+      }
+
+      if (column.key === 'sell_ticket') {
+        return React__default.createElement(TableCell, {
+          key: columnIndex
+        }, ticket.is_sellable && React__default.createElement("span", {
+          "aria-hidden": true,
+          className: "action-button",
+          onClick: function onClick() {
+            return handleSellTicket(ticket);
+          }
+        }, "Sell Ticket"), ticket.is_on_sale && React__default.createElement("span", {
+          "aria-hidden": true,
+          className: "action-button",
+          onClick: function onClick() {
+            return handleRemoveFromResale(ticket);
+          }
+        }, "Remove from Resale"));
+      }
+
+      return displayColumnNameInRow ? React__default.createElement(TableCell, {
+        key: columnIndex
+      }, React__default.createElement("div", {
+        className: "cell-block"
+      }, React__default.createElement("span", null, column.label), React__default.createElement("span", null, ticket[column.key]))) : React__default.createElement(TableCell, {
+        key: columnIndex
+      }, React__default.createElement("div", {
+        className: "cell-block"
+      }, React__default.createElement("span", null, ticket[column.key])));
+    });
+  };
+
   return React__default.createElement("div", {
     className: "tickets-box"
   }, React__default.createElement(SnackbarAlert, {
@@ -6198,81 +6275,16 @@ var TicketsTable = function TicketsTable(_ref) {
     component: Paper
   }, React__default.createElement(Table, {
     "aria-label": "collapsible table"
-  }, React__default.createElement(TableHead, null, React__default.createElement(TableRow, null, React__default.createElement(TableCell, null), React__default.createElement(TableCell, null), React__default.createElement(TableCell, null), React__default.createElement(TableCell, null), React__default.createElement(TableCell, null), React__default.createElement(TableCell, null))), React__default.createElement(TableBody, null, tickets.map(function (ticket, index) {
+  }, displayColumnNameInRow ? null : React__default.createElement(TableHead, null, React__default.createElement(TableRow, null, _map(columns, function (item) {
+    return React__default.createElement(TableCell, {
+      key: item.key
+    }, item.label || '');
+  }))), React__default.createElement(TableBody, null, tickets.map(function (ticket, index) {
     var _ticket$add_ons;
 
     return React__default.createElement(React.Fragment, {
       key: index
-    }, React__default.createElement(TableRow, null, React__default.createElement(TableCell, null, React__default.createElement("div", {
-      className: "cell-block"
-    }, React__default.createElement("span", null, "Ticket ID"), React__default.createElement("span", null, ticket.hash))), React__default.createElement(TableCell, null, React__default.createElement("div", {
-      className: "cell-block"
-    }, React__default.createElement("span", null, "Ticket Type"), React__default.createElement("span", null, ticket.ticket_type))), React__default.createElement(TableCell, null, React__default.createElement("div", {
-      className: "cell-block"
-    }, React__default.createElement("span", null, "Ticket Holder"), React__default.createElement("span", null, ticket.holder_name))), React__default.createElement(TableCell, null, React__default.createElement("div", {
-      className: "cell-block"
-    }, React__default.createElement("span", null, "Status"), React__default.createElement("span", null, ticket.status))), ticket.pdf_link && ticket.status !== "Sold" ? React__default.createElement(TableCell, null, Boolean(icon) && React__default.createElement("img", {
-      src: icon,
-      alt: "nodata"
-    }), React__default.createElement("span", {
-      "aria-hidden": true,
-      className: "action-button",
-      onClick: function () {
-        var _onClick = _asyncToGenerator( /*#__PURE__*/runtime_1.mark(function _callee() {
-          var pdfDownloadError;
-          return runtime_1.wrap(function _callee$(_context) {
-            while (1) {
-              switch (_context.prev = _context.next) {
-                case 0:
-                  _context.prev = 0;
-                  _context.next = 3;
-                  return downloadPDF(ticket.pdf_link);
-
-                case 3:
-                  pdfDownloadError = _context.sent;
-
-                  if (pdfDownloadError) {
-                    setPdfError(pdfDownloadError == null ? void 0 : pdfDownloadError.message);
-                  }
-
-                  _context.next = 10;
-                  break;
-
-                case 7:
-                  _context.prev = 7;
-                  _context.t0 = _context["catch"](0);
-
-                  if (_context.t0 && typeof _context.t0 === 'string') {
-                    setPdfError(_context.t0);
-                  }
-
-                case 10:
-                case "end":
-                  return _context.stop();
-              }
-            }
-          }, _callee, null, [[0, 7]]);
-        }));
-
-        function onClick() {
-          return _onClick.apply(this, arguments);
-        }
-
-        return onClick;
-      }()
-    }, "Download")) : null, React__default.createElement(TableCell, null, ticket.is_sellable && React__default.createElement("span", {
-      "aria-hidden": true,
-      className: "action-button",
-      onClick: function onClick() {
-        return handleSellTicket(ticket);
-      }
-    }, "Sell Ticket"), ticket.is_on_sale && React__default.createElement("span", {
-      "aria-hidden": true,
-      className: "action-button",
-      onClick: function onClick() {
-        return handleRemoveFromResale(ticket);
-      }
-    }, "Remove from Resale"))), !!((_ticket$add_ons = ticket.add_ons) != null && _ticket$add_ons.length) && React__default.createElement(TableRow, null, React__default.createElement(TableCell, {
+    }, React__default.createElement(TableRow, null, getRow(ticket)), !!((_ticket$add_ons = ticket.add_ons) != null && _ticket$add_ons.length) && React__default.createElement(TableRow, null, React__default.createElement(TableCell, {
       colSpan: 6
     }, React__default.createElement(Table, {
       className: "ticket-add-on-table"
@@ -6295,20 +6307,23 @@ var OrderDetailsContainer = function OrderDetailsContainer(_ref) {
   var _ref$columns = _ref.columns,
       columns = _ref$columns === void 0 ? [] : _ref$columns,
       _ref$onGetOrdersSucce = _ref.onGetOrdersSuccess,
-      onGetOrdersSuccess = _ref$onGetOrdersSucce === void 0 ? function () {} : _ref$onGetOrdersSucce,
+      onGetOrdersSuccess = _ref$onGetOrdersSucce === void 0 ? _identity : _ref$onGetOrdersSucce,
       _ref$onGetOrdersError = _ref.onGetOrdersError,
-      onGetOrdersError = _ref$onGetOrdersError === void 0 ? function () {} : _ref$onGetOrdersError,
+      onGetOrdersError = _ref$onGetOrdersError === void 0 ? _identity : _ref$onGetOrdersError,
       _ref$onRemoveFromResa = _ref.onRemoveFromResaleSuccess,
-      onRemoveFromResaleSuccess = _ref$onRemoveFromResa === void 0 ? function () {} : _ref$onRemoveFromResa,
+      onRemoveFromResaleSuccess = _ref$onRemoveFromResa === void 0 ? _identity : _ref$onRemoveFromResa,
       _ref$onRemoveFromResa2 = _ref.onRemoveFromResaleError,
-      onRemoveFromResaleError = _ref$onRemoveFromResa2 === void 0 ? function () {} : _ref$onRemoveFromResa2,
+      onRemoveFromResaleError = _ref$onRemoveFromResa2 === void 0 ? _identity : _ref$onRemoveFromResa2,
       _ref$onResaleTicketSu = _ref.onResaleTicketSuccess,
-      onResaleTicketSuccess = _ref$onResaleTicketSu === void 0 ? function () {} : _ref$onResaleTicketSu,
+      onResaleTicketSuccess = _ref$onResaleTicketSu === void 0 ? _identity : _ref$onResaleTicketSu,
       _ref$onResaleTicketEr = _ref.onResaleTicketError,
-      onResaleTicketError = _ref$onResaleTicketEr === void 0 ? function () {} : _ref$onResaleTicketEr,
+      onResaleTicketError = _ref$onResaleTicketEr === void 0 ? _identity : _ref$onResaleTicketEr,
       onReturnButtonClick = _ref.onReturnButtonClick,
       _ref$personalLinkIcon = _ref.personalLinkIcon,
-      personalLinkIcon = _ref$personalLinkIcon === void 0 ? '' : _ref$personalLinkIcon;
+      personalLinkIcon = _ref$personalLinkIcon === void 0 ? '' : _ref$personalLinkIcon,
+      _ref$displayColumnNam = _ref.displayColumnNameInRow,
+      displayColumnNameInRow = _ref$displayColumnNam === void 0 ? false : _ref$displayColumnNam,
+      ticketsTableColumns = _ref.ticketsTableColumns;
 
   var _useState = React.useState({}),
       data = _useState[0],
@@ -6595,7 +6610,7 @@ var OrderDetailsContainer = function OrderDetailsContainer(_ref) {
   }))), React__default.createElement(TableBody, null, data == null ? void 0 : (_data$items = data.items) == null ? void 0 : (_data$items$ticket_ty = _data$items.ticket_types) == null ? void 0 : _data$items$ticket_ty.map(function (ticket, index) {
     return React__default.createElement(TableRow, {
       key: index
-    }, React__default.createElement(TableCell, null, React__default.createElement("b", null, "Ticket Type: "), ticket.name), React__default.createElement(TableCell, null, ticket.currency + ticket.price), React__default.createElement(TableCell, null, ticket.quantity), React__default.createElement(TableCell, null, ticket.currency + ticket.total));
+    }, React__default.createElement(TableCell, null, React__default.createElement("b", null, "Ticket Type:"), " ", ticket.name), React__default.createElement(TableCell, null, ticket.currency + ticket.price), React__default.createElement(TableCell, null, ticket.quantity), React__default.createElement(TableCell, null, ticket.currency + ticket.total));
   }), data == null ? void 0 : (_data$items2 = data.items) == null ? void 0 : (_data$items2$add_ons = _data$items2.add_ons) == null ? void 0 : _data$items2$add_ons.map(function (ticket, index) {
     return React__default.createElement(TableRow, {
       key: index
@@ -6604,8 +6619,28 @@ var OrderDetailsContainer = function OrderDetailsContainer(_ref) {
     className: "total-row"
   }, React__default.createElement(TableCell, null), React__default.createElement(TableCell, null), React__default.createElement(TableCell, null, "Total"), React__default.createElement(TableCell, null, getTotal(data))))))), React__default.createElement(TicketsTable, {
     tickets: data.tickets,
+    columns: ticketsTableColumns != null && ticketsTableColumns.length ? ticketsTableColumns : [{
+      key: 'hash',
+      label: 'Ticket ID'
+    }, {
+      key: 'ticket_type',
+      label: 'Ticket Type'
+    }, {
+      key: 'holder_name',
+      label: 'Ticket Holder'
+    }, {
+      key: 'status',
+      label: 'Status'
+    }, {
+      key: 'download',
+      label: ''
+    }, {
+      key: 'sell_ticket',
+      label: ''
+    }],
     handleSellTicket: handleSellTicket,
-    handleRemoveFromResale: handleRemoveFromResale
+    handleRemoveFromResale: handleRemoveFromResale,
+    displayColumnNameInRow: displayColumnNameInRow
   }), React__default.createElement("div", {
     className: "return-button-container"
   }, React__default.createElement("button", {