"use strict";(this.__LOADABLE_LOADED_CHUNKS__=this.__LOADABLE_LOADED_CHUNKS__||[]).push([[846],{45420:(t,e,r)=>{r.d(e,{Z:()=>h});var o=r(96596),n=r(21122),s=r(96832),a=r(34853),i=r(7862);const l=["hasBlurred","value","error"];function c(){return c=Object.assign?Object.assign.bind():function(t){for(var e=1;e<arguments.length;e++){var r=arguments[e];for(var o in r)Object.prototype.hasOwnProperty.call(r,o)&&(t[o]=r[o])}return t},c.apply(this,arguments)}function h(t=i.string){return function(t){var e;return(e=class extends s.PureComponent{constructor(t){super(t),this.onChange=(t,e)=>{const{onChange:r,getErrorMessage:o}=this.props;e&&"object"==typeof e?this.setState(e):this.setState({value:e});const n=o?o(e):"";this.setState({error:n}),r(t,e,n)},this.onBlur=(t,e)=>{const{onBlur:r,onChange:o,getErrorMessage:n,id:s}=this.props;e&&"object"==typeof e?this.setState(e):this.setState({value:e});const a=n?n(e):"";this.setState({error:a,hasBlurred:!0}),o(s,e,a),r(t,e)},this.onFocus=(t,e)=>{const{onFocus:r}=this.props;e&&"object"==typeof e?this.setState(e):this.setState({value:e}),this.setState({hasBlurred:!1}),r(t,e)};const{initialValue:e,getErrorMessage:r}=t;this.state={error:r&&e?r(e):"",hasBlurred:!1,value:e}}componentDidMount(){const{id:t,setInitialValue:e,initialValue:r}=this.props;e(t,r)}render(){const e=(0,o.Z)(this.props,["getErrorMessage"]),r=this.state,{hasBlurred:n,value:s,error:i}=r,h=function(t,e){if(null==t)return{};var r,o,n={},s=Object.keys(t);for(o=0;o<s.length;o++)r=s[o],e.indexOf(r)>=0||(n[r]=t[r]);return n}(r,l),{persistError:d}=this.props,u=i||"";return(0,a.tZ)(t,c({},e,{value:s},h,{errorMessage:n||d?u:"",onBlur:this.onBlur,onChange:this.onChange,onFocus:this.onFocus}))}}).defaultProps={onBlur:n.Z,onChange:n.Z,onFocus:n.Z,persistError:!1,setInitialValue:n.Z},e}}},85826:(t,e,r)=>{r.d(e,{Z:()=>C});var o=r(21122),n=r(46255);const s=(0,n.Z)("div",{target:"eba00xn0"})({name:"zjik7",styles:"display:flex"});var a=r(15039),i=r(81305),l=r(61711),c=r(38241);const h=(0,n.Z)("div",{target:"e1n9rf410"})({name:"72zl7o",styles:"bottom:-0.8rem;height:4.1rem;left:1.1rem;opacity:0.4;overflow:hidden;pointer-events:none;position:absolute;white-space:nowrap;width:calc(100% - 2rem)"}),d=(0,n.Z)("input",{target:"efrbepx0"})({name:"1qhbnij",styles:"font-size:inherit;font-weight:inherit;line-height:inherit;width:100%"});var u=r(75085),g=r(34853),p={name:"mws4fn",styles:"opacity:0"};function m({fontSize:t="2.4rem",onChange:e,value:r,onBlur:o,onFocus:n}){return(0,g.BX)(u.Z,{css:(0,c.iv)({fontSize:t,position:"relative"},"",""),children:[(0,g.tZ)(d,{autoFocus:!0,className:t,onBlur:o,onChange:e,onFocus:n,value:r}),(0,g.BX)(h,{children:[(0,g.tZ)("span",{css:p,children:r}),(0,g.tZ)("span",{children:" Favorites Radio"})]})]})}var v=r(87805);const b=(0,n.Z)("section",{target:"e3jlt4b0"})((({small:t,theme:e})=>({marginTop:t?"1rem":0,paddingBottom:`calc(${e.dimensions.gutter} * 2)`})),"");var f=r(96832);class C extends f.PureComponent{constructor(...t){super(...t),this.onSave=()=>{const{onSave:t,value:e}=this.props;t(e.trim().concat(" "))},this.onCancel=()=>{const{onCancel:t,value:e}=this.props;t(e)},this.onFocus=t=>{const{onFocus:e}=this.props,{name:r,value:o}=t.target;e(r,o.trim(),t)},this.onBlur=t=>{const{onBlur:e}=this.props,{name:r,value:o}=t.target;e(r,o.trim(),t)},this.onChange=t=>{const{value:e,name:r}=t.target,{onChange:o}=this.props,n=e.trim();n.length>16||o(r,e.endsWith(" ")?n.concat(" "):n,t)}}render(){const{value:t,errorMessage:e,textClass:r,small:o}=this.props;return(0,g.BX)(b,{"data-test":"mfr-form-wrapper",small:o,children:[(0,g.tZ)(m,{onBlur:this.onBlur,onChange:this.onChange,onFocus:this.onFocus,textClass:r,value:t}),e?(0,g.tZ)(i.Z,{children:(0,g.tZ)(a.Z,{children:e})}):null,(0,g.BX)(s,{children:[(0,g.tZ)(l.Z,{"data-test":"renamemfr-savebtn",disabled:!!e||t&&t.length<2,isBlock:!0,marginRight:"1rem",marginTop:"2rem",onClick:this.onSave,styleType:"cta",children:"Save"}),this.props.onCancel?(0,g.tZ)(v.Z,{"data-test":"renamemfr-cancelbtn",isBlock:!0,marginLeft:"1rem",marginTop:"2rem",onClick:this.onCancel,children:"Cancel"}):null]})]})}}C.defaultProps={onBlur:o.Z,onChange:o.Z,onFocus:o.Z,onSave:o.Z,small:!1}},75085:(t,e,r)=>{r.d(e,{Z:()=>o});const o=(0,r(46255).Z)("div",{target:"e4oftzv0"})({name:"16bvjs1",styles:"font-size:2.4rem;font-weight:bold;line-height:3rem"})},15039:(t,e,r)=>{r.d(e,{Z:()=>o});const o=(0,r(46255).Z)("p",{target:"en4rmex0"})((({theme:t})=>({"&:before":{borderBottom:`0.7rem solid ${t.colors.gray.dark}`,borderLeft:"0.7rem solid transparent",borderRight:"0.7rem solid transparent",content:"''",height:0,left:"10%",position:"absolute",top:"-0.6rem",width:0},background:t.colors.gray.dark,borderRadius:"0.4rem",color:t.colors.white.primary,display:"block",fontSize:"1.3rem",fontWeight:"bold",left:t.dimensions.gutter,padding:"0.5rem 1rem",position:"absolute",top:"-1rem",zIndex:1})),"")},81305:(t,e,r)=>{r.d(e,{Z:()=>o});const o=(0,r(46255).Z)("div",{target:"e1xh03vs0"})({name:"1fwhqt8",styles:"height:0;overflow:visible;position:relative"})},87805:(t,e,r)=>{r.d(e,{Z:()=>l});var o=r(46255),n=r(51588),s=r(15001),a=r(34737),i=r(28744);const l=(0,o.Z)(i.Z,{target:"e688iol0"})((({center:t=!1,customStyles:e={},floatRight:r=!1,marginLeft:o="0",marginRight:i="0",marginTop:l="0",isBlock:c=!1,styleType:h="dark",theme:d})=>{const u={dark:{backgroundColorDisabled:d.colors.gray[200],borderColor:d.colors.gray[500],hoverColor:d.colors.black.dark,hoverOpacity:.15,textColor:d.colors.gray[500],textColorDisabled:d.colors.gray[500]},light:{backgroundColorDisabled:d.colors.gray[300],borderColor:d.colors.white.primary,hoverColor:d.colors.white.primary,hoverOpacity:.3,textColor:d.colors.white.primary,textColorDisabled:d.colors.gray[500]}},g=(0,n.Z)({},u[h],e),p=(0,a.Z)(g.hoverColor,g.hoverOpacity);return{backgroundColor:d.colors.transparent.primary,border:`1px solid ${g.borderColor}`,float:r?"right":"none",margin:t?"auto":0,marginLeft:o,marginRight:i,marginTop:l,color:g.textColor,width:c?"100%":"auto","i, svg":{marginRight:"0.5rem"},"&:not(:disabled):hover":{[s.Z.toString()]:{backgroundImage:`radial-gradient(circle, ${d.colors.transparent.primary} 1%, ${p} 1%)`,backgroundColor:p,backgroundPosition:"center",backgroundSize:"15000%"}},"&:not(:disabled):active":{[s.Z.toString()]:{backgroundColor:"transparent",backgroundSize:"100%",transition:"background 0s"}},"&:disabled":{backgroundColor:g.backgroundColorDisabled,border:"none",color:g.textColorDisabled}}}),"")}}]);
//# sourceMappingURL=846.www.js.map