@widergy/energy-ui 3.173.2 → 3.173.4

package/dist/esm/components/UTConsumptionBar/components/ConsumptionBarIndicatorTop/index.js

@@ -1,38 +1 @@
-import React from 'react';
-import { number, object, string } from 'prop-types';
-import UTLabel from '../../../UTLabel';
-import styles from './styles.module.scss';
-const ConsumptionBarIndicatorTop = _ref => {
-  let {
-    left,
-    title,
-    subtitle,
-    classes
-  } = _ref;
-  return /*#__PURE__*/React.createElement("div", {
-    className: styles.indicator,
-    style: {
-      left: "".concat(left, "%")
-    }
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "".concat(styles.indicatorText, " ").concat(classes === null || classes === void 0 ? void 0 : classes.indicatorText)
-  }, /*#__PURE__*/React.createElement(UTLabel, {
-    className: styles.alignCenter,
-    colorTheme: "neutral",
-    shade: "03",
-    weight: "bold"
-  }, title), /*#__PURE__*/React.createElement(UTLabel, {
-    className: styles.subtitleLabel,
-    colorTheme: "gray",
-    weight: "bold"
-  }, subtitle)), /*#__PURE__*/React.createElement("div", {
-    className: styles.indicatorMarker
-  }));
-};
-ConsumptionBarIndicatorTop.propTypes = {
-  classes: object,
-  left: number,
-  title: string,
-  subtitle: string
-};
-export default ConsumptionBarIndicatorTop;
+import React from"react";import{number,object,string}from"prop-types";import UTLabel from"../../../UTLabel";import styles from"./styles.module.scss";const ConsumptionBarIndicatorTop=e=>{let{left:t,title:a,subtitle:s,classes:l}=e;return React.createElement("div",{className:styles.indicator,style:{left:"".concat(t,"%")}},React.createElement("div",{className:"".concat(styles.indicatorText," ").concat(null==l?void 0:l.indicatorText)},React.createElement(UTLabel,{className:styles.alignCenter,colorTheme:"neutral",shade:"03",weight:"bold"},a),React.createElement(UTLabel,{className:styles.subtitleLabel,colorTheme:"gray",weight:"bold"},s)),React.createElement("div",{className:styles.indicatorMarker}))};ConsumptionBarIndicatorTop.propTypes={classes:object,left:number,title:string,subtitle:string};export default ConsumptionBarIndicatorTop;

package/dist/esm/components/UTConsumptionBar/constants.js

@@ -1,3 +1 @@
-export const UP = 'up';
-export const DOWN = 'down';
-export const MIN_LINE_WIDTH = '550';
+export const UP="up";export const DOWN="down";export const MIN_LINE_WIDTH="550";

package/dist/esm/components/UTConsumptionBar/index.js

