\r\n )\r\n}","import React from 'react'\r\nimport { Header } from '../index.js'\r\nimport { CloseButton } from '../../controls'\r\nimport './Page.scss'\r\n\r\n\r\nPage.Modal = PageModal\r\nexport default Page\r\n\r\n/**\r\n * Wrapper component for pages\r\n * \r\n * @param {Object} props\r\n * @param {String|Array|Function} props.title [optional] title to be rendered at top of ppage\r\n */\r\nfunction Page(props) {\r\n return (\r\n
\r\n )\r\n}\r\n\r\n\r\nTextField.Masked = TextFieldWithMask\r\nexport default TextField\r\n","import React, {useState} from 'react'\r\nimport './Collapse.scss'\r\n\r\n\r\nCollapse.Blank = CollapseBlank\r\nexport default Collapse\r\n/**\r\n * Header which can be clicked to hide/reveal contents\r\n * \r\n * \r\n * @param {Object} props\r\n * @param {String | *} props.title (Component) displayed header for this collapsible \r\n * @param {Boolean} props.open if true, start open\r\n * @param {*} props.children (Component) the rendered content\r\n */\r\nfunction Collapse(props){\r\n const [open, toggle] = useState(props.open || false);\r\n\r\n return (
\r\n
toggle(!open)}>{props.title}
\r\n {props.children}\r\n
);\r\n}\r\n\r\n/**\r\n * Blank component that can be used to hide / show a child component\r\n * \r\n * \r\n * @param {Object} props\r\n * @param {Boolean} props.open if the component is open\r\n * @param {*} props.children (Component) the rendered content\r\n */\r\nfunction CollapseBlank(props){\r\n return (\r\n
\r\n {props.children}\r\n
\r\n )\r\n}\r\n\r\n","import React, {useEffect, useState} from 'react'\r\nimport './IconField.scss'\r\nimport \"../../styles/icons.scss\"\r\nimport {FieldLabel} from '../../controls'\r\n\r\n// Suggested props to pass:\r\n// name - The name of the input field\r\n// label - Text for the label on the field\r\n// icon (specifying the class name of the icon to use.. from icons .scss file)\r\n// autocomplete (specifying the type of field it is)\r\n// type=\"password\" (if applicable)\r\n// placeholder (with the text to display as a placeholder in the field\r\n// spellcheck=\"false\" (to turn off spellchecking on fields where it doesn't make sense))\r\n// pattern - A REGEX for input validation\r\n// required (true, false, defaults to true)\r\n// validate (true by default)\r\nexport default function IconField(props){\r\n const [active, setActive] = useState(false);\r\n const [length, setLength] = useState(0)\r\n\r\n // prevent passing certain props directly to input field.\r\n const { type, label, icon, lift, validate, ...restProps } = props\r\n \r\n let _required = (props.required === undefined ? true:props.required)\r\n let _validate = (validate === undefined ? true: validate)\r\n let valid = lift ? lift.getValid(props.name):true;\r\n\r\n // mark empty fields as invalid if they are required\r\n useEffect(\r\n ()=>{\r\n if(_required && !valid && lift) lift.setValid(props.name, false)\r\n },\r\n [lift],\r\n )\r\n \r\n function renderRightArea(required) {\r\n\r\n let style=\"iconfield-right-area \";\r\n\r\n style += (active ? \"iconfield-right-area-active \":\"iconfield-right-area-normal \") \r\n\r\n if(length > 0){\r\n if(valid) { style += \"icon-check iconfield-valid \"}\r\n else style += \"icon-attention iconfield-invalid \" \r\n }\r\n else {\r\n if(required) style += \"icon-asterisk \"\r\n }\r\n \r\n return (\r\n \r\n )\r\n }\r\n\r\n function onChange(event, validate){\r\n let value = event.target.value;\r\n let length = value.length;\r\n \r\n setLength(length)\r\n\r\n if(validate){\r\n let v = event.target.checkValidity()\r\n\r\n if(_required && (length <1)) v=false;\r\n \r\n // lift the value and valid state\r\n if(lift){\r\n lift.setValueAndValid(event.target.name, value, v)\r\n }\r\n }\r\n else {\r\n lift.setValue(event.target.name, value)\r\n }\r\n }\r\n\r\n let value = lift ? lift.getValue(props.name):\"\"\r\n return (\r\n
)\r\n}\r\n ","import React from 'react'\r\nimport './IconLink.scss'\r\nimport \"../../styles/icons.scss\"\r\nimport {Link} from 'react-router-dom'\r\n\r\n\r\n// Suggested props to pass:\r\n// label - The text with the hyperlink\r\n// link - The link (from routes.js file)\r\n// icon - the class name of the icon (from icons.scss file)\r\nexport default function IconLink(props){\r\n return (\r\n
\r\n \r\n \r\n \r\n \r\n
)\r\n}\r\n","import React from 'react'\r\nimport './IconButton.scss'\r\nimport \"../../styles/icons.scss\"\r\nimport {Button} from \"../../controls\"\r\n\r\n\r\nfunction renderContent(props){\r\n if(props.after){\r\n return (\r\n <>{props.text} \r\n \r\n )\r\n }\r\n return (<>\r\n {props.text})\r\n}\r\n\r\n// Suggested props to pass:\r\n// text = what the button says\r\n// icon (specifying the class name of the icon to use.. from icons.scss file)\r\n// click - The function to call when clicked\r\n// className (if you need to provide additonal styling)\r\n// after -icon goes after text (default is before)\r\nexport default function IconButton(props){\r\n\r\n const { click, ...restProps } = props\r\n\r\n return (\r\n )\r\n}\r\n","import React, {useState} from 'react'\r\nimport './IconSelect.scss'\r\nimport \"../../styles/icons.scss\"\r\nimport {FieldLabel} from \"../../controls\"\r\n\r\n// Suggested props to pass:\r\n// name - The name of the input field\r\n// label - Text for the label on the field\r\n// icon (specifying the class name of the icon to use.. from icons .scss file)\r\nexport default function IconSelect(props){\r\n const [active, setActive] = useState(false);\r\n\r\n // prevent passing certain props directly to input field.\r\n const { label, icon, options, ...restProps } = props\r\n\r\n return (\r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n
)\r\n}\r\n","import React from 'react'\r\nimport \"../../../styles/icons.scss\"\r\nimport {IconField, PasswordStrength} from '../../index'\r\n\r\n// This component is used whenever the app needs to have the user enter a password\r\n// if meter == true, will show a strength meter\r\n// autoComplete, label, name and placeholder will default to proper values \r\n// for the current password for the current user\r\n// They may need to be changed if it is a NEW password or someone else's password\r\nexport default function PasswordField(props){\r\n\r\n // prevent passing certain props directly to input field.\r\n const { name, label, type, autoComplete, icon, placeholder, meter, validate, ...restProps } = props; \r\n\r\n let _name = name || \"password\";\r\n let password = props.lift.getValue(_name) || \"\";\r\n // we don't validate if there is a meter OR the prop says not to validate\r\n // in both vases, someone else is validating for us\r\n let _validate = !meter || (validate !== undefined && !validate) \r\n\r\n return (\r\n <>\r\n \r\n {meter ? :\"\"}\r\n \r\n )\r\n}\r\n","\r\nimport React from 'react'\r\nimport './EmailField.scss'\r\nimport \"../../../styles/icons.scss\"\r\nimport {IconField} from '../../index'\r\n\r\n\r\n\r\n// This component is used whenever the app needs to have the user enter en email\r\n// name and label will default to appropriate values for a current user\r\n// they may need to be changed in different spots\r\nexport default function EmailField(props){\r\n // prevent passing certain props directly to input field.\r\n const { name, label, pattern, autoComplete, spellCheck, icon, placeholder, ...restProps } = props; \r\n\r\n return (\r\n \r\n ) \r\n}\r\n","import React from 'react'\r\nimport './PhoneField.scss'\r\nimport \"../../../styles/icons.scss\"\r\nimport {IconField} from '../../index'\r\n\r\n// This component is used whenever the app needs to have the user enter a phone number\r\n// autoComplete, label, name and placeholder will default to proper values \r\n// for the current password for the current user\r\n// They may need to be changed if it is a NEW password or someone else's password\r\nexport default function PhoneField(props){\r\n\r\n return (\r\n \r\n )\r\n}\r\n","import React from 'react'\r\nimport './NameField.scss'\r\nimport \"../../../styles/icons.scss\"\r\nimport {IconField} from '../../index'\r\n\r\n// This component is used whenever the app needs to have the user enter a person's name\r\n\r\n// autoComplete, label, name and placeholder will default to proper values \r\nexport default function NameField(props){\r\n\r\n // prevent passing certain props directly to input field.\r\n const { name, label, type, autoComplete, icon, placeholder, ...restProps } = props; \r\n\r\n return (\r\n \r\n )\r\n}\r\n","import React from 'react'\r\nimport './AddressBlock.scss'\r\nimport \"../../../styles/icons.scss\"\r\nimport {IconField} from '../../index'\r\n\r\nexport default function AddressBlock(props){\r\n\r\n let lift=props.lift;\r\n return (\r\n <>\r\n \r\n \r\n \r\n \r\n \r\n \r\n ) \r\n}\r\n","export default [\r\n 'Accounting',\r\n 'Air Duct Cleaning',\r\n 'Alarms',\r\n 'Animal Removal',\r\n 'Animal Removal Services',\r\n 'Apartment Cleaning',\r\n 'Appliance Repair - Large',\r\n 'Appliance Repair - Small',\r\n 'Appraisals - Real Estate',\r\n 'Asbestos Removal',\r\n 'Asphalt Repair and Maintenance',\r\n 'Auto Detailing',\r\n 'Awnings',\r\n 'Basement Waterproofing',\r\n 'Bathroom Remodel',\r\n 'Bathtub Refinishing & Liners',\r\n 'Bed Bug Extermination',\r\n 'Biohazard Remediation',\r\n 'Blind Cleaning',\r\n 'Brick or Stone Repair',\r\n 'Buffing & Polishing',\r\n 'Builders - Garages/Barns/Sheds',\r\n 'Builders - Homes',\r\n 'Cabinet Making',\r\n 'Cabinet Refacing/Restoration',\r\n 'Carpentry - Unfinished',\r\n 'Carpentry - Woodworking',\r\n 'Carpet Cleaning',\r\n 'Carpet Installation',\r\n 'Cat Sitting',\r\n 'Ceiling Fan Installation/Repair',\r\n 'Central Air Conditioning Installation',\r\n 'Central Air Conditioning Repair',\r\n 'Central Vacuum Cleaning',\r\n 'Ceramic Tile Installation',\r\n 'Childproofing',\r\n 'Chimney Repair',\r\n 'Chimney Sweep',\r\n 'Closets Organization',\r\n 'Commercial Cleaning',\r\n 'Commercial Photography',\r\n 'Computer Repair',\r\n 'Concrete - Leveling/Mudjacking',\r\n 'Concrete - Pouring & Repair',\r\n 'Concrete - Stamped & Decorative',\r\n 'Concrete Driveway Installation',\r\n 'Concrete Installation',\r\n 'Concrete Repair and Maintenance',\r\n 'Corporate Lunch Catering',\r\n 'Countertop Installation',\r\n 'Countertop Repair',\r\n 'Custom Cabinet Building',\r\n 'Data Recovery Service',\r\n 'Deck Maintenance',\r\n 'Decks & Porches',\r\n 'DJ',\r\n 'Dog Grooming',\r\n 'Dog Sitting',\r\n 'Dog Training',\r\n 'Dog Walking',\r\n 'Door Installation',\r\n 'Door Installation',\r\n 'Door Repair',\r\n 'Drain Pipe Installation - Exterior',\r\n 'Drapery Cleaning',\r\n 'Dryer Vent Cleaning',\r\n 'Drywall',\r\n 'Drywall Installation and Hanging',\r\n 'Drywall Repair and Texturing',\r\n 'Duct and Vent Cleaning',\r\n 'Electrical',\r\n 'Engagement Photography',\r\n 'Epoxy Flooring',\r\n 'Event Catering (Buffet)',\r\n 'Event Catering (Drop-off)',\r\n 'Event Catering (Full Service)',\r\n 'Event Decorating',\r\n 'Event Hair and Makeup',\r\n 'Event Photography',\r\n 'Event Videography',\r\n 'Excavating',\r\n 'Exterior Painting',\r\n 'Exterior Painting ',\r\n 'Face Painting',\r\n 'Family Portrait Photography',\r\n 'Fence and Gate Installation',\r\n 'Fence and Gate Repairs',\r\n 'Fencing',\r\n 'Fencing & Driveway Gates',\r\n 'Fireplace Installation',\r\n 'Flooring',\r\n 'Food Truck or Cart Services',\r\n 'Foundation Repair',\r\n 'Fountains',\r\n 'Framing',\r\n 'Furniture Assembly',\r\n 'Furniture Moving and Heavy Lifting',\r\n 'Garage Door Repair',\r\n 'Garage Doors',\r\n 'Gardening',\r\n 'Gas Grill Repair',\r\n 'Gas Leak Repair',\r\n 'General Carpentry',\r\n 'General Contracting',\r\n 'Generator',\r\n 'Glass & Mirrors',\r\n 'Glass Block',\r\n 'Gutter Cleaning and Maintenance',\r\n 'Gutter Installation or Replacement',\r\n 'Handyman Services',\r\n 'Hardware & Home Improvement Stores',\r\n 'Hardwood Floor Refinishing',\r\n 'Headshot Photography',\r\n 'Heating Ventilation Air Conditioning HVAC',\r\n 'Holiday Lighting Installation and Removal',\r\n 'Home Automation',\r\n 'Home Inspection',\r\n 'Home Organizing',\r\n 'Home Remodeling',\r\n 'Home Staging',\r\n 'House Cleaning',\r\n 'House Cleaning (One Time)',\r\n 'Insulation',\r\n 'Inflatable Slide Rental',\r\n 'Interior Design',\r\n 'Interior Design & Decorating',\r\n 'Interior Painting',\r\n 'Junk Removal',\r\n 'Kitchen Remodel',\r\n 'Land Leveling and Grading - Small Scale (less than 1 acre)',\r\n 'Land Surveying',\r\n 'Land Surveying',\r\n 'Landscaping',\r\n 'Landscaping - Hardscaping & Pavers',\r\n 'Landscaping & Lighting',\r\n 'Lawn & Yard Work',\r\n 'Lawn Fertilization & Treatment',\r\n 'Lawn Irrigation',\r\n 'Lawn Mowing and Trimming',\r\n 'Lawn Mowing and Trimming (Recurring)',\r\n 'Lead Testing & Removal',\r\n 'Leaf Clean Up',\r\n 'Leaf Removal',\r\n 'Lighting',\r\n 'Local Moving (under 50 miles)',\r\n 'Lock Installation and Repair',\r\n 'Locksmiths',\r\n 'Long Distance Moving',\r\n 'Magician',\r\n 'Makeup Artistry Lessons',\r\n 'Marble & Granite',\r\n 'Masonry',\r\n 'Massage',\r\n 'Math Tutoring',\r\n 'Mold Inspection and Removal',\r\n 'Move-in or Move-out Cleaning',\r\n 'Moving',\r\n 'Mulch & Topsoil',\r\n 'Multi Service Lawn Care (Recurring)',\r\n 'Organization - Home & Garage',\r\n 'Oriental Rug Cleaning',\r\n 'Outdoor Landscaping and Design',\r\n 'Packing and Unpacking',\r\n 'Painting',\r\n 'Personal Chef',\r\n 'Personal Chef (Ongoing)',\r\n 'Personal Injury Attorney',\r\n 'Personal Training',\r\n 'Pest Control Services',\r\n 'Pest Control/Exterminating',\r\n 'Pet Sitting',\r\n 'Photo Booth Rental',\r\n 'Piano Moving',\r\n 'Piano Tuning',\r\n 'Plastering',\r\n 'Playground Equipment',\r\n 'Plumbing',\r\n 'Plumbing Drain Repair',\r\n 'Plumbing Pipe Repair',\r\n 'Pool & Spa Service',\r\n 'Poop removal',\r\n 'Portrait Photography',\r\n 'Pressure Washing',\r\n 'Pressure Washing',\r\n 'Printer Repair',\r\n 'Private Cooking Lessons',\r\n 'Private Dance Lessons (for me or my group)',\r\n 'Private Fitness Coaching (for couples)',\r\n 'Private Investigation',\r\n 'Private Swimming Instruction (for me or my group)',\r\n 'Private Tennis Instruction (for me or my group)',\r\n 'Private Yoga Instruction (for me or my group)',\r\n 'Prom Makeup',\r\n 'Property Cleanup',\r\n 'Property Management',\r\n 'Radon Detection & Reduction',\r\n 'Real Estate Agents',\r\n 'Relationship Counseling',\r\n 'Remodeling - Basements',\r\n 'Remodeling - General',\r\n 'Remodeling - Kitchen & Bathroom',\r\n 'Remodeling - Modular & Mobile Home',\r\n 'Remodeling - Sunrooms & Patio Enclosures',\r\n 'Roof Cleaning',\r\n 'Roof Installation or Replacement',\r\n 'Roof Repair or Maintenance',\r\n 'Roofing',\r\n 'Screen Repair',\r\n 'Septic Tank Service',\r\n 'Sewer Cleaning',\r\n 'Siding',\r\n 'Siding Installation, Repair, or Removal',\r\n 'Singing Lessons (for adults)',\r\n 'Singing Lessons (for children or teenagers)',\r\n 'Skylights',\r\n 'Snow Plowing (Residential)',\r\n 'Snow Removal',\r\n 'Sod Installation',\r\n 'Solar Panels',\r\n 'Spanish Lessons',\r\n 'Sprinkler System Repair and Maintenance',\r\n 'Stone & Gravel',\r\n 'Structural Engineering',\r\n 'Stucco',\r\n 'Switch and Outlet Installation',\r\n 'Tile Installation and Replacement',\r\n 'Tree Service',\r\n 'Tree Stump Grinding and Removal',\r\n 'Trim or Molding Installation',\r\n 'TV Mounting',\r\n 'Upholstering - Boat & Auto',\r\n 'Upholstering - General',\r\n 'Upholstery and Furniture Cleaning',\r\n 'Upholstery Cleaning',\r\n 'Vacuum Cleaners',\r\n 'Wallpaper Removal',\r\n 'Wallpapering',\r\n 'Warranty Companies - Home',\r\n 'Water & Smoke Damage',\r\n 'Water Heaters',\r\n 'Water Softeners',\r\n 'Web Design',\r\n 'Wedding and Event Hair Styling',\r\n 'Wedding and Event Makeup',\r\n 'Wedding Cakes',\r\n 'Wedding Catering',\r\n 'Wedding DJ',\r\n 'Wedding Florist',\r\n 'Wedding Hair Styling',\r\n 'Wedding Makeup',\r\n 'Wedding Officiant',\r\n 'Wedding Photography',\r\n 'Wedding Planning',\r\n 'Wedding Videography',\r\n 'Welding',\r\n 'Wells & Pumps',\r\n 'Window Cleaning',\r\n 'Window Installation',\r\n 'Window Repair',\r\n 'Window Treatments',\r\n 'Windows',\r\n 'Windows - Egress',\r\n 'Wrought Iron',\r\n]","import React, {useState} from 'react'\r\nimport './ServicesField.scss'\r\n\r\nimport { ComboBox, FilledInput } from '../../../controls'\r\nimport SERVICE_LIST from '../../../config/serviceList' \r\n\r\nexport default function ServicesField(props){\r\n const [entry, setEntry] = useState('')\r\n const [list, setList] = useState([])\r\n\r\n function onChange(event){\r\n setEntry(event.target.value)\r\n }\r\n\r\n function choiceSelected(event){\r\n event.preventDefault()\r\n\r\n const value = event.target.value\r\n\r\n // do nothing if the entry\r\n // this prevents the user from getting a bunch of empty industry fields\r\n if(value === '')\r\n return\r\n\r\n // just clear the field if the item is already in the array\r\n if(list.includes(value)){\r\n setEntry('')\r\n return\r\n }\r\n\r\n var tempList = [...list];\r\n tempList.push(value);\r\n tempList.sort();\r\n setList(tempList)\r\n\r\n //make service field blank after selection\r\n setEntry('')\r\n }\r\n\r\n function deleteService(event, i){\r\n event.preventDefault()\r\n\r\n //delete the specific service\r\n var newList = [...list]\r\n newList.splice(i, 1)\r\n setList(newList)\r\n }\r\n\r\n return (<>\r\n {\r\n list.map((item, i) => \r\n deleteService(e, i)}>{item})\r\n }\r\n onChange(e)} \r\n onConfirm={choiceSelected} \r\n type='text'\r\n placeholder={!list.length ? \"Select or enter a service\":\"Select or enter another service\"}\r\n name={props.name? props.name:\"services\"}\r\n options={SERVICE_LIST} />\r\n )\r\n}","import React from 'react'\r\nimport './CloseButton.scss'\r\nimport {Button} from '../../controls'\r\nimport '../../styles/icons.scss'\r\n\r\nexport default function CloseButton(props){\r\n return (\r\n \r\n
{props.children}
\r\n \r\n )\r\n}","import React from 'react'\r\nimport './PasswordStrength.scss'\r\nimport zxcvbn from 'zxcvbn'\r\n\r\nfunction strengthLabel(score){\r\n switch (score) {\r\n case 4:\r\n return 'Strong';\r\n case 2:\r\n return 'Fair';\r\n case 3:\r\n return 'Good';\r\n case 0:\r\n case 1:\r\n default:\r\n return 'Weak';\r\n }\r\n}\r\n\r\nexport default function PasswordStrength(props){\r\n const { value, lift, forField } = props;\r\n\r\n // returns 0 through 4\r\n const score=zxcvbn(value).score\r\n\r\n // set the valid value for the input field\r\n lift.setValid(forField, score >= 3)\r\n\r\n let val = lift.getValue(forField)\r\n const label=(val && val.length > 0) ? strengthLabel(score): \"\"\r\n const className=\"passwordstrength strength-\" + label\r\n\r\n return (\r\n
\r\n
\r\n \r\n
\r\n
\r\n )\r\n}","import React from 'react'\r\nimport './FieldLabel.scss'\r\nimport \"../../styles/icons.scss\"\r\n\r\n// Suggested props to pass:\r\n// active (true/false) - draws differently if active\r\n// label - the text of the label\r\n// for - the name of the field label is for\r\nexport default function FieldLabel(props){\r\n\r\n return (\r\n
\r\n \r\n
)\r\n}\r\n ","import React from 'react'\r\nimport './LinkButton.scss'\r\n\r\n// a button that looks like a link\r\n// recommended properties\r\n// click - the function to call when the link is clicked\r\nexport default function LinkButton(props){\r\n\r\n const { className, children, ...restProps } = props \r\n \r\n function click(){\r\n if(props.click) props.click()\r\n }\r\n \r\n return (\r\n \r\n )\r\n}\r\n","import React from 'react'\r\nimport './FilledInput.scss'\r\n\r\n/**\r\n * A styled \"filled-input\". \r\n * Despite the name: this is NOT an input;\r\n * it's the thing that's created after a user fills an input field,\r\n * and you need something to display the value\r\n * (is usually added in-line above the input field. The input-field is usually re-usable: \r\n * multiple 'filled inputs' can be created)\r\n * \r\n * @param {Object} props \r\n * @param {function} props.onDelete callback for when the 'delete' button is clicked. Callback takes an event parameter\r\n * @param {*} props.children displayed to the left of the delete button\r\n */\r\nexport default function FilledInput(props){\r\n\r\n return (\r\n
\r\n
\r\n
\r\n {props.children}\r\n \r\n
\r\n
\r\n
\r\n )\r\n}","import React from 'react'\r\nimport './SmartList.scss'\r\n\r\nfunction Cell(props){\r\n function onFocus(){ }\r\n\r\n return (\r\n
\r\n )\r\n}\r\n\r\nconst Row = (props) =>{\r\n return props.row.map((i)=>{return })\r\n}\r\n\r\nexport default function SmartList(props){\r\n\r\n function getHeader(labels){\r\n return labels.map((a)=>{return
{a}
})\r\n }\r\n function getRows(rows){\r\n return rows.map((i)=>{return
})\r\n }\r\n return (
\r\n
{getHeader(props.labels)}
\r\n {getRows(props.data)}\r\n
)\r\n} ","import React from 'react'\r\nimport './SortableTable.scss'\r\n\r\n\r\n/* example data for table */\r\n\r\n// const columns = [\r\n// 'dave',\r\n// 'alice',\r\n// 'carol',\r\n// 'bob'\r\n// ]\r\n\r\n// const rows = [\r\n// [ \r\n// {displayName: 'bob', value: 'bob1'},\r\n// {displayName: 'alice', value: 'alice1'},\r\n// {displayName: 'carol', value: 'carol1'},\r\n// ],\r\n// [\r\n// {displayName: 'bob', value: 'bob2'},\r\n// {displayName: 'dave', value: 'dave2'},\r\n// {displayName: 'alice', value: 'alice2'},\r\n// ],\r\n// [\r\n// {displayName: 'carol', value: 'carol3'},\r\n// {displayName: 'dave', value: 'dave3'},\r\n// {displayName: 'alice', value: 'alice3'},\r\n// ] \r\n// ]\r\n\r\n\r\n\r\n/**\r\n * A table that will sort by a column if you select the column header\r\n * Max of 64 columns\r\n * \r\n * @todo Make it sortable ;)\r\n * @todo Make responsive\r\n * \r\n * @param {Object} props \r\n * @param {Array} props.columns\r\n * @param {Array>} props.rows 'value' is rendered as a child component\r\n */\r\nexport default function SortableTable(props) {\r\n const { columns, rowNumber } = props\r\n\r\n const EntryRow = (entriesProps) => {\r\n const {entries, rowNumber} = entriesProps\r\n const final = columns.map((column) => {\r\n\r\n const entry = entries.find(entry => (entry.displayName === column))\r\n \r\n if(entry !== undefined){\r\n return ({entry.value})\r\n }else{\r\n return \r\n }\r\n }, [])\r\n\r\n return final\r\n }\r\n\r\n const ColumnHeaders = columnHeadersProps => {\r\n return columns.map(column =>
\r\n )\r\n}\r\n\r\nfunction EmptyEntry(props){\r\n return( \r\n --\r\n )\r\n}\r\n\r\n\r\n\r\n\r\n","import React from 'react'\r\nimport './SearchBar.scss'\r\nimport { TextField } from '../../controls'\r\n\r\nexport default function SearchBar(props) {\r\n\r\n return (\r\n
\r\n \r\n \r\n
\r\n )\r\n}","import React from 'react'\r\nimport './FieldsBox.scss'\r\nimport \"../../styles/icons.scss\"\r\n\r\n// creates a column box for standard width fields\r\nexport default function FieldsBox(props){\r\n\r\n return (\r\n
\r\n {props.children}\r\n
)\r\n}\r\n ","import React from 'react'\r\nimport './FieldsRow.scss'\r\nimport \"../../styles/icons.scss\"\r\n\r\n// creates a row for multiple controls\r\nexport default function FieldsRow(props){\r\n\r\n return (\r\n
\r\n {props.children}\r\n
)\r\n}\r\n ","import React from 'react'\r\nimport './ErrorDisplay.scss'\r\nimport \"../../styles/icons.scss\"\r\n\r\n// Suggested props to pass:\r\n// lift - the lifter (which keeps the error message))\r\nexport default function ErrorDisplay(props){\r\n\r\n if(!props.lift.hasError) return (<>)\r\n\r\n return (\r\n
\r\n \r\n
)\r\n}\r\n ","import React from 'react'\r\nimport './CheckBox.scss'\r\n\r\nexport default function CheckBox(props){\r\n\r\n const { label, name, className, lift } = props \r\n\r\n let _name = name ? name:\"check\"\r\n let checked = false;\r\n if(lift) checked = lift.getValue(_name)\r\n\r\n function onChange(event){\r\n if(lift) lift.setValue(_name, event.target.checked)\r\n }\r\n\r\n return (
\r\n )\r\n}\r\n\r\n\r\nfunction Field(props){\r\n const {displayName, ...inputProps} = props\r\n\r\n const name=`${displayName}${props.type}`\r\n return (\r\n \r\n \r\n \r\n )\r\n}\r\n\r\nfunction Input(props){\r\n const {defaultValue, name, type, fieldValues, ...inputProps} = props\r\n /* if there's no name, fall back to the type */\r\n const formName = name || type\r\n const INPUT_CONFIG = {\r\n //if there's a regular value (not defaultValue) \r\n //value: defaultValue will be overwritten by \"...inputProps\"\r\n value: defaultValue, \r\n name: formName, \r\n value: fieldValues[formName] || '', \r\n type: 'text', \r\n className: 'auto-integration-form-text-field'\r\n }\r\n\r\n\r\n switch(type){\r\n case FIELD_TYPES.EMAIL:\r\n return \r\n case FIELD_TYPES.PORTAL:\r\n return \r\n case FIELD_TYPES.CRM_USER:\r\n return \r\n case FIELD_TYPES.CRM_PASSWORD:\r\n return \r\n case FIELD_TYPES.EXTERNAL_ID:\r\n return \r\n case FIELD_TYPES.CRM_PORTAL_ID:\r\n return \r\n case FIELD_TYPES.CRM_URL:\r\n return \r\n default:\r\n return \"INLINE ERROR Alpha-India-Foxtrot-427\"\r\n //What this error means:\r\n //auto-generated form tried to render a field who's type\r\n //is not known by the form\r\n //check that FIELD_TYPES[renderedField]\r\n //is handled by this function\r\n\r\n //we put this here so it'd be easier to grep the code for it\r\n }\r\n}","import React from 'react'\r\nimport './AuthPage.scss'\r\nimport '../../../styles/icons.scss'\r\nimport {Page} from '../../../controls'\r\n\r\n// This is the common page for all authentication pages\r\n// properties to pass in\r\n// header=\"Text to Display\"\r\nexport default function AuthPage(props){\r\n return (\r\n
\r\n
\r\n \r\n {props.children}\r\n \r\n
\r\n \r\n
)\r\n}","export const APP_NAME = \"Lead Link™\"\r\nexport const APP_COPYRIGHT_RANGE = \"2018-20\"","import React from 'react'\r\nimport './WizardChild.scss'\r\n\r\n// This is the wrapper component for all child pages\r\nexport default function WizardChild(props){\r\n return (\r\n
\r\n {props.children} \r\n
\r\n )\r\n}","import React from 'react'\r\nimport './WizardColumns.scss'\r\n\r\nexport default function WizardColumns(props){\r\n\r\n return (\r\n
\r\n
\r\n {props.children}\r\n
\r\n
\r\n \r\n
\r\n
\r\n)\r\n}","import React from 'react'\r\nimport './AddCalendar.scss'\r\nimport WizardChild from '../../WizardChild/WizardChild'\r\nimport WizardColumns from '../../WizardColumns/WizardColumns'\r\nimport {IconSelect, EmailField, IconButton, ErrorDisplay} from '../../../../controls'\r\n\r\nconst CALENDAR_TYPES = [\r\n 'Google Calendar',\r\n 'Sugar CRM',\r\n 'Service Minder',\r\n 'mHelpDesk',\r\n 'Job Nimbus',\r\n 'Pocomos',\r\n 'Client Tether'\r\n]\r\n\r\nexport default function AddCalendar(props){\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n )\r\n}","import Welcome from './children/Welcome/Welcome'\r\nimport HelpOptions from './children/HelpOptions/HelpOptions'\r\nimport Profile from './children/Profile/Profile'\r\nimport VerifyPhone from './children/VerifyPhone/VerifyPhone'\r\nimport Country from './children/Country/Country'\r\nimport CompanyInfo from './children/CompanyInfo/CompanyInfo'\r\nimport Services from './children/Services/Services'\r\nimport CompanyAddress from './children/CompanyAddress/CompanyAddress'\r\nimport Schedulers from './children/Schedulers/Schedulers'\r\nimport Calendars from './children/Calendars/Calendars'\r\nimport Done from './children/Done/Done'\r\nimport Scheduler from './children/AddEditScheduler/AddEditScheduler'\r\nimport AddCalendar from './children/AddCalendar/AddCalendar'\r\nimport {server} from '../../services/server'\r\n\r\nlet skipPhone = function phoneVerified(){\r\n return server.phoneVerified()\r\n}\r\n\r\nexport const config = [\r\n { name: \"welcome\", record:'', title:'Welcome to Lead Link™', Component:Welcome, \r\n nextText:\"Let's Get Started\"},\r\n { name: \"help\", record:'', title:'Help Available', Component:HelpOptions},\r\n { name: \"profile\", record:'user', title:'Your Information', Component:Profile }, \r\n { name: \"verify\", record:'user.verify', title:'Verify Your Phone', Component:VerifyPhone,\r\n skippable: true, autoSkip:skipPhone }, \r\n { name: \"country\", record:'company.country', title:'Select Your Country', Component:Country },\r\n { name: \"company\", record:'company.info', title:'Enter Company Information', Component:CompanyInfo }, \r\n { name: \"industries\", record:'company.services', title: 'Services You Offer', Component:Services,\r\n skippable: true},\r\n { name: \"address\", record:'company.address', title:'Enter Company Address', Component:CompanyAddress,\r\n skippable: true},\r\n { name: \"schedulers\", record: 'schedulers', title: 'Appointment Schedulers', Component:Schedulers},\r\n { name: \"calendars\", record: 'calendars', title: 'Connect Calendars', Component:Calendars}, \r\n { name: \"done\", record: '', title:'Inital Setup Complete', Component:Done, nextText:\"Close\"},\r\n // everything beyond here is special cases, not in the normal flow\r\n { name: \"scheduler\", record: 'schedulers.edit', title:'Scheduler Information', Component:Scheduler,\r\n prevPage:\"schedulers\", prevText:\"Cancel\", nextPage:\"schedulers\", nextText:\"Save\"}, \r\n { name: \"addcalendar\", record: 'calendars.edit', title:'Add Calendar', Component:AddCalendar,\r\n prevPage:\"calendars\", prevText:\"Cancel\", nextPage:\"calendars\", nextText:\"Save\"}, \r\n]\r\n\r\n// this is the index of the \"done\" element in the config list\r\nexport const config_end = config.findIndex(element => element.name === \"done\")","import React from 'react'\r\nimport WizardChild from '../../WizardChild/WizardChild'\r\nimport WizardColumns from '../../WizardColumns/WizardColumns'\r\nimport {APP_NAME} from '../../../../config/appInfo'\r\nimport './Welcome.scss'\r\n\r\n// \"Welcome to the Wizard\" page\r\nexport default function Welcome(props){\r\n return (\r\n \r\n \r\n
Welcome to {APP_NAME} - the easiest way to manage and convert your sales leads.
\r\n
Let's get you up and running.
\r\n \r\n \r\n )\r\n}","import React from 'react'\r\nimport WizardChild from '../../WizardChild/WizardChild'\r\nimport WizardColumns from '../../WizardColumns/WizardColumns'\r\nimport './HelpOptions.scss'\r\n\r\n// \"Welcome to the Wizard\" page\r\nexport default function LiveHelp(props){\r\n return (\r\n \r\n \r\n
To close this assistant, click the \"X\" button in the upper right corner of this page.
\r\n
You may return to this assistant by selecting the option in the help menu.
\r\n
Other help options are also available, including live chat with a Lead Link expert.
\r\n \r\n \r\n )\r\n}","import React from 'react'\r\nimport WizardChild from '../../WizardChild/WizardChild'\r\nimport WizardColumns from '../../WizardColumns/WizardColumns'\r\nimport {NameField, PhoneField, ErrorDisplay} from '../../../../controls'\r\nimport {server} from '../../../../services/server'\r\n\r\nexport default function Profile(props){\r\n\r\n \r\n return (\r\n \r\n \r\n \r\n
Let's gather information about you.
\r\n \r\n \r\n {server.phoneVerified() ? \r\n \"Your phone number has been verified.\" :\r\n \"We will send a code to your phone.\"}\r\n \r\n \r\n )\r\n}","import React from 'react'\r\nimport './VerifyPhone.scss'\r\nimport WizardChild from '../../WizardChild/WizardChild'\r\nimport WizardColumns from '../../WizardColumns/WizardColumns'\r\nimport {IconField, IconButton, LinkButton, ErrorDisplay} from '../../../../controls'\r\nimport {server} from '../../../../services/server'\r\n\r\nexport default function VerifyPhone(props){\r\n\r\n function verify(){\r\n if(server.verifyPhone(props.lift.getValue(\"code\"))){\r\n props.next()\r\n }\r\n }\r\n\r\n return (\r\n \r\n \r\n \r\n
We sent a code to: {server.getPhone()} \r\n Use a different phone number.
\r\n
It may take up to 5 minutes. \r\n Send the code again.
\r\n \r\n \r\n \r\n \r\n )\r\n}\r\n\r\n","import React from 'react'\r\nimport './Country.scss'\r\nimport WizardChild from '../../WizardChild/WizardChild'\r\nimport {ErrorDisplay} from '../../../../controls'\r\n\r\nexport default function Country(props){\r\n \r\n function click(country){\r\n \r\n props.lift.setValueAndValid(\"country\", country, true)\r\n props.next()\r\n }\r\n\r\n let country = props.lift.getValue(\"country\")\r\n return (\r\n \r\n \r\n
Where is your main office located?
\r\n\r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n )\r\n}","import React from 'react'\r\nimport './CompanyInfo.scss'\r\nimport WizardChild from '../../WizardChild/WizardChild'\r\nimport WizardColumns from '../../WizardColumns/WizardColumns'\r\nimport {IconField, PhoneField, EmailField, ErrorDisplay} from '../../../../controls'\r\n\r\nexport default function CompanyInfo(props){\r\n\r\n let lift = props.lift;\r\n return (\r\n \r\n \r\n \r\n
Let's gather information about your company.
\r\n \r\n \r\n \r\n \r\n \r\n )\r\n}","import React from 'react'\r\nimport './Services.scss'\r\nimport WizardChild from '../../WizardChild/WizardChild'\r\nimport WizardColumns from '../../WizardColumns/WizardColumns'\r\nimport {ServicesField, ErrorDisplay} from '../../../../controls'\r\n\r\nexport default function Services(props){\r\n\r\n return (\r\n \r\n \r\n \r\n
Please enter one or more services offered by your company
\r\n \r\n \r\n \r\n )\r\n}","import React from 'react'\r\nimport './CompanyAddress.scss'\r\nimport WizardChild from '../../WizardChild/WizardChild'\r\nimport WizardColumns from '../../WizardColumns/WizardColumns'\r\nimport {AddressBlock, ErrorDisplay} from '../../../../controls'\r\n\r\nexport default function CompanyAddress(props){\r\n\r\n let lift = props.lift;\r\n return (\r\n \r\n \r\n \r\n Where is your main office?\r\n \r\n \r\n \r\n )\r\n}","import React from 'react'\r\nimport './Schedulers.scss'\r\nimport WizardChild from '../../WizardChild/WizardChild'\r\nimport WizardColumns from '../../WizardColumns/WizardColumns'\r\nimport {IconButton, LinkButton, ErrorDisplay} from '../../../../controls'\r\nimport {APP_NAME} from '../../../../config/appInfo'\r\n\r\nexport default function Schedulers(props){\r\n\r\n return (\r\n \r\n \r\n \r\n
The following people will receive lead notifications and be able to schedule appointments.
When you add others, they will be invited to install the {APP_NAME} application.
\r\n \r\n \r\n )\r\n}","import React from 'react'\r\nimport './Calendars.scss'\r\nimport WizardChild from '../../WizardChild/WizardChild'\r\nimport WizardColumns from '../../WizardColumns/WizardColumns'\r\nimport {IconButton, ErrorDisplay} from '../../../../controls'\r\n\r\nexport default function Calendars(props){\r\n\r\n return (\r\n \r\n \r\n \r\n
The following calendars can be scheduled for appointments:
\r\n
\r\n No calendars connected yet\r\n
\r\n props.jump(\"addcalendar\")} text=\"Add Calendar\" /> \r\n \r\n \r\n )\r\n}","import React from 'react'\r\nimport WizardChild from '../../WizardChild/WizardChild'\r\nimport WizardColumns from '../../WizardColumns/WizardColumns'\r\nimport {APP_NAME} from '../../../../config/appInfo'\r\nimport './Done.scss'\r\n\r\n// \"Welcome to the Wizard\" page\r\nexport default function Done(props){\r\n return (\r\n \r\n \r\n Congratulations.\r\n
)\r\n}\r\n\r\n","import React from 'react'\r\n\r\nexport default function AuthLayout(props){\r\n return ( \r\n
\r\n \r\n
)\r\n}","import React from 'react'\r\nimport {Redirect} from 'react-router-dom'\r\nimport {ROUTES} from '../../config/routes'\r\nimport {AppFrame} from '../index'\r\nimport {server} from '../../services/server'\r\n\r\nconst THIS_VARIABLE_IS_FOR_DEBUG = false\r\n\r\nexport default function AppLayout(props){\r\n if(server.isLoggedIn || THIS_VARIABLE_IS_FOR_DEBUG){\r\n if(server.isWizardOpen){\r\n return () \r\n }\r\n return ()\r\n }\r\n return ()\r\n}","import React from 'react'\r\nimport {Redirect} from 'react-router-dom'\r\nimport {AppFrame} from '../index'\r\nimport {ROUTES} from '../../config/routes'\r\nimport {server} from '../../services/server'\r\n\r\nexport default function ModalLayout(props){\r\n if(server.isLoggedIn){\r\n return ( ) \r\n }\r\n return ()\r\n}","import {Home, Business, Calendars, LeadSources, Login, Logout, Register, RegisterDone,\r\n Reset, ResetDone, Wizard, Schedulers, Leads, Profile, ProNexis, ChangePassword, TermsOfUse } from '../pages'\r\nimport {AuthLayout, AppLayout, ModalLayout} from '../layouts'\r\n\r\nlet ROUTES = {\r\n BUSINESS: '/business',\r\n HOME: '/',\r\n LEADS: '/leads',\r\n SCHEDULERS: '/schedulers',\r\n LEAD_SOURCES: '/leadsources',\r\n CALENDARS: '/calendars',\r\n LOGIN: '/login',\r\n LOGOUT: '/logout',\r\n RESET: '/reset',\r\n RESET_DONE: '/resetdone',\r\n REGISTER: '/register',\r\n REGISTER_DONE: '/registerdone',\r\n WIZARD: '/assistant',\r\n PROFILE: '/profile',\r\n CHANGE_PASSWORD: '/changepassword',\r\n HELP: '/help',\r\n CHAT: '/chat', \r\n PRONEXIS: '/pronexis',\r\n TERMS_OF_USE: './termsofuse' \r\n}\r\n\r\nexport {ROUTES};\r\n\r\nexport const ROUTE_MAP = [\r\n { path:ROUTES.BUSINESS, Component:Business, Layout:AppLayout},\r\n { path:ROUTES.LEADS, Component:Leads, Layout:AppLayout},\r\n { path:ROUTES.SCHEDULERS, Component:Schedulers, Layout:AppLayout},\r\n { path:ROUTES.LEAD_SOURCES, Component:LeadSources, Layout:AppLayout},\r\n { path:ROUTES.CALENDARS, Component:Calendars, Layout:AppLayout},\r\n { path:ROUTES.LOGIN, Component:Login, Layout:AuthLayout},\r\n { path:ROUTES.LOGOUT, Component:Logout, Layout:AuthLayout},\r\n { path:ROUTES.RESET, Component:Reset, Layout:AuthLayout},\r\n { path:ROUTES.RESET_DONE, Component:ResetDone, Layout:AuthLayout},\r\n { path:ROUTES.REGISTER, Component:Register, Layout:AuthLayout},\r\n { path:ROUTES.REGISTER_DONE, Component:RegisterDone, Layout:AuthLayout},\r\n { path:ROUTES.WIZARD, Component:Wizard, Layout:ModalLayout},\r\n { path:ROUTES.PROFILE, Component:Profile, Layout:ModalLayout},\r\n { path:ROUTES.PRONEXIS, Component:ProNexis, Layout:AppLayout},\r\n { path:ROUTES.CHANGE_PASSWORD, Component:ChangePassword, Layout:ModalLayout},\r\n { path:ROUTES.TERMS_OF_USE, Component:TermsOfUse, Layout:AuthLayout},\r\n/* { path:ROUTES.HELP, Component:Help},\r\n { path:ROUTES.CHAT, Component:Chat},\r\n */\r\n\r\n /* alwasy keep this one as the last one */\r\n { path:ROUTES.HOME, Component:Home, Layout:AppLayout}\r\n]\r\n\r\n// menu button mappings\r\nexport const USERMENU = [\r\n {display:'My Information', to: ROUTES.PROFILE },\r\n {display:'Change Password', to: ROUTES.CHANGE_PASSWORD },\r\n {display:'Log Out', to: ROUTES.LOGOUT } \r\n]\r\n\r\nexport const HELPMENU = [\r\n {display:'Setup Assistant', to: ROUTES.WIZARD },\r\n {display:'How Do I...', to: ROUTES.HELP},\r\n {display:'Live Chat', to: ROUTES.CHAT}\r\n]","import React, { useState } from 'react'\r\nimport uid from '../../services/uid'\r\nimport './Calendars.scss'\r\nimport { Page, HorizontalRule, Button, ErrorDisplay } from '../../controls'\r\nimport AutoIntegrationForm from './AutoIntegrationForm/AutoIntegrationForm'\r\nimport { CRMIntegrations } from '../../config/CRMIntegrations'\r\nimport { useLift } from '../../hooks/lift' \r\n\r\n\r\nexport default function Calendars(props) {\r\n //DUMMY_INTEGRATION_DATA\r\n const [integrations, setIntegrations] = useState([])\r\n const lift = useLift(\"calendars\") \r\n\r\n function handleChange(event, integrationIndex){\r\n\r\n //if the integration type changes,\r\n //handle it separately\r\n if(event.target.name === 'type')\r\n return (handleIntegrationTypeChange(event, integrationIndex), undefined) \r\n\r\n event.preventDefault()\r\n\r\n const eventTarget = event.target\r\n\r\n setIntegrations(prevState => {\r\n let newState = [...prevState]\r\n newState[integrationIndex][eventTarget.name] = eventTarget.value\r\n return newState\r\n })\r\n }\r\n\r\n function handleIntegrationTypeChange(event, integrationIndex){\r\n event.preventDefault()\r\n const eventTarget = event.target\r\n const newType = eventTarget.value\r\n\r\n const integration = CRMIntegrations.find(integ => integ.type === newType)\r\n \r\n\r\n setIntegrations(prevState => {\r\n const newState = [...prevState]\r\n console.log([...newState])\r\n newState[integrationIndex].type = newType\r\n \r\n //make sure state has a value\r\n //for each field in this integration type\r\n for (const field of integration.requiredFields){\r\n newState[integrationIndex][field.name] = prevState[integrationIndex][field.name] || field.defaultValue\r\n }\r\n\r\n return newState\r\n })\r\n }\r\n\r\n function handleDelete(event, integrationIndex){\r\n event.preventDefault()\r\n\r\n setIntegrations(prevState => {\r\n let newState = [...prevState]\r\n newState.splice(integrationIndex, 1)\r\n return newState\r\n })\r\n }\r\n\r\n function newIntegration(){\r\n const defaultIntegration = {\r\n internalID: uid(),\r\n type: CRMIntegrations[0].type\r\n }\r\n\r\n for (const field of CRMIntegrations[0].requiredFields){\r\n defaultIntegration[field.name] = field.defaultValue || ''\r\n }\r\n\r\n setIntegrations(prevState => [\r\n ...prevState,\r\n defaultIntegration\r\n ])\r\n }\r\n\r\n return (\r\n \r\n \r\n { integrations.map((integ, i) => \r\n handleChange(event, i)} \r\n onDelete={event => handleDelete(event, i)} \r\n fieldValues={integrations[i]} \r\n {...integ}\r\n />\r\n )}\r\n \r\n \r\n \r\n )\r\n}\r\n\r\n\r\n\r\n\r\n\r\n","import React, {useState, useEffect} from 'react'\r\nimport { Redirect } from \"react-router-dom\";\r\nimport '../../../styles/icons.scss'\r\nimport {EmailField, PasswordField, IconLink, IconButton, ErrorDisplay, CheckBox} from '../../../controls'\r\nimport AuthPage from '../AuthPage/AuthPage'\r\nimport { server } from '../../../services/server';\r\nimport { useLift } from '../../../hooks/lift';\r\nimport {ROUTES} from '../../../config/routes'\r\nimport {APP_NAME} from '../../../config/appInfo'\r\n\r\n\r\n\r\n// This is the login page..\r\nexport default function Login(props){\r\n const [redirect, setRedirect] = useState(null);\r\n const lift = useLift(\"login\");\r\n\r\n useEffect(\r\n () => {\r\n let saved = localStorage.getItem(\"remember\") \r\n lift.setValue(\"remember\", saved)\r\n if(saved){\r\n let email = localStorage.getItem(\"email\") \r\n if(email && email.length > 0){\r\n lift.setValueAndValid(\"email\", email, true)\r\n }\r\n } \r\n },\r\n [lift],\r\n )\r\n\r\n function login() {\r\n\r\n // handle the remember me stuff\r\n let remember = lift.getValue(\"remember\");\r\n let email = lift.getValue(\"email\") \r\n\r\n // save the remember state first\r\n if(remember) localStorage.setItem(\"remember\", true)\r\n else localStorage.removeItem(\"remember\")\r\n // then save or clear the email as appropriate\r\n if(remember) localStorage.setItem(\"email\", email)\r\n else localStorage.removeItem(\"email\")\r\n\r\n // and then do the login\r\n if(server.login(email, lift.getValue(\"password\"), (e)=>lift.setError(e))){\r\n setRedirect(props.redirect ? props.redirect:ROUTES.HOME);\r\n }\r\n }\r\n\r\n if(redirect) return ()\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n )\r\n} \r\n\r\n\r\n","import React from 'react'\r\nimport '../../../styles/icons.scss'\r\nimport {IconLink} from '../../../controls'\r\nimport AuthPage from '../AuthPage/AuthPage'\r\nimport {ROUTES} from '../../../config/routes'\r\nimport {APP_NAME} from '../../../config/appInfo'\r\nimport {server} from '../../../services/server'\r\n\r\n// Page notifying user that they have logged out\r\nexport default function Logout(props){\r\n\r\n server.logout();\r\n \r\n return (\r\n \r\n
You have logged out of {APP_NAME}.
\r\n \r\n )\r\n}","import React, {useState} from 'react'\r\nimport { Redirect } from \"react-router-dom\";\r\nimport '../../../styles/icons.scss'\r\nimport {EmailField, IconLink, IconButton, ErrorDisplay} from '../../../controls'\r\nimport { server } from '../../../services/server'\r\nimport AuthPage from '../AuthPage/AuthPage'\r\nimport {ROUTES} from '../../../config/routes'\r\nimport { useLift } from '../../../hooks/lift';\r\n\r\n// This is the sign up page..\r\nexport default function Reset(props){\r\n const [redirect, setRedirect] = useState(null);\r\n const lift = useLift(\"reset\");\r\n\r\n function reset() {\r\n if(server.resetPassword(lift.getValue(\"email\"), (e)=>lift.setError(e))){\r\n setRedirect(ROUTES.RESET_DONE);\r\n }\r\n }\r\n\r\n if(redirect) return () \r\n\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n )\r\n}","import React from 'react'\r\nimport '../../../styles/icons.scss'\r\nimport {IconLink} from '../../../controls'\r\nimport AuthPage from '../AuthPage/AuthPage'\r\nimport {ROUTES} from '../../../config/routes'\r\n\r\n// Page notifying user that a password reset email was sent\r\nexport default function ResetDone(props){\r\n return (\r\n \r\n
If the email was for a registered user, password reset information has been sent.
\r\n \r\n )\r\n}","import React, {useState} from 'react'\r\nimport { Redirect } from \"react-router-dom\";\r\nimport '../../../styles/icons.scss'\r\nimport {EmailField, PasswordField, IconLink, IconButton, ErrorDisplay} from '../../../controls'\r\nimport { server } from '../../../services/server'\r\nimport { useLift } from '../../../hooks/lift'\r\nimport AuthPage from '../AuthPage/AuthPage'\r\nimport {ROUTES} from '../../../config/routes'\r\n\r\n\r\n// This is the corporate registration page..\r\nexport default function Register(props){\r\n const [redirect, setRedirect] = useState(null);\r\n const lift = useLift(\"register\"); \r\n\r\n function register() {\r\n if(server.register(lift.getValue(\"email\"), lift.getValue(\"password\"), (e)=>lift.setError(e))){\r\n setRedirect(ROUTES.REGISTER_DONE)\r\n }\r\n }\r\n\r\n if(redirect) return () \r\n\r\n // validate the second password field against the first field\r\n lift.setValidNoTrigger(\"password2\", (lift.getValue(\"password\") === lift.getValue(\"password2\")))\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n )\r\n}","import React from 'react'\r\nimport '../../../styles/icons.scss'\r\nimport {IconLink} from '../../../controls'\r\nimport AuthPage from '../AuthPage/AuthPage'\r\nimport {ROUTES} from '../../../config/routes'\r\nimport {APP_NAME} from '../../../config/appInfo'\r\n\r\n// Page notifying user that they successfully registered\r\nexport default function RegisterDone(props){\r\n return (\r\n \r\n
Congratulations! Your company is now registered for {APP_NAME}.
\r\n \r\n )\r\n}","import React, {useState} from 'react'\r\nimport { Redirect } from \"react-router-dom\";\r\nimport './Wizard.scss'\r\nimport {Page, IconButton} from '../../controls'\r\nimport {config, config_end} from './config'\r\nimport {ROUTES} from '../../config/routes'\r\nimport '../../styles/icons.scss'\r\nimport {server} from '../../services/server'\r\nimport { useLift } from '../../hooks/lift';\r\n\r\n// This is the wizard (Setup Assistant) page\r\n// it manages all of the child wizard pages using data from config.js\r\nexport default function Wizard(props){\r\n const [pageNum, set] = useState(0)\r\n const [slide, setSlide] = useState(\"left\")\r\n const [redirect, setRedirect] = useState(props.redirect);\r\n const lift = useLift(config[pageNum].record );\r\n\r\n // this causes a move to the previous child\r\n // can be called from the buttons on the wizard, or through callback hook in child\r\n function prev(){ \r\n setSlide(\"right\");\r\n \r\n // if there is a designated prev page, go to that\r\n if(config[pageNum].prevPage){\r\n jump(config[pageNum].prevPage)\r\n return\r\n }\r\n let prevPage=pageNum;\r\n if(prevPage !== 0){ \r\n prevPage--;\r\n // if the conditons for no longer displaying that page are true, skip it\r\n let autoSkip = config[prevPage].autoSkip\r\n if(autoSkip && autoSkip()) prevPage--;\r\n set(prevPage)\r\n }\r\n }\r\n\r\n // closes the wizard\r\n function close(){\r\n // if the save fails, ignore, because they were closing anyway\r\n lift.save();\r\n\r\n // tell the server we are closing so the wizard won't pop back up automatically\r\n server.closeWizard();\r\n\r\n // if this is the last page, go to the page the user was previously on, or the home page\r\n // setRedirect(redirect ? redirect: ROUTES.HOME)\r\n setRedirect(ROUTES.HOME);\r\n }\r\n\r\n function save(){\r\n // save the old\r\n return lift.save()\r\n }\r\n \r\n // this causes a move to the next child\r\n // can be called from the buttons on the wizard, or through callback hook in child \r\n function next(){ \r\n\r\n // if we are at the close page, close the wizard\r\n // save would have happened on previous page\r\n if(pageNum === config_end){ close(); return }\r\n\r\n setSlide(\"left\")\r\n // if there is a designated next page, go to that\r\n if(config[pageNum].nextPage){\r\n jump(config[pageNum].nextPage)\r\n return\r\n }\r\n\r\n // if we fail on the save, don't go to the next page\r\n if(!save()) return\r\n\r\n // otherwise, go to the next page\r\n let nextPage=pageNum + 1\r\n // if the conditions for no longer displaying that page are true, skip it\r\n let autoSkip = config[nextPage].autoSkip \r\n if(autoSkip && autoSkip()) nextPage++;\r\n \r\n set(nextPage)\r\n } \r\n\r\n // this can be used to jump to a page (usually one beyond the end)\r\n function jump(child_name){\r\n const page = config.findIndex(element => element.name === child_name)\r\n\r\n // if the save fails, don't go on\r\n if(!save()) return \r\n\r\n set(page)\r\n }\r\n\r\n function jumpNext(child_name){\r\n setSlide(\"left\")\r\n jump(child_name)\r\n }\r\n\r\n function skip(){ next() }\r\n\r\n function renderSkipButton(skippable){\r\n if(skippable) return (\r\n <> \r\n \r\n )\r\n }\r\n\r\n if(redirect) return ()\r\n \r\n let Child = config[pageNum].Component\r\n let nextText = config[pageNum].nextText || \"Next\";\r\n let prevText = config[pageNum].prevText || \"Previous\";\r\n \r\n return (\r\n \r\n jumpNext(c)}/>\r\n
\r\n \r\n )\r\n}\r\n","import React from 'react'\r\nimport { useHistory} from \"react-router-dom\";\r\nimport {Page, FieldsBox, FieldsRow, ErrorDisplay, NameField, PhoneField, IconButton} from '../../controls'\r\nimport { server } from '../../services/server'\r\nimport { useLift } from '../../hooks/lift' \r\n\r\nexport default function Profile(props) {\r\n const lift = useLift(\"user\")\r\n let history = useHistory();\r\n\r\n function close(){ history.goBack() }\r\n\r\n function save(){\r\n if(lift.save()){ \r\n close()\r\n }\r\n }\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n {server.phoneVerified() ? \r\n \"Your phone number has been verified.\" :\r\n \"We will send a code to your phone.\"} \r\n \r\n \r\n \r\n \r\n \r\n \r\n )\r\n}\r\n\r\n","import React from 'react'\r\nimport {Page} from '../../controls'\r\n\r\nexport default function ProNexis(props){\r\n return (\r\n \r\n \r\n )\r\n} ","import React from 'react'\r\nimport { useHistory } from \"react-router-dom\";\r\nimport {Page, PasswordField, IconButton, FieldsBox, FieldsRow, ErrorDisplay} from '../../controls'\r\nimport { server} from '../../services/server'\r\nimport { useLift } from '../../hooks/lift' \r\nimport '../../styles/global.scss'\r\n\r\nexport default function ChangePassword(props) {\r\n const lift = useLift(\"changepassword\");\r\n let history = useHistory();\r\n\r\n function close(){\r\n history.goBack();\r\n }\r\n\r\n function change(){\r\n if(server.changePassword(lift.getValue(\"password\"), (e)=>lift.setError(e))){\r\n close();\r\n }\r\n }\r\n\r\n // validate the second password field\r\n lift.setValidNoTrigger(\"password2\", (lift.getValue(\"password\") === lift.getValue(\"password2\")))\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n )\r\n}","import React from 'react'\r\nimport './TermsOfUse.scss'\r\nimport { Collapse, Header, Page } from '../../controls'\r\n\r\nexport default function TermsOfUse(props) {\r\n\r\n return (\r\n \r\n Terms of Use}\r\n >\r\n Do. Or do not. There is no try.\r\n \r\n Privacy Policy}\r\n >\r\n You can keep your data, we're only after your heart.\r\n \r\n \r\n )\r\n}\r\n","import React from 'react'\r\nimport {Switch, Route, BrowserRouter as Router} from 'react-router-dom'\r\nimport {ROUTE_MAP} from './config/routes'\r\nimport {APP_NAME} from './config/appInfo'\r\nimport './styles/global.scss'\r\nimport './App.scss'\r\n\r\n// set the name of the application\r\ndocument.title = APP_NAME;\r\n\r\nfunction renderRoute(entry, index){\r\n let Layout = entry.Layout;\r\n\r\n return (\r\n \r\n )\r\n}\r\n\r\nexport default props => {\r\n return (\r\n \r\n \r\n {ROUTE_MAP.map((entry, i) => renderRoute(entry, i))} \r\n \r\n \r\n )\r\n} \r\n","import React from 'react';\r\nimport ReactDOM from 'react-dom';\r\nimport App from './App'\r\n\r\nReactDOM.render(\r\n \r\n \r\n ,\r\n document.getElementById('root')\r\n);"],"sourceRoot":""}
})
\r\n ![]({require(\"../../../assets/img/\")
\r\n ![ProNexis]({require(\"../../assets/img/pronexislogo.svg\")})
\r\n