{"version":3,"sources":["services/getJSON.js","components/form/AdditionalItems.js","components/form/Form.js","components/signatureResults/copyButton.js","components/signatureResults/signatureContainer.js","components/signatureResults/signatures/stacked.js","components/signatureResults/signatures/inline.js","components/signatureResults/signatures/logoColumn.js","components/signatureResults/signatures/photo.js","components/signatureResults/signatures/blueLine.js","components/signatureResults/signatureResultsContainer.js","components/controls/Controls.js","components/App.js","index.js"],"names":["baseURL","getJSON","axios","get","concat","then","response","data","AdditionalItems","_ref","visible","handleFormChange","contactInfo","disclaimers","logos","react_default","a","createElement","className","name","onChange","value","disclaimer","map","id","key","logo","type","photo","Form","_useState","useState","_useState2","Object","slicedToArray","optional","setOptional","pronouns","title","department","url","building","address","campusbox","city","number_format_default","phoneoffice","placeholder","format","mask","phonecell","phonefax","image","onClick","form_AdditionalItems","CopyButton","sigId","buttonClicked","event","option","target","getAttribute","node","document","getElementById","body","createTextRange","range","moveToElementText","select","window","getSelection","selection","createRange","selectNodeContents","removeAllRanges","addRange","execCommand","SignatureContainer","_this","this","props","find","dis","text","l","_this$props","component","DyanmicSignatureComponent","getDisclaimer","getLogo","sharedStyles","headingStyle","lineHeight","color","fontSize","fontFamily","margin","pStyle","urlStyle","textDecorationLine","height12","height","height24","padding15","padding","copyButton","Component","SignatureStacked","style","src","alt","href","border","cellPadding","cellSpacing","colSpan","SignatureInline","SignatureLogoColumn","styles","boxSizing","borderStyle","width","paddingBorder","borderLeft","subText","inlineBlock","display","bgcolor","Fragment","SignaturePhoto","localStyles","blueLine","valign","SignatureBlueLine","SignatureResultsContainer","classCallCheck","possibleConstructorReturn","getPrototypeOf","call","state","signatureVisible","signatureArray","showSig","bind","assertThisInitialized","signaure","setState","getSignatureById","_this2","signature","signatureContainer","Controls","handleInput","App","sampleData","clear","handleControlChange","getDisclaimerInfo","getLogos","jsonService","catch","error","console","log","_this3","formField","tempContactInfo","sample","_this4","controls_Controls","form_Form","signatureResultsContainer","ReactDOM","render","components_App"],"mappings":"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","file":"static/js/main.009d7910.chunk.js","sourcesContent":["import axios from 'axios';\r\nconst baseURL = \"https://www.unco.edu/marketing-communications/brand-tools/email-signature/data\";\r\n\r\n\r\nconst getDisclaimers = () => {\r\n\r\n    const request = axios.get(`${baseURL}/disclaimers.json`);\r\n    return request.then(response => response.data);\r\n\r\n}\r\n\r\nconst getLogos = () => {\r\n    const request = axios.get(`${baseURL}/logos.json`);\r\n    return request.then(response => response.data);\r\n}\r\n\r\nexport default { getDisclaimers, getLogos }","import React from 'react';\r\n\r\nconst AdditionalItems = ({visible, handleFormChange, contactInfo, disclaimers, logos}) =>{\r\n\r\n    if (visible){\r\n        return (\r\n            <div className=\"medium-8 column additional-items\">\r\n                <fieldset>\r\n                    <legend>Optional Items</legend>\r\n                    <p>Not all of these options are used in each signature.</p>                   \r\n\r\n                    <label>\r\n                        Disclaimer\r\n                        <select \r\n                            name=\"disclaimer\"\r\n                            onChange={handleFormChange}\r\n                            value={contactInfo.disclaimer}>\r\n                            <option value=\"No\">No</option>\r\n\r\n                            {disclaimers.map(disclaimer => \r\n                                <option value={disclaimer.id} key={disclaimer.id}>\r\n                                    {disclaimer.name}\r\n                                </option>\r\n                            )}\r\n\r\n                        </select>\r\n                    </label>\r\n\r\n                    <label>\r\n                        Department Logo\r\n                        <span>Used for <em>Signature with Logo</em></span>\r\n                        <select \r\n                            name=\"logo\"\r\n                            onChange={handleFormChange}\r\n                            value={contactInfo.logo}>\r\n                            <option value=\"No\">None</option>\r\n\r\n                            {logos.map(logo => \r\n                                <option value={logo.id} key={logo.id}>\r\n                                    {logo.name}\r\n                                </option>\r\n                            )}\r\n\r\n                        </select>\r\n                    </label>\r\n\r\n                    <label>\r\n                        Relative path to your photo:\r\n                        <span>Used for <em>Signature with Photo</em></span>\r\n                        <input name=\"photo\" type=\"text\" \r\n\t\t\t\t\t\t\tonChange={handleFormChange}\r\n\t\t\t\t\t\t\tvalue={contactInfo.photo} />\r\n                    </label>\r\n\r\n                </fieldset>\r\n            </div>\r\n        )\r\n    }else{\r\n        return(<div></div>)\r\n    }\r\n}\r\n\r\nexport default AdditionalItems;","import React, {useState} from 'react'\r\nimport { default as NumberFormat } from 'react-number-format';\r\nimport AdditionalItems from './AdditionalItems';\r\n\r\n\r\nconst Form = ({handleFormChange, contactInfo, disclaimers, logos}) =>{\r\n\r\n\tconst [optional, setOptional] = useState(false);\r\n\r\n\treturn(\r\n\t\t<div>\r\n\t\t\t<div className=\"row\">\r\n\t\t\t\t<div className=\"column medium-4\">\r\n\t\t\t\t\t<fieldset>\r\n\t\t\t\t\t\t<legend>Basic Information</legend>\r\n\t\t\t\t\t\t<label>\r\n\t\t\t\t\t\t\tName <input type=\"text\" name=\"name\" \r\n\t\t\t\t\t\t\tonChange={handleFormChange}\r\n\t\t\t\t\t\t\tvalue={contactInfo.name} />\r\n\t\t\t\t\t\t</label>\r\n\t\t\t\t\t\t<label>\r\n\t\t\t\t\t\t\tPronouns <input type=\"text\" name=\"pronouns\" \r\n\t\t\t\t\t\t\tonChange={handleFormChange}\r\n\t\t\t\t\t\t\tvalue={contactInfo.pronouns} />\r\n\t\t\t\t\t\t</label>\r\n\t\t\t\t\t\t<label>\r\n\t\t\t\t\t\t\tTitle <input type=\"text\" name=\"title\" \r\n\t\t\t\t\t\t\tonChange={handleFormChange}\r\n\t\t\t\t\t\t\tvalue={contactInfo.title} />\r\n\t\t\t\t\t\t</label>\r\n\t\t\t\t\t\t<label>\r\n\t\t\t\t\t\t\tDepartment <input type=\"text\" name=\"department\" \r\n\t\t\t\t\t\t\tonChange={handleFormChange}\r\n\t\t\t\t\t\t\tvalue={contactInfo.department} />\r\n\t\t\t\t\t\t</label>\r\n\t\t\t\t\t\t<label>\r\n\t\t\t\t\t\t\tURL <input type=\"text\" name=\"url\"\r\n\t\t\t\t\t\t\tonChange={handleFormChange}\r\n\t\t\t\t\t\t\tvalue={contactInfo.url} />\r\n\t\t\t\t\t\t</label>\r\n\t\t\t\t\t</fieldset>\r\n\t\t\t\t</div>\r\n\t\t\t\t<div className=\"column medium-4\">\r\n\t\t\t\t\t<fieldset>\r\n\t\t\t\t\t\t<legend>Location</legend>\r\n\t\t\t\t\t\t<label>\r\n\t\t\t\t\t\t\tBuilding <input type=\"text\" name=\"building\" \r\n\t\t\t\t\t\t\tonChange={handleFormChange}\r\n\t\t\t\t\t\t\tvalue={contactInfo.building} />\r\n\t\t\t\t\t\t</label>\r\n\t\t\t\t\t\t<label>\r\n\t\t\t\t\t\t\tAddress <input type=\"text\" name=\"address\" \r\n\t\t\t\t\t\t\tonChange={handleFormChange}\r\n\t\t\t\t\t\t\tvalue={contactInfo.address} />\r\n\t\t\t\t\t\t</label>\r\n\t\t\t\t\t\t<label>\r\n\t\t\t\t\t\t\tCampus Box <input type=\"text\" name=\"campusbox\" \r\n\t\t\t\t\t\t\tonChange={handleFormChange}\r\n\t\t\t\t\t\t\tvalue={contactInfo.campusbox} />\r\n\t\t\t\t\t\t</label>\r\n\t\t\t\t\t\t<label>\r\n\t\t\t\t\t\t\tCity, State, Zip\r\n\t\t\t\t\t\t\t<input name=\"city\" type=\"text\" \r\n\t\t\t\t\t\t\tonChange={handleFormChange}\r\n\t\t\t\t\t\t\tvalue={contactInfo.city} />\r\n\t\t\t\t\t\t</label>\r\n\t\t\t\t\t</fieldset>\r\n\t\t\t\t</div>\r\n\t\t\t\t<div className=\"column medium-4\">\r\n\t\t\t\t\t<fieldset>\r\n\t\t\t\t\t\t<legend>Contact </legend>\r\n\t\t\t\t\t\t<label>\r\n\t\t\t\t\t\t\tOffice Phone\r\n\t\t\t\t\t\t\t<NumberFormat \r\n\t\t\t\t\t\t\t\tname=\"phoneoffice\" \r\n\t\t\t\t\t\t\t\tonChange={handleFormChange}\r\n\t\t\t\t\t\t\t\tvalue={contactInfo.phoneoffice} \r\n\t\t\t\t\t\t\t\tplaceholder=\"970-351-XXXX\"\r\n\t\t\t\t\t\t\t\tformat=\"###-###-####\" mask=\"_\"/>\r\n\t\t\t\t\t\t</label>\r\n\t\t\t\t\t\t<label>\r\n\t\t\t\t\t\t\tCell Phone (optional)\r\n\t\t\t\t\t\t\t<NumberFormat \r\n\t\t\t\t\t\t\t\tname=\"phonecell\" \r\n\t\t\t\t\t\t\t\tonChange={handleFormChange}\r\n\t\t\t\t\t\t\t\tvalue={contactInfo.phonecell}\r\n\t\t\t\t\t\t\t\tplaceholder=\"970-351-XXXX\"\r\n\t\t\t\t\t\t\t\tformat=\"###-###-####\" mask=\"_\" />\r\n\t\t\t\t\t\t</label>\r\n\t\t\t\t\t\t<label>\r\n\t\t\t\t\t\t\tFax (optional)\r\n\t\t\t\t\t\t\t<NumberFormat \r\n\t\t\t\t\t\t\tname=\"phonefax\" \r\n\t\t\t\t\t\t\tonChange={handleFormChange}\r\n\t\t\t\t\t\t\tvalue={contactInfo.phonefax} \r\n\t\t\t\t\t\t\tplaceholder=\"970-351-XXXX\"\r\n\t\t\t\t\t\t\tformat=\"###-###-####\" mask=\"_\" />\r\n\t\t\t\t\t\t</label>\r\n\t\t\t\t\t</fieldset>\r\n\t\t\t\t\t<fieldset>\r\n\t\t\t\t\t\t<legend>Image</legend>\r\n\t\t\t\t\t\t<label>\r\n\t\t\t\t\t\t\tShow Image (for <em>Stacked</em> and <em>Inline</em>)\r\n\t\t\t\t\t\t\t<select \r\n\t\t\t\t\t\t\t\tname=\"image\"\r\n\t\t\t\t\t\t\t\tonChange={handleFormChange}\r\n\t\t\t\t\t\t\t\tvalue={contactInfo.image}>\r\n\t\t\t\t\t\t\t\t<option value=\"Yes\">Yes</option>\r\n\t\t\t\t\t\t\t\t<option value=\"No\">No</option>\r\n\t\t\t\t\t\t\t</select>\r\n\t\t\t\t\t\t</label>\r\n\t\t\t\t\t</fieldset>\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t\t<div className=\"row\">\r\n\t\t\t\t<div className=\"medium-4 column\">\r\n\t\t\t\t\t<button className={(optional) ? 'button full small active' : 'button full small'} onClick={()=>{ setOptional(!optional)} }>Additional Options</button>\r\n\t\t\t\t</div>\r\n\t\t\t\t\t<AdditionalItems\r\n\t\t\t\t\t\tcontactInfo={contactInfo}\r\n\t\t\t\t\t\thandleFormChange={handleFormChange}\r\n\t\t\t\t\t\tdisclaimers={disclaimers}\r\n\t\t\t\t\t\tlogos={logos}\r\n\t\t\t\t\t\tvisible={optional} />\r\n\t\t\t</div>\r\n\t\t\t<hr/>\r\n\t\t</div>\r\n\r\n\t)\r\n}\r\n\r\nexport default Form;","import React from 'react'\r\n\r\nconst CopyButton = ({sigId, buttonClicked}) => {\r\n\r\n    const selectSig = (event) =>{\r\n\t\tvar option = event.target.getAttribute(\"id\");\r\n\t\tvar node = document.getElementById(option + \"Signature\");\r\n\t\t\r\n\t\tif (document.body.createTextRange) {\r\n\t        const range = document.body.createTextRange();\r\n\t        range.moveToElementText(node);\r\n\t        range.select();\r\n\t    } else if (window.getSelection) {\r\n\t        const selection = window.getSelection();\r\n\t        const range = document.createRange();\r\n\t        range.selectNodeContents(node);\r\n\t        selection.removeAllRanges();\r\n\t        selection.addRange(range);\r\n\t    }\r\n\r\n\t    // Copy it to clipboard\r\n\t    document.execCommand(\"copy\")\r\n\r\n    }\r\n    \r\n    return(\r\n        <button className=\"button full small break-above\"\r\n            onClick={selectSig}\r\n            key={sigId}\r\n            id={sigId}>\r\n                Select &amp; Copy to Clipboard\r\n        </button>\r\n    )\r\n}\r\n\r\nexport default CopyButton;","import React, { Component } from 'react'\r\n\r\nimport CopyButton from './copyButton';\r\n\r\nclass SignatureContainer extends Component {\r\n\r\n\tgetDisclaimer(){\r\n\t\tif (this.props.contactInfo.disclaimer !== \"No\"){\r\n\t\t\tconst find = this.props.disclaimers.find(dis => dis.id === this.props.contactInfo.disclaimer);\r\n\t\t\treturn find.text;\r\n\t\t}\r\n\t}\r\n\r\n\tgetLogo(){\r\n\t\tconst {logo} = this.props.contactInfo\r\n\t\tif (logo !== \"No\"){\r\n\t\t\tconst find = this.props.logos.find(l => l.id === logo);\r\n\t\t\treturn find;\r\n\t\t}\r\n\t}\r\n\r\n\trender(){\r\n\r\n\t\tconst styles = {\r\n\t\t\theadingStyle: {\r\n\t\t\t\tlineHeight:'1.5',\r\n\t\t\t\tcolor:'#013c65',\r\n\t\t\t\tfontSize:'14px',\r\n\t\t\t\tfontFamily: 'Arial,Helvetica Neue,Helvetica,sans-serif',\r\n\t\t\t\tmargin: '0'\r\n\t\t\t},\r\n\t\t\tpStyle: {\r\n\t\t\t\tlineHeight:'1.25',\r\n\t\t\t\tfontSize:'12px',\r\n\t\t\t\tfontFamily:'Arial,Helvetica Neue,Helvetica,sans-serif',\r\n\t\t\t\tmargin:'0'\r\n\t\t\t},\r\n\t\t\tdisclaimer: {\r\n\t\t\t\tlineHeight:'1.25',\r\n\t\t\t\tfontSize:'12px',\r\n\t\t\t\tfontFamily:'Arial,Helvetica Neue,Helvetica,sans-serif',\r\n\t\t\t\tmargin:0,\r\n\t\t\t\tcolor: '#666666'\r\n\t\t\t},\r\n\t\t\turlStyle: {\r\n\t\t\t\tcolor: '013c65',\r\n\t\t\t\ttextDecorationLine: 'Underline'\r\n\t\t\t},\r\n\t\t\theight12: {\r\n\t\t\t\theight: '12px'\r\n\t\t\t},\r\n\t\t\theight24: {\r\n\t\t\t\theight: '24px'\r\n\t\t\t},\r\n\t\t\tpadding15: {\r\n\t\t\t\tpadding:'0 15px 0 15px'\r\n\t\t\t},\r\n\t\t}\r\n\r\n\t\tconst {component, sigId} = this.props;\r\n\t\tconst DyanmicSignatureComponent = component;\r\n\r\n\t\treturn(\r\n\t\t\t<div className=\"signature-group\" id={\"panel-\" + sigId}>\r\n\t\t\t\t\r\n\t\t\t\t<DyanmicSignatureComponent \r\n\t\t\t\t\tsigId={this.props.sigId}\r\n\t\t\t\t\tcontactInfo={this.props.contactInfo}\r\n\t\t\t\t\tdisclaimer={this.getDisclaimer()}\r\n\t\t\t\t\tlogo={this.getLogo()}\r\n\t\t\t\t\tsharedStyles={styles} />\r\n\r\n\t\t\t\t<CopyButton \r\n\t\t\t\t\tsigId={sigId} />\r\n\t\t\t\t\r\n\t\t\t</div>\r\n\t\t)\r\n\r\n\r\n\t}\r\n\r\n}\r\n\r\nexport default SignatureContainer;","import React from 'react'\r\n\r\nconst SignatureStacked = ({contactInfo, disclaimer, sharedStyles}) => {\r\n\tconst {headingStyle, pStyle, urlStyle} = sharedStyles;\r\n\r\n\treturn(\r\n\r\n\t\t<div className=\"signatureBlock\" id=\"stackedSignature\">\r\n\r\n\t\t\t<p style={headingStyle}><strong>\r\n\t\t\t{contactInfo.name}\r\n\t\t\t</strong></p>\r\n\r\n\t\t\t{!!(contactInfo.pronouns) && \r\n\t\t\t<div style={pStyle}>Pronouns: {contactInfo.pronouns}</div> }\r\n\r\n\t\t\t{!!(contactInfo.title) && \r\n\t\t\t<div style={pStyle}>{contactInfo.title}</div> }\t\t\t\r\n\t\t\t\r\n\t\t\t{!!(contactInfo.department) &&\r\n\t\t\t<div style={pStyle}>{contactInfo.department}</div>}\r\n\r\n\t\t\t{!!(contactInfo.image ===\"Yes\") && \r\n\t\t\t<img src=\"https://www.unco.edu/_resources/images/email-signatures/unc-signature1.jpg\" alt=\"University of Northern Colorado\" />\r\n\t\t\t}\r\n\r\n\t\t\t<div>\r\n\t\t\t\t<br/>\r\n\t\t\t\t<div style={headingStyle}>University of Northern Colorado</div>\r\n\t\t\t\r\n\t\t\t\t{!!(contactInfo.building) &&\r\n\t\t\t\t<div style={pStyle}>{contactInfo.building}</div>}\r\n\t\t\t\t\r\n\t\t\t\t{!!(contactInfo.address) &&\r\n\t\t\t\t<div style={pStyle}>{contactInfo.address}</div>}\r\n\r\n\t\t\t\t{!!(contactInfo.campusbox) &&\r\n\t\t\t\t<div style={pStyle}>Campus Box {contactInfo.campusbox}</div>}\r\n\r\n\t\t\t\t{!!(contactInfo.city) &&\r\n\t\t\t\t<div style={pStyle}>{contactInfo.city}</div>}\r\n\t\t\t</div>\r\n\t\t\t<br/>\r\n\t\t\t{!!(contactInfo.phoneoffice) &&\r\n\t\t\t<div style={pStyle}>O: {contactInfo.phoneoffice}</div>}\r\n\r\n\t\t\t{!!(contactInfo.phonecell) &&\r\n\t\t\t<div style={pStyle}>C: {contactInfo.phonecell}</div>}\r\n\r\n\t\t\t{!!(contactInfo.phonefax) &&\r\n\t\t\t<div style={pStyle}>F: {contactInfo.phonefax}</div>}\r\n\r\n\t\t\t<div><a href=\"https://www.unco.edu\" style={urlStyle}>unco.edu</a></div>\r\n\t\t\t\r\n\t\t\t{!!(disclaimer) &&\r\n\t\t\t\t<table border=\"0\" cellPadding=\"0\" cellSpacing=\"0\">\r\n\t\t\t\t\t<tbody>\r\n\t\t\t\t\t\t<tr>\r\n\t\t\t\t\t\t\t<td height=\"24\" style={sharedStyles.height24}></td>\r\n\t\t\t\t\t\t</tr>\r\n\t\t\t\t\t\t<tr>\r\n\t\t\t\t\t\t\t<td colSpan=\"2\">\r\n\t\t\t\t\t\t\t\t<p className=\"disclaimer\" style={sharedStyles.disclaimer}>\r\n\t\t\t\t\t\t\t\t\t{disclaimer}\r\n\t\t\t\t\t\t\t\t</p>\r\n\t\t\t\t\t\t\t</td>\r\n\t\t\t\t\t\t</tr>\r\n\t\t\t\t\t\t<tr>\r\n\t\t\t\t\t\t\t<td height=\"24\" style={sharedStyles.height24}></td>\r\n\t\t\t\t\t\t</tr>\r\n\t\t\t\t\t</tbody>\r\n\t\t\t\t</table>\r\n\t\t\t}\r\n\t\t</div>\r\n\r\n\t)\r\n\r\n}\r\n\r\nexport default SignatureStacked;","import React from 'react'\r\n\r\nconst SignatureInline = ({contactInfo, disclaimer, sharedStyles}) => {\r\n\tconst {headingStyle, pStyle} = sharedStyles;\r\n\r\n\treturn(\r\n\t\t\r\n\t\t<div className=\"signatureBlock\" id=\"inlineSignature\">\r\n\t\t\t<p style={headingStyle}><strong>\r\n\t\t\t{contactInfo.name}\r\n\t\t\t</strong></p>\r\n\r\n\t\t\t<div style={pStyle}>\r\n\r\n\t\t\t\t{!!(contactInfo.pronouns) && \r\n\t\t\t\t<span style={pStyle}>Pronouns: {contactInfo.pronouns}, </span> }\r\n\r\n\t\t\t\t{!!(contactInfo.title) && \r\n\t\t\t\t<span>{contactInfo.title}</span> }\r\n\r\n\t\t\t\t{!!(contactInfo.department && contactInfo.title) &&\r\n\t\t\t\t<span>, </span> }\r\n\r\n\t\t\t\t{!!(contactInfo.department) && \r\n\t\t\t\t<span>{contactInfo.department}</span> }\r\n\t\t\t</div>\r\n\r\n\t\t\t{!!(contactInfo.image === \"Yes\") && \r\n\t\t\t\t<div>\r\n\t\t\t\t\t<img src=\"https://www.unco.edu/_resources/images/email-signatures/unc-signature2.jpg\" alt=\"University of Northern Colorado\" />\r\n\t\t\t\t</div>\r\n\t\t\t}\r\n\r\n\t\t\t<div style={pStyle}>\r\n\r\n\t\t\t\t{!!(contactInfo.building) && \r\n\t\t\t\t<span>{contactInfo.building}</span> }\r\n\r\n\t\t\t\t{!!(contactInfo.campusbox) && \r\n\t\t\t\t<span>| Campus Box {contactInfo.campusbox}</span> }\r\n\r\n\t\t\t\t{!!(contactInfo.city) && \r\n\t\t\t\t<span>| {contactInfo.city}</span> }\r\n\t\t\t</div>\r\n\t\t\r\n\t\t\t<div style={pStyle}>\r\n\t\t\t\t{!!(contactInfo.phoneoffice) &&\r\n\t\t\t\t<span>O: {contactInfo.phoneoffice}</span>}\r\n\r\n\t\t\t\t{!!(contactInfo.phonecell) &&\r\n\t\t\t\t<span> | C: {contactInfo.phonecell}</span>}\r\n\r\n\t\t\t\t{!!(contactInfo.phonefax) &&\r\n\t\t\t\t<span> | F: {contactInfo.phonefax}</span>}\r\n\r\n\t\t\t</div>\r\n\r\n\t\t\t{!!(disclaimer) &&\r\n\t\t\t\t<table border=\"0\" cellPadding=\"0\" cellSpacing=\"0\">\r\n\t\t\t\t\t<tbody>\r\n\t\t\t\t\t\t<tr>\r\n\t\t\t\t\t\t\t<td height=\"24\" style={sharedStyles.height24}></td>\r\n\t\t\t\t\t\t</tr>\r\n\t\t\t\t\t\t<tr>\r\n\t\t\t\t\t\t\t<td colSpan=\"2\">\r\n\t\t\t\t\t\t\t\t<p className=\"disclaimer\" style={sharedStyles.disclaimer}>\r\n\t\t\t\t\t\t\t\t\t{disclaimer}\r\n\t\t\t\t\t\t\t\t</p>\r\n\t\t\t\t\t\t\t</td>\r\n\t\t\t\t\t\t</tr>\r\n\t\t\t\t\t\t<tr>\r\n\t\t\t\t\t\t\t<td height=\"24\" style={sharedStyles.height24}></td>\r\n\t\t\t\t\t\t</tr>\r\n\t\t\t\t\t</tbody>\r\n\t\t\t\t</table>\r\n\t\t\t}\r\n\t\t</div>\r\n\r\n\t)\r\n}\r\n\r\nexport default SignatureInline;","import React from 'react'\r\n\r\nconst SignatureLogoColumn = ({contactInfo, disclaimer, logo, sharedStyles}) => {\r\n\r\n    const styles = {\r\n        padding: sharedStyles.padding15,\r\n        height12: sharedStyles.height12,\r\n        height24: sharedStyles.height24,\r\n        logo: {\r\n            boxSizing:'border-box',\r\n            borderStyle: 'none',\r\n            width:'100px'\r\n        },\r\n        paddingBorder: {\r\n            padding: '0 0 0 15px',\r\n            borderLeft: '3px solid #F6B000'\r\n        },\r\n        name: sharedStyles.headingStyle,\r\n        subText: sharedStyles.pStyle,\r\n        inlineBlock: {\r\n            display: 'inline-block'\r\n        },\r\n        url: sharedStyles.urlStyle,\r\n        disclaimer: sharedStyles.disclaimer\r\n    }\r\n    \r\n    return(\r\n        <div className=\"signatureBlock\" id=\"twoColumnsSignature\">\r\n            <table border=\"0\" cellPadding=\"0\" cellSpacing=\"0\">\r\n                <tbody>\r\n                    <tr>\r\n                        <td>\r\n                            <table border=\"0\" cellPadding=\"0\" cellSpacing=\"0\">\r\n                                <tbody>\r\n                                    <tr>\r\n                                        {!!(logo) &&\r\n                                            <td bgcolor=\"#013C65\" style={styles.padding} width=\"100px\">\r\n                                                <table border=\"0\" cellPadding=\"0\" cellSpacing=\"0\">\r\n                                                    <tbody>\r\n                                                        <tr>\r\n                                                            <td height=\"12\" style={styles.height12}></td> \r\n                                                        </tr>\r\n                                                        <tr>\r\n                                                            <td>\r\n                                                                \r\n                                                                <img src={logo.src} width=\"100\" style={styles.logo} alt={logo.alt} />\r\n                                                            </td>\r\n                                                        </tr>\r\n                                                        <tr>\r\n                                                            <td height=\"12\" style={styles.height12}></td> \r\n                                                        </tr>\r\n                                                    </tbody>\r\n                                                </table>\r\n                                            </td>\r\n                                        }\r\n                                        <td style={styles.paddingBorder}>\r\n                                            <table border=\"0\" cellPadding=\"0\" cellSpacing=\"0\" width=\"300\">\r\n                                                <tbody>\r\n                                                    <tr>\r\n                                                        <td>\r\n                                                            <div className=\"name\">\r\n                                                                <p style={styles.name}><strong>\r\n                                                                    {contactInfo.name}\r\n                                                                    </strong></p>\r\n                                                                { contactInfo.pronouns && \r\n                                                                    <p style={styles.subText}>Pronouns: {contactInfo.pronouns}</p>\r\n                                                                }\r\n                                                            </div>\r\n                                                        </td>\r\n                                                    </tr>\r\n                                                    <tr>\r\n                                                        <td height=\"12\" style={styles.height12}></td> \r\n                                                    </tr>\r\n                                                    <tr>\r\n                                                        <td>\r\n                                                            <div className=\"title-department\">\r\n                                                                <p style={styles.subText}>\r\n                                                                    { contactInfo.title &&\r\n                                                                        <>{contactInfo.title}</>\r\n                                                                    }\r\n                                                                    { contactInfo.title && contactInfo.department &&\r\n                                                                    <br />\r\n                                                                    }\r\n                                                                    { contactInfo.department &&\r\n                                                                        <>{contactInfo.department}</>\r\n                                                                    }            \r\n                                                                    </p>                                                        \r\n                                                            </div>\r\n                                                        </td>\r\n                                                    </tr>\r\n                                                    <tr>\r\n                                                        <td height=\"12\" style={styles.height12}></td> \r\n                                                    </tr>\r\n                                                    <tr>\r\n                                                        <td>\r\n                                                            <div className=\"title-department\">\r\n                                                                <p style={styles.subText}><strong>University of Northern Colorado</strong><br />\r\n                                                                    { contactInfo.building &&\r\n                                                                        <>{contactInfo.building}<br /></>\r\n                                                                    }\r\n                                                                    {contactInfo.address &&\r\n                                                                    <>{contactInfo.address},</> \r\n                                                                    }\r\n                                                                    {contactInfo.campusbox &&\r\n                                                                        <> Campus Box {contactInfo.campusbox}</>\r\n                                                                    }                                                                    \r\n                                                                    {contactInfo.city &&\r\n                                                                    <><br />\r\n                                                                    {contactInfo.city}</>\r\n                                                                    }\r\n                                                                </p>\r\n                                                            </div>\r\n                                                        </td>\r\n                                                    </tr>\r\n                                                    <tr>\r\n                                                        <td height=\"12\" style={styles.height12}></td> \r\n                                                    </tr>\r\n                                                    <tr>\r\n                                                        <td>\r\n                                                            <div className=\"contact-info\">\r\n                                                                <p style={styles.subText}>\r\n                                                                \r\n                                                                {!!(contactInfo.phoneoffice) &&\r\n                                                                    <span className=\"no-break\" style={styles.inlineBlock}>\r\n                                                                        O: <a href={\"tel:\" + contactInfo.phoneoffice} style={styles.url}>{contactInfo.phoneoffice}</a>\r\n                                                                    </span> \r\n                                                                }\r\n                                                                \r\n                                                                {!!(contactInfo.phonecell) &&\r\n                                                                    <span className=\"no-break\" style={styles.inlineBlock}>\r\n                                                                        &nbsp;| C: <a href={\"tel:\" + contactInfo.phonecell} style={styles.url}>{contactInfo.phonecell} </a>\r\n                                                                    </span> \r\n                                                                }\r\n\r\n                                                                {!!(contactInfo.phonefax) &&\r\n                                                                    <span className=\"no-break\" style={styles.inlineBlock}>\r\n                                                                        &nbsp;| F: {contactInfo.phonefax}\r\n                                                                    </span>\r\n                                                                }\r\n                                                                </p>\r\n                                                            </div>\r\n                                                        </td>\r\n                                                    </tr>\r\n                                                    <tr>\r\n                                                        <td height=\"12\" style={styles.height12}></td> \r\n                                                    </tr>\r\n                                                    <tr>\r\n                                                        <td>\r\n                                                            <div className=\"contact-info\">\r\n                                                                <p style={styles.subText}><a href={contactInfo.url} style={styles.url}>{contactInfo.url}</a></p>\r\n                                                            </div>\r\n                                                        </td>\r\n                                                    </tr>\r\n                                                    <tr>\r\n                                                        <td height=\"12\" style={styles.height12}></td> \r\n                                                    </tr>\r\n                                                </tbody>\r\n                                            </table>\r\n                                        </td>\r\n                                    </tr>\r\n                                </tbody>\r\n                            </table>\r\n                        </td>\r\n                    </tr>\r\n                    {!!(disclaimer) &&\r\n                        <tr>\r\n                            <td>\r\n                                <table border=\"0\" cellPadding=\"0\" cellSpacing=\"0\">\r\n                                    <tbody>\r\n                                        <tr>\r\n                                            <td height=\"24\" style={styles.height24}></td>\r\n                                        </tr>\r\n                                        <tr>\r\n                                            <td colSpan=\"2\">\r\n                                                <p className=\"disclaimer\" style={styles.disclaimer}>\r\n                                                    {disclaimer}\r\n                                                </p>\r\n                                            </td>\r\n                                        </tr>\r\n                                        <tr>\r\n                                            <td height=\"24\" style={styles.height24}></td>\r\n                                        </tr>\r\n                                    </tbody>\r\n                                </table>\r\n                            </td>\r\n                        </tr>\r\n                    }\r\n                </tbody>\r\n            </table>\r\n        </div>\r\n    )\r\n}\r\n\r\nexport default SignatureLogoColumn;","\r\nimport React from 'react'\r\n\r\nconst SignaturePhoto = ({contactInfo, disclaimer, logo, sharedStyles}) => {\r\n\r\n    const styles = sharedStyles;\r\n\r\n    const localStyles = {\r\n        blueLine: {\r\n            padding: \"0 0 0 15px\",\r\n            borderLeft: \"3px solid #013C65\"\r\n        },\r\n        photo : {\r\n            boxSizing: 'border-box',\r\n            borderStyle: 'none',\r\n            width: '78px'\r\n        }\r\n    }\r\n\r\n    return(\r\n        <div className=\"signatureBlock\" id=\"photoSignature\">\r\n            <table border=\"0\" cellPadding=\"0\" cellSpacing=\"0\">\r\n                <tbody>\r\n                    <tr>\r\n                        <td>\r\n                            <table border=\"0\" cellPadding=\"0\" cellSpacing=\"0\">\r\n                                <tbody><tr>\r\n                                    <td valign=\"top\" style={sharedStyles.padding15} width=\"78\">\r\n                                        <img src={`https://unc-email-signatures.imgix.net${contactInfo.photo}`} alt={contactInfo.name} width=\"78\" style={localStyles.photo} />\r\n                                    </td>\r\n                                    <td style={localStyles.blueLine} width=\"400\">\r\n                                        <table border=\"0\" cellPadding=\"0\" cellSpacing=\"0\" width=\"300\">\r\n                                            <tbody>\r\n                                                <tr>\r\n                                                    <td>\r\n                                                        <div className=\"name\">\r\n                                                            <p style={sharedStyles.headingStyle}><strong>\r\n                                                                {contactInfo.name}\r\n                                                                </strong></p>\r\n                                                            { contactInfo.pronouns && \r\n                                                                <p style={sharedStyles.pStyle}>Pronouns: {contactInfo.pronouns}</p>\r\n                                                            }\r\n                                                        </div>\r\n                                                    </td>\r\n                                                </tr>\r\n                                                <tr>\r\n                                                    <td height=\"12\" style={sharedStyles.height12}></td> \r\n                                                </tr>\r\n                                                <tr>\r\n                                                    <td>\r\n                                                        <div className=\"title-department\">\r\n                                                            <p style={sharedStyles.pStyle}>\r\n                                                                { contactInfo.title &&\r\n                                                                    <>{contactInfo.title}</>\r\n                                                                }\r\n                                                                { contactInfo.title && contactInfo.department &&\r\n                                                                <br />\r\n                                                                }\r\n                                                                { contactInfo.department &&\r\n                                                                    <>{contactInfo.department}</>\r\n                                                                }            \r\n                                                            </p>  \r\n                                                        </div>\r\n                                                    </td>\r\n                                                </tr>\r\n                                                \r\n                                                <tr>\r\n                                                    <td height=\"12\" style={sharedStyles.height12}></td> \r\n                                                </tr>\r\n                                                <tr>\r\n                                                    <td>\r\n                                                        <div className=\"title-department\">\r\n                                                            <p style={sharedStyles.pStyle}><strong>University of Northern Colorado</strong><br />\r\n                                                                { contactInfo.building &&\r\n                                                                    <>{contactInfo.building}<br /></>\r\n                                                                }\r\n                                                                {contactInfo.address &&\r\n                                                                <>{contactInfo.address},</> \r\n                                                                }\r\n                                                                {contactInfo.campusbox &&\r\n                                                                    <> Campus Box {contactInfo.campusbox}</>\r\n                                                                }                                                                    \r\n                                                                {contactInfo.city &&\r\n                                                                <><br />\r\n                                                                {contactInfo.city}</>\r\n                                                                }\r\n                                                            </p>\r\n                                                        </div>\r\n                                                    </td>\r\n                                                </tr>\r\n                                                <tr>\r\n                                                    <td height=\"12\" style={sharedStyles.height12}></td> \r\n                                                </tr>\r\n                                                <tr>\r\n                                                    <td>\r\n                                                        <div className=\"contact-info\">\r\n                                                            <p style={sharedStyles.pStyle}>\r\n                                                            \r\n                                                            {!!(contactInfo.phoneoffice) &&\r\n                                                                <span className=\"no-break\" style={sharedStyles.inlineBlock}>\r\n                                                                    O: <a href={\"tel:\" + contactInfo.phoneoffice} style={sharedStyles.url}>{contactInfo.phoneoffice}</a>\r\n                                                                </span> \r\n                                                            }\r\n                                                            \r\n                                                            {!!(contactInfo.phonecell) &&\r\n                                                                <span className=\"no-break\" style={sharedStyles.inlineBlock}>\r\n                                                                    &nbsp;| C: <a href={\"tel:\" + contactInfo.phonecell} style={sharedStyles.url}>{contactInfo.phonecell} </a>\r\n                                                                </span> \r\n                                                            }\r\n\r\n                                                            {!!(contactInfo.phonefax) &&\r\n                                                                <span className=\"no-break\" style={sharedStyles.inlineBlock}>\r\n                                                                    &nbsp;| F: {contactInfo.phonefax}\r\n                                                                </span>\r\n                                                            }\r\n                                                            </p>\r\n                                                        </div>\r\n                                                    </td>\r\n                                                </tr>\r\n                                                <tr>\r\n                                                    <td height=\"12\" style={sharedStyles.height12}></td> \r\n                                                </tr>\r\n                                                <tr>\r\n                                                    <td>\r\n                                                        <div className=\"contact-info\">\r\n                                                            <p style={sharedStyles.pStyle}><a href={contactInfo.url} style={sharedStyles.url}>{contactInfo.url}</a></p>\r\n                                                        </div>\r\n                                                    </td>\r\n                                                </tr>\r\n                                                <tr>\r\n                                                    <td height=\"12\" style={sharedStyles.height12}></td> \r\n                                                </tr>\r\n                                                \r\n                                            </tbody>\r\n                                        </table>\r\n                                    </td>\r\n                                </tr>\r\n                            </tbody></table>\r\n                        </td>\r\n                    </tr>\r\n                    {!!(disclaimer) &&\r\n                        <tr>\r\n                            <td>\r\n                                <table border=\"0\" cellPadding=\"0\" cellSpacing=\"0\">\r\n                                    <tbody>\r\n                                        <tr>\r\n                                            <td height=\"24\" style={sharedStyles.height24}></td>\r\n                                        </tr>\r\n                                        <tr>\r\n                                            <td colSpan=\"2\">\r\n                                                <p className=\"disclaimer\" style={sharedStyles.disclaimer}>\r\n                                                    {disclaimer}\r\n                                                </p>\r\n                                            </td>\r\n                                        </tr>\r\n                                        <tr>\r\n                                            <td height=\"24\" style={sharedStyles.height24}></td>\r\n                                        </tr>\r\n                                    </tbody>\r\n                                </table>\r\n                            </td>\r\n                        </tr>\r\n                    }\r\n\r\n                </tbody>\r\n            </table>\r\n        </div>\r\n    )\r\n}\r\n\r\nexport default SignaturePhoto;","\r\nimport React from 'react'\r\n\r\nconst SignatureBlueLine = ({contactInfo, disclaimer, logo, sharedStyles}) => {\r\n\r\n    const styles = sharedStyles;\r\n\r\n    const localStyles = {\r\n        blueLine: {\r\n            padding: \"0 0 0 15px\",\r\n            borderLeft: \"3px solid #013C65\"\r\n        },\r\n        photo : {\r\n            boxSizing: 'border-box',\r\n            borderStyle: 'none',\r\n            width: '78px'\r\n        }\r\n    }\r\n\r\n    return(\r\n        <div className=\"signatureBlock\" id=\"blueLine\">\r\n            <table border=\"0\" cellPadding=\"0\" cellSpacing=\"0\">\r\n                <tbody>\r\n                    <tr>\r\n                        <td>\r\n                            <table border=\"0\" cellPadding=\"0\" cellSpacing=\"0\">\r\n                                <tbody><tr>\r\n                                    <td style={localStyles.blueLine}>\r\n                                        <table border=\"0\" cellPadding=\"0\" cellSpacing=\"0\" width=\"300\">\r\n                                            <tbody>\r\n                                                <tr>\r\n                                                    <td>\r\n                                                        <div className=\"name\">\r\n                                                            <p style={sharedStyles.headingStyle}><strong>\r\n                                                                {contactInfo.name}\r\n                                                                </strong></p>\r\n                                                            { contactInfo.pronouns && \r\n                                                                <p style={sharedStyles.pStyle}>Pronouns: {contactInfo.pronouns}</p>\r\n                                                            }\r\n                                                        </div>\r\n                                                    </td>\r\n                                                </tr>\r\n                                                <tr>\r\n                                                    <td height=\"12\" style={sharedStyles.height12}></td> \r\n                                                </tr>\r\n                                                <tr>\r\n                                                    <td>\r\n                                                        <div className=\"title-department\">\r\n                                                            <p style={sharedStyles.pStyle}>\r\n                                                                    { contactInfo.title &&\r\n                                                                        <>{contactInfo.title}</>\r\n                                                                    }\r\n                                                                    { contactInfo.title && contactInfo.department &&\r\n                                                                    <br />\r\n                                                                    }\r\n                                                                    { contactInfo.department &&\r\n                                                                        <>{contactInfo.department}</>\r\n                                                                    }            \r\n                                                                    </p>  \r\n                                                        </div>\r\n                                                    </td>\r\n                                                </tr>\r\n                                                \r\n                                                <tr>\r\n                                                    <td height=\"12\" style={sharedStyles.height12}></td> \r\n                                                </tr>\r\n                                                <tr>\r\n                                                    <td>\r\n                                                        <div className=\"title-department\">\r\n                                                            <p style={sharedStyles.pStyle}><strong>University of Northern Colorado</strong><br />\r\n                                                                { contactInfo.building &&\r\n                                                                    <>{contactInfo.building}<br /></>\r\n                                                                }\r\n                                                                {contactInfo.address &&\r\n                                                                <>{contactInfo.address},</> \r\n                                                                }\r\n                                                                {contactInfo.campusbox &&\r\n                                                                    <> Campus Box {contactInfo.campusbox}</>\r\n                                                                }                                                                    \r\n                                                                {contactInfo.city &&\r\n                                                                <><br />\r\n                                                                {contactInfo.city}</>\r\n                                                                }\r\n                                                            </p>\r\n                                                        </div>\r\n                                                    </td>\r\n                                                </tr>\r\n                                                <tr>\r\n                                                    <td height=\"12\" style={sharedStyles.height12}></td> \r\n                                                </tr>\r\n                                                <tr>\r\n                                                    <td>\r\n                                                        <div className=\"contact-info\">\r\n                                                            <p style={sharedStyles.pStyle}>\r\n                                                            \r\n                                                            {!!(contactInfo.phoneoffice) &&\r\n                                                                <span className=\"no-break\" style={sharedStyles.inlineBlock}>\r\n                                                                    O: <a href={\"tel:\" + contactInfo.phoneoffice} style={sharedStyles.url}>{contactInfo.phoneoffice}</a>\r\n                                                                </span> \r\n                                                            }\r\n                                                            \r\n                                                            {!!(contactInfo.phonecell) &&\r\n                                                                <span className=\"no-break\" style={sharedStyles.inlineBlock}>\r\n                                                                    &nbsp;| C: <a href={\"tel:\" + contactInfo.phonecell} style={sharedStyles.url}>{contactInfo.phonecell} </a>\r\n                                                                </span> \r\n                                                            }\r\n\r\n                                                            {!!(contactInfo.phonefax) &&\r\n                                                                <span className=\"no-break\" style={sharedStyles.inlineBlock}>\r\n                                                                    &nbsp;| F: {contactInfo.phonefax}\r\n                                                                </span>\r\n                                                            }\r\n                                                            </p>\r\n                                                        </div>\r\n                                                    </td>\r\n                                                </tr>\r\n                                                <tr>\r\n                                                    <td height=\"12\" style={sharedStyles.height12}></td> \r\n                                                </tr>\r\n                                                <tr>\r\n                                                    <td>\r\n                                                        <div className=\"contact-info\">\r\n                                                            <p style={sharedStyles.pStyle}><a href={contactInfo.url} style={sharedStyles.url}>{contactInfo.url}</a></p>\r\n                                                        </div>\r\n                                                    </td>\r\n                                                </tr>\r\n                                                <tr>\r\n                                                    <td height=\"12\" style={sharedStyles.height12}></td> \r\n                                                </tr>\r\n                                                \r\n                                            </tbody>\r\n                                        </table>\r\n                                    </td>\r\n                                </tr>\r\n                            </tbody></table>\r\n                        </td>\r\n                    </tr>\r\n                    {!!(disclaimer) &&\r\n                        <tr>\r\n                            <td>\r\n                                <table border=\"0\" cellPadding=\"0\" cellSpacing=\"0\">\r\n                                    <tbody>\r\n                                        <tr>\r\n                                            <td height=\"24\" style={sharedStyles.height24}></td>\r\n                                        </tr>\r\n                                        <tr>\r\n                                            <td colSpan=\"2\">\r\n                                                <p className=\"disclaimer\" style={sharedStyles.disclaimer}>\r\n                                                    {disclaimer}\r\n                                                </p>\r\n                                            </td>\r\n                                        </tr>\r\n                                        <tr>\r\n                                            <td height=\"24\" style={sharedStyles.height24}></td>\r\n                                        </tr>\r\n                                    </tbody>\r\n                                </table>\r\n                            </td>\r\n                        </tr>\r\n                    }\r\n\r\n                </tbody>\r\n            </table>\r\n        </div>\r\n    )\r\n}\r\n\r\nexport default SignatureBlueLine;","import React, { Component } from 'react'\r\nimport SignatureContainer from './signatureContainer';\r\n\r\nimport SignatureStacked from './signatures/stacked';\r\nimport SignatureInline from './signatures/inline';\r\nimport SignatureLogoColumn from './signatures/logoColumn';\r\nimport SignaturePhoto from './signatures/photo';\r\nimport SignatureBlueLine from './signatures/blueLine';\r\n\r\nclass SignatureResultsContainer extends Component {\r\n\r\n\tconstructor(props){\r\n\t\tsuper(props);\r\n\r\n\t\tthis.state = {\r\n\t\t\tsignatureVisible: this.signatureArray()[0]\r\n\t\t}\r\n\r\n\t\tthis.showSig = this.showSig.bind(this);\r\n\t}\r\n\r\n\tsignatureArray(){\r\n\t\treturn [\r\n\t\t\t{ name: \"Stacked\", id: \"stacked\", component: SignatureStacked },\r\n\t\t\t{ name: \"Inline\",  id: \"inline\",  component: SignatureInline },\r\n\t\t\t{ name: \"Signature with Logo\", id: \"twoColumns\", component: SignatureLogoColumn},\r\n\t\t\t{ name: \"Signature With Photo\", id: \"photo\", component: SignaturePhoto},\r\n\t\t\t{ name: \"Blue Line\", id: \"BlueLine\", component: SignatureBlueLine}\r\n\t\t]\r\n\t}\r\n\r\n\tgetSignatureById(id){\r\n\t\treturn this.signatureArray().find(signaure => signaure.id === id);\r\n\t}\r\n\r\n\tshowSig(event){\r\n\t\tthis.setState({\r\n\t\t\tsignatureVisible: this.getSignatureById(event)\r\n\t\t})\r\n\t}\r\n\r\n\trender(){\r\n        if (this.props.contactInfo.name !== ''){\r\n\r\n\t\t\tconst {signatureVisible} = this.state;\r\n\r\n            return(\r\n                <div className=\"row\">\r\n\r\n\t\t\t\t\t<div className=\"grid-x\">\r\n\r\n\t\t\t\t\t\t<div className=\"column medium-4\">\r\n\t\t\t\t\t\t\t<h2>Signature Styles</h2>\r\n\t\t\t\t\t\t\t<ul className=\"signature-menu vertical\">\r\n\t\t\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\t\t\tthis.signatureArray().map((signature, id) => {\r\n\t\t\t\t\t\t\t\t\t\treturn(\r\n\t\t\t\t\t\t\t\t\t\t\t<li key={id}>\r\n\t\t\t\t\t\t\t\t\t\t\t\t<button onClick={()=>this.showSig(signature.id)}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tclassName={signatureVisible.id === signature.id ? 'active' : ''}>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t{signature.name}\r\n\t\t\t\t\t\t\t\t\t\t\t\t</button>\r\n\t\t\t\t\t\t\t\t\t\t\t</li>\r\n\t\t\t\t\t\t\t\t\t\t)\r\n\t\t\t\t\t\t\t\t\t})\r\n\t\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t\t</ul>\r\n\t\t\t\t\t\t</div>\r\n\r\n\t\t\t\t\t\t<div className=\"column medium-8\">\r\n\t\t\t\t\t\t\t<h2>Signature Preview</h2>\r\n\t\t\t\t\t\t\t<p>Font sizes will look slightly smaller in the web browser than in Outlook. Use the select/copy button below to copy the signature to your clipboard.</p>\r\n\t\t\t\t\t\t\t<SignatureContainer\r\n\t\t\t\t\t\t\t\tcontactInfo={this.props.contactInfo}\r\n\t\t\t\t\t\t\t\tsigId={signatureVisible.id}\r\n\t\t\t\t\t\t\t\tdisclaimers={this.props.disclaimers}\r\n\t\t\t\t\t\t\t\tlogos={this.props.logos}\r\n\t\t\t\t\t\t\t\tcomponent={signatureVisible.component} />\r\n\r\n\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</div>\r\n                </div>\r\n            );\r\n        }else{\r\n            return(\r\n                <div className=\"row\">\r\n\t\t\t\t\t<hr/>\r\n\t\t\t\t\t<div className=\"column\">\r\n\t\t\t\t\t<p>Type your name above to get started</p>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n            )\r\n        }\r\n    }\r\n\r\n}\r\n\r\nexport default SignatureResultsContainer;","import React from 'react'\r\n\r\nconst Controls = ({handleInput}) => {\r\n\treturn(\r\n\t\t<div className=\"row\">\r\n\t\t\t<div className=\"medium-6 columns\">\r\n\t\t\t\t<button className=\"button full small\"\r\n\t\t\t\t\tname=\"clear\"\r\n\t\t\t\t\tonClick={handleInput}>\r\n\t\t\t\t\tClear Form\r\n\t\t\t\t</button>\r\n\t\t\t</div>\r\n\t\t\t<div className=\"medium-6 columns\">\r\n\t\t\t\t<button className=\"button full small\"\r\n\t\t\t\t\tname=\"sample\"\r\n\t\t\t\t\tonClick={handleInput}>\r\n\t\t\t\t\tSee Sample\r\n\t\t\t\t</button>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t)\r\n}\r\n\r\nexport default Controls;","import React, { Component } from 'react'\r\n\r\nimport jsonService from '../services/getJSON';\r\n\r\nimport Form from './form/Form';\r\nimport SignatureResultsContainer from './signatureResults/signatureResultsContainer';\r\nimport Controls from './controls/Controls';\r\n\r\nimport sampleData from '../data/sample';\r\n\r\nclass App extends Component {\r\n\r\n\tconstructor(props){\r\n\t\tsuper(props);\r\n\r\n\t\tthis.state = {\r\n\t\t\tcontactInfo: sampleData.clear,\r\n\t\t\tdisclaimers: [],\r\n\t\t\tlogos: []\r\n\t\t}\r\n\r\n\t\tthis.handleFormChange = this.handleFormChange.bind(this);\r\n\t\tthis.handleControlChange = this.handleControlChange.bind(this);\r\n\t\tthis.getDisclaimerInfo = this.getDisclaimerInfo.bind(this);\r\n\t\tthis.getLogos = this.getLogos.bind(this);\r\n\t}\r\n\r\n\tcomponentDidMount(){\r\n\t\tthis.getDisclaimerInfo();\r\n\t\tthis.getLogos();\r\n\t}\r\n\r\n\tgetDisclaimerInfo(){\r\n\t\tjsonService.getDisclaimers()\r\n\t\t\t.then(response =>{\r\n\t\t\t\tthis.setState({\r\n\t\t\t\t\tdisclaimers: response\r\n\t\t\t\t})\r\n\t\t\t})\r\n\t\t\t.catch(error =>{\r\n\t\t\t\tconsole.log(\"Disclaimer Error\", error)\r\n\t\t\t})\r\n\t}\r\n\r\n\tgetLogos(){\r\n\t\tjsonService.getLogos()\r\n\t\t\t.then(response =>{\r\n\t\t\t\tthis.setState({\r\n\t\t\t\t\tlogos: response\r\n\t\t\t\t})\r\n\t\t\t})\r\n\t\t\t.catch(error =>{\r\n\t\t\t\tconsole.log(\"Logo Error\", error)\r\n\t\t\t})\r\n\t}\r\n\r\n\r\n\thandleFormChange(formField, value){\r\n\t\t// Update the object in a temp object\r\n\t\tvar tempContactInfo = this.state.contactInfo;\r\n\t\ttempContactInfo[formField] = value;\r\n\t\t\r\n\t\t// Set temp object to the state object\r\n\t\tthis.setState({\r\n\t\t\tcontactInfo: tempContactInfo\r\n\t\t});\r\n\t}\r\n\r\n\thandleControlChange(option){\r\n\t\tswitch (option){\r\n\t\t\tcase \"sample\":\r\n\r\n\t\t\t\tthis.setState({\r\n\t\t\t\t\tcontactInfo : sampleData.sample\r\n\t\t\t\t});\r\n\t\t\t\tbreak;\r\n\t\t\tdefault:\r\n\t\t\t\tthis.setState({\r\n\t\t\t\t\tcontactInfo: sampleData.clear\r\n\t\t\t\t});\r\n\t\t\t\tbreak;\r\n\t\t}\r\n\r\n\t}\r\n\r\n\trender(){\r\n\t\tconst { contactInfo } = this.state;\r\n\r\n\t\treturn(\r\n\t\t\t<div className=\"signatureMaker\">\r\n\t\t\t\t<Controls \r\n\t\t\t\t\thandleInput={(event) => { this.handleControlChange(event.target.name) }}  />\r\n\t\t\t\t\t\r\n\t\t\t\t<Form handleFormChange={(event) => { this.handleFormChange(event.target.name, event.target.value)}}\r\n\t\t\t\t\t  contactInfo={contactInfo}\r\n\t\t\t\t\t  disclaimers={this.state.disclaimers}\r\n\t\t\t\t\t  logos={this.state.logos} />\r\n\t\t\t\t\r\n\t\t\t\t<SignatureResultsContainer \r\n\t\t\t\t\tcontactInfo={contactInfo}\r\n\t\t\t\t\tdisclaimers={this.state.disclaimers}\r\n\t\t\t\t\tlogos={this.state.logos} />\r\n\t\t\t</div>\r\n\t\t)\r\n\t}\r\n}\r\n\r\nexport default App;","import React from 'react'\r\nimport ReactDOM from 'react-dom'\r\nimport App from './components/App'\r\n\r\nimport './styles/style.scss'\r\n\r\nReactDOM.render(\r\n\t<App />,\r\n\tdocument.getElementById('root')\r\n)"],"sourceRoot":""}