{"version":3,"file":"index-DygkyT87.js","sources":["../../src/components/common/Modals/SuccessModal/styles.ts","../../src/components/common/Modals/SuccessModal/testIds.ts","../../src/components/common/Modals/SuccessModal/SuccessModal.tsx"],"sourcesContent":["import { createUseStyles } from 'react-jss';\n\nimport { ITheme } from 'types';\nimport {\n  overlayStyles,\n  choiceStyles,\n} from 'components/common/Modals/defaultStyles';\n\nconst useStyles = createUseStyles<ITheme>(theme => ({\n  downloadModalOverlay: overlayStyles,\n  downloadModal: {\n    left: '50%',\n    top: '50%',\n    position: 'absolute',\n    padding: theme.spacings.s32,\n    border: `2px solid ${theme.colors.backgrounds.tint3}`,\n    borderRadius: theme.radiuses.r8,\n    minWidth: 500,\n    maxHeight: '90vh',\n    overflow: 'auto',\n    pointerEvents: 'auto',\n    display: 'grid',\n    gridGap: theme.spacings.s16,\n    transform: 'translate(-50%, -50%)',\n    background: theme.colors.backgrounds.tint2,\n    boxShadow: `0 0 8px ${theme.colors.shadows.tint1}`,\n    height: 'auto',\n  },\n  downloadFooter: {\n    ...choiceStyles,\n    display: 'grid',\n    justifyContent: 'end',\n    gridAutoFlow: 'column',\n    gap: theme.spacings.s12,\n    marginTop: theme.spacings.s16,\n  },\n  surveyLink: {\n    '@media(hover: hover)': {\n      '&:hover': {\n        textDecoration: 'underline !important',\n        color: theme.colors.accents.secondary.base.action,\n      },\n    },\n  },\n  driveLink: {\n    '& a': {\n      color: theme.colors.accents.secondary.base.action,\n      '@media(hover: hover)': {\n        '&:hover': {\n          textDecoration: 'underline !important',\n        },\n      },\n    },\n  },\n  downloadCloseButton: {\n    position: 'absolute',\n    right: theme.spacings.s12,\n    top: theme.spacings.s12,\n    cursor: 'pointer',\n    color: theme.colors.texts.negative,\n    verticalAlign: 'top',\n    display: 'inline-block',\n    backgroundColor: theme.colors.backgrounds.tint5,\n    borderRadius: theme.radiuses.circle,\n    width: 20,\n    height: 20,\n    '& path': {\n      fill: theme.colors.backgrounds.base,\n    },\n  },\n}));\n\nexport default useStyles;\n","export default {\n  modal: 'success-modal',\n  modalTitle: 'success-title',\n  modalDescription: 'success-description',\n  survey: 'success-survey',\n  surveyTitle: 'success-survey-title',\n  surveyLink: 'survey-link',\n  continueButton: 'success-continue',\n  createNewButton: 'success-create-new',\n};\n","import { memo } from 'react';\nimport Modal from 'react-modal';\nimport { useTranslator } from '@picsart/rc/services/localization';\nimport noop from '@picsart/rc/noop';\nimport IconCrossSmall from '@picsart/icons/IconCrossSmall';\nimport { Button, ButtonSizeMD, ButtonVariants } from '@picsart/button';\n\nimport { MODAL_MESSAGES, SURVEY_MONKEY_URLS } from 'configs/constants';\nimport Text from 'components/common/Text';\n\nimport useStyles from './styles';\nimport { ISuccessModalProps } from './types';\nimport testIds from './testIds';\n\nconst SuccessModal = ({\n  title = 'Great edits! 🎉',\n  isOpen = false,\n  description = MODAL_MESSAGES.imageWasDownloaded,\n  onContinue = noop,\n  onCreateNew = noop,\n  showSurvey = false,\n  surveyTitle = 'Got a minute?',\n  onSurveyClick = noop,\n  onDescriptionClick = noop,\n  surveyLink = SURVEY_MONKEY_URLS.batchEditorSecondSurvey,\n  showClose = false,\n}: ISuccessModalProps) => {\n  const translate = useTranslator();\n  const classes = useStyles();\n\n  Modal.setAppElement('#modal-root');\n\n  return (\n    <Modal\n      isOpen={isOpen}\n      className={classes.downloadModal}\n      overlayClassName={classes.downloadModalOverlay}\n      onRequestClose={onContinue}\n      testId={testIds.modal}\n    >\n      {showClose && (\n        <button onClick={onContinue}>\n          <IconCrossSmall className={classes.downloadCloseButton} />\n        </button>\n      )}\n      <Text size=\"large\" weight=\"bold\" data-testid={testIds.modalTitle} data-test=\"modal root\">{translate(title)}</Text>\n      <Text size=\"base16\" weight=\"medium\" data-testid={testIds.modalDescription} color=\"secondary\" className={classes.driveLink} onClick={onDescriptionClick}>\n        {description}\n      </Text>\n\n      {showSurvey && (\n        <div data-testid={testIds.survey}>\n          <Text size=\"base16\" weight=\"medium\" color=\"secondary\" data-testid={testIds.surveyTitle}>\n            {translate(surveyTitle)}\n          </Text>\n          {' '}\n          <Text\n            data-testid={testIds.surveyLink}\n            size=\"base16\"\n            weight=\"medium\"\n            color=\"brandSecondary\"\n            className={classes.surveyLink}\n            tagType=\"a\"\n            href={surveyLink}\n            target=\"_blank\"\n            rel=\"noopener noreferrer\"\n            onClick={onSurveyClick}\n          >\n            {translate('Tell us about your experience.')}\n          </Text>\n        </div>\n      )}\n      <div className={classes.downloadFooter}>\n        <Button\n          size={ButtonSizeMD}\n          variant={ButtonVariants.Outline}\n          onClick={onContinue}\n          dataTestId={testIds.continueButton}\n        >\n          {translate('Continue Editing')}\n        </Button>\n        <Button\n          size={ButtonSizeMD}\n          onClick={onCreateNew}\n          dataTestId={testIds.createNewButton}\n        >\n          {translate('Start over')}\n        </Button>\n      </div>\n    </Modal>\n  );\n};\n\nexport default memo(SuccessModal);\n"],"names":["useStyles","createUseStyles","theme","overlayStyles","choiceStyles","testIds","SuccessModal","title","isOpen","description","MODAL_MESSAGES","onContinue","noop","onCreateNew","showSurvey","surveyTitle","onSurveyClick","onDescriptionClick","surveyLink","SURVEY_MONKEY_URLS","showClose","translate","useTranslator","classes","Modal","jsxs","jsx","IconCrossSmall","Text","Button","ButtonSizeMD","ButtonVariants","memo"],"mappings":"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"}