@@ -1,109 +1 @@
-import React, { useRef, useEffect, useState } from 'react';
-import Tippy from '@tippy.js/react';
-import { arrayOf, bool, object, number, shape, string } from 'prop-types';
-import UTLabel from '../UTLabel';
-import ConsumptionBarIndicator from './components/ConsumptionBarIndicator';
-import ConsumptionBarIndicatorTop from './components/ConsumptionBarIndicatorTop';
-import { UP, DOWN, MIN_LINE_WIDTH } from './constants';
-import styles from './styles.module.scss';
-const UTConsumptionBar = _ref => {
-  let {
-    categoryLines,
-    classes,
-    hideAmount = false,
-    values
-  } = _ref;
-  const widthRef = useRef();
-  const [showLabel, setShowLabel] = useState(true);
-  const handleSetShowLabel = () => {
-    if (widthRef.current.offsetWidth < MIN_LINE_WIDTH) setShowLabel(false);else setShowLabel(true);
-  };
-  useEffect(() => {
-    window.addEventListener('resize', handleSetShowLabel);
-    handleSetShowLabel();
-    return () => window.removeEventListener('resize', handleSetShowLabel);
-  }, []);
-  const downIndicators = values.filter(value => value.position === DOWN);
-  const upIndicators = values.filter(value => value.position === UP);
-  const maxValue = Math.max(...categoryLines.rates.map(category => category.range[0]));
-  const getLeftPosition = watts => 25 * 100 / maxValue * (watts / 25);
-  const getIndicatorPosition = value => value <= maxValue && value >= 0 ? getLeftPosition(value) : value < 0 ? 0 : 101.7;
-  const renderCategoryLines = function () {
-    let categoryLine = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-    let index = arguments.length > 1 ? arguments[1] : undefined;
-    let elements = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];
-    const {
-      range,
-      category,
-      name
-    } = categoryLine;
-    const kwh = range[0];
-    const barPosition = getLeftPosition(kwh);
-    let nextBarPosition;
-    if (elements.length === index + 1) {
-      nextBarPosition = barPosition + 4;
-    } else {
-      nextBarPosition = getLeftPosition(elements[index + 1].kwh);
-    }
-    const width = (nextBarPosition - barPosition) / 2;
-    const tippyContent = Number.isInteger(range[1]) ? "".concat(range[0], " - ").concat(range[1], " kWh") : "".concat(range[0], "+ kWh");
-    return /*#__PURE__*/React.createElement("div", {
-      key: category,
-      className: styles.categoryLineContainer,
-      style: {
-        left: "calc(".concat(getLeftPosition(kwh), "%)"),
-        width: "calc(".concat(width, "% + 7px)")
-      }
-    }, /*#__PURE__*/React.createElement("div", {
-      className: styles.lineContainer
-    }, /*#__PURE__*/React.createElement("div", {
-      className: styles.line
-    })), /*#__PURE__*/React.createElement(Tippy, {
-      content: "Categor\xEDa ".concat(name, ": ").concat(tippyContent),
-      arrow: true
-    }, /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement(UTLabel, {
-      className: "".concat(styles.categoryLineText, " ").concat(classes === null || classes === void 0 ? void 0 : classes.categoryLineText),
-      colorTheme: "information",
-      variant: "xsmall",
-      weight: "bold"
-    }, showLabel ? name : ''))));
-  };
-  return /*#__PURE__*/React.createElement("div", {
-    className: styles.estimatedContainer
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "".concat(styles.container, " ").concat(classes === null || classes === void 0 ? void 0 : classes.container)
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "".concat(styles.bar, " ").concat(downIndicators.length > 0 && styles.colorizedBar),
-    ref: widthRef
-  }), upIndicators.map(indicator => /*#__PURE__*/React.createElement(ConsumptionBarIndicatorTop, {
-    classes: classes,
-    key: indicator.title,
-    left: getIndicatorPosition(indicator.value),
-    title: indicator.title,
-    subtitle: indicator.subtitle
-  })), categoryLines.rates.map(renderCategoryLines), downIndicators.map(indicator => /*#__PURE__*/React.createElement(ConsumptionBarIndicator, {
-    classes: classes,
-    className: styles.indicator,
-    hideAmount: hideAmount,
-    key: indicator.title,
-    left: getIndicatorPosition(indicator.value),
-    total: indicator.total,
-    unit: indicator.title,
-    value: indicator.value
-  }))), /*#__PURE__*/React.createElement("div", {
-    className: "".concat(styles.finishLine1, " ").concat(downIndicators.length > 0 && styles.colorizedLine)
-  }));
-};
-UTConsumptionBar.propTypes = {
-  categoryLines: object,
-  classes: object,
-  hideAmount: bool,
-  values: arrayOf(shape({
-    position: string,
-    subtitle: string,
-    title: string,
-    total: number,
-    value: number
-  }))
-};
-export default UTConsumptionBar;
+import React,{useRef,useEffect,useState}from"react";import Tippy from"@tippy.js/react";import{arrayOf,bool,object,number,shape,string}from"prop-types";import UTLabel from"../UTLabel";import ConsumptionBarIndicator from"./components/ConsumptionBarIndicator";import ConsumptionBarIndicatorTop from"./components/ConsumptionBarIndicatorTop";import{UP,DOWN,MIN_LINE_WIDTH}from"./constants";import styles from"./styles.module.scss";const UTConsumptionBar=e=>{let{categoryLines:t,classes:a,hideAmount:n=!1,values:o}=e;const s=useRef(),[c,r]=useState(!0),i=()=>{s.current.offsetWidth<MIN_LINE_WIDTH?r(!1):r(!0)};useEffect(()=>(window.addEventListener("resize",i),i(),()=>window.removeEventListener("resize",i)),[]);const l=o.filter(e=>e.position===DOWN),m=o.filter(e=>e.position===UP),p=Math.max(...t.rates.map(e=>e.range[0])),u=e=>2500/p*(e/25),d=e=>e<=p&&e>=0?u(e):e<0?0:101.7;return React.createElement("div",{className:styles.estimatedContainer},React.createElement("div",{className:"".concat(styles.container," ").concat(null==a?void 0:a.container)},React.createElement("div",{className:"".concat(styles.bar," ").concat(l.length>0&&styles.colorizedBar),ref:s}),m.map(e=>React.createElement(ConsumptionBarIndicatorTop,{classes:a,key:e.title,left:d(e.value),title:e.title,subtitle:e.subtitle})),t.rates.map(function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=arguments.length>1?arguments[1]:void 0,n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:[];const{range:o,category:s,name:r}=e,i=o[0],l=u(i);let m;m=n.length===t+1?l+4:u(n[t+1].kwh);const p=(m-l)/2,d=Number.isInteger(o[1])?"".concat(o[0]," - ").concat(o[1]," kWh"):"".concat(o[0],"+ kWh");return React.createElement("div",{key:s,className:styles.categoryLineContainer,style:{left:"calc(".concat(u(i),"%)"),width:"calc(".concat(p,"% + 7px)")}},React.createElement("div",{className:styles.lineContainer},React.createElement("div",{className:styles.line})),React.createElement(Tippy,{content:"Categoría ".concat(r,": ").concat(d),arrow:!0},React.createElement("span",null,React.createElement(UTLabel,{className:"".concat(styles.categoryLineText," ").concat(null==a?void 0:a.categoryLineText),colorTheme:"information",variant:"xsmall",weight:"bold"},c?r:""))))}),l.map(e=>React.createElement(ConsumptionBarIndicator,{classes:a,className:styles.indicator,hideAmount:n,key:e.title,left:d(e.value),total:e.total,unit:e.title,value:e.value}))),React.createElement("div",{className:"".concat(styles.finishLine1," ").concat(l.length>0&&styles.colorizedLine)}))};UTConsumptionBar.propTypes={categoryLines:object,classes:object,hideAmount:bool,values:arrayOf(shape({position:string,subtitle:string,title:string,total:number,value:number}))};export default UTConsumptionBar;

