tf-checkout-react 1.7.5 → 1.7.7

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

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

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

@@ -36,6 +36,7 @@ interface OrderDetailsTypes {
     itemsTitle?: string;
     ticketsTitle?: string;
     displayLoading?: boolean;
+    onDataLoaded?: (data: any) => void;
 }
 export interface CustomFieldOption {
     id: string;
@@ -61,5 +62,5 @@ export interface CustomFieldTypes {
     ticketHash?: string;
     options?: CustomFieldOption[];
 }
-export declare const OrderDetailsContainer: ({ columns, onGetOrdersSuccess, onGetOrdersError, onRemoveFromResaleSuccess, onRemoveFromResaleError, onResaleTicketSuccess, onResaleTicketError, onUpdateOrderCustomFieldsSuccess, onUpdateOrderCustomFieldsError, onUpdateTicketHolderCustomFieldsSuccess, onUpdateTicketHolderCustomFieldsError, onReturnButtonClick, personalLinkIcon, displayColumnNameInRow, canSellTicket, ticketsTableColumns, ordersPath, orderId: pOrderId, referralTitle, itemsTitle, ticketsTitle, themeOptions, displayLoading, }: OrderDetailsTypes) => JSX.Element;
+export declare const OrderDetailsContainer: ({ columns, onGetOrdersSuccess, onGetOrdersError, onRemoveFromResaleSuccess, onRemoveFromResaleError, onResaleTicketSuccess, onResaleTicketError, onUpdateOrderCustomFieldsSuccess, onUpdateOrderCustomFieldsError, onUpdateTicketHolderCustomFieldsSuccess, onUpdateTicketHolderCustomFieldsError, onReturnButtonClick, personalLinkIcon, displayColumnNameInRow, canSellTicket, ticketsTableColumns, ordersPath, orderId: pOrderId, referralTitle, itemsTitle, ticketsTitle, themeOptions, displayLoading, onDataLoaded, }: OrderDetailsTypes) => JSX.Element | null;
 export {};

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

@@ -43,9 +43,8 @@ var TextField = _interopDefault(require('@mui/material/TextField'));
 var _includes = _interopDefault(require('lodash/includes'));
 var _isFunction = _interopDefault(require('lodash/isFunction'));
 var _isObject = _interopDefault(require('lodash/isObject'));
-require('material-ui-phone-number');
+var MuiPhoneNumber = _interopDefault(require('material-ui-phone-number'));
 var _debounce = _interopDefault(require('lodash/debounce'));
-var muiTelInput = require('mui-tel-input');
 var FormHelperText = _interopDefault(require('@mui/material/FormHelperText'));
 var ListItemText = _interopDefault(require('@mui/material/ListItemText'));
 var OutlinedInput = _interopDefault(require('@mui/material/OutlinedInput'));
@@ -2984,7 +2983,8 @@ var PhoneNumberField = function PhoneNumberField(_ref) {
     defaultCountry = _ref$defaultCountry === void 0 ? 'us' : _ref$defaultCountry,
     _ref$fill = _ref.fill,
     fill = _ref$fill === void 0 ? false : _ref$fill,
-    setPhoneValidationIsLoading = _ref.setPhoneValidationIsLoading;
+    setPhoneValidationIsLoading = _ref.setPhoneValidationIsLoading,
+    isCountryCodeEditable = _ref.isCountryCodeEditable;
   var error = _get(errors, field.name);
   var isTouched = Boolean(_get(touched, field.name));
   var isSubmitAttempted = Boolean(submitCount && submitCount > 0);
@@ -3044,11 +3044,11 @@ var PhoneNumberField = function PhoneNumberField(_ref) {
     })));
     // eslint-disable-next-line
   }, [field.value]);
