@telefonica/mistica 10.22.3 → 10.24.2

package/dist/carousel.js.flow

@@ -0,0 +1,77 @@
+// @flow
+
+import * as React from "react";
+import type { DataAttributes } from "./utils/types";
+declare type PageBulletsProps = {
+  currentIndex: number,
+  numPages: number,
+  onPress?: (index: number) => void,
+};
+declare export var PageBullets: React.ComponentType<PageBulletsProps>;
+declare type ItemsPerPageProp =
+  | {
+      mobile?: number,
+      desktop?: number,
+    }
+  | number;
+declare type MobilePageOffset =
+  | number
+  | {
+      prev: number,
+      next: number,
+    };
+declare type CarouselProps = {
+  items: $ReadOnlyArray<React.Node>,
+  withBullets?: boolean,
+  renderBullets?: (bulletsProps: PageBulletsProps) => React.Node,
+  itemsPerPage?: ItemsPerPageProp,
+  /**
+   * scrolls one page by default
+   */
+  itemsToScroll?: number,
+  /**
+   * number of pixels to show for the next/prev page in mobile
+   */
+  mobilePageOffset?: MobilePageOffset,
+  /**
+   * If true, scroll snap doesn't apply and the user has a free scroll
+   */
+  free?: boolean,
+  autoplay?:
+    | boolean
+    | {
+        time: number,
+        loop?: boolean,
+      },
+  onPageChange?: (newPageInfo: {
+    pageIndex: number,
+    shownItemIndexes: Array<number>,
+  }) => void,
+  dataAttributes?: DataAttributes,
+};
+declare export var Carousel: React.ComponentType<CarouselProps>;
+declare type CenteredCarouselProps = {
+  items: $ReadOnlyArray<React.Node>,
+  withBullets?: boolean,
+  renderBullets?: (bulletsProps: PageBulletsProps) => React.Node,
+  onPageChange?: (newPageInfo: {
+    pageIndex: number,
+    shownItemIndexes: Array<number>,
+  }) => void,
+  dataAttributes?: DataAttributes,
+};
+declare export var CenteredCarousel: React.ComponentType<CenteredCarouselProps>;
+declare type SlideshowProps = {
+  items: $ReadOnlyArray<React.Node>,
+  withBullets?: boolean,
+  autoplay?:
+    | boolean
+    | {
+        time: number,
+        loop?: boolean,
+      },
+  onPageChange?: (newPageIndex: number) => void,
+  dataAttributes?: DataAttributes,
+};
+declare export var Slideshow: React.ComponentType<SlideshowProps>;
+declare export {};

package/dist/checkbox.js