package/dist/esm/components/UTCreditCard/constants.js

@@ -1,22 +1 @@
-import { normalizeName, formatCreditCardNumber, formatCVC, formatExpirationDate } from '@widergy/web-utils/lib/normalize';
-export const fields = {
-  NUMBER: 'number',
-  EXPIRY: 'expiry',
-  CVC: 'cvc',
-  NAME: 'name'
-};
-export const getFormater = (cardField, nameFiled, cvcField, expires) => ({
-  [cardField]: formatCreditCardNumber,
-  [cvcField]: formatCVC,
-  [expires]: formatExpirationDate,
-  [nameFiled]: normalizeName
-});
-export const DEFAULT_CHILD_KEYS = ['cardNumber', 'holderName', 'securityCode', 'expMonth', 'expYear', 'expires'];
-export const DEFAULT_TEXTS = {
-  cardExpDate: 'Vencimiento',
-  cardNamePlaceholder: 'Nombre completo',
-  cvcTitle: 'Cod. seguridad',
-  expiryTitle: 'Vencimiento',
-  nameTitle: 'Nombre y apellido',
-  numberTitle: 'N° de tarjeta'
-};
+import{normalizeName,formatCreditCardNumber,formatCVC,formatExpirationDate}from"@widergy/web-utils/lib/normalize";export const fields={NUMBER:"number",EXPIRY:"expiry",CVC:"cvc",NAME:"name"};export const getFormater=(e,r,t,o)=>({[e]:formatCreditCardNumber,[t]:formatCVC,[o]:formatExpirationDate,[r]:normalizeName});export const DEFAULT_CHILD_KEYS=["cardNumber","holderName","securityCode","expMonth","expYear","expires"];export const DEFAULT_TEXTS={cardExpDate:"Vencimiento",cardNamePlaceholder:"Nombre completo",cvcTitle:"Cod. seguridad",expiryTitle:"Vencimiento",nameTitle:"Nombre y apellido",numberTitle:"N° de tarjeta"};

package/dist/esm/components/UTCreditCard/index.js

