@telefonica/mistica 10.22.2 → 10.24.1

package/dist-es/checkbox.js

@@ -8,6 +8,11 @@ import { Text3 } from './text';
 import { useAriaId, useTheme } from './hooks';
 import classnames from 'classnames';
 import { getPrefixedDataAttributes } from './utils/dom';
+function _arrayLikeToArray(arr, len) {
+    if (len == null || len > arr.length) len = arr.length;
+    for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
+    return arr2;
+}
 function _arrayWithHoles(arr) {
     if (Array.isArray(arr)) return arr;
 }
@@ -25,12 +30,14 @@ function _defineProperty(obj, key, value) {
     return obj;
 }
 function _iterableToArrayLimit(arr, i) {
+    var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
+    if (_i == null) return;
     var _arr = [];
     var _n = true;
     var _d = false;
-    var _e = undefined;
+    var _s, _e;
     try {
-        for(var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true){
+        for(_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true){
             _arr.push(_s.value);
             if (i && _arr.length === i) break;
         }
@@ -47,12 +54,11 @@ function _iterableToArrayLimit(arr, i) {
     return _arr;
 }
 function _nonIterableRest() {
-    throw new TypeError("Invalid attempt to destructure non-iterable instance");
+    throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
 function _objectSpread(target) {
     for(var i = 1; i < arguments.length; i++){
-        var source = arguments[i] != null ? arguments[i] : {
-        };
+        var source = arguments[i] != null ? arguments[i] : {};
         var ownKeys = Object.keys(source);
         if (typeof Object.getOwnPropertySymbols === "function") {
             ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
@@ -66,7 +72,15 @@ function _objectSpread(target) {
     return target;
 }
 function _slicedToArray(arr, i) {
-    return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _nonIterableRest();
+    return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
+}
+function _unsupportedIterableToArray(o, minLen) {
+    if (!o) return;
+    if (typeof o === "string") return _arrayLikeToArray(o, minLen);
+    var n = Object.prototype.toString.call(o).slice(8, -1);
+    if (n === "Object" && o.constructor) n = o.constructor.name;
+    if (n === "Map" || n === "Set") return Array.from(n);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
 }
 var useIconCheckboxStyles = createUseStyles(function(param) {
     var colors = param.colors, isIos = param.isIos;
@@ -102,7 +116,6 @@ var useIconCheckboxStyles = createUseStyles(function(param) {
         }
     };
 });
-var _obj;
 var IconCheckbox = function(param) {
     var isChecked = param.isChecked, disabled = param.disabled;
     var classes = useIconCheckboxStyles();
@@ -111,8 +124,7 @@ var IconCheckbox = function(param) {
         viewBox: "0 0 10 8",
         width: "10",
         height: "8",
-        className: classnames(classes.check, _defineProperty({
-        }, classes.checkChecked, isChecked)),
+        className: classnames(classes.check, _defineProperty({}, classes.checkChecked, isChecked)),
         children: /*#__PURE__*/ _jsx("path", {
             d: "M2.659 7.724c.33.366.92.368 1.254.005L9.79 1.336A.782.782 0 009.719.202a.858.858 0 00-1.178.069l-5.236 5.72-1.841-2.038a.857.857 0 00-1.177-.078.782.782 0 00-.082 1.133l2.454 2.716z",
             fill: colors.inverse
@@ -121,16 +133,15 @@ var IconCheckbox = function(param) {
         viewBox: "0 0 14 10",
         width: "14",
         height: "10",
-        className: classnames(classes.check, _defineProperty({
-        }, classes.checkChecked, isChecked)),
+        className: classnames(classes.check, _defineProperty({}, classes.checkChecked, isChecked)),
         children: /*#__PURE__*/ _jsx("path", {
             d: "M5 10L0 5.192l1.4-1.346L5 7.308 12.6 0 14 1.346z",
             fill: colors.inverse
         })
     });
+    var _obj;
     return(/*#__PURE__*/ _jsx("div", {
-        className: classnames(classes.box, (_obj = {
-        }, _defineProperty(_obj, classes.boxChecked, isChecked), _defineProperty(_obj, classes.disabled, disabled), _obj)),
+        className: classnames(classes.box, (_obj = {}, _defineProperty(_obj, classes.boxChecked, isChecked), _defineProperty(_obj, classes.disabled, disabled), _obj)),
         children: icon
     }));
 };

package/dist-es/chip.js

@@ -1,4 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
 import { createUseStyles } from './jss';
 import { useTheme } from './hooks';
 import Box from './box';
@@ -19,11 +20,12 @@ function _defineProperty(obj, key, value) {
     }
     return obj;
 }
-var useStyles = createUseStyles(function(param) {
-    var colors = param.colors, mq = param.mq;
+var useStyles = createUseStyles(function(param1) {
+    var colors = param1.colors, mq = param1.mq;
     return {
         container: _defineProperty({
             display: 'inline-flex',
+            verticalAlign: 'middle',
             justifyContent: 'center',
             alignItems: 'center',
             border: "1px solid ".concat(colors.border),

package/dist-es/circle.js

@@ -1,4 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
 import { createUseStyles } from './jss';
 var useStyles = createUseStyles(function() {
     return {

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

@@ -3,6 +3,11 @@ import * as React from 'react';
 import { useForm, useFieldProps } from './form-context';
 import { useTheme } from './hooks';
 import { TextFieldBaseAutosuggest } from './text-field-base';
+function _arrayLikeToArray(arr, len) {
+    if (len == null || len > arr.length) len = arr.length;
+    for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
+    return arr2;
+}
 function _arrayWithHoles(arr) {
     if (Array.isArray(arr)) return arr;
 }
@@ -20,12 +25,14 @@ function _defineProperty(obj, key, value) {
     return obj;
 }
 function _iterableToArrayLimit(arr, i) {
+    var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
+    if (_i == null) return;
     var _arr = [];
     var _n = true;
     var _d = false;
-    var _e = undefined;
+    var _s, _e;
     try {
-        for(var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true){
+        for(_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true){
             _arr.push(_s.value);
             if (i && _arr.length === i) break;
         }
@@ -42,12 +49,11 @@ function _iterableToArrayLimit(arr, i) {
     return _arr;
 }
 function _nonIterableRest() {
-    throw new TypeError("Invalid attempt to destructure non-iterable instance");
+    throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
 function _objectSpread(target) {
     for(var i = 1; i < arguments.length; i++){
-        var source = arguments[i] != null ? arguments[i] : {
-        };
+        var source = arguments[i] != null ? arguments[i] : {};
         var ownKeys = Object.keys(source);
         if (typeof Object.getOwnPropertySymbols === "function") {
             ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
@@ -61,8 +67,7 @@ function _objectSpread(target) {
     return target;
 }
 function _objectWithoutProperties(source, excluded) {
-    if (source == null) return {
-    };
+    if (source == null) return {};
     var target = _objectWithoutPropertiesLoose(source, excluded);
     var key, i;
     if (Object.getOwnPropertySymbols) {
@@ -77,10 +82,8 @@ function _objectWithoutProperties(source, excluded) {
     return target;
 }
 function _objectWithoutPropertiesLoose(source, excluded) {
-    if (source == null) return {
-    };
-    var target = {
-    };
+    if (source == null) return {};
+    var target = {};
     var sourceKeys = Object.keys(source);
     var key, i;
     for(i = 0; i < sourceKeys.length; i++){
@@ -91,12 +94,24 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     return target;
 }
 function _slicedToArray(arr, i) {
-    return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _nonIterableRest();
+    return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
+}
+function _unsupportedIterableToArray(o, minLen) {
+    if (!o) return;
+    if (typeof o === "string") return _arrayLikeToArray(o, minLen);
+    var n = Object.prototype.toString.call(o).slice(8, -1);
+    if (n === "Object" && o.constructor) n = o.constructor.name;
+    if (n === "Map" || n === "Set") return Array.from(n);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
 }
 var MonthYearDateInput = function(_param) {
-    var inputRef = _param.inputRef, defaultValue = _param.defaultValue, value = _param.value, rest = _objectWithoutProperties(_param, ["inputRef", "defaultValue", "value"]);
-    var ref = useTheme(), texts = ref.texts;
-    var prevValue = React.useRef(value || '');
+    var inputRef = _param.inputRef, defaultValue = _param.defaultValue, value1 = _param.value, rest = _objectWithoutProperties(_param, [
+        "inputRef",
+        "defaultValue",
+        "value"
+    ]);
+    var texts = useTheme().texts;
+    var prevValue = React.useRef(value1 || '');
     /**
      * 1) characters other than [0-9] and '/' are removed
      * 2) automatically insert "/" as you type
@@ -127,8 +142,7 @@ var MonthYearDateInput = function(_param) {
         }
         return value;
     };
-    return(/*#__PURE__*/ _jsx("input", _objectSpread({
-    }, rest, {
+    return(/*#__PURE__*/ _jsx("input", _objectSpread({}, rest, {
         placeholder: texts.expirationDatePlaceholder,
         type: "text",
         inputMode: "decimal",
@@ -139,14 +153,27 @@ var MonthYearDateInput = function(_param) {
             prevValue.current = nextValue;
             e.currentTarget.value = nextValue;
         },
-        value: value === undefined ? undefined : format(value),
+        value: value1 === undefined ? undefined : format(value1),
         defaultValue: defaultValue === undefined ? undefined : format(defaultValue),
         ref: inputRef
     })));
 };
 var CreditCardExpirationField = function(_param) {
-    var disabled = _param.disabled, error = _param.error, helperText = _param.helperText, name = _param.name, optional = _param.optional, validateProp = _param.validate, onChange = _param.onChange, onChangeValue = _param.onChangeValue, onBlur = _param.onBlur, value = _param.value, _autoComplete = _param.autoComplete, autoComplete = _autoComplete === void 0 ? 'cc-exp' : _autoComplete, defaultValue = _param.defaultValue, rest = _objectWithoutProperties(_param, ["disabled", "error", "helperText", "name", "optional", "validate", "onChange", "onChangeValue", "onBlur", "value", "autoComplete", "defaultValue"]);
-    var ref = useTheme(), texts = ref.texts;
+    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",
+        "name",
+        "optional",
+        "validate",
+        "onChange",
+        "onChangeValue",
+        "onBlur",
+        "value",
+        "autoComplete",
+        "defaultValue"
+    ]);
+    var texts = useTheme().texts;
     var ref1 = useForm(), setFormError = ref1.setFormError, jumpToNext = ref1.jumpToNext;
     var validate = function(value, rawValue) {
         if (!rawValue) {
@@ -180,20 +207,19 @@ var CreditCardExpirationField = function(_param) {
     };
     var fieldProps = useFieldProps({
         name: name,
-        value: value,
+        value: value2,
         defaultValue: defaultValue,
         processValue: processValue,
         helperText: helperText,
         optional: optional,
-        error: error,
+        error: error1,
         disabled: disabled,
         onBlur: onBlur,
         validate: validate,
         onChange: onChange,
         onChangeValue: onChangeValue
     });
-    return(/*#__PURE__*/ _jsx(TextFieldBaseAutosuggest, _objectSpread({
-    }, rest, fieldProps, {
+    return(/*#__PURE__*/ _jsx(TextFieldBaseAutosuggest, _objectSpread({}, rest, fieldProps, {
         onChange: function(event) {
             fieldProps.onChange(event);
             var rawValue = event.currentTarget.value;

package/dist-es/credit-card-fields.js

@@ -1,4 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
 import { useForm } from './form-context';
 import { useTheme } from './hooks';
 import { getCvvLength } from './utils/credit-card';
@@ -9,8 +10,8 @@ import CreditCardNumberField from './credit-card-number-field';
 import CvvField from './cvv-field';
 var CreditCardFields = function(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 ref = useForm(), values = ref.values;
-    var ref1 = useTheme(), texts = ref1.texts;
+    var values = useForm().values;
+    var texts = useTheme().texts;
     var cvvLength = getCvvLength(String(values[numberFieldName]));
     return(/*#__PURE__*/ _jsxs(Stack, {
         space: 16,

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

@@ -12,6 +12,11 @@ import { createUseStyles } from './jss';
 import { useRifm } from 'rifm';
 import { createChangeEvent } from './utils/dom';
 import { combineRefs } from './utils/common';
+function _arrayLikeToArray(arr, len) {
+    if (len == null || len > arr.length) len = arr.length;
+    for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
+    return arr2;
+}
 function _arrayWithHoles(arr) {
     if (Array.isArray(arr)) return arr;
 }
@@ -29,12 +34,14 @@ function _defineProperty(obj, key, value) {
     return obj;
 }
 function _iterableToArrayLimit(arr, i) {
+    var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
+    if (_i == null) return;
     var _arr = [];
     var _n = true;
     var _d = false;
-    var _e = undefined;
+    var _s, _e;
     try {
-        for(var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true){
+        for(_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true){
             _arr.push(_s.value);
             if (i && _arr.length === i) break;
         }
@@ -51,12 +58,11 @@ function _iterableToArrayLimit(arr, i) {
     return _arr;
 }
 function _nonIterableRest() {
-    throw new TypeError("Invalid attempt to destructure non-iterable instance");
+    throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
 function _objectSpread(target) {
     for(var i = 1; i < arguments.length; i++){
-        var source = arguments[i] != null ? arguments[i] : {
-        };
+        var source = arguments[i] != null ? arguments[i] : {};
         var ownKeys = Object.keys(source);
         if (typeof Object.getOwnPropertySymbols === "function") {
             ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
@@ -70,8 +76,7 @@ function _objectSpread(target) {
     return target;
 }
 function _objectWithoutProperties(source, excluded) {
-    if (source == null) return {
-    };
+    if (source == null) return {};
     var target = _objectWithoutPropertiesLoose(source, excluded);
     var key, i;
     if (Object.getOwnPropertySymbols) {
@@ -86,10 +91,8 @@ function _objectWithoutProperties(source, excluded) {
     return target;
 }
 function _objectWithoutPropertiesLoose(source, excluded) {
-    if (source == null) return {
-    };
-    var target = {
-    };
+    if (source == null) return {};
+    var target = {};
     var sourceKeys = Object.keys(source);
     var key, i;
     for(i = 0; i < sourceKeys.length; i++){
@@ -100,7 +103,15 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     return target;
 }
 function _slicedToArray(arr, i) {
-    return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _nonIterableRest();
+    return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
+}
+function _unsupportedIterableToArray(o, minLen) {
+    if (!o) return;
+    if (typeof o === "string") return _arrayLikeToArray(o, minLen);
+    var n = Object.prototype.toString.call(o).slice(8, -1);
+    if (n === "Object" && o.constructor) n = o.constructor.name;
+    if (n === "Map" || n === "Set") return Array.from(n);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
 }
 var format = function(s) {
     var ref;
@@ -109,17 +120,22 @@ var format = function(s) {
     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(_param) {
-    var inputRef = _param.inputRef, value = _param.value, defaultValue = _param.defaultValue, onChange = _param.onChange, other = _objectWithoutProperties(_param, ["inputRef", "value", "defaultValue", "onChange"]);
+    var inputRef = _param.inputRef, value = _param.value, defaultValue = _param.defaultValue, onChange = _param.onChange, other = _objectWithoutProperties(_param, [
+        "inputRef",
+        "value",
+        "defaultValue",
+        "onChange"
+    ]);
     var ref = _slicedToArray(React.useState(defaultValue !== null && defaultValue !== void 0 ? defaultValue : ''), 2), selfValue = ref[0], setSelfValue = ref[1];
-    var ref1 = React.useRef(null);
+    var ref2 = React.useRef(null);
     var isControlledByParent = typeof value !== 'undefined';
     var controlledValue = isControlledByParent ? value : selfValue;
     var handleChangeValue = React.useCallback(function(newFormattedValue) {
         if (!isControlledByParent) {
             setSelfValue(newFormattedValue);
         }
-        if (ref1.current) {
-            onChange === null || onChange === void 0 ? void 0 : onChange(createChangeEvent(ref1.current, newFormattedValue));
+        if (ref2.current) {
+            onChange === null || onChange === void 0 ? void 0 : onChange(createChangeEvent(ref2.current, newFormattedValue));
         }
     }, [
         isControlledByParent,
@@ -131,35 +147,30 @@ var CreditCardInput = function(_param) {
         onChange: handleChangeValue,
         accept: /[\d]+/g
     });
-    return(/*#__PURE__*/ _jsx("input", _objectSpread({
-    }, other, {
+    return(/*#__PURE__*/ _jsx("input", _objectSpread({}, other, {
         type: "text",
         inputMode: "decimal",
         maxLength: getCreditCardNumberLength(rifm.value) + 3,
         onChange: rifm.onChange,
         value: rifm.value,
-        ref: combineRefs(inputRef, ref1)
+        ref: combineRefs(inputRef, ref2)
     })));
 };
 var getAnimationTarget = function(value) {
     if (isVisa(value)) {
-        return(/*#__PURE__*/ _jsx(IconVisa, {
-        }));
+        return(/*#__PURE__*/ _jsx(IconVisa, {}));
     }
     if (isMasterCard(value)) {
-        return(/*#__PURE__*/ _jsx(IconMastercard, {
-        }));
+        return(/*#__PURE__*/ _jsx(IconMastercard, {}));
     }
     if (isAmericanExpress(value)) {
-        return(/*#__PURE__*/ _jsx(IconAmex, {
-        }));
+        return(/*#__PURE__*/ _jsx(IconAmex, {}));
     }
     return null;
 };
 var initialState = {
     showBackface: false,
-    animationTarget: /*#__PURE__*/ _jsx(IconCreditcard, {
-    }),
+    animationTarget: /*#__PURE__*/ _jsx(IconCreditcard, {}),
     isAnimating: false
 };
 var reducer = function(state, param) {
@@ -181,15 +192,13 @@ var reducer = function(state, param) {
             };
         }
         if (animationTarget && state.showBackface) {
-            return _objectSpread({
-            }, state, {
+            return _objectSpread({}, state, {
                 animationTarget: animationTarget
             });
         }
     }
     if (type === 'TRANSITION_END') {
-        return _objectSpread({
-        }, state, {
+        return _objectSpread({}, state, {
             isAnimating: false
         });
     }
@@ -222,7 +231,7 @@ var useStylesCCAdornment = createUseStyles(function() {
 });
 var CreditcardAdornment = function(param) {
     var value = param.value;
-    var ref = _slicedToArray(React.useReducer(reducer, initialState), 2), ref1 = ref[0], showBackface = ref1.showBackface, animationTarget = ref1.animationTarget, isAnimating = ref1.isAnimating, dispatch = ref[1];
+    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',
@@ -246,8 +255,7 @@ var CreditcardAdornment = function(param) {
             children: [
                 /*#__PURE__*/ _jsx("div", {
                     className: classes.flipFront,
-                    children: /*#__PURE__*/ _jsx(IconCreditcard, {
-                    })
+                    children: /*#__PURE__*/ _jsx(IconCreditcard, {})
                 }),
                 /*#__PURE__*/ _jsx("div", {
                     className: classes.flipBack,
@@ -258,13 +266,27 @@ var CreditcardAdornment = function(param) {
     }));
 };
 var CreditCardNumberField = function(_param) {
-    var disabled = _param.disabled, error = _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 ? {
+    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, value = _param.value, _autoComplete = _param.autoComplete, autoComplete = _autoComplete === void 0 ? 'cc-number' : _autoComplete, defaultValue = _param.defaultValue, rest = _objectWithoutProperties(_param, ["disabled", "error", "helperText", "name", "optional", "validate", "onChange", "onChangeValue", "onBlur", "acceptedCards", "value", "autoComplete", "defaultValue"]);
-    var ref = useTheme(), texts = ref.texts;
-    var ref1 = useForm(), jumpToNext = ref1.jumpToNext, rawValues = ref1.rawValues, setFormError = ref1.setFormError;
+    } : _acceptedCards, value1 = _param.value, _autoComplete = _param.autoComplete, autoComplete = _autoComplete === void 0 ? 'cc-number' : _autoComplete, defaultValue = _param.defaultValue, rest = _objectWithoutProperties(_param, [
+        "disabled",
+        "error",
+        "helperText",
+        "name",
+        "optional",
+        "validate",
+        "onChange",
+        "onChangeValue",
+        "onBlur",
+        "acceptedCards",
+        "value",
+        "autoComplete",
+        "defaultValue"
+    ]);
+    var texts = useTheme().texts;
+    var ref = useForm(), jumpToNext = ref.jumpToNext, rawValues = ref.rawValues, setFormError = ref.setFormError;
     var validate = function(value, rawValue) {
         var error = texts.formCreditCardNumberError;
         if (!value) {
@@ -292,21 +314,20 @@ var CreditCardNumberField = function(_param) {
     };
     var fieldProps = useFieldProps({
         name: name,
-        value: value,
+        value: value1,
         defaultValue: defaultValue,
         processValue: processValue,
         helperText: helperText,
         optional: optional,
-        error: error,
+        error: error1,
         disabled: disabled,
         onBlur: onBlur,
         validate: validate,
         onChange: onChange,
         onChangeValue: onChangeValue
     });
-    var ref2;
-    return(/*#__PURE__*/ _jsx(TextFieldBaseAutosuggest, _objectSpread({
-    }, rest, fieldProps, {
+    var ref4;
+    return(/*#__PURE__*/ _jsx(TextFieldBaseAutosuggest, _objectSpread({}, rest, fieldProps, {
         onChange: function(event) {
             fieldProps.onChange(event);
             var rawValue = event.currentTarget.value;
@@ -326,7 +347,7 @@ var CreditCardNumberField = function(_param) {
         inputComponent: CreditCardInput,
         autoComplete: autoComplete,
         endIcon: /*#__PURE__*/ _jsx(CreditcardAdornment, {
-            value: (ref2 = value !== null && value !== void 0 ? value : rawValues[name]) !== null && ref2 !== void 0 ? ref2 : ''
+            value: (ref4 = value1 !== null && value1 !== void 0 ? value1 : rawValues[name]) !== null && ref4 !== void 0 ? ref4 : ''
         })
     })));
 };

package/dist-es/cvv-field.js

@@ -1,4 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import * as React from 'react';
 import { createUseStyles } from './jss';
 import { useTheme } from './hooks';
 import IconCvvVisaMc from './icons/icon-cvv-visa-mc';
@@ -24,8 +25,7 @@ function _defineProperty(obj, key, value) {
 }
 function _objectSpread(target) {
     for(var i = 1; i < arguments.length; i++){
-        var source = arguments[i] != null ? arguments[i] : {
-        };
+        var source = arguments[i] != null ? arguments[i] : {};
         var ownKeys = Object.keys(source);
         if (typeof Object.getOwnPropertySymbols === "function") {
             ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
@@ -39,8 +39,7 @@ function _objectSpread(target) {
     return target;
 }
 function _objectWithoutProperties(source, excluded) {
-    if (source == null) return {
-    };
+    if (source == null) return {};
     var target = _objectWithoutPropertiesLoose(source, excluded);
     var key, i;
     if (Object.getOwnPropertySymbols) {
@@ -55,10 +54,8 @@ function _objectWithoutProperties(source, excluded) {
     return target;
 }
 function _objectWithoutPropertiesLoose(source, excluded) {
-    if (source == null) return {
-    };
-    var target = {
-    };
+    if (source == null) return {};
+    var target = {};
     var sourceKeys = Object.keys(source);
     var key, i;
     for(i = 0; i < sourceKeys.length; i++){
@@ -86,7 +83,7 @@ var useStyles = createUseStyles(function(theme) {
 var TooltipContent = function(param) {
     var acceptedCards = param.acceptedCards;
     var classes = useStyles();
-    var ref = useTheme(), texts = ref.texts;
+    var texts = useTheme().texts;
     return(/*#__PURE__*/ _jsxs(_Fragment, {
         children: [
             /*#__PURE__*/ _jsxs("div", {
@@ -119,13 +116,28 @@ var TooltipContent = function(param) {
     }));
 };
 var CvvField = function(_param) {
-    var disabled = _param.disabled, error = _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 ? {
+    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, value = _param.value, _autoComplete = _param.autoComplete, autoComplete = _autoComplete === void 0 ? 'cc-csc' : _autoComplete, defaultValue = _param.defaultValue, rest = _objectWithoutProperties(_param, ["disabled", "error", "helperText", "name", "optional", "validate", "onChange", "onChangeValue", "onBlur", "acceptedCards", "maxLength", "value", "autoComplete", "defaultValue"]);
-    var ref = useTheme(), texts = ref.texts;
-    var ref1 = useForm(), setFormError = ref1.setFormError, jumpToNext = ref1.jumpToNext;
+    } : _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",
+        "name",
+        "optional",
+        "validate",
+        "onChange",
+        "onChangeValue",
+        "onBlur",
+        "acceptedCards",
+        "maxLength",
+        "value",
+        "autoComplete",
+        "defaultValue"
+    ]);
+    var texts = useTheme().texts;
+    var ref = useForm(), setFormError = ref.setFormError, jumpToNext = ref.jumpToNext;
     var validate = function(value, rawValue) {
         if (!value) {
             return optional ? '' : texts.formFieldErrorIsMandatory;
@@ -140,20 +152,19 @@ var CvvField = function(_param) {
     };
     var fieldProps = useFieldProps({
         name: name,
-        value: value,
+        value: value1,
         defaultValue: defaultValue,
         processValue: processValue,
         helperText: helperText,
         optional: optional,
-        error: error,
+        error: error1,
         disabled: disabled,
         onBlur: onBlur,
         validate: validate,
         onChange: onChange,
         onChangeValue: onChangeValue
     });
-    return(/*#__PURE__*/ _jsx(TextFieldBaseAutosuggest, _objectSpread({
-    }, rest, fieldProps, {
+    return(/*#__PURE__*/ _jsx(TextFieldBaseAutosuggest, _objectSpread({}, rest, fieldProps, {
         maxLength: maxLength,
         onChange: function(event) {
             fieldProps.onChange(event);