https://www.ultimate-guitar.com/static/public/build/ug_react_i18n_…/1769.0900e7c98c86a689f6c71e00f2bc26b7.js

1"use strict";(self.webpackChunkug_react_i18n_es6=self.webpackChunkug_react_i18n_es6||[]).push([[1769],{22090:(e,t,a)=>{a.d(t,{Z:()=>o});var s=a(57763),i=a.n(s),n=a(74458),r=a.n(n)()(i());r.push([e.id,".MlEXu{display:flex;flex-direction:column;height:100%}._1mFEi{float:right}",""]),r.locals={stretch:"MlEXu",submit:"_1mFEi"};const o=r},65802:(e,t,a)=>{a.d(t,{Z:()=>o});var s=a(57763),i=a.n(s),n=a(74458),r=a.n(n)()(i());r.push([e.id,".Vk6yu{color:#7a7a7a;font-size:14px;line-height:20px;margin-bottom:20px}.PrK1A{color:#ddc;font-size:12px;line-height:14px;margin-bottom:12px}.Vk6yu:last-child{margin-bottom:0}",""]),r.locals={legend:"Vk6yu",sm:"PrK1A"};const o=r},31971:(e,t,a)=>{a.d(t,{Z:()=>o});var s=a(57763),i=a.n(s),n=a(74458),r=a.n(n)()(i());r.push([e.id,"._4OJTv{color:inherit;display:block;line-height:42px}._4OJTv input{margin:0 16px 0 0;vertical-align:middle}",""]),r.locals={radioLabel:"_4OJTv"};const o=r},26230:(e,t,a)=>{a.d(t,{Z:()=>o});var s=a(57763),i=a.n(s),n=a(74458),r=a.n(n)()(i());r.push([e.id,".P7gdz{-webkit-appearance:menulist;-moz-appearance:menulist;appearance:menulist}",""]),r.locals={select:"P7gdz"};const o=r},77366:(e,t,a)=>{a.d(t,{Z:()=>o});var s=a(57763),i=a.n(s),n=a(74458),r=a.n(n)()(i());r.push([e.id,".LAtj_{width:100%!important}.LAtj_{height:auto}._8ePSo{font-family:Droid Sans Mono,monospace;font-weight:400}.Abtu2{font-family:Roboto Mono,Courier New,monospace}.X9eYu{font-family:Courier New,monospace}.kyFki{font-family:Luxi Mono,Courier New,monospace}",""]),r.locals={textarea:"LAtj_",monospace:"_8ePSo",typeFaceRobotoMono:"Abtu2",typeFaceCourierNew:"X9eYu",typeFaceLuxiMono:"kyFki"};const o=r},14975:(e,t,a)=>{a.d(t,{Z:()=>K});var s=a(502),i=a(20386),n=a.n(i),r=a(47384);var o,l=a(81664),c=a(24517);class d extends s.Component{constructor(e){super(e),this.captcha=null,this.id="captcha"+(0,r.Ox)(),this.show=()=>{if(d.loading&&"object"==typeof window.grecaptcha&&(d.loading=!1),d.loading&&"object"!=typeof window.grecaptcha)return void setTimeout((()=>{this.show()}),16);if("object"!=typeof window.grecaptcha)return d.loading=!0,this.props.onLoading(),void(e=d.src,new Promise((t=>{const a=document.createElement("script"),s=()=>{i||(t(),i=!0)};let i;a.async=!0,a.src=e,a.onreadystatechange=s,a.onload=s,document.getElementsByTagName("body")[0].appendChild(a)}))).then(this.show);var e;const t=document.createElement("div");t.id=this.id,this.wrapper.appendChild(t),window.grecaptcha.ready((()=>{this.captcha=window.grecaptcha.render(this.id,this.config),this.props.onShow()}))},this.hide=()=>{this.wrapper.innerHTML="",this.props.onHide()},this.config=e.config}componentDidMount(){this.toggle()}componentWillUnmount(){this.hide()}toggle(){this.props.showCondition?!this.wrapper.childNodes.length&&this.show():null!=this.captcha&&this.hide()}render(){return(0,c.tZ)("div",{ref:e=>this.wrapper=e,className:l.Z.wrapper})}}o=d,d.sitekey="6LfCo_8SAAAAALEMHnlK18j8IemlAdvmxwRnQe2v",d.src="https://www.google.com/recaptcha/api.js",d.defaultProps={config:{},showCondition:!0,onLoading:()=>{},onShow:()=>{},onHide:()=>{}},d.loading=!1,d.getCaptchaValue=()=>{const e=document.querySelector(".g-recaptcha-response",o.wrapper);return e&&e.value||""},d.resetCaptcha=()=>{window.grecaptcha.reset()};var h=a(52115);const u=(0,h.Z)(l.Z.row,"div"),p=(0,h.Z)(l.Z.wrapper,"div");var m=a(30486),g=a(72113),b=a(3536);const y=({hasNoMargin:e,state:t,value:a,error:s,label:i,classNameWrapper:n,children:r,...o})=>(0,c.BX)(b.Z,{hasNoMargin:e,className:n,error:s,label:i,children:[(0,c.tZ)(m.ZP,{value:a,state:t,type:"date",...o}),r]});y.defaultProps={state:g.a,value:Date.now()};const v=y;var Z=a(23278),f=a.n(Z),w=a(26230),C={injectType:"styleTag",insert:"head",singleton:!1};f()(w.Z,C);const T=w.Z.locals||{},S=({value:e,text:t,title:a})=>(0,c.tZ)("option",{value:e,children:t||a}),k=({hasNoMargin:e,children:t,error:a,className:s,label:i,options:n,...r})=>(0,c.BX)(b.Z,{hasNoMargin:e,error:a,label:i,children:[(0,c.tZ)("select",{className:(0,m.x1)({...r,className:(s||"")+" "+T.select}),...r,children:n.map((e=>(0,c.tZ)(S,{...e},e.value)))}),t]});k.defaultProps={state:"dark",size:"sm"};const x=k;var M=a(74256),N=a(77366),P={injectType:"styleTag",insert:"head",singleton:!1};f()(N.Z,P);const A=N.Z.locals||{},_=({hasNoMargin:e,isWithoutAnyMargin:t,error:a,className:s,label:i,isMonospace:r,typeFace:o,isStretch:l,height:d,getRef:h,wrapperClassName:u,...p})=>(0,c.tZ)(b.Z,{className:u,hasNoMargin:e,isWithoutAnyMargin:t,error:a,isStretch:l,label:i,children:(0,c.tZ)("textarea",{className:(0,m.x1)({...p,className:n()(A.textarea,(r||o)&&A.monospace,A[o],s),error:a}),...p,ref:h})});

1_.defaultProps={state:"dark",size:"sm",isStretch:!1,typeFace:"",getRef:M.Z};const E=_;var j=a(31971),z={injectType:"styleTag",insert:"head",singleton:!1};f()(j.Z,z);const L=j.Z.locals||{};var D=a(22223);const B=({name:e,isChecked:t,value:a,label:s,onChange:i})=>(0,c.BX)("label",{className:L.radioLabel,children:[(0,c.tZ)("input",{checked:t,type:"radio",value:a,name:e,onChange:i})," "+s]}),F=({value:e,hasNoMargin:t,error:a,name:s,data:i,onChange:n,label:r})=>(0,c.tZ)(b.Z,{hasNoMargin:t,error:a,label:r,children:i.map((t=>(0,D.az)(B,{...t,isChecked:e===t.value,name:s,onChange:n,key:t.value})))}),O=({className:e,classNameWrapper:t,hasNoMargin:a,error:s,name:i,value:n,children:r,...o})=>(0,c.tZ)(b.Z,{hasNoMargin:a,error:s,className:t,children:(0,c.BX)("label",{htmlFor:i,children:[(0,c.tZ)("input",{type:"checkbox",id:i,className:(0,m.x1)({...o,className:e}),checked:n,name:i,...o})," ",r]})});var I=a(68499),V=a(83629),X=a(22090),R={injectType:"styleTag",insert:"head",singleton:!1};f()(X.Z,R);const W=X.Z.locals||{};var Q=a(50019),H=a(74444),J=a(67489);class K extends s.PureComponent{constructor(...e){super(...e),this.state={fields:this.props.fields,errors:{},submitDisabled:!1},this.validator=null,this.onSubmit=e=>{e.preventDefault()},this.updateErrors=e=>{e.length?this.setState({errors:e.reduce(((e,t)=>({...e,[t.name]:t.message})),{}),submitDisabled:!1}):(this.disableSubmit(),this.onSubmitSuccess(this.state.fields))},this.onInputChange=(e,t)=>

1{const a=e.target,s=a.name,i=a.value,n=a.checked,r=a.type;this.onChange&&this.onChange(i,e),this.props.onChangeCallback&&"function"==typeof this.props.onChangeCallback&&this.props.onChangeCallback(i),this.setState((e=>({fields:{...e.fields,[s]:"checkbox"===r?n:i},errors:Object.keys(e.errors).reduce(((t,a)=>a===s?t:{...t,[a]:e.errors[a]}),{})})),t)}}static covertErrorData(e){if("string"==typeof e)return[{message:e}];const t=Object.keys(e);return t.length?t.map((t=>({name:t,message:e[t].join("/n")}))):K.serverError}get rules(){return[]}get children(){return null}get submitButtonText(){return null}get submitButtonState(){return{state:Q.Y3,type:H.OQ}}componentDidMount(){setTimeout((()=>{this.validate()}),0)}componentWillReceiveProps(e){e.errors&&Object.keys(e.errors).length&&this.setState({errors:e.errors,submitDisabled:!1}),this.props.triggerEnableSubmit!==e.triggerEnableSubmit&&this.setState({submitDisabled:!1})}validate(){a.e(8170).then(a.bind(a,57749)).then((({default:e})=>{this.validator=new e(this.form,this.rules,this.updateErrors),this.setCustomValidationCallbacks(),Object.keys(this.customMessages).forEach((e=>{this.validator.setMessage(e,this.customMessages[e])}))})).catch((e=>{}))}componentWillUnmount(){this.validator&&(this.validator.form.onsubmit=null,this.validator=null)}get customMessages(){return K.customMessages}setCustomValidationCallbacks(){}onSubmitSuccess(e){this.props.onSubmit&&this.props.onSubmit(e)}disableSubmit(){this.setState({submitDisabled:!0})}enableSubmit(){this.setState({submitDisabled:!1})}render(){return(0,c.BX)("form",{ref:e=>{this.form=e},onSubmit:this.onSubmit,name:this.state.name,className:n()({[W.stretch]:this.props.isStretched}),children:[this.children,this.submitButtonText&&(0,c.tZ)(J.Z,{children:(0,c.tZ)(V.ZP,{...this.submitButtonState,htmlType:"submit",className:W.submit,size:this.submitSize,text:this.submitButtonText,disabled:this.state.submitDisabled})})]})}}K.Row=u,K.Column=p,K.Select=x,K.Textarea=E,K.Input=m.ZP,K.RadioStack=F,K.Checkbox=O,K.Legend=I.Z,K.ReCaptcha=d,K.Datepicker=v,K.defaultProps={fields:{},triggerEnableSubmit:0},K.customMessages={required:"Please, fill in the %s field.",not_empty:"Please, fill in the %s field.",matches:"%ss fields does not match.",valid_email:"Seems like you entered an incorrect email.",alpha_dash:"For %s use numbers '1..9', characters 'A,a,..Z,z', underscores '_' and dashes '-'.",check_multivariant:"Please add more then 1 variant in %s field",check_http_images:'Only "https" links are allowed for pictures, otherwise they won\'t appear'},K.serverError=[{name:"server",message:"Server internal error"}]},68499:(e,t,a)=>{a.d(t,{Z:()=>d});var s=a(23278),i=a.n(s),n=a(65802),r={injectType:"styleTag",insert:"head",singleton:!1};i()(n.Z,r);const o=n.Z.locals||{};var l=a(67489),c=a(24517);const d=({size:e,...t})=>(0,c.tZ)(l.Z,{...t,className:[o.legend,o[e]],As:"header"})},21269:(e,t,a)=>{a.d(t,{Z:()=>s});const s=(0,a(32860).Z)((()=>Promise.all([a.e(4736),a.e(7366)]).then(a.bind(a,27889))))},55501:(e,t,a)=>{a.r(t),a.d(t,{AddTabModalContainer:()=>x});var s=a(502),i=a(97104),n=a(53618),r=a(59317),o=a(21269),l=a(14975),c=a(35902),d=a(21792),h=a(4561),u=a(56904),p=a(82848),m=a(24517);const g=({id:e,title:t,titleUrl:a,artist:s,category:n,date:o,tabAccessType:l,isAdded:c,...d})=>{const g=(0,i.Q)().t,b=(0,r.Z)({addTabToPlaylist:h.XZ,removeTabFromPlaylist:h.Wp});return(0,m.tZ)(u.C.Item,{...d,title:t,titleLink:{url:a},subtitle:s,category:n,meta:[{text:o}],actions:[{text:g(c?{message:["Added tab"]}:{message:["Add tab"]}),icon:c?p.Et:p.VR,onClick:()=>c?b.removeTabFromPlaylist({tabId:e,tabAccess:null!=l?l:""}):b.addTabToPlaylist({tabId:e,tabAccess:null!=l?l:""}),size:"md",iconSize:"md",iconState:c?"warning":"muted"}]})},b=({searchValue:e})=>{const t=(0,i.Q)().t,a=(0,n.Z)([d.MI.getMyTabs,c.xh.getTabs]),r=a[0],o=a[1],l=(0,s.useMemo)((()=>{const t=e.toLowerCase(),a=new Set(o.map((e=>e.id)));return(null!=r?r:[]).filter((e=>e.title.toLowerCase().includes(t)||e.artistName.toLowerCase().includes(t))).sort(((e,t)=>e.title.localeCompare(t.title))).map((e=>({...e,isAdded:a.has(e.id)}

1)))}),[r,o,e]);return l.length?(0,m.tZ)(u.C,{data:[{data:l}],sectionTitles:{data:[{id:"subtitle",text:t({message:["Artist"]})},{id:"title",text:t({message:["Song"]})},{id:"date",text:t({message:["Date"]})},{id:"category",text:t({message:["Type"]})},{id:"actions",text:""}],isPrimary:!0},isScroll:!0,renderItem:g}):null};var y=a(71088),v=a(7113),Z=a(78059),f=a(84067),w=a(50019),C=a(74444),T=a(71332),S=a(97529);const k=()=>{const e=(0,i.Q)().t;(0,s.useEffect)((()=>{Z.N.send({event:S.hh,value:S.V2.addTabModal})}),[]);const t=e({message:["Only favorite tabs can be added to playlist here"]});return(0,m.tZ)(f.Z.Wrapper,{children:(0,m.tZ)(f.Z,{isStretched:!0,cover:{url:(0,T.s)("/public/ug/img/ug_react/empty_state/favorites.png"),alt:t,width:248,height:136},title:t,description:e({message:["Open a tab, click 'favorite' and[br][/br] all your tabs saved to favorites will appear here"]}),actions:[{text:e({message:["Explore Tab Catalog"]}),state:w.Y3,type:C.OQ,isStretched:!0,size:"sm",onClick:()=>{Z.N.send({event:S.Mg,value:S.V2.addTabModal}),(0,y.U)((0,v.H6)(),300)}}]})})},x=()=>{const e=(0,i.Q)().t,t=(0,n.Z)([c.xh.getIsAddTabModalOpen,d.MI.getMyTabs]),a=t[0],u=t[1],p=(0,r.Z)({toggleAddTabModal:h.JO}),g=(0,s.useState)(""),y=g[0],v=g[1];return(0,m.tZ)(o.Z,{open:a,title:e({message:["Add my tabs to playlist"]}),onClose:p.toggleAddTabModal,size:"lg",children:null!=u&&u.length?(0,m.BX)("section",{children:[(0,m.tZ)(l.Z.Input,{name:"tab",placeholder:e({message:["Search in my tabs"]}),type:"text",size:"lg",value:y,onChange:e=>v(e.target.value)}),(0,m.tZ)(b,{searchValue:y})]}):(0,m.tZ)(k,{})})}},72113:(e,t,a)=>{a.d(t,{K:()=>i,a:()=>s});const s="dark",i="light"}}]);
2//# sourceMappingURL=/static/public/build/ug_react_i18n_es6/../../sourcemap/ug_react_i18n_es6/202609/1769.662cabcaf97d8a30ddee1447dfc9a02d.js.map