@@ -1,151 +1 @@
-import { bool, string, object, array, func } from 'prop-types';
-import Card from 'react-credit-cards';
-import React, { useReducer, useState } from 'react';
-import UTPasswordField from '../UTPasswordField';
-import UTTextInput from '../UTTextInput';
-import { TEST_IDS } from '../../constants/testIds';
-import { CREDIT_CARD_NAMES } from '../../constants/inputs';
-import 'react-credit-cards/es/styles-compiled.css';
-import { fields, getFormater, DEFAULT_CHILD_KEYS, DEFAULT_TEXTS } from './constants';
-import styles from './styles.module.scss';
-const {
-  creditCard
-} = TEST_IDS;
-const UTCreditCard = _ref => {
-  var _value$expYearField;
-  let {
-    childKeys = DEFAULT_CHILD_KEYS,
-    className,
-    error,
-    onChange,
-    texts: {
-      cardExpDate,
-      cardNamePlaceholder,
-      cvcTitle,
-      expiryTitle,
-      nameTitle,
-      numberTitle
-    } = DEFAULT_TEXTS,
-    unmaskCsc,
-    value = {}
-  } = _ref;
-  const [cardField, nameFiled, cvcField, expMonthField, expYearField, expires] = childKeys;
-  const formater = getFormater(cardField, nameFiled, cvcField, expires);
-  const [cvcVisibility, setCvcVisibility] = useState(false);
-  const [values, setValues] = useReducer((state, _ref2) => {
-    let {
-      field,
-      newVal
-    } = _ref2;
-    const formatedValue = formater[field](newVal, state[cardField]);
-    const newState = {
-      ...state,
-      [field]: formatedValue
-    };
-    if (field === expires) {
-      newState[expMonthField] = formatedValue.substring(0, 2);
-      newState[expYearField] = "20".concat(formatedValue.substring(3, 5));
-    }
-    onChange(newState);
-    return newState;
-  }, {
-    [cardField]: '',
-    [nameFiled]: '',
-    [cvcField]: '',
-    [expMonthField]: '',
-    [expYearField]: '',
-    [expires]: value[expMonthField] ? "".concat(value[expMonthField], "/").concat((_value$expYearField = value[expYearField]) === null || _value$expYearField === void 0 ? void 0 : _value$expYearField.substring(2, 4)) : '',
-    ...value
-  });
-  const [focused, setFocused] = useState('');
-  const errors = error ? JSON.parse(error) : {};
-  const onChangeField = field => newVal => setValues({
-    field,
-    newVal
-  });
-  const CSVComponent = unmaskCsc ? UTTextInput : UTPasswordField;
-  return /*#__PURE__*/React.createElement("div", {
-    className: "".concat(styles.container, " ").concat(className)
-  }, /*#__PURE__*/React.createElement(Card, {
-    cvc: cvcVisibility || unmaskCsc ? values[cvcField] : values[cvcField].replace(/./g, '*'),
-    expiry: values.expiry,
-    focused: focused,
-    locale: {
-      valid: cardExpDate
-    },
-    name: values[nameFiled],
-    number: values[cardField] || '',
-    placeholders: {
-      name: cardNamePlaceholder
-    }
-  }), /*#__PURE__*/React.createElement("div", {
-    className: styles.fields
-  }, /*#__PURE__*/React.createElement(UTTextInput, {
-    autocomplete: "cc-number",
-    dataTestId: creditCard.cardField,
-    error: errors[cardField],
-    name: CREDIT_CARD_NAMES.cardNumber,
-    onChange: onChangeField(cardField),
-    onFocus: () => setFocused(fields.NUMBER),
-    required: true,
-    title: numberTitle,
-    validationDataTestId: "".concat(creditCard.cardField, ".validation"),
-    value: values[cardField],
-    version: "V1"
-  }), /*#__PURE__*/React.createElement("div", {
-    className: styles.row
-  }, /*#__PURE__*/React.createElement(UTTextInput, {
-    autocomplete: "cc-exp",
-    classNames: {
-      container: styles.inRow
-    },
-    dataTestId: creditCard.expires,
-    error: errors[expires],
-    name: CREDIT_CARD_NAMES.cardExpDate,
-    onChange: onChangeField(expires),
-    onFocus: () => setFocused(fields.EXPIRY),
-    required: true,
-    title: expiryTitle,
-    validationDataTestId: "".concat(creditCard.expires, ".validation"),
-    value: values[expires],
-    version: "V1"
-  }), /*#__PURE__*/React.createElement(CSVComponent, {
-    autocomplete: unmaskCsc ? 'cc-csc' : 'off',
-    classNames: {
-      container: styles.inRow
-    },
-    dataTestId: creditCard.cvcField,
-    error: errors[cvcField],
-    name: CREDIT_CARD_NAMES.cardCvc,
-    onChange: onChangeField(cvcField),
-    onFocus: () => setFocused(fields.CVC),
-    onVisibilityToggle: setCvcVisibility,
-    required: true,
-    title: cvcTitle,
-    validationDataTestId: "".concat(creditCard.cvcField, ".validation"),
-    value: values[cvcField],
-    version: "V1"
-  })), /*#__PURE__*/React.createElement(UTTextInput, {
-    autocomplete: "cc-name",
-    dataTestId: creditCard.nameField,
-    error: errors[nameFiled],
-    name: CREDIT_CARD_NAMES.cardName,
-    onChange: onChangeField(nameFiled),
-    required: true,
-    onFocus: () => setFocused(fields.NAME),
-    title: nameTitle,
-    validationDataTestId: "".concat(creditCard.nameField, ".validation"),
-    value: values[nameFiled],
-    version: "V1"
-  })));
-};
-UTCreditCard.propTypes = {
-  childKeys: array,
-  className: string,
-  error: object,
-  onChange: func,
-  texts: object,
-  unmaskCsc: bool,
-  value: object
-};
-export default UTCreditCard;
+import{bool,string,object,array,func}from"prop-types";import Card from"react-credit-cards";import React,{useReducer,useState}from"react";import UTPasswordField from"../UTPasswordField";import UTTextInput from"../UTTextInput";import{TEST_IDS}from"../../constants/testIds";import{CREDIT_CARD_NAMES}from"../../constants/inputs";import"react-credit-cards/es/styles-compiled.css";import{fields,getFormater,DEFAULT_CHILD_KEYS,DEFAULT_TEXTS}from"./constants";import styles from"./styles.module.scss";const{creditCard:creditCard}=TEST_IDS,UTCreditCard=e=>{var t;let{childKeys:a=DEFAULT_CHILD_KEYS,className:r,error:c,onChange:s,texts:{cardExpDate:o,cardNamePlaceholder:i,cvcTitle:d,expiryTitle:n,nameTitle:l,numberTitle:m}=DEFAULT_TEXTS,unmaskCsc:u,value:T={}}=e;const[C,p,E,v,I,R]=a,D=getFormater(C,p,E,R),[f,F]=useState(!1),[y,N]=useReducer((e,t)=>{let{field:a,newVal:r}=t;const c=D[a](r,e[C]),o={...e,[a]:c};return a===R&&(o[v]=c.substring(0,2),o[I]="20".concat(c.substring(3,5))),s(o),o},{[C]:"",[p]:"",[E]:"",[v]:"",[I]:"",[R]:T[v]?"".concat(T[v],"/").concat(null===(t=T[I])||void 0===t?void 0:t.substring(2,4)):"",...T}),[_,x]=useState(""),S=c?JSON.parse(c):{},U=e=>t=>N({field:e,newVal:t}),g=u?UTTextInput:UTPasswordField;return React.createElement("div",{className:"".concat(styles.container," ").concat(r)},React.createElement(Card,{cvc:f||u?y[E]:y[E].replace(/./g,"*"),expiry:y.expiry,focused:_,locale:{valid:o},name:y[p],number:y[C]||"",placeholders:{name:i}}),React.createElement("div",{className:styles.fields},React.createElement(UTTextInput,{autocomplete:"cc-number",dataTestId:creditCard.cardField,error:S[C],name:CREDIT_CARD_NAMES.cardNumber,onChange:U(C),onFocus:()=>x(fields.NUMBER),required:!0,title:m,validationDataTestId:"".concat(creditCard.cardField,".validation"),value:y[C],version:"V1"}),React.createElement("div",{className:styles.row},React.createElement(UTTextInput,{autocomplete:"cc-exp",classNames:{container:styles.inRow},dataTestId:creditCard.expires,error:S[R],name:CREDIT_CARD_NAMES.cardExpDate,onChange:U(R),onFocus:()=>x(fields.EXPIRY),required:!0,title:n,validationDataTestId:"".concat(creditCard.expires,".validation"),value:y[R],version:"V1"}),React.createElement(g,{autocomplete:u?"cc-csc":"off",classNames:{container:styles.inRow},dataTestId:creditCard.cvcField,error:S[E],name:CREDIT_CARD_NAMES.cardCvc,onChange:U(E),onFocus:()=>x(fields.CVC),onVisibilityToggle:F,required:!0,title:d,validationDataTestId:"".concat(creditCard.cvcField,".validation"),value:y[E],version:"V1"})),React.createElement(UTTextInput,{autocomplete:"cc-name",dataTestId:creditCard.nameField,error:S[p],name:CREDIT_CARD_NAMES.cardName,onChange:U(p),required:!0,onFocus:()=>x(fields.NAME),title:l,validationDataTestId:"".concat(creditCard.nameField,".validation"),value:y[p],version:"V1"})))};UTCreditCard.propTypes={childKeys:array,className:string,error:object,onChange:func,texts:object,unmaskCsc:bool,value:object};export default UTCreditCard;