-  return React__default.createElement(React__default.Fragment, null, React__default.createElement(muiTelInput.MuiTelInput, {
+  return React__default.createElement(React__default.Fragment, null, React__default.createElement(MuiPhoneNumber, {
     name: field.name,
     value: fill ? values[field.name] : initialValues[field.name],
-    onChange: function onChange(value) {
-      if (!value || value.length <= 4) {
+    onChange: function onChange(value, country) {
+      if ("+" + (country == null ? void 0 : country.dialCode) === value || value === '+') {
         setFieldValue(field.name, '');
         setFieldError(field.name, '');
       } else {
@@ -3057,14 +3057,15 @@ var PhoneNumberField = function PhoneNumberField(_ref) {
       }
     },
     variant: "outlined",
-    defaultCountry: defaultCountry.toUpperCase(),
+    defaultCountry: defaultCountry,
     disableDropdown: disableDropdown,
     label: label,
     error: !!error && (isTouched || fill || isSubmitAttempted),
     helperText: (isTouched || fill || isSubmitAttempted) && error,
     fullWidth: true,
-    forceCallingCode: true,
-    focusOnSelectCountry: true
+    autoFormat: false,
+    disableAreaCodes: true,
+    countryCodeEditable: isCountryCodeEditable
   }));
 };
 
@@ -12516,7 +12517,9 @@ var OrderDetailsContainer = function OrderDetailsContainer(_ref) {
     ticketsTitle = _ref$ticketsTitle === void 0 ? 'Your Tickets' : _ref$ticketsTitle,
     themeOptions = _ref.themeOptions,
     _ref$displayLoading = _ref.displayLoading,
-    displayLoading = _ref$displayLoading === void 0 ? false : _ref$displayLoading;
+    displayLoading = _ref$displayLoading === void 0 ? true : _ref$displayLoading,
+    _ref$onDataLoaded = _ref.onDataLoaded,
+    onDataLoaded = _ref$onDataLoaded === void 0 ? _identity : _ref$onDataLoaded;
   var _useState = React.useState({}),
     data = _useState[0],
     setData = _useState[1];
@@ -12606,20 +12609,21 @@ var OrderDetailsContainer = function OrderDetailsContainer(_ref) {
             _data = _get(response, 'data.attributes');
             setData(_data);
             setIsLoading(false);
-            _context.next = 17;
+            onDataLoaded(_data);
+            _context.next = 18;
             break;
-          case 13:
-            _context.prev = 13;
+          case 14:
+            _context.prev = 14;
             _context.t0 = _context["catch"](0);
             onGetOrdersError(_context.t0);
             setIsLoading(false);
-          case 17:
+          case 18:
           case "end":
             return _context.stop();
         }
-      }, _callee, null, [[0, 13]]);
+      }, _callee, null, [[0, 14]]);
     }))();
-  }, [onGetOrdersError, onGetOrdersSuccess, pOrderId]);
+  }, [onGetOrdersError, onGetOrdersSuccess, onDataLoaded, pOrderId]);
   var handleSellTicket = function handleSellTicket(ticket) {
     var ticketTypesArr = data.items.ticket_types;
     var sellTicketType = _find(ticketTypesArr, function (ticketType) {
@@ -12836,17 +12840,22 @@ var OrderDetailsContainer = function OrderDetailsContainer(_ref) {
     };
   }();
   var theme = styles.createTheme(themeOptions != null ? themeOptions : {});
-  if (isLoading && displayLoading) {
-    return React__default.createElement(material.Backdrop, {
-      sx: {
-        color: '#fff',
-        backgroundColor: '#000000bd',
-        zIndex: 1205
-      },
-      open: true
-    }, React__default.createElement(material.CircularProgress, {
-      color: "inherit"
-    }));
+  if (isLoading || _isEmpty(data)) {
+    if (displayLoading) {
+      return React__default.createElement(styles.ThemeProvider, {
+        theme: theme
+      }, React__default.createElement(material.Backdrop, {
+        sx: {
+          color: '#fff',
+          backgroundColor: '#000000bd',
+          zIndex: 1205
+        },
+        open: true
+      }, React__default.createElement(material.CircularProgress, {
+        color: "inherit"
+      })));
+    }
+    return null;
   }
   return React__default.createElement(styles.ThemeProvider, {
     theme: theme