{"version":3,"sources":["assets/website-01.png","assets/app@3x.png","assets/scheduler@3x.png","assets/workflow@3x.png","assets/testimonial@2x.png","assets/quote-open.png","assets/quote-close.png","assets/garage-dispatcher.svg","assets/range_icon.png","Pages/VegasBaby/dmggo.svg","assets/dsp-loading.svg","Components/Range/index.js","Components/UI.js","Components/Menus/Main/index.js","Routes/Layouts/Default/index.js","Routes/Layouts/Blank.js","Components/Sections/Footer.js","Pages/Features/index.js","api.js","Components/Sections/Testimonials.js","Pages/Pricing/index.js","Pages/Pricing/wordpress.js","patterns/index.js","Pages/Register/index.js","Pages/Register/preparing.js","Pages/VegasBaby/index.js","Routes/index.js","serviceWorker.js","index.js","assets/logo.svg"],"names":["module","exports","_defs","_g","_excluded","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","this","_objectWithoutProperties","excluded","sourceKeys","keys","indexOf","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","propertyIsEnumerable","_ref","svgRef","title","props","createElement","viewBox","ref","id","x1","y1","offset","stopColor","attributeName","dur","repeatCount","values","fill","d","className","ForwardRef","forwardRef","Container","setConfiguration","containerWidths","React","GridContainer","children","BigTitle","styled","Title","_templateObject","_taggedTemplateLiteral","LightBlueSection","Spacer","attrs","top","bottom","left","right","_templateObject2","Theme","colors","action","Divider","_templateObject3","full","extra","whiteSmoke","Card","div","_templateObject4","neutrals","white","gray","defaultRadius","Skeleton","_templateObject5","height","concat","width","animation","LoadingStyles","span","_templateObject6","Loading","_ref$width","LoadingSVG","Nav","nav","medium","Image","img","Menu","Tabs","ul","font","size","main","secondary","App","routes","_useState","useState","_useState2","_slicedToArray","open","setOpen","useRef","handleOutsideClick","evt","current","contains","useEffect","document","addEventListener","removeEventListener","Visible","xs","sm","md","NavLink","to","src","Logo","lg","xl","xxl","Button","style","paddingRight","paddingLeft","onClick","Icon","verticalAlign","filter","r","useMenu","map","route","path","exact","name","as","Link","type","inline","href","DefaultLayout","Component","component","rest","screenClass","useScreenClass","includes","window","scrollTo","Route","render","matchProps","Fragment","BlankLayout","big","info","border","shadow","position","primary","warnings","NumberInput","Input","progressStyle","sliderThumb","silver","sliderTrack","isIe","documentMode","Range","_ref$defaultValue","defaultValue","_ref$min","min","_ref$max","max","_ref$onChange","onChange","value","setValue","_useState3","Math","round","_useState4","progress","setProgress","handleChange","e","p","data-progress","onBlur","blockquote","assets","controller","AbortController","signal","abort","fetchPackages","fetch","process","then","response","json","fetchAddons","Help","text","body","Price","users","setUsers","packages","setPackages","_useState5","_useState6","setAddons","_useState7","_useState8","pricing","setPricing","_api","api","Promise","all","_ref2","addons","post","getElementById","scrollHeight","parent","postMessage","setInterval","basic","partner","forEach","unitPrice","parseFloat","processorData","prices","price","lookup_key","find","recurring","interval","unit_amount_decimal","toFixed","textAlign","Row","Col","ThirdTitle","Text","u","parseInt","display","alignItems","justifyContent","ButtonGroup","active","track","Hidden","ArrowRight","color","flexDirection","SubTitle","description","marginTop","disabled","background","bg","padding","borderRadius","fontSize","patternEmail","patternPhone","patternPassword","upper_lower_number","patternDomain","onlyFourCharacter","_regeneratorRuntime","Op","hasOwn","defineProperty","obj","desc","$Symbol","Symbol","iteratorSymbol","iterator","asyncIteratorSymbol","asyncIterator","toStringTagSymbol","toStringTag","define","enumerable","configurable","writable","err","wrap","innerFn","outerFn","self","tryLocsList","protoGenerator","Generator","generator","create","context","Context","makeInvokeMethod","tryCatch","fn","arg","ContinueSentinel","GeneratorFunction","GeneratorFunctionPrototype","IteratorPrototype","getProto","getPrototypeOf","NativeIteratorPrototype","Gp","defineIteratorMethods","method","_invoke","AsyncIterator","PromiseImpl","previousPromise","callInvokeWithMethodAndArg","resolve","reject","invoke","record","result","__await","unwrapped","error","state","Error","doneResult","delegate","delegateResult","maybeInvokeDelegate","sent","_sent","dispatchException","abrupt","done","methodName","undefined","return","TypeError","resultName","next","nextLoc","pushTryEntry","locs","entry","tryLoc","catchLoc","finallyLoc","afterLoc","tryEntries","push","resetTryEntry","completion","reset","iterable","iteratorMethod","isNaN","displayName","isGeneratorFunction","genFun","ctor","constructor","mark","setPrototypeOf","__proto__","awrap","async","iter","val","object","reverse","pop","skipTempReset","prev","charAt","slice","stop","rootRecord","rval","exception","handle","loc","caught","hasCatch","hasFinally","finallyEntry","complete","finish","catch","thrown","delegateYield","stripePromise","loadStripe","CartItem","black","CartTotal","Register","history","useHistory","stripe","useStripe","elements","useElements","defaultValues","_useForm","useForm","mode","register","handleSubmit","errors","getValues","watch","status","setStatus","setError","API","_useState9","_useState10","_useState11","_useState12","tier","setTier","_useState13","_useState14","station","setStation","_price$lookup_key","match","onSubmit","_asyncToGenerator","_callee","data","token","number","payload","_context","getElement","CardNumberElement","createToken","_objectSpread","country","currency","ach","t0","message","firstName","company","apiKey","email","numberOfUser","amazonAbbreviation","abbr","domain","stationName","stationCode","products","package","_defineProperty","addon","reduce","a","headers","JSON","stringify","password","reason","_x","location","_props$location$state","maxWidth","logo","ArrowLeft","fluid","backgroundColor","Type","RadioBox","options","item","toLowerCase","_item$processorData$u","toString","CheckBox","metadata","category","required","pattern","validate","_validate","_callee2","_context2","res","_x2","label","Required","valid","have_qty","_watch2","_item$processorData$p","amount","chargeAfterUsage","chargeAfterEvent","qty","total","usage_type","unit_label","fontWeight","date","Date","setTime","getTime","getDay","getMonth","getDate","getFullYear","trim","getFirstCharge","addonTotal","_watch","getTotal","pull","margin","help","phoneNumber","_validate2","_callee3","_context3","_x3","autoComplete","Password","_validate3","_callee4","_context4","_x4","Dropdown","CreditCard","CardExpiryElement","CardCvcElement","Alert","useIcon","Locker","lineHeight","Elements","Preparing","username","isCorporate","timezone","alt","BounceAnimation","header","DMGgo","keyframes","layout","PricingWordpress","ScreenClassProvider","BrowserRouter","Switch","Redirect","Boolean","hostname","ReactDOM","Routes","navigator","serviceWorker","ready","registration","unregister"],"mappings":"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","file":"static/js/main.542c5768.chunk.js","sourcesContent":["module.exports = __webpack_public_path__ + \"static/media/website-01.03a47d11.png\";","module.exports = __webpack_public_path__ + \"static/media/app@3x.66b1143a.png\";","module.exports = __webpack_public_path__ + \"static/media/scheduler@3x.5d286700.png\";","module.exports = __webpack_public_path__ + \"static/media/workflow@3x.9e0c964e.png\";","module.exports = __webpack_public_path__ + \"static/media/testimonial@2x.c6b869f9.png\";","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADcAAAAiCAYAAAD7wEFuAAAACXBIWXMAAAsTAAALEwEAmpwYAAAF92lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNi4wLWMwMDIgNzkuMTY0NDYwLCAyMDIwLzA1LzEyLTE2OjA0OjE3ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgMjEuMiAoTWFjaW50b3NoKSIgeG1wOkNyZWF0ZURhdGU9IjIwMjAtMDgtMjBUMTc6MTI6NDAtMDM6MDAiIHhtcDpNb2RpZnlEYXRlPSIyMDIwLTA4LTIwVDE5OjM4OjI1LTAzOjAwIiB4bXA6TWV0YWRhdGFEYXRlPSIyMDIwLTA4LTIwVDE5OjM4OjI1LTAzOjAwIiBkYzpmb3JtYXQ9ImltYWdlL3BuZyIgcGhvdG9zaG9wOkNvbG9yTW9kZT0iMyIgcGhvdG9zaG9wOklDQ1Byb2ZpbGU9InNSR0IgSUVDNjE5NjYtMi4xIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjIzNTk0YjE1LWQ3M2MtNDBiYi1iMTVjLTMzYzI5ZDQ5OTlhMiIgeG1wTU06RG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOjBjYjUyYWE4LWIwYjQtNDE0ZC1iY2U1LTMyODEwODNiZDVhZSIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjQxY2I4YTVkLWM5ZTEtNGNmMS1iYWZiLTY3NDUxM2E3OTk3NSI+IDx4bXBNTTpIaXN0b3J5PiA8cmRmOlNlcT4gPHJkZjpsaSBzdEV2dDphY3Rpb249ImNyZWF0ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6NDFjYjhhNWQtYzllMS00Y2YxLWJhZmItNjc0NTEzYTc5OTc1IiBzdEV2dDp3aGVuPSIyMDIwLTA4LTIwVDE3OjEyOjQwLTAzOjAwIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgMjEuMiAoTWFjaW50b3NoKSIvPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0ic2F2ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6MjM1OTRiMTUtZDczYy00MGJiLWIxNWMtMzNjMjlkNDk5OWEyIiBzdEV2dDp3aGVuPSIyMDIwLTA4LTIwVDE5OjM4OjI1LTAzOjAwIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgMjEuMiAoTWFjaW50b3NoKSIgc3RFdnQ6Y2hhbmdlZD0iLyIvPiA8L3JkZjpTZXE+IDwveG1wTU06SGlzdG9yeT4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7qjA5pAAADAElEQVRYw71ZzU4UQRCuAQUBQfnRhR14F17Co4nxsOFnJzCyisd9Hm6GhIBCJqJu1sSLZx8G6+tloGe2Z3unu3oq6ZAsSVVXV9VXX9UQhZQ3Z7N0kD2n4+wlHV6vU+/Xazq+3aIP33do/8eqgP45Si5W6DPrOsk26GjYok8/20o//icunT9PlUE4AiNV5+i65aA9ovRsQTmTO1F1eldLck7BKC5cNtLlSyByb9lYcjGvDqKJqE4tdxElwxVKb+JxJ/gR8ZjvsmdKN/72/go5ppSVooRXPf32QiA1Ita1POYUHhGR6fdnQtUT5/vtq4LRj9mmWDq8/7Ksoq7rTwdrYWrpwam7WTr8vV4wCpDonC/K1CzryUEnPwCL3exJUPBTKainSJJtU4fTD+kjUrccmcKjXW4pm8EFBa0bRkpKvSbApQxGsNeARNThtHjIe44c0E6ydei1BSf7oVMwh2AdCbtf26KGk3/zY4DRkES0d/Xo2AEjYa3eZHOMe1I6eKzfU1W7DcmJlopwElGUTEUdmETZhE1Ab3SYl3QM0Ud6NwwcIwFY6HUgDcUgtzrUNybo/gWaM2yJ6t/XMqLxdDQxA0kCUCa9jTRoCAiqaXQAo08HC951hxQc082/wW5Qvgh2rcPypBkMl6GabLxcx6YD9ESmiEcT85DNeLHZxiMnHdPddtBT0S5EpGuZaqudtDMKpLSb7tg/imAKLsbzYxt1sDtx1Y2h12viwMji4xymg4mRu4mDPt5E0fmj66l6XZBsX91eW7K6xW46VZOCqbfVPYrXuk+/sfcFULdmgrzorRvI6Sy+xkcLUPMoBHrl/XCWmrYwk7aX8RGiybaBAqD4zHmmRapUwZeJuFtWeFCzMlOv/bIWJuGj223lLvS608B0ernmVmtYG0pQMBcWgcXRNJMCwMalkctt2PiSgNxpDas5r8YIhI8ktR5OfIjly+pLIeNsxw3f1TDWeDbCAPtBd5aowfyDIYzhYO1W1ahdvq9hxEItoodhssBHD8m14b38B6bnxTV7Bo4OAAAAAElFTkSuQmCC\"","module.exports = \"data:image/png;base64,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\"","module.exports = __webpack_public_path__ + \"static/media/garage-dispatcher.151e254c.svg\";","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAABHNCSVQICAgIfAhkiAAAAEFJREFUGFfdz0ERwCAUxNB8R5VAHa2ESogkJFRCJdQBDDOo4JZDLq+SDLUAVgO32pN04KljhrZYm9mAV/2TXMA3AfRFXFnPHl/gAAAAAElFTkSuQmCC\"","module.exports = __webpack_public_path__ + \"static/media/dmggo.9e111b91.svg\";","var _defs, _g;\nvar _excluded = [\"svgRef\", \"title\"];\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\nimport React from \"react\";\nvar SvgDspLoading = function SvgDspLoading(_ref) {\n  var svgRef = _ref.svgRef,\n    title = _ref.title,\n    props = _objectWithoutProperties(_ref, _excluded);\n  return /*#__PURE__*/React.createElement(\"svg\", _extends({\n    viewBox: \"0 0 200.22 197.98\",\n    ref: svgRef\n  }, props), title ? /*#__PURE__*/React.createElement(\"title\", null, title) : null, _defs || (_defs = /*#__PURE__*/React.createElement(\"defs\", null, /*#__PURE__*/React.createElement(\"linearGradient\", {\n    id: \"a\",\n    x1: \"0%\",\n    y1: \"0%\"\n  }, /*#__PURE__*/React.createElement(\"stop\", {\n    offset: \"0%\",\n    stopColor: \"#f7931e\"\n  }), /*#__PURE__*/React.createElement(\"stop\", {\n    offset: \"50%\",\n    stopColor: \"#f7d4aa\"\n  }, /*#__PURE__*/React.createElement(\"animate\", {\n    attributeName: \"offset\",\n    dur: \"1s\",\n    repeatCount: \"indefinite\",\n    values: \"0;.50;1;0\"\n  })), /*#__PURE__*/React.createElement(\"stop\", {\n    offset: \"100%\",\n    stopColor: \"#f7931e\"\n  })))), _g || (_g = /*#__PURE__*/React.createElement(\"g\", {\n    \"data-name\": \"Layer 2\"\n  }, /*#__PURE__*/React.createElement(\"g\", {\n    fill: \"url(#a)\",\n    \"data-name\": \"Layer 1\"\n  }, /*#__PURE__*/React.createElement(\"path\", {\n    d: \"M194.24 11a25.05 25.05 0 0 0-10.72-7.3l-3.21-.91A24.83 24.83 0 0 0 151 22.14a25.12 25.12 0 0 0 1.1 13.76l-48.8 33.3a29.1 29.1 0 0 0-32.4-6.88L55.06 38.43a23.4 23.4 0 0 0-1.48-31.68A23.52 23.52 0 0 0 37 0a23.37 23.37 0 0 0-22.85 19.11c-2.28 12.61 5.77 24.54 18.75 27.25a23.17 23.17 0 0 0 13.59-1.58l15.43 23.27a29.26 29.26 0 0 0-5.66 35.5l-24.46 20.5a20.18 20.18 0 1 0-15.63 36.27 20.55 20.55 0 0 0 4.77.4 20.17 20.17 0 0 0 19.4-20.9 20.33 20.33 0 0 0-1.76-7.52L63 111.84a29.36 29.36 0 0 0 30 4.9l29.68 45.13A21.63 21.63 0 0 0 138 198h.85a21.64 21.64 0 1 0-7.24-42L102 111.05a29.11 29.11 0 0 0 7.41-10.84l32.95 4.6A17.47 17.47 0 0 0 159.65 120h.21a17.44 17.44 0 0 0-.22-34.88h-.2a17.41 17.41 0 0 0-15.14 9.15l-32.89-4.59a28.93 28.93 0 0 0-2.29-11.57l48.8-33.29A24.85 24.85 0 0 0 194.24 11zM49.67 25.7a12.73 12.73 0 0 1-14.84 10.2h-.2a12.73 12.73 0 0 1 2.5-25.21 13.31 13.31 0 0 1 2.34.21 12.73 12.73 0 0 1 10.2 14.8zM29.53 142.45a9.5 9.5 0 0 1-11.19 7.46 9.51 9.51 0 0 1 1.5-18.83h.36a9.52 9.52 0 0 1 9.51 9.18 9 9 0 0 1-.18 2.19zm98.55 31.6a11 11 0 0 1 10.58-8.79 9.91 9.91 0 0 1 2 .19l.36.1a10.89 10.89 0 1 1-12.89 8.5zm-27.67-80.83a18.74 18.74 0 1 1-18.36-22.46 18.21 18.21 0 0 1 3.72.38 18.78 18.78 0 0 1 14.64 22.08zm52.59 8a6.74 6.74 0 1 1 5.32 8 6.93 6.93 0 0 1-5.32-8.01zM189.28 30a14.19 14.19 0 1 1-14.43-17h.5a14.22 14.22 0 0 1 13.93 17z\",\n    className: \"a3c26655-aa69-4953-a61f-6a1733831185\"\n  }), /*#__PURE__*/React.createElement(\"path\", {\n    d: \"M84.25 136.89a47 47 0 0 1-11.6-.9 46 46 0 0 1-8.1-2.45 5.29 5.29 0 0 0-6.63 2.46 5.34 5.34 0 0 0 2.19 7.23l.57.26A57.71 57.71 0 0 0 82 147.56h2.76c2.93-.17 5.17-2.7 4.93-6.17a5.24 5.24 0 0 0-5.44-4.5zM39.17 67.82c.73-2.51-1.33-4.25-3.06-4.77-2.83-.85-5.38-.07-6.87 2.48l-.28.55a57.88 57.88 0 0 0-3.79 35 5.37 5.37 0 0 0 5.25 4.31 5.43 5.43 0 0 0 1-.11l.58-.15a5.3 5.3 0 0 0 3.59-6.08c-2-9.73-.42-18 2.42-27.56.24-.59.99-3.05 1.16-3.67zm41.05-25.67a51.43 51.43 0 0 1 11.23.93 46.71 46.71 0 0 1 11.81 4.08 5.36 5.36 0 0 0 2.3.52 5.27 5.27 0 0 0 4.44-2.43 5.33 5.33 0 0 0 .74-4 5.27 5.27 0 0 0-2.28-3.35l-.56-.32a58.17 58.17 0 0 0-27.86-6.08 5.35 5.35 0 0 0-5.17 5.5l.08.79a5.1 5.1 0 0 0 5.27 4.36z\",\n    className: \"a3c26655-aa69-4953-a61f-6a1733831185\"\n  })))));\n};\nvar ForwardRef = /*#__PURE__*/React.forwardRef(function (props, ref) {\n  return /*#__PURE__*/React.createElement(SvgDspLoading, _extends({\n    svgRef: ref\n  }, props));\n});\nexport default __webpack_public_path__ + \"static/media/dsp-loading.19a0e1b5.svg\";\nexport { ForwardRef as ReactComponent };","import React, {useState} from 'react';\nimport styled from 'styled-components';\nimport {Theme, Input, Spacer} from \"@dspworkplace/ui\";\nimport Icon from '../../assets/range_icon.png';\n\nconst NumberInput = styled(Input).attrs({type:'number'})`\n    text-align:center;\n    -moz-appearance:textfield;\n    \n    &::-webkit-outer-spin-button, &::-webkit-inner-spin-button {\n        -webkit-appearance: none;\n    }\n`;\n\nlet progressStyle = '';\n\nfor(let i=0;i<=100;++i) {\n    progressStyle += `\n        &[data-progress=\"${i}\"]::-webkit-slider-runnable-track {\n            background: linear-gradient(#7C98B6, #7C98B6) 0/ ${i}% 100% no-repeat #fff\n        }\n        \n        &[data-progress=\"${i}\"]::-moz-slider-runnable-track {\n            background: linear-gradient(#7C98B6, #7C98B6) 0/ ${i}% 100% no-repeat #fff\n        }\n        \n        &[data-progress=\"${i}\"]::-ms-track {\n            background: linear-gradient(#7C98B6, #7C98B6) 0/ ${i}% 100% no-repeat #fff\n        }\n    \n    `\n}\n\nconst sliderThumb = `\n     -webkit-appearance: none;\n    height:20px;\n    width:20px;\n    border-radius:20px;    \n    background:url(${Icon}) no-repeat center center ${Theme.colors.neutrals.silver};\n    cursor:pointer;\n    margin-top:-10px;\n`;\n\nconst sliderTrack = `\n    -webkit-appearance: none;\n    border:1px solid ${Theme.colors.info.border};\n    height:4px;\n    width:100%;\n    border-radius:100px;   \n`;\n\nconst isIe = document.documentMode;\n\n// const Range = styled(Input).attrs({type:'range'})`\nconst Range = styled('input').attrs({type:'range'})`\n    width:100%;\n    height:${isIe ? '55px' : '4px'};\n    -webkit-appearance: none;\n    -moz-apperance: none;    \n    border:none;\n    outline:none;\n    background:transparent;\n\n\n    &:focus, &:hover, &:active {\n        box-shadow:none;\n        border:none;\n        outline:none;\n    }\n    \n    &::-ms-track {\n       ${sliderTrack}\n       background:transparent;\n       color:transparent;       \n    }\n\n    &::-webkit-slider-runnable-track {\n       ${sliderTrack}\n    }\n    \n    &::-moz-slider-runnable-track {\n       ${sliderTrack}\n    }\n    \n    &::slider-runnable-track {\n       ${sliderTrack}\n    }\n    \n   ${progressStyle}\n    \n\n    &::-webkit-slider-thumb {\n       ${sliderThumb}\n    }\n    \n    &::-moz-slider-thumb {\n       ${sliderThumb}\n    }\n    \n    &::active {\n        &::ms-thumb {\n            box-shadow:none;\n            outline:none;\n        }\n    }\n    &::-ms-thumb {\n       ${sliderThumb}\n       margin-top:0px;\n    }\n`;\n\nconst App = ({\n    defaultValue = 1,\n    min = 1,\n    max = 999,\n    onChange = ()=>{},\n    ...props\n}) => {\n    const [value, setValue] = useState(defaultValue);\n    const [progress, setProgress] = useState(Math.round(value * 100 / max));\n\n    const handleChange = (e) => {\n        let value = e.target.value;\n        if(value > max){\n            value = max;\n        }\n\n        if (!value)\n            value = 0;\n\n        // if(value < min){\n        //     value = min\n        // }\n\n        setValue(value);\n        const p = value * 100 / max;\n        setProgress(Math.round(p))\n        onChange(value);\n    }\n\n    return (\n        <>\n            <NumberInput\n                value={value}\n                onChange={handleChange}\n                {...props}\n            />\n            <Spacer top={2} />\n\n            <Range\n                type='range'\n                min={min}\n                max={max}\n                value={value}\n                data-progress={progress}\n                onChange={handleChange}\n                onBlur={props.onBlur}\n            />\n        </>\n    );\n}\n\nexport default App;\n\n","import React from \"react\";\nimport {Container as GridContainer, setConfiguration} from \"react-grid-system\";\nimport styled from \"styled-components\";\nimport {Spacer, Theme, Title} from \"@dspworkplace/ui\";\n\nimport {ReactComponent as LoadingSVG} from '../assets/dsp-loading.svg';\n\nexport const Container = props => {\n    setConfiguration({\n        containerWidths: [540, 750, 960, 1240, 1540]\n    })\n\n    return <GridContainer {...props}>\n        {props.children}\n    </GridContainer>\n}\n\nexport const BigTitle = styled(Title)`\n    font-size: 52px;\n    line-height: 52px;\n`;\n\nexport const LightBlueSection = styled(Spacer).attrs(props => ({\n    top: 15,\n    bottom: 15,\n    left: 10,\n    right: 10,\n}))`\n    background: ${Theme.colors.action}33;\n`;\n\nexport const Divider = styled('hr')`\n    border: 0;\n    width: ${props => props.full ? 100 : 50}%;\n    margin: auto;\n    height: 1px;\n    background: ${Theme.colors.extra.whiteSmoke};\n`;\n\nexport const Card = styled.div`\n    padding:20px;\n    background: ${Theme.colors.neutrals.white};\n    box-shadow: 0 3px 6px ${Theme.colors.neutrals.gray}26;\n    border-radius: ${Theme.defaultRadius};\n`;\n\nexport const Skeleton = styled.div.attrs({\n    className:'skeleton'\n})`\n    display: inline-block;\n    vertical-align: middle;\n    height: ${props => props.height ? `${props.height}px` : '100%'};\n    width: ${props => props.width ? `${props.width}px` : '100%'};\n    \n    background: linear-gradient(-90deg, #F0F0F0 0%, #F8F8F8 50%, #F0F0F0 100%);\n    background-size: 400% 400%;\n    animation: ${props => props.animation === false ? 'none' : 'pulse 1.2s ease-in-out infinite'};\n    \n    @keyframes pulse {\n        0% {\n            background-position: 0% 0%;\n        }\n        100% {\n            background-position: -135% 0%;\n        }\n    }\n`;\n\nexport const LoadingStyles = styled.span`\n    display: inline-block;\n\n    svg {\n        display: block;\n    }\n    \n    svg path {\n        fill: inherit;\n    }\n`;\n\nexport const Loading = ({width = 40}) => {\n    return (\n        <LoadingStyles>\n            <LoadingSVG width={width}/>\n        </LoadingStyles>\n    )\n};","import React, {useRef, useEffect, useState} from 'react';\nimport {Link, NavLink} from 'react-router-dom';\nimport styled from 'styled-components';\nimport {Visible} from \"react-grid-system\";\nimport {Button, Icon, Spacer, Theme} from '@dspworkplace/ui';\nimport {Container, Divider} from '../../UI';\nimport Logo from '../../../assets/logo.svg';\n\nconst navSize = '95px';\n\nconst Nav = styled.nav`\n    height: ${navSize};\n    width: 100%;\n    display: flex;\n    justify-content: space-between;\n    align-items: center;      \n    padding-top: 12px;\n    \n    @media (max-width: 768px) {\n        position: fixed;\n        z-index: 10;\n        height: auto;\n        width: auto;\n        top: 0;\n        left: 0;\n        right: 0;\n        padding-left: 15px;\n        padding-right: 15px;\n        padding-bottom: 8px;\n        background: white;\n        flex-wrap: wrap;\n        box-shadow: 0 3px 6px ${Theme.colors.neutrals.medium}33;\n        \n        .stack {\n            position: relative;\n            z-index: 1;\n            width: 100%;\n            height: auto;\n            padding: 0;\n            visibility: hidden;\n            opacity: 0;\n            height: 0;\n            transition: all .2s;\n            \n            li,\n            a {\n                width: calc(100vw - 30px);\n                text-align: center;\n                display: block;\n            }\n            \n            li > a {\n                line-height: 60px;\n            }\n        }\n        \n        &.open {\n            .stack {\n                opacity: 1;\n                visibility: visible;\n                height: auto;\n                \n                + .stack {\n                    padding-bottom: 12px;\n                }\n            }\n        }\n    }\n`;\n\nconst Image = styled.img`\n    height:52px;\n    width:auto;\n    vertical-align: super;\n    max-width: 100%;\n`;\n\nconst Menu = styled(Spacer)`\n    flex: 1;\n    align-items: center;\n    height: ${navSize};\n`;\n\nconst Tabs = styled.ul`\n    list-style: none;\n    padding: 0;\n    margin: 0;\n    height: 100%;\n    // text-align: center;\n    \n    > li {\n        display: inline-block;\n        line-height: ${navSize};\n            \n        a {            \n            font-size: ${Theme.font.medium.size}\n            color: ${Theme.colors.neutrals.medium};\n            font-family: ${Theme.font.main};\n            font-weight: bold;\n            padding: 0 32px;\n            \n            &.active {\n                color: ${Theme.colors.secondary};\n            }\n        }\n    }\n`;\n\n\nconst App = ({routes}) => {\n    const [open, setOpen] = useState(false);\n    const ref = useRef();\n\n    const handleOutsideClick = evt => {\n        if (ref.current && !ref.current.contains(evt.target))\n            setOpen(false);\n    };\n\n    useEffect(() => {\n        document.addEventListener('click', handleOutsideClick);\n\n        return ()=> document.removeEventListener('click', handleOutsideClick);\n    }, []);\n\n    return(\n        <Container>\n            <Visible xs sm md>\n                <Spacer top={25}/>\n            </Visible>\n\n            <Nav className={open ? 'open' : ''} ref={ref}>\n                <NavLink to={'/'}>\n                    <Image src={Logo} />\n                </NavLink>\n                <Visible lg xl xxl>\n                    <Spacer right={8}/>\n                </Visible>\n\n                <Visible xs sm md>\n                    <Button style={{\n                        paddingRight: 8,\n                        paddingLeft: 8\n                    }} onClick={()=>setOpen(!open)}>\n                        <Icon.Menu size='28px' style={{verticalAlign: 'middle'}}/>\n                    </Button>\n                    {open && <Divider/>}\n                </Visible>\n\n                <Menu className='stack'>\n                    <Tabs>\n                        {routes.filter(r => r.useMenu !== false).map((route,i) =>\n                            <li key={i}>\n                                <NavLink to={route.path} exact>{route.name}</NavLink>\n                            </li>\n                        )}\n                    </Tabs>\n                </Menu>\n\n                <Spacer left={8} className='stack'>\n                    <Button as={Link} to={'/register'} type='primary'>Start Free 30-Day Trial</Button>\n                    <Spacer inline right={3}/>\n                    <Button as='a' href='https://app.dspworkplace.com/'>Login</Button>\n                </Spacer>\n            </Nav>\n        </Container>\n    );\n}\n\nexport {\n    Menu,\n    Tabs,\n    Image\n};\n\nexport default App;\n","import React, {useEffect} from 'react';\nimport {Link, Route} from 'react-router-dom';\nimport Menu from '../../../Components/Menus/Main';\nimport {routes} from '../../index';\nimport {Icon, Spacer, Theme, ThirdTitle} from \"@dspworkplace/ui\";\nimport {Container} from \"../../../Components/UI\";\nimport {useScreenClass, Visible} from \"react-grid-system\";\n\nconst DefaultLayout = ({component: Component, ...rest}) => {\n    const screenClass = useScreenClass();\n    const isMobile = ['xs', 'sm', 'md'].includes(screenClass);\n\n    useEffect(() => window.scrollTo(0,0), []);\n\n    return (\n        <Route {...rest} exact={rest.path === '/'} render={matchProps => (\n            <>\n                {/*<Link to='/dmggo-partnership' target='_blank' style={{\n                    display: 'block',\n                    backgroundImage: `linear-gradient(50deg, #f05331 0%, ${Theme.colors.primary} 100%)`,\n                    boxShadow: 'inset 0 -12px 8px -8px rgba(0,0,0,0.15)',\n                    padding: isMobile ? '20px 8px' : 20,\n                    position: isMobile ? 'fixed' : 'static',\n                    zIndex: isMobile ? 11 : 0,\n                    bottom: 0,\n                }}>\n                    <Container style={{\n                        display: 'flex',\n                        flexDirection: isMobile ? 'column' : 'row',\n                        alignItems: isMobile ? 'flex-start' : 'center',\n                        gap: 8,\n                    }}>\n                        <small style={{\n                            padding: '4px 8px 2px',\n                            background: 'rgba(255, 255, 255, .25)',\n                            border: '1px solid white',\n                            borderRadius: Theme.defaultRadius,\n                            font: `bold ${Theme.font.extraSmall.size}/${Theme.font.extraSmall.lineHeight} ${Theme.font.main}`,\n                            color: 'white',\n                        }}>NEWS</small>\n                        <ThirdTitle style={{color: 'white', lineHeight: '19px'}}>\n                            DMGgo and dspworkplace announcing a new strategic partnership!\n                        </ThirdTitle>\n                        <span style={{\n                            fontFamily: Theme.font.main,\n                            color: 'white',\n                            textDecoration: 'underline',\n                            marginLeft: isMobile ? 0 : 'auto',\n                        }}>\n                            Learn more\n                            <Icon.ArrowRight size='12px' color={Theme.colors.neutrals.white}/>\n                        </span>\n                    </Container>\n                </Link>*/}\n                <Menu routes={routes}/>\n                <Component {...matchProps} />\n\n                <Visible xs sm md>\n                    <Spacer bottom={36}/>\n                </Visible>\n            </>\n        )}/>\n    )\n};\n\nexport default DefaultLayout;\n","import React, {useEffect} from 'react';\nimport {Route} from 'react-router-dom';\n\nconst BlankLayout = ({component: Component, ...rest}) => {\n    useEffect(() => window.scrollTo(0,0), []);\n\n    return (\n        <Route {...rest} exact={rest.path === '/'} render={matchProps => (\n            <Component {...matchProps} />\n        )}/>\n    )\n};\n\nexport default BlankLayout;\n","import React from \"react\";\nimport {NavLink} from \"react-router-dom\";\nimport styled from \"styled-components\";\nimport {Spacer, Text, Theme} from \"@dspworkplace/ui\";\nimport {routes} from \"../../Routes\";\nimport {Container} from \"../UI\";\nimport {Menu, Tabs} from \"../Menus/Main\";\nimport {logo} from '../../assets';\n\nconst FooterText = styled.div`\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    text-align: center;\n    font-family: ${Theme.font.main};\n    \n    * {\n        color: ${Theme.colors.neutrals.medium};\n        padding-bottom: 4px;\n        display: inline-block;\n        margin: 0 4px;\n    }\n    \n    a {\n        text-decoration: underline;\n    }\n`;\n\nconst Footer = () => {\n    return (\n        <Spacer top={5} bottom={10} style={{background: Theme.colors.extra.whiteSmoke}}>\n            <Container>\n                <Menu style={{height: 'auto', textAlign: 'center'}}>\n                    <Tabs>\n                        {routes.filter(r => r.useMenu !== false).map((route,i) =>\n                            <li key={i}>\n                                <NavLink to={route.path} exact style={{paddingLeft: 20, paddingRight: 20}}>{route.name}</NavLink>\n                            </li>\n                        )}\n                    </Tabs>\n                </Menu>\n\n                <FooterText>\n                    <Text>© 2020 - {new Date().getFullYear()}, DSP Logistics Inc., All Rights Reserved.</Text>\n                    <Text><NavLink to='/terms-and-conditions'>Terms and Conditions</NavLink></Text>\n                    <Text><NavLink to='/privacy'>Privacy</NavLink></Text>\n                </FooterText>\n\n                <Spacer top={10} style={{textAlign: 'center'}}>\n                    <img src={logo} alt=\"dspworkplace\" width={100}/>\n                </Spacer>\n            </Container>\n        </Spacer>\n    )\n}\n\nexport default Footer;\n","import React, {useEffect, useState} from 'react';\nimport {Link} from \"react-router-dom\";\nimport {Row, Col, Visible, useScreenClass} from \"react-grid-system\";\nimport styled from \"styled-components\";\nimport {Button, Icon, Spacer, SubTitle, Theme, ThirdTitle, Title, Text} from \"@dspworkplace/ui\";\nimport * as assets from '../../assets';\nimport {BigTitle, Container, Divider, LightBlueSection} from \"../../Components/UI\";\nimport FAQ from \"../../Components/Sections/FAQ\";\nimport Footer from \"../../Components/Sections/Footer\";\n\nconst Point = styled.div`\n    width: 40px;\n    height: 40px;\n    text-align: center;\n    line-height: 40px;\n    font-family: ${Theme.font.main};\n    font-size: ${Theme.font.big.size};\n    font-weight: bold;\n    color: ${Theme.colors.neutrals.white};\n    background: ${Theme.colors.info.border};\n    border: 2px solid ${Theme.colors.neutrals.white};\n    box-shadow: 0 3px 6px ${Theme.colors.info.shadow};\n    border-radius: 100%;\n    display: inline-block;\n    margin-right: 12px;\n    \n    ${props => props.position && `\n    position: absolute;\n    top: ${props.position.top}%;\n    left: ${props.position.left}%;\n    `} \n    \n    transition: all .2s;\n    \n    &.highlight {\n        background: ${Theme.colors.primary};\n        box-shadow: 0 3px 6px ${Theme.colors.warnings.shadow};\n    }\n`;\n\nconst PointsSection = ({animate = true, ...props}) => {\n    const [points, setPoints] = useState(props.points);\n\n    const highlight = k => {\n        let newPoints = points.map(p => ({\n            ...p,\n            highlight: false\n        }));\n\n        if (newPoints[k]) {\n            newPoints[k].highlight = true;\n            setPoints(newPoints);\n        }\n    }\n\n    useEffect(() => {\n        if (!animate)\n            return ()=>{};\n\n        const timeout = 3000;\n        const loop = setInterval(() => {\n            let highlighted = points.findIndex(p => p.highlight === true);\n            let next = highlighted + 1 >= points.length ? 0 : highlighted + 1;\n            highlight(next);\n        }, timeout);\n\n        return () => setTimeout(()=> clearInterval(loop), timeout + 1);\n    }, [animate, points]);\n\n    return (\n        <Container>\n            <Row>\n                <Col lg={7}>\n                    <BigTitle>{props.title}</BigTitle>\n                    <Spacer bottom={10}/>\n\n                    {points.map((point, k) =>\n                        <div key={k}>\n                            <SubTitle style={{color: point.highlight ? Theme.colors.primary : false}}>\n                                <Point className={`${point.highlight ? 'highlight' : ''}`}>{k+1}</Point>\n                                {point.title}\n                            </SubTitle>\n                            <Spacer top={1} bottom={10} left={13} right={10}>\n                                <Text>{point.text}</Text>\n                            </Spacer>\n                        </div>\n                    )}\n                </Col>\n                <Col lg={5} style={{position: 'relative'}}>\n                    {points.filter(p => p.position).map((point, k) =>\n                        <Point\n                            key={k}\n                            position={point.position}\n                            className={`${point.highlight ? 'highlight' : ''}`}\n                        >{k+1}</Point>\n                    )}\n                    <img src={props.image} alt=\"\" width='100%'/>\n                </Col>\n            </Row>\n        </Container>\n    )\n}\n\nconst App = () => {\n    const screenClass = useScreenClass();\n\n    return (\n        <>\n            <Spacer top={['lg', 'xl', 'xxl'].includes(screenClass) ? 20 : 5} bottom={15}>\n                <PointsSection\n                    title='Scheduling'\n                    image={assets.scheduler}\n                    points={[\n                        {\n                            title: 'Complete scheduler with DSP-specific reporting',\n                            text: 'Use our industry standard scheduling tools with specific functions only a DSP needs, ' +\n                                'including ready-to-go, built-in reports. ',\n                            position: {\n                                top: 34,\n                                left: 65\n                            }\n                        },\n                        {\n                            title: 'Route coverage',\n                            text: 'Use our balance group views to locate your coverage gaps. ',\n                            position: {\n                                top: 75,\n                                left: 53\n                            }\n                        },\n                        {\n                            title: 'Manage overtime',\n                            text: 'See and fix your overtime issues before they happen.  Our intuitive interface will proactively ' +\n                                'notify you if you are at risk of scheduling a driver for overtime. ',\n                            position: {\n                                top: 50,\n                                left: 12\n                            }\n                        },\n                    ]}\n                />\n            </Spacer>\n\n            <Spacer top={15} bottom={15} style={{\n                background: `${Theme.colors.action}11`\n            }}>\n                <PointsSection\n                    animate={false}\n                    title='Workflow tools'\n                    image={assets.workflow}\n                    points={[\n                        {\n                            title: 'On-time dispatch of your team',\n                            text: 'Use our load out and RTS module to help train and manage drivers through these ' +\n                                'ever changing processes.'\n                        },\n                        {\n                            title: <><span style={{color: Theme.colors.neutrals.gray}}>dsp</span>\n                                <span style={{color: Theme.colors.secondary}}>workplace</span> workbot</>,\n                            text: 'Let our workbot shepherd tasks through your organization to make sure all ' +\n                                'steps of the process are followed every time.'\n                        },\n                        {\n                            title: 'Modify existing and create new workflows',\n                            text: 'Our incidents module will allow you to edit our existing workflow processes to customize ' +\n                                'them to the needs of your station and/or business and, if we missed one, you can even create your own.'\n                        }\n                    ]}\n                />\n            </Spacer>\n\n            <Spacer top={15}>\n                <PointsSection\n                    animate={false}\n                    title='Mobile app'\n                    image={assets.app}\n                    points={[\n                        {\n                            title: 'Integrated chat',\n                            text: 'Reduce the number of applications your drivers need to use on a daily basis.'\n                        },\n                        {\n                            title: 'Online schedule',\n                            text: 'Allow your drivers to see their assigned schedule real-time and communicate with ' +\n                                'their supervisor.'\n                        },\n                        {\n                            title: 'Let drivers self-serve',\n                            text: 'Drivers can view and pick up open shifts as well as arrange to swap with another ' +\n                                'driver - a workflow that will require a built in supervisor’s approval, of course. '\n                        }\n                    ]}\n                />\n            </Spacer>\n\n            <Spacer all={15}>\n                <Divider/>\n            </Spacer>\n\n            <Spacer bottom={15}>\n                <Container>\n                    <Title style={{textAlign: 'center'}}>More features</Title>\n                    <Row>\n                        <Col xs={12} lg={4}>\n                            <Spacer all={['lg', 'xl', 'xxl'].includes(screenClass) ? 10 : 5}>\n                                <SubTitle>Time tracking</SubTitle>\n                                <Spacer bottom={3}/>\n                                <ThirdTitle>2 geofences</ThirdTitle>\n                                <Spacer bottom={1}/>\n                                <Text>\n                                    Track the times of ins and outs of both the parking lot and the station geofences.\n                                </Text>\n\n                                <Spacer top={5}/>\n                                <ThirdTitle>Incident time and location</ThirdTitle>\n                                <Spacer bottom={1}/>\n                                <Text>\n                                    Know when and where one of our incident forms was opened by a driver.\n                                </Text>\n\n                                <Spacer top={5}/>\n                                <ThirdTitle>Inventory timelines</ThirdTitle>\n                                <Spacer bottom={1}/>\n                                <Text>\n                                    Keep track of when each van and device were used in our timelines.\n                                </Text>\n                            </Spacer>\n                        </Col>\n                        <Col xs={12} lg={4}>\n                            <Spacer all={['lg', 'xl', 'xxl'].includes(screenClass) ? 10 : 5}>\n                                <SubTitle>Live chat</SubTitle>\n                                <Spacer bottom={3}/>\n                                <ThirdTitle>Leverage integration for better communication</ThirdTitle>\n                                <Spacer bottom={1}/>\n                                <Text>\n                                    Use integrated chat to communicate with your drivers. Create ‘wildcard’ groups that auto-update. Send via SMS as well.\n                                </Text>\n\n                                <Spacer top={5}/>\n                                <ThirdTitle>Share more than just text</ThirdTitle>\n                                <Spacer bottom={1}/>\n                                <Text>\n                                    Send or share documents, pictures, videos and URLs.\n                                </Text>\n\n                                <Spacer top={5}/>\n                                <ThirdTitle>Dynamic station membership</ThirdTitle>\n                                <Spacer bottom={1}/>\n                                <Text>\n                                    No need to maintain this list anymore. If they are an active employee assigned to\n                                    your station, they are automatically members of the station chat list.\n                                </Text>\n                            </Spacer>\n                        </Col>\n                        <Col xs={12} lg={4}>\n                            <Spacer all={['lg', 'xl', 'xxl'].includes(screenClass) ? 10 : 5}>\n                                <SubTitle>Announcements</SubTitle>\n                                <Spacer bottom={3}/>\n                                <ThirdTitle>Post morning messages</ThirdTitle>\n                                <Spacer bottom={1}/>\n                                <Text>\n                                    On our mobile app, share important messages with your team. Incorporate text, photos and video content. Stack multiple slides, change the order, and add a time restriction to make them stay on the screen.\n                                </Text>\n\n                                <Spacer top={5}/>\n                                <ThirdTitle>Use our templates to reward performance</ThirdTitle>\n                                <Spacer bottom={1}/>\n                                <Text>\n                                   Build and save messages with a variety of purposes: safety, education, team awards, road conditions, and more.\n                                </Text>\n\n                                <Spacer top={5}/>\n                                <ThirdTitle>Schedule recurring messages</ThirdTitle>\n                                <Spacer bottom={1}/>\n                                <Text>\n                                    Create messages and schedule them to run whenever you want, again and again.\n                                </Text>\n                            </Spacer>\n                        </Col>\n                    </Row>\n                </Container>\n            </Spacer>\n\n            <Spacer bottom={15}>\n                <Divider/>\n            </Spacer>\n\n            <Spacer bottom={15}>\n                <Container>\n                    <Title style={{textAlign: 'center'}}>Coming soon</Title>\n                    <Row>\n                    <Col xs={12} lg={4}>\n                            <Spacer all={['lg', 'xl', 'xxl'].includes(screenClass) ? 10 : 5}>\n                                <SubTitle>Reporting module</SubTitle>\n                                <Spacer bottom={3}/>\n                                <ThirdTitle>Build your own reports</ThirdTitle>\n                                <Spacer bottom={1}/>\n                                <Text>\n                                    Leverage all of the amazing data gathered by the app to help you run your business with customized reports.\n                                </Text>\n\n                                <Spacer top={5}/>\n                                <ThirdTitle>Upgraded dashboard</ThirdTitle>\n                                <Spacer bottom={1}/>\n                                <Text>\n                                    Turn the reports you create into widgets, then put them on your dashboard so you can easily see your opportunities before they become issues.\n                                </Text>\n\n                                <Spacer top={5}/>\n                                <ThirdTitle>Attrition report</ThirdTitle>\n                                <Spacer bottom={1}/>\n                                <Text>\n                                    Need a more accurate and insightful report?  We have one and it will let you head off these issues where possible.\n                                </Text>\n                            </Spacer>\n                        </Col>\n                        <Col xs={12} lg={4}>\n                            <Spacer all={['lg', 'xl', 'xxl'].includes(screenClass) ? 10 : 5}>\n                                <SubTitle>HRIS</SubTitle>\n                                <Spacer bottom={3}/>\n                                <ThirdTitle>Onboarding tools</ThirdTitle>\n                                <Spacer bottom={1}/>\n                                <Text>\n                                    Beautiful, simple, mobile enabled. Everything you need.\n                                </Text>\n\n                                <Spacer top={5}/>\n                                <ThirdTitle>More workflows</ThirdTitle>\n                                <Spacer bottom={1}/>\n                                <Text>\n                                    Manage and report on not just the onboarding process, but concessions, reviews, disciplinary action, and especially your employee successes.\n                                </Text>\n\n                                <Spacer top={5}/>\n                                <ThirdTitle>Payroll provider integration</ThirdTitle>\n                                <Spacer bottom={1}/>\n                                <Text>\n                                    Once hired, have all of the data you just gathered automatically flow into your payroll provider.\n                                </Text>\n                            </Spacer>\n                        </Col>\n                        <Col xs={12} lg={4}>\n                            <Spacer all={['lg', 'xl', 'xxl'].includes(screenClass) ? 10 : 5}>\n                                <SubTitle>Fleet management module</SubTitle>\n                                <Spacer bottom={3}/>\n                                <ThirdTitle>Mileage-based maintenance tracking</ThirdTitle>\n                                <Spacer bottom={1}/>\n                                <Text>\n                                    Have our workbot watch for oil changes and more based on the mileage being logged daily and using settings of your choice.\n                                </Text>\n\n                                <Spacer top={5}/>\n                                <ThirdTitle>Vehicle document storage</ThirdTitle>\n                                <Spacer bottom={1}/>\n                                <Text>\n                                    Store any vehicle related document in our attached repository, including the DOT equipment file.\n                                </Text>\n\n                                <Spacer top={5}/>\n                                <ThirdTitle>Automated vendor communication</ThirdTitle>\n                                <Spacer bottom={1}/>\n                                <Text>\n                                    Track your preferred vendors and notify them when you have required work and even track communications as a part of the vehicle record.\n                                </Text>\n                            </Spacer>\n                        </Col>\n                    </Row>\n                </Container>\n            </Spacer>\n\n            <FAQ/>\n\n     \n\n            <Footer/>\n        </>\n    );\n}\n\nexport default App;\n","export const isDev = process.env.NODE_ENV === 'development';\n\nexport default function ()\n{\n    const controller = new AbortController();\n    const signal = controller.signal;\n\n    const abort = () => controller.abort();\n\n    const fetchPackages = () =>\n        fetch(\n            `${process.env.REACT_APP_API_ENDPOINT}/api/subscription/get-available-products?type=package&testMode=${isDev}`,\n            {signal},\n        ).then(\n            response => response.json()\n        );\n\n    const fetchAddons = () =>\n        fetch(\n            `${process.env.REACT_APP_API_ENDPOINT}/api/subscription/get-available-products?type=addon&testMode=${isDev}`,\n            {signal},\n        ).then(\n            response => response.json()\n        );\n\n    return {\n        abort,\n        fetchPackages,\n        fetchAddons,\n    }\n}","import React from \"react\";\nimport { Col, Row, Visible } from \"react-grid-system\";\nimport styled from 'styled-components';\nimport { Button, Spacer, SubTitle, Text, Theme } from \"@dspworkplace/ui\";\nimport * as assets from \"../../assets\";\nimport { Container } from \"../UI\";\nimport { Link } from \"react-router-dom\";\n\n\nimport \"react-responsive-carousel/lib/styles/carousel.min.css\";\nimport { Carousel } from 'react-responsive-carousel';\n\nconst Quote = styled.blockquote`\n    font-family: ${Theme.font.main};\n    font-size: 24px;\n    color: ${Theme.colors.secondary};\n    margin: 0;\n    position: relative;\n    text-align:left;\n    margin-top:15px;\n\n    @media only screen and  (max-width:1583px){font-size: 20px;}\n    @media only screen and  (max-width:1182px){font-size: 24px;}\n    @media only screen and  (max-width:750px){font-size: 20px;}\n    \n    &::before, \n    &:after {\n        content: '';\n        display: block;\n        background-size: contain;\n        background-position: center;\n        background-repeat: no-repeat;\n        width: 60px;\n        height: 40px;\n        pointer-events: none;\n        position: absolute;\n        \n        background-image: url(${assets.quoteOpen});\n        top: -16px;\n        \n    }\n    \n    &::after {\n        background-image: url(${assets.quoteClose});\n        top: auto;\n        left: auto\n        bottom: 0;\n        right: 0;\n    }\n`;\n\nconst Testimonials = () => {\n    return (\n        <Container>\n            <Row>\n                <Col md={12} lg={12} xl={5}>\n                    <Spacer left={5} right={5}>\n                        <Visible lg xl xxl>\n                            <Spacer top={30} />\n                        </Visible>\n                        <Visible xs sm md>\n                            <Spacer top={5} />\n                        </Visible>\n\n                        <Carousel autoPlay={true} interval={5000} infiniteLoop={true} showArrows={true} showStatus={false} showIndicators={false}>\n                            <>\n                                <Quote>\n                                    Profitability is largely about controlling costs and dspworkplace provides real-time insight into weekly hours worked per employee, vehicle damage and maintenance tracking, and invoice reconciliation, replacing the need to purchase these modules from multiple, separate vendors. dspworkplace addresses these issues better than any other tool available\n                                </Quote>\n                                <Spacer bottom={3} />\n                                <Text>Upper Midwest DSP</Text>\n                            </>\n                            <>\n                                <Quote>\n                                    dspworkplace has allowed our team to consolidate hours of work reconciling spreadsheets each day by bringing these processes into one web application!\n                                </Quote>\n                                <Spacer bottom={3} />\n                                <Text>Midwest DSP</Text>\n                            </>\n                            <>\n                                <Quote>\n                                    dspworkplace has helped me consolidate a lot of the spreadsheets, apps, and systems I was using into one website. My operations team loves the morning automation, and the data collection; and the scorecard features has been a tremendous help to my team. I highly recommend the program if you're looking to run more efficiently as a company, which drives profitability\n                                </Quote>\n                                <Spacer bottom={3} />\n                                <Text>Southern DSP</Text>\n                            </>\n                            <>\n                                <Quote>\n                                    Your app helped me earn my company's first Fantastic+...\n                                </Quote>\n                                <Spacer bottom={3} />\n                                <Text>South Central DSP</Text>\n                            </>\n                        </Carousel>\n                        <Visible  xxl>\n                            <Spacer bottom={1} />\n                            {/* <Text>City ST</Text> */}\n                            <Spacer bottom={10} />\n                        </Visible>\n                        <SubTitle>Join others now and start your 30 days free trial</SubTitle>\n                        <Spacer bottom={3} />\n                        <Button as={Link} to='/register' type='primary'>Start my 30 days free trial</Button>\n                    </Spacer>\n                </Col>\n\n                <Visible xl xxl>\n                    <Col lg={6} offset={{ lg: 1 }}>\n                        <Visible xs sm md>\n                            <Spacer top={10} />\n                        </Visible>\n                        <img src={assets.testimonial} alt=\"\" width='100%' style={{ display: 'block' }} />\n                    </Col>\n                </Visible>\n            </Row>\n        </Container>\n    )\n}\n\nexport default Testimonials;","import React, {useCallback, useEffect, useState} from 'react';\nimport styled from \"styled-components\";\nimport {Col, Hidden, Row, useScreenClass} from 'react-grid-system';\nimport {Link} from \"react-router-dom\";\nimport {Button, ButtonGroup, Icon, Spacer, SubTitle, Text, Theme, ThirdTitle, Title} from '@dspworkplace/ui';\nimport {BigTitle, Card, Container, Divider, Skeleton} from \"../../Components/UI\";\nimport {garageDispatcher} from \"../../assets\";\nimport FAQ from \"../../Components/Sections/FAQ\";\nimport Footer from \"../../Components/Sections/Footer\";\nimport Range from \"../../Components/Range\";\nimport {Item, Yes} from \"../../Components/Sections/Comparison\";\nimport Testimonials from \"../../Components/Sections/Testimonials\";\nimport api, {isDev} from \"../../api\";\n\nexport const FEATURES = [\n    {\n        name: 'DSP scheduling application - includes shift management',\n        basic: true,\n        partner: true,\n    },\n    {\n        name: 'Vehicle and device inventory tracking',\n        basic: true,\n        partner: true,\n    },\n    {\n        name: 'Mobile, morning load out and RTS management workflows',\n        basic: true,\n        partner: true,\n    },\n    {\n        name: 'Morning kick-off workflow for managing driver load out',\n        basic: true,\n        partner: true,\n    },\n    {\n        name: 'RouteAssist&trade;',\n        basic: true,\n        partner: true,\n    },\n    {\n        name: 'Fully integrated chat engine',\n        basic: true,\n        partner: true,\n    },\n    {\n        name: 'Comprehensive mobile application (iOS and Android)',\n        basic: true,\n        partner: true,\n    },\n    {\n        name: 'Mobile app pickup open and swap shifts',\n        basic: true,\n        partner: true,\n    },\n    {\n        name: 'Payroll punch time integration',\n        basic: isDev ? 'prod_KkPYQ7aFJ4pavZ' : 'prod_KwdRRqmjJ6MpBh',\n        partner: true,\n    },\n    {\n        name: 'Complete incident management workflows include: driver accident/injury forms, tier tracking, UPD tracker and driver call outs',\n        basic: false,\n        partner: true,\n    },\n    {\n        name: 'Route commitment tracking',\n        basic: false,\n        partner: true,\n    },\n    {\n        name: 'Schedule balance views',\n        basic: false,\n        partner: true,\n    },\n    {\n        name: 'Package count information',\n        basic: false,\n        partner: true,\n    },\n    {\n        name: 'Mobile app announcements: for driver updates and education',\n        basic: false,\n        partner: true,\n    },\n    {\n        name: 'Build your own reports (coming soon)',\n        basic: false,\n        partner: true,\n    },\n    {\n        name: 'Amazon invoice comparison tool (coming soon)',\n        basic: false,\n        partner: true,\n    },\n];\n\n\nconst Price = styled.span`\n    display: inline-flex;\n    justify-content: space-between;\n    align-items: center;\n    \n    small {\n        font-size: .5em;\n        vertical-align: top;\n    }\n`;\n\nexport const Help = styled(Button)`\n    line-height: 20px;\n    height: 20px;\n    width: 20px;\n    padding: 0;\n    font-size: 14px;\n    border-radius: 100px;\n    border: 1px solid ${Theme.colors.info.border};\n    position: relative;\n    \n    &::after {\n        display: block;\n        content: \"${props => props.text}\";\n        width: 94px;\n        padding: 12px;\n        background: ${Theme.colors.neutrals.white};\n        border-radius: ${Theme.defaultRadius};\n        box-shadow: 0 3px 6px ${Theme.colors.neutrals.gray}26;\n        text-align: left;\n        font-family: ${Theme.font.body};\n        color: ${Theme.colors.neutrals.gray};\n        font-weight: normal;\n        position: absolute;\n        top: 50%;\n        left: 100%;\n        transform: translate(4px, -50%);\n    }\n    \n    &::before {\n        content: \"\";\n        display: block;\n        right: -4px;\n        top: 50%;\n        border: solid transparent;\n        height: 0;\n        width: 0;\n        position: absolute;\n        border-color: rgba(255, 255, 255, 0);\n        border-right-color: #fff;\n        border-width: 8px;\n        margin-top: -8px;\n        z-index: 1;\n    }\n    \n    &::before,\n    &::after {\n        opacity: 0;\n        pointer-events: none;\n        transition: all .3s;\n    }\n    \n    &:hover,\n    &:focus {\n        &::before,\n        &::after {\n            opacity: 1;\n        }\n    }\n`;\n\nconst App = () => {\n    const [users, setUsers] = useState(60);\n    const [packages, setPackages] = useState({});\n    const [addons, setAddons] = useState([]);\n    const [pricing, setPricing] = useState('yearly');\n    const screenClass = useScreenClass();\n\n    const {fetchPackages, fetchAddons, abort} = api();\n\n    const fetchData = () =>\n        Promise.all([\n            fetchPackages(),\n            fetchAddons(),\n        ]).then(([packages, addons]) => {\n            setPackages(packages);\n            setAddons(addons);\n        });\n\n    useEffect(() => {\n        fetchData();\n\n        return () => abort();\n    }, []);\n\n    const {basic, partner} = packages;\n    if (basic && partner)\n        [basic, partner].forEach(p =>\n            p.unitPrice = parseFloat((p.processorData.prices\n                .find(price => price.recurring.interval === (pricing === 'yearly' ? 'year' : 'month'))\n                .unit_amount_decimal / 100 * (pricing === 'yearly' ? (1/12) : 30)).toFixed(2))\n        );\n\n    const getMinPrice = useCallback(() => {\n        let price = Infinity;\n\n        for (const key in packages)\n            packages[key].processorData.prices.forEach(p => {\n                if (parseFloat(p.unit_amount_decimal) < price)\n                    price = parseFloat(p.unit_amount_decimal)\n            })\n\n        return price !== Infinity ? (price * 30 / 100).toFixed(2) : false;\n    }, [packages]);\n\n    const itemColSize = ['xs'].includes(screenClass) ? 6 : 4;\n\n    return (\n        <>\n            <Container>\n                <Spacer top={15}/>\n                <Row>\n                    <Col sm={9} style={{display:'flex',flexDirection:'column',justifyContent:'center'}}>\n                        <BigTitle>Simple and Affordable Pricing</BigTitle>\n                        <Spacer top={4} />\n                        <Spacer right={30}>\n                            <Text>From ${getMinPrice() || <Skeleton height={20} width={20}/>}/user/month, start gathering better information and finding new efficiencies in your business. Take advantage of our free 30-day trial.</Text>\n                        </Spacer>\n                    </Col>\n                    <Col sm={3}>\n                        <Hidden xs>\n                            <img src={garageDispatcher} style={{width: '100%'}} alt=\"\"/>\n                        </Hidden>\n                    </Col>\n                </Row>\n            </Container>\n\n            <Spacer top={20}>\n                {/*<Divider/>*/}\n            </Spacer>\n\n            <Container style={{textAlign: 'center'}}>\n                <Spacer right={0} left={0}>\n                    <Row>\n                        <Col md={4}>\n                            <Row>\n                                <Col md={10}>\n                                    <Card>\n                                        <ThirdTitle>How many users does<br/> your company have?</ThirdTitle>\n                                        <Spacer bottom={2}/>\n                                        <Text>Including drivers, managers, dispatchers, operations, etc</Text>\n                                        <Spacer bottom={4}/>\n                                        <Range\n                                            defaultValue={users}\n                                            min={10}\n                                            max={1000}\n                                            onChange={u => setUsers(parseInt(u))}\n                                            size={'extraSmall'}\n                                        />\n                                        <Spacer bottom={4}/>\n                                        <div style={{\n                                            display: 'flex',\n                                            alignItems: 'baseline',\n                                            justifyContent: 'center'\n                                        }}>\n                                            <ThirdTitle>Preferred payment term:</ThirdTitle>\n                                        </div>\n                                        <Spacer bottom={2}/>\n                                        <div style={{\n                                            display: 'flex',\n                                            alignItems: 'baseline',\n                                            justifyContent: 'center'\n                                        }}>\n                                            <ButtonGroup\n                                                active={pricing}\n                                                size={'small'}\n                                            >\n                                                <Button track={'monthly'} onClick={()=>setPricing('monthly')}>Monthly</Button>\n                                                <Button track={'yearly'} onClick={()=>setPricing('yearly')}>Annually</Button>\n                                            </ButtonGroup>\n                                        </div>\n                                        <Spacer bottom={4}/>\n                                        <Text><small>You can change your number of users at any time and pricing will automatically be updated.</small></Text>\n                                        {/*<Text><small>If you need more than 1000 users contact us for special price</small></Text>*/}\n                                    </Card>\n                                </Col>\n                                <Col md={2}>\n                                    <Spacer bottom={25}/>\n                                    <Icon.ArrowRight color={Theme.colors.info.border}/>\n                                </Col>\n                            </Row>\n                        </Col>\n                        <Col md={4}>\n                            <Card style={{\n                                height: '100%',\n                                display: 'flex',\n                                flexDirection: 'column'\n                            }}>\n                                <SubTitle>Basic package</SubTitle>\n                                <Spacer bottom={3}/>\n                                <Text>{basic?.description || <Skeleton height={48}/>}</Text>\n                                <Spacer bottom={3}/>\n                                <Price style={{\n                                    flexDirection: 'column',\n                                    marginTop: 'auto'\n                                }}>\n                                    <Title>\n                                        {pricing === 'yearly' && basic?.unitPrice &&\n                                            <Spacer inline right={3}>\n                                                <del><small>${(basic.unitPrice + .5) * users}</small></del>\n                                            </Spacer>}\n                                        $\n                                        {basic?.unitPrice\n                                            ? basic.unitPrice * users\n                                            : <Skeleton height={24} width={30}/>}\n                                    </Title>\n                                    <Spacer bottom={1}/>\n                                    <Text>\n                                        /month\n                                        <Spacer inline right={1}/>\n                                        <Help text={`${users} users x $${basic?.unitPrice} per user`}>?</Help>\n                                    </Text>\n                                </Price>\n                                <Spacer bottom={3}/>\n                                <Button\n                                    disabled={!basic?.id}\n                                    type='primary'\n                                    as={Link}\n                                    to={{\n                                        pathname: '/register',\n                                        state: {\n                                            packages: packages,\n                                            addons: addons,\n                                            pricing: pricing,\n                                            tier: 'basic',\n                                            users: users,\n                                        }\n                                    }}\n                                    style={{display: 'block'}}\n                                >Get Started</Button>\n                            </Card>\n                        </Col>\n                        <Col md={4}>\n                            <div style={{\n                                background: Theme.colors.info.bg,\n                                padding: 12,\n                                borderRadius: `${Theme.defaultRadius} ${Theme.defaultRadius} 0 0`,\n                                marginTop: -40,\n                            }}>\n                                <Text style={{\n                                    fontSize: 12,\n                                    color: Theme.colors.info.text\n                                }}>Best deal - cheaper seats</Text>\n                            </div>\n                            <Card style={{\n                                height: '100%',\n                                display: 'flex',\n                                flexDirection: 'column'\n                            }}>\n                                <SubTitle>Partner package</SubTitle>\n                                <Spacer bottom={3}/>\n                                <Text>{partner?.description || <Skeleton height={48}/>}</Text>\n                                <Spacer bottom={3}/>\n                                <Price style={{\n                                    flexDirection: 'column',\n                                    marginTop: 'auto'\n                                }}>\n                                    <Title>\n                                        {pricing === 'yearly' && partner?.unitPrice &&\n                                        <Spacer inline right={3}>\n                                            <del><small>${(partner.unitPrice + 2) * users}</small></del>\n                                        </Spacer>}\n                                        $\n                                        {partner?.unitPrice\n                                            ? partner.unitPrice * users\n                                            : <Skeleton height={24} width={30}/>}\n                                    </Title>\n                                    <Spacer bottom={1}/>\n                                    <Text>\n                                        /month\n                                        <Spacer inline right={1}/>\n                                        <Help text={`${users} users x $${partner?.unitPrice} per user`}>?</Help>\n                                    </Text>\n                                </Price>\n                                <Spacer bottom={3}/>\n                                <Button\n                                    disabled={!partner?.id}\n                                    type='primary'\n                                    as={Link}\n                                    to={{\n                                        pathname: '/register',\n                                        state: {\n                                            packages: packages,\n                                            addons: addons,\n                                            pricing: pricing,\n                                            tier: 'partner',\n                                            users: users,\n                                        }\n                                    }}\n                                    style={{display: 'block'}}\n                                >Get started</Button>\n                            </Card>\n                        </Col>\n                    </Row>\n                </Spacer>\n            </Container>\n\n            <Container>\n                <Spacer top={10}/>\n                <Row justify={'flex-end'}>\n                    <Col md={8}>\n                        <Text style={{textAlign: 'center', color: Theme.colors.info.text}}>Compare plans</Text>\n                    </Col>\n                </Row>\n\n                <Spacer top={5}/>\n                {FEATURES.map(({name, basic, partner, ...p}) =>\n                    <div key={name}>\n                        <Divider full/>\n                        <Row align={'center'}>\n                            <Col md={itemColSize}>\n                                <Item right>{name}</Item>\n                            </Col>\n                            <Col>\n                                {basic === true\n                                    ? <Yes/>\n                                    : typeof basic === 'string'\n                                        ? <ThirdTitle style={{textAlign: 'center', fontWeight: 'normal'}}>\n                                            <span style={{\n                                                fontWeight: 'bold',\n                                                background: Theme.colors.secondary,\n                                                color: Theme.colors.neutrals.white,\n                                                borderRadius: Theme.defaultRadius,\n                                                padding: '0 4px',\n                                                fontSize: Theme.font.extraSmall.size,\n                                            }}>add-on</span>\n                                                <Spacer left={2} inline>\n                                                    $\n                                                    {(() => {\n                                                        const price = addons.find(a => a.processorId === basic)\n                                                            ?.processorData.prices[0].unit_amount_decimal;\n\n                                                        return price\n                                                            ? price / 100\n                                                            : <Skeleton height={20} width={20}/>;\n                                                    })()}\n                                                    /user/month\n                                                </Spacer>\n                                            </ThirdTitle>\n                                        : null}\n                            </Col>\n                            <Col>\n                                <Yes/>\n                            </Col>\n                        </Row>\n                    </div>\n                )}\n\n                {/*\n                <Spacer top={10}/>\n                <Row justify={'flex-end'}>\n                    <Col md={8}>\n                        <Text style={{textAlign: 'center', color: Theme.colors.info.text}}>Available Add-ons</Text>\n                    </Col>\n                </Row>\n                <Spacer top={5}/>\n\n                {addons.map(({name}) =>\n                    <div key={name}>\n                        <Divider full/>\n                        <Row align={'center'}>\n                            <Col md={itemColSize}>\n                                <Item right>{name}</Item>\n                            </Col>\n                            <Col>\n                                <Yes/>\n                            </Col>\n                            <Col>\n                                <Yes/>\n                            </Col>\n                        </Row>\n                    </div>\n                )}\n                */}\n            </Container>\n\n            <Spacer top={10} bottom={10}>\n                <Divider/>\n            </Spacer>\n\n            <Container>\n                <Title style={{textAlign: 'center'}}>Features</Title>\n                {/*<Spacer bottom={10}/>*/}\n\n                <Row>\n                    <Col sm={4}>\n                        <Spacer all={['lg', 'xl', 'xxl'].includes(screenClass) ? 10 : 5}>\n                            {/*<Icon.Calendar color={Theme.colors.info.text} size='28px'/>*/}\n                            {/*<Spacer bottom={1}/>*/}\n                            <SubTitle>Scheduling</SubTitle>\n\n                            <Spacer bottom={3}/>\n                            <ThirdTitle>Complete scheduler with DSP-specific reporting</ThirdTitle>\n                            <Spacer bottom={1}/>\n                            <Text>\n                                Industry standard scheduling tools with specific functions only a DSP needs, not to\n                                mention built in reports, ready to go.\n                            </Text>\n\n                            <Spacer bottom={3}/>\n                            <ThirdTitle>Route coverage</ThirdTitle>\n                            <Spacer bottom={1}/>\n                            <Text>\n                                Use our balance group views to locate your coverage gaps.\n                            </Text>\n\n                            <Spacer bottom={3}/>\n                            <ThirdTitle>Manage your overtime</ThirdTitle>\n                            <Spacer bottom={1}/>\n                            <Text>\n                                See and fix your overtime issues before they happen. Our intuitive UI will show you\n                                the risks and remind you if you are putting a driver at risk of overtime before you\n                                schedule her.\n                            </Text>\n                        </Spacer>\n                    </Col>\n                    <Col sm={4}>\n                        <Spacer all={['lg', 'xl', 'xxl'].includes(screenClass) ? 10 : 5}>\n                            {/*<Icon.DspwNetwork color={Theme.colors.info.text} size='28px'/>*/}\n                            {/*<Spacer bottom={1}/>*/}\n                            <SubTitle>Workflow tools</SubTitle>\n\n                            <Spacer bottom={3}/>\n                            <ThirdTitle>On-time dispatch of your team</ThirdTitle>\n                            <Spacer bottom={1}/>\n                            <Text>\n                                Use our load out and RTS module to help train and manage drivers through these ever-\n                                changing processes.\n                            </Text>\n\n                            <Spacer bottom={3}/>\n                            <ThirdTitle>Workflow tools</ThirdTitle>\n                            <Spacer bottom={1}/>\n                            <Text>\n                                Let our workbot shepherd tasks throughout your organization to make sure the little\n                                things are done every time.\n                            </Text>\n\n                            <Spacer bottom={3}/>\n                            <ThirdTitle>More complicated workflows</ThirdTitle>\n                            <Spacer bottom={1}/>\n                            <Text>\n                                Our incidents page will allow you to manage DSP specific processes and assign their\n                                tasks to anyone in your organization.\n                            </Text>\n                        </Spacer>\n                    </Col>\n                    <Col sm={4}>\n                        <Spacer all={['lg', 'xl', 'xxl'].includes(screenClass) ? 10 : 5}>\n                            {/*<Icon.Android color={Theme.colors.info.text} size='28px'/>*/}\n                            {/*<Spacer bottom={1}/>*/}\n                            <SubTitle>Mobile app</SubTitle>\n\n                            <Spacer bottom={3}/>\n                            <ThirdTitle>Integraded chat</ThirdTitle>\n                            <Spacer bottom={1}/>\n                            <Text>\n                                Reduce the number of applications your drivers need to use on a daily basis.\n                            </Text>\n\n                            <Spacer bottom={3}/>\n                            <ThirdTitle>Online schedule</ThirdTitle>\n                            <Spacer bottom={1}/>\n                            <Text>\n                                Allow your drivers to see their assigned schedule real-time and communicate with\n                                their supervisor.\n                            </Text>\n\n                            <Spacer bottom={3}/>\n                            <ThirdTitle>Let drivers self-serve</ThirdTitle>\n                            <Spacer bottom={1}/>\n                            <Text>\n                                Drivers can view and pick up open shifts as well as arrange to swap a shift with another driver - a workflow that will require a built in supervisor’s approval, of course.\n                            </Text>\n                        </Spacer>\n                    </Col>\n                    <Col sm={4}>\n                        <Spacer all={['lg', 'xl', 'xxl'].includes(screenClass) ? 10 : 5}>\n                            {/*<Icon.Clock color={Theme.colors.info.text} size='28px'/>*/}\n                            {/*<Spacer bottom={1}/>*/}\n                            <SubTitle>Time tracking</SubTitle>\n\n                            <Spacer bottom={3}/>\n                            <ThirdTitle>2 geofences</ThirdTitle>\n                            <Spacer bottom={1}/>\n                            <Text>\n                                Track the times of ins and outs of both the parking lot and the station geofences.\n                            </Text>\n\n                            <Spacer top={3}/>\n                            <ThirdTitle>Incident time and location</ThirdTitle>\n                            <Spacer bottom={1}/>\n                            <Text>\n                                Know when and where incident forms were created.\n                            </Text>\n\n                            <Spacer top={3}/>\n                            <ThirdTitle>Inventory timelines</ThirdTitle>\n                            <Spacer bottom={1}/>\n                            <Text>\n                                Keep track of when vehicles and devices were used.\n                            </Text>\n                        </Spacer>\n                    </Col>\n                    <Col sm={4}>\n                        <Spacer all={['lg', 'xl', 'xxl'].includes(screenClass) ? 10 : 5}>\n                            {/*<Icon.Chat color={Theme.colors.info.text} size='28px'/>*/}\n                            {/*<Spacer bottom={1}/>*/}\n                            <SubTitle>Live chat</SubTitle>\n\n                            <Spacer bottom={3}/>\n                            <ThirdTitle>Leverage integration for better communication</ThirdTitle>\n                            <Spacer bottom={1}/>\n                            <Text>\n                                Scheduler integrated chat used to communicate with your drivers with SMS capabilities.\n                            </Text>\n\n                            <Spacer top={3}/>\n                            <ThirdTitle>Share more than just text</ThirdTitle>\n                            <Spacer bottom={1}/>\n                            <Text>\n                                Send or share documents, pictures, videos and URLs.\n                            </Text>\n\n                            <Spacer top={3}/>\n                            <ThirdTitle>Dynamic station membership</ThirdTitle>\n                            <Spacer bottom={1}/>\n                            <Text>\n                                No need to maintain this list anymore. If they are an active employee assigned to\n                                your station, they are automatically members of the station chat list.\n                            </Text>\n                        </Spacer>\n                    </Col>\n                    <Col sm={4}>\n                        <Spacer all={['lg', 'xl', 'xxl'].includes(screenClass) ? 10 : 5}>\n                            {/*<Icon.TimeLine color={Theme.colors.info.text} size='28px'/>*/}\n                            {/*<Spacer bottom={1}/>*/}\n                            <SubTitle>Inventory tracking</SubTitle>\n\n                            <Spacer bottom={3}/>\n                            <ThirdTitle>Mobile phone</ThirdTitle>\n                            <Spacer bottom={1}/>\n                            <Text>\n                                Track your mobile devices and their condition.\n                            </Text>\n\n                            <Spacer top={3}/>\n                            <ThirdTitle>Fleet</ThirdTitle>\n                            <Spacer bottom={1}/>\n                            <Text>\n                                Track owned, leased, and rented vehicles. View timelines, condition, and lease info\n                                all in one place.\n                            </Text>\n\n                            <Spacer top={3}/>\n                            <ThirdTitle>Who used it last?</ThirdTitle>\n                            <Spacer bottom={1}/>\n                            <Text>\n                                Track who last used your devices and vehicles and when in our timelines.\n                            </Text>\n                        </Spacer>\n                    </Col>\n                </Row>\n            </Container>\n\n            {addons && (\n                <Container style={{textAlign: 'center'}}>\n                    <Spacer top={5} bottom={10}>\n                        <Divider/>\n                    </Spacer>\n                    <Spacer bottom={10}>\n                        <BigTitle>Available add-ons</BigTitle>\n                        <Spacer top={3}/>\n                        <Text>Achieve even more with the available add-ons</Text>\n                    </Spacer>\n                    <Row justify={'center'}>\n                        {addons.map((a, i) =>\n                            <Col key={i} lg={4}>\n                                <Spacer all={5}>\n                                    <SubTitle>{a.name}</SubTitle>\n                                    <Spacer bottom={2}/>\n                                    <ThirdTitle>\n                                        {/*{a.amount > 0 ? (*/}\n                                        {/*    <Price>*/}\n                                        {/*        <span>$</span>*/}\n                                        {/*        {a.amount}*/}\n                                        {/*        <span>/{a.unit.replace('per_', '')}/month</span>*/}\n                                        {/*    </Price>*/}\n                                        {/*) : (*/}\n                                        {/*    'Free'*/}\n                                        {/*)}*/}\n                                    </ThirdTitle>\n                                    <Spacer bottom={2}/>\n                                    <Text>{a.description}</Text>\n                                </Spacer>\n                            </Col>\n                        )}\n                    </Row>\n                </Container>\n            )}\n\n            <Spacer bottom={15}/>\n\n            <FAQ/>\n\n            <Spacer top={15}/>\n            <Testimonials/>\n\n            <Footer/>\n        </>\n    );\n}\n\nexport default App;\n","import React, {useEffect, useState} from 'react';\nimport styled from \"styled-components\";\nimport {Col, Hidden, Row} from 'react-grid-system';\nimport {Button, ButtonGroup, Icon, Spacer, SubTitle, Text, Theme, ThirdTitle, Title} from '@dspworkplace/ui';\nimport {Card, Container, Skeleton} from \"../../Components/UI\";\nimport Range from \"../../Components/Range\";\nimport api, {isDev} from \"../../api\";\n\nexport const FEATURES = [\n    {\n        name: 'DSP scheduling application - includes shift management',\n        basic: true,\n        partner: true,\n    },\n    {\n        name: 'Vehicle and device inventory tracking',\n        basic: true,\n        partner: true,\n    },\n    {\n        name: 'Mobile, morning load out and RTS management workflows',\n        basic: true,\n        partner: true,\n    },\n    {\n        name: 'Morning kick-off workflow for managing driver load out',\n        basic: true,\n        partner: true,\n    },\n    {\n        name: 'RouteAssist&trade;',\n        basic: true,\n        partner: true,\n    },\n    {\n        name: 'Fully integrated chat engine',\n        basic: true,\n        partner: true,\n    },\n    {\n        name: 'Comprehensive mobile application (iOS and Android)',\n        basic: true,\n        partner: true,\n    },\n    {\n        name: 'Mobile app pickup open and swap shifts',\n        basic: true,\n        partner: true,\n    },\n    {\n        name: 'Payroll punch time integration',\n        basic: isDev ? 'prod_KkPYQ7aFJ4pavZ' : 'prod_KwdRRqmjJ6MpBh',\n        partner: true,\n    },\n    {\n        name: 'Complete incident management workflows include: driver accident/injury forms, tier tracking, UPD tracker and driver call outs',\n        basic: false,\n        partner: true,\n    },\n    {\n        name: 'Route commitment tracking',\n        basic: false,\n        partner: true,\n    },\n    {\n        name: 'Schedule balance views',\n        basic: false,\n        partner: true,\n    },\n    {\n        name: 'Package count information',\n        basic: false,\n        partner: true,\n    },\n    {\n        name: 'Mobile app announcements: for driver updates and education',\n        basic: false,\n        partner: true,\n    },\n    {\n        name: 'Build your own reports (coming soon)',\n        basic: false,\n        partner: true,\n    },\n    {\n        name: 'Amazon invoice comparison tool (coming soon)',\n        basic: false,\n        partner: true,\n    },\n];\n\n\nconst Price = styled.span`\n    display: inline-flex;\n    justify-content: space-between;\n    align-items: center;\n    \n    small {\n        font-size: .5em;\n        vertical-align: top;\n    }\n`;\n\nexport const Help = styled(Button)`\n    line-height: 20px;\n    height: 20px;\n    width: 20px;\n    padding: 0;\n    font-size: 14px;\n    border-radius: 100px;\n    border: 1px solid ${Theme.colors.info.border};\n    position: relative;\n    \n    &::after {\n        display: block;\n        content: \"${props => props.text}\";\n        width: 94px;\n        padding: 12px;\n        background: ${Theme.colors.neutrals.white};\n        border-radius: ${Theme.defaultRadius};\n        box-shadow: 0 3px 6px ${Theme.colors.neutrals.gray}26;\n        text-align: left;\n        font-family: ${Theme.font.body};\n        color: ${Theme.colors.neutrals.gray};\n        font-weight: normal;\n        position: absolute;\n        top: 50%;\n        left: 100%;\n        transform: translate(4px, -50%);\n    }\n    \n    &::before {\n        content: \"\";\n        display: block;\n        right: -4px;\n        top: 50%;\n        border: solid transparent;\n        height: 0;\n        width: 0;\n        position: absolute;\n        border-color: rgba(255, 255, 255, 0);\n        border-right-color: #fff;\n        border-width: 8px;\n        margin-top: -8px;\n        z-index: 1;\n    }\n    \n    &::before,\n    &::after {\n        opacity: 0;\n        pointer-events: none;\n        transition: all .3s;\n    }\n    \n    &:hover,\n    &:focus {\n        &::before,\n        &::after {\n            opacity: 1;\n        }\n    }\n`;\n\nconst App = () => {\n    const [users, setUsers] = useState(60);\n    const [packages, setPackages] = useState({});\n    const [addons, setAddons] = useState([]);\n    const [pricing, setPricing] = useState('yearly');\n\n    const {fetchPackages, fetchAddons, abort} = api();\n\n    const fetchData = () =>\n        Promise.all([\n            fetchPackages(),\n            fetchAddons(),\n        ]).then(([packages, addons]) => {\n            setPackages(packages);\n            setAddons(addons);\n        });\n\n    useEffect(() => {\n        fetchData();\n\n        const post = () => {\n            const height = document.getElementById(\"root\").scrollHeight + 50;\n            window.parent.postMessage([height], \"*\");\n        }\n        setInterval(post, 100);\n        post();\n\n        return () => abort();\n    }, []);\n\n    const {basic, partner} = packages;\n    if (basic && partner)\n        [basic, partner].forEach(p =>\n            p.unitPrice = parseFloat((p.processorData.prices\n                .filter(price => price.lookup_key !== null)\n                .find(price => price.recurring.interval === (pricing === 'yearly' ? 'year' : 'month'))\n                .unit_amount_decimal / 100 * (pricing === 'yearly' ? (1/12) : 30)).toFixed(2))\n        );\n\n    return (\n        <Container style={{textAlign: 'center'}}>\n            <Spacer right={0} left={0} top={10}>\n                <Row>\n                    <Col md={4}>\n                        <Row>\n                            <Col md={10}>\n                                <Card>\n                                    <ThirdTitle>How many users does<br/> your company have?</ThirdTitle>\n                                    <Spacer bottom={2}/>\n                                    <Text>Including drivers, managers, dispatchers, operations, etc</Text>\n                                    <Spacer bottom={4}/>\n                                    <Range\n                                        defaultValue={users}\n                                        min={10}\n                                        max={1000}\n                                        onChange={u => setUsers(parseInt(u))}\n                                        size={'extraSmall'}\n                                    />\n                                    <Spacer bottom={4}/>\n                                    <div style={{\n                                        display: 'flex',\n                                        alignItems: 'baseline',\n                                        justifyContent: 'center'\n                                    }}>\n                                        <ThirdTitle>Preferred payment term:</ThirdTitle>\n                                    </div>\n                                    <Spacer bottom={2}/>\n                                    <div style={{\n                                        display: 'flex',\n                                        alignItems: 'baseline',\n                                        justifyContent: 'center'\n                                    }}>\n                                        <ButtonGroup\n                                            active={pricing}\n                                            size={'small'}\n                                        >\n                                            <Button track={'monthly'} onClick={()=>setPricing('monthly')}>Monthly</Button>\n                                            <Button track={'yearly'} onClick={()=>setPricing('yearly')}>Annually</Button>\n                                        </ButtonGroup>\n                                    </div>\n                                    <Spacer bottom={4}/>\n                                    <Text><small>You can change your number of users at any time and pricing will automatically be updated.</small></Text>\n                                    {/*<Text><small>If you need more than 1000 users contact us for special price</small></Text>*/}\n                                </Card>\n                            </Col>\n                            <Col md={2}>\n                                <Hidden xs sm>\n                                    <Spacer bottom={35}/>\n                                    <Icon.ArrowRight color={Theme.colors.info.border}/>\n                                </Hidden>\n                            </Col>\n                        </Row>\n                    </Col>\n                    <Col md={4}>\n                        <Hidden md lg xl>\n                            <Spacer top={5}></Spacer>\n                        </Hidden>\n                        <Card style={{\n                            height: '100%',\n                            display: 'flex',\n                            flexDirection: 'column',\n                        }}>\n                            <SubTitle>Basic package</SubTitle>\n                            <Spacer bottom={3}/>\n                            <Text>{basic?.description || <Skeleton height={48}/>}</Text>\n                            <Spacer bottom={3}/>\n                            <Price style={{\n                                flexDirection: 'column',\n                                marginTop: 'auto'\n                            }}>\n                                <Title>\n                                    {pricing === 'yearly' && basic?.unitPrice &&\n                                        <Spacer inline right={3}>\n                                            <del><small>${(basic.unitPrice + .5) * users}</small></del>\n                                        </Spacer>}\n                                    $\n                                    {basic?.unitPrice\n                                        ? basic.unitPrice * users\n                                        : <Skeleton height={24} width={30}/>}\n                                </Title>\n                                <Spacer bottom={1}/>\n                                <Text>\n                                    /month\n                                    <Spacer inline right={1}/>\n                                    <Help text={`${users} users x $${basic?.unitPrice} per user`}>?</Help>\n                                </Text>\n                            </Price>\n                            <Spacer bottom={3}/>\n                            <Button\n                                disabled={!basic?.id}\n                                type='primary'\n                                as={'a'}\n                                href={'https://register.dspworkplace.com/register'}\n                                target={'_blank'}\n                                style={{display: 'block'}}\n                            >Get Started</Button>\n                        </Card>\n                    </Col>\n                    <Col md={4}>\n                        <Hidden md lg xl>\n                            <Spacer top={20}></Spacer>\n                        </Hidden>\n                        <div style={{\n                            background: Theme.colors.info.bg,\n                            padding: 12,\n                            borderRadius: `${Theme.defaultRadius} ${Theme.defaultRadius} 0 0`,\n                            marginTop: -40,\n                        }}>\n                            <Text style={{\n                                fontSize: 12,\n                                color: Theme.colors.info.text\n                            }}>Best deal - cheaper seats</Text>\n                        </div>\n                        <Card style={{\n                            height: '100%',\n                            display: 'flex',\n                            flexDirection: 'column'\n                        }}>\n                            <SubTitle>Partner package</SubTitle>\n                            <Spacer bottom={3}/>\n                            <Text>{partner?.description || <Skeleton height={48}/>}</Text>\n                            <Spacer bottom={3}/>\n                            <Price style={{\n                                flexDirection: 'column',\n                                marginTop: 'auto'\n                            }}>\n                                <Title>\n                                    {pricing === 'yearly' && partner?.unitPrice &&\n                                    <Spacer inline right={3}>\n                                        <del><small>${(partner.unitPrice + 2) * users}</small></del>\n                                    </Spacer>}\n                                    $\n                                    {partner?.unitPrice\n                                        ? partner.unitPrice * users\n                                        : <Skeleton height={24} width={30}/>}\n                                </Title>\n                                <Spacer bottom={1}/>\n                                <Text>\n                                    /month\n                                    <Spacer inline right={1}/>\n                                    <Help text={`${users} users x $${partner?.unitPrice} per user`}>?</Help>\n                                </Text>\n                            </Price>\n                            <Spacer bottom={3}/>\n                            <Button\n                                disabled={!partner?.id}\n                                type='primary'\n                                as={'a'}\n                                href={'https://register.dspworkplace.com/register'}\n                                target={'_blank'}\n                                style={{display: 'block'}}\n                            >Get started</Button>\n                        </Card>\n                    </Col>\n                </Row>\n            </Spacer>\n        </Container>\n    );\n}\n\nexport default App;\n","const patternEmail = /^[A-Za-z0-9._%+-]+@[A-Za-z0-9.-]+\\.[A-Za-z]{2,4}$/;\nconst patternPhone = /^(1\\s?)?((\\([0-9]{3}\\))|[0-9]{3})[\\s\\-]?[\\0-9]{3}[\\s\\-]?[0-9]{4}$/;\nconst patternPassword = {\n    upper_lower_number: /^(?=.*\\d)(?=.*[a-z])(?=.*[A-Z])(?!.*\\s)(?=.*[@_!$%^&#*)(.-]).{8,32}.*$/\n}\nconst patternDomain = /^[a-zA-Z0-9][a-zA-Z0-9-]{1,61}[a-zA-Z0-9]\\.[a-zA-Z]{2,}$/;\nconst onlyFourCharacter = /^[(0-9)|(a-z)|(A-Z)]{4,4}$/;\n\nexport {patternEmail, patternPhone, patternPassword, patternDomain, onlyFourCharacter};\n","import React, {useEffect, useState} from 'react';\nimport styled from 'styled-components';\nimport {Col, Row, Visible} from 'react-grid-system';\nimport {NavLink, useHistory} from 'react-router-dom';\nimport {useForm} from \"react-hook-form\";\nimport {\n    CardCvcElement,\n    CardExpiryElement,\n    CardNumberElement,\n    Elements,\n    useElements,\n    useStripe\n} from \"@stripe/react-stripe-js\";\nimport {loadStripe} from \"@stripe/stripe-js\";\nimport {\n    Alert,\n    Button,\n    ButtonGroup,\n    CheckBox,\n    Dropdown,\n    Icon,\n    Input,\n    Password,\n    RadioBox,\n    Spacer,\n    SubTitle,\n    Text,\n    Theme,\n    ThirdTitle,\n    Title\n} from '@dspworkplace/ui';\nimport {Card, Container, LightBlueSection, Loading, Skeleton} from \"../../Components/UI\";\nimport {Image, Menu, Tabs} from \"../../Components/Menus/Main\";\nimport {logo} from '../../assets';\nimport {onlyFourCharacter, patternDomain, patternEmail, patternPassword, patternPhone} from \"../../patterns\";\nimport api from \"../../api\";\nimport {Help} from \"../Pricing\";\n\nconst stripePromise = loadStripe(process.env.REACT_APP_API_KEY);\n\nconst Nav = styled.nav`\n    height: 95px;\n    padding-top: 12px;\n    width: 100%;\n    display: flex;\n    flex-direction: row;\n    justify-content: space-between;\n    align-items: center;\n`;\n\nconst CartItem = styled(Card)`\n    display: flex;\n    transition: all .2s;\n    cursor: pointer;\n\n    &:hover {\n        box-shadow: 0 1px 6px ${Theme.colors.neutrals.black}33;\n    }\n\n    .price {\n        font-size: 32px;\n        align-self: center;\n        margin-left: auto;\n        text-align: right;\n    }\n\n    &:not(.checked) .price {\n        color: ${Theme.colors.neutrals.silver};\n    }\n`;\n\nconst CartTotal = styled(LightBlueSection).attrs({\n    right: 15\n})`\n    position: sticky;\n    bottom: 0;\n    background: ${Theme.colors.info.bg};\n    margin: 0 -15px;\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n\n    @media (max-width: 1024px) {\n        position: fixed;\n        left: 15px;\n        right: 15px;\n        z-index: 5;\n        padding-top: 20px;\n        padding-bottom: 20px;\n    }\n`;\n\n// status map\nconst INITIAL = 0;\nconst LOADING = 1;\nconst ERROR = 2;\nconst REGISTERING = 3;\n\nconst Register = props => {\n    const history = useHistory();\n    const stripe = useStripe();\n    const elements = useElements();\n    const defaultValues = {\n        users: 10,\n        method: 'cc'\n    };\n    const {register, handleSubmit, errors, getValues, watch, reset} = useForm({\n        mode: 'onTouched',\n        defaultValues\n    });\n    const values = getValues();\n    const [status, setStatus] = useState(INITIAL);\n    const [error, setError] = useState();\n\n    const API = api();\n\n    const users = watch('users') > 10 ? watch('users') : 10;\n    const [packages, setPackages] = useState({});\n    const [addons, setAddons] = useState([]);\n    const [pricing, setPricing] = useState('yearly');\n    const [tier, setTier] = useState(null);\n    const [station, setStation] = useState({});\n\n    const {basic, partner} = packages;\n    if (basic && partner)\n        [basic, partner].forEach(p => {\n            p.price = p.processorData.prices\n                .find(price => price.lookup_key?.match(pricing));\n            p.unitPrice = parseFloat((p.price.unit_amount_decimal / 100 * (pricing === 'yearly' ? 1 : 30))).toFixed(2)\n        });\n\n    const fetchPackages = () => {\n        setStatus(LOADING);\n\n        return Promise.all([\n            API.fetchPackages().then(packages => setPackages(packages)),\n            API.fetchAddons().then(addons => setAddons(addons))\n        ]);\n    }\n\n    const onSubmit = async data => {\n        if (!tier?.id) {\n            setError('Please select a package.');\n            return setStatus(ERROR);\n        }\n\n        setStatus(LOADING);\n\n        let error, token;\n\n        try {\n            let result;\n            if (data.method === 'cc') {\n                const number = elements.getElement(CardNumberElement);\n                result = await stripe.createToken(number);\n            } else {\n                result = await stripe.createToken('bank_account', {\n                    country: 'US',\n                    currency: 'usd',\n                    ...data.ach\n                })\n            }\n\n            error = result.error;\n            token = result.token ? result.token.id : false;\n        } catch (error) {\n            setError(error.message);\n            return setStatus(ERROR);\n        }\n\n        if (error) {\n            setError(error.message);\n            return setStatus(ERROR);\n        }\n\n        const payload = {\n            ...data,\n            firstName: data.name,\n            token: token,\n            company: {\n                name: data.company,\n                apiKey: data.email,\n                numberOfUser: data.users,\n                amazonAbbreviation: data.abbr,\n                domain: data.domain,\n                stationName:data.stationName,\n                stationCode:data.stationCode\n            },\n            station:station,\n            products: {\n                package: {\n                    [tier.id]: tier.price.id\n                },\n                addon: data.addons.reduce((all, id) => {\n                    all[id] = addons.find(a => a.id == id).processorData.prices[0].id;\n                    return all;\n                }, {}),\n            },\n            pricing,\n        }\n\n        fetch(\n            `${process.env.REACT_APP_API_ENDPOINT}/api/user/registration`,\n            {\n                method: 'post',\n                headers: {\n                    'Content-Type': 'application/json'\n                },\n                body: JSON.stringify(payload),\n            }\n        ).then(result => {\n            if (result.status !== 200)\n                return result.json().then(response => {\n                    setError(response.message);\n                    setStatus(ERROR);\n                });\n            history.push('/preparing', {\n                email: data.email,\n                password: data.password\n            });\n        }).catch(reason => {\n            setError(reason.message);\n            setStatus(ERROR);\n        });\n    };\n\n    const getFirstCharge = () => {\n        let date = new Date();\n        date.setTime(date.getTime() + (1000 * 60 * 60 * 24 * 30));\n        return `\n        ${['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'][date.getDay()]}\n        ${['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun',\n           'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'][date.getMonth()]}.\n        ${date.getDate()},\n        ${date.getFullYear()}\n        `.trim();\n    };\n\n    const getTotal = () => {\n        const addonTotal = (watch('addons') || [])\n            .reduce((all, next) => {\n                const addon = addons.find(a => a.id === parseInt(next));\n\n                if (!addon || addon.chargeAfterEvent)\n                    return all;\n\n                const qty = watch(next)?.qty\n                    ? watch(next).qty\n                    : addon.processorData.prices[0].recurring.usage_type === 'licensed'\n                        ? 1\n                        : users;\n\n                return all + addon.processorData.prices[0].unit_amount_decimal / 100 * qty;\n            }, 0);\n\n        return (tier.unitPrice * users + addonTotal);\n    };\n\n    useEffect(() => {\n        if (props.location.state) {\n            const {packages, addons, pricing, tier, users} = props.location.state;\n\n            if (packages && pricing) {\n                setPackages(packages);\n                setAddons(addons);\n                setPricing(pricing);\n                setTier(packages[tier]);\n                reset({\n                    ...defaultValues,\n                    users: users\n                });\n            }\n        } else\n            fetchPackages().then(()=> setStatus(INITIAL));\n\n        return () => API.abort();\n    }, []);\n\n    return (\n        <form onSubmit={handleSubmit(onSubmit)}>\n            <Container>\n                <Nav>\n                    <NavLink to={'/'} style={{maxWidth: 180}}>\n                        <Image src={logo} />\n                    </NavLink>\n\n                    <Visible lg xl xxl>\n                        <Menu>\n                            <Tabs>\n                                <li>\n                                    <a href='https://dspworkplace.com'>\n                                        <Icon.ArrowLeft\n                                            size='16px'\n                                            color={Theme.colors.neutrals.medium}\n                                            style={{\n                                                verticalAlign: 'middle',\n                                                position: 'relative',\n                                                top: -1\n                                            }}\n                                        />\n                                        <Spacer right={2} inline/>\n                                        Back to the site\n                                    </a>\n                                </li>\n                            </Tabs>\n                        </Menu>\n\n                        <Spacer left={8} className='stack'>\n                            <Text>Already has an account? <a href='https://app.dspworkplace.com/'>Login</a></Text>\n                        </Spacer>\n                    </Visible>\n\n                    <Visible xs sm md>\n                        <div style={{textAlign: 'right'}}>\n                            <Text><a href='https://app.dspworkplace.com/'>Login</a></Text>\n                            <Spacer top={3}/>\n                            <a href='https://dspworkplace.com'>\n                                <Text>\n                                    <Icon.ArrowLeft\n                                        size='16px'\n                                        color={Theme.colors.neutrals.medium}\n                                        style={{\n                                            verticalAlign: 'middle',\n                                            position: 'relative',\n                                            top: -1\n                                        }}\n                                    />\n                                    <Spacer right={2} inline/>\n                                    Back to the site\n                                </Text>\n                            </a>\n                        </div>\n                    </Visible>\n                </Nav>\n            </Container>\n\n            <Container fluid>\n                <Row>\n                    <Col lg={7} push={{lg: 5}} style={{\n                        backgroundColor: Theme.colors.extra.whiteSmoke,\n                    }}>\n                        <Spacer style={{\n                            position: 'sticky',\n                            top: 0,\n                        }}>\n                            <Spacer top={10} bottom={10} left={6} right={10} style={{}}>\n                                <SubTitle style={{\n                                    display: 'flex',\n                                    justifyContent: 'space-between',\n                                }}>\n                                    <div>\n                                        Selected Package\n                                        {tier !== null && <Spacer inline left={3}>\n                                            <a\n                                                href=\"#\"\n                                                onClick={()=>setTier(null)}\n                                                style={{\n                                                    color: Theme.colors.secondary,\n                                                    fontSize: 'small'\n                                                }}\n                                            >change</a>\n                                        </Spacer>}\n                                    </div>\n\n                                    <div>\n                                        {pricing !== 'monthly' ? null : (\n                                            <Spacer inline right={3}>\n                                                <a\n                                                    href=\"javascript:void(0);\"\n                                                    style={{\n                                                        color: Theme.colors.info.text,\n                                                        fontSize: 'small',\n                                                    }}\n                                                >\n                                                    approximated price\n                                                    <Spacer right={1} inline/>\n                                                    <Help text={'We charge you only for active employees, pro-rated for the days they were active.'}>?</Help>\n                                                </a>\n                                            </Spacer>\n                                        )}\n                                        <ButtonGroup\n                                            active={pricing}\n                                            size='small'\n                                            Type='button'\n                                        >\n                                            <Button track='monthly' onClick={()=>setPricing('monthly')}>Monthly</Button>\n                                            <Button track='yearly' onClick={()=>setPricing('yearly')}>Annually</Button>\n                                        </ButtonGroup>\n                                    </div>\n                                </SubTitle>\n                                <Spacer top={3}/>\n\n                                {tier === null && status === LOADING && <>\n                                    <CartItem>\n                                        <div>\n                                            <Spacer top={1}/>\n                                            <RadioBox\n                                                name='pricing'\n                                                options={[{value: 0}]}\n                                            />\n                                        </div>\n                                        <Spacer right={5}>\n                                            <Skeleton height={28} width={300}/>\n                                            <Spacer top={1}/>\n\n                                            <Skeleton height={28} width={140}/>\n                                            <Spacer top={2}/>\n\n                                            <Text className='desc'>\n                                                <Skeleton height={36} width={500}/>\n                                            </Text>\n                                        </Spacer>\n                                        <SubTitle className='price'>\n                                            $<Skeleton height={28} width={40}/>\n                                            <Spacer top={2}/>\n                                            <Text>$<Skeleton height={20} width={32}/>/user/{pricing === 'monthly' ? 'month' : 'year'}</Text>\n                                        </SubTitle>\n                                    </CartItem>\n                                    <Spacer bottom={3}/>\n                                    <CartItem>\n                                        <div>\n                                            <Spacer top={1}/>\n                                            <RadioBox\n                                                name='pricing'\n                                                options={[{value: 0}]}\n                                            />\n                                        </div>\n                                        <Spacer right={5}>\n                                            <Skeleton height={28} width={300}/>\n                                            <Spacer top={1}/>\n\n                                            <Skeleton height={28} width={140}/>\n                                            <Spacer top={2}/>\n\n                                            <Text className='desc'>\n                                                <Skeleton height={36} width={500}/>\n                                            </Text>\n                                        </Spacer>\n                                        <SubTitle className='price'>\n                                            $<Skeleton height={28} width={40}/>\n                                            <Spacer top={2}/>\n                                            <Text>$<Skeleton height={20} width={32}/>/user/{pricing === 'monthly' ? 'month' : 'year'}</Text>\n                                        </SubTitle>\n                                    </CartItem>\n                                </>}\n\n                                {tier === null && status !== LOADING && [basic, partner].map(item =>\n                                    !item ? null : <Spacer bottom={3} key={item.id}>\n                                        <CartItem as={'label'} className='checked'>\n                                            <div>\n                                                <Spacer top={1}/>\n                                                <RadioBox\n                                                    name='pricing'\n                                                    options={[{value: item.price.id}]}\n                                                    onChange={() => setTier(item)}\n                                                />\n                                            </div>\n                                            <Spacer right={5}>\n                                                <SubTitle>{item.name}</SubTitle>\n                                                <Spacer top={1}/>\n\n                                                <ThirdTitle>Billed {pricing}</ThirdTitle>\n                                                <Spacer top={1}/>\n\n                                                {item.name.toLowerCase().match('early') && <Spacer bottom={2}>\n                                                    <ThirdTitle>Early adopter pricing until 12/31/2020</ThirdTitle>\n                                                </Spacer>}\n\n                                                <Text className='desc'>{item.description}</Text>\n                                            </Spacer>\n                                            <SubTitle className='price'>\n                                                ${item.unitPrice * users}\n                                                <Spacer top={2}/>\n                                                <Text>${item.unitPrice}/user/{pricing === 'monthly' ? 'month' : 'year'}</Text>\n                                            </SubTitle>\n                                        </CartItem>\n                                    </Spacer>\n                                )}\n\n                                {tier && <CartItem className='checked'>\n                                    <Spacer right={5}>\n                                        <SubTitle>{tier.name || <Skeleton as={'span'} height={28} width={200}/>}</SubTitle>\n                                        <Spacer top={1}/>\n\n                                        <ThirdTitle>Billed {pricing}</ThirdTitle>\n                                        <Spacer top={1}/>\n\n                                        {tier.name.match('early') && <Spacer bottom={2}>\n                                            <ThirdTitle>Early adopter pricing until 12/31/2020</ThirdTitle>\n                                        </Spacer>}\n\n                                        <Text className='desc'>{tier.description || <Skeleton as={'span'} height={32} width={300}/>}</Text>\n                                    </Spacer>\n                                    <SubTitle className='price'>\n                                        ${tier.unitPrice * users || <Skeleton as={'span'} height={28} width={30} style={{display: 'inline-block'}}/>}\n                                        <Spacer top={2}/>\n                                        <Text>${tier.unitPrice || <Skeleton as={'span'} height={16} width={30}/>}/user/{pricing === 'monthly' ? 'month' : 'year'}</Text>\n                                    </SubTitle>\n                                </CartItem>}\n                                <Spacer top={10} />\n\n                                {tier && addons.length > 0 && (\n                                    <Spacer bottom={3}>\n                                        <SubTitle>Available Add-ons <span style={{color: Theme.colors.neutrals.medium, fontSize: 'small'}}>invoiced separately</span></SubTitle>\n                                    </Spacer>\n                                )}\n\n                                {!tier ? null : addons.filter(addon =>\n                                    (!addon.tier || (addon.tier && addon.tier === tier.tier))\n                                    &&\n                                    (!addon.interval || (addon.interval && addon.interval === pricing))\n                                ).map(item =>\n                                    <Spacer bottom={5} key={item.id}>\n                                        <CartItem as={'label'} className={(watch('addons') || []).includes(item.id.toString()) ? 'checked' : ''}>\n                                            <div>\n                                                <Spacer top={1}/>\n                                                <CheckBox\n                                                    name='addons'\n                                                    ref={register}\n                                                    options={[{value: item.id}]}\n                                                />\n                                            </div>\n                                            <Spacer right={5}>\n                                                <SubTitle>{item.name}</SubTitle>\n                                                <Spacer top={1}/>\n\n                                                <Text className='desc'>{item.description}</Text>\n\n                                                {item.processorData.prices[0].metadata.category === 'hosting' &&\n                                                    (watch('addons') || []).includes(item.id) && (\n                                                    <Spacer top={4}>\n                                                        <Input\n                                                            name='domain'\n                                                            ref={register({\n                                                                required: 'Required field',\n                                                                pattern: {\n                                                                    value: patternDomain,\n                                                                    message: 'Invalid format'\n                                                                },\n                                                                validate: async value => (\n                                                                    await fetch(\n                                                                        `${process.env.REACT_APP_API_ENDPOINT}/api/company/check/domain/exist`,\n                                                                        {\n                                                                            method: 'post',\n                                                                            headers: {'Content-Type': 'application/json'},\n                                                                            body: JSON.stringify({\"domain\": value})\n                                                                        }\n                                                                    )\n                                                                    .then(res => res.json())\n                                                                    .then(res => res.status !== true) || \"This domain is already in use\"\n                                                                )\n                                                            })}\n                                                            label='Website Domain'\n                                                            Required={true}\n                                                            error={errors.domain && errors.domain.message}\n                                                            valid={!errors.domain && values.domain}\n                                                        />\n                                                    </Spacer>\n                                                )}\n\n                                                {item.processorData.prices[0].metadata.have_qty &&\n                                                    (watch('addons') || []).includes(item.id) && (\n                                                    <Spacer top={4}>\n                                                        <Input\n                                                            name={`${item.id}.qty`}\n                                                            ref={register({\n                                                                required: 'Required field',\n                                                                pattern: {\n                                                                    value: /^\\d+$/,\n                                                                    message: 'Only numbers'\n                                                                },\n                                                            })}\n                                                            label='Quantity'\n                                                            size='small'\n                                                            type='number'\n                                                            defaultValue={users}\n                                                            Required={true}\n                                                            error={errors[`${item.id}.qty`] && errors[`${item.id}.qty`].message}\n                                                            valid={!errors[`${item.id}.qty`] && values[`${item.id}.qty`]}\n                                                        />\n                                                    </Spacer>\n                                                )}\n                                            </Spacer>\n                                            <SubTitle className='price'>\n                                                {(() => {\n                                                    const {\n                                                        unit_amount_decimal: amount,\n                                                        recurring\n                                                    } = item.processorData.prices[0];\n\n                                                    if (amount <= 0)\n                                                        return 'Free';\n\n                                                    const chargeAfterUsage = item.chargeAfterEvent;\n                                                    const qty = watch(item.id)?.qty ? watch(item.id).qty : users;\n\n                                                    const total = amount / 100 * (chargeAfterUsage ? 1 : recurring.usage_type === 'licensed' ? 1 : qty)\n\n                                                    return `$${total % 1 === 0 ? total : total.toFixed(2)}`;\n                                                })()}\n                                                {item.processorData.prices[0].unit_amount_decimal > 0 ? (\n                                                    <Spacer top={2}>\n                                                        <Text>${item.processorData.prices[0].unit_amount_decimal/100}/{item.processorData.prices[0].recurring.usage_type === 'metered' ? (item.processorData.unit_label ?? 'unit') : item.processorData.prices[0].recurring.interval}</Text>\n                                                    </Spacer>\n                                                ) : false}\n                                            </SubTitle>\n                                        </CartItem>\n                                    </Spacer>\n                                )}\n                            </Spacer>\n\n                            {tier?.id && <CartTotal>\n                                <Title>\n                                    {pricing === 'monthly' ? 'Monthly' : 'Annual'} Total\n                                    <Text style={{fontWeight: 'normal'}}>\n                                        Your first charge will be {getFirstCharge()}\n                                    </Text>\n                                </Title>\n                                <Title>\n                                    ${getTotal() || <Skeleton height={40} width={50}/>}\n                                </Title>\n                            </CartTotal>}\n                        </Spacer>\n                    </Col>\n                    <Col lg={5} pull={{lg: 7}}>\n                        <Spacer top={5} style={{\n                            maxWidth: 300,\n                            margin: 'auto'\n                        }}>\n                            <Visible xs sm md>\n                                <Spacer top={5}/>\n                            </Visible>\n                            <Title>Sign Up</Title>\n\n                            <Spacer top={3}/>\n                            <SubTitle>Account Details</SubTitle>\n                            <Spacer top={3}/>\n\n                            <Input\n                                name='company'\n                                label='Company Name'\n                                ref={register({\n                                    required:true\n                                })}\n                                Required={true}\n                                error={errors.company && 'Required field'}\n                                valid={!errors.company && values.company}\n                            />\n                            <Spacer top={4} />\n\n                            <Input\n                                name='name'\n                                label='Your Name'\n                                ref={register({\n                                    required:true\n                                })}\n                                Required={true}\n                                error={errors.name && 'Required field'}\n                                valid={!errors.name && values.name}\n                            />\n                            <Spacer top={4} />\n\n                            <Input\n                                name='phoneNumber'\n                                label='Your Phone Number'\n                                ref={register({\n                                    required: 'Required field',\n                                    pattern: {\n                                        value: patternPhone,\n                                        message: 'Make sure you have a valid phone number'\n                                    }\n                                })}\n                                Required={true}\n                                help='(000) 000-0000'\n                                error={errors.phoneNumber && errors.phoneNumber.message}\n                                valid={!errors.phoneNumber && values.phoneNumber}\n                            />\n                            <Spacer top={4} />\n\n                            <Input\n                                name='email'\n                                label='Your Email'\n                                ref={register({\n                                    required: 'Required field',\n                                    pattern: {\n                                        value: patternEmail,\n                                        message: 'Make sure your email is valid'\n                                    },\n                                    validate: async value => (\n                                        await fetch(\n                                            `${process.env.REACT_APP_API_ENDPOINT}/api/user/check/email/exist`,\n                                            {\n                                                method: 'post',\n                                                headers: {'Content-Type': 'application/json'},\n                                                body: JSON.stringify({\"email\": value})\n                                            })\n                                            .then(res => res.json())\n                                            .then(res => res.status === false) || 'This email is already in use'\n                                    )\n                                })}\n                                type='email'\n                                Required={true}\n                                error={errors.email && errors.email.message}\n                                valid={!errors.email && values.email}\n                                autoComplete='username'\n                            />\n                            <Spacer top={4} />\n\n                            <Password\n                                name='password'\n                                label='Password'\n                                ref={register({\n                                    required: 'Required field',\n                                    pattern: {\n                                        value: patternPassword.upper_lower_number,\n                                        message: 'Review your password, it does not pass all rules'\n                                    }\n                                })}\n                                Required={true}\n                                error={errors.password && errors.password.message}\n                                valid={!errors.password && values.password}\n                                help='Must have lowercase, UPPERCASE, numbers, symbols and min 8 characters'\n                                autoComplete='current-password'\n                            />\n                            <Spacer top={4}/>\n\n                            <Input\n                                name='abbr'\n                                label='Amazon Abbreviation'\n                                ref={register({\n                                    required: 'Required field',\n                                    pattern: {\n                                        value: onlyFourCharacter,\n                                        message: 'Invalid code'\n                                    }\n                                })}\n                                Required={true}\n                                error={errors.abbr && errors.abbr.message}\n                                valid={!errors.abbr && values.abbr}\n                                size='small'\n                            />\n                            <Spacer inline left={5}/>\n                            <Input\n                                name='users'\n                                label='Number of Employees'\n                                ref={register({\n                                    required: 'Required field',\n                                    pattern: {\n                                        value: /^\\d+$/,\n                                        message: 'Only numbers'\n                                    },\n                                    min: {\n                                        value: 10,\n                                        message: 'Minimum of 10 users'\n                                    }\n                                })}\n                                type='tel'\n                                Required={true}\n                                error={errors.users && errors.users.message}\n                                valid={!errors.users && values.users}\n                                size='small'\n                                help='Employees can be drivers, dispatchers, HR, etc'\n                            />\n\n                            <Spacer top={4} />\n                            <Input\n                                name='stationCode'\n                                label='Station Code (ex. DSD1)'\n                                ref={register({\n                                    required: 'Required field',\n                                    validate: async value => (\n                                        await fetch(\n                                            `${process.env.REACT_APP_API_ENDPOINT}/api/user/check/code/exist`,\n                                            {\n                                                method: 'post',\n                                                headers: {'Content-Type': 'application/json'},\n                                                body: JSON.stringify({\"code\": value})\n                                            })\n                                            .then(res =>\n                                                res.json()\n                                            )\n                                            .then(res => { setStation(res.data); return res.status}) || 'This code does not exist, Please enter valid code'\n                                    )\n                                })}\n                                Required={true}\n                                error={errors.stationCode && errors.stationCode.message}\n                                valid={!errors.stationCode && values.stationCode}\n                            />\n\n                            <Spacer top={4} />\n                            <Input\n                                name='stationName'\n                                label='Station Name'\n                                ref={register({\n                                    required: 'Required field',\n                                })}\n                                Required={true}\n                                error={errors.stationName && errors.stationName.message}\n                                valid={!errors.stationName && values.stationName}\n                            />\n                            <Spacer top={4} />\n                            <Dropdown\n                                size=\"medium\"\n                                name=\"timezone\"\n                                label=\"Timezone\"\n                                ref={register}\n                                options={[\n                                    { name: \"Eastern Time\", value: \"ET\" },\n                                    { name: \"Central Time\", value: \"CT\" },\n                                    { name: \"Mountain Time\", value: \"MT\" },\n                                    { name: \"Pacific Time\", value: \"PT\" },\n                                    { name: \"Alaska Time\", value: \"AKT\" },\n                                    { name: \"Hawaii Time\", value: \"HT\" },\n                                    { name: \"Arizona Time\", value: \"AZ\" },\n                                    { name: \"Central European Time\", value: \"CET\" }\n                                ]}\n                            />\n                            <Spacer top={5} />\n\n                            <SubTitle>Payment Details</SubTitle>\n                            <Spacer top={3}/>\n\n                            <RadioBox\n                                name='method'\n                                ref={register}\n                                options={[\n                                    {value: 'cc', label: 'Credit Card'},\n                                    {value: 'ach', label: 'ACH'},\n                                ]}\n                            />\n                            <Spacer top={4}/>\n\n                            {watch('method') === 'cc' && (\n                                <>\n                                    <Input\n                                        as={CardNumberElement}\n                                        name='cc.number'\n                                        label={'Card Number'}\n                                    >\n                                        <Icon.CreditCard left={1}/>\n                                    </Input>\n                                    <Spacer top={4}/>\n\n                                    <Input\n                                        as={CardExpiryElement}\n                                        name='cc.exp'\n                                        label='Exp. Date'\n                                        size='small'\n                                    />\n                                    <Spacer inline right={5}/>\n                                    <Input\n                                        as={CardCvcElement}\n                                        name='cc.cvc'\n                                        label='CVC'\n                                        size='small'\n                                    />\n                                </>\n                            )}\n\n                            {watch('method') === 'ach' && (\n                                <>\n                                    <Input\n                                        name='ach.routing_number'\n                                        label='Routing Number'\n                                        ref={register({\n                                            required: true\n                                        })}\n                                        Required={true}\n                                    />\n                                    <Spacer bottom={4}/>\n                                    <Input\n                                        name='ach.account_number'\n                                        label='Account Number'\n                                        ref={register({\n                                            required: true\n                                        })}\n                                        Required={true}\n                                    />\n                                    <Spacer bottom={4}/>\n                                    <RadioBox\n                                        name='ach.account_holder_type'\n                                        title='Account Type'\n                                        ref={register({\n                                            required: true\n                                        })}\n                                        Required={true}\n                                        options={[\n                                            {value: 'individual', label: 'Individual'},\n                                            {value: 'company', label: 'Company'},\n                                        ]}\n                                    />\n                                    <Spacer bottom={4}/>\n                                    <Input\n                                        name='ach.account_holder_name'\n                                        label='Holder Name'\n                                        ref={register({\n                                            required: true\n                                        })}\n                                        Required={true}\n                                    />\n                                </>\n                            )}\n\n                            {status === ERROR && (\n                                <Spacer top={5}>\n                                    <Alert.Error size='small' useIcon={true} title={error}/>\n                                </Spacer>\n                            )}\n\n                            <Spacer top={5}/>\n                            <Button\n                                type={status === LOADING || status === REGISTERING ? 'cancel' : 'primary'}\n                                Type='submit'\n                                style={{width: 300}}\n                                disabled={status === LOADING || status === REGISTERING}\n                            >\n                                {status === LOADING || status === REGISTERING ? <Loading/> : 'Start my free 30-day trial'}\n                            </Button>\n\n                            <Spacer top={5} bottom={5} style={{display: 'flex'}}>\n                                <Icon.Locker size='36px'/>\n                                <Spacer right={1} inline/>\n                                <Title style={{fontSize: '24px', lineHeight: .95}}>\n                                    100% Secure Transaction\n                                    <Text style={{fontWeight: 'normal'}}><small>Your payment will be safely processed by Stripe</small></Text>\n                                </Title>\n                            </Spacer>\n\n                            <Text style={{fontSize: 'smaller', color: Theme.colors.neutrals.medium}}>\n                                By signing up, you agree to our{' '}\n                                <a href='https://dspworkplace.com/terms-and-conditions/' target='_blank' style={{color: 'inherit'}}>terms and conditions</a>.\n                            </Text>\n                            <Spacer bottom={15}/>\n\n                            <Visible xs sm md>\n                                <Spacer top={20}/>\n                            </Visible>\n                        </Spacer>\n                    </Col>\n                </Row>\n            </Container>\n        </form>\n    );\n}\n\nconst App = props => {\n    return (\n        <Elements stripe={stripePromise}>\n            <Register {...props}/>\n        </Elements>\n    );\n}\n\nexport default App;\n","import React, {useEffect, useRef} from \"react\";\nimport {Spacer, Text} from \"@dspworkplace/ui\";\nimport {BigTitle, Container, Loading} from \"../../Components/UI\";\nimport {logo} from \"../../assets\";\nimport {Image} from \"../../Components/Menus/Main\";\n\nconst Preparing = props => {\n    const {email, password} = props.location.state || {};\n\n    useEffect(() => {\n        if (email && password)\n            setInterval(() => {\n                fetch(\n                    `${process.env.REACT_APP_API_ENDPOINT}/api/login_check`,\n                    {\n                        method: 'post',\n                        headers: {\n                            'Content-Type': 'application/json'\n                        },\n                        body: JSON.stringify({\n                            username: email,\n                            password: password,\n                            isCorporate: false,\n                            timezone: false\n                        })\n                    }\n                ).then(\n                    result => result.status === 200 && (window.location.href = process.env.REACT_APP_BASE_URL)\n                )\n            }, 15000);\n    }, [email, password]);\n\n    return (\n        <Container>\n            <Spacer all={10} style={{textAlign: 'center'}}>\n                <Image src={logo} alt=\"dspworkplace\"/>\n                <Spacer top={20}/>\n                <BigTitle>We are preparing your account. It can take several minutes – we have a lot to do!</BigTitle>\n                <Spacer bottom={5}/>\n                <Text>We will notify you by email when our process is complete, otherwise, sit tight and we will redirect you as soon as your account is ready for use.</Text>\n                <Spacer top={20}>\n                    <Loading/>\n                </Spacer>\n            </Spacer>\n        </Container>\n    )\n}\n\nexport default Preparing;","import React, {useState} from \"react\";\nimport styled, {keyframes} from \"styled-components\";\nimport {Alert, Button, Dropdown, Icon, Input, Spacer, SubTitle, Theme, ThirdTitle} from \"@dspworkplace/ui\";\nimport {Col, Row, useScreenClass, Visible} from \"react-grid-system\";\nimport Logo from '../../assets/logo.svg';\nimport DMGgo from './dmggo.svg';\nimport Footer from \"../../Components/Sections/Footer\";\nimport {Container, Loading} from \"../../Components/UI\";\nimport {useForm} from \"react-hook-form\";\n\nconst Body = styled.div`\n    min-height: 100vh;\n    background-image: linear-gradient(50deg, #f05331 0%, ${Theme.colors.primary} 100%);\n    \n    @media (max-width: 768px) {\n        background-image: linear-gradient(50deg, #f05331 65%, ${Theme.colors.primary} 100%);\n    }\n`;\n\nconst Header = styled.header`\n    font: bold 3em/1 ${Theme.font.main};\n    letter-spacing: -1px;\n    color: white;\n    text-shadow: 0px 1px 2px ${Theme.colors.neutrals.black}55;\n    text-align: center;\n    padding: 4rem 33% 0;\n\n    min-height: 27vh;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    position: relative;\n    z-index: 0;\n    \n    background-repeat: no-repeat;\n    background-image: url(${Logo}), url(${DMGgo});\n    background-size: 33% auto, 33% auto;\n    background-position: left -8% center, right -8% center;\n    \n    p {\n        position: relative;\n        z-index: 1;\n    }\n    \n    &::after,\n    &::before {\n        content: \"\";\n        display: block;\n        height: 100%;\n        width: 5vw;\n        position: absolute;\n        top: 0;\n        border-radius: 50%;       \n        opacity: .8;\n        z-index: 0;\n        \n        background-color: #f05331;\n        box-shadow: 0 0 100px 100px #f05331;\n        left: 0;\n        transform: translateX(-50%);\n    }\n    \n    &::before {\n        background-color: ${Theme.colors.primary};\n        box-shadow: 0 0 100px 100px ${Theme.colors.primary};\n        left: auto;\n        right: 0;\n        transform: none;\n    }\n    \n    @media (max-width: 768px) {\n        font-size: 2rem;\n        padding: 4rem 10% 0;\n        min-height: 22vh;\n        \n        background-size: 50% auto, 50% auto;\n        background-position: left -8% top 15%, right -8% top 15%;\n    }\n`;\n\nconst BounceAnimation = keyframes`\n    0% { top: 0; }\n    50% { top: -.5rem }\n    100% { top: 0 }\n`;\n\nconst LearnMore = styled.div`\n    position: absolute;\n    bottom: -2em;\n    font-size: 1rem;\n    font-weight: normal;\n    letter-spacing: 0;\n    opacity: .7;\n    cursor: pointer;\n    \n    svg {\n        position: relative;\n        display: block;\n        margin: auto;\n        animation: ${BounceAnimation} 1.5s linear infinite;\n    }\n`;\n\nconst Content = styled.main`\n    position: relative;\n    z-index: 1;\n    padding-top: 3em;\n    background: linear-gradient(-2deg, rgba(255,255,255,1) 60%, rgba(255,255,255,0) 95%);\n`;\n\nconst Wrapper = styled.div`\n    max-width: 90%;\n    width: 760px;\n    margin: auto;\n    text-align: justify;\n`;\n\nconst SubTitleWithIcon = ({children}) => {\n    return (\n        <SubTitle\n            style={{\n                color: Theme.colors.secondary,\n                textAlign: 'left',\n                display: 'flex',\n            }}\n        >\n            <Icon.CheckNarrow\n                size={'20px'}\n                color={Theme.colors.primary}\n                style={{\n                    flexShrink: 0,\n                    position: 'relative',\n                    top: 2\n                }}\n            />\n            <Spacer left={2}>\n                {children}\n            </Spacer>\n        </SubTitle>\n    )\n}\n\nconst ContactForm = () => {\n    const {register, watch, setValue, errors, handleSubmit} = useForm();\n    const [status, setStatus] = useState();\n\n    const onSubmit = data => {\n        setStatus('loading');\n\n        fetch('https://fbce9jiuxa.execute-api.us-west-2.amazonaws.com/staging/handlecontact', {\n            method: 'POST',\n            body: JSON.stringify(data)\n        })\n        .then(response => {\n            if (response.status === 200)\n                setStatus({success: \"Thank you! We'll get back to you ASAP!\"})\n            else\n                throw new Error();\n        })\n        .catch(() => {\n            setStatus({error: \"Sorry, your submission failed to send. Please contact us at sales@dspworkplace.com or sales@dmggo.com.\"})\n        })\n    }\n\n    return (\n        <form onSubmit={handleSubmit(onSubmit)} noValidate>\n            <SubTitle>Contact Us</SubTitle>\n            <Spacer bottom={3}/>\n            <Input\n                ref={register({\n                    validate: {\n                        email: v => {\n                            let i = document.createElement('input');\n                            i.type = 'email';\n                            i.value = v;\n                            return !i.validity.typeMismatch || 'Please enter a valid email';\n                        }\n                    },\n                    required: {\n                        value: true,\n                        message: 'Please enter your email'\n                    },\n                })}\n                name='email'\n                label='Email'\n                type='email'\n                Required\n                valid={watch('email') && !errors?.email?.message}\n                error={errors?.email?.message}\n            />\n            <Spacer bottom={3}/>\n            <Input\n                ref={register}\n                name='name'\n                label='Name'\n            />\n            <Spacer bottom={3}/>\n            <Input\n                ref={register}\n                name='phone'\n                label='Phone'\n                type='tel'\n            />\n            <Spacer bottom={3}/>\n            <Input\n                ref={register}\n                name='company'\n                label='Company Name'\n            />\n            <Spacer bottom={3}/>\n            <Dropdown\n                ref={register({\n                    required: {\n                        value: true,\n                        message: 'Please select an option'\n                    }\n                })}\n                name='subject'\n                label='How can we help?'\n                options={[\n                    {name: 'Sign me up for a demo ASAP...', value: 'Sign me up for a demo ASAP...'},\n                    {name: 'Have DMGgo call me, like yesterday!', value: 'Have DMGgo call me, like yesterday!'},\n                    {name: 'I need it all, now!', value: 'I need it all, now!'},\n                    {name: 'Other', value: 'Other'},\n                ]}\n                visibleOptionsQty={4}\n                onChange={v => setValue('subject', v.value)}\n                Required\n                valid={watch('subject') && !errors?.subject?.message}\n                error={errors?.subject?.message}\n            />\n\n            {watch('subject') === 'Other' ? <>\n                <Spacer bottom={3}/>\n                <Input\n                    ref={register({\n                        required: {\n                            value: true,\n                            message: 'Please enter your message'\n                        }\n                    })}\n                    name='other'\n                    label='Please tell us more'\n                    Required\n                    valid={watch('other') && !errors?.other?.message}\n                    error={errors?.other?.message}\n                    as='textarea'\n                    style={{\n                        height: 80,\n                        fontFamily: 'inherit',\n                        lineHeight: 'inherit',\n                    }}\n                />\n            </> : null}\n\n            <Spacer bottom={5}/>\n            <Button\n                type='primary'\n                style={{\n                    width: 300\n                }}\n                disabled={status === 'loading'}\n            >\n                {status === 'loading' ? (\n                    <Spacer top={2}>\n                        <Loading width={24}/>\n                    </Spacer>\n                ) : 'Submit'}\n            </Button>\n\n            {typeof status === 'object' ? (\n                <Spacer top={5}>\n                    {status?.success ? (\n                        <Alert.Success\n                            content={status?.success}\n                        />\n                    ) : status?.error ? (\n                        <Alert.Error\n                            content={status?.error}\n                        />\n                    ) : null}\n                </Spacer>\n            ) : null}\n        </form>\n    )\n}\n\nexport default function VegasBaby ()\n{\n    const screenClass = useScreenClass();\n\n    return <>\n        <Body>\n            <Header>\n                <p>\n                    Announcing a new strategic partnership!\n                </p>\n\n                <Visible xs md>\n                    <LearnMore onClick={() => window.scrollTo(0, document.getElementById('content').getBoundingClientRect().top * .95)}>\n                        Learn More\n                        <Icon.ArrowDown color='white'/>\n                    </LearnMore>\n                </Visible>\n            </Header>\n\n            <Content>\n                <Wrapper>\n                    <Spacer\n                        all={10}\n                        style={{\n                            background: 'white',\n                            margin: 0,\n                            borderRadius: Theme.defaultRadius,\n                            boxShadow: `0 3px 6px ${Theme.colors.neutrals.gray}33`,\n                        }}\n                    >\n                        <SubTitle style={{textAlign: 'left'}}>\n                            To celebrate the DMGgo and dspworkplace partnership, we are offering the following {' '}\n                            discounts to new customers through December 2021\n                        </SubTitle>\n\n                        <Spacer bottom={10}/>\n\n                        <SubTitleWithIcon>\n                            <u>FREE</u> extended trial of dspworkplace\n                        </SubTitleWithIcon>\n\n                        <Spacer bottom={5}/>\n\n                        <SubTitleWithIcon>\n                            <u>FREE</u> dspworkplace-certified DMGgo implementation services\n                        </SubTitleWithIcon>\n\n                        <Spacer bottom={5}/>\n\n                        <SubTitleWithIcon>\n                            <u>20% discount on any DMGgo service</u> for both current and new dspworkplace customers\n                        </SubTitleWithIcon>\n\n                        <Spacer bottom={10}/>\n\n                        <Button\n                            type='primary'\n                            size='big'\n                            onClick={() => {\n                                let i = document.querySelector('input');\n                                window.scrollTo(0, (i.getBoundingClientRect().top + document.documentElement.scrollTop) * .9)\n                                setTimeout(() => i.focus(), 600);\n                            }}\n                        >\n                            Get in Touch to Learn More\n                        </Button>\n                    </Spacer>\n                </Wrapper>\n\n                <Spacer bottom={20}/>\n\n                <Container id='content'>\n                    <Row align={'center'}>\n                        <Col lg={8}>\n                            <Wrapper>\n                            <ThirdTitle>\n                                DMGgo and dspworkplace are pleased to announce a new strategic partnership that {' '}\n                                combines DMGgo's industry-leading administrative support services with {' '}\n                                dspworkplace’s world-class, last-mile focused technology platform.\n                            </ThirdTitle>\n                            <Spacer bottom={5}/>\n                            <ThirdTitle>\n                                Top-performing DSPs recognize the critical role best-in-class technology plays  {' '}\n                                in running their businesses efficiently--this includes the flexibility to adapt {' '}\n                                to the constant cadence of change. We've now combined the most dynamic service  {' '}\n                                platform with the most experienced administrative service offering to provide  {' '}\n                                you with a business-changing partnership.\n                            </ThirdTitle>\n                            <Spacer bottom={5}/>\n                            <ThirdTitle>\n                                This partnership unlocks the following new <br/>\n                                and pivotal DMGgo service offerings for the DSP network:\n                            </ThirdTitle>\n                            <Spacer bottom={5}/>\n\n                            <SubTitleWithIcon>\n                                Invoice Reconciliation\n                            </SubTitleWithIcon>\n                            <Spacer bottom={3}/>\n\n                            <SubTitleWithIcon>\n                                Weekend-Only Dispatch\n                            </SubTitleWithIcon>\n                            <Spacer bottom={3}/>\n\n                            <SubTitleWithIcon>\n                                Operational and Profitability Benchmarking\n                            </SubTitleWithIcon>\n                            <Spacer bottom={7}/>\n\n                            <ThirdTitle>\n                                Sign up for a demo and let the DMGgo-dspworkplace partnership bring you a {' '}\n                                flexible and dynamic technology platform, back-office administration, and {' '}\n                                organizational change management to help your business whenever and wherever you need it.\n                            </ThirdTitle>\n                            </Wrapper>\n                        </Col>\n                        <Col lg={4}>\n                            <Visible xs md>\n                                <Spacer top={10}/>\n                            </Visible>\n\n                            <Spacer\n                                all={['lg', 'xl', 'xxl'].includes(screenClass) ? 10 : 5}\n                                style={{\n                                    background: 'white',\n                                    borderRadius: Theme.defaultRadius,\n                                    boxShadow: `0 3px 6px ${Theme.colors.neutrals.gray}33`,\n                                    display: 'flex',\n                                    justifyContent: 'center'\n                                }}\n                            >\n                                <ContactForm/>\n                            </Spacer>\n                        </Col>\n                    </Row>\n                </Container>\n\n                <Spacer bottom={20}/>\n            </Content>\n        </Body>\n        <Footer/>\n    </>\n}","import React from 'react';\nimport {BrowserRouter, Redirect, Route, Switch} from 'react-router-dom';\nimport {ScreenClassProvider} from 'react-grid-system';\n\nimport DefaultLayout from './Layouts/Default';\nimport BlankLayout from \"./Layouts/Blank\";\n\nimport Home from '../Pages/Home';\nimport Features from '../Pages/Features';\nimport Pricing from '../Pages/Pricing';\nimport PricingWordpress from '../Pages/Pricing/wordpress';\nimport Contact from '../Pages/Contact';\nimport Register from '../Pages/Register';\nimport Preparing from '../Pages/Register/preparing';\nimport Terms from '../Pages/Terms';\nimport Privacy from '../Pages/Privacy';\nimport NotFound from '../Pages/404';\nimport VegasBaby from \"../Pages/VegasBaby\";\n\nconst routes = [\n    // {\n    //     name: \"Home\",\n    //     path: \"/\",\n    //     exact: true,\n    //     component: Home\n    // },\n    // {\n    //     name: \"Features\",\n    //     path: \"/features\",\n    //     component: Features\n    // },\n    {\n        name: \"Pricing Wordpress\",\n        path: \"/pricing_wordpress\",\n        layout: BlankLayout,\n        component: PricingWordpress,\n        useMenu: false,\n    },\n    // {\n    //     name: \"Pricing\",\n    //     path: \"/pricing\",\n    //     component: Pricing\n    // },\n    /*{\n        name: \"About\",\n        path: \"/about\",\n        component: (()=>(<div>I'm About</div>))\n    },*/\n    // {\n    //     name: \"Contact\",\n    //     path: \"/contact\",\n    //     component: Contact\n    // },\n    {\n        name: \"Start 30 Days Free Trial\",\n        path: \"/register\",\n        layout: BlankLayout,\n        component: Register,\n        useMenu: false\n    },\n    {\n        name: \"Preparing your account\",\n        path: \"/preparing\",\n        layout: BlankLayout,\n        component: Preparing,\n        useMenu: false\n    },\n    // {\n    //     name: \"Terms And Condition\",\n    //     path: \"/terms-and-conditions\",\n    //     component: Terms,\n    //     useMenu: false,\n    // },\n    // {\n    //     name: \"Privacy\",\n    //     path: \"/privacy\",\n    //     component: Privacy,\n    //     useMenu: false,\n    // },\n    // {\n    //     name: \"DMGgo and dspworkplace: Announcing a new strategic partnership!\",\n    //     path: \"/dmggo-partnership\",\n    //     layout: BlankLayout,\n    //     component: VegasBaby,\n    //     useMenu: false,\n    // },\n];\n\nconst route = () => {\n    return (\n        <ScreenClassProvider>\n            <BrowserRouter>\n                <Switch>\n                    {\n                        routes.map((route, i) => (\n                            route.layout\n                                ? React.createElement(route.layout, {key: i, ...route})\n                                : <DefaultLayout key={i} {...route} />\n                        ))\n                    }\n                    {/*<Route component={NotFound}/>*/}\n                    <Redirect to={'/register'}></Redirect>\n                </Switch>\n            </BrowserRouter>\n        </ScreenClassProvider>\n    );\n}\n\nexport {routes};\n\nexport default route;\n","// This optional code is used to register a service worker.\n// register() is not called by default.\n\n// This lets the app load faster on subsequent visits in production, and gives\n// it offline capabilities. However, it also means that developers (and users)\n// will only see deployed updates on subsequent visits to a page, after all the\n// existing tabs open on the page have been closed, since previously cached\n// resources are updated in the background.\n\n// To learn more about the benefits of this model and instructions on how to\n// opt-in, read https://bit.ly/CRA-PWA\n\nconst isLocalhost = Boolean(\n  window.location.hostname === 'localhost' ||\n    // [::1] is the IPv6 localhost address.\n    window.location.hostname === '[::1]' ||\n    // 127.0.0.1/8 is considered localhost for IPv4.\n    window.location.hostname.match(\n      /^127(?:\\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/\n    )\n);\n\nexport function register(config) {\n  if (process.env.NODE_ENV === 'production' && 'serviceWorker' in navigator) {\n    // The URL constructor is available in all browsers that support SW.\n    const publicUrl = new URL(process.env.PUBLIC_URL, window.location.href);\n    if (publicUrl.origin !== window.location.origin) {\n      // Our service worker won't work if PUBLIC_URL is on a different origin\n      // from what our page is served on. This might happen if a CDN is used to\n      // serve assets; see https://github.com/facebook/create-react-app/issues/2374\n      return;\n    }\n\n    window.addEventListener('load', () => {\n      const swUrl = `${process.env.PUBLIC_URL}/service-worker.js`;\n\n      if (isLocalhost) {\n        // This is running on localhost. Let's check if a service worker still exists or not.\n        checkValidServiceWorker(swUrl, config);\n\n        // Add some additional logging to localhost, pointing developers to the\n        // service worker/PWA documentation.\n        navigator.serviceWorker.ready.then(() => {\n          console.log(\n            'This web app is being served cache-first by a service ' +\n              'worker. To learn more, visit https://bit.ly/CRA-PWA'\n          );\n        });\n      } else {\n        // Is not localhost. Just register service worker\n        registerValidSW(swUrl, config);\n      }\n    });\n  }\n}\n\nfunction registerValidSW(swUrl, config) {\n  navigator.serviceWorker\n    .register(swUrl)\n    .then(registration => {\n      registration.onupdatefound = () => {\n        const installingWorker = registration.installing;\n        if (installingWorker == null) {\n          return;\n        }\n        installingWorker.onstatechange = () => {\n          if (installingWorker.state === 'installed') {\n            if (navigator.serviceWorker.controller) {\n              // At this point, the updated precached content has been fetched,\n              // but the previous service worker will still serve the older\n              // content until all client tabs are closed.\n              console.log(\n                'New content is available and will be used when all ' +\n                  'tabs for this page are closed. See https://bit.ly/CRA-PWA.'\n              );\n\n              // Execute callback\n              if (config && config.onUpdate) {\n                config.onUpdate(registration);\n              }\n            } else {\n              // At this point, everything has been precached.\n              // It's the perfect time to display a\n              // \"Content is cached for offline use.\" message.\n              console.log('Content is cached for offline use.');\n\n              // Execute callback\n              if (config && config.onSuccess) {\n                config.onSuccess(registration);\n              }\n            }\n          }\n        };\n      };\n    })\n    .catch(error => {\n      console.error('Error during service worker registration:', error);\n    });\n}\n\nfunction checkValidServiceWorker(swUrl, config) {\n  // Check if the service worker can be found. If it can't reload the page.\n  fetch(swUrl)\n    .then(response => {\n      // Ensure service worker exists, and that we really are getting a JS file.\n      const contentType = response.headers.get('content-type');\n      if (\n        response.status === 404 ||\n        (contentType != null && contentType.indexOf('javascript') === -1)\n      ) {\n        // No service worker found. Probably a different app. Reload the page.\n        navigator.serviceWorker.ready.then(registration => {\n          registration.unregister().then(() => {\n            window.location.reload();\n          });\n        });\n      } else {\n        // Service worker found. Proceed as normal.\n        registerValidSW(swUrl, config);\n      }\n    })\n    .catch(() => {\n      console.log(\n        'No internet connection found. App is running in offline mode.'\n      );\n    });\n}\n\nexport function unregister() {\n  if ('serviceWorker' in navigator) {\n    navigator.serviceWorker.ready.then(registration => {\n      registration.unregister();\n    });\n  }\n}\n","import \"react-app-polyfill/ie11\";\nimport \"react-app-polyfill/stable\";\n\nimport React from 'react';\nimport ReactDOM from 'react-dom';\nimport './index.css';\nimport Routes from '../src/Routes';\nimport * as serviceWorker from './serviceWorker';\n\nReactDOM.render(<Routes />, document.getElementById('root'));\n\n// If you want your app to work offline and load faster, you can change\n// unregister() to register() below. Note this comes with some pitfalls.\n// Learn more about service workers: https://bit.ly/CRA-PWA\nserviceWorker.unregister();\n","module.exports = __webpack_public_path__ + \"static/media/logo.4edccb2f.svg\";"],"sourceRoot":""}