@@ -22,13 +22,11 @@ function _interopRequireWildcard(obj) {
     if (obj && obj.__esModule) {
         return obj;
     } else {
-        var newObj = {
-        };
+        var newObj = {};
         if (obj != null) {
             for(var key in obj){
                 if (Object.prototype.hasOwnProperty.call(obj, key)) {
-                    var desc = Object.defineProperty && Object.getOwnPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : {
-                    };
+                    var desc = Object.defineProperty && Object.getOwnPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : {};
                     if (desc.get || desc.set) {
                         Object.defineProperty(newObj, key, desc);
                     } else {
@@ -41,6 +39,11 @@ function _interopRequireWildcard(obj) {
         return newObj;
     }
 }
+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;
 }
@@ -58,12 +61,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;
         }
@@ -80,12 +85,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) {
     var _arguments = arguments, _loop = function(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) {
@@ -100,7 +104,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 = (0, _jss).createUseStyles(function(param) {
     var colors = param.colors, isIos = param.isIos;
@@ -136,7 +148,6 @@ var useIconCheckboxStyles = (0, _jss).createUseStyles(function(param) {
         }
     };
 });
-var _obj;
 var IconCheckbox = function IconCheckbox(param) {
     var isChecked = param.isChecked, disabled = param.disabled;
     var classes = useIconCheckboxStyles();
@@ -145,8 +156,7 @@ var IconCheckbox = function IconCheckbox(param) {
         viewBox: "0 0 10 8",
         width: "10",
         height: "8",
-        className: (0, _classnames).default(classes.check, _defineProperty({
-        }, classes.checkChecked, isChecked)),
+        className: (0, _classnames).default(classes.check, _defineProperty({}, classes.checkChecked, isChecked)),
         children: /*#__PURE__*/ (0, _jsxRuntime).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
@@ -155,16 +165,15 @@ var IconCheckbox = function IconCheckbox(param) {
         viewBox: "0 0 14 10",
         width: "14",
         height: "10",
-        className: (0, _classnames).default(classes.check, _defineProperty({
-        }, classes.checkChecked, isChecked)),
+        className: (0, _classnames).default(classes.check, _defineProperty({}, classes.checkChecked, isChecked)),
         children: /*#__PURE__*/ (0, _jsxRuntime).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__*/ (0, _jsxRuntime).jsx("div", {
-        className: (0, _classnames).default(classes.box, (_obj = {
-        }, _defineProperty(_obj, classes.boxChecked, isChecked), _defineProperty(_obj, classes.disabled, disabled), _obj)),
+        className: (0, _classnames).default(classes.box, (_obj = {}, _defineProperty(_obj, classes.boxChecked, isChecked), _defineProperty(_obj, classes.disabled, disabled), _obj)),
         children: icon
     }));
 };

package/dist/chip.js

@@ -4,6 +4,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _jsxRuntime = require("react/jsx-runtime");
+var React = _interopRequireWildcard(require("react"));
 var _jss = require("./jss");
 var _hooks = require("./hooks");
 var _box = _interopRequireDefault(require("./box"));
@@ -16,6 +17,27 @@ function _interopRequireDefault(obj) {
         default: obj
     };
 }
+function _interopRequireWildcard(obj) {
+    if (obj && obj.__esModule) {
+        return obj;
+    } else {
+        var newObj = {};
+        if (obj != null) {
+            for(var key in obj){
+                if (Object.prototype.hasOwnProperty.call(obj, key)) {
+                    var desc = Object.defineProperty && Object.getOwnPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : {};
+                    if (desc.get || desc.set) {
+                        Object.defineProperty(newObj, key, desc);
+                    } else {
+                        newObj[key] = obj[key];
+                    }
+                }
+            }
+        }
+        newObj.default = obj;
+        return newObj;
+    }
+}
 function _defineProperty(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
@@ -29,11 +51,12 @@ function _defineProperty(obj, key, value) {
     }
     return obj;
 }
-var useStyles = (0, _jss).createUseStyles(function(param) {
-    var colors = param.colors, mq = param.mq;
+var useStyles = (0, _jss).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/circle.js

@@ -4,7 +4,29 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _jsxRuntime = require("react/jsx-runtime");
+var React = _interopRequireWildcard(require("react"));
 var _jss = require("./jss");
+function _interopRequireWildcard(obj) {
+    if (obj && obj.__esModule) {
+        return obj;
+    } else {
+        var newObj = {};
+        if (obj != null) {
+            for(var key in obj){
+                if (Object.prototype.hasOwnProperty.call(obj, key)) {
+                    var desc = Object.defineProperty && Object.getOwnPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : {};
+                    if (desc.get || desc.set) {
+                        Object.defineProperty(newObj, key, desc);
+                    } else {
+                        newObj[key] = obj[key];
+                    }
+                }
+            }
+        }
+        newObj.default = obj;
+        return newObj;
+    }
+}
 var useStyles = (0, _jss).createUseStyles(function() {
     return {
         circle: {

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

@@ -12,13 +12,11 @@ function _interopRequireWildcard(obj) {
     if (obj && obj.__esModule) {
         return obj;
     } else {
-        var newObj = {
-        };
+        var newObj = {};
         if (obj != null) {
             for(var key in obj){
                 if (Object.prototype.hasOwnProperty.call(obj, key)) {
-                    var desc = Object.defineProperty && Object.getOwnPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : {
-                    };
+                    var desc = Object.defineProperty && Object.getOwnPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : {};
                     if (desc.get || desc.set) {
                         Object.defineProperty(newObj, key, desc);
                     } else {
@@ -31,6 +29,11 @@ function _interopRequireWildcard(obj) {
         return newObj;
     }
 }
+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;
 }
@@ -48,12 +51,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;
         }
@@ -70,12 +75,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) {
     var _arguments = arguments, _loop = function(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) {
@@ -90,8 +94,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) {
@@ -106,10 +109,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++){
@@ -120,16 +121,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 MonthYearDateInput(_param) {
-    var inputRef = _param.inputRef, defaultValue = _param.defaultValue, value = _param.value, rest = _objectWithoutProperties(_param, [
+    var inputRef = _param.inputRef, defaultValue = _param.defaultValue, value1 = _param.value, rest = _objectWithoutProperties(_param, [
         "inputRef",
         "defaultValue",
         "value"
     ]);
-    var ref = (0, _hooks).useTheme(), texts = ref.texts;
-    var prevValue = React.useRef(value || '');
+    var texts = (0, _hooks).useTheme().texts;
+    var prevValue = React.useRef(value1 || '');
     /**
      * 1) characters other than [0-9] and '/' are removed
      * 2) automatically insert "/" as you type
@@ -160,8 +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",
@@ -172,13 +180,13 @@ var MonthYearDateInput = function MonthYearDateInput(_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 CreditCardExpirationField(_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, [
+    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",
@@ -192,7 +200,7 @@ var CreditCardExpirationField = function CreditCardExpirationField(_param) {
         "autoComplete",
         "defaultValue"
     ]);
-    var ref = (0, _hooks).useTheme(), texts = ref.texts;
+    var texts = (0, _hooks).useTheme().texts;
     var ref1 = (0, _formContext).useForm(), setFormError = ref1.setFormError, jumpToNext = ref1.jumpToNext;
     var validate = function validate(value, rawValue) {
         if (!rawValue) {
@@ -226,20 +234,19 @@ var CreditCardExpirationField = function CreditCardExpirationField(_param) {
     };
     var fieldProps = (0, _formContext).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__*/ (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;

package/dist/credit-card-fields.js

@@ -4,6 +4,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _jsxRuntime = require("react/jsx-runtime");
+var React = _interopRequireWildcard(require("react"));
 var _formContext = require("./form-context");
 var _hooks = require("./hooks");
 var _creditCard = require("./utils/credit-card");
@@ -17,10 +18,31 @@ function _interopRequireDefault(obj) {
         default: obj
     };
 }
+function _interopRequireWildcard(obj) {
+    if (obj && obj.__esModule) {
+        return obj;
+    } else {
+        var newObj = {};
+        if (obj != null) {
+            for(var key in obj){
+                if (Object.prototype.hasOwnProperty.call(obj, key)) {
+                    var desc = Object.defineProperty && Object.getOwnPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : {};
+                    if (desc.get || desc.set) {
+                        Object.defineProperty(newObj, key, desc);
+                    } else {
+                        newObj[key] = obj[key];
+                    }
+                }
+            }
+        }
+        newObj.default = obj;
+        return newObj;
+    }
+}
 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 ref = (0, _formContext).useForm(), values = ref.values;
-    var ref1 = (0, _hooks).useTheme(), texts = ref1.texts;
+    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, {
         space: 16,