tf-checkout-react 1.2.28 → 1.2.30

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, setFieldValue, disableDropdown, ...rest }: ICheckboxField & IOtherProps) => JSX.Element;
+export declare const CheckboxField: ({ label, field, selectOptions, theme, setFieldValue, disableDropdown, setPhoneValidationIsLoading, ...rest }: ICheckboxField & IOtherProps) => JSX.Element;
 export {};

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

@@ -14,7 +14,6 @@ export interface ITicketTypes {
     is_on_sale?: boolean;
     event_name: string;
     currency: string;
-    resale_fee_amount: number | string;
     ticket_type_hash: string;
     ticket_type_is_active?: boolean;
     retain_amount_on_sale: number | string;

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

@@ -20,9 +20,9 @@ var nanoid = require('nanoid');
 var React = require('react');
 var React__default = _interopDefault(React);
 var _forEach = _interopDefault(require('lodash/forEach'));
-var DatePicker = _interopDefault(require('@mui/lab/DatePicker'));
-var AdapterMoment = _interopDefault(require('@mui/lab/AdapterMoment'));
-var LocalizationProvider = _interopDefault(require('@mui/lab/LocalizationProvider'));
+var xDatePickers = require('@mui/x-date-pickers');
+var AdapterMoment = require('@mui/x-date-pickers/AdapterMoment');
+var LocalizationProvider = require('@mui/x-date-pickers/LocalizationProvider');
 var TextField = _interopDefault(require('@mui/material/TextField'));
 var styles$1 = require('@mui/styles');
 var FormGroup = _interopDefault(require('@mui/material/FormGroup'));
@@ -944,7 +944,7 @@ var getQueryVariable = function getQueryVariable(variable) {
       var pair = vars[i].split('=');
 
       if (pair[0] === variable) {
-        return pair[1];
+        return decodeURIComponent(pair[1]);
       }
     }
   }
