\n
\n {(this.state.attachments.length > 0 || this.state.uploadedAttachments.length > 0) && (\n \n {this.renderPreview()}\n
\n ,document.getElementById(this.props.id)\n );\n }\n\n renderImagePreview(attachment) {\n return \n
\n {attachment.name}
\n \n );\n }\n\n renderPreview() {\n const previews = this.props.uploadedAttachments\n .map((attachment, index) => (\n \n this.props.trash(e, index)} class=\"trash cursor-pointer absolute top-0 pb-1 pl-1 pr-1 right-0 bg-gray-100 rounded-bl hover:text-red-500\">\n
\n ))\n .concat(\n this.props.attachments.map((attachment, index) => (\n \n {attachment.image ? this.renderImagePreview(attachment) : this.renderAttachmentPreview(attachment)}\n
\n ))\n );\n if (previews && previews.length > 0) {\n return {previews}
;\n } else {\n return null;\n }\n }\n}\n","import React, { Component } from \"react\";\n\nconst ProgressBar = (props) => {\n const { completed } = props;\n\n const fillerStyles = {\n width: `${completed}%`,\n };\n\n return (\n \n \n
\n );\n};\n\nexport default ProgressBar;\n","import React, { Component } from \"react\";\nimport { Chart as ChartJS, CategoryScale, LinearScale, BarElement, Title, Tooltip, Legend } from \"chart.js\";\nimport { Bar } from \"react-chartjs-2\";\nimport PropTypes from \"prop-types\";\n\nexport default class BarChart extends Component {\n static propTypes = {\n data: PropTypes.arrayOf(PropTypes.object),\n title: PropTypes.string.isRequired,\n description: PropTypes.string,\n chartOnly: PropTypes.bool,\n barColor: PropTypes.string,\n };\n\n static defaultProps = {\n data: [\n { value: 10, label: \"Q1\" },\n { value: 100, label: \"Q2\" },\n { value: 1000, label: \"Q3\" },\n { value: 10000, label: \"Q4\" },\n ],\n title: \"Chart title\",\n chartOnly: false,\n barColor: \"#6C82FF\",\n };\n\n render() {\n ChartJS.register(CategoryScale, LinearScale, BarElement, Title, Tooltip, Legend);\n ChartJS.defaults.font.size = 11;\n\n return (\n \n {!this.props.chartOnly && l.label),\n datasets: [\n {\n data: this.props.data.map((v) => v.value),\n backgroundColor: this.props.barColor,\n },\n ],\n }}\n />\n {!this.props.chartOnly && this.props.description &&
\n );\n }\n}\n","import React, { Component } from \"react\";\nimport BarChart from \"./BarChart\";\nimport PropTypes from \"prop-types\";\nimport axios from \"../lib/axios\";\n\nexport default class ChartEditor extends Component {\n static propTypes = {\n title: PropTypes.string,\n description: PropTypes.string,\n data: PropTypes.arrayOf(PropTypes.object),\n url: PropTypes.string.isRequired,\n method: PropTypes.string.isRequired,\n companyProfileUrl: PropTypes.string.isRequired,\n barColor: PropTypes.string,\n };\n\n static defaultProps = {\n data: [\n { value: 10, label: \"Q1\" },\n { value: 20, label: \"Q2\" },\n { value: 30, label: \"Q3\" },\n { value: 40, label: \"Q4\" },\n ],\n };\n\n constructor(props) {\n super(props);\n\n this.state = {\n title: this.props.title,\n description: this.props.description,\n data: this.props.data,\n companyProfileUrl: this.props.companyProfileUrl,\n barColor: this.props.barColor,\n };\n }\n\n handleTitleChange = (e) => {\n this.setState({ title: e.target.value });\n };\n\n handleDescriptionChange = (e) => {\n this.setState({ description: e.target.value });\n };\n\n handleDataPointLabelChange = (index) => (e) => {\n const updatedPoints = this.state.data.map((dp, dpindex) => {\n if (index != dpindex) return dp;\n return { ...dp, label: e.target.value };\n });\n\n this.setState({\n data: updatedPoints,\n });\n };\n\n handleDataPointValueChange = (index) => (e) => {\n const updatedPoints = this.state.data.map((dp, dpindex) => {\n if (index != dpindex) return dp;\n return { ...dp, value: e.target.value };\n });\n\n this.setState({\n data: updatedPoints,\n });\n };\n\n handleAddDataPoint = () => {\n this.setState({\n data: this.state.data.concat(this.state.data.length > 0 ? this.state.data[this.state.data.length - 1] : [{ value: \"100\", label: \"Q1\" }]),\n });\n };\n\n handleRemoveDataPoint = (index) => {\n this.setState({\n data: this.state.data.filter((dp, dpindex) => index != dpindex),\n });\n };\n\n handleSubmit = (e) => {\n e.preventDefault();\n\n axios({\n method: this.props.method,\n url: this.props.url,\n data: {\n title: this.state.title,\n description: this.state.description,\n datapoints: this.state.data,\n },\n }).then((response) => {\n window.location.href = this.state.companyProfileUrl;\n });\n };\n\n renderDataRow(index, datapoint) {\n return (\n {this.props.title}
}\n {this.props.description}
}\n \n
\n );\n }\n}\n","import React, { Component } from \"react\";\nimport PropTypes from \"prop-types\";\nimport CitySelector from \"./CitySelector\";\nimport qs from \"qs\";\n\nexport default class CityFilter extends Component {\n static propTypes = {\n cityList: PropTypes.arrayOf(\n PropTypes.shape({\n value: PropTypes.number.isRequired,\n label: PropTypes.string.isRequired,\n })\n ).isRequired,\n selected: PropTypes.arrayOf(\n PropTypes.shape({\n value: PropTypes.number.isRequired,\n label: PropTypes.string.isRequired,\n })\n ).isRequired,\n };\n\n static defaultProps = {\n cityList: [],\n selected: [],\n };\n\n constructor(props) {\n super(props);\n // If we want to use async load of results, we need to change this.\n this.state = {\n selected: this.props.selected.map((city) => city.value),\n };\n }\n\n render() {\n return (\n \n
\n Chart details
\n \n\n
\n Chart preview
\n\n
\n \n {this.props.title}\n
\n );\n }\n}\n","import React, { Component } from \"react\";\nimport PropTypes from \"prop-types\";\nimport Icon from \"./Icon\";\nimport Modal from \"./Modal\";\n\nexport default class CompanyJoinModal extends Component {\n static propTypes = {\n url: PropTypes.string.isRequired,\n open: PropTypes.bool,\n options: PropTypes.array,\n company: PropTypes.shape({\n name: PropTypes.string.isRequired,\n }).isRequired,\n user: PropTypes.shape({\n name: PropTypes.string,\n email: PropTypes.string,\n }),\n };\n\n static defaultProps = {\n open: false,\n user: {\n name: undefined,\n email: undefined,\n },\n };\n\n constructor(props) {\n super(props);\n\n this.state = {\n visible: this.props.open,\n };\n }\n\n close = () => {\n this.setState({ visible: false });\n };\n\n open = () => {\n this.setState({ visible: true });\n };\n\n render() {\n return (\n <>\n \n\n {this.state.visible && (\n \n Request to join {this.props.company.name}\n
\n\n\n 
\n
\n\n \n \n
\n {this.state.copied && this.renderToast()}\n \n );\n }\n}\n","import React, { Component } from \"react\";\nimport PropTypes from \"prop-types\";\nimport Icon from \"./Icon\";\n\nexport default class CurrencyInput extends Component {\n static propTypes = {\n name: PropTypes.string.isRequired,\n label: PropTypes.string,\n id: PropTypes.string.isRequired,\n };\n\n static defaultProps = {\n id: \"\",\n label: \"\",\n name: \"\",\n };\n\n constructor(props) {\n super(props);\n this.state = {\n type: \"text\",\n value: this.parse(this.props.value),\n display: this.display(this.parse(this.props.value)),\n };\n }\n\n parse(input) {\n if (input === null || input === undefined) {\n return null;\n }\n\n if (typeof input === \"string\") {\n input = input.replaceAll(/[^\\d]/gi, \"\");\n if (input.length > 0) {\n return parseInt(input);\n } else {\n return null;\n }\n }\n\n if (typeof input === \"number\") {\n return input;\n }\n }\n\n display(input) {\n if (input === null) {\n return \"\";\n }\n let r = input;\n let out = r === 0 ? \"0\" : \"\";\n while (r > 0) {\n let n = r % 1000;\n r = Math.floor(r / 1000);\n if (r > 0) {\n if (n < 10) {\n out = \",00\" + n + out;\n } else if (n < 100) {\n out = \",0\" + n + out;\n } else {\n out = \",\" + n + out;\n }\n } else {\n out = n + out;\n }\n }\n return out;\n }\n\n handleChange = (e) => {\n this.setState({\n display: this.parse(e.target.value),\n });\n };\n\n handleBlur = (e) => {\n this.setState({\n type: \"text\",\n value:\n this.parse(e.target.value) === null ? \"\" : this.parse(e.target.value),\n display: this.display(this.parse(e.target.value)),\n });\n };\n\n handleFocus = (e) => {\n this.setState({\n type: \"number\",\n display: this.state.value,\n });\n };\n\n render() {\n return (\n <>\n \n \n
\n\n \n \n );\n }\n}\n","import React, { Component } from \"react\";\nimport PropTypes from 'prop-types';\nimport DatePicker from \"react-datepicker\";\n\nexport default class DateInput extends Component {\n static propTypes = {\n defaultValue: PropTypes.string,\n name: PropTypes.string.isRequired,\n class: PropTypes.string,\n };\n\n static defaultProps = {\n defaultValue: null,\n name: '',\n class: '',\n };\n\n constructor(props) {\n super(props);\n\n this.state = { selected: this.props.defaultValue && this.props.defaultValue.length > 0 ? new Date(this.props.defaultValue) : null }\n }\n\n handleDateChange = (date) => {\n this.setState({ selected: date });\n }\n\n render() {\n return (\n <>\n \n \n
\n );\n }\n}\n","import React, { Component } from \"react\";\nimport PropTypes from \"prop-types\";\nimport Icon from \"./Icon\";\n\nexport default class DropdownButton extends Component {\n static propTypes = {\n onChange: PropTypes.func,\n extraClasses: PropTypes.string,\n };\n\n static defaultProps = {\n title: null,\n extraClasses: \"\",\n onChange: () => {},\n };\n\n constructor(props) {\n super(props);\n\n this.dropdownRef = React.createRef();\n this.state = {\n open: false,\n activeChild:\n this.props.children.find((child) => child.props.isActive) ||\n this.props.children[0],\n };\n }\n\n componentDidMount() {\n document.addEventListener(\"click\", this.handleClickOutside);\n }\n\n componentWillUnmount() {\n document.removeEventListener(\"click\", this.handleClickOutside);\n }\n\n handleClickOutside = (e) => {\n if (\n this.state.open &&\n this.dropdownRef &&\n this.dropdownRef.current &&\n !this.dropdownRef.current.contains(e.target)\n ) {\n this.setState({ open: false });\n }\n };\n\n render() {\n const buttonClasses = [\"button button-toggle relative\"];\n buttonClasses.push(this.props.extraClasses);\n if (this.state.open) {\n buttonClasses.push(\"border-b-0 rounded-b-none\");\n }\n return (\n \n {this.state.activeChild}\n
\n {this.state.open && this.renderDropdown()}\n \n );\n }\n\n renderDropdown() {\n const buttonClasses = [\"button-dropdown -mx-px\"];\n if (this.state.hovering) {\n buttonClasses.push(\"button-hover\");\n }\n\n return (\n \n {this.props.children.map((child, index) => (\n
\n );\n }\n\n toggleHover = (hovering) => {\n this.setState({ hovering });\n };\n\n select = (index, e) => {\n e.preventDefault();\n e.stopPropagation();\n this.setState(\n { activeChild: this.props.children[index], open: false },\n this.changed\n );\n };\n\n changed = () => {\n this.props.onChange(this.state.activeChild);\n };\n\n toggleDropdown = (e) => {\n this.setState((state) => ({ open: !state.open }));\n };\n}\n\nexport class DropdownOption extends Component {\n static propTypes = {\n isActive: PropTypes.bool,\n value: PropTypes.string,\n };\n\n static defaultProps = {\n isActive: false,\n value: \"\",\n };\n\n render() {\n return <>{this.props.children};\n }\n}\n","import React, { Component } from \"react\";\nimport PropTypes from \"prop-types\";\nimport axios from \"../lib/axios\";\n\nexport default class EmailNotificationToggle extends Component {\n static propTypes = {\n notificationAll: PropTypes.bool.isRequired,\n notificationSettingsUrl: PropTypes.string.isRequired,\n };\n\n static defaultProps = {\n notificationAll: false,\n notificationSettingsUrl: \"\",\n };\n\n constructor(props) {\n super(props);\n this.state = {\n suscribedAll: this.props.notificationAll,\n };\n }\n\n disableEmailNotifications = (checkboxes) => {\n for (var i = 0; i < checkboxes.length; i++) {\n checkboxes[i].disabled = !this.state.suscribedAll;\n }\n };\n\n writeEmailNotifications = () => {\n axios({\n remote: true,\n method: \"post\",\n url: this.props.notificationSettingsUrl,\n }).then((_response) => {\n this.setState({ suscribedAll: !this.state.suscribedAll });\n this.disableEmailNotifications(document.getElementsByClassName(\"disable\"));\n });\n };\n\n render() {\n return (\n <>\n this.select(index, e)}>\n {child}\n
\n ))}\n \n \n
\n \n );\n }\n}\n","import React, { Component } from \"react\";\nimport PropTypes from \"prop-types\";\nimport Modal from \"./Modal\";\nimport Icon from \"./Icon\";\n\nexport default class EndorsementModal extends Component {\n static propTypes = {\n url: PropTypes.string.isRequired,\n open: PropTypes.bool,\n options: PropTypes.array,\n company: PropTypes.shape({\n name: PropTypes.string.isRequired,\n }).isRequired,\n user: PropTypes.shape({\n name: PropTypes.string,\n email: PropTypes.string,\n }),\n canEndorse: PropTypes.bool,\n };\n\n static defaultProps = {\n open: false,\n user: {\n name: undefined,\n email: undefined,\n },\n canEndorse: true,\n };\n\n constructor(props) {\n super(props);\n\n this.state = {\n visible: this.props.open,\n };\n }\n\n close = () => {\n this.setState({ visible: false });\n };\n\n open = () => {\n this.setState({ visible: true });\n };\n\n render() {\n return (\n \n {this.props.canEndorse && (\n \n \n
\n\n \n )}\n
\n );\n }\n}\n","import React, { Component } from \"react\";\nimport PropTypes from \"prop-types\";\nimport EndorsementModal from \"./EndorsementModal\";\nimport Icon from \"./Icon\";\nimport DefaultAvatar from \"./DefaultAvatar\";\n\nexport default class Endorsements extends Component {\n static propTypes = {\n company: PropTypes.shape({\n name: PropTypes.string.isRequired,\n }).isRequired,\n canEndorse: PropTypes.bool,\n };\n\n constructor(props) {\n super(props);\n\n this.state = {\n currentEndorsement: 0,\n endorsementCount: this.props.endorsements.length,\n };\n }\n\n next = () => {\n this.setState({ currentEndorsement: this.state.currentEndorsement + 1 });\n };\n\n previous = () => {\n this.setState({ currentEndorsement: this.state.currentEndorsement - 1 });\n };\n\n taglineOrRole = (endorsement) => {\n if (endorsement.relationship.person.tagline) {\n return endorsement.relationship.person.tagline;\n } else {\n return (\n endorsement.relationship.role.charAt(0).toUpperCase() +\n endorsement.relationship.role.slice(1) +\n \" at \" +\n this.props.company.name\n );\n }\n };\n\n renderEndorsement(endorsement) {\n return (\n <>\n {/* Endorsement display */}\n \n \n
\n )}\n\n {this.state.visible && (\n \n
\n\n \n Tell {this.props.company.name} profile visitors what you think\n about the company. Endorsements are approved by founders, so they\n may take a bit to show up on the profile.\n
\n\n \n \n
\n\n {/* Endorsement navigation */}\n {this.state.endorsementCount > 1 && (\n \n
\n\n \n {endorsement.relationship.person.avatarUrl ? (\n
\n \n {endorsement.relationship.person.name}\n
\n \n {this.taglineOrRole(endorsement)}\n
\n \n {endorsement.description}\n
\n \n \n
\n )}\n \n );\n }\n\n render() {\n return (\n <>\n \n {this.state.currentEndorsement > 0 && (\n \n \n
\n \n {((this.state.endorsementCount == 0 && this.props.canEndorse) ||\n this.state.endorsementCount > 0) && Endorsements}\n {((this.state.endorsementCount == 0 && this.props.canEndorse) ||\n (this.state.endorsementCount > 0 && this.props.canEndorse)) && (\n \n
\n \n {this.state.endorsementCount == 0 && this.props.canEndorse && (\n
\n \n );\n }\n}\n","import React, { Component } from \"react\";\nimport PropTypes from \"prop-types\";\nimport Icon from \"./Icon\";\nimport axios from \"../lib/axios\";\nimport Toast from \"./Toast\";\n\nexport default class FollowButton extends Component {\n static propTypes = {\n follows: PropTypes.bool.isRequired,\n followUrl: PropTypes.string.isRequired,\n entityName: PropTypes.string.isRequired,\n };\n\n static defaultProps = {\n follows: false,\n followUrl: \"\",\n entityName: \"\",\n };\n\n constructor(props) {\n super(props);\n\n this.state = {\n following: this.props.follows,\n showAlert: false,\n };\n }\n\n toggleFollow = () => {\n axios({\n method: \"post\",\n url: this.props.followUrl,\n }).then((_response) => {\n this.setState({ following: !this.state.following });\n this.setState({ showAlert: true });\n });\n };\n\n render() {\n let message = {\n followed:\n \"You are now following \" +\n this.props.entityName +\n \". You will start receiving notifications via email and text whenever meaningful updates are made to the profile.\",\n unfollowed:\n \"You are no longer following \" +\n this.props.entityName +\n \". You will no longer receive notifications via email or text.\",\n };\n\n return (\n <>\n \n
\n )}\n\n {this.state.endorsementCount > 0 &&\n this.renderEndorsement(\n this.props.endorsements[this.state.currentEndorsement]\n )}\n \n
\n \n
\n \n );\n }\n}\n","import React, { Component } from \"react\";\nimport PropTypes from \"prop-types\";\nimport Sprite from \"../images/feather.svg\";\n\nexport default class Icon extends Component {\n static propTypes = {\n extraClasses: PropTypes.string,\n name: PropTypes.string,\n };\n\n render() {\n return (\n \n );\n }\n}\n","import React, { Component } from \"react\";\nimport PropTypes from \"prop-types\";\nimport Icon from \"./Icon\";\n\nexport default class ImageUploadPreview extends Component {\n static propTypes = {\n image: PropTypes.any.isRequired,\n id: PropTypes.string.isRequired,\n name: PropTypes.string.isRequired,\n namePurge: PropTypes.string.isRequired,\n label: PropTypes.string.isRequired,\n previewCss: PropTypes.string\n };\n\n static defaultProps = {\n action: \"\",\n name: \"\",\n namePurge: \"_purge\",\n label: \"\",\n previewCss: \"\"\n };\n constructor(props) {\n super(props);\n this.state = { uploadedImage: this.props.image, removedImage: null, image: null };\n }\n\n trash = (e) => {\n e.preventDefault();\n e.stopPropagation();\n\n e.target.dispatchEvent(new Event('change', {bubbles: true}));\n\n this.setState({\n uploadedImage: null,\n removedImage: this.state.uploadedImage,\n });\n };\n\n render() {\n return (\n \n \n
\n \n \n
\n \n \n
\n );\n }\n\n handleChange = (e) => {\n const input = e.target;\n if (input.files && input.files[0]) {\n const reader = new FileReader();\n reader.onload = (e) => {\n this.setState({ image: { src: e.target.result }, uploadedImage: null, removedImage: this.state.uploadedImage });\n };\n reader.readAsDataURL(input.files[0]);\n }\n };\n}\n","import React, { Component } from \"react\";\nimport PropTypes from \"prop-types\";\nimport Icon from \"./Icon\";\nimport cable from \"../lib/cable\";\n\nexport default class LinkAwareTextarea extends Component {\n static propTypes = {\n id: PropTypes.string.isRequired,\n name: PropTypes.string.isRequired,\n defaultValue: PropTypes.string,\n inputCss: PropTypes.string,\n placeholder: PropTypes.string,\n linkName: PropTypes.string.isRequired,\n };\n\n static defaultProps = {\n defaultValue: \"\",\n placeholder: \"\",\n inputCss: \"form-input h-20\",\n };\n\n constructor(props) {\n super(props);\n this.state = { preview: null, dismissed: [], waiting: null };\n }\n\n componentDidMount() {\n this.subscribe();\n }\n\n componentWillUnmount() {\n this.unsubscribe();\n }\n\n subscribe() {\n this.subscription = cable.subscriptions.create(\n {\n channel: \"LinkPreviewsChannel\",\n },\n {\n received: (data) => {\n this.unfurled(data);\n },\n }\n );\n }\n\n unsubscribe() {\n if (this.subscription) {\n this.subscription.unsubscribe();\n }\n }\n\n detect = (e) => {\n if (this.state.preview || this.state.waiting) {\n return;\n }\n clearTimeout(this.throttle);\n this.throttle = setTimeout(() => {\n const matches = e.target.value.match(/(http|https)\\:\\/\\/[a-zA-Z0-9\\-\\.]+\\.[a-zA-Z]{2,3}(\\/\\S*)?/g);\n if (matches && matches.length > 0) {\n this.unfurl(matches[matches.length - 1]);\n }\n }, 300);\n };\n\n unfurl(url) {\n if (this.state.dismissed.indexOf(url) !== -1) {\n return;\n }\n this.setState({ waiting: url }, () => this.subscription.perform(\"unfurl\", { url }));\n }\n\n unfurled(data) {\n if (this.state.waiting === data[\"url\"]) {\n let preview = {\n url: data[\"url\"],\n image_url: data[\"image_url\"],\n name: data[\"name\"],\n description: data[\"description\"],\n };\n\n if (data[\"failure\"]) {\n preview = null;\n }\n\n this.setState({\n waiting: null,\n preview: preview,\n });\n }\n }\n\n dismiss = (e) => {\n this.setState({ preview: null, waiting: null, dismissed: this.state.dismissed.concat(this.state.preview.link) });\n };\n\n render() {\n let css = this.props.inputCss;\n if (this.state.preview) {\n css = css + \" rounded-t rounded-b-none\";\n }\n return (\n <>\n \n {this.state.preview && this.renderPreview()}\n \n );\n }\n\n renderPreview() {\n return (\n \n
\n \n {this.props.showInput && this.state.uploadedImage && (\n this.trash(e)} class=\"trash cursor-pointer absolute top-0 pb-1 pl-1 right-0 bg-gray-100 rounded-bl hover:text-red-500\">\n 
\n
\n )}\n\n \n 
\n
\n );\n }\n}\n","import React, { Component } from \"react\";\nimport PropTypes from \"prop-types\";\nimport Icon from \"./Icon\";\n\nexport default class LogoUploadPreview extends Component {\n static propTypes = {\n image: PropTypes.string.isRequired,\n id: PropTypes.string.isRequired,\n name: PropTypes.string.isRequired,\n label: PropTypes.string.isRequired,\n previewCss: PropTypes.string,\n showInput: PropTypes.bool,\n };\n\n static defaultProps = {\n action: \"\",\n name: \"\",\n label: \"\",\n previewCss: \"\",\n showInput: false,\n };\n constructor(props) {\n super(props);\n\n this.state = {\n image: this.props.image,\n imageRemoveChecked: false,\n };\n }\n\n render() {\n return (\n \n \n {this.state.preview.name}\n \n
\n
\n \n \n \n \n \n {this.state.preview.name}\n \n
\n {this.state.preview.description}
\n\n
\n );\n }\n\n handleRemoveLogo = (e) => {\n e.preventDefault();\n this.setState({\n image: null,\n imageRemoveChecked: true,\n });\n };\n\n handleClick = (e) => {\n e.preventDefault();\n document.getElementById(\"company_logo\").click();\n };\n\n handleChange = (e) => {\n const input = e.target;\n if (input.files && input.files[0]) {\n const reader = new FileReader();\n reader.onload = (e) => {\n this.setState({ image: e.target.result, imageRemoveChecked: false });\n };\n reader.readAsDataURL(input.files[0]);\n }\n };\n}\n","import React, { Component } from \"react\";\nimport ReactDOM from \"react-dom\";\n\nexport default class Modal extends Component {\n handleClose = () => {\n this.props.onClose();\n };\n\n ignoreClick = (e) => {\n e.stopPropagation();\n };\n\n render() {\n return ReactDOM.createPortal(\n \n
\n \n 
}\n {!this.state.image &&
\n Add your logo. Select a file (max. 20 MB)
}\n \n \n\n \n
\n \n
,\n document.getElementsByTagName(\"body\")[0]\n );\n }\n}\n","import React, { Component } from \"react\";\nimport Icon from \"./Icon\";\nimport axios from \"../lib/axios\";\nimport PropTypes from \"prop-types\";\nimport qs from \"qs\";\n\nexport default class MultiCompanySelector extends Component {\n static propTypes = {\n defaultLogo: PropTypes.string,\n id: PropTypes.string.isRequired,\n name: PropTypes.string.isRequired,\n api: PropTypes.string.isRequired,\n companies: PropTypes.arrayOf(\n PropTypes.shape({\n id: PropTypes.number.isRequired,\n name: PropTypes.string.isRequired,\n logoUrl: PropTypes.string,\n })\n ),\n };\n\n static defaultProps = {\n defaultLogo: \"\",\n id: \"id\",\n name: \"\",\n companies: [],\n };\n\n constructor(props) {\n super(props);\n this.state = {\n query: \"\",\n suggestedCompanies: [],\n selectedCompanies: this.props.companies,\n selectedSuggestion: 0,\n };\n }\n\n handleKey = (e) => {\n switch (e.keyCode) {\n case 9:\n this.handleSelect(e);\n break;\n case 13:\n this.handleSelect(e);\n break;\n case 38:\n this.handleUp(e);\n break;\n case 40:\n this.handleDown(e);\n break;\n case 27:\n this.handleCancel(e);\n break;\n default:\n return;\n }\n e.preventDefault();\n };\n\n handleChange = (e) => {\n this.setState({ query: e.target.value }, this.throttle);\n };\n\n throttle = () => {\n if (this.state.waiting) {\n return;\n }\n\n clearTimeout(this.timeout);\n this.timeout = setTimeout(this.search, 300);\n };\n\n search = () => {\n const param = qs.stringify(\n { query: this.state.query },\n { addQueryPrefix: true, arrayFormat: \"brackets\" }\n );\n\n this.setState({ waiting: true }, () => {\n axios.get(this.props.api + param).then((response) => {\n this.setState({\n waiting: false,\n suggestedCompanies: response.data,\n });\n });\n });\n };\n\n renderSuggestions = () => {\n if (this.state.suggestedCompanies.length === 0) {\n return null;\n }\n\n return (\n \n {this.props.children}\n
\n - \n {this.state.suggestedCompanies.map((company, i) => (\n
| \n | \n \n {company.logoUrl ? (\n | \n \n {company.name}\n | \n
\n \n 0\n ? \"rounded-b-none border-b-0\"\n : \"\"\n }`}\n type=\"text\"\n placeholder=\"Start typing to search companies...\"\n autoComplete=\"off\"\n />\n {this.renderSuggestions()}\n {this.renderSelected()}\n
\n \n );\n }\n}\n","import React, { Component } from \"react\";\nimport PropTypes, { object } from \"prop-types\";\nimport axios from \"../lib/axios\";\n\nexport default class NotificationSettingToggle extends Component {\n static propTypes = {\n settingId: PropTypes.array.isRequired,\n notificationSettingsUrl: PropTypes.string.isRequired,\n status: PropTypes.bool.isRequired,\n notificationSettingsStatus: PropTypes.bool.isRequired,\n };\n\n static defaultProps = {\n settingId: [],\n notificationSettingsUrl: \"\",\n status: false,\n notificationSettingsStatus: false,\n };\n\n constructor(props) {\n super(props);\n this.state = {\n suscribed: this.props.status,\n };\n }\n\n updateEmailNotifications = () => {\n axios({\n remote: true,\n method: \"post\",\n data: { id: this.props.settingId },\n url: this.props.notificationSettingsUrl,\n }).then((_response) => {\n this.setState({ suscribed: !this.state.suscribed });\n });\n };\n\n render() {\n return (\n \n );\n }\n}\n","import React, { Component } from \"react\";\nimport PropTypes from \"prop-types\";\nimport axios from \"../lib/axios\";\nimport Icon from \"./Icon\";\n\nexport default class PermissionsBanner extends Component {\n static propTypes = {\n url: PropTypes.string.isRequired,\n };\n\n constructor(props) {\n super(props);\n this.state = { open: true };\n }\n\n dismiss = () => {\n axios.put(this.props.url, { user: { seen_permissions_banner: true } }).then((response) => {\n this.setState({ open: false });\n });\n };\n\n render() {\n return (\n <>\n {this.state.open && (\n \n \n Decide who sees what on your company profile with these visibility levels:\n \n
\n
\n )}\n \n );\n }\n}\n","import React, { Component } from \"react\";\nimport PropTypes from \"prop-types\";\nimport DropdownButton, { DropdownOption } from \"./DropdownButton\";\nimport Icon from \"./Icon\";\nimport axios from \"../lib/axios\";\n\nexport default class PermissionsToggle extends Component {\n static propTypes = {\n action: PropTypes.string,\n options: PropTypes.array.isRequired,\n name: PropTypes.string.isRequired,\n defaultValue: PropTypes.number,\n maxValue: PropTypes.number,\n shouldReload: PropTypes.bool,\n };\n\n static defaultProps = {\n action: null,\n options: [],\n name: \"\",\n defaultValue: 1,\n maxValue: 2,\n shouldReload: false,\n };\n\n constructor(props) {\n super(props);\n this.options = [\"owner\", \"private\", \"public\"];\n this.state = { selected: this.options[this.props.defaultValue] };\n }\n\n valueToProps(value, option) {\n const v = this.options.indexOf(option);\n return {\n isActive: value === v,\n value: option,\n };\n }\n\n render() {\n return (\n <>\n \n Decide who sees what on your company profile with these visibility levels:\n \n
\n - \n
- \n
\n Public:\n \n - Visible to anyone on the internet \n\n
- \n
\n Private:\n \n - Only visible with a private sharing link (includes public content) \n\n
- \n
\n Owner:\n \n - Only visible to you and other profile admins \n
\n
\n );\n }\n}\n","import React, { Component } from \"react\";\nimport PropTypes from \"prop-types\";\nimport { Carousel } from \"react-responsive-carousel\";\nexport default class ProductCarousel extends Component {\n static propTypes = {\n content: PropTypes.array.isRequired,\n };\n\n render() {\n return (\n \n 
\n
\n );\n })}\n \n );\n }\n}\n","import React, { Component } from \"react\";\nimport PropTypes from \"prop-types\";\nimport ReactPlayer from \"react-player\";\n\nexport default class ProductVideoPlayer extends Component {\n static propTypes = {\n url: PropTypes.string.isRequired,\n };\n\n render() {\n return \n
\n );\n }\n}\n","import React, { Component } from \"react\";\nimport PropTypes from \"prop-types\";\nimport axios from \"../lib/axios\";\n\nexport default class PublishedToggleButton extends Component {\n static propTypes = {\n published: PropTypes.bool.isRequired,\n url: PropTypes.string.isRequired,\n };\n\n static defaultProps = {\n published: false,\n url: \"\",\n };\n\n constructor(props) {\n super(props);\n\n this.state = {\n published: this.props.published,\n showAlert: this.props.follows,\n };\n }\n\n toggleFollow = () => {\n axios({\n method: \"post\",\n url: this.props.url,\n }).then((_response) => {\n this.setState({ published: !this.state.published });\n });\n };\n\n render() {\n return (\n \n
\n );\n }\n}\n","import React, { Component } from \"react\";\nimport PropTypes from \"prop-types\";\nimport { Carousel } from \"react-responsive-carousel\";\nimport Icon from \"./Icon\";\nimport factoryWithThrowingShims from \"prop-types/factoryWithThrowingShims\";\n\nexport default class ScreenshotsUploadPreview extends Component {\n static propTypes = {\n images: PropTypes.array,\n id: PropTypes.string.isRequired,\n name: PropTypes.string.isRequired,\n namePurge: PropTypes.string.isRequired,\n label: PropTypes.string.isRequired,\n };\n\n static defaultProps = {\n name: \"\",\n namePurge: \"_purge\",\n label: \"\",\n images: [],\n };\n constructor(props) {\n super(props);\n this.state = { uploadedImages: this.props.images, removedImages: [], images: [] };\n }\n\n trash = (e, index) => {\n e.preventDefault();\n e.stopPropagation();\n\n this.setState({\n uploadedImages: this.state.uploadedImages.slice(0, index).concat(this.state.uploadedImages.slice(index + 1)),\n removedImages: this.state.removedImages.concat(this.state.uploadedImages[index]),\n });\n };\n\n renderThumbs = (images) => images.map((image) => \n
\n Profile visible
\n \n \n
\n {this.state.published ? \"Your profile is visible to the public\" : \"Only you can see and edit your profile\"}
\n {image}
);\n\n render() {\n return (\n \n \n
\n );\n }\n\n handleChange = (e) => {\n const input = e.target;\n if (input.files && input.files.length > 0) {\n Promise.all(\n [].map.call(\n input.files,\n (f) =>\n new Promise((resolve, reject) => {\n const reader = new FileReader();\n reader.onload = resolve;\n reader.readAsDataURL(f);\n })\n )\n ).then((values) => {\n this.setState({ images: values.map((e) => ({ src: e.target.result })) });\n });\n }\n };\n}\n","import React, { Component } from \"react\";\nimport PropTypes from \"prop-types\";\nimport DropdownButton, { DropdownOption } from \"./DropdownButton\";\nimport Icon from \"./Icon\";\nimport qs from \"qs\";\n\nexport default class SortOptions extends Component {\n static propTypes = {\n extraClasses: PropTypes.string,\n options: PropTypes.arrayOf(\n PropTypes.shape({\n query: PropTypes.string.isRequired,\n label: PropTypes.string.isRequired,\n icon: PropTypes.string.isRequired,\n })\n ).isRequired,\n };\n\n static defaultProps = {\n options: [],\n extraClasses: \"\",\n };\n\n constructor(props) {\n super(props);\n const search = qs.parse(document.location.search, {\n ignoreQueryPrefix: true,\n });\n const option = this.props.options.find(\n (option) => option.query === search.sort\n );\n this.state = { selected: option ? option.query : null };\n }\n\n valueToProps(value, option) {\n return {\n isActive: value === option.query,\n value: option.query,\n };\n }\n\n render() {\n return (\n \n \n {this.state.removedImages.map((image) => (\n \n ))}\n \n {this.state.uploadedImages\n .map((image, index) => (\n \n
\n \n this.trash(e, index)} class=\"trash cursor-pointer absolute top-0 pb-1 pl-1 right-0 bg-gray-100 rounded-bl hover:text-red-500\">\n 
\n
\n ))\n .concat(\n this.state.images.map((image, index) => (\n \n \n
\n ))\n )}\n \n {this.state.open && (\n
\n );\n }\n}\n","import React, { Component } from \"react\";\nimport Icon from \"./Icon\";\nimport PropTypes from \"prop-types\";\n\nexport default class ToggleElement extends Component {\n static propTypes = {\n toggleClass: PropTypes.string,\n element: PropTypes.string,\n copy: PropTypes.string,\n icon: PropTypes.string,\n linkid: PropTypes.string,\n };\n\n toggleElement = () => {\n document.getElementById(this.props.element).classList.toggle(this.props.toggleClass);\n document.getElementById(this.props.linkid).classList.toggle(\"hidden\");\n };\n\n render() {\n return (\n \n
\n )}\n \n
\n \n \n {icons[this.props.type]}\n {this.props.title}\n
\n {this.props.dismissable && (\n \n
\n )}\n \n
\n \n
\n );\n }\n}\n","import React, { Component } from \"react\";\nimport ProductVideoPlayer from \"./ProductVideoPlayer\";\nimport PropTypes from \"prop-types\";\n\nexport default class VideoInputPreview extends Component {\n static propTypes = {\n id: PropTypes.string.isRequired,\n name: PropTypes.string.isRequired,\n label: PropTypes.string.isRequired,\n defaultValue: PropTypes.string,\n placeholder: PropTypes.string,\n };\n\n static defaultProps = {\n defaultValue: null,\n placeholder: \"Paste your url here\",\n };\n\n constructor(props) {\n super(props);\n this.state = { url: this.props.defaultValue };\n }\n\n render() {\n return (\n <>\n \n this.toggleElement()}>\n
\n \n this.setState({ url: e.target.value })}\n />\n {this.state.url && (\n
\n \n );\n }\n}\n","import React, { Component } from \"react\";\nimport PropTypes from \"prop-types\";\nimport axios from \"../lib/axios\";\nimport cable from \"../lib/cable\";\n\nexport default class VisitTracker extends Component {\n static propTypes = {\n url: PropTypes.string.isRequired,\n visitId: PropTypes.string.isRequired,\n };\n\n componentDidMount() {\n this.subscribe();\n window.addEventListener(\"beforeunload\", this.visitEnded);\n document.addEventListener(\"turbolinks:before-visit\", this.visitEnded);\n document.addEventListener(\"click\", this.clickHandler);\n }\n\n componentWillUnmount() {\n this.unsubscribe();\n window.removeEventListener('beforeunload', this.visitEnded);\n document.removeEventListener('turbolinks:before-visit', this.visitEnded);\n document.addEventListener('click', this.clickHandler);\n }\n\n subscribe() {\n this.subscription = cable.subscriptions.create(\n {\n channel: \"VisitsChannel\",\n visit_id: this.props.visitId,\n },\n { received: (data) => {} }\n );\n }\n\n unsubscribe() {\n if (this.subscription) {\n this.subscription.unsubscribe();\n }\n }\n\n render() {\n return null;\n }\n\n visitEnded = (e) => {\n this.unsubscribe();\n };\n\n clickHandler = (e) => {\n if (e.target.id === \"company_deck\" || document.getElementById(\"company_deck\").contains(e.target)) {\n this.visitDownload(e);\n }\n };\n\n visitDownload = (e) => {\n axios.put(this.props.url, { visit: { downloaded_deck: true } }).then((response) => {});\n };\n}\n","import React, { Component } from \"react\";\nimport PropTypes from \"prop-types\";\nimport Modal from \"./Modal\";\n\nexport default class VisitorInformationCollector extends React.Component {\n static propTypes = {\n url: PropTypes.string.isRequired,\n company: PropTypes.shape({\n name: PropTypes.string.isRequired\n }).isRequired,\n };\n\n render() {\n return (\n \n
\n )}\n \n Please enter your information to view
\n {this.props.company.name} on Pitch.vc\n
\n\n \n \n
\n\n \n \n {company.tags.slice(0, 3).map(({ id, name }) => (\n \n {name}\n
\n ))}\n \n );\n }\n\n renderCompany(company) {\n return (\n \n
\n );\n }\n\n render() {\n return (\n \n
\n \n
\n\n \n {company.logoUrl ? (\n
\n {this.renderTags(company)}\n {company.name}
\n\n {company.tagline}\n
\n{company.description}
\n \n
\n \n
\n {company.productImageUrl ? (\n \n
\n \n Scan for full Pitch profile\n
\n \n {this.renderCompany(this.state.companies[this.state.currentCompany])}\n
\n );\n }\n}\n","import axios from \"axios\";\n\n(function () {\n const setup = function () {\n const csrfToken = document.querySelector(\"meta[name=csrf-token]\").content;\n axios.defaults.headers.common[\"X-CSRF-Token\"] = csrfToken;\n };\n\n axios.defaults.headers.common[\"X-Requested-With\"] = \"XMLHttpRequest\";\n\n if (document.readyState === \"complete\") {\n setup();\n } else {\n document.addEventListener(\"readystatechange\", (event) => {\n if (event.target.readyState === \"complete\") {\n setup();\n }\n });\n }\n})();\n\nexport default axios;\n","import ActionCable from \"actioncable\";\n\nexport default ActionCable.createConsumer();\n"],"names":["map","webpackContext","req","id","webpackContextResolve","__webpack_require__","o","e","Error","code","keys","Object","resolve","module","exports","AddToList","Component","static","watchlistsUrl","PropTypes","isRequired","company","name","lists","title","constructor","props","super","this","state","visible","select","length","selectedList","close","setState","open","handleListPick","target","value","actionUrl","renderListSelect","React","type","class","onChange","disabled","l","className","renderListCreate","placeholder","render","onClick","Icon","extraClasses","Modal","onClose","action","method","document","querySelector","getAttribute","AttachmentUploadButton","preview","attachments","namePurge","uploadedAttachments","a","image","startsWith","src","removedAttachments","multiple","handleChange","attachment","AttachmentUploadPreview","trash","input","files","Promise","all","call","f","reject","reader","FileReader","onload","result","readAsDataURL","size","then","values","index","preventDefault","stopPropagation","slice","concat","mimeTypes","csv","iconForMime","t","typeFromIcon","file","video","music","package","ReactDOM","renderPreview","getElementById","renderImagePreview","renderAttachmentPreview","previews","key","completed","fillerStyles","width","style","BarChart","data","description","chartOnly","barColor","label","ChartJS","register","CategoryScale","LinearScale","BarElement","Title","Tooltip","Legend","defaults","font","Bar","options","responsive","elements","bar","borderRadius","plugins","legend","display","scales","x","ticks","color","padding","y","labels","datasets","v","backgroundColor","ChartEditor","url","companyProfileUrl","handleTitleChange","handleDescriptionChange","handleDataPointLabelChange","updatedPoints","dp","dpindex","handleDataPointValueChange","handleAddDataPoint","handleRemoveDataPoint","filter","handleSubmit","axios","datapoints","response","window","location","href","renderDataRow","datapoint","dataItems","_value","entries","push","onSubmit","htmlFor","autoComplete","CityFilter","cityList","selected","city","CitySelector","_extends","submit","search","qs","ignoreQueryPrefix","assign","page","cities","pathname","arrayFormat","colourStyles","control","styles","borderColor","fontSize","valueContainer","multiValue","multiValueLabel","multiValueRemove","menuList","menuPortal","zIndex","Select","defaultValue","closeMenuOnSelect","isMulti","delimiter","classNamePrefix","menuPortalTarget","body","ColumnSorter","col","dir","active","handleClick","asc","desc","CompanyJoinModal","user","email","undefined","logo","alt","for","readonly","i","toLowerCase","CopyButton","text","content","copied","copyToClipboard","textToCopy","navigator","clipboard","isSecureContext","writeText","createElement","position","left","top","appendChild","focus","res","rej","execCommand","remove","copySuccess","copyFail","renderToast","Toast","onDismiss","CurrencyInput","parse","replaceAll","parseInt","r","out","n","Math","floor","handleBlur","handleFocus","onBlur","onFocus","step","DateInput","Date","handleDateChange","date","DatePicker","peekNextMonth","showMonthDropdown","showYearDropdown","dropdownMode","placeholderText","toDateString","DefaultAvatar","DropdownButton","dropdownRef","activeChild","children","find","child","isActive","componentDidMount","addEventListener","handleClickOutside","componentWillUnmount","removeEventListener","current","contains","buttonClasses","join","ref","toggleDropdown","onMouseEnter","toggleHover","onMouseLeave","renderDropdown","hovering","changed","DropdownOption","EmailNotificationToggle","notificationAll","notificationSettingsUrl","suscribedAll","disableEmailNotifications","checkboxes","writeEmailNotifications","remote","_response","getElementsByClassName","checked","EndorsementModal","canEndorse","Endorsements","currentEndorsement","endorsementCount","endorsements","next","previous","taglineOrRole","endorsement","relationship","person","tagline","role","charAt","toUpperCase","renderEndorsement","avatarUrl","FollowButton","follows","followUrl","entityName","following","showAlert","toggleFollow","message","followed","unfollowed","FollowCardButton","FollowingFilterCheckbox","pageFilter","localStorage","setItem","getItem","handleCheckbox","event","defaultChecked","raisingFunds","toggleFundingUrl","toggleFunding","xlinkHref","Sprite","ImageUploadPreview","previewCss","uploadedImage","removedImage","dispatchEvent","Event","bubbles","showInput","LinkAwareTextarea","inputCss","linkName","dismissed","waiting","subscribe","unsubscribe","subscription","cable","subscriptions","create","channel","received","unfurled","detect","clearTimeout","throttle","setTimeout","matches","match","unfurl","indexOf","perform","image_url","dismiss","link","css","LogoUploadPreview","imageRemoveChecked","handleRemoveLogo","click","handleClose","ignoreClick","getElementsByTagName","MultiCompanySelector","defaultLogo","api","companies","logoUrl","query","suggestedCompanies","selectedCompanies","selectedSuggestion","handleKey","keyCode","handleSelect","handleUp","handleDown","handleCancel","timeout","param","addQueryPrefix","get","renderSuggestions","renderSelected","handleRemove","splice","min","max","handleSelection","findIndex","c","onKeyDown","NotificationSettingToggle","settingId","status","notificationSettingsStatus","suscribed","updateEmailNotifications","PermissionsBanner","put","seen_permissions_banner","PermissionsToggle","maxValue","shouldReload","valueToProps","option","params","permission","post","reload","ArcElement","borderWidth","PieChart","Pie","ProductCarousel","Carousel","showStatus","autoPlay","infiniteLoop","stopOnHover","thumbWidth","interval","ProductVideoPlayer","ReactPlayer","ProgressBar","percentage","PublishedToggleButton","published","ScreenshotsUploadPreview","images","uploadedImages","removedImages","renderThumbs","SortOptions","icon","sort","TagFilter","taxonomy","tag","TagSelector","tags","dismissable","__html","classes","notice","alert","dangerouslySetInnerHTML","ToggleElement","toggleClass","element","copy","linkid","toggleElement","classList","toggle","VideoInputPreview","VisitTracker","visitId","visitEnded","clickHandler","visit_id","visitDownload","visit","downloaded_deck","VisitorInformationCollector","WatchlistTVDisplay","currentCompany","numberOfCompanies","slideDuration","setInterval","rotateCompany","renderQR","companyFullUrl","renderTags","renderCompany","productImageUrl","setup","csrfToken","headers","common","readyState","ActionCable"],"sourceRoot":""}