tag as a Block-wrapper, which leads to unwanted additional\n// space between the lines. Here we change default Block-wrapper tag to
to avoid\n// extra space between the lines, it's a good solution for email sending purposes.\n// More info: https://github.com/quilljs/quill/issues/1074#issuecomment-312594748,\n// https://github.com/quilljs/quill/issues/861\nconst Block = Quill.import('blots/block');\nBlock.tagName = 'DIV';\nQuill.register(Block, true);\n\nconst defaultQuillToolbarModules = {\n toolbar: [\n [{ header: [1, 2, 3, 4, 5, 6, false] }],\n ['bold', 'italic', 'underline', 'strike', 'blockquote'],\n [{ color: [] }, { background: [] }],\n [{ list: 'ordered' }, { list: 'bullet' }, { indent: '-1' }, { indent: '+1' }],\n [{ script: 'sub' }, { script: 'super' }],\n [{ align: [] }, { direction: 'rtl' }],\n ['link'], // add 'video' and 'image' when it's needed\n ['clean'],\n ],\n};\n\nconst QuillTextEditorComponent = ({\n className,\n isMandatory,\n label,\n message = {},\n modules,\n reactQuillRef,\n ...quillProps\n}) => {\n const { type: messageType, text: messageText } = message;\n\n const quillClassNames = cx('quill-text-editor', className, {\n 'quill-text-editor_with-error': messageType === 'error' && messageText,\n });\n\n return (\n
\n \n {\n reactQuillRef && (reactQuillRef.current = el);\n }}\n modules={modules || defaultQuillToolbarModules}\n {...quillProps}\n />\n {messageText && }\n
\n );\n};\n\nQuillTextEditorComponent.propTypes = {\n className: PropTypes.string,\n isMandatory: PropTypes.bool,\n label: PropTypes.string,\n};\n\nexport default QuillTextEditorComponent;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { translate } from 'common/i18n';\n\nimport cx from 'classnames';\n\nimport useClickOutsideCb from 'hooks/useClickOutsideCb';\n\nimport { eoCustomFieldsList } from 'common/propTypesShapes/eoCustomFields';\n\nimport './eoEmailAttributesPopup.scss';\n\nconst prospectAttrs = [\n 'first_name',\n 'last_name',\n 'email',\n 'organization',\n 'domain',\n 'position',\n 'role',\n 'phone',\n];\n\nconst inboxAttrs = [\n 'email',\n 'from_name',\n 'nickname',\n // 'reply_to', Uncomment when the feature is ready\n 'inbox_signature',\n];\n\nconst precomputedAttrs = ['unsubscribe_link', 'textVariations'];\n\nconst textVariationsSample = '((Hey|Hi|Hello))';\n\nconst getFallbackStatement = (customField) => {\n const fallbackStatement = 'FALLBACK';\n\n if (!customField) {\n return fallbackStatement;\n }\n\n return customField.defaultValue === null ? fallbackStatement : customField.defaultValue;\n};\n\nconst EoEmailAttributesPopupComponent = ({\n immutableEoCustomFields,\n onInsertAttribute,\n onClose,\n}) => {\n const ref = React.useRef(null);\n useClickOutsideCb(ref, onClose);\n\n const customFields = immutableEoCustomFields.toJS();\n const prospectAttrsWithCustomFields = [\n ...prospectAttrs,\n ...immutableEoCustomFields.map((eoCustomField) => eoCustomField.get('name')),\n ];\n\n const handleAttributeClick =\n ({ textToInsert, isHtml, customField }) =>\n () => {\n const needsFallback = !isHtml && textToInsert.slice(0, 2) === '{{';\n let processedTextToInsert = textToInsert;\n\n if (needsFallback) {\n const fallbackStatement = getFallbackStatement(customField);\n processedTextToInsert = `${textToInsert.slice(0, -2)}:${fallbackStatement}}}`;\n }\n\n onInsertAttribute({ textToInsert: processedTextToInsert, isHtml });\n onClose();\n };\n\n function buildAttrsList(entityName, attrs) {\n const prospectAttrsListClassnames = cx('eo-email-attributes-popup__attributes-list', {\n 'eo-email-attributes-popup__attributes-list_for-prospect': entityName === 'prospect',\n });\n\n return (\n
\n {attrs.map((attrName) => {\n let textToInsert = '';\n\n switch (attrName) {\n case 'unsubscribe_link':\n textToInsert = buildUnsubscribeText();\n break;\n case 'textVariations':\n textToInsert = textVariationsSample;\n break;\n default:\n textToInsert = `{{${entityName}.${attrName}}}`;\n }\n\n const labelFromTranslation = translate(\n `eoCampaignStep.eoCampaignStepEmail.attrs.${entityName}.${attrName}`,\n );\n\n return (\n customField.name === attrName),\n })}\n >\n {labelFromTranslation || attrName}\n \n );\n })}\n
\n );\n }\n\n function buildUnsubscribeText() {\n return (\n <>\n {translate('eoCampaignStep.eoCampaignStepEmail.attrs.precomputed.unsubscribeText.mainText')}{' '}\n
\n {translate(\n 'eoCampaignStep.eoCampaignStepEmail.attrs.precomputed.unsubscribeText.linkText',\n )}\n \n \n );\n }\n\n return (\n
\n
\n
{translate(`eoCampaignStep.eoCampaignStepEmail.attrs.prospect.attrTitle`)}
\n {buildAttrsList('prospect', prospectAttrsWithCustomFields)}\n \n\n
\n
{translate(`eoCampaignStep.eoCampaignStepEmail.attrs.inbox.attrTitle`)}
\n {buildAttrsList('inbox', inboxAttrs)}\n \n\n
\n
{translate(`eoCampaignStep.eoCampaignStepEmail.attrs.precomputed.attrTitle`)}
\n {buildAttrsList('precomputed', precomputedAttrs)}\n \n
\n );\n};\n\nEoEmailAttributesPopupComponent.propTypes = {\n immutableEoCustomFields: eoCustomFieldsList,\n onClose: PropTypes.func,\n onInsertAttribute: PropTypes.func,\n};\n\nexport default EoEmailAttributesPopupComponent;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { connect } from 'react-redux';\n\nimport EoEmailAttributesPopupComponent from './EoEmailAttributesPopupComponent';\n\nimport ConnectStoreHOC from 'startup/connect_store_hoc';\n\nimport { eoCustomFieldsList } from 'common/propTypesShapes/eoCustomFields';\nimport { eoCustomFieldsSelector } from 'selectors/eoCustomFieldsSelector';\nimport { fetchEoCustomFields } from 'api/eoCustomField';\n\nconst EoEmailAttributesPopupContainer = ({\n dispatch,\n eoCustomFields,\n onInsertAttribute,\n onClose,\n}) => {\n React.useEffect(() => {\n fetchEoCustomFields(dispatch, {});\n }, []);\n\n return (\n
\n );\n};\n\nEoEmailAttributesPopupContainer.propTypes = {\n dispatch: PropTypes.func,\n eoCustomFields: eoCustomFieldsList,\n onClose: PropTypes.func,\n onInsertAttribute: PropTypes.func,\n};\n\nfunction select(state) {\n const eoCustomFields = eoCustomFieldsSelector(state);\n\n return {\n eoCustomFields,\n };\n}\n\nexport default ConnectStoreHOC(connect(select)(EoEmailAttributesPopupContainer));\n","import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport EoEmailAttributesPopup from '../EoEmailAttributesPopup';\n\nimport { translate } from 'common/i18n';\n\nimport ButtonComponent from 'components_linkio/button_component';\nimport ToggleShowPopup from 'components_linkio/ToggleShowPopup';\n\nimport './eoEmailAttributesButton.scss';\n\nconst EoEmailAttributesButtonComponent = ({ onInsertAttribute }) => {\n return (\n
\n }>\n \n {translate('eoCampaignStep.eoCampaignStepEmail.attrs.buttonTitle')}\n \n \n
\n );\n};\n\nEoEmailAttributesButtonComponent.propTypes = {\n onInsertAttribute: PropTypes.func.isRequired,\n};\n\nexport default EoEmailAttributesButtonComponent;\n","import React from 'react';\nimport ReactDOMServer from 'react-dom/server';\nimport PropTypes from 'prop-types';\n\nimport cx from 'classnames';\n\nimport EoEmailAttributesButton from './EoEmailAttributesButton';\nimport QuillTextEditor from 'components_linkio/QuillTextEditor';\nimport InputComponent from 'components_linkio/input_component';\nimport MessageComponent from 'components_linkio/message_component';\n\nimport { translate } from 'common/i18n';\n\nimport './eoEmailForm.scss';\n\nconst EoEmailFormComponent = ({\n className,\n emailBody,\n emailSubject,\n errors = {},\n isDisabled,\n setEmailBodyValue,\n setEmailSubjectValue,\n}) => {\n const reactQuillRef = React.useRef(null);\n const quillEditor = reactQuillRef.current;\n\n isDisabled && quillEditor && quillEditor.getEditor().disable();\n\n const eoEmailFormClassNames = cx('eo-email-form', {\n [className]: className,\n });\n\n function handleInsertAttributeToEmailSubject({ textToInsert, isHtml }) {\n const inputNode = document.querySelector('.eo-email-form__subject-input input');\n\n const cursorPositionIndex = inputNode.selectionStart;\n\n const processedTextToInsert = isHtml\n ? ReactDOMServer.renderToStaticMarkup(textToInsert)\n : textToInsert;\n\n const updatedText =\n emailSubject.slice(0, cursorPositionIndex) +\n processedTextToInsert +\n emailSubject.slice(cursorPositionIndex);\n setEmailSubjectValue({ target: { value: updatedText } });\n\n inputNode.focus();\n }\n\n function handleInsertAttributeToEmailBody({ textToInsert, isHtml }) {\n const editorIsAvailable = typeof reactQuillRef.current.getEditor === 'function';\n\n if (!editorIsAvailable) {\n return;\n }\n\n const editor = reactQuillRef.current.getEditor();\n const cursorPositionIndex = editor.selection.savedRange.index;\n\n if (isHtml) {\n const html = ReactDOMServer.renderToStaticMarkup(textToInsert);\n editor.clipboard.dangerouslyPasteHTML(cursorPositionIndex, html);\n reactQuillRef.current.focus();\n return;\n }\n\n editor.insertText(cursorPositionIndex, textToInsert);\n editor.setSelection(cursorPositionIndex + textToInsert.length);\n reactQuillRef.current.focus();\n }\n\n const isAnyFallbackNotFilledInSubject = emailSubject && emailSubject.includes(':FALLBACK}}');\n const isAnyFallbackNotFilledInBody = emailBody && emailBody.includes(':FALLBACK}}');\n\n return (\n
\n
\n
\n\n {isAnyFallbackNotFilledInSubject && (\n
\n )}\n\n {!isDisabled && (\n
\n \n
\n )}\n
\n\n
\n
\n\n {!isDisabled && (\n
\n \n
\n )}\n
\n\n {isAnyFallbackNotFilledInBody && (\n
\n )}\n
\n );\n};\n\nEoEmailFormComponent.propTypes = {\n className: PropTypes.string,\n emailBody: PropTypes.string,\n emailSubject: PropTypes.string,\n isDisabled: PropTypes.bool,\n setEmailBodyValue: PropTypes.func,\n setEmailSubjectValue: PropTypes.func,\n};\n\nexport default EoEmailFormComponent;\n","import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport { translate } from 'common/i18n';\n\nimport TabsComponent, { TabItemComponent } from 'components_linkio/tabs_component';\n\nimport './EoCampaignEmailTemplatesTabs.scss';\n\nconst eoCampaignStepEmailTabs = ['all', 'private', 'shared', 'default'];\n\nconst EoCampaignEmailTemplatesTabsComponent = ({\n selectedEmailTemplateScope,\n setSelectedEmailTemplateId,\n setSelectedEmailTemplateScope,\n}) => {\n const activeTab = selectedEmailTemplateScope ?? 'all';\n\n const handleTabClick = (tab) => () => {\n if (tab === selectedEmailTemplateScope) {\n return;\n }\n\n setSelectedEmailTemplateId(null);\n setSelectedEmailTemplateScope(tab);\n };\n\n return (\n
\n {eoCampaignStepEmailTabs.map((tab) => (\n \n ))}\n \n );\n};\n\nEoCampaignEmailTemplatesTabsComponent.propTypes = {\n selectedEmailTemplateScope: PropTypes.string,\n setSelectedEmailTemplateId: PropTypes.func,\n setSelectedEmailTemplateScope: PropTypes.func,\n};\n\nexport default EoCampaignEmailTemplatesTabsComponent;\n","export const CREATE_EO_EMAIL_TEMPLATE_FOLDER__FAILURE = 'CREATE_EO_EMAIL_TEMPLATE_FOLDER__FAILURE';\nexport const CREATE_EO_EMAIL_TEMPLATE_FOLDER__START = 'CREATE_EO_EMAIL_TEMPLATE_FOLDER__START';\nexport const CREATE_EO_EMAIL_TEMPLATE_FOLDER__SUCCESS = 'CREATE_EO_EMAIL_TEMPLATE_FOLDER__SUCCESS';\nexport const DELETE_EO_EMAIL_TEMPLATE_FOLDERS__FAILURE =\n 'DELETE_EO_EMAIL_TEMPLATE_FOLDERS__FAILURE';\nexport const DELETE_EO_EMAIL_TEMPLATE_FOLDERS__START = 'DELETE_EO_EMAIL_TEMPLATE_FOLDERS__START';\nexport const DELETE_EO_EMAIL_TEMPLATE_FOLDERS__SUCCESS =\n 'DELETE_EO_EMAIL_TEMPLATE_FOLDERS__SUCCESS';\nexport const FETCH_EO_EMAIL_TEMPLATE_FOLDERS__FAILURE = 'FETCH_EO_EMAIL_TEMPLATE_FOLDERS__FAILURE';\nexport const FETCH_EO_EMAIL_TEMPLATE_FOLDERS__START = 'FETCH_EO_EMAIL_TEMPLATE_FOLDERS__START';\nexport const FETCH_EO_EMAIL_TEMPLATE_FOLDERS__SUCCESS = 'FETCH_EO_EMAIL_TEMPLATE_FOLDERS__SUCCESS';\nexport const FETCH_EO_EMAIL_TEMPLATE_FOLDERS_AS_OPTIONS__FAILURE =\n 'FETCH_EO_EMAIL_TEMPLATE_FOLDERS_AS_OPTIONS__FAILURE';\nexport const FETCH_EO_EMAIL_TEMPLATE_FOLDERS_AS_OPTIONS__START =\n 'FETCH_EO_EMAIL_TEMPLATE_FOLDERS_AS_OPTIONS__START';\nexport const FETCH_EO_CMARKETER_EMAIL_TEMPLATE_FOLDERS_AS_OPTIONS__SUCCESS =\n 'FETCH_EO_CMARKETER_EMAIL_TEMPLATE_FOLDERS_AS_OPTIONS__SUCCESS';\nexport const FETCH_EO_EMAIL_TEMPLATE_FOLDER__FAILURE = 'FETCH_EO_EMAIL_TEMPLATE_FOLDER__FAILURE';\nexport const FETCH_EO_EMAIL_TEMPLATE_FOLDER__START = 'FETCH_EO_EMAIL_TEMPLATE_FOLDER__START';\nexport const FETCH_EO_EMAIL_TEMPLATE_FOLDER__SUCCESS = 'FETCH_EO_EMAIL_TEMPLATE_FOLDER__SUCCESS';\nexport const UPDATE_EO_EMAIL_TEMPLATE_FOLDER__FAILURE = 'UPDATE_EO_EMAIL_TEMPLATE_FOLDER__FAILURE';\nexport const UPDATE_EO_EMAIL_TEMPLATE_FOLDER__START = 'UPDATE_EO_EMAIL_TEMPLATE_FOLDER__START';\nexport const UPDATE_EO_EMAIL_TEMPLATE_FOLDER__SUCCESS = 'UPDATE_EO_EMAIL_TEMPLATE_FOLDER__SUCCESS';\n\nexport function createEoEmailTemplateFolderStart() {\n return { type: CREATE_EO_EMAIL_TEMPLATE_FOLDER__START };\n}\n\nexport function createEoEmailTemplateFolderSuccess(eoEmailTemplateFolder) {\n return { type: CREATE_EO_EMAIL_TEMPLATE_FOLDER__SUCCESS, eoEmailTemplateFolder };\n}\n\nexport function createEoEmailTemplateFolderFailure(errors) {\n return { type: CREATE_EO_EMAIL_TEMPLATE_FOLDER__FAILURE, errors };\n}\n\nexport function deleteEoEmailTemplateFoldersStart() {\n return { type: DELETE_EO_EMAIL_TEMPLATE_FOLDERS__START };\n}\n\nexport function deleteEoEmailTemplateFoldersSuccess(ids) {\n return { type: DELETE_EO_EMAIL_TEMPLATE_FOLDERS__SUCCESS, ids };\n}\n\nexport function deleteEoEmailTemplateFoldersFailure(errors) {\n return { type: DELETE_EO_EMAIL_TEMPLATE_FOLDERS__FAILURE, errors };\n}\n\nexport function fetchEoEmailTemplateFoldersStart() {\n return { type: FETCH_EO_EMAIL_TEMPLATE_FOLDERS__START };\n}\n\nexport function fetchEoEmailTemplateFoldersSuccess(eoEmailTemplateFolders) {\n return { type: FETCH_EO_EMAIL_TEMPLATE_FOLDERS__SUCCESS, eoEmailTemplateFolders };\n}\n\nexport function fetchEoEmailTemplateFoldersFailure(errors) {\n return { type: FETCH_EO_EMAIL_TEMPLATE_FOLDERS__FAILURE, errors };\n}\n\nexport function fetchCmarketerEoEmailTemplateFoldersAsOptionsStart() {\n return { type: FETCH_EO_EMAIL_TEMPLATE_FOLDERS_AS_OPTIONS__START };\n}\n\nexport function fetchCmarketerEoEmailTemplateFoldersAsOptionsSuccess(\n eoCmarketerEmailTemplateFolders,\n) {\n return {\n type: FETCH_EO_CMARKETER_EMAIL_TEMPLATE_FOLDERS_AS_OPTIONS__SUCCESS,\n eoCmarketerEmailTemplateFolders,\n };\n}\n\nexport function fetchCmarketerEoEmailTemplateFoldersAsOptionsFailure(errors) {\n return { type: FETCH_EO_EMAIL_TEMPLATE_FOLDERS_AS_OPTIONS__FAILURE, errors };\n}\n\nexport function fetchEoEmailTemplateFolderStart() {\n return { type: FETCH_EO_EMAIL_TEMPLATE_FOLDER__START };\n}\n\nexport function fetchEoEmailTemplateFolderSuccess(eoEmailTemplateFolder) {\n return { type: FETCH_EO_EMAIL_TEMPLATE_FOLDER__SUCCESS, eoEmailTemplateFolder };\n}\n\nexport function fetchEoEmailTemplateFolderFailure(errors) {\n return { type: FETCH_EO_EMAIL_TEMPLATE_FOLDER__FAILURE, errors };\n}\n\nexport function updateEoEmailTemplateFolderStart() {\n return { type: UPDATE_EO_EMAIL_TEMPLATE_FOLDER__START };\n}\n\nexport function updateEoEmailTemplateFolderSuccess(eoEmailTemplateFolder) {\n return { type: UPDATE_EO_EMAIL_TEMPLATE_FOLDER__SUCCESS, eoEmailTemplateFolder };\n}\n\nexport function updateEoEmailTemplateFolderFailure(errors) {\n return { type: UPDATE_EO_EMAIL_TEMPLATE_FOLDER__FAILURE, errors };\n}\n","import { isEmpty } from 'lodash';\n\nimport processObjToCamelCaseDeep from './utils/processObjToCamelCaseDeep';\n\nimport {\n fetchEoEmailTemplateFoldersStart,\n fetchEoEmailTemplateFoldersSuccess,\n fetchEoEmailTemplateFoldersFailure,\n fetchCmarketerEoEmailTemplateFoldersAsOptionsStart,\n fetchCmarketerEoEmailTemplateFoldersAsOptionsSuccess,\n fetchCmarketerEoEmailTemplateFoldersAsOptionsFailure,\n fetchEoEmailTemplateFolderStart,\n fetchEoEmailTemplateFolderSuccess,\n fetchEoEmailTemplateFolderFailure,\n createEoEmailTemplateFolderStart,\n createEoEmailTemplateFolderSuccess,\n createEoEmailTemplateFolderFailure,\n updateEoEmailTemplateFolderStart,\n updateEoEmailTemplateFolderSuccess,\n updateEoEmailTemplateFolderFailure,\n deleteEoEmailTemplateFoldersStart,\n deleteEoEmailTemplateFoldersSuccess,\n deleteEoEmailTemplateFoldersFailure,\n} from 'actions/eoEmailTemplateFolderActions';\n\nimport { resetSelectedIds } from 'actions/ui_actions';\n\nimport { translate } from 'common/i18n';\n\nimport { showSuccessMessage, showSuccessMessageFromTranslation } from 'common/utils';\n\nimport {\n deleteToAPI,\n getFromAPI,\n handleAPIError,\n patchToAPI,\n postToAPI,\n processObjToSnakeCase,\n processObjToSnakeCaseDeep,\n} from 'api/utils';\n\nexport async function fetchEoEmailTemplateFolders(dispatch, params) {\n dispatch(fetchEoEmailTemplateFoldersStart());\n\n try {\n const resp = await getFromAPI(\n Routes.eo_email_template_folders_path(processObjToSnakeCaseDeep(params)),\n );\n dispatch(fetchEoEmailTemplateFoldersSuccess(resp.eo_email_template_folders));\n } catch (err) {\n handleAPIError(\n dispatch,\n err,\n fetchEoEmailTemplateFoldersFailure,\n translate('eoEmailTemplate.messages.cantFetchEoEmailTemplateFolders'),\n );\n }\n}\n\n// restrict folders with ones belong to current marketer\nexport async function fetchCmarketerEoEmailTemplateFoldersAsOptions(dispatch) {\n dispatch(fetchCmarketerEoEmailTemplateFoldersAsOptionsStart());\n\n try {\n const resp = await getFromAPI(Routes.eo_email_template_folders_as_options_path());\n dispatch(fetchCmarketerEoEmailTemplateFoldersAsOptionsSuccess(resp.eo_email_template_folders));\n } catch (err) {\n handleAPIError(\n dispatch,\n err,\n fetchCmarketerEoEmailTemplateFoldersAsOptionsFailure,\n translate('eoEmailTemplate.messages.cantFetchCmarketerEoEmailTemplateFoldersAsOptions'),\n );\n }\n}\n\nexport async function fetchEoEmailTemplateFolder(dispatch, eoEmailTemplateId) {\n dispatch(fetchEoEmailTemplateFolderStart());\n\n try {\n const eoEmailTemplateFolder = await getFromAPI(\n Routes.eo_email_template_folder_path({ id: eoEmailTemplateId }),\n );\n dispatch(fetchEoEmailTemplateFolderSuccess(eoEmailTemplateFolder));\n\n return eoEmailTemplateFolder;\n } catch (err) {\n return handleAPIError(\n dispatch,\n err,\n fetchEoEmailTemplateFolderFailure,\n translate('eoEmailTemplate.messages.cantFetchEoEmailTemplateFolder'),\n );\n }\n}\n\nexport async function createEoEmailTemplateFolder(dispatch, data) {\n dispatch(createEoEmailTemplateFolderStart());\n\n try {\n const resp = await postToAPI(\n Routes.eo_email_template_folders_path(eoEmailTemplateObject(data)),\n );\n const errors = (resp || {}).errors;\n\n if (isEmpty(errors)) {\n dispatch(createEoEmailTemplateFolderSuccess(resp));\n showSuccessMessageFromTranslation(dispatch, 'eoEmailTemplate.messages.createFolderSuccess');\n } else {\n dispatch(createEoEmailTemplateFolderFailure(errors));\n }\n\n return processObjToCamelCaseDeep(resp);\n } catch (err) {\n return handleAPIError(\n dispatch,\n err,\n createEoEmailTemplateFolderFailure,\n translate('eoEmailTemplate.messages.cantCreateEoEmailTemplateFolder'),\n );\n }\n}\n\nexport async function updateEoEmailTemplateFolder(dispatch, data) {\n dispatch(updateEoEmailTemplateFolderStart());\n\n try {\n const resp = await patchToAPI(\n Routes.eo_email_template_folders_path({ id: data.id }),\n eoEmailTemplateObject(data),\n );\n\n const errors = (resp || {}).errors;\n\n if (isEmpty(errors)) {\n dispatch(updateEoEmailTemplateFolderSuccess(resp));\n showSuccessMessageFromTranslation(dispatch, 'eoEmailTemplate.messages.updateSuccess');\n } else {\n dispatch(updateEoEmailTemplateFolderFailure(errors));\n }\n\n return processObjToCamelCaseDeep(resp);\n } catch (err) {\n return handleAPIError(\n dispatch,\n err,\n updateEoEmailTemplateFolderFailure,\n translate('eoEmailTemplate.messages.cantUpdateEoEmailTemplateFolder'),\n );\n }\n}\n\nexport async function deleteEoEmailTemplateFolders(dispatch, ids) {\n dispatch(deleteEoEmailTemplateFoldersStart());\n\n try {\n await deleteToAPI(Routes.eo_email_template_folders_path({ ids }));\n\n dispatch(resetSelectedIds());\n dispatch(deleteEoEmailTemplateFoldersSuccess(ids));\n\n showSuccessMessage(\n dispatch,\n translate('eoEmailTemplate.messages.deleteFoldersSuccess')(ids.length),\n );\n } catch (err) {\n handleAPIError(\n dispatch,\n err,\n deleteEoEmailTemplateFoldersFailure,\n translate('eoEmailTemplate.messages.cantDeleteEoEmailTemplateFolders'),\n );\n }\n}\n\nconst eoEmailTemplateObject = (data) => ({ eo_email_template_folder: processObjToSnakeCase(data) });\n","import React, { useState } from 'react';\nimport PropTypes from 'prop-types';\n\nimport { isEmpty } from 'lodash';\nimport { connect } from 'react-redux';\nimport { translate } from 'common/i18n';\n\nimport { Modal } from 'components_linkio/modal_component';\nimport ButtonComponent from 'components_linkio/button_component';\nimport InputComponent from 'components_linkio/input_component';\nimport SubmitButtonComponent from 'components/auth/submit_button_component';\n\nimport { createEoEmailTemplateFolder } from 'api/eoEmailTemplateFolder';\nimport ConnectStoreHOC from 'startup/connect_store_hoc';\n\nimport './eoEmailTemplateAddFolderPopup.scss';\n\nconst EoEmailTemplateAddFolderPopupComponent = ({ dispatch, onClose }) => {\n const [folderName, setFolderName] = useState('');\n const [formErrors, setFormErrors] = useState({});\n\n const handleFolderNameInputChange = (event) => setFolderName(event.target.value);\n\n async function handleSubmit(event) {\n event.preventDefault();\n\n const resp = await createEoEmailTemplateFolder(dispatch, { title: folderName });\n\n const { errors } = resp;\n\n if (!isEmpty(errors)) {\n setFormErrors(errors);\n return resp;\n }\n\n onClose();\n\n return resp;\n }\n\n return (\n
\n \n {translate('eoEmailTemplate.sidebar.addFolder.popup.title')}\n \n\n \n \n \n\n \n \n
\n \n {translate('eoEmailTemplate.sidebar.addFolder.popup.cancel')}\n \n
\n\n
\n \n
\n
\n );\n};\n\nEoEmailTemplateAddFolderPopupComponent.propTypes = {\n dispatch: PropTypes.func,\n onClose: PropTypes.func,\n};\n\nexport default ConnectStoreHOC(connect()(EoEmailTemplateAddFolderPopupComponent));\n","import React, { useState } from 'react';\nimport PropTypes from 'prop-types';\n\nimport { cloneDeep, has, isEmpty, max, set } from 'lodash';\n\nimport EoEmailTemplateAddFolderPopup from '../../EoEmailTemplatesSidebar/EoEmailTemplateAddFolderPopup';\n\nimport { eoEmailTemplateShape } from 'common/propTypesShapes/eoEmailTemplates';\nimport { translate } from 'common/i18n';\n\nimport { Modal } from 'components_linkio/modal_component';\nimport ButtonComponent from 'components_linkio/button_component';\nimport InputComponent from 'components_linkio/input_component';\nimport SubmitButtonComponent from 'components/auth/submit_button_component';\nimport EoEmailForm from 'components_linkio/EoEmailForm';\nimport InfoIcon from 'common/icons/info';\nimport ExternalLinkIcon from 'common/icons/external_link';\nimport Select from 'components_linkio/Select';\nimport ToggleShowPopup from 'components_linkio/ToggleShowPopup';\nimport Checkbox from 'components_linkio/Checkbox';\n\nimport { optionsList, userShape } from 'common/prop_types_shapes';\n\nimport './eoEmailTemplateFormPopup.scss';\n\nconst initialState = {\n body: '',\n brandId: null,\n default: false,\n errors: {},\n eoEmailTemplateFolderId: null,\n id: null,\n private: false,\n subject: '',\n title: '',\n};\n\nconst getInitialStateWithTemplate = (eoEmailTemplate) => () => ({\n ...initialState,\n ...eoEmailTemplate,\n});\n\nfunction reducer(state, action) {\n const { value, type } = action;\n\n const newState = cloneDeep(state);\n\n switch (type) {\n case 'private':\n set(newState, 'private', value);\n\n if (value) {\n set(newState, 'default', false);\n }\n\n break;\n case 'default':\n set(newState, 'default', value);\n\n if (value) {\n set(newState, 'private', false);\n }\n\n break;\n default: {\n set(newState, type, value);\n }\n }\n\n return newState;\n}\n\nconst formCheckboxes = [{ name: 'private' }, { name: 'default' }];\n\nfunction getNewestFolderId(eoEmailTemplateFoldersOptions) {\n const eoEmailTemplateFoldersIds = eoEmailTemplateFoldersOptions.map(({ value }) => value);\n\n return max(eoEmailTemplateFoldersIds);\n}\n\nconst EoEmailTemplateFormPopupComponent = ({\n currentUser,\n isReadOnly,\n handleRemove,\n onClose,\n onSave,\n eoEmailTemplate,\n immutableBrandsOptions,\n immutableEoEmailTemplateFoldersOptions,\n}) => {\n const [state, dispatch] = React.useReducer(\n reducer,\n initialState,\n getInitialStateWithTemplate(eoEmailTemplate),\n );\n\n const [isInitialFoldersOptionsUploaded, setIsInitialFoldersOptionsUploaded] = useState(false);\n\n const { canManageDefaultTemplates } = currentUser.toJS();\n const eoEmailTemplateFoldersOptions = immutableEoEmailTemplateFoldersOptions.toJS();\n const brandsOptions = immutableBrandsOptions.toJS();\n\n const isUpdatingTemplate = has(eoEmailTemplate, 'id');\n\n const { body, id, subject, errors, eoEmailTemplateFolderId, brandId, title } = state;\n\n React.useEffect(() => {\n !isInitialFoldersOptionsUploaded &&\n immutableEoEmailTemplateFoldersOptions.size &&\n setIsInitialFoldersOptionsUploaded(true);\n\n isInitialFoldersOptionsUploaded &&\n dispatch({\n type: 'eoEmailTemplateFolderId',\n value: getNewestFolderId(eoEmailTemplateFoldersOptions),\n });\n }, [immutableEoEmailTemplateFoldersOptions.size]);\n\n const setInputValue = (inputName) => (event) => {\n dispatch({ type: inputName, value: event.target.value });\n };\n\n const setEmailBodyValue = (value) => {\n dispatch({ type: 'body', value });\n };\n\n const setCheckboxValue = (checkboxName) => (event) => {\n dispatch({ type: checkboxName, value: event.target.checked });\n };\n\n function onSelectFolder({ value }) {\n if (eoEmailTemplateFolderId !== value) {\n dispatch({ type: 'eoEmailTemplateFolderId', value });\n }\n }\n\n function onSelectBrand(data) {\n dispatch({ type: 'brandId', value: data ? data.value : null });\n }\n\n async function handleSubmit(event) {\n event.preventDefault();\n\n const { eoEmailTemplateFolderId } = state;\n\n if (!eoEmailTemplateFolderId) {\n dispatch({ type: 'errors', value: { folder: 'Please, select a folder.' } });\n\n return;\n }\n\n const resp = await onSave(state);\n\n const { errors } = resp;\n\n dispatch({ type: 'errors', value: errors });\n\n isEmpty(errors) && onClose();\n }\n\n const popupHeader = isReadOnly\n ? title\n : translate('eoEmailTemplate.eoEmailTemplateFormPopup.title')(!!eoEmailTemplate);\n\n const submitButtonText = isReadOnly\n ? translate('eoEmailTemplate.eoEmailTemplateFormPopup.buttons.close')\n : translate('eoEmailTemplate.eoEmailTemplateFormPopup.buttons.submit')(isUpdatingTemplate);\n\n return (\n
\n \n {popupHeader}\n \n\n \n \n
\n
\n {translate('eoEmailTemplate.eoEmailTemplateFormPopup.eoTemplatesHint.mainText')}{' '}\n \n {translate('eoEmailTemplate.eoEmailTemplateFormPopup.eoTemplatesHint.linkText')}.\n \n \n \n
\n {formCheckboxes.map((checkbox) => {\n const { name } = checkbox;\n const isChecked = state[name];\n const isShown = name !== 'default' || canManageDefaultTemplates;\n const checkboxMessage =\n name === 'default' && errors.default\n ? { type: 'error', text: errors.default }\n : {\n type: 'hint',\n text: translate(\n `eoEmailTemplate.eoEmailTemplateFormPopup.inputs.${name}.hint`,\n ),\n };\n\n return (\n isShown && (\n \n {translate(`eoEmailTemplate.eoEmailTemplateFormPopup.inputs.${name}.label`)}\n \n )\n );\n })}\n
\n\n 
\n ![]({require(\"../img/linkio_robo.svg\")})
\n );\n};\n\nexport default LinkioRobo;\n","import React from 'react';\nimport PropType from 'prop-types';\n\nimport DontHaveAccountComponent from '../dont_have_account_component';\nimport RoboImage from '../../../common/icons/linkio_robo';\n\nimport './devise_header_component.scss';\n\n\nconst DeviseHeaderComponent = ({ logIn, signUp, skipHeader }) => {\n return (\n ![]({require(\"./logo-full.svg\")}){kind=logo}
\n );\n};\n\nexport default BacklinkMamaHorizontalLogo;\n","import React from 'react';\n\nconst BacklinksChangesIcon = (props) => (\n \n);\n\nBacklinksChangesIcon.defaultProps = {\n fill: 'currentColor',\n height: '17px',\n width: '16px',\n};\n\nexport default BacklinksChangesIcon;\n","import React from 'react';\n\nconst BacklinksImportIcon = (props) => (\n \n);\n\nBacklinksImportIcon.defaultProps = {\n fill: 'currentColor',\n height: '16px',\n width: '16px',\n};\n\nexport default BacklinksImportIcon;\n","import React from 'react';\n\nconst BacklinksLostIcon = (props) => (\n \n);\n\nBacklinksLostIcon.defaultProps = {\n fill: 'currentColor',\n height: '16px',\n width: '16px',\n};\n\nexport default BacklinksLostIcon;\n","import React from 'react';\n\nconst BacklinksRediscoveredIcon = (props) => (\n \n);\n\nBacklinksRediscoveredIcon.defaultProps = {\n height: '16px',\n width: '16px',\n};\n\nexport default BacklinksRediscoveredIcon;\n","import React from 'react';\n\nconst DashboardSecondIcon = (props) => (\n \n);\n\nDashboardSecondIcon.defaultProps = {\n height: '16px',\n width: '16px',\n};\n\nexport default DashboardSecondIcon;\n","import React from 'react';\n\nconst HumansIcon = (props) => (\n \n);\n\nHumansIcon.defaultProps = {\n height: '16px',\n width: '16px',\n};\n\nexport default HumansIcon;\n","import React from 'react';\n\nconst KeywordIcon = (props) => {\n return (\n \n );\n};\n\nKeywordIcon.defaultProps = {\n fill: \"#2A7FB3\",\n height: '17px',\n width: '16px',\n};\n\nexport default KeywordIcon;\n","import React from 'react';\n\nconst SpeakerWithWorldIcon = (props) => (\n \n);\n\nSpeakerWithWorldIcon.defaultProps = {\n height: '16px',\n width: '16px',\n};\n\nexport default SpeakerWithWorldIcon;\n","import React from 'react';\n\nconst StackIcon = (props) => (\n \n);\n\nStackIcon.defaultProps = {\n height: '16px',\n width: '16px',\n};\n\nexport default StackIcon;\n","import React from 'react';\n\nconst WatchIcon = (props) => (\n