@widergy/energy-ui 3.172.2 → 3.172.3

package/dist/components/UTPhoneInput/versions/V0/index.js

@@ -1,298 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _propTypes = require("prop-types");
-var _TextField = _interopRequireDefault(require("@material-ui/core/TextField"));
-var _CheckCircleOutline = _interopRequireDefault(require("@material-ui/icons/CheckCircleOutline"));
-var _form = require("@widergy/web-utils/lib/form");
-var _array = require("@widergy/web-utils/lib/array");
-var _UTTooltip = _interopRequireDefault(require("../../../UTTooltip"));
-var _UTLabel = _interopRequireDefault(require("../../../UTLabel"));
-var _WithTheme = _interopRequireDefault(require("../../../WithTheme"));
-var _formTypes = require("../../../../types/formTypes");
-var _classesUtils = require("../../../../utils/classesUtils");
-var _theme = require("./theme");
-var _constants = require("./constants");
-var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-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); }
-class UTPhoneInput extends _react.PureComponent {
-  constructor(props) {
-    super(props);
-    _defineProperty(this, "cleanField", () => this.setState({
-      areaCode: '',
-      phoneNumber: ''
-    }));
-    _defineProperty(this, "handleInitializeField", () => {
-      let areaCode;
-      let phoneNumber;
-      const {
-        value
-      } = this.props.input;
-      if (typeof value === 'object' && this.props.childKeys) {
-        areaCode = value[this.props.childKeys[0]];
-        areaCode = typeof areaCode === 'number' ? areaCode.toString() : areaCode;
-        phoneNumber = value[this.props.childKeys[1]];
-        phoneNumber = typeof phoneNumber === 'number' ? phoneNumber.toString() : phoneNumber;
-      } else {
-        const stringValue = value.toString();
-        areaCode = stringValue.slice(0, stringValue.indexOf('-'));
-        phoneNumber = stringValue.slice(stringValue.indexOf('-') + 1);
-      }
-      this.setState({
-        initialized: true
-      });
-      this.setState({
-        areaCode,
-        phoneNumber
-      }, () => this.handleValidateAreaCode(this.state.areaCode));
-    });
-    _defineProperty(this, "handleValidateAreaCode", areaCode => {
-      if (areaCode.slice(0, 1) === '0') {
-        this.setState({
-          error: this.props.errors.codeWithZero,
-          city: undefined
-        });
-      } else {
-        const code = _constants.AREA_CODES.find(element => element.code === areaCode);
-        const error = areaCode.length && !code && this.props.errors.invalidCode;
-        this.setState({
-          error,
-          city: code && code.city
-        }, () => {
-          if (this.state.city && !error) this.handleValidatePhoneNumber(this.state.phoneNumber);
-        });
-      }
-    });
-    _defineProperty(this, "handleCleanPhoneNumber", () => this.setState({
-      phoneNumber: ''
-    }));
-    _defineProperty(this, "handleValidatePhoneNumber", phoneNumber => {
-      if (phoneNumber.slice(0, 1) === '0') {
-        this.setState({
-          error: this.props.errors.phoneWithZero
-        });
-      } else if (phoneNumber.slice(0, 2) === '15') {
-        this.setState({
-          error: this.props.errors.phoneWithFifteen
-        });
-      } else if (phoneNumber.length === 0) {
-        this.setState({
-          error: this.props.errors.numberNotEmpty
-        });
-      } else this.setState({
-        error: undefined
-      });
-    });
-    _defineProperty(this, "handleChangeAreaCode", event => {
-      this.setState({
-        initialized: true
-      });
-      const areaCode = event.target.value.slice(0, 4);
-      if (!areaCode) {
-        this.setState({
-          areaCode
-        }, () => {
-          this.handleChange("".concat(this.state.areaCode).concat(this.state.phoneNumber));
-        });
-      } else {
-        this.setState({
-          areaCode
-        }, () => {
-          this.handleChange("".concat(this.state.areaCode, "-").concat(this.state.phoneNumber));
-        });
-      }
-      this.handleCleanPhoneNumber();
-      this.handleValidateAreaCode(areaCode);
-    });
-    _defineProperty(this, "handleChangePhone", event => {
-      const phoneNumber = event.target.value.slice(0, 10 - this.state.areaCode.length);
-      this.setState({
-        phoneNumber
-      }, () => {
-        this.handleChange("".concat(this.state.areaCode, "-").concat(this.state.phoneNumber));
-      });
-      this.handleValidatePhoneNumber(phoneNumber);
-    });
-    _defineProperty(this, "handleKeyPress", event => {
-      const regexp = /[0-9]+/g;
-      if (!regexp.test(event.key)) {
-        event.preventDefault();
-      }
-    });
-    _defineProperty(this, "handleChange", initialValue => {
-      let value = initialValue;
-      const {
-        childKeys,
-        field,
-        input
-      } = this.props;
-      if (childKeys) {
-        const splittedPhone = value.split('-');
-        value = {
-          ...(!(0, _array.isEmpty)(splittedPhone[0]) && {
-            [childKeys[0]]: splittedPhone[0]
-          }),
-          ...(!(0, _array.isEmpty)(splittedPhone[1]) && {
-            [childKeys[1]]: splittedPhone[1]
-          })
-        };
-      } else if (field.configuration && field.configuration.without_dash) {
-        value = initialValue.replace('-', '');
-      }
-      input.onChange(value);
-    });
-    this.state = {
-      areaCode: '',
-      phoneNumber: '',
-      city: null,
-      initialized: false
-    };
-  }
-  componentDidMount() {
-    if (this.props.input && this.props.input.value && !this.state.initialized) {
-      this.handleInitializeField();
-    }
-  }
-  componentDidUpdate(prevProps) {
-    if (this.props.input && this.props.input.value && !this.state.areaCode && !this.state.initialized) {
-      this.handleInitializeField();
-    }
-    if (this.state.initialized && prevProps.input && prevProps.input.value && this.props.input && (!this.props.input.value || this.props.input.value.length === 0)) {
-      this.cleanField();
-    }
-  }
-  render() {
-    var _field$configuration, _field$configuration2;
-    const {
-      areaCodeDataTestId,
-      areaCodeFieldProps,
-      phoneNumberFieldProps,
-      field,
-      input,
-      disabled,
-      meta,
-      classes: themeClasses = {},
-      phoneNumberDataTestId,
-      placeholder,
-      label,
-      variant,
-      inputClassName,
-      classNames
-    } = this.props;
-    const {
-      areaCode,
-      city,
-      error,
-      phoneNumber
-    } = this.state;
-    const classes = (0, _classesUtils.mergeClasses)(themeClasses, classNames);
-    return /*#__PURE__*/_react.default.createElement("div", {
-      className: "".concat(_stylesModule.default.container, " ").concat(this.props.style)
-    }, /*#__PURE__*/_react.default.createElement("div", {
-      className: _stylesModule.default.inputContainer
-    }, /*#__PURE__*/_react.default.createElement("div", {
-      className: "".concat(_stylesModule.default.areaCode, " ").concat(_stylesModule.default["".concat(variant, "AreaCode")], " ").concat(classes.areaCodeContainer)
-    }, /*#__PURE__*/_react.default.createElement(_TextField.default, _extends({
-      name: "area_code",
-      type: "tel",
-      label: ((_field$configuration = field.configuration) === null || _field$configuration === void 0 ? void 0 : _field$configuration.area_code_label) || _constants.AREA_CODE_LABEL,
-      placeholder: ((_field$configuration2 = field.configuration) === null || _field$configuration2 === void 0 ? void 0 : _field$configuration2.area_code_placeholder) || _constants.AREA_CODE_PLACEHOLDER,
-      autoComplete: "off",
-      fullWidth: true,
-      margin: "none",
-      onKeyPress: this.handleKeyPress,
-      onFocus: this.handleFocus,
-      onChange: this.handleChangeAreaCode,
-      onBlur: this.handleBlur,
-      value: areaCode,
-      error: Boolean(error || (0, _form.shouldShowErrors)(meta)),
-      disabled: disabled,
-      variant: variant,
-      InputProps: {
-        classes: {
-          input: inputClassName
-        },
-        inputProps: {
-          'data-testid': areaCodeDataTestId,
-          'data-keyboard': input !== null && input !== void 0 && input.name ? "areaCode-".concat(input === null || input === void 0 ? void 0 : input.name) : null
-        }
-      }
-    }, areaCodeFieldProps)), /*#__PURE__*/_react.default.createElement(_UTTooltip.default, {
-      stringContentClassName: classes.tooltip,
-      content: city || ' '
-    }, /*#__PURE__*/_react.default.createElement("span", {
-      className: "".concat(_stylesModule.default.icon, "  ").concat(_stylesModule.default["".concat(variant, "Icon")], " ").concat(city && _stylesModule.default.showCheckedIcon)
-    }, /*#__PURE__*/_react.default.createElement(_CheckCircleOutline.default, {
-      tabIndex: "-1",
-      className: "".concat(_stylesModule.default.checkedIcon, " ").concat(classes.areaCodeIcon)
-    })))), /*#__PURE__*/_react.default.createElement("div", {
-      className: "".concat(_stylesModule.default.phoneNumber, " ").concat(classes.phoneNumberContainer)
-    }, /*#__PURE__*/_react.default.createElement(_TextField.default, _extends({
-      name: "phone_number",
-      type: "tel",
-      margin: "none",
-      placeholder: placeholder,
-      label: label,
-      onKeyPress: this.handleKeyPress,
-      autoComplete: "off",
-      fullWidth: true,
-      error: Boolean(error || (0, _form.shouldShowErrors)(meta)),
-      onFocus: input.onFocus,
-      onChange: this.handleChangePhone,
-      disabled: !city || disabled,
-      value: phoneNumber,
-      variant: variant,
-      InputProps: {
-        classes: {
-          input: inputClassName
-        },
-        inputProps: {
-          'data-testid': phoneNumberDataTestId,
-          'data-keyboard': input !== null && input !== void 0 && input.name ? "phoneNumber-".concat(input === null || input === void 0 ? void 0 : input.name) : null
-        }
-      }
-    }, phoneNumberFieldProps)))), (error || (0, _form.shouldShowErrors)(meta)) && /*#__PURE__*/_react.default.createElement(_UTLabel.default, {
-      colorTheme: "error",
-      variant: "small"
-    }, error || meta.error));
-  }
-}
-UTPhoneInput.propTypes = {
-  input: _formTypes.inputPropTypes,
-  meta: _formTypes.metaPropTypes,
-  placeholder: _propTypes.string,
-  disabled: _propTypes.bool,
-  label: _propTypes.string,
-  classes: (0, _propTypes.objectOf)(_propTypes.string),
-  classNames: (0, _propTypes.objectOf)(_propTypes.string),
-  errors: (0, _propTypes.shape)({
-    codeWithZero: _propTypes.string,
-    invalidCode: _propTypes.string,
-    phoneWithFifteen: _propTypes.string,
-    phoneWithZero: _propTypes.string,
-    numberNotEmpty: _propTypes.string
-  }),
-  childKeys: (0, _propTypes.arrayOf)(_propTypes.string),
-  field: _formTypes.fieldType,
-  variant: _propTypes.string,
-  inputClassName: _propTypes.string,
-  areaCodeFieldProps: _propTypes.object,
-  phoneNumberFieldProps: _propTypes.object,
-  areaCodeDataTestId: _propTypes.string,
-  phoneNumberDataTestId: _propTypes.string
-};
-UTPhoneInput.defaultProps = {
-  classes: {},
-  areaCodeFieldProps: {},
-  phoneNumberFieldProps: {}
-};
-var _default = exports.default = (0, _WithTheme.default)(_theme.retrieveStyle, _theme.retrieveMuiTheme)(UTPhoneInput);
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireWildcard(require("react")),_propTypes=require("prop-types"),_TextField=_interopRequireDefault(require("@material-ui/core/TextField")),_CheckCircleOutline=_interopRequireDefault(require("@material-ui/icons/CheckCircleOutline")),_form=require("@widergy/web-utils/lib/form"),_array=require("@widergy/web-utils/lib/array"),_UTTooltip=_interopRequireDefault(require("../../../UTTooltip")),_UTLabel=_interopRequireDefault(require("../../../UTLabel")),_WithTheme=_interopRequireDefault(require("../../../WithTheme")),_formTypes=require("../../../../types/formTypes"),_classesUtils=require("../../../../utils/classesUtils"),_theme=require("./theme"),_constants=require("./constants"),_stylesModule=_interopRequireDefault(require("./styles.module.scss"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _interopRequireWildcard(e,t){if("function"==typeof WeakMap)var r=new WeakMap,n=new WeakMap;return(_interopRequireWildcard=function(e,t){if(!t&&e&&e.__esModule)return e;var o,i,f={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return f;if(o=t?n:r){if(o.has(e))return o.get(e);o.set(e,f)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((i=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(i.get||i.set)?o(f,t,i):f[t]=e[t]);return f})(e,t)}function _extends(){return _extends=Object.assign?Object.assign.bind():function(n){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var r in t)({}).hasOwnProperty.call(t,r)&&(n[r]=t[r])}return n},_extends.apply(null,arguments)}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)}class UTPhoneInput extends _react.PureComponent{constructor(props){super(props),_defineProperty(this,"cleanField",()=>this.setState({areaCode:"",phoneNumber:""})),_defineProperty(this,"handleInitializeField",()=>{let areaCode,phoneNumber;const{value:value}=this.props.input;if("object"==typeof value&&this.props.childKeys)areaCode=value[this.props.childKeys[0]],areaCode="number"==typeof areaCode?areaCode.toString():areaCode,phoneNumber=value[this.props.childKeys[1]],phoneNumber="number"==typeof phoneNumber?phoneNumber.toString():phoneNumber;else{const stringValue=value.toString();areaCode=stringValue.slice(0,stringValue.indexOf("-")),phoneNumber=stringValue.slice(stringValue.indexOf("-")+1)}this.setState({initialized:!0}),this.setState({areaCode:areaCode,phoneNumber:phoneNumber},()=>this.handleValidateAreaCode(this.state.areaCode))}),_defineProperty(this,"handleValidateAreaCode",areaCode=>{if("0"===areaCode.slice(0,1))this.setState({error:this.props.errors.codeWithZero,city:void 0});else{const code=_constants.AREA_CODES.find(element=>element.code===areaCode),error=areaCode.length&&!code&&this.props.errors.invalidCode;this.setState({error:error,city:code&&code.city},()=>{this.state.city&&!error&&this.handleValidatePhoneNumber(this.state.phoneNumber)})}}),_defineProperty(this,"handleCleanPhoneNumber",()=>this.setState({phoneNumber:""})),_defineProperty(this,"handleValidatePhoneNumber",phoneNumber=>{"0"===phoneNumber.slice(0,1)?this.setState({error:this.props.errors.phoneWithZero}):"15"===phoneNumber.slice(0,2)?this.setState({error:this.props.errors.phoneWithFifteen}):0===phoneNumber.length?this.setState({error:this.props.errors.numberNotEmpty}):this.setState({error:void 0})}),_defineProperty(this,"handleChangeAreaCode",event=>{this.setState({initialized:!0});const areaCode=event.target.value.slice(0,4);areaCode?this.setState({areaCode:areaCode},()=>{this.handleChange("".concat(this.state.areaCode,"-").concat(this.state.phoneNumber))}):this.setState({areaCode:areaCode},()=>{this.handleChange("".concat(this.state.areaCode).concat(this.state.phoneNumber))}),this.handleCleanPhoneNumber(),this.handleValidateAreaCode(areaCode)}),_defineProperty(this,"handleChangePhone",event=>{const phoneNumber=event.target.value.slice(0,10-this.state.areaCode.length);this.setState({phoneNumber:phoneNumber},()=>{this.handleChange("".concat(this.state.areaCode,"-").concat(this.state.phoneNumber))}),this.handleValidatePhoneNumber(phoneNumber)}),_defineProperty(this,"handleKeyPress",event=>{/[0-9]+/g.test(event.key)||event.preventDefault()}),_defineProperty(this,"handleChange",initialValue=>{let value=initialValue;const{childKeys:childKeys,field:field,input:input}=this.props;if(childKeys){const splittedPhone=value.split("-");value={...!(0,_array.isEmpty)(splittedPhone[0])&&{[childKeys[0]]:splittedPhone[0]},...!(0,_array.isEmpty)(splittedPhone[1])&&{[childKeys[1]]:splittedPhone[1]}}}else field.configuration&&field.configuration.without_dash&&(value=initialValue.replace("-",""));input.onChange(value)}),this.state={areaCode:"",phoneNumber:"",city:null,initialized:!1}}componentDidMount(){this.props.input&&this.props.input.value&&!this.state.initialized&&this.handleInitializeField()}componentDidUpdate(prevProps){this.props.input&&this.props.input.value&&!this.state.areaCode&&!this.state.initialized&&this.handleInitializeField(),this.state.initialized&&prevProps.input&&prevProps.input.value&&this.props.input&&(!this.props.input.value||0===this.props.input.value.length)&&this.cleanField()}render(){var _field$configuration,_field$configuration2;const{areaCodeDataTestId:areaCodeDataTestId,areaCodeFieldProps:areaCodeFieldProps,phoneNumberFieldProps:phoneNumberFieldProps,field:field,input:input,disabled:disabled,meta:meta,classes:themeClasses={},phoneNumberDataTestId:phoneNumberDataTestId,placeholder:placeholder,label:label,variant:variant,inputClassName:inputClassName,classNames:classNames}=this.props,{areaCode:areaCode,city:city,error:error,phoneNumber:phoneNumber}=this.state,classes=(0,_classesUtils.mergeClasses)(themeClasses,classNames);return _react.default.createElement("div",{className:"".concat(_stylesModule.default.container," ").concat(this.props.style)},_react.default.createElement("div",{className:_stylesModule.default.inputContainer},_react.default.createElement("div",{className:"".concat(_stylesModule.default.areaCode," ").concat(_stylesModule.default["".concat(variant,"AreaCode")]," ").concat(classes.areaCodeContainer)},_react.default.createElement(_TextField.default,_extends({name:"area_code",type:"tel",label:(null===(_field$configuration=field.configuration)||void 0===_field$configuration?void 0:_field$configuration.area_code_label)||_constants.AREA_CODE_LABEL,placeholder:(null===(_field$configuration2=field.configuration)||void 0===_field$configuration2?void 0:_field$configuration2.area_code_placeholder)||_constants.AREA_CODE_PLACEHOLDER,autoComplete:"off",fullWidth:!0,margin:"none",onKeyPress:this.handleKeyPress,onFocus:this.handleFocus,onChange:this.handleChangeAreaCode,onBlur:this.handleBlur,value:areaCode,error:Boolean(error||(0,_form.shouldShowErrors)(meta)),disabled:disabled,variant:variant,InputProps:{classes:{input:inputClassName},inputProps:{"data-testid":areaCodeDataTestId,"data-keyboard":null!=input&&input.name?"areaCode-".concat(null==input?void 0:input.name):null}}},areaCodeFieldProps)),_react.default.createElement(_UTTooltip.default,{stringContentClassName:classes.tooltip,content:city||" "},_react.default.createElement("span",{className:"".concat(_stylesModule.default.icon,"  ").concat(_stylesModule.default["".concat(variant,"Icon")]," ").concat(city&&_stylesModule.default.showCheckedIcon)},_react.default.createElement(_CheckCircleOutline.default,{tabIndex:"-1",className:"".concat(_stylesModule.default.checkedIcon," ").concat(classes.areaCodeIcon)})))),_react.default.createElement("div",{className:"".concat(_stylesModule.default.phoneNumber," ").concat(classes.phoneNumberContainer)},_react.default.createElement(_TextField.default,_extends({name:"phone_number",type:"tel",margin:"none",placeholder:placeholder,label:label,onKeyPress:this.handleKeyPress,autoComplete:"off",fullWidth:!0,error:Boolean(error||(0,_form.shouldShowErrors)(meta)),onFocus:input.onFocus,onChange:this.handleChangePhone,disabled:!city||disabled,value:phoneNumber,variant:variant,InputProps:{classes:{input:inputClassName},inputProps:{"data-testid":phoneNumberDataTestId,"data-keyboard":null!=input&&input.name?"phoneNumber-".concat(null==input?void 0:input.name):null}}},phoneNumberFieldProps)))),(error||(0,_form.shouldShowErrors)(meta))&&_react.default.createElement(_UTLabel.default,{colorTheme:"error",variant:"small"},error||meta.error))}}UTPhoneInput.propTypes={input:_formTypes.inputPropTypes,meta:_formTypes.metaPropTypes,placeholder:_propTypes.string,disabled:_propTypes.bool,label:_propTypes.string,classes:(0,_propTypes.objectOf)(_propTypes.string),classNames:(0,_propTypes.objectOf)(_propTypes.string),errors:(0,_propTypes.shape)({codeWithZero:_propTypes.string,invalidCode:_propTypes.string,phoneWithFifteen:_propTypes.string,phoneWithZero:_propTypes.string,numberNotEmpty:_propTypes.string}),childKeys:(0,_propTypes.arrayOf)(_propTypes.string),field:_formTypes.fieldType,variant:_propTypes.string,inputClassName:_propTypes.string,areaCodeFieldProps:_propTypes.object,phoneNumberFieldProps:_propTypes.object,areaCodeDataTestId:_propTypes.string,phoneNumberDataTestId:_propTypes.string},UTPhoneInput.defaultProps={classes:{},areaCodeFieldProps:{},phoneNumberFieldProps:{}};var _default=exports.default=(0,_WithTheme.default)(_theme.retrieveStyle,_theme.retrieveMuiTheme)(UTPhoneInput);

package/dist/components/UTPhoneInput/versions/V0/theme.js

@@ -1,138 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.retrieveStyle = exports.retrieveMuiTheme = void 0;
-var _seamlessImmutable = require("seamless-immutable");
-var _styles = require("@material-ui/core/styles");
-var _colorsModule = _interopRequireDefault(require("../../../../scss/variables/colors.module.scss"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const retrieveStyle = _ref => {
-  let {
-    theme
-  } = _ref;
-  return {
-    container: {
-      display: (0, _seamlessImmutable.getIn)(theme, ['UTTextInput', 'container', 'display'], 'flex'),
-      flexShrink: (0, _seamlessImmutable.getIn)(theme, ['UTTextInput', 'container', 'flexShrink'], '0'),
-      width: (0, _seamlessImmutable.getIn)(theme, ['UTTextInput', 'container', 'width'], '100%'),
-      margin: (0, _seamlessImmutable.getIn)(theme, ['UTTextInput', 'container', 'margin'], '0')
-    },
-    bigInput: {
-      fontSize: (0, _seamlessImmutable.getIn)(theme, ['UTTextInput', 'bigInput', 'fontSize'], '40px'),
-      textAlign: (0, _seamlessImmutable.getIn)(theme, ['UTTextInput', 'bigInput', 'textAlign'], 'center')
-    },
-    areaCodeIcon: {
-      fill: (0, _seamlessImmutable.getIn)(theme, ['UTPhoneInput', 'areaCodeIcon', 'fill'], _colorsModule.default.primary)
-    },
-    labelIcon: {
-      height: (0, _seamlessImmutable.getIn)(theme, ['UTTextInput', 'inputIcon', 'height'], '12px'),
-      width: (0, _seamlessImmutable.getIn)(theme, ['UTTextInput', 'inputIcon', 'width'], 'auto'),
-      fill: (0, _seamlessImmutable.getIn)(theme, ['UTTextInput', 'inputIcon', 'fill'], _colorsModule.default.gray),
-      padding: (0, _seamlessImmutable.getIn)(theme, ['UTTextInput', 'inputIcon', 'padding'], '0px 5px 0px 0px')
-    },
-    labelContainer: {
-      display: 'flex',
-      width: '100%',
-      alignItems: 'center'
-    },
-    tooltip: {
-      color: (0, _seamlessImmutable.getIn)(theme, ['UTPhoneInput', 'tooltip', 'color'], _colorsModule.default.white)
-    },
-    areaCodeContainer: {
-      minWidth: (0, _seamlessImmutable.getIn)(theme, ['UTPhoneInput', 'areaCodeContainer', 'minWidth'], 70),
-      width: (0, _seamlessImmutable.getIn)(theme, ['UTPhoneInput', 'areaCodeContainer', 'width'], '30%')
-    },
-    phoneNumberContainer: {
-      marginLeft: (0, _seamlessImmutable.getIn)(theme, ['UTPhoneInput', 'phoneNumberContainer', 'marginLeft'], 10)
-    }
-  };
-};
-exports.retrieveStyle = retrieveStyle;
-const retrieveMuiTheme = theme => (0, _styles.createTheme)({
-  typography: {
-    fontFamily: (0, _seamlessImmutable.getIn)(theme, ['Fonts', 'fontFamily'])
-  },
-  overrides: {
-    MuiFormControl: {
-      root: {
-        minWidth: '70px'
-      }
-    },
-    MuiOutlinedInput: {
-      input: {
-        fontSize: (0, _seamlessImmutable.getIn)(theme, ['UTTextInput', 'fontSize'], (0, _seamlessImmutable.getIn)(theme, ['Fonts', 'medium'], 14)),
-        color: (0, _seamlessImmutable.getIn)(theme, ['UTTextInput', 'color'])
-      },
-      root: {
-        '&:hover:not($disabled):not($focused):not($error) $notchedOutline': {
-          border: (0, _seamlessImmutable.getIn)(theme, ['UTTextInput', 'notchedOutline', 'hover', 'border'], "1px solid ".concat(_colorsModule.default.gray)),
-          borderColor: (0, _seamlessImmutable.getIn)(theme, ['UTTextInput', 'notchedOutline', 'hover', 'borderColor'], 'none')
-        },
-        '&$focused $notchedOutline': {
-          border: (0, _seamlessImmutable.getIn)(theme, ['UTTextInput', 'notchedOutline', 'focused', 'border'], "2px solid ".concat(_colorsModule.default.primary)),
-          borderColor: (0, _seamlessImmutable.getIn)(theme, ['UTTextInput', 'notchedOutline', 'hover', 'borderColor'], 'none')
-        },
-        '&$disabled $notchedOutline': {
-          border: (0, _seamlessImmutable.getIn)(theme, ['UTTextInput', 'notchedOutline', 'disabled', 'border'], "1px solid ".concat(_colorsModule.default.gray)),
-          borderColor: (0, _seamlessImmutable.getIn)(theme, ['UTTextInput', 'notchedOutline', 'hover', 'borderColor'], 'none')
-        }
-      },
-      notchedOutline: {
-        border: (0, _seamlessImmutable.getIn)(theme, ['UTTextInput', 'notchedOutline', 'unfocused', 'border'], "1px solid ".concat(theme.Palette.error['05'])),
-        borderColor: (0, _seamlessImmutable.getIn)(theme, ['UTTextInput', 'notchedOutline', 'hover', 'borderColor'], 'none')
-      }
-    },
-    MuiInput: {
-      input: {
-        fontSize: (0, _seamlessImmutable.getIn)(theme, ['UTTextInput', 'fontSize'], (0, _seamlessImmutable.getIn)(theme, ['Fonts', 'medium'], 14)),
-        color: (0, _seamlessImmutable.getIn)(theme, ['UTTextInput', 'color'])
-      },
-      underline: {
-        '&:hover:not($disabled):not($focused):not($error):before': {
-          borderBottom: (0, _seamlessImmutable.getIn)(theme, ['UTTextInput', 'underline', 'hover', 'borderBottom'], "1px solid ".concat(_colorsModule.default.gray))
-        },
-        '&$disabled:before': {
-          borderBottom: (0, _seamlessImmutable.getIn)(theme, ['UTTextInput', 'underline', 'disabled', 'borderBottom'], "1px solid ".concat(_colorsModule.default.gray))
-        },
-        '&:before': {
-          borderBottom: (0, _seamlessImmutable.getIn)(theme, ['UTTextInput', 'underline', 'unfocused', 'borderBottom'], "1px solid ".concat(_colorsModule.default.gray))
-        },
-        '&$focused:after': {
-          borderBottom: (0, _seamlessImmutable.getIn)(theme, ['UTTextInput', 'underline', 'focused', 'borderBottom'], "2px solid ".concat(_colorsModule.default.primary))
-        },
-        '&:after': {
-          borderBottom: (0, _seamlessImmutable.getIn)(theme, ['UTTextInput', 'underline', 'base', 'borderBottom'], "2px solid ".concat(_colorsModule.default.primary))
-        },
-        '&$error:after': {
-          borderBottom: "2px solid ".concat(theme.Palette.error['05']),
-          borderBottomColor: theme.Palette.error['05']
-        }
-      }
-    },
-    MuiFormLabel: {
-      root: {
-        color: (0, _seamlessImmutable.getIn)(theme, ['UTTextInput', 'formLabel', 'color']),
-        '&$error': {
-          color: (0, _seamlessImmutable.getIn)(theme, ['UTTextInput', 'formLabel', 'errorColor'], _colorsModule.default.gray)
-        },
-        '&$focused': {
-          color: (0, _seamlessImmutable.getIn)(theme, ['UTTextInput', 'formLabel', 'focusedColor'], _colorsModule.default.primary),
-          '&$error': {
-            color: theme.Palette.error['05']
-          }
-        },
-        fontFamily: (0, _seamlessImmutable.getIn)(theme, ['Fonts', 'fontFamily']),
-        fontSize: (0, _seamlessImmutable.getIn)(theme, ['UTTextInput', 'fontSize'], (0, _seamlessImmutable.getIn)(theme, ['Fonts', 'medium'], 14))
-      }
-    },
-    MuiFormHelperText: {
-      root: {
-        fontSize: (0, _seamlessImmutable.getIn)(theme, ['UTTextInput', 'helperText', 'fontSize'], 12),
-        color: theme.Palette.error['05']
-      }
-    }
-  }
-});
-exports.retrieveMuiTheme = retrieveMuiTheme;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.retrieveStyle=exports.retrieveMuiTheme=void 0;var _seamlessImmutable=require("seamless-immutable"),_styles=require("@material-ui/core/styles"),_colorsModule=_interopRequireDefault(require("../../../../scss/variables/colors.module.scss"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}const retrieveStyle=_ref=>{let{theme:theme}=_ref;return{container:{display:(0,_seamlessImmutable.getIn)(theme,["UTTextInput","container","display"],"flex"),flexShrink:(0,_seamlessImmutable.getIn)(theme,["UTTextInput","container","flexShrink"],"0"),width:(0,_seamlessImmutable.getIn)(theme,["UTTextInput","container","width"],"100%"),margin:(0,_seamlessImmutable.getIn)(theme,["UTTextInput","container","margin"],"0")},bigInput:{fontSize:(0,_seamlessImmutable.getIn)(theme,["UTTextInput","bigInput","fontSize"],"40px"),textAlign:(0,_seamlessImmutable.getIn)(theme,["UTTextInput","bigInput","textAlign"],"center")},areaCodeIcon:{fill:(0,_seamlessImmutable.getIn)(theme,["UTPhoneInput","areaCodeIcon","fill"],_colorsModule.default.primary)},labelIcon:{height:(0,_seamlessImmutable.getIn)(theme,["UTTextInput","inputIcon","height"],"12px"),width:(0,_seamlessImmutable.getIn)(theme,["UTTextInput","inputIcon","width"],"auto"),fill:(0,_seamlessImmutable.getIn)(theme,["UTTextInput","inputIcon","fill"],_colorsModule.default.gray),padding:(0,_seamlessImmutable.getIn)(theme,["UTTextInput","inputIcon","padding"],"0px 5px 0px 0px")},labelContainer:{display:"flex",width:"100%",alignItems:"center"},tooltip:{color:(0,_seamlessImmutable.getIn)(theme,["UTPhoneInput","tooltip","color"],_colorsModule.default.white)},areaCodeContainer:{minWidth:(0,_seamlessImmutable.getIn)(theme,["UTPhoneInput","areaCodeContainer","minWidth"],70),width:(0,_seamlessImmutable.getIn)(theme,["UTPhoneInput","areaCodeContainer","width"],"30%")},phoneNumberContainer:{marginLeft:(0,_seamlessImmutable.getIn)(theme,["UTPhoneInput","phoneNumberContainer","marginLeft"],10)}}};exports.retrieveStyle=retrieveStyle;const retrieveMuiTheme=theme=>(0,_styles.createTheme)({typography:{fontFamily:(0,_seamlessImmutable.getIn)(theme,["Fonts","fontFamily"])},overrides:{MuiFormControl:{root:{minWidth:"70px"}},MuiOutlinedInput:{input:{fontSize:(0,_seamlessImmutable.getIn)(theme,["UTTextInput","fontSize"],(0,_seamlessImmutable.getIn)(theme,["Fonts","medium"],14)),color:(0,_seamlessImmutable.getIn)(theme,["UTTextInput","color"])},root:{"&:hover:not($disabled):not($focused):not($error) $notchedOutline":{border:(0,_seamlessImmutable.getIn)(theme,["UTTextInput","notchedOutline","hover","border"],"1px solid ".concat(_colorsModule.default.gray)),borderColor:(0,_seamlessImmutable.getIn)(theme,["UTTextInput","notchedOutline","hover","borderColor"],"none")},"&$focused $notchedOutline":{border:(0,_seamlessImmutable.getIn)(theme,["UTTextInput","notchedOutline","focused","border"],"2px solid ".concat(_colorsModule.default.primary)),borderColor:(0,_seamlessImmutable.getIn)(theme,["UTTextInput","notchedOutline","hover","borderColor"],"none")},"&$disabled $notchedOutline":{border:(0,_seamlessImmutable.getIn)(theme,["UTTextInput","notchedOutline","disabled","border"],"1px solid ".concat(_colorsModule.default.gray)),borderColor:(0,_seamlessImmutable.getIn)(theme,["UTTextInput","notchedOutline","hover","borderColor"],"none")}},notchedOutline:{border:(0,_seamlessImmutable.getIn)(theme,["UTTextInput","notchedOutline","unfocused","border"],"1px solid ".concat(theme.Palette.error["05"])),borderColor:(0,_seamlessImmutable.getIn)(theme,["UTTextInput","notchedOutline","hover","borderColor"],"none")}},MuiInput:{input:{fontSize:(0,_seamlessImmutable.getIn)(theme,["UTTextInput","fontSize"],(0,_seamlessImmutable.getIn)(theme,["Fonts","medium"],14)),color:(0,_seamlessImmutable.getIn)(theme,["UTTextInput","color"])},underline:{"&:hover:not($disabled):not($focused):not($error):before":{borderBottom:(0,_seamlessImmutable.getIn)(theme,["UTTextInput","underline","hover","borderBottom"],"1px solid ".concat(_colorsModule.default.gray))},"&$disabled:before":{borderBottom:(0,_seamlessImmutable.getIn)(theme,["UTTextInput","underline","disabled","borderBottom"],"1px solid ".concat(_colorsModule.default.gray))},"&:before":{borderBottom:(0,_seamlessImmutable.getIn)(theme,["UTTextInput","underline","unfocused","borderBottom"],"1px solid ".concat(_colorsModule.default.gray))},"&$focused:after":{borderBottom:(0,_seamlessImmutable.getIn)(theme,["UTTextInput","underline","focused","borderBottom"],"2px solid ".concat(_colorsModule.default.primary))},"&:after":{borderBottom:(0,_seamlessImmutable.getIn)(theme,["UTTextInput","underline","base","borderBottom"],"2px solid ".concat(_colorsModule.default.primary))},"&$error:after":{borderBottom:"2px solid ".concat(theme.Palette.error["05"]),borderBottomColor:theme.Palette.error["05"]}}},MuiFormLabel:{root:{color:(0,_seamlessImmutable.getIn)(theme,["UTTextInput","formLabel","color"]),"&$error":{color:(0,_seamlessImmutable.getIn)(theme,["UTTextInput","formLabel","errorColor"],_colorsModule.default.gray)},"&$focused":{color:(0,_seamlessImmutable.getIn)(theme,["UTTextInput","formLabel","focusedColor"],_colorsModule.default.primary),"&$error":{color:theme.Palette.error["05"]}},fontFamily:(0,_seamlessImmutable.getIn)(theme,["Fonts","fontFamily"]),fontSize:(0,_seamlessImmutable.getIn)(theme,["UTTextInput","fontSize"],(0,_seamlessImmutable.getIn)(theme,["Fonts","medium"],14))}},MuiFormHelperText:{root:{fontSize:(0,_seamlessImmutable.getIn)(theme,["UTTextInput","helperText","fontSize"],12),color:theme.Palette.error["05"]}}}});exports.retrieveMuiTheme=retrieveMuiTheme;