{"version":3,"file":"src_components_configure-modals_configure-tests_pkm_pkm-wrapper_tsx.086c2bd58ba788ca257c.js","mappings":"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","sources":["webpack://question-ui/./src/components/configure-modals/configure-tests/pkm/pkm-tests/pkm-tests.tsx","webpack://question-ui/./src/components/configure-modals/configure-tests/pkm/pkm-wrapper.tsx","webpack://question-ui/./src/components/configure-modals/configure-tests/pkm/questions-list/pkm-questions-list.tsx"],"sourcesContent":["import '../../test-items.scss';\nimport { Button, InputText, InputSelectV2 } from '@system1/lib-react';\nimport { Fragment, useState } from 'react';\nimport {\n  QuestionValueInstance,\n  PKMTest,\n  IBATest,\n} from 'components/configure-modals/configure-tests/types';\nimport { TestItem } from 'components/configure-modals/configure-tests/test-item/TestItem';\nimport { SORTING_OPTIONS } from 'components/configure-modals/configure-tests/pkm/pkm-tests/pkm-tests.constants';\nimport { useSearchAndSort } from 'components/configure-modals/configure-tests/pkm/pkm-tests/useSearchAndSort';\nimport { PKMQuestionsList } from 'components/configure-modals/configure-tests/pkm/questions-list/pkm-questions-list';\nimport { set } from 'react-hook-form';\nimport ModalLoader from 'components/modal-loader';\n\ninterface TestedAdsProps {\n  pkmTests: PKMTest[];\n  closeModal: () => void;\n  onSelect: (ad: PKMTest) => void;\n  getQuestionValuesById: (testId: number) => Promise<QuestionValueInstance[]>;\n  selectedTest: PKMTest;\n}\n\nexport const PKMTests = ({\n  pkmTests,\n  closeModal,\n  onSelect,\n  getQuestionValuesById,\n  selectedTest,\n}: TestedAdsProps) => {\n  const [currentSelectedTest, setCurrentSelectedTest] = useState<PKMTest>(null);\n  const [questionValues, setQuestionValues] = useState<QuestionValueInstance[]>([]);\n  const [loading, setLoading] = useState(false);\n  const { sorting, search, results, setSorting, setSearch } =\n    useSearchAndSort(pkmTests);\n\n  const handleSelectTest = (ad: PKMTest) => {\n    setCurrentSelectedTest(ad);\n    setLoading(true);\n    getQuestionValuesById(ad.questionInstanceId).then((res) => {\n      setQuestionValues(res);\n      setLoading(false);\n    });\n  };\n\n  return (\n    <div className=\"test-items\">\n      {currentSelectedTest ? (\n        !loading ? (\n          <PKMQuestionsList\n            selectedTest={currentSelectedTest}\n            setSelectedTest={setCurrentSelectedTest}\n            questions={questionValues}\n          />\n        ) : (\n          <ModalLoader />\n        )\n      ) : (\n        <Fragment>\n          <div className=\"test-items__search\">\n            <InputText\n              id=\"test-items-search\"\n              value={search}\n              variant=\"round\"\n              onChange={(value: string) => setSearch(value)}\n              leftIcon={{\n                src: 'search',\n              }}\n              placeholder=\"Type and press enter to search..\"\n            />\n          </div>\n          <div className=\"test-items__sorting\">\n            <InputSelectV2\n              id=\"test-items-sorting\"\n              onChange={(value) => setSorting(value as number)}\n              options={SORTING_OPTIONS}\n              value={sorting}\n            />\n          </div>\n          <div className=\"test-items__list\">\n            {results.map((item) => (\n              <Fragment key={item.testId}>\n                <TestItem\n                  item={item}\n                  onSelect={handleSelectTest as (ad: PKMTest | IBATest) => void}\n                  isSelected={item.testId === selectedTest?.testId}\n                />\n              </Fragment>\n            ))}\n          </div>\n        </Fragment>\n      )}\n      <div className=\"test-items__footer\">\n        <div>\n          <Button\n            id=\"select-test-item\"\n            modifiers={['pink', 'hollow', 'dk-text']}\n            className=\"p-upload-your-ad__form-nav-button\"\n            onClick={closeModal}\n          >\n            Cancel\n          </Button>\n          <Button\n            id=\"select-test-item\"\n            modifiers={['pink', 'hollow', 'dk-text']}\n            className=\"p-upload-your-ad__form-nav-button\"\n            disabled={!currentSelectedTest || !questionValues.length}\n            onClick={() => onSelect(currentSelectedTest)}\n          >\n            Select\n          </Button>\n        </div>\n      </div>\n    </div>\n  );\n};\n","import '../../configure-tests.scss';\nimport { Button } from '@system1/lib-react';\nimport { PKMTest } from 'components/configure-modals/configure-tests/types';\nimport { PKMTests } from 'components/configure-modals/configure-tests/pkm/pkm-tests/pkm-tests';\nimport { TestItem } from 'components/configure-modals/configure-tests/test-item/TestItem';\n\ninterface ConfigurePKMTestsProps {\n  onClickRequestNew: () => void;\n  pkmTests: PKMTest[];\n  onSelect: () => void;\n  closeModal: () => void;\n  getQuestionValuesById: (testId: number) => Promise<any>;\n  selectedTest: PKMTest;\n}\n\nexport const ConfigurePKMTests = ({\n  onClickRequestNew,\n  pkmTests,\n  onSelect,\n  closeModal,\n  getQuestionValuesById,\n  selectedTest,\n}: ConfigurePKMTestsProps) => {\n  return (\n    <div className=\"configure-modal\">\n      <div className=\"configure-modal__left\">\n        <div className=\"configure-modal__header\">\n          <div className=\"configure-modal__header__icon\" />\n          Select from previously tested ads\n        </div>\n        {selectedTest && (\n          <div className=\"configure-modal__selection\">\n            <div className=\"configure-modal__selection__label\">\n              Your selection:\n            </div>\n            <TestItem item={selectedTest} />\n          </div>\n        )}\n        <div className=\"configure-modal__footer\">\n          <div className=\"configure-modal__footer__text\">\n            Define new messages instead?\n          </div>\n          <Button\n            id=\"request_new\"\n            modifiers={['hollow', 'orange']}\n            onClick={onClickRequestNew}\n          >\n            Request New\n          </Button>\n        </div>\n      </div>\n      <div className=\"configure-modal__right\">\n        <PKMTests\n          pkmTests={pkmTests}\n          onSelect={onSelect}\n          closeModal={closeModal}\n          getQuestionValuesById={getQuestionValuesById}\n          selectedTest={selectedTest}\n        />\n      </div>\n    </div>\n  );\n};\n","import '../../questions-list.scss';\nimport {\n  QuestionValueInstance,\n  PKMTest,\n} from 'components/configure-modals/configure-tests/types';\nimport { Dispatch, ReactElement, SetStateAction } from 'react';\nimport { IconButton, SVGIcon } from '@system1/lib-react';\n\ninterface QuestionsListProps {\n  selectedTest: PKMTest;\n  setSelectedTest: Dispatch<SetStateAction<PKMTest>>;\n  questions: QuestionValueInstance[];\n}\n\nexport const PKMQuestionsList = ({\n  selectedTest,\n  setSelectedTest,\n  questions,\n}: QuestionsListProps): ReactElement => {\n  return (\n    <div className=\"test-item-questions\">\n      <div className=\"test-item-questions__selected-test\">\n        <IconButton\n          onClick={() => setSelectedTest(null)}\n          type=\"extend\"\n          id=\"back-btn\"\n        />\n        <div className=\"test-item__image\">\n          <img src={selectedTest.thumbnail} alt=\"\" />\n        </div>\n        <div className=\"test-item__info\">\n          <div className=\"test-item__title\">{selectedTest.testName}</div>\n          <div className=\"test-item__brand\">{selectedTest.brandName}</div>\n        </div>\n      </div>\n      {questions.length > 0 ? (\n        <div className=\"test-item-questions__list\">\n          {questions.map((question) => (\n            <div className=\"test-item-questions__item\" key={question.id}>\n              <SVGIcon src=\"/images/icons/lock.svg\" />\n              {question.text}\n            </div>\n          ))}\n        </div>\n      ) : (\n        <div className=\"test-item-questions__not-available\">\n          No values available for this question.\n        </div>\n      )}\n    </div>\n  );\n};\n"],"names":[],"sourceRoot":""}