@@ -1612,6 +1612,12 @@ var compactStyles = {
   '& .MuiPickersDay-root': {
     width: DATE_SIZE,
     height: DATE_SIZE
+  },
+  '& .MuiPickersArrowSwitcher-spacer': {
+    width: 0
+  },
+  '& [role="presentation"] .PrivatePickersFadeTransitionGroup-root': {
+    marginRight: -1
   }
 };
 var compactStyleTheme = /*#__PURE__*/styles.createTheme({
@@ -1632,9 +1638,9 @@ var DatePickerField = function DatePickerField(_ref) {
       useCompact = _ref$useCompact === void 0 ? true : _ref$useCompact;
   return React__default.createElement(styles.ThemeProvider, {
     theme: useCompact ? compactStyleTheme : {}
-  }, React__default.createElement(LocalizationProvider, {
-    dateAdapter: AdapterMoment
-  }, React__default.createElement(DatePicker, {
+  }, React__default.createElement(LocalizationProvider.LocalizationProvider, {
+    dateAdapter: AdapterMoment.AdapterMoment
+  }, React__default.createElement(xDatePickers.DatePicker, {
     value: field.value || '',
     onChange: function onChange(value) {
       return form.setFieldValue(field.name, value);
@@ -1661,7 +1667,7 @@ var DatePickerField = function DatePickerField(_ref) {
   })));
 };
 
-var _excluded = ["label", "field", "selectOptions", "theme", "setFieldValue", "disableDropdown"];
+var _excluded = ["label", "field", "selectOptions", "theme", "setFieldValue", "disableDropdown", "setPhoneValidationIsLoading"];
 var CheckboxField = function CheckboxField(_ref) {
   var _rest$form, _field$name, _rest$form2, _field$name2;
 
@@ -1769,8 +1775,8 @@ var PhoneNumberField = function PhoneNumberField(_ref) {
     defaultCountry: "us",
     disableDropdown: disableDropdown,
     label: label,
-    error: !!error && isTouched,
-    helperText: isTouched && error,
+    error: !!error && (isTouched || fill),
+    helperText: (isTouched || fill) && error,
     fullWidth: true,
     autoFormat: false,
     disableAreaCodes: true
@@ -2848,7 +2854,7 @@ var BillingInfoContainer = /*#__PURE__*/React__default.memo(function (_ref3) {
   var userData = isWindowDefined && window.localStorage.getItem('user_data') ? JSON.parse(window.localStorage.getItem('user_data') || '') : {};
   var access_token = isWindowDefined && window.localStorage.getItem('access_token') ? window.localStorage.getItem('access_token') || '' : '';
 
-  var _useState = React.useState(data),
+  var _useState = React.useState(assingUniqueIds(data)),
       dataWithUniqueIds = _useState[0],
       setDataWithUniqueIds = _useState[1];
 
@@ -6076,7 +6082,6 @@ var TicketResaleModal = function TicketResaleModal(_ref) {
       holder_name = ticket.holder_name,
       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, {
@@ -6157,7 +6162,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 != 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, {
+    })), 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(formik.Field, {
       name: 'confirm',
       label: 'I agree',
       type: 'checkbox',
@@ -6191,10 +6196,18 @@ var TicketsTable = function TicketsTable(_ref) {
       pdfError = _useState[0],
       setPdfError = _useState[1];
 
+  var _useState2 = React.useState({
+    hash: '',
+    loading: false
+  }),
+      pdfDownload = _useState2[0],
+      setPdfDownload = _useState2[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;
+        var ticketIsDownloading = pdfDownload.loading && pdfDownload.hash === ticket.hash;
+        if (!ticket.pdf_link || ticket.status === 'Sold' || ticket.is_on_sale) return null;
         return React__default.createElement(TableCell, {
           key: columnIndex
         }, Boolean(icon) && React__default.createElement("img", {
@@ -6210,34 +6223,54 @@ var TicketsTable = function TicketsTable(_ref) {
                 while (1) {
                   switch (_context.prev = _context.next) {
                     case 0:
-                      _context.prev = 0;
-                      _context.next = 3;
+                      if (!ticketIsDownloading) {
+                        _context.next = 2;
+                        break;
+                      }
+
+                      return _context.abrupt("return");
+
+                    case 2:
+                      setPdfDownload({
+                        hash: ticket.hash,
+                        loading: true
+                      });
+                      _context.prev = 3;
+                      _context.next = 6;
                       return downloadPDF(ticket.pdf_link);
 
-                    case 3:
+                    case 6:
                       pdfDownloadError = _context.sent;
 
                       if (pdfDownloadError) {
                         setPdfError(pdfDownloadError == null ? void 0 : pdfDownloadError.message);
                       }
 
-                      _context.next = 10;
+                      _context.next = 13;
                       break;
 
-                    case 7:
-                      _context.prev = 7;
-                      _context.t0 = _context["catch"](0);
+                    case 10:
+                      _context.prev = 10;
+                      _context.t0 = _context["catch"](3);
 
                       if (_context.t0 && typeof _context.t0 === 'string') {
                         setPdfError(_context.t0);
                       }
 
-                    case 10:
+                    case 13:
+                      _context.prev = 13;
+                      setPdfDownload({
+                        hash: '',
+                        loading: false
+                      });
+                      return _context.finish(13);
+
+                    case 16:
                     case "end":
                       return _context.stop();
                   }
                 }
-              }, _callee, null, [[0, 7]]);
+              }, _callee, null, [[3, 10, 13, 16]]);
             }));
 
             function onClick() {
@@ -6246,7 +6279,9 @@ var TicketsTable = function TicketsTable(_ref) {
 
             return onClick;
           }()
-        }, "Download"));
+        }, ticketIsDownloading ? React__default.createElement(CircularProgress, {
+          size: "22px"
+        }) : 'Download'));
       }
 
       if (column.key === 'sell_ticket') {