{"version":3,"file":"contactUs.bundle.js","mappings":"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","sources":["webpack://cssresearch/webpack/runtime/chunk loaded","webpack://cssresearch/./src/public/contactUs/components/home/index.tsx","webpack://cssresearch/./src/global/lib/contactUs.ts","webpack://cssresearch/./src/global/lib/fetchFactory.ts","webpack://cssresearch/./src/public/contactUs/components/error/index.tsx","webpack://cssresearch/./src/public/contactUs/components/success/index.tsx","webpack://cssresearch/./src/public/contactUs/components/routes/index.tsx","webpack://cssresearch/./src/public/contactUs/app.tsx","webpack://cssresearch/./src/public/contactUs/index.tsx","webpack://cssresearch/external var \"React\"","webpack://cssresearch/external var \"ReactDOM\"","webpack://cssresearch/webpack/bootstrap","webpack://cssresearch/webpack/runtime/compat get default export","webpack://cssresearch/webpack/runtime/define property getters","webpack://cssresearch/webpack/runtime/global","webpack://cssresearch/webpack/runtime/harmony module decorator","webpack://cssresearch/webpack/runtime/hasOwnProperty shorthand","webpack://cssresearch/webpack/runtime/make namespace object","webpack://cssresearch/webpack/runtime/runtimeId","webpack://cssresearch/webpack/runtime/jsonp chunk loading","webpack://cssresearch/webpack/startup"],"sourcesContent":["var deferred = [];\n__webpack_require__.O = (result, chunkIds, fn, priority) => {\n\tif(chunkIds) {\n\t\tpriority = priority || 0;\n\t\tfor(var i = deferred.length; i > 0 && deferred[i - 1][2] > priority; i--) deferred[i] = deferred[i - 1];\n\t\tdeferred[i] = [chunkIds, fn, priority];\n\t\treturn;\n\t}\n\tvar notFulfilled = Infinity;\n\tfor (var i = 0; i < deferred.length; i++) {\n\t\tvar [chunkIds, fn, priority] = deferred[i];\n\t\tvar fulfilled = true;\n\t\tfor (var j = 0; j < chunkIds.length; j++) {\n\t\t\tif ((priority & 1 === 0 || notFulfilled >= priority) && Object.keys(__webpack_require__.O).every((key) => (__webpack_require__.O[key](chunkIds[j])))) {\n\t\t\t\tchunkIds.splice(j--, 1);\n\t\t\t} else {\n\t\t\t\tfulfilled = false;\n\t\t\t\tif(priority < notFulfilled) notFulfilled = priority;\n\t\t\t}\n\t\t}\n\t\tif(fulfilled) {\n\t\t\tdeferred.splice(i--, 1)\n\t\t\tvar r = fn();\n\t\t\tif (r !== undefined) result = r;\n\t\t}\n\t}\n\treturn result;\n};","import React, { useEffect, useState } from 'react';\r\n\r\nimport { Redirect } from 'react-router-dom';\r\nimport { useForm } from 'react-hook-form';\r\n\r\nimport { Button, Col, ControlLabel, Form, FormControl, FormGroup, Row } from 'react-bootstrap';\r\nimport ReCAPTCHA from 'react-google-recaptcha';\r\nimport axios from 'axios';\r\nimport qs from 'qs';\r\n\r\nimport { cssRaw, style } from 'typestyle';\r\n\r\nimport contactUs, { ContactUsForm } from '../../../../global/lib/contactUs';\r\n\r\nconst oid = '00DHo00000162S9';\r\n\r\nconst emailRegex = /^(([^<>()\\[\\]\\\\.,;:\\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,}))$/;\r\n\r\ncssRaw(`\r\n    .btn-next {\r\n        background-color: #2fa8b5;\r\n        border-color: #229ba8;\r\n        color:#FFFFFF;\r\n    }\r\n    .btn-next:hover,\r\n    .btn-next:focus,\r\n    .btn-next:active,\r\n    .btn-next.active {\r\n        background-color: #1f98a5;\r\n        border-color: #07808d;\r\n        color:#FFFFFF;\r\n    }\r\n`);\r\n\r\nconst submitButton = style({ marginTop: '1em', marginBottom: '3em'});\r\n\r\nconst requiredField = style({\r\n    $nest: {\r\n        '&::after' : {\r\n            content: '\"*\"',\r\n            color: '#8a6d3b'\r\n        }\r\n    }\r\n});\r\n\r\ntype ContactForm = {\r\n    first_name: string,\r\n    last_name: string,\r\n    email: string,\r\n    phone: string,\r\n    company: string,\r\n    '00NHo00000MS1QL': string\r\n};\r\n\r\nconst buildForm = (formResults: ContactForm) => {\r\n\r\n    const contactUsForm = new FormData();\r\n\r\n    contactUsForm.append('oid', oid);\r\n    contactUsForm.append('first_name', formResults.first_name);\r\n    contactUsForm.append('last_name', formResults.last_name);\r\n    contactUsForm.append('email', formResults.email);\r\n    contactUsForm.append('company', formResults.company);\r\n    contactUsForm.append('phone', formResults.phone);\r\n    contactUsForm.append('00NHo00000MS1QL', formResults['00NHo00000MS1QL']);    \r\n\r\n    return contactUsForm;\r\n};\r\n\r\nconst buildQueryString = (contactUsForm) => {\r\n    return qs.stringify((Object as any).fromEntries(contactUsForm));\r\n};\r\n\r\nconst buildData = (formResults: ContactForm) => {\r\n    return {\r\n        fullName: `${formResults.first_name} ${formResults.last_name}`,\r\n        email: formResults.email,\r\n        phone: formResults.phone,\r\n        company: formResults.company,\r\n        message: formResults['00NHo00000MS1QL']\r\n    };\r\n};\r\n\r\nconst ContactUsForm: React.FC<Record<string, unknown>> = () => {\r\n\r\n    const { errors, handleSubmit, register } = useForm<ContactForm>();\r\n    const [ success, setSuccess ] = useState<boolean>(false);\r\n    const [ error, setError ] = useState<boolean>(false);\r\n    const [reCaptcha, setReCaptcha] = useState<{value: string}>({value: null});\r\n\r\n    useEffect(() => {\r\n        if (process.env.ENVIRONMENT === 'development' || process.env.ENVIRONMENT === 'test') {\r\n            setReCaptcha({ value: 'READY' });\r\n        }        \r\n    }, []);\r\n\r\n    const handleCaptach = (value) => {\r\n        if (process.env.ENVIRONMENT === 'development' || process.env.ENVIRONMENT === 'test') {\r\n            setReCaptcha({ value: 'READY' });\r\n        }\r\n\r\n        setReCaptcha({ value });\r\n    };   \r\n\r\n    const onSubmit = (formResults: ContactForm) => {\r\n\r\n        if (!reCaptcha.value) return;\r\n\r\n        let data = buildData(formResults);\r\n\r\n        if (process.env.ENVIRONMENT !== 'development' && process.env.ENVIRONMENT !== 'test') {\r\n            data = ({ ...data, reCaptcha: reCaptcha.value } as { fullName: string, email: string, phone: string, company: string, message: string } & {reCaptcha: string});\r\n        }        \r\n\r\n        // THIS ALWAYS THROWS AN ERROR BUT THE DATA IS CAPTURED\r\n        axios.post('https://webto.salesforce.com/servlet/servlet.WebToLead?encoding=UTF-8&orgId=00DHo00000162S9', buildQueryString( buildForm(formResults) ), { \r\n            headers: {\r\n                'Content-Type': 'application/x-www-form-urlencoded'\r\n              }\r\n        })\r\n            .then( res => void 0)\r\n            .catch( error => void 0 );\r\n\r\n        // NOT REALLY USING THIS WITH CURRENT SET UP\r\n        contactUs( data )\r\n            .then( () => setSuccess(true))\r\n            .catch( () => setSuccess(true));\r\n    };\r\n\r\n    const getValidationState = (field: 'first_name' | 'last_name' | 'email') => {\r\n\r\n        if(errors[field]) {\r\n            return 'error';\r\n        }\r\n        \r\n        return '';\r\n    };\r\n\r\n    if (success) return <Redirect to='/success' />;\r\n\r\n    // NOT REALLY USING THIS STATE\r\n    if (error) return <Redirect to='/error' />;\r\n\r\n    return <div className={''}>    \r\n        \r\n        {/* I DON'T LIKE THE FORM SUBMISSION BECAUSE IT CYCLES THROUGH THE SALESFORCE SITE */}\r\n        {/* <Form name='contactUs' action=\"https://webto.salesforce.com/servlet/servlet.WebToLead?encoding=UTF-8&orgId=00DHo00000162S9\" method=\"POST\" > */}\r\n        <Form name='contactUs' onSubmit={handleSubmit(onSubmit)} >\r\n\r\n            <input type='hidden' name='oid' value={oid} />\r\n            <input type='hidden' name='retURL' value='https://cssresearch.org' />\r\n\r\n            <h2 aria-label='Name of the form ??'>Get In Touch</h2>\r\n\r\n            <Row>\r\n                <Col lg={9}>\r\n                    <FormGroup controlId='formValidationWarning2' validationState={ getValidationState('first_name') } >\r\n                        <ControlLabel className={requiredField}>First Name</ControlLabel>\r\n                        <FormControl\r\n                            name='first_name'\r\n                            inputRef={register({ required: true })} />\r\n                    </FormGroup>                      \r\n                </Col>\r\n            </Row>\r\n\r\n            <Row>\r\n                <Col lg={9}>\r\n                    <FormGroup controlId='formValidationWarning2' validationState={ getValidationState('last_name') } >\r\n                        <ControlLabel className={requiredField}>Last Name</ControlLabel>\r\n                        <FormControl\r\n                            name='last_name'\r\n                            inputRef={register({ required: true })} />\r\n                    </FormGroup>                      \r\n                </Col>\r\n            </Row>\r\n\r\n            <Row>\r\n                <Col lg={9}>\r\n                    <FormGroup controlId='formValidationWarning2' validationState={ getValidationState('email') } >\r\n                        <ControlLabel className={requiredField}>Email</ControlLabel>\r\n                        <FormControl\r\n                            name='email'\r\n                            inputRef={register({ required: true, pattern: emailRegex })} />\r\n                    </FormGroup>                      \r\n                </Col>\r\n            </Row>\r\n\r\n            <Row>\r\n                <Col lg={9}>\r\n                    <FormGroup>\r\n                        <ControlLabel>Phone</ControlLabel>\r\n                        <FormControl\r\n                            name='phone'\r\n                            inputRef={register()} />\r\n                    </FormGroup>                      \r\n                </Col>\r\n            </Row>\r\n\r\n            <Row>\r\n                <Col lg={9}>\r\n                    <FormGroup>\r\n                        <ControlLabel>Company</ControlLabel>    \r\n                        <FormControl\r\n                            name='company'\r\n                            inputRef={register()} />\r\n                    </FormGroup>                      \r\n                </Col>\r\n            </Row>\r\n\r\n            <Row>\r\n                <Col lg={9}>\r\n                    <FormGroup>\r\n                        <ControlLabel>Message</ControlLabel>\r\n                        <textarea \r\n                            name='00NHo00000MS1QL'\r\n                            aria-label='Contact us message'\r\n                            className='form-control'\r\n                            ref={register}\r\n                            rows={8}></textarea>\r\n                    </FormGroup>                      \r\n                </Col>\r\n            </Row>\r\n\r\n            <div id='captcha-parent'>\r\n                <ReCAPTCHA\r\n                    sitekey='6LejiSgTAAAAAAbtbtNFMkKayp4Z6cc9dmGdkCvt'\r\n                    onChange={ (captcha) => handleCaptach(captcha) } />\r\n            </div>\r\n\r\n            <Button\r\n                bsSize='large'\r\n                type='submit'\r\n                className={`${submitButton} btn-next`} >Submit</Button>           \r\n\r\n        </Form>\r\n    </div>;\r\n};\r\n\r\nexport default ContactUsForm;","import { axiosFetch } from './fetchFactory';\r\n\r\nexport type ContactUsForm = {\r\n    fullName: string,\r\n    email: string,\r\n    phone: string,\r\n    company: string,\r\n    message: string,\r\n    reCaptcha?: string    \r\n}\r\n\r\nexport default (data: ContactUsForm): Promise<{ success?: string, error?: string }> => {\r\n\r\n    return axiosFetch().post(`/model/api/contactUs.cfc?method=process`, data)\r\n        .then(res => res.data)\r\n        .catch( res => ({error: 'failed to update'}) );\r\n};","if (!process.env.DESTINATION) {\r\n    require('dotenv').config();\r\n}\r\n\r\nimport axios from 'axios';\r\nimport { isAuthorized } from './getEnvironment';\r\nimport { v4 as uuidV4 } from 'uuid';\r\n\r\nconst URLDevelopment = () => 'http://cssresearch-dev/model/';\r\nconst EnvironmentDevelopment = () => process.env.DESTINATION === 'DEVELOPMENT';\r\n\r\nexport const fixURL = (append = '') => {\r\n\r\n    if (EnvironmentDevelopment()) {\r\n        return `${URLDevelopment()}api/${append}&t=${uuidV4()}`;\r\n    } else {\r\n        return `/model/api/${append}&t=${uuidV4()}`;\r\n    }\r\n};\r\n\r\nexport const fixPublicURL = (append = '') => {\r\n    if (EnvironmentDevelopment()) {\r\n        return `${URLDevelopment()}controllers/public/${append}&t=${uuidV4()}`;\r\n    } else {\r\n        return `/model/controllers/public/${append}&t=${uuidV4()}`;\r\n    }\r\n};\r\n\r\nexport const axiosFetch = () => {\r\n\r\n    const headers = isAuthorized() ?\r\n        {\r\n            'Cache-Control': 'no-cache',\r\n            'Authorization': 'f985d147-fc9f-49be-a3ef-6316397dc3a4'\r\n        } : {\r\n            'Cache-Control': 'no-cache',\r\n        };\r\n\r\n    return axios.create({\r\n        baseURL: '',\r\n        headers\r\n    });\r\n};\r\n\r\nexport const axiosForm = () => {\r\n\r\n    const headers = {'Content-Type': 'multipart/form-data' };\r\n\r\n    return axios.create({\r\n        baseURL: '',\r\n        headers\r\n    });\r\n};\r\n\r\nexport interface ApiResults {\r\n    DATA: Array<any>;\r\n    COLUMNS: Array<any>;\r\n}","import React from 'react';\r\n\r\nconst Error: React.FC<Record<string, unknown>> = () => {\r\n\r\n    return <section\r\n        id='thanks'\r\n        role='contentinfo'\r\n        aria-label='Error processing your request'>\r\n\r\n        <p>\r\n            <strong>Thank you for contacting Center for the Study of Services.</strong>\r\n        </p>\r\n\r\n        <p>There was an error processing to your request. Please check back with us later.</p>\r\n\r\n        <p>\r\n            <a href='/'>return to home page</a>\r\n        </p>\r\n    </section>;\r\n};\r\n\r\nexport default Error;","import React from 'react';\r\n\r\nimport { media, style } from 'typestyle';\r\n\r\nconst sectionMargin = style(\r\n    {},\r\n    media({minWidth: 990}, {marginTop: 68})\r\n);\r\n\r\nconst Success: React.FC<Record<string, unknown>> = () => {\r\n\r\n    return <section className={sectionMargin}\r\n        id='thanks'\r\n        role='contentinfo'\r\n        aria-label='Thank you for contacting us'>\r\n        \r\n        <p>\r\n            <strong>Thank you for contacting Center for the Study of Services.</strong>\r\n        </p>\r\n\r\n        <p>We will respond to your inquiry soon.</p>\r\n\r\n        <p>\r\n            <a href='/'>return to home page</a>\r\n        </p>\r\n    </section>;\r\n};\r\n\r\nexport default Success;","import React from 'react';\r\n\r\nimport { Route, Switch } from 'react-router-dom';\r\n\r\nimport Home from '../home';\r\nimport Error from '../error';\r\nimport Success from '../success';\r\n\r\nexport const Router: React.FC<Record<string, unknown>> = () => {\r\n\r\n    return <Switch>\r\n        <Route path='/error'>\r\n            <Error />\r\n        </Route>        \r\n        <Route path='/success'>\r\n            <Success />\r\n        </Route>        \r\n        <Route path='/'>\r\n            <Home />\r\n        </Route>\r\n    </Switch>;\r\n}","import React from 'react';\r\nimport { HashRouter } from 'react-router-dom';\r\nimport { Col, Row } from 'react-bootstrap';\r\n\r\nimport { Router } from './components/routes'\r\n\r\nimport { cssRaw, media, style } from 'typestyle';\r\n\r\nconst inline = style({display: 'inline-block'});\r\nconst pleaseEmail = style({marginBottom: 17});\r\nconst headerBottom = style(\r\n    {marginBottom: '12px !important'},\r\n    media({maxWidth: 990}, {marginBottom: '8px !important'})\r\n);\r\n\r\ncssRaw(`\r\n    @media (min-width: 990px) {\r\n        .surveySection {\r\n            margin-top: 24px;\r\n        }\r\n        .addressSection, .questionHeader {\r\n            margin-bottom: 8px;\r\n        }\r\n    }\r\n`);\r\n\r\ncssRaw(`\r\n    @media (max-width: 990px) {\r\n        h1 {\r\n            font-size: 20px !important;\r\n            margin-bottom: .2em;\r\n        }\r\n        #requestIcon {\r\n            display: none;\r\n        }\r\n        h2 {\r\n            font-size: 16px !important;\r\n            margin-top: 8px !important;\r\n            margin-bottom: 8px !important;\r\n        }\r\n    }\r\n`);\r\n\r\nconst ContactUs: React.FC<Record<string, unknown>> = () => {\r\n\r\n    return <div id='contact-us'>\r\n        <Row>\r\n            <Col lg={4} md={4} sm={12} xs={12}>\r\n                <section>\r\n\r\n                    <h1>\r\n                        <img id='requestIcon' src='img/CSS_Icon__Request-a-Quote.png' alt='Icon image' />\r\n                        <span>Contact Us</span>\r\n                    </h1>\r\n\r\n                    <h2>Address</h2>\r\n\r\n                    <div className='addressSection'>\r\n                        <div>\r\n                            <span>1625 K Street, NW 8th Floor</span>\r\n                        </div>\r\n                        <div>\r\n                            <span>Washington, DC 20006</span>\r\n                        </div>\r\n                    </div>\r\n\r\n                    <div>\r\n                        <div className={inline}>Telephone:</div>\r\n                        <div className={inline}>(202) 347-9612</div>\r\n                    </div>\r\n\r\n                    <div>\r\n                        <div className={inline}>Email:</div>\r\n                        <div className={inline}>\r\n                            <a href='mailto:info@cssresearch.org?subject=Contact Us'>info@cssresearch.org</a>\r\n                        </div>\r\n                    </div>\r\n\r\n                    <div className='surveySection'>\r\n                        <h2 className={headerBottom} >Surveys</h2>\r\n                        <div className='questionHeader'>\r\n                            Have a question about a survey you received?\r\n                        </div>\r\n                        <div className={pleaseEmail}>\r\n                            Please email <a href='mailto:questions@cssresearch.org'>questions@cssresearch.org</a> and\r\n                            include the 8-digit reference number on the cover letter between two asterisks(*).\r\n                        </div>\r\n                    </div>\r\n                </section>\r\n            </Col>\r\n            <Col lg={8} md={8}>\r\n                <HashRouter>\r\n                    <Router />\r\n                </HashRouter>\r\n            </Col>\r\n        </Row>\r\n    </div>;\r\n};\r\n\r\nexport default ContactUs;","import * as Sentry from '@sentry/browser';\r\n\r\nimport React from 'react';\r\nimport { createRoot } from 'react-dom/client';\r\n\r\nimport App from './app';\r\n\r\nif (process.env.ENVIRONMENT === 'production') {\r\n    Sentry.init({\r\n        dsn: process.env.SENTRY,\r\n        environment: process.env.ENVIRONMENT\r\n    });\r\n}\r\n\r\nconst root = createRoot(document.getElementById('root'));\r\n\r\nroot.render(<App />);","module.exports = React;","module.exports = ReactDOM;","// The module cache\nvar __webpack_module_cache__ = {};\n\n// The require function\nfunction __webpack_require__(moduleId) {\n\t// Check if module is in cache\n\tvar cachedModule = __webpack_module_cache__[moduleId];\n\tif (cachedModule !== undefined) {\n\t\treturn cachedModule.exports;\n\t}\n\t// Create a new module (and put it into the cache)\n\tvar module = __webpack_module_cache__[moduleId] = {\n\t\tid: moduleId,\n\t\tloaded: false,\n\t\texports: {}\n\t};\n\n\t// Execute the module function\n\t__webpack_modules__[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n\t// Flag the module as loaded\n\tmodule.loaded = true;\n\n\t// Return the exports of the module\n\treturn module.exports;\n}\n\n// expose the modules object (__webpack_modules__)\n__webpack_require__.m = __webpack_modules__;\n\n","// getDefaultExport function for compatibility with non-harmony modules\n__webpack_require__.n = (module) => {\n\tvar getter = module && module.__esModule ?\n\t\t() => (module['default']) :\n\t\t() => (module);\n\t__webpack_require__.d(getter, { a: getter });\n\treturn getter;\n};","// define getter functions for harmony exports\n__webpack_require__.d = (exports, definition) => {\n\tfor(var key in definition) {\n\t\tif(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {\n\t\t\tObject.defineProperty(exports, key, { enumerable: true, get: definition[key] });\n\t\t}\n\t}\n};","__webpack_require__.g = (function() {\n\tif (typeof globalThis === 'object') return globalThis;\n\ttry {\n\t\treturn this || new Function('return this')();\n\t} catch (e) {\n\t\tif (typeof window === 'object') return window;\n\t}\n})();","__webpack_require__.hmd = (module) => {\n\tmodule = Object.create(module);\n\tif (!module.children) module.children = [];\n\tObject.defineProperty(module, 'exports', {\n\t\tenumerable: true,\n\t\tset: () => {\n\t\t\tthrow new Error('ES Modules may not assign module.exports or exports.*, Use ESM export syntax, instead: ' + module.id);\n\t\t}\n\t});\n\treturn module;\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","__webpack_require__.j = 425;","// no baseURI\n\n// object to store loaded and loading chunks\n// undefined = chunk not loaded, null = chunk preloaded/prefetched\n// [resolve, reject, Promise] = chunk loading, 0 = chunk loaded\nvar installedChunks = {\n\t425: 0\n};\n\n// no chunk on demand loading\n\n// no prefetching\n\n// no preloaded\n\n// no HMR\n\n// no HMR manifest\n\n__webpack_require__.O.j = (chunkId) => (installedChunks[chunkId] === 0);\n\n// install a JSONP callback for chunk loading\nvar webpackJsonpCallback = (parentChunkLoadingFunction, data) => {\n\tvar [chunkIds, moreModules, runtime] = data;\n\t// add \"moreModules\" to the modules object,\n\t// then flag all \"chunkIds\" as loaded and fire callback\n\tvar moduleId, chunkId, i = 0;\n\tif(chunkIds.some((id) => (installedChunks[id] !== 0))) {\n\t\tfor(moduleId in moreModules) {\n\t\t\tif(__webpack_require__.o(moreModules, moduleId)) {\n\t\t\t\t__webpack_require__.m[moduleId] = moreModules[moduleId];\n\t\t\t}\n\t\t}\n\t\tif(runtime) var result = runtime(__webpack_require__);\n\t}\n\tif(parentChunkLoadingFunction) parentChunkLoadingFunction(data);\n\tfor(;i < chunkIds.length; i++) {\n\t\tchunkId = chunkIds[i];\n\t\tif(__webpack_require__.o(installedChunks, chunkId) && installedChunks[chunkId]) {\n\t\t\tinstalledChunks[chunkId][0]();\n\t\t}\n\t\tinstalledChunks[chunkId] = 0;\n\t}\n\treturn __webpack_require__.O(result);\n}\n\nvar chunkLoadingGlobal = self[\"webpackChunkcssresearch\"] = self[\"webpackChunkcssresearch\"] || [];\nchunkLoadingGlobal.forEach(webpackJsonpCallback.bind(null, 0));\nchunkLoadingGlobal.push = webpackJsonpCallback.bind(null, chunkLoadingGlobal.push.bind(chunkLoadingGlobal));","// startup\n// Load entry module and return exports\n// This entry module depends on other loaded chunks and execution need to be delayed\nvar __webpack_exports__ = __webpack_require__.O(undefined, [96], () => (__webpack_require__(9500)))\n__webpack_exports__ = __webpack_require__.O(__webpack_exports__);\n"],"names":["deferred","oid","emailRegex","submitButton","marginTop","marginBottom","requiredField","$nest","content","color","errors","handleSubmit","register","success","setSuccess","useState","error","setError","reCaptcha","setReCaptcha","value","useEffect","getValidationState","field","to","className","Form","name","onSubmit","formResults","data","fullName","first_name","last_name","email","phone","company","message","buildData","contactUsForm","post","FormData","append","buildForm","Object","fromEntries","headers","then","res","catch","create","baseURL","contactUs","type","Row","Col","lg","FormGroup","controlId","validationState","ControlLabel","FormControl","inputRef","required","pattern","ref","rows","id","sitekey","onChange","captcha","Button","bsSize","role","href","sectionMargin","minWidth","Router","path","inline","display","pleaseEmail","headerBottom","maxWidth","md","sm","xs","src","alt","dsn","environment","document","getElementById","render","module","exports","React","ReactDOM","__webpack_module_cache__","__webpack_require__","moduleId","cachedModule","undefined","loaded","__webpack_modules__","call","m","O","result","chunkIds","fn","priority","notFulfilled","Infinity","i","length","fulfilled","j","keys","every","key","splice","r","n","getter","__esModule","d","a","definition","o","defineProperty","enumerable","get","g","globalThis","this","Function","e","window","hmd","children","set","Error","obj","prop","prototype","hasOwnProperty","Symbol","toStringTag","installedChunks","chunkId","webpackJsonpCallback","parentChunkLoadingFunction","moreModules","runtime","some","chunkLoadingGlobal","self","forEach","bind","push","__webpack_exports__"],"sourceRoot":""}