{"version":3,"sources":["webpack:///../jarvis/app/assets/javascripts/site/widgets/ArticleQuizWidget/commits/next.js","webpack:///../jarvis/app/assets/javascripts/site/widgets/ArticleQuizWidget/states.js","webpack:///../jarvis/app/assets/javascripts/site/widgets/ArticleQuizWidget/commits/start.js","webpack:///../jarvis/app/assets/javascripts/site/widgets/ArticleQuizWidget/components/Intro.jsx","webpack:///../jarvis/app/assets/javascripts/site/widgets/ArticleQuizWidget/components/Answer.jsx","webpack:///../jarvis/app/assets/javascripts/site/widgets/ArticleQuizWidget/components/Question.jsx","webpack:///../jarvis/app/assets/javascripts/site/widgets/ArticleQuizWidget/components/Finish.jsx","webpack:///../jarvis/app/assets/javascripts/site/widgets/ArticleQuizWidget/index.jsx","webpack:///../jarvis/app/assets/javascripts/site/VDOMComponents/HTMLContent.tsx"],"names":["COMMIT_NEXT","state","_ref","question","currentQuestionIndex","questions","length","hasNextQuestion","answer","_objectSpread","currentScore","score","incrementScore","currentState","toNextQuestion","toFinish","COMMIT_START","createVDOMComponent","self","store","getContext","handleStart","commit","render","quiz","h","class","logoUrl","style","concat","title","description","onClick","Answer","onAnswer","htmlClassNames","isActive","isCorrect","text","percentage","comment","handleNext","getProps","activeAnswer","getState","handleAnswer","setState","isActiveAnswer","id","questionIndex","src","answers","map","componentWillReceiveProps","nextProps","ShareBtn","type","url","HTMLContent","hydrate","JSON","stringify","_ref2","result","shareUrl","baseResultUrl","ArticleQuizWidget","$widget","_ref$props","props","_ref$callbacks","callbacks","_ref$callbacks$CALLBA","CALLBACK_START","_ref$callbacks$CALLBA2","CALLBACK_ANSWER","Store","initialState","results","CALLBACK_AFTER_COMMIT","_state","commitFunc","payload","_slicedToArray","renderer","getCurrentQuestion","getCurrentResult","find","r","scoreMin","createVDOMRenderer","Provider","Intro","Question","Finish","destroy","_default","_Component","_inherits","_super","_createSuper","_this","_classCallCheck","apply","arguments","handleRef","el","setTimeout","connect","DOMComponent","key","value","ref","this","dangerouslySetInnerHTML","__html","children","Component"],"mappings":"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","file":"chunk.42.1ee6bdac386fcb8bba10.de1d131b.js","sourcesContent":["import * as states from '../states'\n\nconst toNextQuestion = state => ({ ...state,\n  currentState: states.Question,\n  currentQuestionIndex: state.currentQuestionIndex + 1\n})\n\nconst toFinish = state => ({ ...state,\n  currentState: states.Finish\n})\n\nconst incrementScore = (state, answer) => ({ ...state,\n  currentScore: state.currentScore + answer.score\n})\n\nconst hasNextQuestion = state => {\n  return state.currentQuestionIndex < state.questions.length - 1\n}\n\nexport default function COMMIT_NEXT(state, { question: _, answer }) {\n  state = incrementScore(state, answer)\n\n  if (hasNextQuestion(state)) {\n    state = toNextQuestion(state)\n  } else {\n    state = toFinish(state)\n  }\n\n  return state\n}\n","export const Intro    = 'STATE_INTRO'\nexport const Question = 'STATE_QUESTION'\nexport const Finish   = 'STATE_FINISH'\n","import * as states from '../states'\n\nexport default function COMMIT_START(state) {\n  return { ...state,\n    currentState: states.Question,\n    currentQuestionIndex: 0,\n    currentScore: 0\n  }\n}\n","import { h, createVDOMComponent } from 'core/services/VDOM'\n\nimport COMMIT_START from '../commits/start'\n\nfunction Intro(self) {\n  let { store } = self.getContext()\n\n  let handleStart = () => {\n    store.commit(COMMIT_START)\n  }\n\n  let render = ({ quiz }) => {\n    return <div class='quiz-intro'>\n      {quiz.logoUrl && (\n        <div\n          class='quiz_bg'\n          style={`background-image: url(${quiz.logoUrl})`}\n        />\n      )}\n\n      <div class='quiz_title'>{quiz.title}</div>\n      <div class='quiz_desc'>{quiz.description}</div>\n      <div class='quiz-intro_start' onClick={handleStart}>Начать тест</div>\n    </div>\n  }\n\n  return { render }\n}\n\nexport default createVDOMComponent(Intro)\n","import { h } from 'core/services/VDOM'\n\nimport htmlClassNames from 'core/utils/htmlClassNames'\n\nexport default function Answer({ answer, onAnswer }) {\n  return (\n    <li\n      class={htmlClassNames(\n        'quiz-answers_item',\n        { 'is-active': answer.isActive },\n        { 'is-correct': answer.isCorrect === true },\n        { 'is-error': answer.isCorrect === false }\n      )}\n      onClick={onAnswer}\n    >\n      <div class='b-FormCheckbox'>\n        {answer.text}\n      </div>\n\n      <div class='quiz-answers_item_right'>\n        <div class='quiz-answers_item_percentage'>\n          {answer.percentage}\n        </div>\n      </div>\n\n      <div class='quiz-answers_item_desc'>\n        {answer.comment}\n      </div>\n    </li>\n  )\n}\n","import { h, createVDOMComponent } from 'core/services/VDOM'\n\nimport COMMIT_NEXT from '../commits/next'\n\nimport Answer from './Answer'\n\nimport htmlClassNames from 'core/utils/htmlClassNames'\n\nfunction Question(self) {\n  let { store } = self.getContext()\n\n  let handleNext = () => {\n    let { question } = self.getProps()\n\n    let { activeAnswer } = self.getState()\n\n    store.commit(COMMIT_NEXT, { question, answer: activeAnswer })\n  }\n\n  let handleAnswer = answer => () => {\n    self.setState(() => ({ activeAnswer: answer }))\n  }\n\n  let getQuestionsCount = () => {\n    let { state } = self.getProps()\n\n    return state.questions.length\n  }\n\n  let getQuestionNumber = () => {\n    let { questionIndex } = self.getProps()\n\n    return questionIndex + 1\n  }\n\n  let hasActiveAnswer = () => {\n    let { activeAnswer } = self.getState()\n\n    return !!activeAnswer\n  }\n\n  // @TODO поменять структуру данных ответов в будущем\n\n  let getAnswers = () => {\n    let { question } = self.getProps()\n\n    return question.answers.map(answer => ({ ...answer,\n      isActive: isActiveAnswer(answer)\n    }))\n  }\n\n  // @TODO избавиться от локального стейта, а то.... плохо будет\n\n  let isActiveAnswer = answer => {\n    let { activeAnswer } = self.getState()\n\n    return activeAnswer && activeAnswer.id === answer.id\n  }\n\n  let componentWillReceiveProps = nextProps => {\n    let oldProps = self.getProps()\n\n    if (oldProps.questionIndex !== nextProps.questionIndex) {\n      self.setState({ activeAnswer: null })\n    }\n  }\n\n  let render = ({ question }) => {\n    return (\n      <div\n        class={htmlClassNames(\n          'quiz-question',\n          { 'is-answered': hasActiveAnswer() }\n        )}\n      >\n        <div class='quiz-question_title'>\n          {question.title}\n\n          <div class='quiz-question_number'>\n            <span>{getQuestionNumber()}</span>\n\n            {getQuestionsCount()}\n          </div>\n        </div>\n\n        <div class='quiz-question_desc'>{question.description}</div>\n\n        {question.logoUrl && (\n          <img\n            class='quiz-question_pic'\n            src={question.logoUrl}\n          />\n        )}\n\n        <ul class='quiz-answers'>\n          {getAnswers().map(answer =>\n            <Answer\n              answer={answer}\n              onAnswer={handleAnswer(answer)}\n            />\n          )}\n        </ul>\n\n        <div\n          class='quiz-question_confirm'\n          onClick={handleNext}\n        >\n          Продолжить\n        </div>\n      </div>\n    )\n  }\n\n  return { render, componentWillReceiveProps }\n}\n\nexport default createVDOMComponent(Question)\n","import { h, createVDOMComponent } from 'core/services/VDOM'\n\nimport COMMIT_START from '../commits/start'\n\nimport HTMLContent from 'site/VDOMComponents/HTMLContent'\n\nfunction ShareBtn({ type, url }) {\n  return (\n    <HTMLContent hydrate>\n      {`\n        <div\n          class=\"b-BtnShare b-BtnShare__${type}\"\n          data-controller=\"BtnShare\"\n          data-props=${JSON.stringify({ type, url })}\n        >\n          Share\n        </div>\n      `}\n    </HTMLContent>\n  )\n}\n\nfunction Finish(self) {\n  let { store } = self.getContext()\n\n  let handleStart = () => {\n    store.commit(COMMIT_START)\n  }\n\n  let render = ({ state, quiz, result }) => {\n    let shareUrl = `${state.baseResultUrl}/${result.id}`\n\n    return <div class='quiz-result'>\n      {/*\n        Да, здесь специально выводится обложка теста, а не картинка результата.\n        Данное решение было сделано по просьбе Аделии!!!\n        @TODO перевести на английский, чтоб было понятнее\n      */}\n      <div\n        class='quiz_bg'\n        style={`background-image: url(${quiz.logoUrl})`}\n      />\n\n      <div class='quiz_title'>\n        {result.title}\n      </div>\n\n      <div class='quiz-result_score'>\n        {state.currentScore}\n      </div>\n\n      <div class='quiz_desc'>\n        {result.description}\n      </div>\n\n      <div class='quiz-social'>\n        <div class='quiz-social_title'>\n          Расскажем друзьям?\n        </div>\n\n        <div class='quiz-social_list'>\n          <ShareBtn type='vk' url={shareUrl} />\n          <ShareBtn type='fb' url={shareUrl} />\n          <ShareBtn type='ok' url={shareUrl} />\n        </div>\n      </div>\n\n      <div\n        class='quiz-result_to-start'\n        onClick={handleStart}\n      >\n        Пройти тест еще раз\n      </div>\n    </div>\n  }\n\n  return { render }\n}\n\nexport default createVDOMComponent(Finish)\n","import { createVDOMRenderer, h } from 'core/services/VDOM'\nimport Store, { Provider }       from 'core/services/Store'\n\nimport COMMIT_NEXT  from './commits/next'\nimport COMMIT_START from './commits/start'\n\nimport * as states from './states'\n\nimport Intro    from './components/Intro'\nimport Question from './components/Question'\nimport Finish   from './components/Finish'\n\nexport function ArticleQuizWidget($widget, {\n  props: {\n    quiz,\n    baseResultUrl\n  },\n\n  callbacks: {\n    CALLBACK_START = () => {},\n    CALLBACK_ANSWER = () => {},\n  }\n}) {\n  let store = Store({\n    props: {\n      initialState: {\n        baseResultUrl: baseResultUrl,\n        currentState: states.Intro,\n        currentQuestionIndex: 0,\n        currentScore: 0,\n        quiz: quiz,\n        results: quiz.results,\n        questions: quiz.questions,\n      }\n    },\n\n    callbacks: {\n      CALLBACK_AFTER_COMMIT: (_state, commitFunc, [payload]) => {\n        renderer.render()\n\n        if (commitFunc === COMMIT_START) {\n          CALLBACK_START()\n        }\n\n        if (commitFunc === COMMIT_NEXT) {\n          CALLBACK_ANSWER(payload.question, payload.answer)\n        }\n      }\n    }\n  })\n\n  let getCurrentQuestion = state => {\n    return state.questions[state.currentQuestionIndex]\n  }\n\n  let getCurrentResult = state => {\n    return state.results.find(r => r.scoreMin <= state.currentScore)\n  }\n\n  let renderer = createVDOMRenderer($widget[0], () => {\n    let state = store.getState()\n\n    return <Provider store={store}>\n      <div class='c-aw-quiz_wrapper'>\n        {state.currentState === states.Intro && (\n          <Intro\n            state={state}\n            quiz={state.quiz}\n          />\n        )}\n\n        {state.currentState === states.Question && (\n          <Question\n            state={state}\n            question={getCurrentQuestion(state)}\n            questionIndex={state.currentQuestionIndex}\n          />\n        )}\n\n        {state.currentState === states.Finish && (\n          <Finish\n            state={state}\n            quiz={state.quiz}\n            result={getCurrentResult(state)}\n          />\n        )}\n      </div>\n    </Provider>\n  })\n\n  renderer.render()\n\n  return {\n    destroy() {\n      renderer.destroy()\n    }\n  }\n}\n","import { h, Component } from 'preact';\nimport { connect } from 'core/services/Controller';\nimport DOMComponent from 'core/services/DOMComponent';\nexport default class extends Component {\n    constructor() {\n        super(...arguments);\n        this.handleRef = (el) => {\n            if (el) {\n                setTimeout(() => {\n                    connect(el);\n                    DOMComponent.connect(el); // TODO: remove when rewrite all dom components\n                });\n            }\n        };\n    }\n    render() {\n        return h(\"div\", { ref: this.handleRef, dangerouslySetInnerHTML: { __html: this.props.children } });\n    }\n}\n"],"sourceRoot":""}