{"version":3,"file":"80.27d2eabaff681304ba15.min.js","mappings":"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","sources":["webpack://Vollrath.Kentico.Web/./js/shared/react/components/forms/potential-supplier-registration.jsx"],"sourcesContent":["import React, { Component } from 'react';\r\nimport { postPotentialSupplierRegistrationForm } from '../../../apis/forms';\r\nimport { getCountries, getStatesByCountryId } from '../../../apis/locale';\r\nimport toast from '../../../components/toast';\r\nimport animatedScrollTo from 'animated-scroll-to';\r\nimport { yearsInBusiness, yesNo, currencies, diversity, commodityClassifications } from '../../../helpers/shared-form-data.json';\r\nimport kebabCase from 'lodash/kebabCase';\r\nimport BaseSelect from 'react-select';\r\nimport RequiredSelect from './required-select.jsx';\r\nimport { addParamsToUrl } from '../../../utils/';\r\nimport ReCAPTCHA from \"react-google-recaptcha\";\r\n\r\nconst Select = props => (\r\n    <RequiredSelect\r\n        {...props}\r\n        SelectComponent={BaseSelect}\r\n        options={props.options || options}\r\n    />\r\n);\r\n\r\nconst initialState = {\r\n    company: '',\r\n    country: 'US',\r\n    state: 'AL',\r\n    city: '',\r\n    addressLine1: '',\r\n    addressLine2: '',\r\n    postalCode: '',\r\n    websiteURL: '',\r\n    salesPersonName: '',\r\n    salesPersonPhone: '',\r\n    salesPersonEmail: '',\r\n    ISOCertified: '',\r\n    yearsInBusiness: '',\r\n    dbNumber: '',\r\n    annualRevenue: '',\r\n    annualRevenueCurrency: currencies[0],\r\n    employeeSize: '',\r\n    supplierDiversity: '',\r\n    countryLocations: '',\r\n    commodityClassification: '',\r\n    companyClassification: '',\r\n    apartFromCompetition: '',\r\n    recaptchaToken: ''\r\n};\r\n\r\nclass PotentialSupplierRegistration extends Component {\r\n    constructor(props) {\r\n        super(props);\r\n\r\n        this.state = Object.assign({}, initialState, {\r\n            isSending: false,\r\n            countries: [],\r\n            states: [],\r\n            countryOptions: [],\r\n            diversityOptions: diversity.map(d => {\r\n                return { label: d, value: d };\r\n            }),\r\n            classificationOptions: commodityClassifications.map(c => {\r\n                return { label: c.name, value: c.value };\r\n            }),\r\n            selectedCountries: [],\r\n            selectedDiversity: [],\r\n            selectedClassifications: [],\r\n            errors: []\r\n        });\r\n\r\n        this.handleChange = this.handleChange.bind(this);\r\n        this.handleFormSubmit = this.handleFormSubmit.bind(this);\r\n        this.handleDiversityChange = this.handleDiversityChange.bind(this);\r\n        this.handleCountryServiceChange = this.handleCountryServiceChange.bind(this);\r\n        this.handleClassificationChange = this.handleClassificationChange.bind(this);\r\n\r\n        this.form = React.createRef();\r\n        this.recaptchaRef = React.createRef();\r\n    }\r\n\r\n    componentDidMount() {\r\n        this.loadCountries();\r\n    }\r\n\r\n    componentDidUpdate(prevProps, prevState) {\r\n        if (prevState.country !== this.state.country && this.state.country) {\r\n            this.loadStates();\r\n        }\r\n    }\r\n\r\n    loadCountries() {\r\n        getCountries()\r\n            .then(data => {\r\n                this.setState({\r\n                    countries: data,\r\n                    countryOptions: data.map(c => {\r\n                        return {\r\n                            label: c.countryDisplayName,\r\n                            value: c.countryDisplayName\r\n                        };\r\n                    })\r\n                }, () => {\r\n                    if(this.state.country) this.loadStates();\r\n                });\r\n            });\r\n    }\r\n\r\n    loadStates() {\r\n        this.setState({\r\n            states: []\r\n        });\r\n        const country = this.state.countries.find(c => c.countryTwoLetterCode === this.state.country);\r\n        getStatesByCountryId(country.countryID)\r\n            .then(data => {\r\n                this.setState({\r\n                    states: data\r\n                });\r\n            });\r\n    }\r\n\r\n    handleFormSubmit(e) {\r\n        e.preventDefault();\r\n\r\n        if (!this.state.isSending) {\r\n            this.setState({\r\n                isSending: true,\r\n                errors: [],\r\n                recaptchaToken: this.recaptchaRef.current.getValue()\r\n            }, () => {\r\n\r\n            // send form to api\r\n            postPotentialSupplierRegistrationForm(Object.assign({}, this.state))\r\n                .then(json => {\r\n                    console.log(json);\r\n                    this.setState({\r\n                        isSending: false\r\n                    });\r\n\r\n                    if (json.success) {\r\n                        toast.success('Your registration has been submitted!');\r\n                        if (this.props.redirectTo) window.location = this.props.redirectTo;\r\n                        else {\r\n                            this.form.current.reset();\r\n                            this.setState(Object.assign({}, initialState));\r\n                            this.setState({\r\n                                selectedCountries: [],\r\n                                selectedDiversity: [],\r\n                                selectedClassifications: []\r\n                            });\r\n                        }\r\n                    }\r\n                    else {\r\n                        this.setState({\r\n                            errors: json.errors\r\n                        });\r\n                        animatedScrollTo(document.querySelector('#carrier-registration-form'));\r\n                    }\r\n                })\r\n                .catch(error => {\r\n                    this.setState({\r\n                        isSending: false\r\n                    });\r\n                    console.log(error);\r\n                    toast.error('There was an issue sending your registration. Please try again soon.');\r\n                });\r\n            });\r\n        }\r\n    }\r\n\r\n    handleChange(e) {\r\n        const target = event.target;\r\n        const value = target.type === 'checkbox' ? target.checked : target.value;\r\n        const name = target.name;\r\n\r\n        this.setState({\r\n            [name]: value,\r\n            errors: []\r\n        });\r\n    }\r\n\r\n    handleDiversityChange(selectedDiversity) {\r\n        this.setState({\r\n            selectedDiversity,\r\n            supplierDiversity: selectedDiversity.map(s => s.label).join(', ')\r\n        });\r\n    }\r\n\r\n    handleCountryServiceChange(selectedCountries) {\r\n        this.setState({\r\n            selectedCountries,\r\n            countryLocations: selectedCountries.map(s => s.label).join(', ')\r\n        });\r\n    }\r\n\r\n    handleClassificationChange(selectedClassifications) {\r\n        this.setState({\r\n            selectedClassifications,\r\n            commodityClassification: selectedClassifications.map(s => s.value).join(', ')\r\n        });\r\n    }\r\n\r\n    render() {\r\n        let states,\r\n            errors;\r\n        if (this.state.states.length) {\r\n            states = <div className=\"form-group col-lg-2 col-md-6\">\r\n                <label htmlFor=\"state\">State *</label>\r\n                <select className=\"form-control\" id=\"state\" name=\"state\" required value={this.state.state} onChange={this.handleChange}>\r\n                    {this.state.states.map((state) => (\r\n                        <option value={state.stateCode}>{state.stateCode}</option>\r\n                    ))}\r\n                </select>\r\n            </div>;\r\n        }\r\n        if (this.state.errors.length) {\r\n            errors = <ul className=\"error-list\">\r\n                {this.state.errors.map((error) => (\r\n                    <li>{error}</li>    \r\n                ))}\r\n            </ul>;\r\n        }\r\n\r\n        return (\r\n            <form id=\"carrier-registration-form\" action=\"#\" method=\"post\" onSubmit={this.handleFormSubmit} ref={this.form}>\r\n                {errors}\r\n                <div className=\"row\">\r\n                    <div className=\"form-group col-md-12\">\r\n                        <label htmlFor=\"company\">Company Name *</label>\r\n                        <input className=\"form-control\" type=\"text\" id=\"company\" name=\"company\" placeholder=\"Acme Studios\" required value={this.state.company} onChange={this.handleChange} />\r\n                    </div>\r\n                    <div className=\"form-group col-md-12\">\r\n                        <label htmlFor=\"streetAddress\">Street Address *</label>\r\n                        <input className=\"form-control\" type=\"text\" id=\"streetAddress\" name=\"addressLine1\" placeholder=\"123 East St.\" required value={this.state.addressLine1} onChange={this.handleChange} />\r\n                    </div>\r\n                    <div className=\"form-group col-md-12\">\r\n                        <label htmlFor=\"addressLine2\">Address Line 2</label>\r\n                        <input className=\"form-control\" type=\"text\" id=\"addressLine2\" name=\"addressLine2\" placeholder=\"Ste. 5\" value={this.state.addressLine2} onChange={this.handleChange} />\r\n                    </div>\r\n                    <div className=\"form-group col-lg-4 col-md-6\">\r\n                        <label htmlFor=\"city\">City *</label>\r\n                        <input className=\"form-control\" type=\"text\" id=\"city\" name=\"city\" placeholder=\"Sheboygan\" required=\"\" value={this.state.city} onChange={this.handleChange} />\r\n                    </div>\r\n                    <div className=\"form-group col-lg-4 col-md-6\">\r\n                        <label htmlFor=\"country\">Country *</label>\r\n                        <select className=\"form-control\" id=\"country\" name=\"country\" required value={this.state.country} onChange={this.handleChange}>\r\n                            {this.state.countries.map((country) => (\r\n                                <option value={country.countryTwoLetterCode}>{country.countryDisplayName}</option>    \r\n                            ))}\r\n                        </select>\r\n                    </div>\r\n                    {states}\r\n                    <div className=\"form-group col-lg-2 col-md-6\">\r\n                        <label htmlFor=\"postalCode\">Postal Code *</label>\r\n                        <input className=\"form-control\" type=\"text\" id=\"postalCode\" name=\"postalCode\" placeholder=\"12345\" required=\"\" value={this.state.postalCode} onChange={this.handleChange} />\r\n                    </div>\r\n                    <div className=\"form-group col-md-12\">\r\n                        <label htmlFor=\"websiteURL\">Website URL</label>\r\n                        <input className=\"form-control\" type=\"url\" id=\"websiteURL\" name=\"websiteURL\" placeholder=\"https://mywebsite.com\" value={this.state.websiteURL} onChange={this.handleChange} />\r\n                    </div>\r\n                    <div className=\"form-group col-md-12\">\r\n                        <label htmlFor=\"salesPersonName\">Sales Person Name *</label>\r\n                        <input className=\"form-control\" type=\"text\" id=\"salesPersonName\" name=\"salesPersonName\" placeholder=\"John Doe\" required required value={this.state.salesPersonName} onChange={this.handleChange} />\r\n                    </div>\r\n                    <div className=\"form-group col-md-6\">\r\n                        <label htmlFor=\"salesPersonEmail\">Sales Person Email *</label>\r\n                        <input className=\"form-control\" type=\"email\" id=\"salesPersonEmail\" name=\"salesPersonEmail\" placeholder=\"johndoe@gmail.com\" required value={this.state.salesPersonEmail} onChange={this.handleChange} />\r\n                    </div>\r\n                    <div className=\"form-group col-md-6\">\r\n                        <label htmlFor=\"salesPersonPhone\">Sales Person Phone *</label>\r\n                        <input className=\"form-control\" type=\"tel\" id=\"salesPersonPhone\" name=\"salesPersonPhone\" placeholder=\"123-123-1234\" required value={this.state.salesPersonPhone} onChange={this.handleChange} />\r\n                    </div>\r\n                    <div className=\"form-group col-md-12\">\r\n                        <span className=\"label\">Is your company ISO certified? *</span>\r\n                        <ul className=\"radio-list\">\r\n                            {yesNo.map((item) => (\r\n                                <li>\r\n                                    <input className=\"custom-radio\" id={`ISOCertified${kebabCase(item)}`} name=\"ISOCertified\" type=\"radio\" required value={item} onChange={this.handleChange} />\r\n                                    <label htmlFor={`ISOCertified${kebabCase(item)}`}>{item}</label>\r\n                                </li>\r\n                            ))}\r\n                        </ul>\r\n                    </div>\r\n                    <div className=\"form-group col-md-12\">\r\n                        <label htmlFor=\"yearsInBusiness\">Years In Business *</label>\r\n                        <select className=\"form-control\" required id=\"yearsInBusiness\" name=\"yearsInBusiness\" value={this.state.yearsInBusiness} onChange={this.handleChange}>\r\n                            {yearsInBusiness.map((item) => (\r\n                                <option value={item}>{item}</option>\r\n                            ))}\r\n                        </select>\r\n                    </div>\r\n                    <div className=\"form-group col-md-12\">\r\n                        <label htmlFor=\"dbNumber\">Dun & Bradstreet Number * <span style={{ color: 'red' }}>(Type N/A if not applicable)</span></label>\r\n                        <input className=\"form-control\" type=\"text\" id=\"dbNumber\" name=\"dbNumber\" placeholder=\"\" required value={this.state.dbNumber} onChange={this.handleChange} />\r\n                    </div>\r\n                    <div className=\"form-group col-md-12\">\r\n                        <label htmlFor=\"annualRevenue\">Annual Revenue (Numbers only) *</label>\r\n                        <input className=\"form-control\" type=\"number\" id=\"annualRevenue\" name=\"annualRevenue\" placeholder=\"\" required value={this.state.annualRevenue} onChange={this.handleChange} />\r\n                        <select className=\"form-control\" id=\"annualRevenueCurrency\" name=\"annualRevenueCurrency\" value={this.state.annualRevenueCurrency} onChange={this.handleChange}>\r\n                            {currencies.map((item) => (\r\n                                <option value={item}>{item}</option>\r\n                            ))}\r\n                        </select>\r\n                    </div>\r\n                    <div className=\"form-group col-md-12\">\r\n                        <label htmlFor=\"employeeSize\">Employee Size *</label>\r\n                        <select className=\"form-control\" required id=\"employeeSize\" name=\"employeeSize\" value={this.state.employeeSize} onChange={this.handleChange}>\r\n                            <option value=\"< 25\">&lt; 25</option>\r\n                            <option value=\"26 - 100\">26 - 100</option>\r\n                            <option value=\"101 - 250\">101 - 250</option>\r\n                            <option value=\"251 - 750\">251 - 750</option>\r\n                            <option value=\"751 - 1500\">751 - 1500</option>\r\n                            <option value=\"1501 - 5000\">1501 - 5000</option>\r\n                            <option value=\"> 5000\">&gt; 5000</option>\r\n                        </select>\r\n                    </div>\r\n                    <div className=\"form-group col-md-12\">\r\n                        <label>Supplier Diversity (Select all that apply) *</label>\r\n                        <Select\r\n                            isMulti\r\n                            value={this.state.selectedDiversity}\r\n                            onChange={this.handleDiversityChange}\r\n                            options={this.state.diversityOptions}\r\n                            required\r\n                        />\r\n                    </div>\r\n                    <div className=\"form-group col-md-12\">\r\n                        <label>Select the countries your company has locations in (Select all that apply) *</label>\r\n                        <Select\r\n                            isMulti\r\n                            value={this.state.selectedCountries}\r\n                            onChange={this.handleCountryServiceChange}\r\n                            options={this.state.countryOptions}\r\n                            required\r\n                        />\r\n                    </div>\r\n                    <div className=\"form-group col-md-12\">\r\n                        <label>Commodity Classification (Select all that apply) *</label>\r\n                        <Select\r\n                            isMulti\r\n                            value={this.state.selectedClassifications}\r\n                            onChange={this.handleClassificationChange}\r\n                            options={this.state.classificationOptions}\r\n                            required\r\n                        />\r\n                    </div>\r\n                    <div className=\"form-group col-md-12\">\r\n                        <label htmlFor=\"companyClassification\">Elaborate further on your company's commodity classification. *</label>\r\n                        <textarea className=\"form-control\" id=\"companyClassification\" name=\"companyClassification\" placeholder=\"\" rows=\"3\" required value={this.state.companyClassification} onChange={this.handleChange} />\r\n                    </div>\r\n                    <div className=\"form-group col-md-12\">\r\n                        <label htmlFor=\"apartFromCompetition\">What abilities does your company have that sets you apart from your competition? </label>\r\n                        <textarea className=\"form-control\" id=\"apartFromCompetition\" name=\"apartFromCompetition\" placeholder=\"\" rows=\"3\" value={this.state.apartFromCompetition} onChange={this.handleChange} />\r\n                    </div>\r\n                </div>\r\n                <ReCAPTCHA\r\n                    sitekey=\"6LcOndkZAAAAAE7Hb968THW1Zyjt3MGCcF4R2NHQ\"\r\n                    ref={this.recaptchaRef}\r\n                />\r\n                <div className=\"form-actions\">\r\n                    <button className=\"btn\" disabled={this.state.isSending}>Send</button>\r\n                </div>\r\n            </form>\r\n        );\r\n    }\r\n}\r\n\r\nexport default PotentialSupplierRegistration;"],"names":["Select","props","SelectComponent","BaseSelect","options","initialState","company","country","state","city","addressLine1","addressLine2","postalCode","websiteURL","salesPersonName","salesPersonPhone","salesPersonEmail","ISOCertified","yearsInBusiness","dbNumber","annualRevenue","annualRevenueCurrency","currencies","employeeSize","supplierDiversity","countryLocations","commodityClassification","companyClassification","apartFromCompetition","recaptchaToken","PotentialSupplierRegistration","Object","assign","isSending","countries","states","countryOptions","diversityOptions","diversity","d","label","value","classificationOptions","commodityClassifications","c","name","selectedCountries","selectedDiversity","selectedClassifications","errors","handleChange","bind","handleFormSubmit","handleDiversityChange","handleCountryServiceChange","handleClassificationChange","form","React","recaptchaRef","this","loadCountries","prevProps","prevState","loadStates","getCountries","then","data","setState","map","countryDisplayName","find","countryTwoLetterCode","getStatesByCountryId","countryID","e","preventDefault","current","getValue","postPotentialSupplierRegistrationForm","json","console","log","success","toast","redirectTo","window","location","reset","animatedScrollTo","document","querySelector","error","target","event","type","checked","s","join","length","className","htmlFor","id","required","onChange","stateCode","action","method","onSubmit","ref","placeholder","yesNo","item","kebabCase","style","color","isMulti","rows","sitekey","disabled","Component"],"sourceRoot":""}