https://musicboard.app/static/js/5603.6c901206.chunk.js

1"use strict";(self.webpackChunkmusicboard_web=self.webpackChunkmusicboard_web||[]).push([[5603],{15603:(e,t,r)=>{r.r(t),r.d(t,{DateInput:()=>u,ImageInput:()=>R,ReorderArtistItem:()=>V,ReorderComposerItem:()=>K,ReorderStaffItem:()=>ie,ReorderTrackItem:()=>Q,ReorderWriterItem:()=>te,SelectInput:()=>M,TagsInput:()=>b,TextAreaInput:()=>H,TextInput:()=>a});const i="textinput_div__qXba6",s="textinput_input__9eXgJ";var o=r(65043),n=r(70579);const a=function(e){let{label:t,value:r,placeholder:o,type:a="text",autoCapitalize:l,autoComplete:c,autoFocus:d,maxLength:u,required:m,onTextChange:p=()=>{},onFocus:h=()=>{},onBlur:x=()=>{},className:g,style:_,inputClassName:f,inputStyle:v,id:y}=e;return(0,n.jsxs)("div",{className:`${i} ${g}`,style:_,children:[t&&(0,n.jsxs)("p",{className:"black medium",children:[t,m&&(0,n.jsx)("span",{className:"red",children:" *"})]}),(0,n.jsx)("div",{className:`${i} ${t&&"margin-top-8"}`,children:(0,n.jsx)("input",{style:v,className:`${s} ${f}`,value:r,onChange:e=>p(e.target.value),placeholder:o,type:a,autoComplete:c,autoCapitalize:l,autoFocus:d,maxLength:u,onFocus:h,onBlur:x,id:y})})]})},l="dateinput_div__6oiCf",c="dateinput_input__jFih1",d="dateinput_empty__Su5mV";const u=function(e){let{label:t,value:r,placeholder:i,autoCapitalize:s,autoComplete:o,autoFocus:a,required:u,onDateChange:m=()=>{},onFocus:p=()=>{},onBlur:h=()=>{},className:x,style:g,inputClassName:_,inputStyle:f}=e;return(0,n.jsxs)("div",{className:`${l} ${x}`,style:g,children:[t&&(0,n.jsxs)("p",{className:"black medium",children:[t,u&&(0,n.jsx)("span",{className:"red",children:" *"})]}),(0,n.jsx)("div",{className:`${l} ${t&&"margin-top-8"}`,style:f,children:(0,n.jsx)("input",{type:"date",className:`${c} ${r&&""!==r?"":d} ${_}`,value:r,onChange:e=>m(e.target.value),placeholder:i,autoComplete:o,autoCapitalize:s,autoFocus:a,onFocus:p,onBlur:h})})]})},m="tagsinput_container__0fhJJ",p="tagsinput_inputDropdownContainer__Sb2SE",h="tagsinput_input__gN5ff",x="tagsinput_focused__EZDyM",g="tagsinput_flexWrap__I9G1K",_="tagsinput_tag__MAF+l",f="tagsinput_tagBtn__LnECu",v="tagsinput_tabBtnIcon__xFE4X",y="tagsinput_textInput__4fcn+",j="tagsinput_dropdown__m0znM",C="tagsinput_option__lz2Ab",A="tagsinput_active__98yTz",I="tagsinput_selected__xWi+K";var N=r(24038),k=r(64671);const b=function(e){let{label:t,value:r,placeholder:i,required:s,tags:a=[],options:l=[],onSelect:c=()=>{},onRemove:d=()=>{},onFocus:u=()=>{},onBlur:b=()=>{},className:$,style:T,emptyText:w}=e;const[F,S]=(0,o.useState)(0),[R,D]=(0,o.useState)(""),[B,L]=(0,o.useState)(!1),q=(0,o.useRef)(),E=(0,o.useRef)(),P=(0,o.useRef)(!1);function z(e){E.current&&!E.current.contains(e.target)&&P.current&&L(!1)}(0,o.useEffect)((()=>{P.current=B}),[B]);const G=(0,o.useRef)(!0);(0,o.useEffect)((()=>{G.current?G.current=!1:B?u():b()}),[B]),(0,o.useEffect)((()=>(document.addEventListener("click",z),()=>{document.removeEventListener("click",z)})),[]);const M=l.filter((e=>-1===a.findIndex((t=>t.value===e.value)))).filter((e=>e.label.toLowerCase().includes(R.toLowerCase())));return(0,n.jsxs)("div",{className:`${m} ${B?x:""} ${$}`,style:T,children:[t&&(0,n.jsxs)("p",{className:"black medium",children:[t,s&&(0,n.jsx)("span",{className:"red",children:" *"})]}),(0,n.jsxs)("div",{ref:E,className:`${p} ${t&&"margin-top-8"}`,children:[(0,n.jsxs)("div",{className:h,children:[(0,n.jsxs)("div",{className:g,children:[a.map((e=>(0,n.jsxs)("div",{className:_,onClick:()=>d(e.value),children:[(0,n.jsx)("p",{children:e.label}),(0,n.jsx)("div",{className:f,children:(0,n.jsx)(k.A,{icon:"close",size:16,className:v})})]}))),(0,n.jsx)("input",{ref:q,type:"text",className:y,placeholder:i,value:R,onChange:e=>{D(e.target.value),S(0)},onKeyDown:e=>{if("Enter"===e.key){L(!1),q.current&&q.current.blur();const e=M[F];c(e.value),D("")}else"Escape"===e.key?(L(!1),q.current&&q.current.blur()):"ArrowDown"===e.key?(e.preventDefault(),F<=M.length-2?S(F+1):S(0)):"ArrowUp"===e.key?(e.preventDefault(),S(F>0?F-1:M.length-1)):"Tab"===e.key&&(L(!1),q.current&&q.current.blur())},onFocus:()=>{L(!0),S(0)}})]}),(0,n.jsx)(k.A,{icon:B?"expand-less":"expand-more",color:"var(--grey)",size:20})]}),(0,n.jsxs)(N.A,{simpleAnimation:!0,visible:B,appendId:"record-type",position:"left",offset:44,className:`${j}`,children:[M.length>0&&M.map(((e,t)=>(0,n.jsx)("p",{onClick:()=>{L(!1),c(e.value),D("")},onMouseOver:()=>S(t),className:`${C} ${r===e.value?I:""} ${F===t?A:""}`,children:e.label},`selectinput-option-${e.value}`))),M.length<=0&&(0,n.jsx)("p",{className:"empty-text",children:w&&""===R.trim()?w:"No results on 

1search..."})]})]})]})},$="imageinput_profilePicture__mN2R7";var T=r(57919),w=r(47681),F=r(20478),S=r(89081);const R=function(e){let{image:t,roundImage:r,label:i,onSelected:s=()=>{},onClick:o=()=>{},className:a}=e;const{mode:l}=(0,F.DP)(),{openPopup:c}=(0,T.O)();return(0,n.jsxs)("div",{className:`${$} cursor ${a}`,onClick:()=>{o(),c("ChooseImage",{image:t,roundImage:r,onSelected:s})},children:[!r&&(0,n.jsx)(w.A,{clickable:!0,size:112,noShadow:"light"===l&&!t,albumCover:t,altText:i}),r&&(0,n.jsx)(S.A,{clickable:!0,size:112,noShadow:"light"===l&&!t,profilePicture:t,altText:i}),(0,n.jsx)("p",{className:"medium black margin-top-16",children:t?`Change ${i}`:`Add ${i}`})]})},D="selectinput_container__uyELr",B="selectinput_inputDropdownContainer__vZHoC",L="selectinput_input__u90ri",q="selectinput_focused__SgGB0",E="selectinput_dropdown__SdxXX",P="selectinput_option__OYwu2",z="selectinput_active__nOmI+",G="selectinput_selected__I+7aD";const M=function(e){let{label:t,value:r,placeholder:i,required:s,options:a=[],onSelect:l=()=>{},onFocus:c=()=>{},onBlur:d=()=>{},className:u,style:m}=e;const[p,h]=(0,o.useState)(!1),[x,g]=(0,o.useState)(0),[_,f]=(0,o.useState)(""),[v,y]=(0,o.useState)(!1),j=(0,o.useRef)(),C=(0,o.useRef)(!1),A=(0,o.useRef)(!1);function I(e){j.current&&!j.current.contains(e.target)&&C.current&&y(!1)}function b(e){if(e.preventDefault(),"Enter"===e.key){y(!1);const e=a[A.current];l(e.value)}else"Escape"===e.key?y(!1):"ArrowDown"===e.key?A.current<=a.length-2?g(A.current+1):g(0):"ArrowUp"===e.key&&(A.current>0?g(A.current-1):g(a.length-1))}(0,o.useEffect)((()=>{C.current=v}),[v]),(0,o.useEffect)((()=>{A.current=x}),[x]),(0,o.useEffect)((()=>(document.addEventListener("click",I),()=>{document.removeEventListener("click",I)})),[]);const $=(0,o.useRef)(!0);return(0,o.useEffect)((()=>{$.current?$.current=!1:v?c():d()}),[v]),(0,o.useEffect)((()=>(v&&document.addEventListener("keydown",b),()=>{document.removeEventListener("keydown",b)})),[v]),(0,n.jsxs)("div",{className:`${D} ${v?q:""} ${u}`,style:m,children:[t&&(0,n.jsxs)("p",{className:"black medium",children:[t,s&&(0,n.jsx)("span",{className:"red",children:" *"})]}),(0,n.jsxs)("div",{ref:j,className:`${B} ${t&&"margin-top-8"}`,children:[(0,n.jsxs)("div",{className:L,onClick:()=>{y(!v)},children:[(0,n.jsx)("p",{className:null!==r?"black":"highDarkGrey",children:null!==r?a[a.findIndex((e=>e.value===r))].label:i}),(0,n.jsx)(k.A,{icon:v?"expand-less":"expand-more",color:"var(--grey)",size:20})]}),(0,n.jsx)(N.A,{simpleAnimation:!0,visible:v,appendId:"record-type",position:"left",offset:44,className:`${E}`,children:a.map(((e,t)=>(0,n.jsx)("p",{onClick:()=>{y(!1),l(e.value)},onMouseOver:()=>g(t),className:`${P} ${r===e.value?G:""} ${x===t?z:""}`,children:e.label},`selectinput-option-${e.value}`)))})]})]})},W="textinput_div__6Gq4X",U="textinput_input__4vQHu";const H=function(e){let{label:t,value:r,placeholder:i,type:s="text",autoCapitalize:o,autoComplete:a,autoFocus:l,maxLength:c,required:d,onTextChange:u=()=>{},onFocus:m=()=>{},onBlur:p=()=>{},className:h,style:x,inputClassName:g,inputStyle:_}=e;return(0,n.jsxs)("div",{className:`${W} ${h}`,style:x,children:[t&&(0,n.jsxs)("p",{className:"black medium",children:[t,d&&(0,n.jsx)("span",{className:"red",children:" *"})]}),(0,n.jsx)("div",{className:`${W} ${t&&"margin-top-8"}`,children:(0,n.jsx)("textarea",{style:_,className:`${U} ${g}`,value:r,onChange:e=>u(e.target.value),placeholder:i,type:s,autoComplete:a,autoCapitalize:o,autoFocus:l,maxLength:c,onFocus:m,onBlur:p})})]})},X={selectedArtistInput:"reorderartistitem_selectedArtistInput__eiCIg",icon:"reorderartistitem_icon__oIDfu",red:"reorderartistitem_red__hkkNi",numberContainer:"reorderartistitem_numberContainer__Zt3Lf",number:"reorderartistitem_number__IGRE0"};var O=r(36643),J=r(45565);const V=function(e){let{isDragging:t,uid:r,number:i,artist:s,role:o,hasMultipleArtists:a,onDeletePress:l=()=>{},onClearArtist:c=()=>{},openSearchArtist:d=()=>{},onSelectRole:u=()=>{},onFocus:m=()=>{},bright:p}=e;return(0,n.jsxs)("div",{className:`flex-row ${t?X.isDragging:""}`,style:{position:"relative"},children:[(0,n.jsxs)("div",{onClick:()=>{d(r),m()},className:`${X.selectedArtistInput}`,children:[s&&a&&(0,n.jsx)("h6",{className:"highDarkGrey one-line margin-right-8",style:{minWidth:12},children:i}),s&&(0,n.jsx)(S.A,{size:24,profilePicture:s.picture_small||s.picture,altText:null===s||void 0===s?void 0:s.name}),!s&&(0,n.jsx)("div",{style:{minHeight:24}}

1),(0,n.jsxs)("div",{className:"grid col-1 margin-right-32 "+(s?"margin-left-12":""),children:[s&&(0,n.jsx)("h6",{className:"black one-line",children:s.name}),!s&&(0,n.jsxs)("p",{className:"highDarkGrey one-line",children:["Artist ",i]})]}),(0,n.jsx)("div",{id:`ReorderArtistItem-${r}-SearchArtist-Tooltip`,style:{margin:"-2px 0px"},children:(0,n.jsx)(O.A,{showIcon:!0,iconName:"search",iconColor:"var(--black)",squareButton:!0,height:25,type:"secondary"})}),s&&(0,n.jsx)("div",{id:`ReorderArtistItem-${r}-ClearArtist-Tooltip`,style:{margin:"-2px 0px",marginLeft:8},children:(0,n.jsx)(O.A,{showIcon:!0,iconName:"close",iconColor:"var(--red)",squareButton:!0,height:25,type:"secondary",onClicked:e=>{e.stopPropagation(),c(r),m()}})}),(0,n.jsx)(J.A,{id:`ReorderArtistItem-${r}-SearchArtist-Tooltip`,text:"Search for artist",offset:16}),(0,n.jsx)(J.A,{id:`ReorderArtistItem-${r}-ClearArtist-Tooltip`,text:"Clear artist",offset:16})]}),(0,n.jsx)(M,{placeholder:"e.g. Feature",options:[{label:"Main artist",value:"main"},{label:"Featured",value:"featured"}],value:o,onSelect:e=>u(r,e),onFocus:m,style:{width:160,marginLeft:14,marginRight:13}}),(0,n.jsx)(O.A,{showIcon:!0,iconName:"delete",iconColor:"var(--red)",squareButton:!0,height:41,type:p?"secondary-two":"secondary",onClicked:e=>{l(r),m()}}),(0,n.jsx)(O.A,{showIcon:!0,iconName:"reorder",iconColor:"var(--highDarkGrey)",squareButton:!0,height:41,type:p?"secondary-two":"secondary",className:"margin-left-12",style:{cursor:"grab"},onClicked:()=>{m()}})]})},Z={selectedTrackInput:"reordertrackitem_selectedTrackInput__zfBLN",icon:"reordertrackitem_icon__UoAn3",red:"reordertrackitem_red__U84Wm",numberContainer:"reordertrackitem_numberContainer__XiSnN",number:"reordertrackitem_number__DuGjT"};const Q=function(e){let{isDragging:t,uid:r,track:i,number:s,initialArtists:o,onDeletePress:a=()=>{},onUpdateTrack:l=()=>{},onFocus:c=()=>{}}=e;const{openPopup:d}=(0,T.O)();return(0,n.jsxs)("div",{className:`${Z.a} flex-row ${t?Z.isDragging:""}`,style:{position:"relative"},children:[(0,n.jsxs)("div",{onClick:()=>{d("CreateTrack",{track:i,initialArtists:o,onUpdateTrack:e=>l(r,e)}),c()},className:`${Z.selectedTrackInput}`,children:[""!==i.title&&(0,n.jsx)("h6",{className:"highDarkGrey one-line margin-right-8",style:{minWidth:12},children:s}

1),(0,n.jsxs)("div",{className:"grid col-1 margin-right-32",children:[""!==i.title&&(0,n.jsx)("h6",{className:"black one-line",children:i.title}),""===i.title&&(0,n.jsxs)("p",{className:"highDarkGrey one-line",children:["Track ",s]})]}),(0,n.jsx)("div",{id:`ReorderTrackItem-${r}-EditTrack-Tooltip`,style:{margin:"-2px 0px"},children:(0,n.jsx)(O.A,{showIcon:!0,iconName:"edit",iconColor:"var(--black)",iconSize:18,squareButton:!0,height:25,type:"secondary"})}),(0,n.jsx)(J.A,{id:`ReorderTrackItem-${r}-EditTrack-Tooltip`,text:"Edit track",offset:16})]}),(0,n.jsx)(O.A,{showIcon:!0,iconName:"delete",iconColor:"var(--red)",squareButton:!0,height:41,type:"secondary",onClicked:e=>{a(r),c()},style:{marginLeft:13}}),(0,n.jsx)(O.A,{showIcon:!0,iconName:"reorder",iconColor:"var(--highDarkGrey)",squareButton:!0,height:41,type:"secondary",className:"margin-left-12",style:{cursor:"grab"},onClicked:()=>{c()}})]})},Y={selectedArtistInput:"reordercomposeritem_selectedArtistInput__M3i4U",selectedArtistTextInput:"reordercomposeritem_selectedArtistTextInput__eElOz",inputIsFocused:"reordercomposeritem_inputIsFocused__IUUbu",icon:"reordercomposeritem_icon__mBXtW",red:"reordercomposeritem_red__3TvBR",numberContainer:"reordercomposeritem_numberContainer__pC650",number:"reordercomposeritem_number__j2P-x",textField:"reordercomposeritem_textField__fpwJi"};const K=function(e){let{isDragging:t,uid:r,artist:i,placeholderName:s,isTextField:l,role:c,number:d,onDeletePress:u=()=>{},openSearchArtist:m=()=>{},onClearArtist:p=()=>{},onChangeFieldValue:h=()=>{}}=e;const[x,g]=(0,o.useState)(!1);return(0,n.jsxs)("div",{className:`flex-row ${t?Y.isDragging:""}`,style:{position:"relative"},children:[!l&&(0,n.jsxs)("div",{onClick:()=>m(r),className:`${Y.selectedArtistInput}`,children:[i&&(0,n.jsx)(S.A,{size:24,profilePicture:i.picture_small||i.picture,altText:null===i||void 0===i?void 0:i.name}),!i&&(0,n.jsx)("div",{style:{minHeight:24}}

1),(0,n.jsxs)("div",{className:"grid col-1 margin-right-32 "+(i?"margin-left-12":""),children:[i&&(0,n.jsx)("h6",{className:"black one-line",children:i.name}),!i&&(0,n.jsx)("p",{className:"highDarkGrey one-line",children:"Select artist as composer"})]}),(0,n.jsx)("div",{id:`ReorderComposerItem-${r}-SearchArtist-Tooltip`,style:{margin:"-2px 0px"},children:(0,n.jsx)(O.A,{showIcon:!0,iconName:"search",iconColor:"var(--black)",squareButton:!0,height:25,type:"secondary"})}),i&&(0,n.jsx)("div",{id:`ReorderComposerItem-${r}-ClearArtist-Tooltip`,style:{margin:"-2px 0px",marginLeft:8},children:(0,n.jsx)(O.A,{showIcon:!0,iconName:"close",iconColor:"var(--red)",squareButton:!0,height:25,type:"secondary",onClicked:e=>{e.stopPropagation(),p(r)}})}),!i&&(0,n.jsx)("div",{id:`ReorderComposerItem-${r}-ArtistField-Tooltip`,style:{margin:"-2px 0px",marginLeft:8},children:(0,n.jsx)(O.A,{showIcon:!0,iconName:"text-fields",iconColor:"var(--black)",squareButton:!0,height:25,type:"secondary",onClicked:e=>{e.stopPropagation(),h(r,"isTextField",!l)}})}),(0,n.jsx)(J.A,{id:`ReorderComposerItem-${r}-SearchArtist-Tooltip`,text:"Search for artist",offset:16}),(0,n.jsx)(J.A,{id:`ReorderComposerItem-${r}-ClearArtist-Tooltip`,text:"Clear artist",offset:16}),(0,n.jsx)(J.A,{id:`ReorderComposerItem-${r}-ArtistField-Tooltip`,text:"Switch to simple text field",offset:16})]}),l&&(0,n.jsxs)("div",{className:`${Y.selectedArtistTextInput} ${x?Y.inputIsFocused:""}`,children:[(0,n.jsx)("input",{autoFocus:!0,onFocus:e=>g(!0),onBlur:e=>g(!1),type:"text",placeholder:"Type composer name...",value:s,onChange:e=>h(r,"placeholder_name",e.target.value),className:Y.textField}),(0,n.jsx)("div",{style:{margin:"-2px 0px",marginLeft:8},id:`ReorderMemberItem-${r}-TextField-Tooltip`,children:(0,n.jsx)(O.A,{showIcon:!0,iconName:"person",iconColor:"var(--black)",squareButton:!0,height:25,type:"secondary",onClicked:e=>{e.stopPropagation(),h(r,"isTextField",!l)}})}),(0,n.jsx)(J.A,{text:"Switch to artist search",id:`ReorderMemberItem-${r}-TextField-Tooltip`,offset:16})]}),(0,n.jsx)(a,{placeholder:"e.g. Producer",value:c,onTextChange:e=>h(r,"role",e),style:{width:160,marginLeft:14,marginRight:13}}),(0,n.jsx)(O.A,{showIcon:!0,iconName:"delete",iconColor:"var(--red)",squareButton:!0,height:41,type:"secondary-two",onClicked:e=>u(r)}),(0,n.jsx)(O.A,{showIcon:!0,iconName:"reorder",iconColor:"var(--highDarkGrey)",squareButton:!0,height:41,type:"secondary-two",className:"margin-left-12",style:{cursor:"grab"}})]})},ee={selectedArtistInput:"reorderwriteritem_selectedArtistInput__adnRH",selectedArtistTextInput:"reorderwriteritem_selectedArtistTextInput__YLZ5Q",inputIsFocused:"reorderwriteritem_inputIsFocused__--9-A",icon:"reorderwriteritem_icon__ndPf9",red:"reorderwriteritem_red__aQIyJ",numberContainer:"reorderwriteritem_numberContainer__cyHHJ",number:"reorderwriteritem_number__r22xu",textField:"reorderwriteritem_textField__VuH-s"};const te=function(e){let{isDragging:t,uid:r,artist:i,placeholderName:s,isTextField:a,number:l,onDeletePress:c=()=>{},openSearchArtist:d=()=>{},onClearArtist:u=()=>{},onChangeFieldValue:m=()=>{}}=e;const[p,h]=(0,o.useState)(!1);return(0,n.jsxs)("div",{className:`flex-row ${t?ee.isDragging:""}`,style:{position:"relative"},children:[!a&&(0,n.jsxs)("div",{onClick:()=>d(r),className:`${ee.selectedArtistInput}`,children:[i&&(0,n.jsx)(S.A,{size:24,profilePicture:i.picture_small||i.picture,altText:null===i||void 0===i?void 0:i.name}),!i&&(0,n.jsx)("div",{style:{minHeight:24}}

1),(0,n.jsxs)("div",{className:"grid col-1 margin-right-32 "+(i?"margin-left-12":""),children:[i&&(0,n.jsx)("h6",{className:"black one-line",children:i.name}),!i&&(0,n.jsx)("p",{className:"highDarkGrey one-line",children:"Select artist as writer"})]}),(0,n.jsx)("div",{id:`ReorderWriterItem-${r}-SearchArtist-Tooltip`,style:{margin:"-2px 0px"},children:(0,n.jsx)(O.A,{showIcon:!0,iconName:"search",iconColor:"var(--black)",squareButton:!0,height:25,type:"secondary"})}),i&&(0,n.jsx)("div",{id:`ReorderWriterItem-${r}-ClearArtist-Tooltip`,style:{margin:"-2px 0px",marginLeft:8},children:(0,n.jsx)(O.A,{showIcon:!0,iconName:"close",iconColor:"var(--red)",squareButton:!0,height:25,type:"secondary",onClicked:e=>{e.stopPropagation(),u(r)}})}),!i&&(0,n.jsx)("div",{id:`ReorderWriterItem-${r}-ArtistField-Tooltip`,style:{margin:"-2px 0px",marginLeft:8},children:(0,n.jsx)(O.A,{showIcon:!0,iconName:"text-fields",iconColor:"var(--black)",squareButton:!0,height:25,type:"secondary",onClicked:e=>{e.stopPropagation(),m(r,"isTextField",!a)}})}),(0,n.jsx)(J.A,{id:`ReorderWriterItem-${r}-SearchArtist-Tooltip`,text:"Search for artist",offset:16}),(0,n.jsx)(J.A,{id:`ReorderWriterItem-${r}-ClearArtist-Tooltip`,text:"Clear artist",offset:16}),(0,n.jsx)(J.A,{id:`ReorderWriterItem-${r}-ArtistField-Tooltip`,text:"Switch to simple text field",offset:16})]}),a&&(0,n.jsxs)("div",{className:`${ee.selectedArtistTextInput} ${p?ee.inputIsFocused:""}`,children:[(0,n.jsx)("input",{autoFocus:!0,onFocus:e=>h(!0),onBlur:e=>h(!1),type:"text",placeholder:"Type writer name...",value:s,onChange:e=>m(r,"placeholder_name",e.target.value),className:ee.textField}),(0,n.jsx)("div",{style:{margin:"-2px 0px",marginLeft:8},id:`ReorderMemberItem-${r}-TextField-Tooltip`,children:(0,n.jsx)(O.A,{showIcon:!0,iconName:"person",iconColor:"var(--black)",squareButton:!0,height:25,type:"secondary",onClicked:e=>{e.stopPropagation(),m(r,"isTextField",!a)}})}),(0,n.jsx)(J.A,{text:"Switch to artist search",id:`ReorderMemberItem-${r}-TextField-Tooltip`,offset:16})]}),(0,n.jsx)(O.A,{showIcon:!0,iconName:"delete",iconColor:"var(--red)",squareButton:!0,height:41,type:"secondary-two",onClicked:e=>c(r),style:{marginLeft:13}}),(0,n.jsx)(O.A,{showIcon:!0,iconName:"reorder",iconColor:"var(--highDarkGrey)",squareButton:!0,height:41,type:"secondary-two",className:"margin-left-12",style:{cursor:"grab"}})]})},re={selectedArtistInput:"reorderstaffitem_selectedArtistInput__2ZjQL",selectedArtistTextInput:"reorderstaffitem_selectedArtistTextInput__xoLB0",inputIsFocused:"reorderstaffitem_inputIsFocused__tdxEa",icon:"reorderstaffitem_icon__SFLUI",red:"reorderstaffitem_red__6YAA+",numberContainer:"reorderstaffitem_numberContainer__XbIhw",number:"reorderstaffitem_number__Y-D8O",textField:"reorderstaffitem_textField__U3rdC"};const ie=function(e){let{isDragging:t,uid:r,artist:i,placeholderName:s,isTextField:l,role:c,number:d,onDeletePress:u=()=>{},openSearchArtist:m=()=>{},onClearArtist:p=()=>{},onChangeFieldValue:h=()=>{}}=e;const[x,g]=(0,o.useState)(!1);return(0,n.jsxs)("div",{className:`flex-row ${t?re.isDragging:""}`,style:{position:"relative"},children:[!l&&(0,n.jsxs)("div",{onClick:()=>m(r),className:`${re.selectedArtistInput}`,children:[i&&(0,n.jsx)(S.A,{size:24,profilePicture:i.picture_small||i.picture,altText:null===i||void 0===i?void 0:i.name}),!i&&(0,n.jsx)("div",{style:{minHeight:24}}

1),(0,n.jsxs)("div",{className:"grid col-1 margin-right-32 "+(i?"margin-left-12":""),children:[i&&(0,n.jsx)("h6",{className:"black one-line",children:i.name}),!i&&(0,n.jsx)("p",{className:"highDarkGrey one-line",children:"Select artist as staff"})]}),(0,n.jsx)("div",{id:`ReorderStaffItem-${r}-SearchArtist-Tooltip`,style:{margin:"-2px 0px"},children:(0,n.jsx)(O.A,{showIcon:!0,iconName:"search",iconColor:"var(--black)",squareButton:!0,height:25,type:"secondary"})}),i&&(0,n.jsx)("div",{id:`ReorderStaffItem-${r}-ClearArtist-Tooltip`,style:{margin:"-2px 0px",marginLeft:8},children:(0,n.jsx)(O.A,{showIcon:!0,iconName:"close",iconColor:"var(--red)",squareButton:!0,height:25,type:"secondary",onClicked:e=>{e.stopPropagation(),p(r)}})}),!i&&(0,n.jsx)("div",{id:`ReorderStaffItem-${r}-ArtistField-Tooltip`,style:{margin:"-2px 0px",marginLeft:8},children:(0,n.jsx)(O.A,{showIcon:!0,iconName:"text-fields",iconColor:"var(--black)",squareButton:!0,height:25,type:"secondary",onClicked:e=>{e.stopPropagation(),h(r,"isTextField",!l)}})}),(0,n.jsx)(J.A,{id:`ReorderStaffItem-${r}-SearchArtist-Tooltip`,text:"Search for artist",offset:16}),(0,n.jsx)(J.A,{id:`ReorderStaffItem-${r}-ClearArtist-Tooltip`,text:"Clear artist",offset:16}),(0,n.jsx)(J.A,{id:`ReorderStaffItem-${r}-ArtistField-Tooltip`,text:"Switch to simple text field",offset:16})]}),l&&(0,n.jsxs)("div",{className:`${re.selectedArtistTextInput} ${x?re.inputIsFocused:""}`,children:[(0,n.jsx)("input",{autoFocus:!0,onFocus:e=>g(!0),onBlur:e=>g(!1),type:"text",placeholder:"Type staff name...",value:s,onChange:e=>h(r,"placeholder_name",e.target.value),className:re.textField}),(0,n.jsx)("div",{style:{margin:"-2px 0px",marginLeft:8},id:`ReorderMemberItem-${r}-TextField-Tooltip`,children:(0,n.jsx)(O.A,{showIcon:!0,iconName:"person",iconColor:"var(--black)",squareButton:!0,height:25,type:"secondary",onClicked:e=>{e.stopPropagation(),h(r,"isTextField",!l)}})}),(0,n.jsx)(J.A,{text:"Switch to artist search",id:`ReorderMemberItem-${r}-TextField-Tooltip`,offset:16})]}),(0,n.jsx)(a,{placeholder:"e.g. Engineer",value:c,onTextChange:e=>h(r,"role",e),style:{width:160,marginLeft:14,marginRight:13}}),(0,n.jsx)(O.A,{showIcon:!0,iconName:"delete",iconColor:"var(--red)",squareButton:!0,height:41,type:"secondary-two",onClicked:e=>u(r)}),(0,n.jsx)(O.A,{showIcon:!0,iconName:"reorder",iconColor:"var(--highDarkGrey)",squareButton:!0,height:41,type:"secondary-two",className:"margin-left-12",style:{cursor:"grab"}})]})}}}]);
2//# sourceMappingURL=5603.6c901206.chunk.js.map