\n )\n }\n}","import React from 'react';\n\n// Base\nimport Carousel from '../../base/carousel';\n\n// Related Components\nimport Testimonial from './testimonials/testimonial';\n\nexport default class Testimonials extends React.Component {\n render() {\n return (\n
\n \n \n \n \n \n
\n )\n }\n}","import Model from '../v2/model';\n\nexport default class GoogleSignin extends Model {\n static NAME = 'user';\n static URL = '/api/internal/google_signin';\n}\n","import Model from './model';\nimport Persona from './persona';\nimport Query from './query';\n\nexport default class User extends Model {\n static NAME = 'user';\n static URL = '/api/v2/users';\n\n static CONSULTANT = 'consultant';\n static COMPANY = 'company';\n static AGENT = 'agent';\n\n static userTypeData = {\n consultant: {\n name: 'Professional',\n description: 'Find Opportunities',\n img: 'https://www.oomple.com/hubfs/assets/oomple/assets/app/signup-professional.png',\n },\n agent: {\n name: 'Employer',\n description: 'Hire Talent',\n img: 'https://www.oomple.com/hubfs/assets/oomple/assets/app/signup-employer.png',\n }\n };\n\n canNudge = () => {\n if (!this.nudged_at) return true;\n return !(this.nudged_by || []).includes(gon.currentUser.id.toString());\n };\n\n canAvailabilityNudge = () => {\n if (!this.availability_nudged_at) return true;\n return !(this.availability_nudged_by || []).includes(gon.currentUser.id.toString());\n };\n\n managedConsultantDiff = () => {\n const query = new Query(this);\n const url = `/api/internal/users/${this.id}/managed_consultant_diff`;\n return query.url(url).get();\n }\n\n managedConsultantMerge = () => {\n const query = new Query(this);\n const url = `/api/internal/users/${this.id}/managed_consultant_merge`;\n return query.url(url).post();\n }\n}\n","import React from 'react';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport update from 'immutability-helper';\nimport moment from 'moment';\nimport numeral from 'numeral';\nimport pluralize from 'pluralize';\n\n// Will recursively search through the children for react objects to add a method to\nexport function addMethodToChildren(children, propName, func, filterFunc) {\n if (typeof children === 'string' || children.type == FontAwesomeIcon) return children;\n filterFunc = filterFunc || function () { return true };\n\n return React.Children.map(children, (c) => {\n if (!c) return c;\n if (typeof c === 'string') return c;\n if (!filterFunc(c)) return false;\n\n // Only add propname to react components\n const newProps = (c.type instanceof Function) ? { [propName]: func } : {};\n\n // Add method to all chilren if they exist\n const newChildren = (c.props && c.props.children) ?\n addMethodToChildren(c.props.children, propName, func) :\n undefined;\n return React.cloneElement(c, newProps, newChildren);\n });\n};\n\nexport const uuid = (function () {\n function s4() {\n return Math.floor((1 + Math.random()) * 0x10000)\n .toString(16)\n .substring(1);\n }\n return function () {\n return s4() + s4() + '-' + s4() + '-' + s4() + '-' +\n s4() + '-' + s4() + s4() + s4();\n };\n})();\n\nexport const objectify = (collection, label = 'id') => {\n return (\n collection.reduce((result, element) => {\n result[element[label]] = element;\n return result;\n }, {})\n );\n};\n\nexport const sameObjects = (obj1, obj2) => {\n return JSON.stringify(obj1) === JSON.stringify(obj2);\n}\n\nexport const removeEmptyKeys = function(obj, isTruthy) {\n var isTruthy = isTruthy || false;\n var newObj = {};\n\n let key;\n for(key in obj) {\n var value = obj[key]\n\n if(!(value === undefined || value === null || value.length === 0 || (isTruthy && !value))) {\n newObj[key] = value;\n }\n }\n\n return newObj;\n}\n\nexport const deparam = function( params, coerce ) {\n var decode = decodeURIComponent;\n\n var obj = {},\n coerce_types = { 'true': !0, 'false': !1, 'null': null };\n\n $.each( params.replace( /\\+/g, ' ' ).split( '&' ), function(j,v){\n var param = v.split( '=' ),\n key = decode( param[0] ),\n val,\n cur = obj,\n i = 0,\n\n keys = key.split( '][' ),\n keys_last = keys.length - 1;\n\n if ( /\\[/.test( keys[0] ) && /\\]$/.test( keys[ keys_last ] ) ) {\n keys[ keys_last ] = keys[ keys_last ].replace( /\\]$/, '' );\n keys = keys.shift().split('[').concat( keys );\n\n keys_last = keys.length - 1;\n } else {\n keys_last = 0;\n }\n\n if ( param.length === 2 ) {\n val = decode( param[1] );\n\n if ( coerce ) {\n val = val && !isNaN(val) ? +val\n : val === 'undefined' ? undefined\n : coerce_types[val] !== undefined ? coerce_types[val]\n : val;\n }\n\n if ( keys_last ) {\n for ( ; i <= keys_last; i++ ) {\n key = keys[i] === '' ? cur.length : keys[i];\n cur = cur[key] = i < keys_last\n ? cur[key] || ( keys[i+1] && isNaN( keys[i+1] ) ? {} : [] )\n : val;\n }\n\n } else {\n\n if ($.isArray( obj[key] ) ) {\n obj[key].push( val );\n\n } else if ( obj[key] !== undefined ) {\n obj[key] = [ obj[key], val ];\n\n } else {\n obj[key] = val;\n }\n }\n\n } else if ( key ) {\n obj[key] = coerce\n ? undefined\n : '';\n }\n });\n\n return obj;\n};\n\nexport const isEmptyObject = function(obj) {\n return $.isEmptyObject(obj);\n}\n\nexport const removeEmptyElementsFromArray = function(array) {\n return array.filter((el) => !(el === undefined || el === null || el === ''));\n}\n\nexport const getDurationInMonths = function(startDate, endDate) {\n const start = moment(startDate);\n const end = moment(endDate);\n return moment.duration(end.diff(start)).asMonths();\n}\n\nexport const getFormattedDurationInMonths = function(startDate, endDate) {\n const months = getDurationInMonths(startDate, endDate);\n const formattedMonths = numeral(months).format('0.00');\n return `${formattedMonths} ${pluralize('month', formattedMonths)}`;\n}\n\nexport const formattedNumber = function(number, style = 'currency', currency = 'USD', maximumFractionDigits = 0) {\n if (number) {\n return new Intl.NumberFormat('en-US', { style: style, currency: currency, maximumFractionDigits: maximumFractionDigits }).format(number);\n }\n return 0;\n}\n\nexport const twoDecimals = function(value) {\n return Math.round(value * 100) / 100;\n}\n\nexport const debounce = function(key, callback, delay = 1000) {\n debounce.types = debounce.types || new Map();\n\n // Clear any existing timeout\n clearTimeout(debounce.types.get(key));\n\n // Set a new timeout\n debounce.types.set(\n key,\n setTimeout(() => {\n callback();\n debounce.types.delete(key); // Clean up after execution\n }, delay)\n );\n}","export default class Window {\n static flash = {\n error: (error, message = 'An error has occurred. Please reload and try again.') => {\n console.log('error', error);\n window.flash('alert', message);\n },\n success: (message) => {\n window.flash('notice', message || 'Success!');\n }\n }\n\n static open = (url, name = '_blank') => {\n window.open(url, name);\n }\n\n static redirect = (url, windowOverride) => {\n const win = windowOverride || window;\n win.location.href = url;\n }\n\n static updateParams = (params) => {\n const p = $.param(params);\n const path = `${window.location.pathname}${p ? `?${p}` : ''}`;\n window.history.replaceState({ url: path }, document.title, path);\n }\n\n static pushParams = (params) => {\n const p = $.param(params);\n const path = `${window.location.pathname}${p ? `?${p}` : ''}`;\n window.history.pushState({ url: path }, document.title, path);\n }\n\n static currentDomain = () => {\n return window.location.origin;\n }\n}","import React from 'react';\nimport PropTypes from 'prop-types';\nimport update from 'immutability-helper';\nimport classNames from 'classnames';\n\n// Mixins / Modules\nimport { deparam } from '../../../../modules/global';\nimport isResizable from '../../../mixins/resizable';\nimport Window from '../../../../modules/window';\n\n// Models\nimport User from '../../../../models/v2/user';\n\n// Base\nimport Button from '../../base/button';\nimport GoogleButton from '../../base/google_button';\nimport Separator from '../../base/separator';\n\n// Form\nimport Checkbox from '../../form/checkbox';\nimport Input from '../../form/input';\nimport Testimonials from './testimonials';\n\n// Related Components\nimport LogoutLogo from '../../agents/subscribe/logout_logo';\n\nclass SignIn extends React.Component {\n static propTypes = {\n onSignIn: PropTypes.func,\n }\n\n constructor(props) {\n super(props);\n\n const params = deparam(location.search.slice(1));\n this.state = {\n sending: false,\n user: {\n email: params.email || '',\n },\n }\n }\n\n get mainClassName() {\n const { isDesktop } = this.props;\n return classNames('', {\n 'width-60pct': isDesktop,\n 'width-100pct': !isDesktop,\n });\n }\n\n get sidebarClassName() {\n const { isDesktop } = this.props;\n return classNames('secondary-background', {\n 'fixed right-0 top-0 height-100vh width-40pct': isDesktop,\n 'width-100%': !isDesktop,\n });\n }\n\n handleInputChange = (field, value) => {\n const { user } = this.state;\n const newUser = update(user, { [field]: { $set: value } });\n this.setState({ user: newUser });\n }\n\n handleSubmit = (e) => {\n const { onSignIn } = this.props;\n const { sending, user } = this.state;\n\n e && e.preventDefault();\n\n if (sending) return;\n\n this.setState({ sending: true }, () => {\n $.ajax({\n url: '/users/sign_in.json',\n type: 'POST',\n contentType: 'application/json',\n data: JSON.stringify({\n user,\n }),\n success: (response) => {\n if (onSignIn === undefined) {\n Window.redirect(response.location);\n } else {\n onSignIn(response.location, response.user);\n }\n },\n error: (errors) => {\n const { responseJSON } = errors;\n const message = (responseJSON && responseJSON.error) ? responseJSON.error : 'Invalid email or password';\n Window.flash.error(errors, message);\n this.setState({ sending: false });\n },\n });\n })\n }\n\n handleGoogleAuth = (response) => {\n const { user } = response;\n if (user && !user.user_type) {\n this.setState({\n showUserType: true,\n user: response.user,\n response,\n })\n } else {\n this.handleRedirect(response.location);\n }\n }\n\n // Redirect to either the requested location or back to the root path\n handleRedirect = (location) => {\n const { response } = this.state;\n // Take what's passed in, if not, then what's stored in state\n // and finally fall back to root path\n const redirectTo = location || (response || {}).location || '/';\n Window.redirect(redirectTo);\n }\n\n handleChangeUserType = (userType) => {\n const { user } = this.state;\n const newUser = update(user, { $merge: { user_type: userType } });\n this.setState({ user: newUser });\n }\n\n handleNext = () => {\n const { user } = this.state;\n const data = {\n id: user.id,\n user_type: user.user_type,\n };\n (new User(data))\n .save()\n .then(() => this.handleRedirect())\n .catch ((error) => Window.flash.error(error));\n }\n\n render() {\n const { user, showUserType, sending } = this.state;\n\n if(showUserType) {\n return \n }\n\n return (\n \n
\n \n 
\n