package/dist/esm/components/UTCuit/index.js

@@ -1,19 +1 @@
-import React from 'react';
-import { string } from 'prop-types';
-import V0 from './versions/V0';
-import V1 from './versions/V1';
-const UTCuit = _ref => {
-  let {
-    version = 'V0',
-    ...props
-  } = _ref;
-  const Component = {
-    V0,
-    V1
-  }[version];
-  return /*#__PURE__*/React.createElement(Component, props);
-};
-UTCuit.propTypes = {
-  version: string
-};
-export default UTCuit;
+import React from"react";import{string}from"prop-types";import V0 from"./versions/V0";import V1 from"./versions/V1";const UTCuit=r=>{let{version:t="V0",...e}=r;const o={V0:V0,V1:V1}[t];return React.createElement(o,e)};UTCuit.propTypes={version:string};export default UTCuit;

package/dist/esm/components/UTCuit/theme.js

@@ -1,59 +1 @@
-import { getIn } from 'seamless-immutable';
-import { createTheme } from '@material-ui/core/styles';
-import Colors from '../../scss/variables/colors.module.scss';
-export const retrieveMuiTheme = theme => createTheme({
-  typography: {
-    fontFamily: getIn(theme, ['Fonts', 'fontFamily'])
-  },
-  overrides: {
-    MuiInput: {
-      input: {
-        fontSize: getIn(theme, ['UTTextInput', 'fontSize'], getIn(theme, ['Fonts', 'medium'], 14)),
-        color: getIn(theme, ['UTTextInput', 'color'])
-      },
-      underline: {
-        '&:hover:not($disabled):not($focused):not($error):before': {
-          borderBottom: getIn(theme, ['UTTextInput', 'underline', 'hover', 'borderBottom'], "1px solid ".concat(Colors.gray))
-        },
-        '&$disabled:before': {
-          borderBottom: getIn(theme, ['UTTextInput', 'underline', 'disabled', 'borderBottom'], "1px solid ".concat(Colors.gray))
-        },
-        '&:before': {
-          borderBottom: getIn(theme, ['UTTextInput', 'underline', 'unfocused', 'borderBottom'], "1px solid ".concat(Colors.gray))
-        },
-        '&$focused:after': {
-          borderBottom: getIn(theme, ['UTTextInput', 'underline', 'focused', 'borderBottom'], "2px solid ".concat(Colors.primary))
-        },
-        '&:after': {
-          borderBottom: getIn(theme, ['UTTextInput', 'underline', 'base', 'borderBottom'], "2px solid ".concat(Colors.primary))
-        },
-        '&$error:after': {
-          borderBottom: "2px solid ".concat(theme.Palette.error['05']),
-          borderBottomColor: theme.Palette.error['05']
-        }
-      }
-    },
-    MuiFormLabel: {
-      root: {
-        color: getIn(theme, ['UTTextInput', 'formLabel', 'color']),
-        '&$error': {
-          color: getIn(theme, ['UTTextInput', 'formLabel', 'errorColor'], Colors.gray)
-        },
-        '&$focused': {
-          color: getIn(theme, ['UTTextInput', 'formLabel', 'focusedColor'], Colors.primary),
-          '&$error': {
-            color: theme.Palette.error['05']
-          }
-        },
-        fontFamily: getIn(theme, ['Fonts', 'fontFamily']),
-        fontSize: getIn(theme, ['UTTextInput', 'fontSize'], getIn(theme, ['Fonts', 'medium'], 14))
-      }
-    },
-    MuiFormHelperText: {
-      root: {
-        fontSize: getIn(theme, ['UTTextInput', 'helperText', 'fontSize'], 12),
-        color: getIn(theme, ['UTTextInput', 'helperText', 'color'], theme.Palette.error['05'])
-      }
-    }
-  }
-});
+import{getIn}from"seamless-immutable";import{createTheme}from"@material-ui/core/styles";import Colors from"../../scss/variables/colors.module.scss";export const retrieveMuiTheme=o=>createTheme({typography:{fontFamily:getIn(o,["Fonts","fontFamily"])},overrides:{MuiInput:{input:{fontSize:getIn(o,["UTTextInput","fontSize"],getIn(o,["Fonts","medium"],14)),color:getIn(o,["UTTextInput","color"])},underline:{"&:hover:not($disabled):not($focused):not($error):before":{borderBottom:getIn(o,["UTTextInput","underline","hover","borderBottom"],"1px solid ".concat(Colors.gray))},"&$disabled:before":{borderBottom:getIn(o,["UTTextInput","underline","disabled","borderBottom"],"1px solid ".concat(Colors.gray))},"&:before":{borderBottom:getIn(o,["UTTextInput","underline","unfocused","borderBottom"],"1px solid ".concat(Colors.gray))},"&$focused:after":{borderBottom:getIn(o,["UTTextInput","underline","focused","borderBottom"],"2px solid ".concat(Colors.primary))},"&:after":{borderBottom:getIn(o,["UTTextInput","underline","base","borderBottom"],"2px solid ".concat(Colors.primary))},"&$error:after":{borderBottom:"2px solid ".concat(o.Palette.error["05"]),borderBottomColor:o.Palette.error["05"]}}},MuiFormLabel:{root:{color:getIn(o,["UTTextInput","formLabel","color"]),"&$error":{color:getIn(o,["UTTextInput","formLabel","errorColor"],Colors.gray)},"&$focused":{color:getIn(o,["UTTextInput","formLabel","focusedColor"],Colors.primary),"&$error":{color:o.Palette.error["05"]}},fontFamily:getIn(o,["Fonts","fontFamily"]),fontSize:getIn(o,["UTTextInput","fontSize"],getIn(o,["Fonts","medium"],14))}},MuiFormHelperText:{root:{fontSize:getIn(o,["UTTextInput","helperText","fontSize"],12),color:getIn(o,["UTTextInput","helperText","color"],o.Palette.error["05"])}}}});

