tf-checkout-react 1.2.28 → 1.2.30

package/dist/tf-checkout-react.esm.js

@@ -13,9 +13,9 @@ import _map from 'lodash-es/map';
 import { nanoid } from 'nanoid';
 import React, { Component, useCallback, useEffect, useState, memo, useRef, Fragment } from 'react';
 import _forEach from 'lodash-es/forEach';
-import DatePicker from '@mui/lab/DatePicker';
-import AdapterMoment from '@mui/lab/AdapterMoment';
-import LocalizationProvider from '@mui/lab/LocalizationProvider';
+import { DatePicker } from '@mui/x-date-pickers';
+import { AdapterMoment } from '@mui/x-date-pickers/AdapterMoment';
+import { LocalizationProvider } from '@mui/x-date-pickers/LocalizationProvider';
 import TextField from '@mui/material/TextField';
 import { useTheme } from '@mui/styles';
 import FormGroup from '@mui/material/FormGroup';
@@ -937,7 +937,7 @@ var getQueryVariable = function getQueryVariable(variable) {
       var pair = vars[i].split('=');
 
       if (pair[0] === variable) {
-        return pair[1];
+        return decodeURIComponent(pair[1]);
       }
     }
   }
@@ -1605,6 +1605,12 @@ var compactStyles = {
   '& .MuiPickersDay-root': {
     width: DATE_SIZE,
     height: DATE_SIZE
+  },
+  '& .MuiPickersArrowSwitcher-spacer': {
+    width: 0
+  },
+  '& [role="presentation"] .PrivatePickersFadeTransitionGroup-root': {
+    marginRight: -1
   }
 };
 var compactStyleTheme = /*#__PURE__*/createTheme({
@@ -1654,7 +1660,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;
 
@@ -1762,8 +1768,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
@@ -2846,7 +2852,7 @@ var BillingInfoContainer = /*#__PURE__*/React.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 = useState(data),
+  var _useState = useState(assingUniqueIds(data)),
       dataWithUniqueIds = _useState[0],
       setDataWithUniqueIds = _useState[1];
 
@@ -6074,7 +6080,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.createElement(Modal$1, {
@@ -6155,7 +6160,7 @@ var TicketResaleModal = function TicketResaleModal(_ref) {
       type: "radio",
       value: "anyone",
       component: RadioField
-    })), React.createElement("div", null, React.createElement("h4", null, "Terms of Resale"), React.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.createElement("p", null, "I also understand that, if no one chooses to buy it, it remains my property, is valid for entry to ", React.createElement("strong", null, event_name), " and I will not receive any refund."), React.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.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.createElement("p", null, "In order to receive the refund, I agree to pay a fee of ", React.createElement("strong", null, (currency != null ? currency : '') + " " + (resale_fee_amount != null ? resale_fee_amount : '0')), "."), React.createElement(Field, {
+    })), React.createElement("div", null, React.createElement("h4", null, "Terms of Resale"), React.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.createElement("p", null, "I also understand that, if no one chooses to buy it, it remains my property, is valid for entry to ", React.createElement("strong", null, event_name), " and I will not receive any refund."), React.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.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.createElement(Field, {
       name: 'confirm',
       label: 'I agree',
       type: 'checkbox',
@@ -6189,10 +6194,18 @@ var TicketsTable = function TicketsTable(_ref) {
       pdfError = _useState[0],
       setPdfError = _useState[1];
 
+  var _useState2 = 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.createElement(TableCell, {
           key: columnIndex
         }, Boolean(icon) && React.createElement("img", {
@@ -6208,34 +6221,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() {
@@ -6244,7 +6277,9 @@ var TicketsTable = function TicketsTable(_ref) {
 
             return onClick;
           }()
-        }, "Download"));
+        }, ticketIsDownloading ? React.createElement(CircularProgress, {
+          size: "22px"
+        }) : 'Download'));
       }
 
       if (column.key === 'sell_ticket') {