@telefonica/mistica 11.2.0 → 11.4.0

package/dist/chip.js

@@ -56,23 +56,23 @@ var useStyles = (0, _jss).createUseStyles(function(param1) {
     var colors = param1.colors, mq = param1.mq;
     return {
         container: {
-            display: 'inline-flex',
-            verticalAlign: 'middle',
-            justifyContent: 'center',
-            alignItems: 'center',
+            display: "inline-flex",
+            verticalAlign: "middle",
+            justifyContent: "center",
+            alignItems: "center",
             border: "1px solid ".concat(colors.border),
             borderRadius: 20,
             backgroundColor: colors.backgroundContainer,
             minHeight: 32,
             minWidth: 56,
-            cursor: 'default',
+            cursor: "default",
             color: colors.neutralMedium,
-            '& > span': {
+            "& > span": {
                 color: colors.textPrimary
             }
         },
         interactive: _defineProperty({}, mq.supportsHover, {
-            '&:hover:not($active)': {
+            "&:hover:not($active)": {
                 borderColor: function borderColor(param) {
                     var isDarkMode = param.isDarkMode;
                     return isDarkMode ? colors.background : colors.tagBackgroundActive;
@@ -80,7 +80,7 @@ var useStyles = (0, _jss).createUseStyles(function(param1) {
                 color: colors.controlActivated,
                 backgroundColor: colors.tagBackgroundActive
             },
-            '&:hover > span': {
+            "&:hover > span": {
                 color: colors.controlActivated
             }
         }),
@@ -88,7 +88,7 @@ var useStyles = (0, _jss).createUseStyles(function(param1) {
             borderColor: colors.controlActivated,
             color: colors.controlActivated,
             backgroundColor: colors.tagBackgroundActive,
-            '& > span': {
+            "& > span": {
                 color: colors.controlActivated
             }
         }
@@ -120,7 +120,7 @@ var Chip = function Chip(props) {
     });
     var paddingLeft = Icon ? 8 : 12;
     if (props.onClose) {
-        return(/*#__PURE__*/ (0, _jsxRuntime).jsxs(_box.default, {
+        return /*#__PURE__*/ (0, _jsxRuntime).jsxs(_box.default, {
             className: classes.container,
             paddingLeft: paddingLeft,
             children: [
@@ -130,9 +130,9 @@ var Chip = function Chip(props) {
                     children: /*#__PURE__*/ (0, _jsxRuntime).jsx(_iconButton.default, {
                         size: 24,
                         style: {
-                            display: 'flex',
-                            justifyContent: 'center',
-                            alignItems: 'center'
+                            display: "flex",
+                            justifyContent: "center",
+                            alignItems: "center"
                         },
                         "aria-label": texts.closeButtonLabel,
                         onPress: function onPress() {
@@ -145,16 +145,16 @@ var Chip = function Chip(props) {
                     })
                 })
             ]
-        }));
+        });
     } else {
         var isInteractive = props.active !== undefined;
         var _obj;
-        return(/*#__PURE__*/ (0, _jsxRuntime).jsx(_box.default, {
+        return /*#__PURE__*/ (0, _jsxRuntime).jsx(_box.default, {
             className: (0, _classnames).default(classes.container, (_obj = {}, _defineProperty(_obj, classes.interactive, isInteractive), _defineProperty(_obj, classes.active, props.active), _obj)),
             paddingLeft: paddingLeft,
             paddingRight: 12,
             children: body
-        }));
+        });
     }
 };
 var _default = Chip;

package/dist/circle.js

@@ -30,19 +30,19 @@ function _interopRequireWildcard(obj) {
 var useStyles = (0, _jss).createUseStyles(function() {
     return {
         circle: {
-            display: 'flex',
-            alignItems: 'center',
-            justifyContent: 'center',
+            display: "flex",
+            alignItems: "center",
+            justifyContent: "center",
             backgroundColor: function backgroundColor(param) {
                 var backgroundColor1 = param.backgroundColor;
                 return backgroundColor1;
             },
             backgroundImage: function backgroundImage(param) {
                 var backgroundImage1 = param.backgroundImage;
-                return backgroundImage1 ? "url(".concat(backgroundImage1, ")") : 'none';
+                return backgroundImage1 ? "url(".concat(backgroundImage1, ")") : "none";
             },
-            backgroundSize: 'cover',
-            backgroundPosition: 'center',
+            backgroundSize: "cover",
+            backgroundPosition: "center",
             width: function width(param) {
                 var size = param.size;
                 return size;
@@ -51,7 +51,7 @@ var useStyles = (0, _jss).createUseStyles(function() {
                 var size = param.size;
                 return size;
             },
-            borderRadius: '50%'
+            borderRadius: "50%"
         }
     };
 });
@@ -62,10 +62,10 @@ var Circle = function Circle(param) {
         backgroundImage: backgroundImage,
         size: size
     });
-    return(/*#__PURE__*/ (0, _jsxRuntime).jsx("div", {
+    return /*#__PURE__*/ (0, _jsxRuntime).jsx("div", {
         className: classes.circle,
         children: children
-    }));
+    });
 };
 var _default = Circle;
 exports.default = _default;

package/dist/credit-card-expiration-field.js

@@ -138,28 +138,28 @@ var MonthYearDateInput = function MonthYearDateInput(_param) {
         "value"
     ]);
     var texts = (0, _hooks).useTheme().texts;
-    var prevValue = React.useRef(value1 || '');
+    var prevValue = React.useRef(value1 || "");
     /**
      * 1) characters other than [0-9] and '/' are removed
      * 2) automatically insert "/" as you type
      * 3) the user must be able to remove text (eg: deleting the slash must not automatically insert a new one)
      */ var format = function format(s) {
         // remove invalid characters
-        var value = s.replace(/[^\d/]/g, '').replace(/\/+/g, '/');
+        var value = s.replace(/[^\d/]/g, "").replace(/\/+/g, "/");
         // remove extra slashes: "01/12/34" => "01/12"
-        var ref = _slicedToArray(value.split('/'), 2), month = ref[0], year = ref[1];
+        var ref = _slicedToArray(value.split("/"), 2), month = ref[0], year = ref[1];
         if (year) {
             value = "".concat(month, "/").concat(year);
         }
         var isDeleting = String(prevValue.current).length >= value.length;
         if (isDeleting) {
         // do not format when deleting
-        } else if (value === '/') {
-            value = ''; // missing month, invalid
+        } else if (value === "/") {
+            value = ""; // missing month, invalid
         } else if (value.length === 1 && parseInt(value) >= 2) {
             value = "0".concat(value, "/"); // month is > 1, prepend with "0"
         } else if (value.length === 2) {
-            if (value[1] === '/') {
+            if (value[1] === "/") {
                 value = "0".concat(value); // prepend "0" to "1/"
             } else if (parseInt(month) > 12 || parseInt(month) < 1) {
                 value = value[0]; // if month is invalid remove last character
@@ -169,7 +169,7 @@ var MonthYearDateInput = function MonthYearDateInput(_param) {
         }
         return value;
     };
-    return(/*#__PURE__*/ (0, _jsxRuntime).jsx("input", _objectSpread({}, rest, {
+    return /*#__PURE__*/ (0, _jsxRuntime).jsx("input", _objectSpread({}, rest, {
         placeholder: texts.expirationDatePlaceholder,
         type: "text",
         inputMode: "decimal",
@@ -183,10 +183,10 @@ var MonthYearDateInput = function MonthYearDateInput(_param) {
         value: value1 === undefined ? undefined : format(value1),
         defaultValue: defaultValue === undefined ? undefined : format(defaultValue),
         ref: inputRef
-    })));
+    }));
 };
 var CreditCardExpirationField = function CreditCardExpirationField(_param) {
-    var disabled = _param.disabled, error1 = _param.error, helperText = _param.helperText, name = _param.name, optional = _param.optional, validateProp = _param.validate, onChange = _param.onChange, onChangeValue = _param.onChangeValue, onBlur = _param.onBlur, value2 = _param.value, _autoComplete = _param.autoComplete, autoComplete = _autoComplete === void 0 ? 'cc-exp' : _autoComplete, defaultValue = _param.defaultValue, rest = _objectWithoutProperties(_param, [
+    var disabled = _param.disabled, error1 = _param.error, helperText = _param.helperText, name = _param.name, optional = _param.optional, validateProp = _param.validate, onChange = _param.onChange, onChangeValue = _param.onChangeValue, onBlur = _param.onBlur, value2 = _param.value, _autoComplete = _param.autoComplete, autoComplete = _autoComplete === void 0 ? "cc-exp" : _autoComplete, defaultValue = _param.defaultValue, rest = _objectWithoutProperties(_param, [
         "disabled",
         "error",
         "helperText",
@@ -204,7 +204,7 @@ var CreditCardExpirationField = function CreditCardExpirationField(_param) {
     var ref1 = (0, _formContext).useForm(), setFormError = ref1.setFormError, jumpToNext = ref1.jumpToNext;
     var validate = function validate(value, rawValue) {
         if (!rawValue) {
-            return optional ? '' : texts.formFieldErrorIsMandatory;
+            return optional ? "" : texts.formFieldErrorIsMandatory;
         }
         var month = value.month, year = value.year;
         if (!month || !year) {
@@ -222,7 +222,7 @@ var CreditCardExpirationField = function CreditCardExpirationField(_param) {
         return validateProp === null || validateProp === void 0 ? void 0 : validateProp(value, rawValue);
     };
     var processValue = function processValue(s) {
-        var ref = _slicedToArray(String(s).split('/').map(function(n) {
+        var ref = _slicedToArray(String(s).split("/").map(function(n) {
             return parseInt(n);
         }), 2), month = ref[0], year = ref[1];
         var fullYear = Number.isInteger(year) ? 2000 + year : null;
@@ -246,7 +246,7 @@ var CreditCardExpirationField = function CreditCardExpirationField(_param) {
         onChange: onChange,
         onChangeValue: onChangeValue
     });
-    return(/*#__PURE__*/ (0, _jsxRuntime).jsx(_textFieldBase.TextFieldBaseAutosuggest, _objectSpread({}, rest, fieldProps, {
+    return /*#__PURE__*/ (0, _jsxRuntime).jsx(_textFieldBase.TextFieldBaseAutosuggest, _objectSpread({}, rest, fieldProps, {
         onChange: function onChange(event) {
             fieldProps.onChange(event);
             var rawValue = event.currentTarget.value;
@@ -265,7 +265,7 @@ var CreditCardExpirationField = function CreditCardExpirationField(_param) {
         },
         autoComplete: autoComplete,
         inputComponent: MonthYearDateInput
-    })));
+    }));
 };
 var _default = CreditCardExpirationField;
 exports.default = _default;

package/dist/credit-card-fields.js

@@ -40,11 +40,11 @@ function _interopRequireWildcard(obj) {
     }
 }
 var CreditCardFields = function CreditCardFields(param) {
-    var _numberFieldName = param.numberFieldName, numberFieldName = _numberFieldName === void 0 ? 'ccNum' : _numberFieldName, _expirationFieldName = param.expirationFieldName, expirationFieldName = _expirationFieldName === void 0 ? 'ccExp' : _expirationFieldName, _cvvFieldName = param.cvvFieldName, cvvFieldName = _cvvFieldName === void 0 ? 'ccCvv' : _cvvFieldName, acceptedCards = param.acceptedCards;
+    var _numberFieldName = param.numberFieldName, numberFieldName = _numberFieldName === void 0 ? "ccNum" : _numberFieldName, _expirationFieldName = param.expirationFieldName, expirationFieldName = _expirationFieldName === void 0 ? "ccExp" : _expirationFieldName, _cvvFieldName = param.cvvFieldName, cvvFieldName = _cvvFieldName === void 0 ? "ccCvv" : _cvvFieldName, acceptedCards = param.acceptedCards;
     var values = (0, _formContext).useForm().values;
     var texts = (0, _hooks).useTheme().texts;
     var cvvLength = (0, _creditCard).getCvvLength(String(values[numberFieldName]));
-    return(/*#__PURE__*/ (0, _jsxRuntime).jsxs(_stack.default, {
+    return /*#__PURE__*/ (0, _jsxRuntime).jsxs(_stack.default, {
         space: 16,
         children: [
             /*#__PURE__*/ (0, _jsxRuntime).jsx(_creditCardNumberField.default, {
@@ -68,7 +68,7 @@ var CreditCardFields = function CreditCardFields(param) {
                 ]
             })
         ]
-    }));
+    });
 };
 var _default = CreditCardFields;
 exports.default = _default;

package/dist/credit-card-number-field.js

@@ -147,9 +147,9 @@ function _unsupportedIterableToArray(o, minLen) {
 }
 var format = function format(s) {
     var ref;
-    var sanitizedNumber = String(s !== null && s !== void 0 ? s : '').replace(/[^\d]/g, '');
+    var sanitizedNumber = String(s !== null && s !== void 0 ? s : "").replace(/[^\d]/g, "");
     var ref1;
-    return (ref1 = (ref = sanitizedNumber.match(/.{1,4}/g)) === null || ref === void 0 ? void 0 : ref.join(' ')) !== null && ref1 !== void 0 ? ref1 : sanitizedNumber;
+    return (ref1 = (ref = sanitizedNumber.match(/.{1,4}/g)) === null || ref === void 0 ? void 0 : ref.join(" ")) !== null && ref1 !== void 0 ? ref1 : sanitizedNumber;
 };
 var CreditCardInput = function CreditCardInput(_param) {
     var inputRef = _param.inputRef, value = _param.value, defaultValue = _param.defaultValue, onChange = _param.onChange, other = _objectWithoutProperties(_param, [
@@ -158,9 +158,9 @@ var CreditCardInput = function CreditCardInput(_param) {
         "defaultValue",
         "onChange"
     ]);
-    var ref = _slicedToArray(React.useState(defaultValue !== null && defaultValue !== void 0 ? defaultValue : ''), 2), selfValue = ref[0], setSelfValue = ref[1];
+    var ref = _slicedToArray(React.useState(defaultValue !== null && defaultValue !== void 0 ? defaultValue : ""), 2), selfValue = ref[0], setSelfValue = ref[1];
     var ref2 = React.useRef(null);
-    var isControlledByParent = typeof value !== 'undefined';
+    var isControlledByParent = typeof value !== "undefined";
     var controlledValue = isControlledByParent ? value : selfValue;
     var handleChangeValue = React.useCallback(function(newFormattedValue) {
         if (!isControlledByParent) {
@@ -179,24 +179,24 @@ var CreditCardInput = function CreditCardInput(_param) {
         onChange: handleChangeValue,
         accept: /[\d]+/g
     });
-    return(/*#__PURE__*/ (0, _jsxRuntime).jsx("input", _objectSpread({}, other, {
+    return /*#__PURE__*/ (0, _jsxRuntime).jsx("input", _objectSpread({}, other, {
         type: "text",
         inputMode: "decimal",
         maxLength: (0, _creditCard).getCreditCardNumberLength(rifm.value) + 3,
         onChange: rifm.onChange,
         value: rifm.value,
         ref: (0, _common).combineRefs(inputRef, ref2)
-    })));
+    }));
 };
 var getAnimationTarget = function getAnimationTarget(value) {
     if ((0, _creditCard).isVisa(value)) {
-        return(/*#__PURE__*/ (0, _jsxRuntime).jsx(_iconVisa.default, {}));
+        return /*#__PURE__*/ (0, _jsxRuntime).jsx(_iconVisa.default, {});
     }
     if ((0, _creditCard).isMasterCard(value)) {
-        return(/*#__PURE__*/ (0, _jsxRuntime).jsx(_iconMastercard.default, {}));
+        return /*#__PURE__*/ (0, _jsxRuntime).jsx(_iconMastercard.default, {});
     }
     if ((0, _creditCard).isAmericanExpress(value)) {
-        return(/*#__PURE__*/ (0, _jsxRuntime).jsx(_iconAmex.default, {}));
+        return /*#__PURE__*/ (0, _jsxRuntime).jsx(_iconAmex.default, {});
     }
     return null;
 };
@@ -207,7 +207,7 @@ var initialState = {
 };
 var reducer = function reducer(state, param) {
     var type = param.type, value = param.value;
-    if (type === 'INPUT') {
+    if (type === "INPUT") {
         var animationTarget = getAnimationTarget(value);
         if (animationTarget && !state.showBackface) {
             return {
@@ -229,7 +229,7 @@ var reducer = function reducer(state, param) {
             });
         }
     }
-    if (type === 'TRANSITION_END') {
+    if (type === "TRANSITION_END") {
         return _objectSpread({}, state, {
             isAnimating: false
         });
@@ -242,22 +242,22 @@ var useStylesCCAdornment = (0, _jss).createUseStyles(function() {
             perspective: 1000
         },
         flipInner: {
-            position: 'relative',
-            transition: 'transform 0.4s',
-            transformStyle: 'preserve-3d',
-            '& div': {
-                backfaceVisibility: 'hidden'
+            position: "relative",
+            transition: "transform 0.4s",
+            transformStyle: "preserve-3d",
+            "& div": {
+                backfaceVisibility: "hidden"
             },
             transform: function transform(param) {
                 var showBackface = param.showBackface;
-                return showBackface ? 'rotateY(180deg)' : 'none';
+                return showBackface ? "rotateY(180deg)" : "none";
             }
         },
         flipFront: {
-            position: 'absolute'
+            position: "absolute"
         },
         flipBack: {
-            transform: 'rotateY(180deg)'
+            transform: "rotateY(180deg)"
         }
     };
 });
@@ -266,7 +266,7 @@ var CreditcardAdornment = function CreditcardAdornment(param) {
     var ref = _slicedToArray(React.useReducer(reducer, initialState), 2), ref3 = ref[0], showBackface = ref3.showBackface, animationTarget = ref3.animationTarget, isAnimating = ref3.isAnimating, dispatch = ref[1];
     React.useEffect(function() {
         dispatch({
-            type: 'INPUT',
+            type: "INPUT",
             value: value
         });
     }, [
@@ -275,13 +275,13 @@ var CreditcardAdornment = function CreditcardAdornment(param) {
     var classes = useStylesCCAdornment({
         showBackface: showBackface
     });
-    return(/*#__PURE__*/ (0, _jsxRuntime).jsx("div", {
+    return /*#__PURE__*/ (0, _jsxRuntime).jsx("div", {
         className: classes.flip,
         children: /*#__PURE__*/ (0, _jsxRuntime).jsxs("div", {
             className: classes.flipInner,
             onTransitionEnd: function onTransitionEnd() {
                 return isAnimating && dispatch({
-                    type: 'TRANSITION_END'
+                    type: "TRANSITION_END"
                 });
             },
             children: [
@@ -295,14 +295,14 @@ var CreditcardAdornment = function CreditcardAdornment(param) {
                 })
             ]
         })
-    }));
+    });
 };
 var CreditCardNumberField = function CreditCardNumberField(_param) {
     var disabled = _param.disabled, error1 = _param.error, helperText = _param.helperText, name = _param.name, optional = _param.optional, validateProp = _param.validate, onChange = _param.onChange, onChangeValue = _param.onChangeValue, onBlur = _param.onBlur, _acceptedCards = _param.acceptedCards, acceptedCards = _acceptedCards === void 0 ? {
         americanExpress: true,
         visa: true,
         masterCard: true
-    } : _acceptedCards, value1 = _param.value, _autoComplete = _param.autoComplete, autoComplete = _autoComplete === void 0 ? 'cc-number' : _autoComplete, defaultValue = _param.defaultValue, rest = _objectWithoutProperties(_param, [
+    } : _acceptedCards, value1 = _param.value, _autoComplete = _param.autoComplete, autoComplete = _autoComplete === void 0 ? "cc-number" : _autoComplete, defaultValue = _param.defaultValue, rest = _objectWithoutProperties(_param, [
         "disabled",
         "error",
         "helperText",
@@ -322,7 +322,7 @@ var CreditCardNumberField = function CreditCardNumberField(_param) {
     var validate = function validate(value, rawValue) {
         var error = texts.formCreditCardNumberError;
         if (!value) {
-            return optional ? '' : texts.formFieldErrorIsMandatory;
+            return optional ? "" : texts.formFieldErrorIsMandatory;
         }
         if ((0, _creditCard).isAmericanExpress(value) && !acceptedCards.americanExpress) {
             return error;
@@ -342,7 +342,7 @@ var CreditCardNumberField = function CreditCardNumberField(_param) {
         return validateProp === null || validateProp === void 0 ? void 0 : validateProp(value, rawValue);
     };
     var processValue = function processValue(s) {
-        return s.replace(/\s/g, '');
+        return s.replace(/\s/g, "");
     };
     var fieldProps = (0, _formContext).useFieldProps({
         name: name,
@@ -359,7 +359,7 @@ var CreditCardNumberField = function CreditCardNumberField(_param) {
         onChangeValue: onChangeValue
     });
     var ref4;
-    return(/*#__PURE__*/ (0, _jsxRuntime).jsx(_textFieldBase.TextFieldBaseAutosuggest, _objectSpread({}, rest, fieldProps, {
+    return /*#__PURE__*/ (0, _jsxRuntime).jsx(_textFieldBase.TextFieldBaseAutosuggest, _objectSpread({}, rest, fieldProps, {
         onChange: function onChange(event) {
             fieldProps.onChange(event);
             var rawValue = event.currentTarget.value;
@@ -379,9 +379,9 @@ var CreditCardNumberField = function CreditCardNumberField(_param) {
         inputComponent: CreditCardInput,
         autoComplete: autoComplete,
         endIcon: /*#__PURE__*/ (0, _jsxRuntime).jsx(CreditcardAdornment, {
-            value: (ref4 = value1 !== null && value1 !== void 0 ? value1 : rawValues[name]) !== null && ref4 !== void 0 ? ref4 : ''
+            value: (ref4 = value1 !== null && value1 !== void 0 ? value1 : rawValues[name]) !== null && ref4 !== void 0 ? ref4 : ""
         })
-    })));
+    }));
 };
 var _default = CreditCardNumberField;
 exports.default = _default;

package/dist/cvv-field.js

@@ -107,8 +107,8 @@ var useStyles = (0, _jss).createUseStyles(function(theme) {
             fontSize: 14
         },
         tooltipContainer: {
-            display: 'flex',
-            alignItems: 'center'
+            display: "flex",
+            alignItems: "center"
         }
     };
 });
@@ -116,7 +116,7 @@ var TooltipContent = function TooltipContent(param) {
     var acceptedCards = param.acceptedCards;
     var classes = useStyles();
     var texts = (0, _hooks).useTheme().texts;
-    return(/*#__PURE__*/ (0, _jsxRuntime).jsxs(_jsxRuntime.Fragment, {
+    return /*#__PURE__*/ (0, _jsxRuntime).jsxs(_jsxRuntime.Fragment, {
         children: [
             /*#__PURE__*/ (0, _jsxRuntime).jsxs("div", {
                 className: classes.tooltipContainer,
@@ -145,14 +145,14 @@ var TooltipContent = function TooltipContent(param) {
                 ]
             })
         ]
-    }));
+    });
 };
 var CvvField = function CvvField(_param) {
     var disabled = _param.disabled, error1 = _param.error, helperText = _param.helperText, name = _param.name, optional = _param.optional, validateProp = _param.validate, onChange = _param.onChange, onChangeValue = _param.onChangeValue, onBlur = _param.onBlur, _acceptedCards = _param.acceptedCards, acceptedCards = _acceptedCards === void 0 ? {
         americanExpress: true,
         visa: true,
         masterCard: true
-    } : _acceptedCards, _maxLength = _param.maxLength, maxLength = _maxLength === void 0 ? 4 : _maxLength, value1 = _param.value, _autoComplete = _param.autoComplete, autoComplete = _autoComplete === void 0 ? 'cc-csc' : _autoComplete, defaultValue = _param.defaultValue, rest = _objectWithoutProperties(_param, [
+    } : _acceptedCards, _maxLength = _param.maxLength, maxLength = _maxLength === void 0 ? 4 : _maxLength, value1 = _param.value, _autoComplete = _param.autoComplete, autoComplete = _autoComplete === void 0 ? "cc-csc" : _autoComplete, defaultValue = _param.defaultValue, rest = _objectWithoutProperties(_param, [
         "disabled",
         "error",
         "helperText",
@@ -172,7 +172,7 @@ var CvvField = function CvvField(_param) {
     var ref = (0, _formContext).useForm(), setFormError = ref.setFormError, jumpToNext = ref.jumpToNext;
     var validate = function validate(value, rawValue) {
         if (!value) {
-            return optional ? '' : texts.formFieldErrorIsMandatory;
+            return optional ? "" : texts.formFieldErrorIsMandatory;
         }
         if (value.length !== maxLength) {
             return texts.formCreditCardCvvError;
@@ -196,7 +196,7 @@ var CvvField = function CvvField(_param) {
         onChange: onChange,
         onChangeValue: onChangeValue
     });
-    return(/*#__PURE__*/ (0, _jsxRuntime).jsx(_textFieldBase.TextFieldBaseAutosuggest, _objectSpread({}, rest, fieldProps, {
+    return /*#__PURE__*/ (0, _jsxRuntime).jsx(_textFieldBase.TextFieldBaseAutosuggest, _objectSpread({}, rest, fieldProps, {
         maxLength: maxLength,
         onChange: function onChange(event) {
             fieldProps.onChange(event);
@@ -228,10 +228,10 @@ var CvvField = function CvvField(_param) {
                 children: /*#__PURE__*/ (0, _jsxRuntime).jsx(_iconButton.default, {
                     size: 40,
                     style: {
-                        display: 'flex',
-                        alignItems: 'center',
-                        justifyContent: 'center',
-                        position: 'relative',
+                        display: "flex",
+                        alignItems: "center",
+                        justifyContent: "center",
+                        position: "relative",
                         left: -12,
                         top: -12
                     },
@@ -243,7 +243,7 @@ var CvvField = function CvvField(_param) {
         }),
         autoComplete: autoComplete,
         inputComponent: _integerField.IntegerInput
-    })));
+    }));
 };
 var _default = CvvField;
 exports.default = _default;

package/dist/date-field.js

@@ -97,7 +97,7 @@ function _objectWithoutPropertiesLoose(source, excluded) {
 }
 var ReactDateTimePicker = /*#__PURE__*/ React.lazy(function() {
     return Promise.resolve().then(function() {
-        return _interopRequireWildcard(require(/* webpackChunkName: "date-time-picker" */ './date-time-picker'));
+        return _interopRequireWildcard(require(/* webpackChunkName: "date-time-picker" */ "./date-time-picker"));
     });
 });
 var DateField = function DateField(_param) {
@@ -124,7 +124,7 @@ var DateField = function DateField(_param) {
             // disabled in firefox because it shows a close button over the icon and can't be styled
             return false;
         }
-        return (0, _dom).isInputTypeSupported('date');
+        return (0, _dom).isInputTypeSupported("date");
     }, []);
     var texts = (0, _hooks).useTheme().texts;
     var isInRange = function isInRange(value) {
@@ -168,10 +168,10 @@ var DateField = function DateField(_param) {
         type: "date",
         endIconOverlay: /*#__PURE__*/ (0, _jsxRuntime).jsx("div", {
             style: {
-                position: 'absolute',
+                position: "absolute",
                 top: 16,
                 right: 16,
-                pointerEvents: 'none'
+                pointerEvents: "none"
             },
             children: /*#__PURE__*/ (0, _jsxRuntime).jsx(_iconCalendarRegular.default, {})
         })
@@ -179,7 +179,7 @@ var DateField = function DateField(_param) {
     if (hasNativePicker || (0, _environment).isServerSide()) {
         return nativePicker;
     }
-    return(/*#__PURE__*/ (0, _jsxRuntime).jsx(React.Suspense, {
+    return /*#__PURE__*/ (0, _jsxRuntime).jsx(React.Suspense, {
         fallback: nativePicker,
         children: /*#__PURE__*/ (0, _jsxRuntime).jsx(ReactDateTimePicker, _objectSpread({}, rest, fieldProps, {
             optional: optional,
@@ -187,7 +187,7 @@ var DateField = function DateField(_param) {
                 return isInRange((0, _time).getLocalDateString(currentDate.toDate()));
             }
         }))
-    }));
+    });
 };
 var _default = DateField;
 exports.default = _default;

package/dist/date-time-field.js

@@ -97,7 +97,7 @@ function _objectWithoutPropertiesLoose(source, excluded) {
 }
 var ReactDateTimePicker = /*#__PURE__*/ React.lazy(function() {
     return Promise.resolve().then(function() {
-        return _interopRequireWildcard(require(/* webpackChunkName: "date-time-picker" */ './date-time-picker'));
+        return _interopRequireWildcard(require(/* webpackChunkName: "date-time-picker" */ "./date-time-picker"));
     });
 });
 var FormDateField = function FormDateField(_param) {
@@ -121,10 +121,10 @@ var FormDateField = function FormDateField(_param) {
             // disabled for firefox because the picker has no option to select time
             return false;
         }
-        return (0, _dom).isInputTypeSupported('datetime-local');
+        return (0, _dom).isInputTypeSupported("datetime-local");
     }, []);
     var processValue = function processValue(value) {
-        return hasNativePicker ? value : value.replace(/\s/, 'T');
+        return hasNativePicker ? value : value.replace(/\s/, "T");
     };
     var texts = (0, _hooks).useTheme().texts;
     var isInRange = function isInRange(value) {
@@ -169,10 +169,10 @@ var FormDateField = function FormDateField(_param) {
         type: "datetime-local",
         endIconOverlay: /*#__PURE__*/ (0, _jsxRuntime).jsx("div", {
             style: {
-                position: 'absolute',
+                position: "absolute",
                 top: 16,
                 right: 16,
-                pointerEvents: 'none'
+                pointerEvents: "none"
             },
             children: /*#__PURE__*/ (0, _jsxRuntime).jsx(_iconCalendarRegular.default, {})
         })
@@ -180,7 +180,7 @@ var FormDateField = function FormDateField(_param) {
     if (hasNativePicker || (0, _environment).isServerSide()) {
         return nativePicker;
     }
-    return(/*#__PURE__*/ (0, _jsxRuntime).jsx(React.Suspense, {
+    return /*#__PURE__*/ (0, _jsxRuntime).jsx(React.Suspense, {
         fallback: nativePicker,
         children: /*#__PURE__*/ (0, _jsxRuntime).jsx(ReactDateTimePicker, _objectSpread({}, rest, fieldProps, {
             optional: optional,
@@ -189,7 +189,7 @@ var FormDateField = function FormDateField(_param) {
                 return isInRange((0, _time).getLocalDateTimeString(currentDate.toDate()));
             }
         }))
-    }));
+    });
 };
 var _default = FormDateField;
 exports.default = _default;