@telefonica/mistica 11.2.0 → 11.4.0

package/dist-es/cvv-field.js

@@ -1,15 +1,3 @@
-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';
-import IconCvvAmex from './icons/icon-cvv-amex';
-import Tooltip from './tooltip';
-import IconButton from './icon-button';
-import IcnInfo from './icons/icon-info-cvv';
-import { useFieldProps, useForm } from './form-context';
-import { TextFieldBaseAutosuggest } from './text-field-base';
-import { IntegerInput } from './integer-field';
 function _defineProperty(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
@@ -65,6 +53,18 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
+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";
+import IconCvvAmex from "./icons/icon-cvv-amex";
+import Tooltip from "./tooltip";
+import IconButton from "./icon-button";
+import IcnInfo from "./icons/icon-info-cvv";
+import { useFieldProps, useForm } from "./form-context";
+import { TextFieldBaseAutosuggest } from "./text-field-base";
+import { IntegerInput } from "./integer-field";
 var useStyles = createUseStyles(function(theme) {
     return {
         cvvText: {
@@ -75,8 +75,8 @@ var useStyles = createUseStyles(function(theme) {
             fontSize: 14
         },
         tooltipContainer: {
-            display: 'flex',
-            alignItems: 'center'
+            display: "flex",
+            alignItems: "center"
         }
     };
 });
@@ -84,7 +84,7 @@ var TooltipContent = function(param) {
     var acceptedCards = param.acceptedCards;
     var classes = useStyles();
     var texts = useTheme().texts;
-    return(/*#__PURE__*/ _jsxs(_Fragment, {
+    return /*#__PURE__*/ _jsxs(_Fragment, {
         children: [
             /*#__PURE__*/ _jsxs("div", {
                 className: classes.tooltipContainer,
@@ -113,14 +113,14 @@ var TooltipContent = function(param) {
                 ]
             })
         ]
-    }));
+    });
 };
 var CvvField = function(_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",
@@ -140,7 +140,7 @@ var CvvField = function(_param) {
     var ref = useForm(), setFormError = ref.setFormError, jumpToNext = ref.jumpToNext;
     var validate = function(value, rawValue) {
         if (!value) {
-            return optional ? '' : texts.formFieldErrorIsMandatory;
+            return optional ? "" : texts.formFieldErrorIsMandatory;
         }
         if (value.length !== maxLength) {
             return texts.formCreditCardCvvError;
@@ -164,7 +164,7 @@ var CvvField = function(_param) {
         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);
@@ -196,10 +196,10 @@ var CvvField = function(_param) {
                 children: /*#__PURE__*/ _jsx(IconButton, {
                     size: 40,
                     style: {
-                        display: 'flex',
-                        alignItems: 'center',
-                        justifyContent: 'center',
-                        position: 'relative',
+                        display: "flex",
+                        alignItems: "center",
+                        justifyContent: "center",
+                        position: "relative",
                         left: -12,
                         top: -12
                     },
@@ -211,6 +211,6 @@ var CvvField = function(_param) {
         }),
         autoComplete: autoComplete,
         inputComponent: IntegerInput
-    })));
+    }));
 };
 export default CvvField;

package/dist-es/date-field.js

@@ -1,13 +1,3 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import * as React from 'react';
-import { useFieldProps } from './form-context';
-import { TextFieldBaseAutosuggest } from './text-field-base';
-import { isInputTypeSupported } from './utils/dom';
-import { isServerSide } from './utils/environment';
-import IconCalendarRegular from './generated/mistica-icons/icon-calendar-regular';
-import { getLocalDateString } from './utils/time';
-import { useTheme } from './hooks';
-import { isFirefox } from './utils/platform';
 function _defineProperty(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
@@ -63,8 +53,18 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from "react";
+import { useFieldProps } from "./form-context";
+import { TextFieldBaseAutosuggest } from "./text-field-base";
+import { isInputTypeSupported } from "./utils/dom";
+import { isServerSide } from "./utils/environment";
+import IconCalendarRegular from "./generated/mistica-icons/icon-calendar-regular";
+import { getLocalDateString } from "./utils/time";
+import { useTheme } from "./hooks";
+import { isFirefox } from "./utils/platform";
 var ReactDateTimePicker = /*#__PURE__*/ React.lazy(function() {
-    return import(/* webpackChunkName: "date-time-picker" */ './date-time-picker');
+    return import(/* webpackChunkName: "date-time-picker" */ "./date-time-picker");
 });
 var DateField = function(_param) {
     var disabled = _param.disabled, error = _param.error, helperText = _param.helperText, name = _param.name, optional = _param.optional, validateProp = _param.validate, onChange = _param.onChange, onChangeValueProp = _param.onChangeValue, onBlur = _param.onBlur, value1 = _param.value, defaultValue = _param.defaultValue, min = _param.min, max = _param.max, rest = _objectWithoutProperties(_param, [
@@ -90,7 +90,7 @@ var DateField = function(_param) {
             // disabled in firefox because it shows a close button over the icon and can't be styled
             return false;
         }
-        return isInputTypeSupported('date');
+        return isInputTypeSupported("date");
     }, []);
     var texts = useTheme().texts;
     var isInRange = function(value) {
@@ -134,10 +134,10 @@ var DateField = function(_param) {
         type: "date",
         endIconOverlay: /*#__PURE__*/ _jsx("div", {
             style: {
-                position: 'absolute',
+                position: "absolute",
                 top: 16,
                 right: 16,
-                pointerEvents: 'none'
+                pointerEvents: "none"
             },
             children: /*#__PURE__*/ _jsx(IconCalendarRegular, {})
         })
@@ -145,7 +145,7 @@ var DateField = function(_param) {
     if (hasNativePicker || isServerSide()) {
         return nativePicker;
     }
-    return(/*#__PURE__*/ _jsx(React.Suspense, {
+    return /*#__PURE__*/ _jsx(React.Suspense, {
         fallback: nativePicker,
         children: /*#__PURE__*/ _jsx(ReactDateTimePicker, _objectSpread({}, rest, fieldProps, {
             optional: optional,
@@ -153,6 +153,6 @@ var DateField = function(_param) {
                 return isInRange(getLocalDateString(currentDate.toDate()));
             }
         }))
-    }));
+    });
 };
 export default DateField;

package/dist-es/date-time-field.js

@@ -1,13 +1,3 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import * as React from 'react';
-import { useFieldProps } from './form-context';
-import { TextFieldBaseAutosuggest } from './text-field-base';
-import { isInputTypeSupported } from './utils/dom';
-import { isServerSide } from './utils/environment';
-import { getLocalDateTimeString } from './utils/time';
-import IconCalendarRegular from './generated/mistica-icons/icon-calendar-regular';
-import { isFirefox } from './utils/platform';
-import { useTheme } from './hooks';
 function _defineProperty(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
@@ -63,8 +53,18 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from "react";
+import { useFieldProps } from "./form-context";
+import { TextFieldBaseAutosuggest } from "./text-field-base";
+import { isInputTypeSupported } from "./utils/dom";
+import { isServerSide } from "./utils/environment";
+import { getLocalDateTimeString } from "./utils/time";
+import IconCalendarRegular from "./generated/mistica-icons/icon-calendar-regular";
+import { isFirefox } from "./utils/platform";
+import { useTheme } from "./hooks";
 var ReactDateTimePicker = /*#__PURE__*/ React.lazy(function() {
-    return import(/* webpackChunkName: "date-time-picker" */ './date-time-picker');
+    return import(/* webpackChunkName: "date-time-picker" */ "./date-time-picker");
 });
 var FormDateField = function(_param) {
     var disabled = _param.disabled, error = _param.error, helperText = _param.helperText, name = _param.name, optional = _param.optional, validateProp = _param.validate, onChange = _param.onChange, onChangeValueProp = _param.onChangeValue, onBlur = _param.onBlur, value1 = _param.value, defaultValue = _param.defaultValue, min = _param.min, max = _param.max, rest = _objectWithoutProperties(_param, [
@@ -87,10 +87,10 @@ var FormDateField = function(_param) {
             // disabled for firefox because the picker has no option to select time
             return false;
         }
-        return isInputTypeSupported('datetime-local');
+        return isInputTypeSupported("datetime-local");
     }, []);
     var processValue = function(value) {
-        return hasNativePicker ? value : value.replace(/\s/, 'T');
+        return hasNativePicker ? value : value.replace(/\s/, "T");
     };
     var texts = useTheme().texts;
     var isInRange = function(value) {
@@ -135,10 +135,10 @@ var FormDateField = function(_param) {
         type: "datetime-local",
         endIconOverlay: /*#__PURE__*/ _jsx("div", {
             style: {
-                position: 'absolute',
+                position: "absolute",
                 top: 16,
                 right: 16,
-                pointerEvents: 'none'
+                pointerEvents: "none"
             },
             children: /*#__PURE__*/ _jsx(IconCalendarRegular, {})
         })
@@ -146,7 +146,7 @@ var FormDateField = function(_param) {
     if (hasNativePicker || isServerSide()) {
         return nativePicker;
     }
-    return(/*#__PURE__*/ _jsx(React.Suspense, {
+    return /*#__PURE__*/ _jsx(React.Suspense, {
         fallback: nativePicker,
         children: /*#__PURE__*/ _jsx(ReactDateTimePicker, _objectSpread({}, rest, fieldProps, {
             optional: optional,
@@ -155,6 +155,6 @@ var FormDateField = function(_param) {
                 return isInRange(getLocalDateTimeString(currentDate.toDate()));
             }
         }))
-    }));
+    });
 };
 export default FormDateField;