@telefonica/mistica 11.2.1 → 11.3.0

package/dist/grid-layout.js

@@ -44,54 +44,54 @@ var useStyles = (0, _jss).createUseStyles(function(theme) {
     var _obj, _obj1, _obj2, _obj3, _obj4, _obj5;
     return {
         grid: (_obj = {
-            display: 'grid'
+            display: "grid"
         }, _defineProperty(_obj, theme.mq.largeDesktop, {
             gridColumnGap: 24,
-            gridTemplateColumns: 'repeat(12, 1fr)'
+            gridTemplateColumns: "repeat(12, 1fr)"
         }), _defineProperty(_obj, theme.mq.desktop, {
-            gridTemplateColumns: 'repeat(12, 1fr)',
+            gridTemplateColumns: "repeat(12, 1fr)",
             gridColumnGap: 16
         }), _defineProperty(_obj, theme.mq.tablet, {
-            gridTemplateColumns: 'minmax(0, 1fr)',
+            gridTemplateColumns: "minmax(0, 1fr)",
             gridColumnGap: 16
         }), _defineProperty(_obj, theme.mq.mobile, {
-            gridTemplateColumns: 'minmax(0, 1fr)',
+            gridTemplateColumns: "minmax(0, 1fr)",
             gridColumnGap: 16
         }), _obj),
         span1: {
-            gridColumn: 'span 1'
+            gridColumn: "span 1"
         },
         span4: (_obj1 = {}, _defineProperty(_obj1, theme.mq.desktopOrBigger, {
-            gridColumn: 'span 4'
+            gridColumn: "span 4"
         }), _defineProperty(_obj1, theme.mq.tabletOrSmaller, {
-            gridColumn: 'span 1'
+            gridColumn: "span 1"
         }), _obj1),
         span5: (_obj2 = {}, _defineProperty(_obj2, theme.mq.desktopOrBigger, {
-            gridColumn: 'span 5'
+            gridColumn: "span 5"
         }), _defineProperty(_obj2, theme.mq.tabletOrSmaller, {
-            gridColumn: 'span 1'
+            gridColumn: "span 1"
         }), _obj2),
         span6: (_obj3 = {}, _defineProperty(_obj3, theme.mq.desktopOrBigger, {
-            gridColumn: 'span 6'
+            gridColumn: "span 6"
         }), _defineProperty(_obj3, theme.mq.tabletOrSmaller, {
-            gridColumn: 'span 1'
+            gridColumn: "span 1"
         }), _obj3),
         span8: (_obj4 = {}, _defineProperty(_obj4, theme.mq.desktopOrBigger, {
-            gridColumn: 'span 8'
+            gridColumn: "span 8"
         }), _defineProperty(_obj4, theme.mq.tabletOrSmaller, {
-            gridColumn: 'span 1'
+            gridColumn: "span 1"
         }), _obj4),
         span10: (_obj5 = {}, _defineProperty(_obj5, theme.mq.desktopOrBigger, {
-            gridColumn: 'span 10'
+            gridColumn: "span 10"
         }), _defineProperty(_obj5, theme.mq.tabletOrSmaller, {
-            gridColumn: 'span 1'
+            gridColumn: "span 1"
         }), _obj5)
     };
 });
 var GridLayout = function GridLayout(props) {
     var classes = useStyles();
-    if (props.template === '6+6') {
-        return(/*#__PURE__*/ (0, _jsxRuntime).jsxs("div", {
+    if (props.template === "6+6") {
+        return /*#__PURE__*/ (0, _jsxRuntime).jsxs("div", {
             className: classes.grid,
             children: [
                 /*#__PURE__*/ (0, _jsxRuntime).jsx("div", {
@@ -103,10 +103,10 @@ var GridLayout = function GridLayout(props) {
                     children: props.right
                 })
             ]
-        }));
+        });
     }
-    if (props.template === '8+4') {
-        return(/*#__PURE__*/ (0, _jsxRuntime).jsxs("div", {
+    if (props.template === "8+4") {
+        return /*#__PURE__*/ (0, _jsxRuntime).jsxs("div", {
             className: classes.grid,
             children: [
                 /*#__PURE__*/ (0, _jsxRuntime).jsx("div", {
@@ -118,10 +118,10 @@ var GridLayout = function GridLayout(props) {
                     children: props.right
                 })
             ]
-        }));
+        });
     }
-    if (props.template === '4+6') {
-        return(/*#__PURE__*/ (0, _jsxRuntime).jsxs("div", {
+    if (props.template === "4+6") {
+        return /*#__PURE__*/ (0, _jsxRuntime).jsxs("div", {
             className: classes.grid,
             children: [
                 /*#__PURE__*/ (0, _jsxRuntime).jsx("div", {
@@ -139,10 +139,10 @@ var GridLayout = function GridLayout(props) {
                     className: classes.span1
                 })
             ]
-        }));
+        });
     }
-    if (props.template === '5+4') {
-        return(/*#__PURE__*/ (0, _jsxRuntime).jsxs("div", {
+    if (props.template === "5+4") {
+        return /*#__PURE__*/ (0, _jsxRuntime).jsxs("div", {
             className: classes.grid,
             children: [
                 /*#__PURE__*/ (0, _jsxRuntime).jsx("div", {
@@ -163,10 +163,10 @@ var GridLayout = function GridLayout(props) {
                     className: classes.span1
                 })
             ]
-        }));
+        });
     }
-    if (props.template === '10') {
-        return(/*#__PURE__*/ (0, _jsxRuntime).jsxs("div", {
+    if (props.template === "10") {
+        return /*#__PURE__*/ (0, _jsxRuntime).jsxs("div", {
             className: classes.grid,
             children: [
                 /*#__PURE__*/ (0, _jsxRuntime).jsx("div", {
@@ -180,12 +180,12 @@ var GridLayout = function GridLayout(props) {
                     className: classes.span1
                 })
             ]
-        }));
+        });
     }
-    return(/*#__PURE__*/ (0, _jsxRuntime).jsx("div", {
+    return /*#__PURE__*/ (0, _jsxRuntime).jsx("div", {
         className: classes.grid,
         children: props.children
-    }));
+    });
 };
 var _default = GridLayout;
 exports.default = _default;

package/dist/header.js

@@ -103,23 +103,23 @@ var Header = function Header(param) {
     var theme = (0, _hooks).useTheme();
     var isInverse = (0, _themeVariantContext).useIsInverseVariant();
     var renderRichText = function renderRichText(richText, baseProps) {
-        if (typeof richText === 'string') {
-            return(/*#__PURE__*/ (0, _jsxRuntime).jsx(_text.Text3, _objectSpread({
+        if (typeof richText === "string") {
+            return /*#__PURE__*/ (0, _jsxRuntime).jsx(_text.Text3, _objectSpread({
                 regular: true
             }, baseProps, {
                 children: richText
-            })));
+            }));
         }
         var text = richText.text, textProps = _objectWithoutProperties(richText, [
             "text"
         ]);
-        return(/*#__PURE__*/ (0, _jsxRuntime).jsx(_text.Text3, _objectSpread({
+        return /*#__PURE__*/ (0, _jsxRuntime).jsx(_text.Text3, _objectSpread({
             regular: true
         }, baseProps, textProps, {
             children: richText.text
-        })));
+        }));
     };
-    return(/*#__PURE__*/ (0, _jsxRuntime).jsxs(_stack.default, {
+    return /*#__PURE__*/ (0, _jsxRuntime).jsxs(_stack.default, {
         space: isTabletOrSmaller ? 24 : 32,
         children: [
             (title || pretitle) && /*#__PURE__*/ (0, _jsxRuntime).jsx(_box.default, {
@@ -161,13 +161,13 @@ var Header = function Header(param) {
                 ]
             })
         ]
-    }));
+    });
 };
 exports.Header = Header;
 var MainSectionHeader = function MainSectionHeader(param) {
     var title = param.title, description = param.description, button = param.button;
     var isTabletOrSmaller = (0, _hooks).useScreenSize().isTabletOrSmaller;
-    return(/*#__PURE__*/ (0, _jsxRuntime).jsxs(_stack.default, {
+    return /*#__PURE__*/ (0, _jsxRuntime).jsxs(_stack.default, {
         space: 32,
         children: [
             /*#__PURE__*/ (0, _jsxRuntime).jsxs(_stack.default, {
@@ -185,7 +185,7 @@ var MainSectionHeader = function MainSectionHeader(param) {
             }),
             button
         ]
-    }));
+    });
 };
 exports.MainSectionHeader = MainSectionHeader;
 var useHeaderLayoutStyles = (0, _jss).createUseStyles(function(theme) {
@@ -193,11 +193,11 @@ var useHeaderLayoutStyles = (0, _jss).createUseStyles(function(theme) {
         background: {
             background: function background(param) {
                 var isInverse = param.isInverse;
-                return isInverse ? theme.colors.backgroundBrand : 'initial';
+                return isInverse ? theme.colors.backgroundBrand : "initial";
             }
         },
         gridItem: {
-            gridColumn: 'span 6'
+            gridColumn: "span 6"
         }
     };
 });
@@ -207,7 +207,7 @@ var HeaderLayout = function HeaderLayout(param) {
         isInverse: isInverse
     });
     var isTabletOrSmaller = (0, _hooks).useScreenSize().isTabletOrSmaller;
-    return(/*#__PURE__*/ (0, _jsxRuntime).jsx(_responsiveLayout.default, {
+    return /*#__PURE__*/ (0, _jsxRuntime).jsx(_responsiveLayout.default, {
         className: classes.background,
         children: /*#__PURE__*/ (0, _jsxRuntime).jsxs(_themeVariantContext.ThemeVariant, {
             isInverse: isInverse,
@@ -268,7 +268,7 @@ var HeaderLayout = function HeaderLayout(param) {
                 })
             ]
         })
-    }));
+    });
 };
 exports.HeaderLayout = HeaderLayout;
 var MainSectionHeaderLayout = function MainSectionHeaderLayout(param) {
@@ -277,7 +277,7 @@ var MainSectionHeaderLayout = function MainSectionHeaderLayout(param) {
         isInverse: isInverse
     });
     var isTabletOrSmaller = (0, _hooks).useScreenSize().isTabletOrSmaller;
-    return(/*#__PURE__*/ (0, _jsxRuntime).jsx(_responsiveLayout.default, {
+    return /*#__PURE__*/ (0, _jsxRuntime).jsx(_responsiveLayout.default, {
         className: classes.background,
         children: /*#__PURE__*/ (0, _jsxRuntime).jsxs(_themeVariantContext.ThemeVariant, {
             isInverse: isInverse,
@@ -298,6 +298,6 @@ var MainSectionHeaderLayout = function MainSectionHeaderLayout(param) {
                 })
             ]
         })
-    }));
+    });
 };
 exports.MainSectionHeaderLayout = MainSectionHeaderLayout;

package/dist/highlighted-card.js

@@ -101,49 +101,49 @@ var useStyles = (0, _jss).createUseStyles(function(theme) {
     var _obj;
     return {
         container: {
-            display: 'flex',
-            flexDirection: 'row',
-            justifyContent: 'space-between',
+            display: "flex",
+            flexDirection: "row",
+            justifyContent: "space-between",
             width: function width(param) {
                 var width1 = param.width;
-                return width1 || '100%';
+                return width1 || "100%";
             },
             flexShrink: 0,
-            alignSelf: 'stretch'
+            alignSelf: "stretch"
         },
         imageContent: {
-            display: 'flex',
+            display: "flex",
             width: 100,
             minWidth: 100,
-            height: 'inherit'
+            height: "inherit"
         },
         dismissableContainer: {
-            position: 'relative',
-            display: 'flex',
+            position: "relative",
+            display: "flex",
             flexShrink: 0,
             width: function width(param) {
                 var width2 = param.width;
-                return width2 || '100%';
+                return width2 || "100%";
             }
         },
         dismissableButton: {
-            position: 'absolute',
+            position: "absolute",
             top: 0,
             right: 0,
             width: 48,
             height: 48,
-            display: 'flex',
-            alignItems: 'center',
-            justifyContent: 'center'
+            display: "flex",
+            alignItems: "center",
+            justifyContent: "center"
         },
         dismissableCircleContainer: {
-            display: 'flex',
-            alignItems: 'center',
-            justifyContent: 'center',
+            display: "flex",
+            alignItems: "center",
+            justifyContent: "center",
             width: 24,
             height: 24,
-            margin: '0 0 8px 8px',
-            borderRadius: '50%',
+            margin: "0 0 8px 8px",
+            borderRadius: "50%",
             backgroundColor: (0, _color).applyAlpha(theme.colors.background, 0.7)
         },
         textContainer: (_obj = {
@@ -160,13 +160,13 @@ var useStyles = (0, _jss).createUseStyles(function(theme) {
                 var hasImage = param.hasImage;
                 return hasImage ? 24 : 56;
             }
-        }), _defineProperty(_obj, "display", 'flex'), _defineProperty(_obj, "flexDirection", 'column'), _defineProperty(_obj, "alignItems", 'flex-start'), _obj),
+        }), _defineProperty(_obj, "display", "flex"), _defineProperty(_obj, "flexDirection", "column"), _defineProperty(_obj, "alignItems", "flex-start"), _obj),
         touchableContainer: {
-            display: 'flex',
+            display: "flex",
             flexShrink: 0,
             width: function width(param) {
                 var width3 = param.width;
-                return width3 || '100%';
+                return width3 || "100%";
             }
         }
     };
@@ -179,7 +179,7 @@ var Dismissable = function Dismissable(param) {
         width: width
     });
     var ref = (0, _hooks).useTheme(), colors = ref.colors, texts = ref.texts;
-    return(/*#__PURE__*/ (0, _jsxRuntime).jsxs("section", {
+    return /*#__PURE__*/ (0, _jsxRuntime).jsxs("section", {
         className: classes.dismissableContainer,
         children: [
             children,
@@ -188,7 +188,7 @@ var Dismissable = function Dismissable(param) {
                 onPress: onClose,
                 "aria-label": texts.closeButtonLabel,
                 style: {
-                    display: 'flex',
+                    display: "flex",
                     width: 48,
                     height: 48
                 },
@@ -200,7 +200,7 @@ var Dismissable = function Dismissable(param) {
                 })
             })
         ]
-    }));
+    });
 };
 var Content = function Content(props) {
     var title = props.title, description = props.description, imageUrl = props.imageUrl, imageFit = props.imageFit;
@@ -219,9 +219,9 @@ var Content = function Content(props) {
         children: [
             /*#__PURE__*/ (0, _jsxRuntime).jsxs("div", {
                 // don't create another region when the Content is inside a Dismissable wrapper
-                role: props['aria-label'] ? 'region' : undefined,
+                role: props["aria-label"] ? "region" : undefined,
                 className: classes.textContainer,
-                "aria-label": props['aria-label'],
+                "aria-label": props["aria-label"],
                 children: [
                     /*#__PURE__*/ (0, _jsxRuntime).jsx(_text.Text4, {
                         regular: true,
@@ -252,8 +252,8 @@ var Content = function Content(props) {
                 className: classes.imageContent,
                 style: {
                     background: "url(".concat(imageUrl, ") no-repeat"),
-                    backgroundSize: imageFit === 'fit' ? 'contain' : 'cover',
-                    backgroundPosition: imageFit === 'fit' ? 'bottom right' : 'center right'
+                    backgroundSize: imageFit === "fit" ? "contain" : "cover",
+                    backgroundPosition: imageFit === "fit" ? "bottom right" : "center right"
                 }
             })
         ]
@@ -262,36 +262,36 @@ var Content = function Content(props) {
         return content;
     }
     if (props.onPress) {
-        return(/*#__PURE__*/ (0, _jsxRuntime).jsx(_touchable.default, {
+        return /*#__PURE__*/ (0, _jsxRuntime).jsx(_touchable.default, {
             onPress: props.onPress,
             trackingEvent: props.trackingEvent,
             className: classes.touchableContainer,
             children: content
-        }));
+        });
     }
     if (props.to) {
-        return(/*#__PURE__*/ (0, _jsxRuntime).jsx(_touchable.default, {
+        return /*#__PURE__*/ (0, _jsxRuntime).jsx(_touchable.default, {
             to: props.to,
             trackingEvent: props.trackingEvent,
             fullPageOnWebView: props.fullPageOnWebView,
             className: classes.touchableContainer,
             children: content
-        }));
+        });
     }
     if (props.href) {
-        return(/*#__PURE__*/ (0, _jsxRuntime).jsx(_touchable.default, {
+        return /*#__PURE__*/ (0, _jsxRuntime).jsx(_touchable.default, {
             trackingEvent: props.trackingEvent,
             href: props.href,
             newTab: props.newTab,
             className: classes.touchableContainer,
             children: content
-        }));
+        });
     }
     return content;
 };
 var HighlightedCard = function HighlightedCard(_param) {
-    var ariaLabel = _param['aria-label'], props = _objectWithoutProperties(_param, [
-        'aria-label'
+    var ariaLabel = _param["aria-label"], props = _objectWithoutProperties(_param, [
+        "aria-label"
     ]);
     var label = ariaLabel !== null && ariaLabel !== void 0 ? ariaLabel : props.title;
     return props.onClose ? /*#__PURE__*/ (0, _jsxRuntime).jsx(Dismissable, {

package/dist/hooks.js

@@ -91,7 +91,7 @@ exports.useTheme = useTheme;
 var useDisableBodyScroll = function useDisableBodyScroll(disable) {
     React.useEffect(function() {
         if (disable) {
-            var bodyStyles = '';
+            var bodyStyles = "";
             var bodyScrollTop = 0;
             var disableBodyDepth = 0;
             var scrollContainer = document.scrollingElement || document.documentElement;
@@ -104,12 +104,12 @@ var useDisableBodyScroll = function useDisableBodyScroll(disable) {
                 var ref1;
                 bodyScrollTop = (ref1 = scrollContainer === null || scrollContainer === void 0 ? void 0 : scrollContainer.scrollTop) !== null && ref1 !== void 0 ? ref1 : 0;
                 var _cssText;
-                bodyStyles = (_cssText = (ref = document.body) === null || ref === void 0 ? void 0 : ref.style.cssText) !== null && _cssText !== void 0 ? _cssText : '';
+                bodyStyles = (_cssText = (ref = document.body) === null || ref === void 0 ? void 0 : ref.style.cssText) !== null && _cssText !== void 0 ? _cssText : "";
                 if (document.body) {
                     var ref2;
                     var hasScrollbar = window.innerWidth > ((ref2 = scrollContainer === null || scrollContainer === void 0 ? void 0 : scrollContainer.clientWidth) !== null && ref2 !== void 0 ? ref2 : window.innerWidth);
                     // if the scrollbar is visible, we don't want to hide it because content will be resized
-                    var overflowY = hasScrollbar ? 'scroll' : 'hidden';
+                    var overflowY = hasScrollbar ? "scroll" : "hidden";
                     document.body.style.cssText = "overflow:hidden;overflow-y:".concat(overflowY, ";position:fixed;top:").concat(-bodyScrollTop, "px;left:0px;right:0px;bottom:0px");
                 }
             };
@@ -179,18 +179,18 @@ var useAriaId = function useAriaId(id) {
 };
 exports.useAriaId = useAriaId;
 var useWindowSize = function useWindowSize() {
-    var ref = _slicedToArray(React.useState(typeof window !== 'undefined' ? window.innerHeight : 1200 // Best guess
+    var ref = _slicedToArray(React.useState(typeof window !== "undefined" ? window.innerHeight : 1200 // Best guess
     ), 2), windowHeight = ref[0], setWindowHeight = ref[1];
-    var ref6 = _slicedToArray(React.useState(typeof window !== 'undefined' ? window.innerWidth : 800 // Best guess
+    var ref6 = _slicedToArray(React.useState(typeof window !== "undefined" ? window.innerWidth : 800 // Best guess
     ), 2), windowWidth = ref6[0], setWindowWidth = ref6[1];
     React.useEffect(function() {
         var handleResize = function handleResize() {
             setWindowHeight(window.innerHeight);
             setWindowWidth(window.innerWidth);
         };
-        window.addEventListener('resize', handleResize);
+        window.addEventListener("resize", handleResize);
         return function() {
-            window.removeEventListener('resize', handleResize);
+            window.removeEventListener("resize", handleResize);
         };
     }, []);
     // do not create new result instances if values don't change
@@ -215,15 +215,15 @@ var useWindowWidth = function useWindowWidth() {
     return width;
 };
 exports.useWindowWidth = useWindowWidth;
-var useIsomorphicLayoutEffect = typeof window !== 'undefined' ? React.useLayoutEffect : React.useEffect;
+var useIsomorphicLayoutEffect = typeof window !== "undefined" ? React.useLayoutEffect : React.useEffect;
 exports.useIsomorphicLayoutEffect = useIsomorphicLayoutEffect;
 var useIsInViewport = function useIsInViewport(ref, defaultValue, options) {
-    var ref7 = _slicedToArray(React.useState(defaultValue), 2), isInViewport = ref7[0], setIsInViewport = ref7[1];
+    var _$ref = _slicedToArray(React.useState(defaultValue), 2), isInViewport = _$ref[0], setIsInViewport = _$ref[1];
     React.useEffect(function() {
         if (!ref.current) {
             return;
         }
-        if (typeof window.IntersectionObserver === 'undefined') {
+        if (typeof window.IntersectionObserver === "undefined") {
             return function() {};
         }
         var observer = new IntersectionObserver(function(entries) {

package/dist/iban-field.js

@@ -160,14 +160,14 @@ var isValidIbanChecksum = function isValidIbanChecksum(iban) {
     // move first 4 digits to the end
     var tmp = iban.substr(4) + iban.substr(0, 4);
     // replace all letters A-Z to numbers from 10 to 35
-    var charCodeOfA = 'A'.charCodeAt(0);
+    var charCodeOfA = "A".charCodeAt(0);
     tmp = Array.from(tmp).map(function(char) {
         if (Number.isNaN(Number(char))) {
             var charCode = char.charCodeAt(0);
             return String(10 + charCode - charCodeOfA);
         }
         return char;
-    }).join('');
+    }).join("");
     // Iban is valid if tmp % 97 === 1
     return mod(tmp, 97) === 1;
 };
@@ -191,9 +191,9 @@ var isValidIban = function isValidIban(iban) {
 };
 var formatIban = function formatIban(number) {
     var ref;
-    var sanitizedNumber = number.replace(/[^\dA-Za-z]/g, '');
+    var sanitizedNumber = number.replace(/[^\dA-Za-z]/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 getInputMaxLength = function getInputMaxLength(currentValue) {
     var countryCode = currentValue.substr(0, 2);
@@ -216,9 +216,9 @@ var IbanInput = function IbanInput(_param) {
         "defaultValue",
         "onChange"
     ]);
-    var ref3 = _slicedToArray(React.useState(defaultValue !== null && defaultValue !== void 0 ? defaultValue : ''), 2), selfValue = ref3[0], setSelfValue = ref3[1];
+    var ref3 = _slicedToArray(React.useState(defaultValue !== null && defaultValue !== void 0 ? defaultValue : ""), 2), selfValue = ref3[0], setSelfValue = ref3[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) {
@@ -240,14 +240,14 @@ var IbanInput = function IbanInput(_param) {
         },
         accept: /[\dA-Za-z]+/g
     });
-    return(/*#__PURE__*/ (0, _jsxRuntime).jsx("input", _objectSpread({}, other, {
+    return /*#__PURE__*/ (0, _jsxRuntime).jsx("input", _objectSpread({}, other, {
         maxLength: getInputMaxLength(rifm.value),
         value: rifm.value,
         onChange: function onChange(e) {
             var ref;
             var newValue = e.target.value;
             var prevValue = rifm.value;
-            if (newValue.length - prevValue.length > 1 && ((ref = e.nativeEvent) === null || ref === void 0 ? void 0 : ref.inputType) === 'insertText') {
+            if (newValue.length - prevValue.length > 1 && ((ref = e.nativeEvent) === null || ref === void 0 ? void 0 : ref.inputType) === "insertText") {
                 // Google Android virtual keyboard (GBoard) have some buggy behavior with autosuggestions
                 // and some times repeats the previously inserted caracters. If we detect that, revert
                 // the input value to the previous one
@@ -257,7 +257,7 @@ var IbanInput = function IbanInput(_param) {
         },
         type: "text",
         ref: (0, _common).combineRefs(inputRef, ref2)
-    })));
+    }));
 };
 var IbanField = function IbanField(_param) {
     var disabled = _param.disabled, error = _param.error, helperText = _param.helperText, name = _param.name, optional = _param.optional, customValidate = _param.validate, onChange = _param.onChange, onChangeValue = _param.onChangeValue, onBlur = _param.onBlur, value1 = _param.value, defaultValue = _param.defaultValue, rest = _objectWithoutProperties(_param, [
@@ -276,7 +276,7 @@ var IbanField = function IbanField(_param) {
     var texts = (0, _hooks).useTheme().texts;
     var validate = function validate(value, rawValue) {
         if (!value) {
-            return optional ? '' : texts.formFieldErrorIsMandatory;
+            return optional ? "" : texts.formFieldErrorIsMandatory;
         }
         if (!isValidIban(value)) {
             return texts.formIbanError;
@@ -284,7 +284,7 @@ var IbanField = function IbanField(_param) {
         return customValidate === null || customValidate === void 0 ? void 0 : customValidate(value, rawValue);
     };
     var processValue = function processValue(s) {
-        return s.replace(/[^\dA-Za-z]/g, '');
+        return s.replace(/[^\dA-Za-z]/g, "");
     };
     var fieldProps = (0, _formContext).useFieldProps({
         name: name,
@@ -300,9 +300,9 @@ var IbanField = function IbanField(_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, {
         inputComponent: IbanInput
-    })));
+    }));
 };
 var _default = IbanField;
 exports.default = _default;