tf-checkout-react 1.3.22 → 1.3.24

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

@@ -12,6 +12,9 @@ export interface ICustomField {
     theme: 'dark' | 'light';
     type?: string;
     selectOptions?: ISelectOption[];
+    inputRef?: {
+        current: HTMLInputElement | null;
+    } | ((node: HTMLInputElement | null) => void);
 }
 interface IOtherProps {
     [key: string]: any;

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

@@ -25,6 +25,8 @@ 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 _isFunction = _interopDefault(require('lodash/isFunction'));
+var _isObject = _interopDefault(require('lodash/isObject'));
 var FormGroup = _interopDefault(require('@mui/material/FormGroup'));
 var FormControlLabel = _interopDefault(require('@mui/material/FormControlLabel'));
 var Checkbox = _interopDefault(require('@mui/material/Checkbox'));
@@ -1612,28 +1614,33 @@ var emailValidator = function emailValidator(email) {
   return !emailRegex.test(email) ? 'Please enter a valid email address' : '';
 };
 
-var CustomField = function CustomField(_ref) {
-  var label = _ref.label,
-      _ref$type = _ref.type,
-      type = _ref$type === void 0 ? 'text' : _ref$type,
-      field = _ref.field,
-      _ref$selectOptions = _ref.selectOptions,
-      selectOptions = _ref$selectOptions === void 0 ? [] : _ref$selectOptions,
-      _ref$form = _ref.form,
-      touched = _ref$form.touched,
-      errors = _ref$form.errors,
-      submitCount = _ref$form.submitCount,
-      theme = _ref.theme,
-      _ref$inputProps = _ref.inputProps,
-      pInputProps = _ref$inputProps === void 0 ? {} : _ref$inputProps,
-      _ref$InputProps = _ref.InputProps,
-      InputProps = _ref$InputProps === void 0 ? {} : _ref$InputProps,
-      inputRef = _ref.inputRef;
+var CustomField = function CustomField(_ref2) {
+  var _ref$current;
+
+  var label = _ref2.label,
+      _ref2$type = _ref2.type,
+      type = _ref2$type === void 0 ? 'text' : _ref2$type,
+      field = _ref2.field,
+      _ref2$selectOptions = _ref2.selectOptions,
+      selectOptions = _ref2$selectOptions === void 0 ? [] : _ref2$selectOptions,
+      _ref2$form = _ref2.form,
+      touched = _ref2$form.touched,
+      errors = _ref2$form.errors,
+      submitCount = _ref2$form.submitCount,
+      theme = _ref2.theme,
+      _ref2$inputProps = _ref2.inputProps,
+      pInputProps = _ref2$inputProps === void 0 ? {} : _ref2$inputProps,
+      _ref2$InputProps = _ref2.InputProps,
+      InputProps = _ref2$InputProps === void 0 ? {} : _ref2$InputProps,
+      inputRef = _ref2.inputRef;
 
   var _useState = React.useState(Boolean(field.value)),
       isShrinked = _useState[0],
       setIsShrinked = _useState[1];
 
+  var _ref = React.useRef(null);
+
+  var isAutoFilled = (_ref$current = _ref.current) == null ? void 0 : _ref$current.matches(':-webkit-autofill');
   var isSelectField = type === 'select';
 
   var error = _get(errors, field.name);
@@ -1643,6 +1650,13 @@ var CustomField = function CustomField(_ref) {
   var inputProps = {
     sx: customTheme == null ? void 0 : customTheme.input
   };
+  React.useEffect(function () {
+    if (_isFunction(inputRef)) {
+      inputRef(_ref.current);
+    } else if (_isObject(inputRef)) {
+      inputRef.current = _ref.current;
+    }
+  });
   return React__default.createElement(TextField, Object.assign({
     placeholder: "",
     id: field.name,
@@ -1664,11 +1678,11 @@ var CustomField = function CustomField(_ref) {
     },
     InputLabelProps: {
       sx: customTheme == null ? void 0 : customTheme.input,
-      shrink: isShrinked || Boolean(field.value)
+      shrink: isShrinked || Boolean(field.value) || isAutoFilled
     },
     InputProps: InputProps,
     inputProps: _extends({}, inputProps, pInputProps),
-    inputRef: inputRef
+    inputRef: _ref
   }, field, {
     onBlur: function onBlur(e) {
       setIsShrinked(Boolean(field.value));
@@ -6569,7 +6583,9 @@ var TicketsTable = function TicketsTable(_ref) {
     return _map(columns, function (column, columnIndex) {
       if (column.key === 'download') {
         var ticketIsDownloading = pdfDownload.loading && pdfDownload.hash === ticket.hash;
-        if (!ticket.pdf_link || ticket.status === 'Sold' || ticket.is_on_sale) return null;
+        if (!ticket.pdf_link || ticket.status === 'Sold' || ticket.is_on_sale) return React__default.createElement(TableCell, {
+          key: columnIndex
+        }, null);
         return React__default.createElement(TableCell, {
           key: columnIndex
         }, Boolean(icon) && React__default.createElement("img", {