https://opencollective.com/_next/static/chunks/9460-bda9ff16d6944575.js

1!function(){try{var e="u">typeof window?window:"u">typeof global?global:"u">typeof globalThis?globalThis:"u">typeof self?self:{};e._sentryModuleMetadata=e._sentryModuleMetadata||{},e._sentryModuleMetadata[(new e.Error).stack]=function(e){for(var t=1;t<arguments.length;t++){var s=arguments[t];if(null!=s)for(var a in s)s.hasOwnProperty(a)&&(e[a]=s[a])}return e}({},e._sentryModuleMetadata[(new e.Error).stack],{"_sentryBundlerPluginAppKey:opencollective-frontend":!0});var t=(new e.Error).stack;t&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[t]="9e728bb8-958f-40a0-9942-456819c1be1b",e._sentryDebugIdIdentifier="sentry-dbid-9e728bb8-958f-40a0-9942-456819c1be1b")}catch(e){}}();"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9460],{54719:(e,t,s)=>{s.d(t,{A:()=>A});var a=s(37876),l=s(14232),i=s(95062),n=s.n(i),r=s(22757),o=s(21651),d=s(20290),h=s(67752),c=s(72976),p=s(64487),u=s(62449),x=s(5646),g=s(71321),b=s(48519),j=s(56593),m=s(6853),f=s(98263),v=s(90983),w=s(94019),y=s(72945);let C=(0,x.I4)(r.k).withConfig({componentId:"sc-6bf45f94-0"})(["height:20px;width:20px;cursor:pointer;"]),k=(0,x.I4)(d.A).withConfig({componentId:"sc-6bf45f94-1"})([".geosuggest{font-size:18px;font-size:0.65rem;position:relative;text-align:left;}.geosuggest__input{min-height:36px;border:1px solid #dcdee0;border-color:#dcdee0;border-radius:4px;color:#313233;overflow:scroll;max-height:100%;min-width:0;width:100%;flex:1 1 auto;font-size:14px;line-height:1.5;overflow:scroll;padding-top:0;padding-bottom:0;padding-left:8px;padding-right:8px;box-sizing:border-box;outline:none;background-color:#ffffff;border-color:",";box-sizing:border-box;&:disabled{background-color:",";cursor:not-allowed;}&:hover:not(:disabled){border-color:",";}&:focus:not(:disabled){border-color:",";}&::placeholder{color:",";}}.geosuggest__suggests{top:100%;left:0;right:0;max-height:25em;padding:0;margin-top:-2px;background:#fff;border:1px solid #cccccc;border-radius:4px;border-top-width:0;overflow-x:hidden;overflow-y:auto;list-style:none;margin-top:1px;z-index:5;-webkit-transition:max-height 0.2s,border 0.2s;transition:max-height 0.2s,border 0.2s;}.geosuggest__suggests--hidden{max-height:0;overflow:hidden;border-width:0;}.geosuggest__item{font-size:12px;padding:1em 0.65em;cursor:pointer;margin:0;}.geosuggest__item:hover,.geosuggest__item:focus{background:",";}"],(0,o.y)("colors.black.300"),(0,o.y)("colors.black.50"),(0,o.y)("colors.primary.300"),(0,o.y)("colors.primary.500"),(0,o.y)("colors.black.400"),(0,o.y)("colors.primary.100"));class z extends l.Component{static{this.propTypes={value:n().object,intl:n().object,className:n().string,onChange:n().func.isRequired,options:n().object,placeholder:n().string}}constructor(e){super(e),this.handleChange=this.handleChange.bind(this),this.state={value:e.value||{},eventUrlError:!1},this.messages=(0,u.YK)({online:{id:"Location.online",defaultMessage:"Online"}}),this.geoSuggestRef=(0,l.createRef)()}componentDidUpdate(e){this.props.value!==e.value&&this.setState({value:this.props.value})}

1removeCountryFromAddress(e){return e.split(", ").slice(0,-1).join(", ")}handleChange(e){if(!e)return this.setState({value:null}),this.props.onChange(null);if(e.isOnline){let t={name:"Online",address:e.address};return this.setState({value:t}),this.props.onChange(t)}let t=e.gmaps.address_components.find(e=>e.types.includes("country"))?.short_name,s=e.gmaps.adr_address,a=new DOMParser().parseFromString(s,"text/html"),l={address1:a.querySelector(".street-address")?.textContent,address2:a.querySelector(".extended-address")?.textContent,postalCode:a.querySelector(".postal-code")?.textContent,city:a.querySelector(".locality")?.textContent,zone:a.querySelector(".region")?.textContent},i={address:this.removeCountryFromAddress(e.gmaps.formatted_address),name:e.label&&e.label.replace(/,.+/,""),country:t,lat:e.location.lat,long:e.location.lng,structured:(0,h.A)(l,c.A)};return this.setState({value:i}),this.props.onChange(i)}isAutocompleteServiceAvailable(){return!!(0,p.A)(window,"google.maps.places.AutocompleteService")}render(){let e=this.props.options||{},t=!this.isAutocompleteServiceAvailable();return(0,a.jsx)("div",{children:t?(0,a.jsx)(f.A,{withIcon:!0,type:"warning",children:(0,a.jsx)(u.sA,{id:"location.googleAutocompleteService.unavailable",values:{service:"Google Autocomplete Service",domain:"maps.googleapis.com",lineBreak:(0,a.jsx)("br",{})},defaultMessage:'Location field requires "{service}" to function.{lineBreak} Make sure "{domain}" is not blocked.'})}):(0,a.jsxs)(l.Fragment,{children:[(0,a.jsxs)(j.A,{position:"relative",children:[(0,a.jsx)(k,{onSuggestSelect:e=>this.handleChange(e),placeholder:this.props.placeholder,initialValue:this.props.value?.name,fixtures:[{label:this.props.intl.formatMessage(this.messages.online),location:{lat:0,lng:0},isOnline:!0}],...e,ref:this.geoSuggestRef}),(0,a.jsx)(j.A,{position:"absolute",top:"0.5em",right:"1em",children:(0,a.jsx)(C,{onClick:()=>{this.geoSuggestRef.current.clear(),this.handleChange(null)}})})]}),this.state.value?.name==="Online"?(0,a.jsx)(w.A,{mt:3,labelProps:{fontWeight:"700",fontSize:"16px"},labelColor:"#333333",label:"URL (public)",error:this.state.eventUrlError,children:e=>(0,a.jsxs)("div",{children:[(0,a.jsx)(v.A,{...e,width:"100%",placeholder:"https://meet.jit.si/opencollective",defaultValue:this.state.value.address,onBlur:e=>{e.target.value&&!(0,g.isURL)(e.target.value)&&this.setState({eventUrlError:!0})},onChange:({target:{value:e}})=>{this.setState({eventUrlError:!(0,g.isURL)(e)}),this.handleChange({isOnline:!0,address:e})}}),this.state.eventUrlError&&(0,a.jsx)(y.L9,{display:"block",color:"red.500",fontSize:"12px",mt:1,children:(0,a.jsx)(u.sA,{id:"InvalidURL",defaultMessage:"Invalid URL. It must start with http:// or https://."})})]})}):(0,a.jsx)(m.A,{location:this.state.value,showTitle:!1})]})})}}let A=(0,b.A)(z)},99460:(e,t,s)=>{s.d(t,{A:()=>O});var a=s(37876),l=s(14232),i=s(95062),n=s.n(i),r=s(64487),o=s(72976),d=s(62449),h=s(5646),c=s(20322),p=s(98794),u=s(65221),x=s(35205),g=s(1921),b=s(96487),j=s(99202),m=s(54719),f=s(68901),v=s(45918),w=s(13408),y=s(1922),C=s(45409),k=s(58201);let z=({label:e,isPrivate:t})=>(0,a.jsxs)("label",{className:"text-sm font-bold",children:[e,"\xa0",t&&(0,a.jsx)(u.A,{})]});function A({label:e,help:t,pre:s,post:i,after:n,button:r,className:o,isPrivate:d,...h}){let c="error"===h.validationState?"error":null;delete h.validationState,h.key=h.key||h.name;let p={...h};return(delete p.children,o&&o.match(/horizontal/))?(0,a.jsxs)(j.so,{flexWrap:"wrap",p:1,children:[(0,a.jsx)(j.az,{width:[1,2/12],children:(0,a.jsx)(z,{label:e,isPrivate:d})}),(0,a.jsxs)(j.az,{width:[1,10/12],children:[(0,l.createElement)(w.A,{prepend:s,append:i,success:c,onWheel:e=>{e.preventDefault(),e.target.blur()},...p,key:p.key}),n&&(0,a.jsx)("div",{className:"after",children:n}),r&&(0,a.jsx)(f.A,{children:r}),t&&(0,a.jsx)(_,{children:t})]})]}):(0,a.jsxs)(j.so,{flexWrap:"wrap",p:1,children:[e&&(0,a.jsx)(j.az,{width:1,children:(0,a.jsx)(z,{label:e,isPrivate:d})}),(0,a.jsxs)(j.az,{width:1,children:[(0,l.createElement)(w.A,{prepend:s,append:i,success:c,onWheel:e=>{e.preventDefault(),e.target.blur()},...p,key:p.key}),r&&(0,a.jsx)(f.A,{children:r})]}),t&&(0,a.jsx)(_,{mt:1,children:t})]})}z.propTypes={label:n().node,isPrivate:n().bool},A.propTypes={key:n().string,name:n().string,label:n().string,help:n().string,pre:n().string,post:n().string,after:n().string,button:n().node,className:n().string,isPrivate:n().bool,validationState:n().string};let S=h.I4.div.withConfig({componentId:"sc-81968977-0"})(["label{margin-top:5px;margin-bottom:5px;}.horizontal label{padding-right:15px;padding-left:15px;}"]),_=(0,h.I4)(j.az).withConfig({componentId:"sc-81968977-1"})(["color:#737373;font-size:0.75rem;"]);class N extends l.Component{static{this.propTypes={name:n().string.isRequired,label:n().oneOfType([n().string,n().object]),description:n().string,isPrivate:n().bool,value:n().oneOfType([n().string,n().number,n().object,n().array]),defaultValue:n().oneOfType([n().string,n().number,n().object,n().bool,n().array]),validate:n().func,options:n().oneOfType([n().arrayOf(n().object),n().object]),context:n().object,placeholder:n().string,pre:n().string,post:n().string,button:n().node,className:n().string,type:n().string,onChange:n().func.isRequired,onKeyDown:n().func,overflow:n().string,required:n().bool,style:n().object,multiple:n().bool,closeOnSelect:n().bool,charCount:n().number,maxLength:n().number,step:n().oneOfType([n().number,n().string]),disabled:n().bool,min:n().number,max:n().number,focus:n().bool,help:n().string,error:n().string,formModified:n().bool}}constructor(e){super(e),this.state={value:e.value,validationState:null},this.handleChange=this.handleChange.bind(this)}componentDidUpdate(e){this.props.value!==e.value&&this.setState({value:this.props.value})}validate(e){if(!e)return!this.props.required;let t=this.props.type||"text";return this.props.validate&&!t.match(/^date/)?this.props.validate(e):"email"!==this.props.type||e.match(/^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/)}roundCurrencyValue(e){return null===e?null:1===(0,r.A)(this.props.options,"step")?100*Math.trunc(e/100):e}handleChange(e){let{type:t,step:s}=this.props;if("number"===t){let t=s&&1!==parseFloat(s)?parseFloat(e):parseInt(e);e=isNaN(t)?null:t}else"currency"===t&&(e=this.roundCurrencyValue(e));this.validate(e)?this.setState({validationState:null}):this.setState({validationState:"error"}),this.setState({value:e}),this.props.onChange(e)}render(){let e=this.props,t=this.state.value,s=e.className&&e.className.match(/horizontal/);switch(this.props.type){case"textarea":{let l;t=t||this.props.defaultValue||"",e.charCount&&(l=e.maxLength?`${e.maxLength-t.length} characters left`:`${t.length} characters`),this.input=(0,a.jsxs)("div",{children:[s&&(0,a.jsxs)(j.so,{flexWrap:"wrap",p:1,children:[(0,a.jsx)(j.az,{width:[1,2/12],children:(0,a.jsx)(z,{label:(0,c.ZH)(e.label)})}),(0,a.jsxs)(j.az,{width:[1,10/12],children:[(0,a.jsx)(k.A,{width:"100%",className:e.className,onChange:e=>this.handleChange(e.target.value),placeholder:this.props.placeholder,value:this.state.value||this.props.defaultValue||"",maxLength:e.maxLength}),l&&(0,a.jsx)("div",{className:"after",children:l}),e.description&&(0,a.jsx)(_,{children:e.description})]})]}),!s&&(0,a.jsxs)(j.so,{flexWrap:"wrap",p:1,children:[e.label&&(0,a.jsx)(j.az,{width:1,children:(0,a.jsx)(z,{label:(0,c.ZH)(e.label)})}),(0,a.jsxs)(j.az,{width:1,children:[(0,a.jsx)(k.A,{width:"100%",className:e.className,onChange:e=>this.handleChange(e.target.value),placeholder:this.props.placeholder,value:this.state.value||this.props.defaultValue||"",maxLength:e.maxLength}),l&&(0,a.jsx)("div",{className:"after",children:l}),e.description&&(0,a.jsx)(_,{children:e.description})]})]})]});break}case"tags":this.input=(0,a.jsxs)("div",{children:[s&&(0,a.jsxs)(j.so,{flexWrap:"wrap",p:1,children:[(0,a.jsx)(j.az,{width:[1,2/12],children:(0,a.jsx)(z,{label:(0,c.ZH)(e.label)})}),(0,a.jsx)(j.az,{width:[1,2/12],children:(0,a.jsx)(b.A,{...e,onChange:t=>e.onChange(t.map(e=>e.value))})})]}),!s&&(0,a.jsxs)(j.so,{flexWrap:"wrap",p:1,children:[e.label&&(0,a.jsx)(j.az,{width:1,children:(0,a.jsx)(z,{label:(0,c.ZH)(e.label)})}),e.description&&(0,a.jsx)(_,{p:1,children:e.description}),(0,a.jsx)(j.az,{width:1,children:(0,a.jsx)(b.A,{...e,onChange:t=>e.onChange(t.map(e=>e.value))})})]})]});break;case"collective-tags":this.input=(0,a.jsxs)("div",{children:[s&&(0,a.jsxs)(j.so,{flexWrap:"wrap",p:1,children:[(0,a.jsx)(j.az,{width:[1,2/12],children:(0,a.jsx)(z,{label:(0,c.ZH)(e.label)})}),(0,a.jsx)(j.az,{width:[1,2/12],children:(0,a.jsx)(g.A,{...e,onChange:t=>e.onChange(t.map(e=>e.value))})})]}),!s&&(0,a.jsxs)(j.so,{flexWrap:"wrap",p:1,children:[e.label&&(0,a.jsx)(j.az,{width:1,children:(0,a.jsx)(z,{label:(0,c.ZH)(e.label)})}),e.description&&(0,a.jsx)(_,{p:1,children:e.description}),(0,a.jsx)(j.az,{width:1,children:(0,a.jsx)(g.A,{...e,onChange:t=>e.onChange(t.map(e=>e.value))})})]})]});break;case"component":this.input=(0,a.jsxs)("div",{children:[s&&(0,a.jsxs)(j.so,{flexWrap:"wrap",p:1,children:[(0,a.jsx)(j.az,{width:[1,2/12],children:(0,a.jsx)(z,{label:(0,c.ZH)(e.label)})}),(0,a.jsx)(j.az,{width:[1,10/12],children:(0,a.jsx)(e.component,{onChange:this.handleChange,...e,...e.options})})]}),!s&&(0,a.jsxs)(j.so,{flexWrap:"wrap",p:1,children:[e.label&&(0,a.jsx)(j.az,{width:1,children:(0,a.jsx)(z,{label:(0,c.ZH)(e.label)})}),(0,a.jsxs)(j.az,{width:1,children:[(0,a.jsx)(e.component,{onChange:this.handleChange,...e,...e.options}),e.description&&(0,a.jsx)(_,{children:e.description})]})]})]});break;case"location":this.input=(0,a.jsxs)(j.so,{flexWrap:"wrap",p:1,children:[e.label&&(0,a.jsx)(j.az,{width:1,children:(0,a.jsx)(z,{label:(0,c.ZH)(e.label)})}),(0,a.jsxs)(j.az,{width:1,children:[(0,a.jsx)(m.A,{value:this.state.value||e.defaultValue,onChange:e=>this.handleChange(e),placeholder:e.placeholder,options:e.options}),e.description&&(0,a.jsx)(_,{children:e.description})]})]});break;case"address":this.input=(0,a.jsxs)(j.so,{flexWrap:"wrap",p:1,children:[e.label&&(0,a.jsx)(j.az,{width:1,children:(0,a.jsx)(z,{label:(0,c.ZH)(e.label),isPrivate:e.isPrivate})}),(0,a.jsxs)(j.az,{width:1,children:[(0,a.jsx)(y.A,{location:this.state.value||e.defaultValue,onChange:e=>this.handleChange(e)}

1),e.description&&(0,a.jsx)(_,{children:e.description})]})]});break;case"socialLinks":this.input=(0,a.jsxs)(j.az,{p:1,children:[(0,a.jsx)(j.az,{my:"5px",fontWeight:700,children:(0,a.jsx)(d.sA,{defaultMessage:"Social Links",id:"3bLmoU"})}),(0,a.jsx)(p.A,{value:this.state.value||e.defaultValue,onChange:e=>this.handleChange(e),touched:e.formModified})]});break;case"currency":t="number"==typeof(t=t||e.defaultValue)?t/100:"",this.input=(0,a.jsx)(A,{onChange:e=>this.handleChange(0===e.target.value.length?null:Math.round(100*e.target.value)),type:"number",pre:e.pre,post:e.post,name:e.name,disabled:e.disabled,step:(0,r.A)(e,"options.step")||"0.01",min:(e.min||0)/100,label:"string"==typeof e.label?`${(0,c.ZH)(e.label)}`:e.label,help:e.description,placeholder:e.placeholder,className:`currency ${e.className}`,onFocus:e=>e.target.select(),value:t});break;case"select":{let t;if(!e.options||0===e.options.length)return console.warn(">>> InputField: options.length needs to be >= 1",e.options),null;let l=void 0!==e.options[0].value?e.options[0].value:Object.keys(e.options[0])[0];if(e.defaultValue){let s;t=void 0!==e.options[0].value?s=e.options.find(t=>t.value===e.defaultValue):{key:Object.keys(s=e.options.find(t=>Object.keys(t)[0]===e.defaultValue))[0],value:Object.keys(s)[0],label:Object.values(s)[0]}}else t=void 0!==e.options[0].value?{key:e.options[0].value,value:e.options[0].value,label:e.options[0].label}:{key:Object.keys(e.options[0])[0],value:Object.keys(e.options[0])[0],label:Object.values(e.options[0])[0]};let i=(0,a.jsx)(C.A,{inputId:`input-field-${e.name}`,name:e.name,"data-cy":e.name,type:"select",placeholder:e.placeholder,className:e.className,defaultValue:t,disabled:e.disabled,isSearchable:e.options?.length>15,options:e.options&&e.options.map(e=>{let t=void 0!==e.value?e.value:Object.keys(e)[0],s=e.label||e[t];return{key:t,value:t,label:s}}),onChange:e=>{this.handleChange(e.value)}},`${e.name}-${l}`);this.input=(0,a.jsxs)("div",{children:[s&&(0,a.jsxs)("div",{children:[(0,a.jsxs)(j.so,{flexWrap:"wrap",p:1,children:[(0,a.jsx)(j.az,{width:[1,2/12],children:(0,a.jsx)(z,{label:(0,c.ZH)(e.label)})}),(0,a.jsx)(j.az,{width:[1,10/12],children:i})]}),e.description&&(0,a.jsxs)(j.so,{flexWrap:"wrap",p:1,children:[(0,a.jsx)(j.az,{width:[1,2/12]}),(0,a.jsx)(j.az,{width:[1,10/12],children:(0,a.jsx)(_,{children:e.description})})]})]}),!s&&(0,a.jsxs)(j.so,{flexWrap:"wrap",p:1,children:[e.label&&(0,a.jsx)(j.az,{width:1,children:(0,a.jsx)(z,{label:(0,c.ZH)(e.label)})}),(0,a.jsxs)(j.az,{width:1,children:[i,e.description&&(0,a.jsx)(_,{children:e.description})]})]})]});break}case"checkbox":this.input=(0,a.jsxs)("div",{children:[s&&(0,a.jsxs)("div",{children:[(0,a.jsxs)(j.so,{flexWrap:"wrap",p:1,children:[(0,a.jsx)(j.az,{width:[1,2/12],children:(0,a.jsx)(z,{label:(0,c.ZH)(e.label)})}),(0,a.jsx)(j.az,{width:[1,10/12],children:(0,a.jsx)(v.A,{name:"input-checkbox",defaultChecked:e.defaultValue,onChange:e=>this.handleChange(e.target.checked),label:e.description})})]}),e.help&&(0,a.jsxs)(j.so,{flexWrap:"wrap",p:1,children:[(0,a.jsx)(j.az,{width:[1,2/12]}),(0,a.jsx)(j.az,{width:[1,10/12],children:(0,a.jsx)(_,{children:e.help})})]})]}),!s&&(0,a.jsx)(j.so,{flexWrap:"wrap",p:1,children:(0,a.jsxs)(j.az,{width:1,children:[(0,a.jsx)(v.A,{name:"input-checkbox",defaultChecked:e.defaultValue,onChange:e=>this.handleChange(e.target.checked),label:e.description}),e.help&&(0,a.jsx)(_,{children:e.help})]})})]});break;case"switch":this.input=(0,a.jsxs)("div",{children:[s&&(0,a.jsxs)(j.so,{flexWrap:"wrap",p:1,children:[e.label&&(0,a.jsx)(j.az,{width:[1,2/12],children:(0,a.jsx)(z,{label:(0,c.ZH)(e.label)})}),(0,a.jsxs)(j.az,{width:[1,10/12],children:[(0,a.jsx)(x.d,{name:e.name,defaultChecked:e.defaultValue,onCheckedChange:e=>this.handleChange(e)}),e.description&&(0,a.jsx)(_,{children:e.description})]})]}),!s&&(0,a.jsxs)(l.Fragment,{children:[e.label&&(0,a.jsx)(z,{label:(0,c.ZH)(e.label)}),(0,a.jsxs)("div",{className:"switch",children:[(0,a.jsx)(x.d,{name:e.name,defaultChecked:e.defaultValue,onCheckedChange:e=>this.handleChange(e)}),e.description&&(0,a.jsx)(_,{children:e.description})]})]})]});break;default:this.input=(0,a.jsx)(A,{onChange:e=>this.handleChange(e.target.value),onKeyDown:e.onKeyDown,type:e.type,pre:e.pre,post:e.post,button:e.button,name:e.name,maxLength:e.maxLength,disabled:e.disabled,label:e.label&&`${(0,c.ZH)(e.label)}`,help:e.description,autoFocus:e.focus,placeholder:e.placeholder,className:e.className,value:e.value,defaultValue:(0,o.A)(e.defaultValue)?"":e.defaultValue,validationState:this.state.validationState,step:e.step,min:e.min,max:e.max,required:e.required,isPrivate:e.isPrivate,overflow:e.overflow,error:e.error})}return(0,a.jsx)(S,{className:`inputField ${this.props.className} ${this.props.name}`,children:this.input},`input-${this.props.name}`)}}let O=N}}]);
2//# sourceMappingURL=9460-bda9ff16d6944575.js.map