https://www.ultimate-guitar.com/static/public/build/ug_react_i18n_…/510.8473c94545b0f001d841035675d0406a.js

1"use strict";(self.webpackChunkug_react_i18n_es6=self.webpackChunkug_react_i18n_es6||[]).push([[510],{86677:(e,t,a)=>{a.d(t,{Z:()=>r});var i=a(57763),s=a.n(i),n=a(74458),o=a.n(n)()(s());o.push([e.id,".MlEXu{display:flex;flex-direction:column;height:100%}._1mFEi{float:right}",""]),o.locals={stretch:"MlEXu",submit:"_1mFEi"};const r=o},45427:(e,t,a)=>{a.d(t,{Z:()=>r});var i=a(57763),s=a.n(i),n=a(74458),o=a.n(n)()(s());o.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}",""]),o.locals={legend:"Vk6yu",sm:"PrK1A"};const r=o},65822:(e,t,a)=>{a.d(t,{Z:()=>r});var i=a(57763),s=a.n(i),n=a(74458),o=a.n(n)()(s());o.push([e.id,"._4OJTv{color:inherit;display:block;line-height:42px}._4OJTv input{margin:0 16px 0 0;vertical-align:middle}",""]),o.locals={radioLabel:"_4OJTv"};const r=o},40149:(e,t,a)=>{a.d(t,{Z:()=>r});var i=a(57763),s=a.n(i),n=a(74458),o=a.n(n)()(s());o.push([e.id,".P7gdz{-webkit-appearance:menulist;-moz-appearance:menulist;appearance:menulist}",""]),o.locals={select:"P7gdz"};const r=o},6128:(e,t,a)=>{a.d(t,{Z:()=>r});var i=a(57763),s=a.n(i),n=a(74458),o=a.n(n)()(s());o.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}",""]),o.locals={textarea:"LAtj_",monospace:"_8ePSo",typeFaceRobotoMono:"Abtu2",typeFaceCourierNew:"X9eYu",typeFaceLuxiMono:"kyFki"};const r=o},66177:(e,t,a)=>{a.d(t,{Z:()=>r});var i=a(57763),s=a.n(i),n=a(74458),o=a.n(n)()(s());o.push([e.id,".oag0e,.D_hIH,.iEMk8{bottom:0;left:0;right:0;top:0}.oag0e,.iEMk8{position:absolute}._8gTat{left:11px;position:absolute;top:12px}.EQX76{height:150px}.D_hIH{align-items:center;display:flex;height:100%;justify-content:center;position:relative;z-index:2}@media (min-device-width:481px){.D_hIH{padding:16px}._5nqIz{padding:0}}.oag0e{background:rgba(0,0,0,.8)}.t57mW{background:rgba(0,0,0,.9)}.iEMk8{background:#111}:where(.SnXvR){background:#1f1f1f;border-radius:2px;display:flex;flex-direction:column;position:relative;z-index:2}.twN3D .SnXvR{width:100%}._7nnrs{z-index:10000}.bC_2o{align-items:flex-end}.bC_2o .SnXvR{margin:0 0 env(safe-area-inset-bottom)}:where(.eVSm5){background:#fff;border-radius:2px 2px 0 0;color:#212121;font-size:12px;font-weight:600;line-height:16px}._6AulH{flex-grow:1;padding-bottom:env(safe-area-inset-bottom)}.D_hIH ._6AulH article{margin:0}.ASzqa{max-height:285px}.DLtrf{width:100%}.Yv3Ea{width:auto}.A-zr8{width:392px}.cF4re{width:500px}.pyUyZ{width:680px}.yeJ6N{width:800px}._1U5qB{width:950px}.gZ2xm{width:589px}.tOO1H{width:576px}.EaFFu{width:720px}.WnQB6{width:760px}._5wAmG{width:870px}.ALTcM{width:600px}.aAM_c{height:100%;max-height:562px}._6gS6z{height:100%;max-height:690px}.Eg9f3{font-weight:600;padding:16px 48px 16px 16px}.r33cZ{display:flex;justify-content:space-between;margin:16px 0;padding:0 16px;width:100%}.E5WFh + .E5WFh{margin-left:12px}.qk-mR{height:calc(100vh - 40px)}.twN3D .qk-mR{height:100%;margin:0}.twN3D{max-width:100%}.Dp6mU{height:calc(100vh - 120px)}.Dp6mU form{height:100%}.twN3D.bC_2o .SnXvR.DLtrf ._6AulH{padding:0 0 env(safe-area-inset-bottom)}._0bxz9{margin-right:-16px}.SJjt7{padding-bottom:16px;padding-top:8px}._2bJhk{right:-40px;top:0}._5nqIz{padding:0}@media (min-width:768px){.twN3D .SnXvR{align-self:center;width:420px}}",""]),o.locals={backdrop:"oag0e",modal:"D_hIH",solidBackdrop:"iEMk8",logo:"_8gTat",poster:"EQX76",modalNoPadding:"_5nqIz",backdrop_dark:"t57mW",dialog:"SnXvR",isMobile:"twN3D",layerPositiontop:"_7nnrs",layerPositionbottom:"bC_2o",dialogLight:"eVSm5",body:"_6AulH",scrollsm:"ASzqa",wide:"DLtrf",auto:"Yv3Ea",xs:"A-zr8",sm:"cF4re",md:"pyUyZ",lg:"yeJ6N",xl:"_1U5qB",errorSm:"gZ2xm",buySm:"tOO1H",buyMd:"EaFFu",buyMd2:"WnQB6",buyLg:"_5wAmG",mdDs:"ALTcM",mdHeight:"aAM_c",lgHeight:"_6gS6z",header:"Eg9f3",footer:"r33cZ",action:"E5WFh",stretch:"qk-mR",stretchContent:"Dp6mU",withoutInnerPadding:"_0bxz9",withVerticalPadding:"SJjt7",outslideClose:"_2bJhk"};const r=o},99460:(e,t,a)=>{a.d(t,{Z:()=>V});var i=a(502),s=a(20386),n=a.n(s),o=a(47384);var r,l=a(62762),c=a(24517);class d extends i.Component{constructor(e){super(e),this.captcha=null,this.id="captcha"+(0,o.Ox)(),this.show=()=>

1{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"),i=()=>{s||(t(),s=!0)};let s;a.async=!0,a.src=e,a.onreadystatechange=i,a.onload=i,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})}}r=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",r.wrapper);return e&&e.value||""},d.resetCaptcha=()=>{window.grecaptcha.reset()};var h=a(52115);const p=(0,h.Z)(l.Z.row,"div"),m=(0,h.Z)(l.Z.wrapper,"div");var u=a(30486),g=a(72113),b=a(54224);const y=({hasNoMargin:e,state:t,value:a,error:i,label:s,classNameWrapper:n,children:o,...r})=>(0,c.BX)(b.Z,{hasNoMargin:e,className:n,error:i,label:s,children:[(0,c.tZ)(u.ZP,{value:a,state:t,type:"date",...r}),o]});y.defaultProps={state:g.a,value:Date.now()};const f=y;var v=a(23278),x=a.n(v),w=a(40149),Z={injectType:"styleTag",insert:"head",singleton:!1};x()(w.Z,Z);const C=w.Z.locals||{},k=({value:e,text:t,title:a})=>(0,c.tZ)("option",{value:e,children:t||a}),S=({hasNoMargin:e,children:t,error:a,className:i,label:s,options:n,...o})=>(0,c.BX)(b.Z,{hasNoMargin:e,error:a,label:s,children:[(0,c.tZ)("select",{className:(0,u.x1)({...o,className:(i||"")+" "+C.select}),...o,children:n.map((e=>(0,c.tZ)(k,{...e},e.value)))}),t]});S.defaultProps={state:"dark",size:"sm"};const _=S;var M=a(74256),N=a(6128),P={injectType:"styleTag",insert:"head",singleton:!1};x()(N.Z,P);const A=N.Z.locals||{},D=({hasNoMargin:e,isWithoutAnyMargin:t,error:a,className:i,label:s,isMonospace:o,typeFace:r,isStretch:l,height:d,getRef:h,wrapperClassName:p,...m})=>(0,c.tZ)(b.Z,{className:p,hasNoMargin:e,isWithoutAnyMargin:t,error:a,isStretch:l,label:s,children:(0,c.tZ)("textarea",{className:(0,u.x1)({...m,className:n()(A.textarea,(o||r)&&A.monospace,A[r],i),error:a}),...m,ref:h})});D.defaultProps={state:"dark",size:"sm",isStretch:!1,typeFace:"",getRef:M.Z};const E=D;var T=a(65822),z={injectType:"styleTag",insert:"head",singleton:!1};x()(T.Z,z);const L=T.Z.locals||{};var R=a(22223);const j=({name:e,isChecked:t,value:a,label:i,onChange:s})=>(0,c.BX)("label",{className:L.radioLabel,children:[(0,c.tZ)("input",{checked:t,type:"radio",value:a,name:e,onChange:s})," "+i]}),I=({value:e,hasNoMargin:t,error:a,name:i,data:s,onChange:n,label:o})=>(0,c.tZ)(b.Z,{hasNoMargin:t,error:a,label:o,children:s.map((t=>(0,R.az)(j,{...t,isChecked:e===t.value,name:i,onChange:n,key:t.value})))}),B=({className:e,classNameWrapper:t,hasNoMargin:a,error:i,name:s,value:n,children:o,...r})=>(0,c.tZ)(b.Z,{hasNoMargin:a,error:i,className:t,children:(0,c.BX)("label",{htmlFor:s,children:[(0,c.tZ)("input",{type:"checkbox",id:s,className:(0,u.x1)({...r,className:e}),checked:n,name:s,...r})," ",o]})});var F=a(62315),H=a(22446),O=a(86677),X={injectType:"styleTag",insert:"head",singleton:!1};x()(O.Z,X);const q=O.Z.locals||{};var W=a(50019),J=a(74444),U=a(56742);class V extends i.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,i=a.name,s=a.value,n=a.checked,o=a.type;this.onChange&&this.onChange(s,e),this.props.onChangeCallback&&"function"==typeof this.props.onChangeCallback&&this.props.onChangeCallback(s),this.setState((e=>({fields:{...e.fields,[i]:"checkbox"===o?n:s},errors:Object.keys(e.errors).reduce(((t,a)=>a===i?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")}))):V.serverError}get rules(){return[]}get children(){return null}get submitButtonText(){return null}get submitButtonState(){return{state:W.Y3,type:J.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 V.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()({[q.stretch]:this.props.isStretched}),children:[this.children,this.submitButtonText&&(0,c.tZ)(U.Z,{children:(0,c.tZ)(H.ZP,{...this.submitButtonState,htmlType:"submit",className:q.submit,size:this.submitSize,text:this.submitButtonText,disabled:this.state.submitDisabled})})]})}}V.Row=p,V.Column=m,V.Select=_,V.Textarea=E,V.Input=u.ZP,V.RadioStack=I,V.Checkbox=B,V.Legend=F.Z,V.ReCaptcha=d,V.Datepicker=f,V.defaultProps={fields:{},triggerEnableSubmit:0},V.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'},V.serverError=[{name:"server",message:"Server internal error"}]},62315:(e,t,a)=>{a.d(t,{Z:()=>d});var i=a(23278),s=a.n(i),n=a(45427),o={injectType:"styleTag",insert:"head",singleton:!1};s()(n.Z,o);const r=n.Z.locals||{};var l=a(56742),c=a(24517);const d=({size:e,...t})=>(0,c.tZ)(l.Z,{...t,className:[r.legend,r[e]],As:"header"})},98080:(e,t,a)=>{a.d(t,{Z:()=>d});var i=a(21717),s=a(22446),n=a(50019),o=a(74444),r=a(24517);const l=e=>["success","done","primary"].includes(e)?{state:n.Jp,type:o.PL}:{state:n.Y3,type:o.PL},c=(e,t,a)=>e.filter(t).map((({type:e,onClick:t,...n})=>(0,r.tZ)(s.ZP,{className:i.Z.action,htmlType:["success","primary"].includes(e)?"submit":"button",onClick:["cancel","done"].includes(e)?a:t,...l(e),...n},(0,s.lf)(n)))),d=({actions:e,onClose:t})=>e.length?(0,r.BX)("footer",{className:i.Z.footer,children:[(0,r.tZ)("div",{children:c(e,(e=>"left"===e.position),t)}),(0,r.tZ)("div",{children:c(e,(e=>"center"===e.position),t)}),(0,r.tZ)("div",{children:c(e,(e=>"right"===e.position||"center"!==e.position&&"left"!==e.position),t)})]}):null},45947:(e,t,a)=>{a.d(t,{Z:()=>l});var i=a(20386),s=a.n(i),n=a(21717),o=a(77649),r=a(24517);const l=({align:e,whiteSpace:t,headerStyles:a,children:i})=>(0,r.tZ)("div",{className:s()(n.Z.header,a),children:(0,r.tZ)(o.p6,{align:e,whiteSpace:t,children:i})})},8317:(e,t,a)=>{a.r(t),a.d(t,{CreatePlaylistModalContainer:()=>m});var i=a(97104),s=a(59317),n=a(21269),o=a(78059),r=a(30494),l=a(46850),c=a(74265),d=a(18557),h=a(24517);const p={name:"",description:""},m=()=>{const e=(0,i.Q)().t,t=(0,s.Z)({createPlaylist:c.cg,setIsCreateModalOpen:l.T5.setIsCreateModalOpen}),a=()=>t.setIsCreateModalOpen(!1),m=[{text:e({message:["Cancel"]}),type:"cancel"},{text:e({message:["Create"]}),type:"primary",onClick:()=>o.N.send({event:r.J9R})}];return(0,h.tZ)(n.Z,{open:!0,title:e({message:["Create playlist"]}),onClose:a,children:(0,h.tZ)(d.H,{fields:p,namePlaceholder:e({message:["Name"]}),descriptionPlaceholder:e({message:["Description"]}),nameLabel:e({message:["Name"]}),actions:m,onClose:a,onSubmit:t.createPlaylist})})}},18557:(e,t,a)=>{a.d(t,{H:()=>r});var i=a(35279),s=a(99460),n=a(24517);class o extends s.Z{get rules(){return[{name:"name",rules:"required",display:this.props.nameLabel}]}get children(){const e=this.props,t=e.actions,a=e.onClose,o=e.namePlaceholder,r=e.descriptionPlaceholder;return(0,n.BX)("div",{children:[(0,n.tZ)(s.Z.Input,{name:"name",placeholder:o,type:"text",size:"lg",value:this.state.fields.name,onChange:this.onInputChange,error:this.state.errors.name}),(0,n.tZ)(s.Z.Textarea,{name:"description",size:"lg",value:this.state.fields.description,placeholder:r,onChange:this.onInputChange}),(0,n.tZ)(i.mz,{actions:t,onClose:a})]})}}const r=o},31372:(e,t,a)=>{a.r(t),a.d(t,{RenamePlaylistModalContainer:()=>h});var i=a(97104),s=a(59317),n=a(21269),o=a(46850),r=a(74265),l=a(53618);var c=a(18557),d=a(24517);const h=()=>{var e,t;const a=(0,i.Q)().t,h=(()=>{const e=(0,l.Z)([o.MB.getRows,o.MB.getCurrentPlaylistId]),t=e[0],a=e[1];return t.find((e=>e.id===a))})(),p=(0,s.Z)({renamePlaylist:r.qh,setIsRenameModalOpen:o.T5.setIsRenameModalOpen}),m=()=>p.setIsRenameModalOpen(!1),u=[{text:a({message:["Cancel"]}),type:"cancel"},{text:a({message:["Rename"]}),type:"primary"}];return(0,d.tZ)(n.Z,{open:!0,title:a({message:["Rename playlist"]}),onClose:m,children:(0,d.tZ)(c.H,{fields:{name:null!==(e=null==h?void 0:h.title)&&void 0!==e?e:"",description:null!==(t=null==h?void 0:h.description)&&void 0!==t?t:""},namePlaceholder:a({message:["Name"]}),descriptionPlaceholder:a({message:["Description"]}),nameLabel:a({message:["Name"]}),actions:u,onClose:m,onSubmit:p.renamePlaylist})})}},35279:(e,t,a)=>{a.d(t,{Rb:()=>

1o,mz:()=>n});var i=a(98080),s=a(45947);const n=i.Z,o=s.Z},72113:(e,t,a)=>{a.d(t,{K:()=>s,a:()=>i});const i="dark",s="light"},21717:(e,t,a)=>{a.d(t,{Z:()=>r});var i=a(23278),s=a.n(i),n=a(66177),o={injectType:"styleTag",insert:"head",singleton:!1};s()(n.Z,o);const r=n.Z.locals||{}}}]);
2//# sourceMappingURL=/static/public/build/ug_react_i18n_es6/../../sourcemap/ug_react_i18n_es6/202609/510.2ec3a8d705d09cc41cfca95a236bff65.js.map