package/dist/esm/components/UTCuit/versions/V0/index.js

@@ -1,177 +1 @@
-function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-import React, { PureComponent } from 'react';
-import TextField from '@material-ui/core/TextField';
-import { shouldShowErrors } from '@widergy/web-utils/lib/form';
-import { string } from 'prop-types';
-import UTLabel from '../../../UTLabel';
-import WithTheme from '../../../WithTheme';
-import { inputPropTypes, metaPropTypes, fieldType } from '../../../../types/formTypes';
-import { retrieveMuiTheme } from './theme';
-import styles from './styles.module.scss';
-class UTCuit extends PureComponent {
-  constructor(props) {
-    super(props);
-    _defineProperty(this, "handleChangeCuit", () => {
-      const {
-        prefix,
-        document,
-        verificationCode
-      } = this.state;
-      this.props.input.onChange(prefix.concat(document, verificationCode));
-    });
-    _defineProperty(this, "handleKeyPress", event => {
-      const regexp = /[0-9]+/g;
-      if (!regexp.test(event.key)) {
-        event.preventDefault();
-      }
-    });
-    _defineProperty(this, "handleOnChangePrefix", event => {
-      const normalizePrefix = event.target.value.replace(/^[^2-3]/g, '');
-      const prefix = normalizePrefix.slice(0, 2);
-      this.setState({
-        prefix
-      }, this.handleChangeCuit);
-    });
-    _defineProperty(this, "handleOnChangeDocument", event => {
-      const document = event.target.value.slice(0, 8);
-      this.setState({
-        document
-      }, this.handleChangeCuit);
-    });
-    _defineProperty(this, "handleOnChangeVerificationCode", event => {
-      const verificationCode = event.target.value.slice(0, 1);
-      this.setState({
-        verificationCode
-      }, this.handleChangeCuit);
-    });
-    _defineProperty(this, "handleSetDocument", value => {
-      this.setState({
-        document: value.padStart(8, '0')
-      });
-    });
-    _defineProperty(this, "verificationCodeRef", input => {
-      this.setState({
-        verificationCodeRef: input
-      });
-    });
-    _defineProperty(this, "documentRef", input => {
-      this.setState({
-        documentRef: input
-      });
-    });
-    _defineProperty(this, "handleFocus", () => {
-      if (this.state.prefix.length === 2 && this.state.document.length === 8) {
-        this.state.verificationCodeRef.focus();
-      } else if (this.state.prefix.length === 2) {
-        this.state.documentRef.focus();
-      }
-    });
-    this.state = {
-      prefix: '',
-      verificationCode: '',
-      document: '',
-      verificationCodeRef: null,
-      documentRef: null
-    };
-  }
-  componentDidUpdate() {
-    if (this.state.prefix.length === 0 && this.state.document.length === 0 && this.state.verificationCode.length === 0 && this.props.input && this.props.input.value && this.props.field.configuration.disable_document) this.handleSetDocument(this.props.input.value);
-  }
-  render() {
-    const {
-      prefix,
-      document,
-      verificationCode
-    } = this.state;
-    const {
-      documentDataTestId,
-      prefixDataTestId,
-      verificationCodeDataTestId,
-      input: {
-        name
-      }
-    } = this.props;
-    this.handleFocus();
-    return /*#__PURE__*/React.createElement("div", {
-      className: styles.container
-    }, /*#__PURE__*/React.createElement("div", {
-      className: styles.fieldContainer
-    }, /*#__PURE__*/React.createElement(TextField, {
-      autoComplete: "off",
-      autoFocus: this.props.field.configuration.auto_focus,
-      className: styles.fieldCuit,
-      error: shouldShowErrors(this.props.meta) ? this.props.meta.error : '',
-      fullWidth: true,
-      InputLabelProps: {
-        shrink: this.props.input.value !== 0
-      },
-      InputProps: {
-        type: 'input',
-        inputProps: {
-          'data-testid': prefixDataTestId,
-          'data-keyboard': name ? "prefix-".concat(name) : null
-        }
-      },
-      label: this.props.field.label,
-      margin: "none",
-      name: "prefix",
-      onChange: this.handleOnChangePrefix,
-      onKeyPress: this.handleKeyPress,
-      placeholder: "XX",
-      value: prefix
-    }), /*#__PURE__*/React.createElement(TextField, {
-      autoComplete: "off",
-      className: styles.fieldDocument,
-      disabled: this.props.field.configuration.disable_document,
-      error: shouldShowErrors(this.props.meta) ? this.props.meta.error : '',
-      fullWidth: true,
-      InputProps: {
-        type: 'text',
-        inputProps: {
-          'data-testid': documentDataTestId,
-          'data-keyboard': name ? "document-".concat(name) : null
-        }
-      },
-      inputRef: this.documentRef,
-      margin: "none",
-      name: "document",
-      onChange: this.handleOnChangeDocument,
-      onKeyPress: this.handleKeyPress,
-      placeholder: "XXXXXXXX",
-      value: document
-    }), /*#__PURE__*/React.createElement(TextField, {
-      autoComplete: "off",
-      className: styles.fieldCuit,
-      error: shouldShowErrors(this.props.meta) ? this.props.meta.error : '',
-      fullWidth: true,
-      inputRef: this.verificationCodeRef,
-      InputProps: {
-        type: 'input',
-        inputProps: {
-          'data-testid': verificationCodeDataTestId,
-          'data-keyboard': name ? "verificationCode-".concat(name) : null
-        }
-      },
-      margin: "none",
-      name: "verificationCode",
-      onChange: this.handleOnChangeVerificationCode,
-      onKeyPress: this.handleKeyPress,
-      placeholder: "X",
-      value: verificationCode
-    })), /*#__PURE__*/React.createElement(UTLabel, {
-      variant: "small",
-      colorTheme: "error"
-    }, shouldShowErrors(this.props.meta) ? this.props.meta.error : ''));
-  }
-}
-UTCuit.propTypes = {
-  documentDataTestId: string,
-  field: fieldType,
-  input: inputPropTypes,
-  meta: metaPropTypes,
-  prefixDataTestId: string,
-  verificationCodeDataTestId: string
-};
-export default WithTheme(null, retrieveMuiTheme)(UTCuit);
+function _defineProperty(e,t,i){return(t=_toPropertyKey(t))in e?Object.defineProperty(e,t,{value:i,enumerable:!0,configurable:!0,writable:!0}):e[t]=i,e}function _toPropertyKey(e){var t=_toPrimitive(e,"string");return"symbol"==typeof t?t:t+""}function _toPrimitive(e,t){if("object"!=typeof e||!e)return e;var i=e[Symbol.toPrimitive];if(void 0!==i){var r=i.call(e,t||"default");if("object"!=typeof r)return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}import React,{PureComponent}from"react";import TextField from"@material-ui/core/TextField";import{shouldShowErrors}from"@widergy/web-utils/lib/form";import{string}from"prop-types";import UTLabel from"../../../UTLabel";import WithTheme from"../../../WithTheme";import{inputPropTypes,metaPropTypes,fieldType}from"../../../../types/formTypes";import{retrieveMuiTheme}from"./theme";import styles from"./styles.module.scss";class UTCuit extends PureComponent{constructor(e){super(e),_defineProperty(this,"handleChangeCuit",()=>{const{prefix:e,document:t,verificationCode:i}=this.state;this.props.input.onChange(e.concat(t,i))}),_defineProperty(this,"handleKeyPress",e=>{/[0-9]+/g.test(e.key)||e.preventDefault()}),_defineProperty(this,"handleOnChangePrefix",e=>{const t=e.target.value.replace(/^[^2-3]/g,"").slice(0,2);this.setState({prefix:t},this.handleChangeCuit)}),_defineProperty(this,"handleOnChangeDocument",e=>{const t=e.target.value.slice(0,8);this.setState({document:t},this.handleChangeCuit)}),_defineProperty(this,"handleOnChangeVerificationCode",e=>{const t=e.target.value.slice(0,1);this.setState({verificationCode:t},this.handleChangeCuit)}),_defineProperty(this,"handleSetDocument",e=>{this.setState({document:e.padStart(8,"0")})}),_defineProperty(this,"verificationCodeRef",e=>{this.setState({verificationCodeRef:e})}),_defineProperty(this,"documentRef",e=>{this.setState({documentRef:e})}),_defineProperty(this,"handleFocus",()=>{2===this.state.prefix.length&&8===this.state.document.length?this.state.verificationCodeRef.focus():2===this.state.prefix.length&&this.state.documentRef.focus()}),this.state={prefix:"",verificationCode:"",document:"",verificationCodeRef:null,documentRef:null}}componentDidUpdate(){0===this.state.prefix.length&&0===this.state.document.length&&0===this.state.verificationCode.length&&this.props.input&&this.props.input.value&&this.props.field.configuration.disable_document&&this.handleSetDocument(this.props.input.value)}render(){const{prefix:e,document:t,verificationCode:i}=this.state,{documentDataTestId:r,prefixDataTestId:o,verificationCodeDataTestId:n,input:{name:s}}=this.props;return this.handleFocus(),React.createElement("div",{className:styles.container},React.createElement("div",{className:styles.fieldContainer},React.createElement(TextField,{autoComplete:"off",autoFocus:this.props.field.configuration.auto_focus,className:styles.fieldCuit,error:shouldShowErrors(this.props.meta)?this.props.meta.error:"",fullWidth:!0,InputLabelProps:{shrink:0!==this.props.input.value},InputProps:{type:"input",inputProps:{"data-testid":o,"data-keyboard":s?"prefix-".concat(s):null}},label:this.props.field.label,margin:"none",name:"prefix",onChange:this.handleOnChangePrefix,onKeyPress:this.handleKeyPress,placeholder:"XX",value:e}),React.createElement(TextField,{autoComplete:"off",className:styles.fieldDocument,disabled:this.props.field.configuration.disable_document,error:shouldShowErrors(this.props.meta)?this.props.meta.error:"",fullWidth:!0,InputProps:{type:"text",inputProps:{"data-testid":r,"data-keyboard":s?"document-".concat(s):null}},inputRef:this.documentRef,margin:"none",name:"document",onChange:this.handleOnChangeDocument,onKeyPress:this.handleKeyPress,placeholder:"XXXXXXXX",value:t}),React.createElement(TextField,{autoComplete:"off",className:styles.fieldCuit,error:shouldShowErrors(this.props.meta)?this.props.meta.error:"",fullWidth:!0,inputRef:this.verificationCodeRef,InputProps:{type:"input",inputProps:{"data-testid":n,"data-keyboard":s?"verificationCode-".concat(s):null}},margin:"none",name:"verificationCode",onChange:this.handleOnChangeVerificationCode,onKeyPress:this.handleKeyPress,placeholder:"X",value:i})),React.createElement(UTLabel,{variant:"small",colorTheme:"error"},shouldShowErrors(this.props.meta)?this.props.meta.error:""))}}UTCuit.propTypes={documentDataTestId:string,field:fieldType,input:inputPropTypes,meta:metaPropTypes,prefixDataTestId:string,verificationCodeDataTestId:string};export default WithTheme(null,retrieveMuiTheme)(UTCuit);