https://my.soundful.com/static/js/772.cb2145c36fbb4489e0c1.bundle.js

1"use strict";(self.webpackChunksoundful=self.webpackChunksoundful||[]).push([[772],{92264:(e,r,t)=>{t.d(r,{k:()=>N,Q:()=>K});var a=t(74848),n=t(96540),s=t(63710),i=t(14073),o=t(50986),l=t(65724),c=t(40768),d=t(52211),p=t(84798),u=t(15636),m=t(35598),h=t(10276),b=t(79068);const v=(0,b.A)((e=>({root:{"& $tagError":{borderColor:e.palette.error.main}},tagError:{}})),{name:"FormikAutocomplete"});var x=Object.defineProperty,j=Object.defineProperties,y=Object.getOwnPropertyDescriptors,g=Object.getOwnPropertySymbols,C=Object.prototype.hasOwnProperty,f=Object.prototype.propertyIsEnumerable,w=(e,r,t)=>r in e?x(e,r,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[r]=t,O=(e,r)=>{for(var t in r||(r={}))C.call(r,t)&&w(e,t,r[t]);if(g)for(var t of g(r))f.call(r,t)&&w(e,t,r[t]);return e},P=(e,r)=>j(e,y(r));const A=e=>{var r=e,{name:t,onChange:n=d.lQ,onBlur:s=d.lQ,renderInputProps:i}=r,o=((e,r)=>{var t={};for(var a in e)C.call(e,a)&&r.indexOf(a)<0&&(t[a]=e[a]);if(null!=e&&g)for(var a of g(e))r.indexOf(a)<0&&f.call(e,a)&&(t[a]=e[a]);return t})(r,["name","onChange","onBlur","renderInputProps"]);const[l,p,u]=(0,c.Mt)({name:t,multiple:o.multiple}),b=v(),x=(({touched:e,error:r})=>e&&r?Array.isArray(r)?r.filter(d.R)[0]:r:"")(p);return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(h.j,P(O({value:l.value},o),{onChange:(e,r,t,a)=>{u.setValue(r),u.setTouched(!0,!1),n(e,r,t,a)},onBlur:e=>{l.onBlur(e),s(e)},classes:{root:b.root},renderInputProps:P(O({},i),{error:!!x}),getTagProps:({index:e})=>Array.isArray(p.error)&&p.error[e]?{className:b.tagError}:null})),(0,a.jsx)(m.y,{error:x})]})},D=(0,b.A)((e=>({form:{display:"flex",flexDirection:"column",minHeight:0},formGroups:{overflowY:"auto",paddingTop:e.spacing(2)},formGroup:{position:"relative",margin:e.spacing(1,0)},submissionError:{position:"absolute",bottom:0,width:"100%"},controls:{paddingTop:e.spacing(1),flex:"0 0 auto",display:"flex",flexDirection:"row",justifyContent:"flex-end"}})),{name:"EmailChipsForm"});var S=t(69421),k=t(52598);const T=e=>(0,S.Ik)({emails:(0,S.YO)((0,k.uQ)("emailChips.validation.emails")).ensure().required().min(1).max(10).label(e("emailChips.emails"))}),B={emails:[]},I=[],E=/[,;\s]/,H=({onSubmit:e,disabled:r})=>{const t=D(),{t:i}=(0,s.Bd)(),h=(0,o.x)(),[b,v]=(0,n.useState)("");return(0,a.jsx)(c.l1,{initialValues:B,validationSchema:T(i),onSubmit:(r,t)=>{return a=[r,t],n=function*(r,{setSubmitting:t}){v(""),t(!0);try{yield e(r)}catch(e){h.current||v(i("errors.unknown"))}finally{h.current||t(!1)}},new Promise(((e,r)=>{var t=e=>{try{i(n.next(e))}catch(e){r(e)}},s=e=>{try{i(n.throw(e))}catch(e){r(e)}},i=r=>r.done?e(r.value):Promise.resolve(r.value).then(t,s);i((n=n.apply(undefined,a)).next())}));var a,n},validateOnMount:!0,validateOnChange:!0,children:({isValid:e,isSubmitting:n})=>(0,a.jsxs)(c.lV,{noValidate:!0,className:t.form,children:[(0,a.jsx)("div",{className:t.formGroups,children:(0,a.jsxs)(l.A,{className:t.formGroup,children:[(0,a.jsx)(A,{name:"emails",renderInputProps:{type:"email"},label:"emailChips.emails",options:I,multiple:!0,freeSolo:!0,delimiters:E,inputToOption:d.D_}),(0,a.jsx)("div",{className:t.submissionError,children:(0,a.jsx)(m.y,{error:e?b:""})})]})}),(0,a.jsx)("div",{className:t.controls,children:(0,a.jsxs)(p.A,{type:"submit",disabled:r||!e||n,children:[n&&(0,a.jsx)(u.P,{}),(0,a.jsx)("span",{children:i("emailChips.send")})]})})]})})};var L=t(97972);const M=(0,b.A)((e=>({root:{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",width:"100%"},icon:{marginBottom:e.spacing(2)},message:{margin:e.spacing(1.5,0),padding:e.spacing(.5,0),maxWidth:"100%",lineHeight:"150%",overflowY:"auto",overflowWrap:"anywhere"},doneButton:{paddingTop:e.spacing(1.5),paddingBottom:e.spacing(1.5),marginTop:e.spacing(1),backgroundColor:"transparent",color:e.palette.text.primary,borderColor:e.palette.text.primary}})),{name:"Confirmation"}),N=({emails:e,onDone:r})=>{const t=M(),{t:n}=(0,s.Bd)();return(0,a.jsxs)("div",{className:t.root,children:[(0,a.jsx)("span",{className:t.icon,children:(0,a.jsx)(L.t,{})}),(0,a.jsx)(i.A,{variant:"h6",align:"center",children:n("shareByEmail.sentTitle")}),(0,a.jsx)(i.A,{variant:"body2",align:"center",className:t.message,component:"div",children:n("shareByEmail.sentTo",{recipients:e.join(", ")})}),(0,a.jsx)(p.A,{variant:"outlined",color:"secondary",size:"small",onClick:r,className:t.doneButton,children:n("button.ok")})]})},Q=(0,b.A)((e=>({root:{width:"100%",minHeight:"100%",display:"flex",flexDirection:"column"},description:{marginBottom:e.spacing(1)}})),{name:"ShareByEmail"}),K=({send:e,onDone:r,disabled:t})=>{const l=Q(),{t:c}

1=(0,s.Bd)(),[d,p]=(0,n.useState)(null),u=(0,o.x)();return(0,a.jsx)("div",{className:l.root,children:d?(0,a.jsx)(N,{emails:d,onDone:r}):(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)("div",{className:l.description,children:(0,a.jsx)(i.A,{variant:"body2",children:c("shareByEmail.shareDescription")})}),(0,a.jsx)(H,{onSubmit:r=>{return t=function*(){yield e(r.emails),u.current||p(r.emails)},new Promise(((e,r)=>{var a=e=>{try{s(t.next(e))}catch(e){r(e)}},n=e=>{try{s(t.throw(e))}catch(e){r(e)}},s=r=>r.done?e(r.value):Promise.resolve(r.value).then(a,n);s((t=t.apply(undefined,null)).next())}));var t},disabled:t})]})})}},90772:(e,r,t)=>{t.r(r),t.d(r,{default:()=>ye});var a=t(74848),n=t(96540),s=t(32316),i=t(14073),o=t(52211),l=t(51714),c=t(92264),d=t(10276),p=t(84798),u=t(64644),m=t(35598),h=t(60894),b=t(88188),v=t(39620),x=Object.defineProperty,j=Object.defineProperties,y=Object.getOwnPropertyDescriptors,g=Object.getOwnPropertySymbols,C=Object.prototype.hasOwnProperty,f=Object.prototype.propertyIsEnumerable,w=(e,r,t)=>r in e?x(e,r,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[r]=t;const O=e=>{return(0,a.jsx)("svg",(r=((e,r)=>{for(var t in r||(r={}))C.call(r,t)&&w(e,t,r[t]);if(g)for(var t of g(r))f.call(r,t)&&w(e,t,r[t]);return e})({width:"24",height:"24",viewBox:"0 0 24 24",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg"},e),j(r,y({children:(0,a.jsx)("path",{d:"M3.75 12C3.75 7.44365 7.44365 3.75 12 3.75C16.5563 3.75 20.25 7.44365 20.25 12C20.25 16.5563 16.5563 20.25 12 20.25C7.44365 20.25 3.75 16.5563 3.75 12ZM12 2.25C6.61522 2.25 2.25 6.61522 2.25 12C2.25 17.3848 6.61522 21.75 12 21.75C17.3848 21.75 21.75 17.3848 21.75 12C21.75 6.61522 17.3848 2.25 12 2.25ZM12.75 8C12.75 7.58579 12.4142 7.25 12 7.25C11.5858 7.25 11.25 7.58579 11.25 8V11.25H7.99997C7.58576 11.25 7.24997 11.5858 7.24997 12C7.24997 12.4142 7.58576 12.75 7.99997 12.75H11.25V16C11.25 16.4142 11.5858 16.75 12 16.75C12.4142 16.75 12.75 16.4142 12.75 16V12.75H16C16.4142 12.75 16.75 12.4142 16.75 12C16.75 11.5858 16.4142 11.25 16 11.25H12.75V8Z"})}))));var r};var P=t(57939),A=t(95121),D=t(43682),S=t(63710),k=t(17681),T=t(84417),B=t(74474),I=t(79068);const E=(0,I.A)((e=>({chevron:{color:e.custom.outline,top:"auto"}})));var H=Object.defineProperty,L=Object.defineProperties,M=Object.getOwnPropertyDescriptors,N=Object.getOwnPropertySymbols,Q=Object.prototype.hasOwnProperty,K=Object.prototype.propertyIsEnumerable,_=(e,r,t)=>r in e?H(e,r,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[r]=t;const G=e=>{var r=e,{options:t,id:n,label:s,value:i,onChange:o}=r,l=((e,r)=>{var t={};for(var a in e)Q.call(e,a)&&r.indexOf(a)<0&&(t[a]=e[a]);if(null!=e&&N)for(var a of N(e))r.indexOf(a)<0&&K.call(e,a)&&(t[a]=e[a]);return t}

1)(r,["options","id","label","value","onChange"]);const c=E(),{t:d}=(0,S.Bd)();return(0,a.jsx)(B.A,(p=((e,r)=>{for(var t in r||(r={}))Q.call(r,t)&&_(e,t,r[t]);if(N)for(var t of N(r))K.call(r,t)&&_(e,t,r[t]);return e})({select:!0,id:n,label:s,value:i,onChange:o,SelectProps:{classes:{icon:c.chevron},IconComponent:T.y}},l),u={children:t.map((e=>{const{label:r,value:t}="string"==typeof e?{label:e,value:e}:e;return(0,a.jsx)(k.A,{value:t,children:d(r)},r)}))},L(p,M(u))));var p,u};var V=t(86381);const Z=(0,I.A)((e=>({root:{"& > div:not(:last-child)":{margin:e.spacing(1,0)}},fauxDialog:{width:500,minHeight:200,border:"1px solid gray",margin:e.spacing(4),maxHeight:310,display:"flex",backgroundColor:e.palette.secondary.main,[e.breakpoints.down("mobile")]:{width:"auto",minHeight:300,maxHeight:500,margin:e.spacing(1)}},loaderContainer:{width:"100%",height:500,border:"1px solid gray",position:"relative","& > svg":{position:"absolute"}}})));var R=t(64263),F=t(20863),W=t(46559),U=t(26700),q=Object.defineProperty,z=Object.defineProperties,Y=Object.getOwnPropertyDescriptors,X=Object.getOwnPropertySymbols,$=Object.prototype.hasOwnProperty,J=Object.prototype.propertyIsEnumerable,ee=(e,r,t)=>r in e?q(e,r,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[r]=t,re=(e,r)=>{for(var t in r||(r={}))$.call(r,t)&&ee(e,t,r[t]);if(X)for(var t of X(r))J.call(r,t)&&ee(e,t,r[t]);return e};const te=e=>{const r=(0,W.I)(),{sliderProps:t,labels:n}=(0,U.g)(e);return(0,a.jsxs)("div",{className:r.progressBar,"data-testid":"playerProgressBar",children:[(0,a.jsx)(i.A,{variant:"caption","data-testid":"playerTimePassed",children:n.currentTime}),(0,a.jsx)(F.Ay,(s=re({},t),o={classes:r,"data-testid":"playerSlider"},z(s,Y(o)))),(0,a.jsx)(i.A,{variant:"caption","data-testid":"playerTimeTotal",children:n.totalTime})]});var s,o};let ae=134;const ne=()=>{const[e,r]=(0,n.useState)(0),[t,s]=(0,n.useState)(!1);return(0,n.useEffect)((()=>{if(t)return o.lQ;let e=Date.now();const a=window.setInterval((()=>{const t=Date.now(),a=(t-e)/1e3;e=t,r((e=>(e+a)%ae))}),200);return()=>{window.clearInterval(a)}}),[t]),(0,a.jsxs)("div",{children:["Actual committed progress = ",(0,R.a3)(e),(0,a.jsx)(p.A,{onClick:()=>{t&&(ae+=20),s(!t)},children:t?"Resume":"Pause"}),(0,a.jsx)(te,{duration:ae,isDisabled:t,setProgress:r,progress:e,resetWhenDisabled:!1,withLabels:!0})]})};var se=t(77619);const ie=()=>{const[e,r]=(0,n.useState)(0);if(e>3)throw new Error("Test error");return(0,a.jsxs)(p.A,{onClick:()=>r((e=>e+1)),children:["Buggy counter: ",e]})};var oe=t(75981),le=t(42673),ce=t(79822);const de={id:180,name:"Club Beats",bpmLow:160,bpmHigh:165,bpmDefault:162,sequence:100,loadDelay:1e4,rootGenreId:151,rootGenreKey:"hip-hop",onlyAllowedKeys:[],favorite:!1,creatable:!0,contentType:le.cM.track,imageURL:"assets/template/club-beats.png",keyDefault:"g_minor",new:!1,isPremium:!1,artist:{name:"Hardwell",id:1,artistSlug:"hardwell"},benefitDetails:{includes:["create & download up to <b>10 tracks of any format</b>","copyright available for purchase (active subscription required for access)"]},price:{currency:"USD",amount:"9.99"},shortDescription:"short description",templateSlug:"club-beats",templateKey:"ClubBeats"},pe=()=>{const[e,r]=(0,n.useState)(!1),[t,s]=(0,n.useState)(!1),[i,o]=(0,n.useState)(!1),{subscription:l}=(0,oe.R)(),c=null==l?void 0:l[2];return(0,a.jsxs)("div",{children:[(0,a.jsx)("div",{children:"Congratulations modal"}),(0,a.jsx)(p.A,{type:"button",onClick:()=>r(!e),children:"Open Or Close Template"}),(0,a.jsx)(p.A,{type:"button",onClick:()=>s(!t),children:"Open Or Close Template + Subscription"}),(0,a.jsx)(p.A,{type:"button",onClick:()=>o(!i),children:"Open Or Close Subscription"}),(0,a.jsx)(ce.z,{template:e?de:null,isOpen:e,onClose:()=>r(!1)}),(0,a.jsx)(ce.z,{template:t?de:null,subscription:t?c:null,isOpen:t,onClose:()=>s(!1)}),(0,a.jsx)(ce.z,{subscription:i?c:null,isOpen:i,onClose:()=>o(!1)})]})},ue=()=>{const[e,r]=(0,n.useState)(0);return(0,n.useEffect)((()=>{let e=Date.now();const t=window.setInterval((()=>{const t=Date.now(),a=(t-e)/1e3;e=t,r((e=>(e+a)%134))}),200);return()=>{window.clearInterval(t)}}),[]),(0,a.jsxs)("div",{children:["Actual committed progress = ",(0,R.a3)(e),(0,a.jsx)(te,{duration:134,isDisabled:!1,setProgress:r,progress:e,resetWhenDisabled:!0,withLabels:!0})]})};var me=t(92816),he=t(49190),be=t(78137),ve=t(22846);const xe=[{id:180,name:"Club Beats",bpmLow:160,bpmHigh:165,bpmDefault:162,sequence:100,loadDelay:1e4,rootGenreId:151,rootGenreKey:"hip-hop",onlyAllowedKeys:[],favorite:!1,creatable:!0,contentType:le.cM.track,imageURL:"assets/template/club

1-beats.png",keyDefault:"g_minor",new:!1,isPremium:!0,templateKey:"TemplateKey3"},{id:110,name:"Chillstep",bpmLow:125,bpmHigh:140,bpmDefault:130,sequence:301,loadDelay:1e4,rootGenreId:149,rootGenreKey:"edm",onlyAllowedKeys:[],favorite:!1,creatable:!0,contentType:le.cM.track,imageURL:"assets/template/EDM_Chillstep_01.png",keyDefault:"c_major",new:!1,isPremium:!0,templateKey:"TemplateKey3"},{id:195,name:"Melodic Progressive House",bpmLow:118,bpmHigh:124,bpmDefault:120,sequence:306,loadDelay:1e4,rootGenreId:149,rootGenreKey:"edm",onlyAllowedKeys:[],favorite:!1,creatable:!0,contentType:le.cM.track,imageURL:"assets/template/melodic-progressive-house.png",keyDefault:"d_major",new:!1,isPremium:!0,templateKey:"TemplateKey3"}],je=()=>{const[e,r]=(0,n.useState)(!1);return(0,a.jsxs)(me.T,{children:[(0,a.jsx)(be.Y,{template:xe[0],withSubscription:!0}),(0,a.jsx)(p.A,{type:"button",onClick:()=>r(!e),children:"Open Or Close"}),(0,a.jsx)(ve.X,{template:xe[0],isOpen:e,onClose:()=>r(!1),onPurchaseComplete:()=>r(!1),instrumentationProps:{},details:{type:he._.PREMIUM,access:he.C.SUBSCRIBE,metrics:{standard:{left:0,total:10},stem:{left:0,total:10}}}})]})},ye=()=>{const e=Z(),[r,t]=(0,n.useState)(30),[x,j]=(0,n.useState)(!1),[y,g]=(0,n.useState)(0),[C,f]=(0,n.useState)(!1),w=(0,s.wA)(),S=[{value:100,label:r}],k=(0,n.useCallback)((()=>{j((e=>!e))}),[]);return(0,a.jsxs)("section",{className:e.root,children:[(0,a.jsx)("div",{children:(0,a.jsx)(D.Q,{title:"Volume",value:r,handleChange:(e,r)=>{t(r)},marks:S})}),(0,a.jsx)("div",{children:(0,a.jsx)(B.A,{variant:"outlined",label:"TextField Outlined"})}),(0,a.jsx)("div",{children:(0,a.jsx)(B.A,{variant:"outlined",label:"TextField Outlined disabled",disabled:!0})}),(0,a.jsxs)("div",{children:[(0,a.jsx)(u.l,{isOpen:x,setModalOpen:j,titleText:"Dialog title"}),(0,a.jsx)(p.A,{onClick:k,children:"Open Dialog"})]}),(0,a.jsxs)("div",{children:[(0,a.jsx)(A.s,{label:"Password Field"}),(0,a.jsx)(m.y,{error:"Error text"})]}),(0,a.jsx)("div",{children:(0,a.jsx)(G,{id:"select",label:"Select",options:[{value:"option1",label:"Option1"},{value:"option2",label:"Option2"}],onChange:e=>console.info(e)})}),(0,a.jsx)("div",{children:(0,a.jsx)(P.Q,{id:"number",label:"Number",max:100,min:0,value:y,onChange:e=>g(e)})}),(0,a.jsx)("div",{children:(0,a.jsx)(d.j,{label:"Autocomplete",options:["a","b","c"]})}),(0,a.jsx)("div",{children:(0,a.jsx)(d.j,{label:"Autocomplete countries",options:V.X,getOptionLabel:({name:e})=>e})}),(0,a.jsx)("div",{children:(0,a.jsx)(d.j,{label:"Autocomplete multiple countries",options:V.X,getOptionLabel:({name:e})=>e,multiple:!0})}),(0,a.jsx)("div",{children:(0,a.jsx)(B.A,{variant:"filled",label:"TextField filled unused"})}),(0,a.jsx)(i.A,{variant:"caption",children:"Share successfully"}),(0,a.jsx)("section",{className:e.fauxDialog,children:(0,a.jsx)(c.Q,{send:e=>new Promise((r=>{setTimeout(r,1e3,e)})),onDone:o.lQ,disabled:!1})}),(0,a.jsx)(i.A,{variant:"caption",children:"Share with error"}),(0,a.jsx)("section",{className:e.fauxDialog,children:(0,a.jsx)(c.Q,{send:e=>new Promise(((r,t)=>{setTimeout((()=>{const r=new Error(`Test error ${e.join()}`);t(r)}),1e3)})),onDone:o.lQ,disabled:!1})}),(0,a.jsx)(i.A,{variant:"caption",children:"Confirmation"}),(0,a.jsx)("section",{className:e.fauxDialog,children:(0,a.jsx)(c.k,{emails:["[email protected]"],onDone:o.lQ})}),(0,a.jsx)("section",{className:e.fauxDialog,children:(0,a.jsx)(c.k,{emails:["[email protected]","[email protected]","[email protected]","[email protected]","[email protected]"],onDone:o.lQ})}),(0,a.jsx)("section",{className:e.fauxDialog,children:(0,a.jsx)(c.k,{emails:["[email protected]","[email protected]","[email protected]","[email protected]","[email protected]","bot_234798120.29384u0+very-very-very-very-very-very-very-very--very-very-very-very--very-very-very-very-long@gmail.com"],onDone:o.lQ})}),(0,a.jsxs)("div",{children:[(0,a.jsx)(i.A,{variant:"h1",children:"H1 page"}),(0,a.jsx)(i.A,{variant:"h2",children:"H2 page "}),(0,a.jsx)(i.A,{variant:"h3",children:"H3 page"}),(0,a.jsx)(i.A,{variant:"h4",children:"H4 page"}),(0,a.jsx)(i.A,{variant:"h5",children:"H5 page"}),(0,a.jsx)(i.A,{variant:"h6",children:"H6 page"}),(0,a.jsx)(i.A,{variant:"subtitle1",children:"subtitle1"}),(0,a.jsx)(i.A,{variant:"subtitle2",children:"subtitle2"}),(0,a.jsx)(i.A,{variant:"body1",children:"body 1"}),(0,a.jsx)(i.A,{variant:"body2",children:"body 2"}),(0,a.jsx)(i.A,{variant:"caption",children:"caption"})]}),(0,a.jsx)("div",{children:(0,a.jsx)(i.A,{variant:"button",children:"button"})}),(0,a.jsx)("div",{children:(0,a.jsx)(i.A,{variant:"overline",children:"overline"})}),(0,a.jsx)("hr",{}),(0,a.jsxs)("div",{children:[(0,a.jsx)(p.A,{children:"Primary"}),(0,a.jsx)(p.A,{color:"secondary",children:"Secondary"}),(0,a.jsx)(p.A,{disabled:!0,children:"disabled"})]}),(0,a.jsx)("hr",{}),(0,a.jsxs)("div",{children:[(0,a.jsx)(i.A,{variant:"h5",children:"Icons"}),(0,a.jsx)(v.j,{}),(0,a.jsx)(b.B,{}),(0,a.jsx)(O,{}),(0,a.jsx)(h.f,{})]}),(0,a.jsx)("div",{children:(0,a.jsx)(ie,{})}),(0,a.jsx)("div",{children:(0,a.jsx)(p.A,{onClick:()=>{w((0,se.ym)({message:"Hooray!",options:{variant:"success"}}))},children:"Notify"})}),(0,a.jsx)("div",{children:(0,a.jsx)(l.Y,{isOpen:C,setOpen:()=>f((e=>!e)),handleChange:e=>{t(e)},disabled:!1,bpm:r,bpmHigh:200,bpmLow:10})}),(0,a.jsxs)("div",{children:["Disabled: progress = 23",(0,a.jsx)(te,{duration:134,isDisabled:!0,setProgress:o.lQ,progress:23,resetWhenDisabled:!0,withLabels:!0}),"Standard: progress = 23",(0,a.jsx)(te,{duration:134,isDisabled:!1,setProgress:o.lQ,progress:23,resetWhenDisabled:!0,withLabels:!0}),"Standard: progress = 0",(0,a.jsx)(te,{duration:134,isDisabled:!1,setProgress:o.lQ,progress:0,resetWhenDisabled:!0,withLabels:!0}),"Playing",(0,a.jsx)(ue,{}),"Playing, preserve progress on pause",(0,a.jsx)(ne,{})]}),(0,a.jsx)(je,{}),(0,a.jsx)(pe,{})]})}},95121:(e,r,t)=>{t.d(r,{s:()=>T});var a=t(74848),n=t(96540),s=t(63710),i=t(25239),o=t(11641),l=Object.defineProperty,c=Object.defineProperties,d=Object.getOwnPropertyDescriptors,p=Object.getOwnPropertySymbols,u=Object.prototype.hasOwnProperty,m=Object.prototype.propertyIsEnumerable,h=(e,r,t)=>r in e?l(e,r,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[r]=t;const b=e=>{return(0,a.jsx)("svg",(r=((e,r)=>{for(var t in r||(r={}))u.call(r,t)&&h(e,t,r[t]);if(p)for(var t of p(r))m.call(r,t)&&h(e,t,r[t]);return e}

1)({width:"24",height:"24",viewBox:"0 0 24 24",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg"},e),c(r,d({children:(0,a.jsx)("path",{d:"M2.75 12C2.75 11.6616 2.88577 11.0954 3.24331 10.409C3.59385 9.73591 4.13459 8.9926 4.88371 8.3011C6.37297 6.9264 8.69232 5.75 12 5.75C15.3077 5.75 17.627 6.9264 19.1163 8.3011C19.8654 8.9926 20.4061 9.73591 20.7567 10.409C21.1142 11.0954 21.25 11.6616 21.25 12C21.25 12.3384 21.1142 12.9046 20.7567 13.591C20.4061 14.2641 19.8654 15.0074 19.1163 15.6989C17.627 17.0736 15.3077 18.25 12 18.25C8.69232 18.25 6.37297 17.0736 4.88371 15.6989C4.13459 15.0074 3.59385 14.2641 3.24331 13.591C2.88577 12.9046 2.75 12.3384 2.75 12ZM12 4.25C8.30768 4.25 5.62703 5.5736 3.86629 7.1989C2.99041 8.0074 2.34365 8.88909 1.91294 9.71605C1.48923 10.5296 1.25 11.3384 1.25 12C1.25 12.6616 1.48923 13.4704 1.91294 14.284C2.34365 15.1109 2.99041 15.9926 3.86629 16.8011C5.62703 18.4264 8.30768 19.75 12 19.75C15.6923 19.75 18.373 18.4264 20.1337 16.8011C21.0096 15.9926 21.6564 15.1109 22.0871 14.284C22.5108 13.4704 22.75 12.6616 22.75 12C22.75 11.3384 22.5108 10.5296 22.0871 9.71605C21.6564 8.88909 21.0096 8.0074 20.1337 7.1989C18.373 5.5736 15.6923 4.25 12 4.25ZM9.7499 12C9.7499 10.7574 10.7573 9.75002 11.9999 9.75002C13.2425 9.75002 14.2499 10.7574 14.2499 12C14.2499 13.2427 13.2425 14.25 11.9999 14.25C10.7573 14.25 9.7499 13.2427 9.7499 12ZM11.9999 8.25002C9.92883 8.25002 8.2499 9.92896 8.2499 12C8.2499 14.0711 9.92883 15.75 11.9999 15.75C14.071 15.75 15.7499 14.0711 15.7499 12C15.7499 9.92896 14.071 8.25002 11.9999 8.25002Z"})}))));var r};var v=Object.defineProperty,x=Object.defineProperties,j=Object.getOwnPropertyDescriptors,y=Object.getOwnPropertySymbols,g=Object.prototype.hasOwnProperty,C=Object.prototype.propertyIsEnumerable,f=(e,r,t)=>r in e?v(e,r,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[r]=t;const w=e=>{return(0,a.jsx)("svg",(r=((e,r)=>{for(var t in r||(r={}))g.call(r,t)&&f(e,t,r[t]);if(y)for(var t of y(r))C.call(r,t)&&f(e,t,r[t]);return e})({width:"24",height:"24",viewBox:"0 0 24 24",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg"},e),x(r,j({children:(0,a.jsx)("path",{fillRule:"evenodd",d:"M3.53023 2.46967C3.23734 2.17678 2.76247 2.17678 2.46957 2.46967C2.17668 2.76256 2.17668 3.23744 2.46957 3.53033L5.13723 6.19798C3.91106 7.01858 2.99173 8.00408 2.35714 8.96365C1.64412 10.0418 1.25 11.1513 1.25 12C1.25 12.6616 1.48923 13.4704 1.91294 14.2839C2.34365 15.1109 2.99041 15.9926 3.86629 16.8011C5.62703 18.4264 8.30768 19.75 12 19.75C14.1796 19.75 16.0109 19.2887 17.5107 18.5715L20.4696 21.5303C20.7625 21.8232 21.2373 21.8232 21.5302 21.5303C21.8231 21.2374 21.8231 20.7626 21.5302 20.4697L3.53023 2.46967ZM16.3748 17.4356L14.0679 15.1286C13.4751 15.521 12.7637 15.75 11.9999 15.75C9.92883 15.75 8.2499 14.0711 8.2499 12C8.2499 11.2362 8.47885 10.5248 8.87127 9.93203L6.22202 7.28277C5.0408 8.01878 4.17938 8.92751 3.60829 9.79107C2.98821 10.7287 2.75 11.5501 2.75 12C2.75 12.3384 2.88577 12.9045 3.24331 13.591C3.59385 14.2641 4.13459 15.0074 4.88371 15.6989C6.37297 17.0736 8.69232 18.25 12 18.25C13.7211 18.25 15.1715 17.9315 16.3748 17.4356ZM9.96904 11.0298C9.82845 11.3234 9.7499 11.6522 9.7499 12C9.7499 13.2426 10.7573 14.25 11.9999 14.25C12.3477 14.25 12.6765 14.1715 12.9701 14.0309L9.96904 11.0298ZM12 5.74998C10.9594 5.74998 10.

10189 5.8664 9.17331 6.06725C8.7703 6.16296 8.36601 5.91385 8.2703 5.51085C8.17458 5.10785 8.42369 4.70356 8.82669 4.60784C9.78973 4.37912 10.8467 4.24998 12 4.24998C15.6923 4.24998 18.373 5.57357 20.1337 7.19887C21.0096 8.00738 21.6564 8.88906 22.0871 9.71602C22.5108 10.5295 22.75 11.3384 22.75 12C22.75 13.2107 21.9456 15.0051 20.4152 16.5311C20.1218 16.8235 19.647 16.8229 19.3545 16.5295C19.062 16.2362 19.0627 15.7613 19.3561 15.4689C20.7151 14.1138 21.25 12.6791 21.25 12C21.25 11.6616 21.1142 11.0954 20.7567 10.4089C20.4061 9.73589 19.8654 8.99257 19.1163 8.30108C17.627 6.92638 15.3077 5.74998 12 5.74998Z"})}))));var r};var O=t(74474),P=Object.defineProperty,A=Object.getOwnPropertySymbols,D=Object.prototype.hasOwnProperty,S=Object.prototype.propertyIsEnumerable,k=(e,r,t)=>r in e?P(e,r,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[r]=t;const T=e=>{var r=e,{label:t,placeholder:l,onChange:c,value:d}=r,p=((e,r)=>{var t={};for(var a in e)D.call(e,a)&&r.indexOf(a)<0&&(t[a]=e[a]);if(null!=e&&A)for(var a of A(e))r.indexOf(a)<0&&S.call(e,a)&&(t[a]=e[a]);return t})(r,["label","placeholder","onChange","value"]);const{t:u}=(0,s.Bd)(),[m,h]=(0,n.useState)(!1);return(0,a.jsx)(O.A,((e,r)=>{for(var t in r||(r={}))D.call(r,t)&&k(e,t,r[t]);if(A)for(var t of A(r))S.call(r,t)&&k(e,t,r[t]);return e})({fullWidth:!0,label:t,value:d,variant:"outlined",onChange:c,type:m?"text":"password",placeholder:l,InputProps:{endAdornment:(0,a.jsx)(i.A,{position:"end",children:(0,a.jsx)(o.A,{"aria-label":u("password.toggleVisibility"),onClick:()=>h(!m),color:"inherit","data-testid":"passwordToggleVisibility",children:m?(0,a.jsx)(w,{}):(0,a.jsx)(b,{})})})}},p))}}}]);
2//# sourceMappingURL=772.cb2145c36fbb4489e0c1.bundle.js.map