{"version":3,"sources":["components/separationTaskSelector/index.tsx","components/onboarding/onboardingData.tsx","components/onboarding/index.tsx","pages/processSelection/page.tsx","pages/processSelection/index.tsx"],"names":["SeparationTaskSelector","activeProcessId","onSelect","processes","selectedIndex","className","data-tip","data-for","icon","id","type","effect","offset","right","classNames","map","process","key","isSelected","firstTooltipStyle","close","display","width","arrow","steps","text","color","preserveWraps","style","selector","locale","next","position","last","Onboarding","props","joyride","openJoyrideAgain","setState","isRunning","reset","handleJoyrideCallback","result","selectedJoyrideIndex","index","setHasVisited","getLocale","onboardingSteps","state","hasVisitedBefore","localStorage","setItem","toString","getItem","ref","c","run","this","disableOverlay","autoStart","showBackButton","showOverlay","callback","onClick","React","Component","ProcessSelection","actions","selectSeparationProcess","connect","dispatch","bindActionCreators","pageComponent"],"mappings":"wQA2DeA,EA5CwD,SAAC,GAAD,IACrEC,EADqE,EACrEA,gBACAC,EAFqE,EAErEA,SACAC,EAHqE,EAGrEA,UAHqE,EAIrEC,cAJqE,OAMrE,yBAAKC,UAAU,sCACb,wBAAIA,UAAU,gBACZ,kBAAC,IAAD,wCACA,0BACEA,UAAU,uBACVC,WAAS,GACTC,WAAS,gBAET,kBAAC,IAAD,CACEF,UAAU,8BACVG,KAAK,qBAIX,kBAAC,IAAD,CAAcC,GAAG,eAAeC,KAAK,OAAOC,OAAO,QAAQC,OAAQ,CAAEC,MAAO,IAC1E,yBAAKR,UAAU,cACb,8BACE,kBAAC,IAAD,0CAIN,yBACEA,UAAWS,IAAW,wBAAyB,CAC7C,4BAA6Bb,KAG9BE,EAAUY,KAAI,SAAAC,GAAO,OACpB,kBAAC,IAAD,iBACMA,EADN,CAEEC,IAAKD,EAAQP,GACbP,SAAUA,EACVgB,WAAYF,EAAQP,KAAOR,W,gDCrC/BkB,EAAoB,iCAVW,CACnCC,MAAO,CACLC,QAAS,QAEXC,MAAO,QACPC,MAAO,CACLF,QAAS,SAIa,CAExBD,MAAO,CAAEC,QAAS,cA4ELG,EAzEO,CACpB,CACEC,KACE,yBAAKpB,UAAU,kBACb,yBAAKA,UAAU,qBACb,kBAAC,IAAD,CACEA,UAAU,6BACVG,KAAK,UACLkB,MAAM,aAGV,yBAAKrB,UAAU,UACb,2BACE,kBAAC,IAAD,CAAGsB,eAAa,GAAhB,yBAKRC,MAAOT,IACPU,SAAU,UACVC,OAAQ,CAAEC,KAAM,kBAAC,IAAD,kCAChBC,SAAU,eAEZ,CACEP,KACE,2BACE,kBAAC,IAAD,4BAGJG,MA5CiC,CACnCR,MAAO,CACLC,QAAS,QAEXC,MAAO,QACPC,MAAO,CACLF,QAAS,SAuCTQ,SAAU,mBACVC,OAAQ,CAAEC,KAAM,kBAAC,IAAD,iCAChBC,SAAU,gBAEZ,CACEP,KACE,2BACE,kBAAC,IAAD,4BAGJG,MAvDiC,CACnCR,MAAO,CACLC,QAAS,QAEXC,MAAO,QACPC,MAAO,CACLF,QAAS,SAkDTQ,SAAU,mBACVC,OAAQ,CAAEC,KAAM,kBAAC,IAAD,iCAChBC,SAAU,eAEZ,CACEP,KACE,2BACE,kBAAC,IAAD,4BAGJG,MAlEiC,CACnCR,MAAO,CACLC,QAAS,QAEXC,MAAO,QACPC,MAAO,CACLF,QAAS,SA6DTQ,SAAU,mBACVC,OAAQ,CAAEC,KAAM,kBAAC,IAAD,iCAChBC,SAAU,eAEZ,CACEP,KACE,8BACE,2BACE,kBAAC,IAAD,CAAGE,eAAa,GAAhB,wBAINC,MAAOT,IACPU,SAAU,UACVC,OAAQ,CACNG,KAAM,kBAAC,IAAD,mCAERD,SAAU,gBC/EOE,E,kDAGnB,WAAYC,GAAa,IAAD,8BACtB,cAAMA,IAHAC,aAEgB,IASxBC,iBAAmB,WACjB,EAAKC,SAAS,CAAEC,WAAW,IAAQ,WACjC,EAAKH,QAASI,OAAM,OAXA,EAgBxBC,sBAAwB,SAACC,GACH,kBAAhBA,EAAOhC,MACT,EAAK4B,SAAS,CAAEK,qBAAsB,EAAGJ,WAAW,IAElC,gBAAhBG,EAAOhC,MACT,EAAK4B,SAAS,CAAEK,qBAAsBD,EAAOE,QAE3B,aAAhBF,EAAOhC,OACT,EAAKmC,gBACL,EAAKP,SAAS,CAAEC,WAAW,MAzBP,EA8BxBO,UAAY,WACV,OAAOC,EAAgB,EAAKC,MAAML,sBAAuBb,QA7BzD,EAAKM,QAAU,KACf,EAAKY,MAAQ,CACXT,WAAY,EAAKU,mBACjBN,qBAAsB,GALF,E,4DAmCtBO,aAAaC,QA3Cc,2BA2CkB,GAAKC,c,yCAKlD,OAAmB,OADFF,aAAaG,QA/CH,4B,+BAsDnB,IAAD,OACP,OACE,yBAAKhD,UAAU,8BACb,kBAAC,IAAD,CACEiD,IAAK,SAAAC,GAAC,OAAK,EAAKnB,QAAUmB,GAC1B/B,MAAOuB,EACPrC,KAAK,aACL8C,KAAK,EACL1B,OAAQ2B,KAAKX,YACbY,gBAAgB,EAChBC,UAAWF,KAAKT,MAAMT,UACtBqB,gBAAgB,EAChBC,YAAiD,IAApCJ,KAAKT,MAAML,qBACxBmB,SAAUL,KAAKhB,wBAEjB,0BAAMsB,QAASN,KAAKpB,kBAClB,kBAAC,IAAD,CACEhC,UAAU,oCACVG,KAAK,UACLkB,MAAM,kB,GApEsBsC,IAAMC,WCwB/BC,EApB4C,SAAC,GAAD,IACzD/D,EADyD,EACzDA,UACAF,EAFyD,EAEzDA,gBACAkE,EAHyD,EAGzDA,QAHyD,OAKzD,oCACE,kBAAC,EAAD,MACA,yBAAK9D,UAAU,aACb,kBAAC,IAAD,OAEF,yBAAKA,UAAU,qBACf,kBAAC,EAAD,CACEJ,gBAAiBA,EACjBE,UAAWA,EACXD,SAAUiE,EAAQC,0BAEpB,kBAAC,IAAD,QCxBWC,uBACb,gBAAGrD,EAAH,EAAGA,QAAH,MAA8B,CAC5Bb,UAAWa,EAAQb,UACnBF,gBAAiBe,EAAQf,oBAE3B,SAAAqE,GAAQ,MAAK,CACXH,QAASI,6BAAmBJ,IAASG,MAN1BD,CAQbG","file":"static/js/9.a83276cd.chunk.js","sourcesContent":["import React from 'react';\r\nimport ReactTooltip from 'react-tooltip';\r\nimport classNames from 'classnames';\r\nimport SeparationTask from '../separationTask';\r\nimport Ionicon from 'react-ionicons';\r\nimport { ProcessInfo } from '../../store/process/constants';\r\nimport L from '../literal';\r\n\r\ninterface SeparationTaskSelectorProps {\r\n activeProcessId: string;\r\n onSelect: (processType: any) => any;\r\n processes: ProcessInfo[];\r\n selectedIndex?: number;\r\n}\r\n\r\nconst SeparationTaskSelector: React.SFC = ({\r\n activeProcessId,\r\n onSelect,\r\n processes,\r\n selectedIndex\r\n}) => (\r\n
\r\n

\r\n SELECT_TYPE_OF_SEPARATION_TITLE\r\n \r\n \r\n \r\n

\r\n \r\n
\r\n \r\n SELECT_TYPE_OF_SEPARATION_INFO\r\n \r\n
\r\n \r\n \r\n {processes.map(process => (\r\n \r\n ))}\r\n
\r\n \r\n);\r\n\r\nexport default SeparationTaskSelector;\r\n","import React from 'react';\r\nimport { Step, StepStyles } from 'react-joyride';\r\nimport Ionicon from 'react-ionicons';\r\nimport L from '../literal';\r\n\r\nconst makeStyle = (): StepStyles => ({\r\n close: {\r\n display: 'none'\r\n },\r\n width: '540px',\r\n arrow: {\r\n display: 'none'\r\n }\r\n});\r\n\r\nconst firstTooltipStyle = () => ({\r\n ...makeStyle(),\r\n close: { display: 'visible' }\r\n});\r\n\r\nconst steps: Step[] = [\r\n {\r\n text: (\r\n
\r\n
\r\n \r\n
\r\n
\r\n

\r\n ONBOARDING__STEP_1\r\n

\r\n
\r\n
\r\n ),\r\n style: firstTooltipStyle(),\r\n selector: '.navbar',\r\n locale: { next: ONBOARDING__START_BUTTON },\r\n position: 'bottom-left'\r\n },\r\n {\r\n text: (\r\n

\r\n ONBOARDING__STEP_2\r\n

\r\n ),\r\n style: makeStyle(),\r\n selector: '.progress-step-0',\r\n locale: { next: ONBOARDING__NEXT_BUTTON },\r\n position: 'bottom-right'\r\n },\r\n {\r\n text: (\r\n

\r\n ONBOARDING__STEP_3\r\n

\r\n ),\r\n style: makeStyle(),\r\n selector: '.progress-step-1',\r\n locale: { next: ONBOARDING__NEXT_BUTTON },\r\n position: 'bottom-left'\r\n },\r\n {\r\n text: (\r\n

\r\n ONBOARDING__STEP_4\r\n

\r\n ),\r\n style: makeStyle(),\r\n selector: '.progress-step-2',\r\n locale: { next: ONBOARDING__NEXT_BUTTON },\r\n position: 'bottom-left'\r\n },\r\n {\r\n text: (\r\n \r\n

\r\n ONBOARDING__STEP_5\r\n

\r\n \r\n ),\r\n style: firstTooltipStyle(),\r\n selector: '.navbar',\r\n locale: {\r\n last: ONBOARDING__FINISH_BUTTON\r\n },\r\n position: 'bottom-left'\r\n }\r\n];\r\n\r\nexport default steps;\r\n","import React from 'react';\r\nimport Joyride, { Locale } from 'react-joyride';\r\nimport onboardingSteps from './onboardingData';\r\nimport Ionicon from 'react-ionicons';\r\n\r\nconst localStorageHasVisited = 'localStorageHasVisited';\r\ninterface OnboardingIndex {\r\n selectedJoyrideIndex: number;\r\n isRunning: boolean;\r\n}\r\nexport default class Onboarding extends React.Component {\r\n private joyride: Joyride | null;\r\n\r\n constructor(props: any) {\r\n super(props);\r\n this.joyride = null;\r\n this.state = {\r\n isRunning: !this.hasVisitedBefore(),\r\n selectedJoyrideIndex: 0\r\n };\r\n }\r\n\r\n openJoyrideAgain = () => {\r\n this.setState({ isRunning: true }, () => {\r\n this.joyride!.reset(true);\r\n });\r\n // setTimeout(() => { }, 30);\r\n }\r\n\r\n handleJoyrideCallback = (result: any) => {\r\n if (result.type === 'beacon:before') {\r\n this.setState({ selectedJoyrideIndex: 0, isRunning: false });\r\n }\r\n if (result.type === 'step:before') {\r\n this.setState({ selectedJoyrideIndex: result.index });\r\n }\r\n if (result.type === 'finished') {\r\n this.setHasVisited();\r\n this.setState({ isRunning: false });\r\n }\r\n // this.setState({ selectedJoyrideIndex: result.index });\r\n }\r\n\r\n getLocale = (): Locale | undefined => {\r\n return onboardingSteps[this.state.selectedJoyrideIndex!].locale;\r\n }\r\n\r\n setHasVisited() {\r\n localStorage.setItem(localStorageHasVisited, true.toString());\r\n }\r\n\r\n hasVisitedBefore(): boolean {\r\n let hasVisited = localStorage.getItem(localStorageHasVisited);\r\n if (hasVisited !== null) {\r\n return true;\r\n }\r\n return false;\r\n }\r\n\r\n render() {\r\n return (\r\n
\r\n (this.joyride = c)}\r\n steps={onboardingSteps}\r\n type=\"continuous\"\r\n run={true}\r\n locale={this.getLocale()}\r\n disableOverlay={false}\r\n autoStart={this.state.isRunning}\r\n showBackButton={false}\r\n showOverlay={this.state.selectedJoyrideIndex !== 0}\r\n callback={this.handleJoyrideCallback}\r\n />\r\n \r\n \r\n \r\n
\r\n );\r\n }\r\n}\r\n","import React from 'react';\r\nimport ProgressSteps from '../../components/progressSteps';\r\nimport ProgressStepper from '../../components/progressStepper';\r\nimport SeparationTaskSelector from '../../components/separationTaskSelector';\r\nimport Onboarding from '../../components/onboarding';\r\nimport { ProcessInfo, ProcessType } from '../../store/process/constants';\r\nimport ProcessActions from '../../store/process/actions';\r\n\r\ninterface ProcessSelectionProps {\r\n actions: typeof ProcessActions;\r\n activeProcessId: ProcessType;\r\n processes: Array;\r\n}\r\n\r\nconst ProcessSelection: React.SFC = ({\r\n processes,\r\n activeProcessId,\r\n actions\r\n}) => (\r\n <>\r\n \r\n
\r\n \r\n
\r\n
\r\n \r\n \r\n \r\n);\r\n\r\nexport default ProcessSelection;\r\n","import { connect } from 'react-redux';\r\nimport { bindActionCreators } from 'redux';\r\nimport actions from '../../store/process/actions';\r\nimport pageComponent from './page';\r\nimport { StoreState } from '../../store';\r\n\r\nexport default connect(\r\n ({ process }: StoreState) => ({\r\n processes: process.processes,\r\n activeProcessId: process.activeProcessId\r\n }),\r\n dispatch => ({\r\n actions: bindActionCreators(actions, dispatch)\r\n })\r\n)(pageComponent);\r\n"],"sourceRoot":""}