\n {optionItems.map((item, index) => (\n \n {(provided) => (\n \n <>\n removeInput(index, e)}\n isDraggingOver={snapshot.isDraggingOver}\n />\n \n
\n )}\n \n ))}\n {provided.placeholder}\n \n )}\n \n
\n )}\n \n {dataFields.map(\n (\n {\n id,\n type,\n richText,\n disabled,\n required,\n deleted,\n cssStyle,\n multipleChoiceOptions,\n currency,\n hidden,\n showConditions,\n checkboxHidden,\n defaultValue,\n },\n index,\n ) => (\n \n {(provided) => (\n \n <>\n {renderHiddenFields(\n id,\n type,\n richText,\n required,\n deleted,\n cssStyle,\n index,\n multipleChoiceOptions,\n currency,\n hidden,\n showConditions,\n checkboxHidden,\n defaultValue,\n )}\n {!deleted && (\n
\n )}\n \n ),\n )}\n {provided.placeholder}\n \n )}\n [ to show the selected amount or frequency in this\n button.\n \n ),\n },\n {\n name: 'cta_donation_second_button',\n label: 'Data collection button',\n tooltipTitle:\n 'Payment blocks with 5 or more data fields will have a page exclusively for data collection. This page will appear second in the payment flow.',\n },\n {\n name: 'cta_donation_third_button',\n label: 'Payment checkout button',\n tooltipTitle:\n 'This is the last page responders see before submitting their payment. This page includes the payment method and may include data fields if fewer than 4 data fields are selected.',\n },\n ];\n\n return (\n \n );\n};\n\nPaymentButtonsSettings.propTypes = {\n primaryColor: PropTypes.string.isRequired,\n errors: PropTypes.object.isRequired,\n};\n\nexport default PaymentButtonsSettings;\n","import React, { useContext } from 'react';\nimport PropTypes from 'prop-types';\nimport _isEmpty from 'lodash/isEmpty';\nimport { SwitchWithTitle } from '../../../switch';\nimport { SUBMISSION_BUTTON_SETTINGS } from '../../../../constants';\nimport { useEffect, useState } from 'react';\nimport SingleButtonSettings from './SingleButtonSettings';\nimport PaymentButtonsSettings from './PaymentButtonsSettings';\nimport BlockContext from '../../../../contexts/BlockContext';\n\nfunction SubmissionButtonSection({\n errors,\n blockType,\n isChecked,\n primaryColor,\n}) {\n const settings = SUBMISSION_BUTTON_SETTINGS[blockType];\n const [, setBlockState] = useContext(BlockContext);\n const [show, setShow] = useState(settings.showSection);\n const [noSwitcher, setNoSwitcher] = useState(settings.noSwitcher);\n const [legend, setLegend] = useState(settings.legend);\n const [title, setTitle] = useState(settings.title);\n const [checked, setChecked] = useState(isChecked);\n\n useEffect(() => {\n setShow(settings.showSection);\n setNoSwitcher(settings.noSwitcher);\n setTitle(settings.title);\n setLegend(settings.legend);\n }, [blockType]);\n\n if (!show) {\n return null;\n }\n\n if (noSwitcher) {\n return (\n \n \n {blockType === 'donation' ? (\n
\n );\n }\n\n return (\n \n \n {\n const checked = e.target.checked;\n setChecked(checked);\n setBlockState((prevState) => ({\n ...prevState,\n ctaButtonSettingsChecked: checked,\n }));\n }}\n >\n
\n );\n}\n\nSubmissionButtonSection.propTypes = {\n isChecked: PropTypes.bool.isRequired,\n blockType: PropTypes.string.isRequired,\n errors: PropTypes.object.isRequired,\n};\n\nexport default SubmissionButtonSection;\n","import React, { useContext } from 'react';\nimport PropTypes from 'prop-types';\nimport { Label } from '../../../globals';\nimport SimpleSelect from '../../../select';\nimport BlockContext from '../../../../contexts/BlockContext';\n\nfunction FontSection({ currentFont }) {\n const [blockState, setBlockState] = useContext(BlockContext);\n\n const selectedValue = () => {\n return blockState.fontsSelectItems.find((font) => font.value === currentFont);\n };\n\n const updateFont = ({ value }) => {\n setBlockState((prevState) => ({\n ...prevState,\n fontFamily: value,\n }));\n };\n\n return (\n \n \n
\n );\n}\n\nFontSection.propTypes = {\n currentFont: PropTypes.string.isRequired,\n};\n\nexport default FontSection;\n","import React, { useContext } from 'react';\nimport useBuildMentionsSteps from '../../../../../hooks/useBuildMentionsSteps';\nimport { ExperienceIdContext } from '../../../../index';\nimport { Label, FormSection } from '../../../../../globals';\nimport { EditableMentionsInput } from '../../../../../SlateElements';\n\nfunction SubmissionAmountForm({ errors, goalState, updateGoalState }) {\n const mentionSteps = useBuildMentionsSteps({\n translationsKeyPrefix: 'GoalSection.SubmissionAmountForm',\n });\n const experienceId = useContext(ExperienceIdContext);\n\n const handleValueChange = (value, attribute) => {\n if (value[value.length - 1] !== '[') {\n updateGoalState(attribute, value);\n }\n };\n\n return (\n \n \n \n
\n );\n}\n\nGoalAndMetricSection.propTypes = {\n goals: PropTypes.arrayOf(PropTypes.string).isRequired,\n currency: PropTypes.string.isRequired,\n isChecked: PropTypes.bool.isRequired,\n blockType: PropTypes.string.isRequired,\n askMetric: PropTypes.object.isRequired,\n errors: PropTypes.object.isRequired,\n updateBlockAttributes: PropTypes.func.isRequired,\n};\n\nexport default GoalAndMetricSection;\n","import styled from 'styled-components';\nimport { Editable } from 'slate-react';\n\nexport const Textarea = styled(Editable)`\n position: static !important;\n overflow: auto;\n resize: vertical;\n background-color: #fff;\n border-width: 0;\n margin: 0;\n min-height: 195px !important;\n font-weight: 500;\n font-size: 16px;\n line-height: 24px;\n border-radius: 8px 8px 0px 0px;\n border-top: 1px solid var(--border-color-primary);\n border-left: 1px solid var(--border-color-primary);\n border-right: 1px solid var(--border-color-primary);\n padding: 12px 16px;\n color: black;\n\n [data-slate-placeholder='true'] {\n width: auto !important;\n }\n\n &:focus {\n box-shadow: none;\n }\n\n &::placeholder {\n color: #bdbdbd;\n }\n\n p, h1, h2, h3, h4 {\n margin: 0;\n }\n\n h1, h2, h3, h4 {\n line-height: 1.4em;\n }\n\n small {\n display: block;\n }\n\n span.highlighted {\n padding-top: 2px;\n padding-bottom: 4px;\n -webkit-box-decoration-break: clone;\n box-decoration-break: clone;\n }\n\n span.withLineHeight {\n display: inline-block;\n }\n\n ul li span.withLineHeight,\n ol li span.withLineHeight {\n display: inline;\n }\n\n ul,\n ol {\n margin: 1em;\n padding: unset;\n }\n\n ul li span[data-slate-leaf=\"true\"],\n ol li span[data-slate-leaf=\"true\"] {\n color: black;\n }\n\n ul li a span[data-slate-leaf=\"true\"],\n ol li a span[data-slate-leaf=\"true\"] {\n color: var(--link-color);\n }\n\n ul {\n list-style-type: disc;\n }\n\n ol {\n list-style-type: decimal;\n }\n`;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport ColorPicker from '../ColorPicker';\nimport HighlightPicker from '../HighlightPicker';\nimport ParagraphButton from '../ParagraphButton';\nimport MarkButton from '../MarkButton';\nimport BlockButton from '../BlockButton';\nimport LinksButton from '../LinksButton';\nimport Select from '../Select';\nimport LetterSettings from '../LetterSettings';\nimport { Container, Divider } from './style';\nimport BlockContext, {\n FONT_WEIGHT_MENU_ITEMS,\n} from '../../../../../../contexts/BlockContext';\nimport useHorizontalScroll from '../../../../../hooks/useHorizontalScroll';\n\nconst ButtonsContainer = ({ linkButtonRef, defaultFont }) => {\n const [\n { fontsList, fontsSelectItems, fontWeightsSelectItems, paletteColors },\n setBlockState,\n ] = React.useContext(BlockContext);\n const {\n scrollContainerRef,\n handleScroll,\n isAtStart,\n isAtEnd,\n } = useHorizontalScroll();\n\n const handleFontFamilyChange = (value) => {\n setBlockState((prevState) => ({\n ...prevState,\n fontWeightsSelectItems: FONT_WEIGHT_MENU_ITEMS.map((item) => ({\n ...item,\n disabled: !fontsList\n .find((f) => f.font_family === value)\n ?.font_weights?.includes(item.value),\n })),\n }));\n };\n\n return (\n \n \n \n \n \n \n
\n );\n}\n\nTitleSection.propTypes = {\n defaultTitleElements: PropTypes.string,\n};\n\nexport default TitleSection;\n","import styled from 'styled-components';\nimport { Label } from '../../../globals';\n\nexport const MergeMediaSubLabel = styled(Label)`\n margin: 27px 0 5px 0;\n`;\n","import React, { useState, useContext } from 'react';\nimport PropTypes from 'prop-types';\nimport _isEmpty from 'lodash/isEmpty';\nimport { Label } from '../../../../../globals';\nimport BlockContext from '../../../../../../contexts/BlockContext';\nimport ColorPickerInput from '../../../../../inputs/ColorPickerInput';\nimport { rgbaObjToString } from '../../../../../../utils';\nimport { getInitialColor } from '../../../../../CustomizeToolbar/utils';\n\nfunction BackgroundColor({\n label,\n defaultColor,\n blockStateAttribute,\n hiddenInputAttribute,\n}) {\n const [blockState, setBlockState] = useContext(BlockContext);\n const [color, setColor] = useState(getInitialColor(defaultColor, blockState.paletteColors));\n\n const updateBlockState = (colorValue) => {\n setBlockState((prevState) => ({\n ...prevState,\n backgroundSetting: {\n ...prevState.backgroundSetting,\n [blockStateAttribute]: colorValue,\n },\n }));\n };\n\n const updateColor = (value) => {\n const rgbaString = rgbaObjToString(value);\n setColor(rgbaString);\n updateBlockState(rgbaString);\n };\n\n const handleColorPick = (colorObj) => {\n setColor(colorObj.color);\n updateBlockState(colorObj.name);\n };\n\n return (\n <>\n \n \n \n \n \n \n Merge media \n {t('hint')} \n
\n );\n}\n\nBackgroundLayout.propTypes = {\n layoutValue: PropTypes.string.isRequired,\n referenceMergeMedia: PropTypes.string,\n backgroundSetting: PropTypes.shape({\n id: PropTypes.number,\n backgroundColorOverlay: PropTypes.string,\n backgroundMediaFileName: PropTypes.string,\n backgroundMediaImageUrl: PropTypes.string,\n backgroundMediaOpacity: PropTypes.string,\n backgroundMediaPreviewUrl: PropTypes.string,\n backgroundMediaVideoSources: PropTypes.arrayOf(PropTypes.string),\n mediaColorOverlay: PropTypes.string,\n }),\n errors: PropTypes.object.isRequired,\n};\n\nexport default BackgroundLayout;\n","import {\n APP_SETTINGS_PRIMARY_COLOR,\n APP_SETTINGS_PRIMARY_COLOR_TRANSPARENTIZED,\n} from '../../../../constants';\n\nexport const styles = {\n container: {\n width: '100%',\n '& .MuiSlider-root': {\n padding: '14px 0 12px',\n },\n '& .MuiSlider-rail': {\n height: 3,\n opacity: 1,\n color: '#bdbdbd',\n borderRadius: '27px',\n },\n '& .MuiSlider-track': {\n height: 3,\n opacity: 1,\n color: APP_SETTINGS_PRIMARY_COLOR,\n border: 0,\n borderRadius: '27px',\n },\n '& .MuiSlider-thumb': {\n width: '14px',\n height: '14px',\n backgroundColor: '#fff',\n border: '1px solid var(--border-color-primary)',\n },\n '& .MuiSlider-thumb.Mui-focusVisible, .MuiSlider-thumb:hover': {\n boxShadow: `0px 0px 0px 8px ${APP_SETTINGS_PRIMARY_COLOR_TRANSPARENTIZED}`,\n },\n },\n input: {\n position: 'relative',\n width: 65,\n height: 42,\n backgroundColor: 'var(--white)',\n border: '1px solid var(--border-color-primary)',\n borderRadius: '8px',\n p: '0px 0px 0px 12px',\n '&:hover': {\n borderColor: 'var(--border-color-primary--hover)',\n },\n '&:after': {\n content: '\"%\"',\n },\n '& .MuiInputBase-input:focus': {\n borderColor: 'var(--border-color-primary--active)',\n borderRadius: 0,\n boxShadow: 'none',\n },\n '& .MuiInputBase-input:invalid': {\n border: 'none',\n },\n '& .MuiInputBase-inputMarginDense': {\n padding: '0px 0px 0px 12px',\n },\n '& .MuiInputBase-input': {\n width: '28px',\n MozAppearance: 'textfield',\n },\n '& .MuiInputBase-input::-webkit-outer-spin-button': {\n WebkitAppearance: 'none',\n margin: 0,\n },\n '& .MuiInputBase-input::-webkit-inner-spin-button': {\n WebkitAppearance: 'none',\n margin: 0,\n },\n },\n};\n","import React, { useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport Grid from '@mui/material/Grid';\nimport Slider from '@mui/material/Slider';\nimport Input from '@mui/material/Input';\nimport Box from '@mui/material/Box';\nimport { styles } from './style';\n\nfunction InputSlider({ defaultValue, onChange }) {\n const [value, setValue] = React.useState(defaultValue);\n\n useEffect(() => {\n if (onChange) {\n onChange(value);\n }\n }, [value]);\n\n const handleSliderChange = (_event, newValue) => {\n setValue(newValue);\n };\n\n const handleInputChange = (event) => {\n setValue(event.target.value === '' ? '' : Number(event.target.value));\n };\n\n const handleBlur = () => {\n if (value < 0) {\n setValue(0);\n } else if (value > 100) {\n setValue(100);\n }\n };\n\n return (\n \n \n \n \n \n \n \n
\n );\n};\n\nBackgroundSettings.propTypes = {\n directUploadUrl: PropTypes.string,\n backgroundSetting: PropTypes.shape({\n id: PropTypes.number,\n backgroundColorOverlay: PropTypes.string,\n backgroundMediaFileName: PropTypes.string,\n backgroundMediaOpacity: PropTypes.string,\n backgroundMediaPreviewUrl: PropTypes.string,\n }),\n errors: PropTypes.object.isRequired,\n};\n\nexport default BackgroundSettings;\n","import styled from 'styled-components';\nimport { PrimaryButton } from '../../../Button';\nimport { APP_SETTINGS_PRIMARY_COLOR } from '../../../../constants';\n\nexport const StyledButton = styled(PrimaryButton).attrs((props) => ({\n style: {\n left: props.leftMargin ? props.leftMargin + 'px' : 0,\n width: props.width ? props.width + 'px' : '100%',\n },\n}))`\n position: fixed;\n background-color: ${APP_SETTINGS_PRIMARY_COLOR};\n border-radius: 0;\n margin: 0;\n z-index: 6;\n box-shadow: 0 -15px 10px 0 rgba(0, 0, 0, 0.15);\n`;\n","import React, { useState, useEffect } from 'react';\nimport { StyledButton } from './style';\nimport { useDebounce } from '../../../hooks';\n\nconst DEBOUNCE_DELAY = 100;\n\nconst SubmitButton = ({ children }) => {\n const [buttonWidth, setButtonWidth] = useState(null);\n const [leftMargin, setLeftMargin] = useState(null);\n const debouncedButtonWidth = useDebounce(buttonWidth, DEBOUNCE_DELAY);\n const debouncedLeftMargin = useDebounce(leftMargin, DEBOUNCE_DELAY);\n\n useEffect(() => {\n const settingsContainer = document.querySelector('#askEditSettings');\n const blockListContainer = document.querySelector('#askEditBlocks');\n\n if (settingsContainer) {\n setButtonWidth(settingsContainer.scrollWidth);\n }\n\n if (blockListContainer) {\n setLeftMargin(blockListContainer.offsetWidth);\n }\n\n const handleResize = () => {\n setButtonWidth(settingsContainer.scrollWidth);\n setLeftMargin(blockListContainer.offsetWidth);\n };\n\n window.addEventListener('resize', handleResize);\n return () => window.removeEventListener('resize', handleResize);\n }, []);\n\n return (\n \n
\n );\n}\n\nSkippableBlockSection.propTypes = {\n isChecked: PropTypes.bool,\n};\n\nexport default SkippableBlockSection;\n","import React from 'react';\nimport CssStyleHiddenInputs from '../../../CssStyleHiddenInputs';\n\nexport default function ButtonHiddenInputs(props) {\n const button = props.button || {};\n const attributesName = `ask[navigation_buttons_attributes][${props.index}]`;\n return (\n <>\n \n \n \n {checkboxes.map(({ label, direction }, index) => (\n
\n );\n}\n","import styled from 'styled-components';\n\nexport const Container = styled.div`\n & input::-webkit-inner-spin-button {\n -webkit-appearance: none;\n margin: 0;\n }\n\n & input::-webkit-outer-spin-button {\n -webkit-appearance: none;\n margin: 0;\n }\n\n & input[type=number] {\n -moz-appearance: textfield;\n }\n`;\n\nexport const GridContainer = styled.div`\n display: grid;\n margin: auto;\n grid-template-columns: repeat(3, minmax(80px, 124px));\n grid-template-rows: auto;\n grid-template-areas:\n '. top .'\n 'left center right'\n '. bottom .';\n`;\n\nexport const LabelWrapper = styled.div`\n position: absolute;\n top: 16px;\n left: 16px;\n`;\n\nexport const GridItem = styled.div`\n display: flex;\n grid-area: ${(props) => props.gridArea};\n justify-self: ${(props) => {\n switch (props.gridArea) {\n case 'right':\n return 'start';\n case 'top':\n case 'bottom':\n return 'center';\n case 'left':\n return 'end';\n }\n}};\n`;\n\nexport const InputWrapper = styled.div`\n width: 100%;\n max-width: 80px;\n margin: 0.5em 12px 0;\n align-self: center;\n\n & input {\n text-align: center;\n }\n\n & span {\n min-width: 110px;\n }\n`;\n\nexport const IconWrapper = styled.div`\n margin-left: 8px;\n`;\n\nexport const TBox = styled.div`\n display: flex;\n justify-content: center;\n align-items: center;\n font-family: 'Times New Roman';\n font-size: 40px;\n font-style: italic;\n width: 124px;\n height: 124px;\n margin: auto;\n border: 2px dashed var(--border-color-primary);\n background-color: var(--background-primary);\n user-select: none;\n`;\n","import React, { useState } from 'react';\nimport PropTypes from 'prop-types';\n\nimport { Input } from '../../../../inputs/Input';\nimport {\n Fieldset,\n Label,\n FormSection,\n FlexRowSpaceBetween,\n FlexCol,\n} from '../../../../globals';\n\nconst MAX_VALID_VALUE = 96;\nconst ERROR_MAX_VALUE_PROPERTY = 'title_setting.font_size_max';\nconst ERROR_MIN_VALUE_PROPERTY = 'title_setting.font_size_min';\nconst ERROR_MESSAGE = 'Must be between 1 and 96';\n\nconst errorKeysMapper = {\n fontSizeMin: ERROR_MIN_VALUE_PROPERTY,\n fontSizeMax: ERROR_MAX_VALUE_PROPERTY,\n};\n\nfunction FontSizeSection({ defaultValues, updateContext, defaultErrors }) {\n const [inputValues, setInputValues] = useState(defaultValues);\n const [errors, setErrors] = useState(defaultErrors);\n\n const clearError = (property) => {\n setErrors({ ...errors, [property]: [] });\n };\n\n const validate = (ctxProperty, value) => {\n const errorKey = errorKeysMapper[ctxProperty];\n\n if (value < 1 || value > MAX_VALID_VALUE) {\n setErrors({\n ...errors,\n [errorKey]: [ERROR_MESSAGE],\n });\n } else {\n updateContext(ctxProperty, value);\n }\n };\n\n const handleMaxValueChange = (value, ctxProperty) => {\n clearError(errorKeysMapper[ctxProperty]);\n validate(ctxProperty, value);\n setInputValues({\n ...inputValues,\n [ctxProperty]: value,\n });\n };\n\n return (\n \n );\n}\n\nFontSizeSection.propTypes = {\n defaultValues: PropTypes.shape({\n fontSizeMin: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n fontSizeMax: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n }),\n updateContext: PropTypes.func,\n defaultErrors: PropTypes.object,\n};\n\nexport default FontSizeSection;\n","import React, { useContext } from 'react';\nimport PropTypes from 'prop-types';\nimport { Input } from '../../../inputs/Input';\nimport { Fieldset, Label, FormSection, FlexRow } from '../../../globals';\nimport {\n Container,\n GridContainer,\n GridItem,\n InputWrapper,\n TBox,\n LabelWrapper,\n IconWrapper,\n} from './style';\nimport Tooltip from '../../../tooltip';\nimport { Info } from 'react-feather';\nimport BlockContext from '../../../../contexts/BlockContext';\nimport FontSizeSection from './FontSizeSection';\n\nconst tooltipTitle =\n 'This controls the relative position of your text box based on the viewport height (top and bottom) and width (left and right). Your numbers should typically range between 0-100.';\n\nfunction PromptSettingsSection({ titleSetting, errors }) {\n const {\n positionTop,\n positionRight,\n positionBottom,\n positionLeft,\n fontSizeMin,\n fontSizeMax,\n } = titleSetting;\n\n const [, setBlockState] = useContext(BlockContext);\n const updateContext = (attribute, value) => {\n // this code updates one field of titleSettings object of blockState at a time\n setBlockState((prevState) => ({\n ...prevState,\n titleSetting: { ...prevState.titleSetting, [attribute]: parseInt(value) },\n }));\n };\n\n return (\n \n
\n \n \n \n {triggerButton}\n \n \n {({ TransitionProps, placement }) => (\n \n \n \n \n {menuItems.map(({ title, value, icon }) => (\n onMenuItemSelect(event, value)}\n value={value}\n >\n {icon && {icon} }\n {title}\n \n ))}\n \n \n \n \n )}\n \n
\n );\n};\n\nDropdownMenu.propTypes = {\n triggerButton: PropTypes.oneOfType([PropTypes.string, PropTypes.element])\n .isRequired,\n menuItems: PropTypes.arrayOf(\n PropTypes.shape({\n title: PropTypes.string.isRequired,\n value: PropTypes.string,\n }),\n ).isRequired,\n onSelection: PropTypes.func,\n disabled: PropTypes.bool,\n placement: PropTypes.string,\n disablePortal: PropTypes.bool,\n styles: PropTypes.object,\n};\n","import React from 'react';\nimport { Transforms } from 'slate';\nimport { ReactEditor } from 'slate-react';\nimport Menu from '@mui/material/Menu';\nimport MenuItem from '@mui/material/MenuItem';\nimport Typography from '@mui/material/Typography';\nimport Stack from '@mui/material/Stack';\n\nexport default function FormulaPicker({ anchorEl, setAnchorEl, editor }) {\n const [items, setItems] = React.useState([\n {\n label: 'calc',\n description: 'Arithmetic for numbers',\n value: 'calc',\n },\n ]);\n const open = Boolean(anchorEl);\n\n const handleClose = () => {\n setAnchorEl(null);\n };\n\n const handleSelect = (value) => {\n const mustaches = `{{#${value}}}{{/${value}}}`;\n const fragment = editor.getFragment();\n const fragmentStyles = fragment[0].children[0];\n const focusDistance = `{{/${value}}}`.length;\n\n editor.deleteBackward(1);\n Transforms.insertNodes(editor, { ...fragmentStyles, text: mustaches });\n Transforms.move(editor, { distance: focusDistance, reverse: true });\n ReactEditor.focus(editor);\n\n handleClose();\n };\n\n const handleKeyDown = (e) => {\n const key = e.key;\n if (key === 'Backspace' || key === 'Delete') {\n handleClose();\n }\n };\n\n return (\n \n \n \n \n \n {props.error ? (\n {props.error} \n ) : null}\n \n
\n );\n};\n\nexport default DraggableInput;\n","import React, { useMemo, useState } from 'react';\nimport { createEditor } from 'slate';\nimport { withReact } from 'slate-react';\nimport { withHistory } from 'slate-history';\nimport { withMention } from '../Mention';\nimport { withSingleLine } from '../utils';\nimport EditableMentionsElement from '../EditableMentionsElement';\nimport DraggableInput from '../DraggableInput';\nimport ErrorMessage from '../../../shared/ErrorMessage';\nimport {\n slateToHtml,\n slateToElements,\n} from '../../../BlockForm/components/TitleSection/utils';\nimport { withLinks } from '../../../BlockForm/components/TitleSection/components/LinksButton/utils';\n\nfunction EditableDraggableMentionsInput(props) {\n const {\n placeholder,\n inputStyles,\n error,\n index,\n dataTarget,\n onChange,\n dataTestId,\n optionRichTextId,\n optionName,\n renderHiddenInputs,\n isDraggingOver,\n } = props;\n const [value, setValue] = useState({ text: '', elements: '', html: '' });\n\n const handleValueChange = (textValue, elements) => {\n const htmlValue = slateToHtml(elements);\n const elementsValue = JSON.stringify(slateToElements(elements));\n setValue({ text: textValue, html: htmlValue, elements: elementsValue });\n onChange(textValue, elementsValue, htmlValue);\n };\n\n const editor = useMemo(\n () => withMention(withLinks(withSingleLine(withHistory(withReact(createEditor()))))),\n [],\n );\n\n return (\n \n (\n {\n handleKeyDown(e);\n props.onKeyDown(e);\n }}\n placeholder={placeholder}\n spellCheck={false}\n style={inputStyles}\n autoFocus\n data-target={dataTarget}\n isDraggingOver={isDraggingOver}\n />\n )}\n />\n {renderHiddenInputs && (\n <>\n {optionRichTextId && (\n
\n );\n}\n\nexport default EditableDraggableMentionsInput;\n","import styled from 'styled-components';\nimport { Editable } from 'slate-react';\nimport { Search } from 'react-feather';\n\nexport const SearchIcon = styled(Search)`\n position: absolute;\n top: 50%;\n right: 12px;\n transform: translateY(-50%);\n color: #727278;\n opacity: 0.6;\n cursor: pointer;\n`;\n\nexport const Input = styled(Editable)`\n display: block;\n background: #fff;\n color: black;\n padding: 0.5rem 15px;\n padding-right: 35px;\n border-radius: 8px;\n border-width: 0px;\n min-heigth: 48px;\n margin: 0px;\n box-sizing: border-box;\n line-height: 2;\n cursor: pointer;\n\n & span.MuiChip-root, p, h1, h2, h3, h4 {\n margin: 0;\n }\n`;\n","import _countBy from 'lodash/countBy';\nimport _findIndex from 'lodash/findIndex';\nimport { Transforms, Node } from 'slate';\nimport { nanoid } from 'nanoid';\nimport { insertMention } from '../Mention';\n\nexport function buildSlateElements(string) {\n const children = string.split(/({{.*?}})/g).map((text) => {\n if (text.match(/{{.*}}/)) {\n return {\n mentionId: nanoid(),\n type: 'mention',\n children: [{ text: '' }],\n reference: text,\n\n };\n } else {\n return {text};\n }\n });\n\n\n return [{\n type: 'paragraph',\n children,\n }];\n};\n\nfunction elementToText(node) {\n if (!node.type) {\n return '';\n }\n\n const childrens = elementsToText(node.children);\n\n switch (node.type) {\n case 'mention':\n return node.reference;\n default:\n return childrens;\n }\n};\n\nexport function elementsToText(nodes) {\n return nodes.map(elementToText).join('');\n}\n\nexport function updateMention(editor, reference, noTrailingSpace) {\n try {\n const at = [0, 1];\n const el = Node.get(editor, at);\n if (el.type === 'mention') {\n Transforms.delete(editor, {at});\n }\n } catch {}\n\n insertMention(editor, reference, noTrailingSpace);\n}\n\nexport function withSingleLine(editor) {\n const { normalizeNode } = editor;\n\n editor.normalizeNode = ([node, path]) => {\n if (path.length === 0) {\n if (editor.children.length > 1) {\n Transforms.mergeNodes(editor);\n }\n }\n\n return normalizeNode([node, path]);\n };\n\n return editor;\n}\n\nexport function withReadOnly(editor) {\n editor.insertText = () => {};\n\n return editor;\n}\n","import React, {\n useState,\n useMemo,\n useCallback,\n useRef,\n useEffect,\n} from 'react';\nimport { Transforms, createEditor } from 'slate';\nimport { Slate, withReact } from 'slate-react';\nimport { Input, SearchIcon } from './style';\nimport { MentionsInput } from '../../../MentionsInput';\nimport { keyboardNavigation } from '../../../MentionsInput/keyboardNavigation';\nimport Leaf from '../Leaf';\nimport Element from '../Element';\nimport { withMention } from '../Mention';\nimport {\n updateMention,\n withReadOnly,\n elementsToText,\n buildSlateElements,\n} from './utils';\nimport { StyledErrorMessage } from '../../../inputs/Input/style';\n\nfunction EditableReadOnlyMentionsInput(props) {\n const {\n experienceId,\n placeholder,\n steps,\n name,\n error,\n initialValue,\n inputProps,\n containerStyle,\n onValueChange,\n dataTestId,\n } = props;\n\n const [elements, setElements] = useState(\n buildSlateElements(initialValue || ''),\n );\n const [value, setValue] = useState(initialValue);\n const editor = useMemo(\n () => withMention(withReadOnly(withReact(createEditor()))),\n [],\n );\n const [mentionsIsOpen, setMentionsIsOpen] = useState(false);\n const [mentionsItemIndex, setMentionsItemIndex] = useState(0);\n const renderElement = useCallback((props) => {\n return \n
\n );\n}\n\nCheckbox.propTypes = {\n value: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n label: PropTypes.oneOfType([PropTypes.string, PropTypes.object]).isRequired,\n name: PropTypes.string,\n disabled: PropTypes.bool,\n withInput: PropTypes.bool,\n checkedByDefault: PropTypes.bool.isRequired,\n onChange: PropTypes.func,\n};\n\nexport default Checkbox;\n","import styled from 'styled-components';\n\nexport const InnerWrapper = styled.div`\n margin-bottom: 1rem;\n`;\n\nexport const FlexWrapper = styled.div`\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n padding-top: 1rem;\n margin-bottom: 1rem;\n border-top: 1px solid var(--border-color-primary);\n cursor: pointer;\n\n & svg {\n stroke: var(--font-color-secondary);\n }\n`;\n\nexport const LabelWrapper = styled.div`\n font-weight: 500;\n font-size: 1rem;\n`;\n","import React, { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport { useCookies } from 'react-cookie';\nimport { ChevronDown, ChevronUp } from 'react-feather';\nimport { InnerWrapper, FlexWrapper, LabelWrapper } from './style';\n\nfunction ExpansionPanel({ children, name, title, isDefaultOpen, onChange, ...rest }) {\n const [cookies, setCookie] = useCookies([name]);\n const [isOpen, setIsOpen] = useState(\n isDefaultOpen || cookies[name] === 'true',\n );\n const isPersistable = name !== undefined;\n\n const persistChanges = (nextState) => {\n if (nextState) {\n setCookie(name, 'true', { path: '/' });\n } else {\n // This method does not work in browser (Chrome 86+, Firefox)\n // removeCookie(name);\n\n // Use this as workaround for removing cookie\n setCookie(name, 'false', { path: '/' });\n }\n };\n\n const handleChange = () => {\n const newState = !isOpen;\n\n if (isPersistable) {\n persistChanges(newState);\n }\n\n if (onChange) {\n onChange();\n }\n\n setIsOpen(newState);\n };\n\n return (\n <>\n {content}
;\n case 'string':\n return ;\n }\n};\n\nconst Modal = ({\n isOpen,\n title,\n content,\n buttons,\n hideModal,\n customStyles,\n theme,\n style,\n}) => {\n return (\n \n \n {props.error} \n \n )}\n
\n );\n}\n\nexport default SimpleSelect;\n","import React from 'react';\nimport PropTypes from 'prop-types';\n\nconst Icon = ({ src, className, inline, ref, ...other }) =>\n // Vova: unset max-width: none; for img tag\n // because on MultiSelectOptionButton icon hidden\n // when text overflowed is active and max-width: 100%;\n inline ? (\n \n 
\n
\n );\n\nIcon.propTypes = {\n src: PropTypes.string,\n className: PropTypes.string,\n inline: PropTypes.bool,\n};\n\nIcon.defaultProps = {\n inline: false,\n};\n\nexport default Icon;\n","import styled from 'styled-components';\n\nexport const SwitchWrapper = styled.span`\n margin-left: auto;\n`;\n\nexport const SwitchTitle = styled.div`\n font-size: 1rem;\n font-weight: 500;\n`;\n\nexport const SwitchSubtitle = styled.div`\n font-size: 0.75rem;\n font-weight: 500;\n line-height: 1rem;\n color: $font-color-primary;\n margin-bottom: 1rem;\n`;\n\nexport const SwitchWithTitleWrapper = styled.div`\n align-items: center;\n display: flex;\n padding-top: 1rem;\n border-top: ${(props) =>\n props.noborder ? 'unset' : '1px solid #333'};\n margin-bottom: 1rem;\n`;\n","import React from 'react';\nimport MUISwitch, { switchClasses } from '@mui/material/Switch';\n\nimport { SwitchWithTitleWrapper, SwitchTitle, SwitchWrapper, SwitchSubtitle } from './style';\n\nfunction Switch(props) {\n return (\n When archived, this $t(entity) will stop accepting responses and your response data will be inaccesible.',\n },\n ArchiveFormDropdownItem: {\n text: 'Archive $t(entityCapitalized)',\n },\n HideFormliModal: {\n title: 'Hide $t(entityCapitalized)',\n variantTitle: 'Hide Variant',\n content: 'Responses will no longer be collected when set to ‘Hide’.',\n hideVariants: 'Hide all ({{amount}}) variants',\n },\n ShowFormliModal: {\n title: 'Show $t(entityCapitalized)',\n variantTitle: 'Show Variant',\n content: 'Resume collecting responses when set to ‘Show’.',\n showVariants: 'Show all ({{amount}}) variants',\n },\n ExportsModal: {\n export: 'Export',\n exportToCSV: 'export responses to csv',\n exportToGoogleSheets: 'export responses to google sheets',\n explanation:\n 'Copy this code and paste it into the top cell of your Google Sheet. New data will automatically update in this sheet every hour.',\n download: 'Download CSV',\n copy: 'Copy',\n },\n ResetViewModal: {\n title: 'Reset dashboard?',\n content: 'This will reset your dashboard to the default state.',\n },\n DeleteFolderModal: {\n errorMessage:\n 'Please remove all $t(entityPlural) from your folder before deleting it.',\n },\n PaymentSection: {\n description: 'Use your existing paypal account to collect payments.',\n mentions: {\n expTitle: '$t(entityCapitalizedPlural)',\n },\n },\n WorkspacesPage: {\n subtitle:\n 'Choose a workspace to view and interact with your $t(entityPlural)',\n },\n WorkspaceSettings: {\n Branding: {\n addressSubtitle:\n 'This address will be used in your email and $t(entity) templates.',\n },\n Integrations: {\n subtitle:\n 'Connect your $t(entity) to your favorite apps and create workflows that work for you.',\n },\n Fonts: {\n subtitle:\n 'Upload your custom fonts to create $t(entityPlural) that fit your brand.',\n },\n },\n FormsList: {\n EmptyCard: {\n subtitle:\n 'Create your first $t(entityCapitalized) to start using our platform!',\n },\n },\n StripeIntegrationForm: {\n text:\n '$t(entityCapitalized) uses Stripe to get you paid quickly and keep your personal and payment information secure. Thousands of companies around the world trust Stripe to process payments for their users. Express Accounts are the fastest and easiest way to sign up, get paid, and manage your transactions. Standard Accounts feature a fuller dashboard, more user controls, and provides a single account that can be shared across platforms.',\n },\n },\n },\n};\n\ni18n.use(initReactI18next).init({\n resources,\n lng: 'en',\n interpolation: {\n escapeValue: false,\n },\n});\n\nexport default i18n;\nexport { getI18n, useTranslation, withTranslation };\n"],"names":["showErrorAlert","enqueueSnackbar","err","errorMessage","JSON","parse","message","errors","detail","_error","_isEmpty","variant","autoHideDuration","PreviewContainer","styled","generateDisclaimerPreviewText","text","url","textWithUrl","replace","match","prepareUrl","dangerouslySetInnerHTML","__html","defaultChecked","isChecked","defaultText","defaultLink","link","useState","checked","setChecked","setText","setLink","setBlockState","useContext","BlockContext","updateDisclaimer","property","value","prevState","disclaimer","useEffect","tocLabel","label","checkedByDefault","onChange","e","target","disclaimerChecked","withInput","name","Input","placeholder","error","mentionSteps","type","title","referencePrefix","loadList","getExperiencesList","getBlocksList","getMergeFields","buttonRef","onPopover","editor","useSlate","selection","setSelection","anchoreEl","setAnchoreEl","inputValue","setInputValue","setError","experienceId","ExperienceIdContext","handleOpen","useCallback","activeLink","currentTarget","handleClose","handleUnlink","preventDefault","unwrapLink","handleLink","insertLink","isUrl","open","Boolean","id","undefined","isActive","iconColor","handleClick","popover","buttonProps","ref","sx","color","fontSize","onClose","anchorEl","anchorOrigin","vertical","horizontal","transformOrigin","PaperProps","marginTop","marginLeft","borderRadius","overflow","steps","initialValue","onValueChange","autoFocus","noTrailingSpace","onClick","options","blockType","updateBlockAttributes","disabled","currentOption","find","isSearchable","classNamePrefix","setValueToStore","isDisabled","styleNames","CssStyleHiddenInputs","cssStyle","attributesName","styles","map","styleName","key","defaultValue","_camelCase","HiddenInputs","askLabel","richText","titleElements","titleHtml","children","isOpen","tooltipTitle","Box","display","justifyContent","alignItems","width","height","background","margin","cursor","popperStyle","textTransform","placement","borderSides","Icon","BorderOuter","borderTop","borderRight","borderBottom","borderLeft","BorderBottom","DoDisturb","initialStyles","handleSetBorderSides","useMuiPopover","handleItemClick","Popover","flexDirection","py","Typography","padding","backgroundColor","_isEqual","opacity","mr","borderWidth","initialWidth","handleSetBorderWidth","event","innerText","LineWeight","index","component","paddingTop","paddingBottom","length","textAlign","borderStyles","initialStyle","handleSetBorderStyle","style","LineStyle","borderStyle","shadows","roundElementStyle","RoundElement","shadow","boxShadow","initialShadow","handleSetBoxShadow","Tonality","Divider","flexItem","Block","ElementIcon","marginRight","border","initialRadius","handleSetBorderRadius","radiusValues","ROUNDED_CORNERS","roundedCornersValue","SQUARED_CORNERS","radius","PanoramaFishEye","ColorPopover","handleChange","handleChangeComplete","handleColorPick","paletteColors","ReactColorPicker","onChangeComplete","resetColor","withAlpha","getInitialColor","includes","c","Color","initialColor","React","setColor","rgbaObjToString","rgbaString","colorObj","valuesMapper","focus","rotate","InputWithAdornments","unitValue","orientation","TextField","pl","pr","WebkitAppearance","InputProps","p","startAdornment","Expand","transform","endAdornment","FormControl","minWidth","Select","MenuItem","hiddenLabel","getNumber","getUnit","unit","Spacing","values","valueWithUnit","inputs","mb","noMargin","Stack","spacing","SET_BACKGROUND_COLOR","SET_COLOR","SET_BORDER_COLOR","SET_BORDER_SIDES","SET_BORDER_WIDTH","SET_BORDER_STYLE","SET_BOX_SHADOW","SET_BORDER_RADIUS","SET_SPACING","SET_STYLES","multipleChoiceInitialState","borderColor","initialState","dataField","paymentOption","multipleChoice","multipleChoice_withMultiSelection","submissionButton","blockPrompt","feeDisclaimer","backButton","forwardButton","state","action","payload","isHover","handleSave","useReducer","reducer","dispatch","stylesDifference","useMemo","difference","Object","handleSetSpacing","FormatPaintOutlined","FormatColorFillIcon","FormatColorTextIcon","BorderColorOutlinedIcon","ExpandIcon","paddingRight","MarginIcon","hidden","multiIsChecked","blockState","initialValues","useHover","bind","useBuildMentionsSteps","translationsKeyPrefix","DEFAULT_ASK_LABELS","valueToInsert","position","dataTestId","elements","stringify","slateToHtml","customizable","top","right","DEFAULT_UGC_TYPES","testId","ugcTypes","updateUgcTypes","newUgcTypes","filter","ugc_types","item","StyledDisabledSelect","StyledSelect","currency","CURRENCY_SIGN_MAP","DonationInputWrapper","RightButtonWrapper","InputsWrapper","LeftPadding","props","inline","ErrorMessage","TooltipIconWrapper","CheckboxTooltipIconWrapper","ErrorWrapper","CheckboxContainer","option","onStylesChange","addOptionItem","onDelete","withDeleteButton","withoutInputNames","dataTarget","isDraggingOver","isNewRecord","deleted","renderHiddenInputs","optionRichTextId","optionName","textValue","elementsValue","htmlValue","onKeyDown","updatedItem","tabIndex","transformOptions","optionsByAsk","hint","optionsList","otherIsChecked","withoutMultiSelect","withoutCheckboxes","onOptionsChange","initOption","draggableId","nanoid","optionItems","setOptionItems","lastItem","newOptionItem","addNewInput","handleOptionsChange","items","multipleChoiceOptions","updateOptionField","newItems","updateOptionFieldStyles","onDragEnd","result","destination","list","startIndex","endIndex","Array","from","removed","splice","reorder","source","droppableId","provided","snapshot","droppableProps","innerRef","draggableProps","left","zIndex","dragHandleProps","indexForDelete","_item","removeInput","renderNewItemButton","multipleChoiceOther","multipleChoiceMultiSelect","ButtonsWrapper","ActionButton","StyledButton","primary","InputWithDatePicker","selectedDate","setSelectedDate","DatePicker","date","dateString","toLocaleDateString","buildOptions","noneOption","preparedMcOptions","MentionTitle","countries","COUNTRIES_FOR_SELECT","o","DefaultSelectInput","setOptions","handleTypeChange","selectTypes","DefaultValue","defaultValueSwitcherDisabled","toString","noborder","getBooleanFromString","StyledRadioButton","sizeSmall","Radio","px","bgcolor","disableRipple","RadioButtonGroup","selectedValue","buttons","gap","direction","ariaLabel","icon","checkedIcon","inputProps","radioButtons","Check","Close","RouteOutlined","emptyCondition","first_value","second_value","operator","data_type","ShowFieldSection","showConditions","conditions_attributes","conditions","setConditions","pt","fontWeight","ml","conditionsWithId","_destroy","condition","i","Condition","conditionIndex","ruleIndex","conditionAttributes","withHiddenInput","show_condition","size","newCondition","prev","PaymentsOutlined","LooksOneOutlined","CheckBoxOutlined","UploadFile","DrawOutlined","currencyOptions","defaultDataField","required","checkboxHidden","setIsActive","onSave","initialDataField","setDataField","setMultipleChoiceOptions","handleDataFieldChange","marginBottom","buildDefaultRichObject","multirows","mt","pb","_isNull","trimmedTitle","trim","newDataField","Container","LabelWrapper","isHidden","Circle","DropdownWrapper","menuItems","labelDataTestid","DataField","creationFormIsActive","setCreationFormIsActive","modalIsOpen","setModalIsOpen","hideModal","modalButtons","stopPropagation","dataset","testid","DragIcon","fill","renderIcon","VisibilityOffOutlined","DropdownMenu","triggerButton","onSelection","disablePortal","content","DragAndDropDataFields","dataFields","setDataFields","updateDataField","newDataFields","field","deleteDataField","dataFieldIndex","conditionSelected","multipleChoiceIndex","Fragment","renderHiddenFields","data_fields","serializedErrors","Disclaimer","toc_label","lastDataField","payment_option_id","destroy","onSaveStyles","onKeyPress","EditableMentionsInput","IconWrapper","defaultDonationOptions","updateDefaultDonationType","defaultFrequency","defaultDonationType","disableFocusListener","disableTouchListener","kind","setValues","defaultValues","percentageValue","setPercentageValue","minValue","setMinValue","maxValue","setMaxValue","supportsCreditCardFees","setSupportsCreditCardFees","supportsDebitCardFees","setSupportsDebitCardFees","supportsPrepaidCardFees","setSupportsPrepaidCardFees","supportsUnknownCardFees","setSupportsUnknownCardFees","feesEnabled","setFeesEnabled","disclaimerText","setDisclaimerText","Modal","maxWidth","min","bottom","methodIsEnabled","getDefaultValue","attr","_isNumber","defaultDisclaimerRichText","blockId","reference","paymentMethod","feePercentage","defaultCardTypeFees","keys","payment_methods","PaymentOptionsSection","t","block","achDisabled","useModal","cardModalIsOpen","hideCardModal","showCardModal","showModal","achModalIsOpen","hideAchModal","showAchModal","paypalEnabled","setPaypalEnabled","achEnabled","setAchEnabled","cardEnabled","setCardEnabled","paypalEmail","setPaypalEmail","IconButton","SettingsOutlined","paymentMethods","m","paypal_email","addStyleToOption","currentIndex","amount","isEditPage","useTranslation","keyPrefix","stepsWithMoneyMergeFields","getDataFieldsByType","buildMentionSteps","paymentOptions","amountItems","setAmountItems","donationType","recurringPayment","setRecurringPayment","oneTimePayment","setOneTimePayment","setDonationType","politicalDonation","isPoliticalDonation","setIsPoliticalDonation","customDonation","setCustomDonation","subscriptionStartDate","setSubscriptionStartDate","parseISO","isValid","format","setInitialDateInputValue","startDateInputValue","setStartDateInputValue","activeItems","addAmountItem","newAmountItem","newFields","handleKeyPress","updateDonationStyles","updateDonationType","disableRequiredPoliticalDonationFields","DISABLED_POLITICAL_DATA_FIELDS_TYPES","indexForUpdate","updateDonationField","connectAccountCapabilities","us_bank_account_ach_payments","donation_type","Date","formatISO","isPolitical","DEFAULT_DONATION_DATA_FIELDS","DEFAULT_POLITICAL_DATA_FIELDS","concat","Slider","sliderClasses","APP_SETTINGS_PRIMARY_COLOR","APP_SETTINGS_PRIMARY_COLOR_TRANSPARENTIZED","fontFamily","valueLabelDisplay","marks","timeout","defaultTimeout","max","f","showCondition","data","buildInitialConditions","prevBlockType","usePrevious","updateDataFields","contentTimeout","renderSection","buttonId","handleCtaButtonChange","ctaButtons","button","legend","primaryColor","setCssStyle","ctaButtonStyle","ctaButton","buttonIndex","textInputs","settings","SUBMISSION_BUTTON_SETTINGS","showSection","show","setShow","noSwitcher","setNoSwitcher","setLegend","setTitle","ctaButtonSettingsChecked","currentFont","fontsSelectItems","font","goalState","updateGoalState","handleValueChange","attribute","submissionGoal","inputStyles","submissionGoalName","isDonation","raiseGoalType","handleRaiseGoalTypeChange","currencySymbol","showErrors","setShowErrors","unshift","selectedType","raiseGoal","raiseGoalName","otherGoal","otherGoalAmount","otherGoalName","OPTION_LABELS","submission_amount","raise_amount","other_amount","none","goals","goal","selectedGoal","setSelectedGoal","selectedOption","MetricItemWrapper","MetricItem","checkboxName","inputName","defaultInputValue","inputError","updateMetricState","stateCheckboxKey","stateInputKey","setIsChecked","listStyle","withGutter","renderContent","MetricItemOther","metricState","otherMetric","otherMetricAmount","otherMetricName","amountRaisedMetric","amountRaisedMetricName","amountRaisedByExperienceMetric","amountRaisedByExperienceMetricName","amountRaisedByAskerMetric","amountRaisedByAskerMetricName","amountRaisedByVariantMetric","amountRaisedByVariantMetricName","submissionsMetric","submissionsMetricName","askMetric","setMetricsState","GoalAndMetricContext","setValueFor","keyName","GOAL_AND_METRICS_DEFAULT_VALUES","setGoalState","setMetricState","setGoalType","raise_goal_type","setRaiseGoalType","metricsChecked","newValue","Textarea","Editable","linkButtonRef","defaultFont","fontsList","fontWeightsSelectItems","useHorizontalScroll","scrollContainerRef","handleScroll","isAtStart","isAtEnd","onScroll","leftGradient","rightGradient","FONT_WEIGHT_MENU_ITEMS","font_family","font_weights","ColorPicker","HighlightPicker","ParagraphButton","MarkButton","BlockButton","LinksButton","LetterSettings","INITIAL_VALUE","HOTKEYS","defaultTitleElements","withLinks","withDeleteEmptyBlock","withDeleteEmptyMark","withMention","withHistory","withReact","createEditor","setValue","debouncedValue","useDebounce","mentionsIsOpen","setMentionsIsOpen","mentionsItemIndex","setMentionsItemIndex","mentionsAnchorEl","setMentionsAnchorEl","formulasAnchorEl","setFormulasAnchorEl","renderElement","renderLeaf","useRef","mentionsItemRef","mentionsListRef","insertReference","_type","available_types","insertMention","slateToText","slateToElements","prevCharIs","getAnchorElement","titleSetting","hotkey","isHotkey","mark","toggleMark","current","mousedown","document","createEvent","initEvent","dispatchEvent","keyboardNavigation","spellCheck","MentionsInput","customInput","onReference","optionsListRef","listItemRef","listItemIndex","FormulaPicker","setAnchorEl","MergeMediaSubLabel","Label","defaultColor","blockStateAttribute","hiddenInputAttribute","updateBlockState","colorValue","backgroundSetting","updateColor","ColorPickerInput","onColorPick","MediaOptions","mediaHiddenOnMobile","hiddenOnMobile","setHiddenOnMobile","queryParams","block_type","FullScreenIcon","FitToSizeIcon","layoutValue","referenceMergeMedia","checkedValue","setCheckedValue","mediaColorOverlay","getCustomMergeFields","updateMediaLayout","backgroundLayout","container","input","MozAppearance","Grid","xs","_event","Number","onBlur","disableUnderline","step","SubmitButtonWrapper","HelperText","attachMedia","mediaIsUploading","setMediaIsUploading","setCurrentMediaUrl","setContentType","setFilename","directUploadUrl","inputFileRef","click","accept","file","files","URL","createObjectURL","DirectUpload","create","blob","signed_id","filename","content_type","ImageWrapper","Image","TextWrapper","previewUrl","removeMedia","fileName","contentType","src","SectionWrapper","defaultSignedId","mediaOpacity","signedId","setSignedId","currentFilename","setCurrentFilename","currentMediaUrl","mediaAttached","setMediaAttached","setOpacity","backgroundIsImage","backgroundIsVideo","propertyToUpdate","backgroundMediaImageUrl","backgroundMediaVideoSources","backgroundMediaIsImage","backgroundMediaIsVideo","updateOpacity","preparedValue","backgroundMediaOpacity","Math","trunc","backgroundColorOverlay","backgroundMediaSignedId","backgroundMediaFileName","backgroundMediaPreviewUrl","PrimaryButton","attrs","leftMargin","buttonWidth","setButtonWidth","setLeftMargin","debouncedButtonWidth","debouncedLeftMargin","settingsContainer","querySelector","blockListContainer","scrollWidth","offsetWidth","handleResize","window","addEventListener","removeEventListener","responsive","skippableChecked","ButtonHiddenInputs","enabled","setNavigationButtons","navigationButtons","b","CheckboxWithToolbar","DestroyHiddenInputs","showNavigationButtons","checkboxes","initialButtons","NavigationButtonsSection","GridContainer","GridItem","gridArea","InputWrapper","TBox","ERROR_MAX_VALUE_PROPERTY","ERROR_MIN_VALUE_PROPERTY","errorKeysMapper","fontSizeMin","fontSizeMax","updateContext","defaultErrors","inputValues","setInputValues","setErrors","handleMaxValueChange","ctxProperty","errorKey","validate","positionTop","positionRight","positionBottom","positionLeft","parseInt","AutofitIcon","HugContentIcon","ContentLayoutSection","contentLayout","flexWrap","my","contentVerticalAlignment","hugContentFontSize","inputStyle","hugContentMaxWidth","successMessage","ask_uuid","experience_uuid","workspaceId","block_id","blockTextColor","block_text_color","background_layout","reference_merge_media","cta_button_settings_checked","multiple_choice_other","multiple_choice_multi_select","multiple_choice_options","payment_options","default_donation_type","paypal_enabled","custom_donation","political_donation","content_timeout","metrics_checked","disclaimer_checked","skippable_checked","background_setting","title_setting","card_enabled","ach_enabled","subscription_start_date","blockAttributes","setBlockAttributes","useSnackbar","updateBlockStateContext","cta_buttons","ask_label","navigation_buttons","subscribeTo","newAttributes","base","Provider","className","method","noValidate","acceptCharset","disableHoverListener","setOpen","anchorRef","contains","handleListKeyDown","prevOpen","role","transition","TransitionProps","paper","onClickAway","menuList","autoFocusItem","menuItem","onMenuItemSelect","description","mustaches","fragmentStyles","getFragment","focusDistance","deleteBackward","Transforms","distance","reverse","ReactEditor","handleSelect","formattedTitle","split","slice","element","inputWithGutter","InnerWrapper","EmptyResultsText","METADATA_TITLE","usePreparedList","onComplete","onMetadataSelect","selectedItems","setSelectedItems","stepIndex","setStepIndex","currentList","setCurrentList","isLoaded","setIsLoaded","header","setHeader","then","sortedList","some","subTitle","sortExperiencesList","handleNextStep","nextStep","experienceMetadata","experienceMetadataList","preparedList","onSelect","selectedExperienceId","listItemStyles","whiteSpace","textOverflow","OptionsList","handleLastSelect","handleExperienceMetadataSelect","currentItemIndex","listRef","currentItemRef","setCurrentItemIndex","inputWidth","List","maxHeight","ListSubheader","minHeight","letterSpacing","lineHeight","itemIsSelected","ListItem","selected","onMouseEnter","onHover","ListItemText","secondary","CircularProgress","Component","onInputChange","onInputKeyDown","readOnly","noAutocomplete","onCloseDropdown","dropdownIsOpen","setDropdownIsOpen","mentionSymbolPosition","setMentionSymbolPosition","currentReference","setCurrentReference","newReferenceCreated","setNewReferenceCreated","inputRef","_isNil","handleOutsideClick","setMergeField","valueWithReference","referenceLength","setSelectionRange","selectionStart","autocomplete","test","referenceKeys","currentStep","skipFieldRender","join","mergeString","buildMetadataReference","clientWidth","Popper","listIsOpen","scrollIntoView","onReferenceType","render","extendKeyBoardNavigation","buildSlateElements","setElements","anchor","Editor","elementsToText","at","containerPosition","portalRef","withSingleLine","handleKeyDown","I","popoverIsOpen","setPopoverIsOpen","inFocus","useFocused","Range","topPosition","getMobileOS","overflowX","overflowY","EditableMentionsElement","HoveringToolbar","html","SearchIcon","Search","elementToText","node","childrens","nodes","updateMention","Node","containerStyle","mentionId","insertText","withReadOnly","Element","Leaf","openMentions","offset","path","axiosInstance","RailsRanger","axios","baseURL","headers","Accept","setupInterceptors","history","client","interceptors","response","use","status","push","Promise","reject","Error","request","useWorkspace","iconStyles","checkedIconStyles","control","checkboxClasses","FlexWrapper","isDefaultOpen","rest","useCookies","cookies","setCookie","setIsOpen","isPersistable","newState","Subtitle","ErrorMessageWrapper","textareaStyle","borderBottomRightRadius","borderBottomLeftRadius","arr","object","attributes","entries","reduce","accObj","_snakeCase","stringOperators","numberOperators","dateOperators","referenceType","setReferenceType","handleConditionChange","operators","DeleteOutline","MoreHoriz","_c","getOperatorFromReferenceType","dateAdapter","AdapterDateFns","renderInput","params","visibility","OptionWithReferencesTags","SingleValueWithReferencesTags","prefix","startLabel","selectStyles","indicatorSeparator","paddingLeft","selectProps","flattenBorder","menu","isFocused","isSelected","singleValue","components","Option","SingleValue","isOptionSelected","optionsArray","closeMenuOnSelect","defaultMenuIsOpen","SubLabel","Hint","Fieldset","FieldsetContainer","Legend","FormSection","FormField","FormSubsection","FormSectionDescription","FlexRow","FlexSpaceBetween","FlexRowSpaceBetween","FlexCol","HLine","ErrorMessageFloat","Code","CustomPicker","handleOpenColorPicker","hex","ColorInput","AlphaInput","withoutColorsBar","ColorOpacityPicker","_","getDefaultStyles","theme","overlay","customStyles","ariaHideApp","onRequestClose","StyledTitle","InnerContentWrapper","dropdownIndicator","iconWrapperStyles","IconOption","other","defaultProps","SwitchWrapper","SwitchTitle","SwitchSubtitle","SwitchWithTitleWrapper","Switch","switchClasses","SwitchWithTitle","subtitle","OptionsWrapper","OptionLabel","active","LabelText","OptionIcon","HiddenRadioButton","tileBackground","nextValue","prepIdentifier","IconComponent","labelBackground","htmlFor","Context","submissionAmount","raiseAmountByBlock","raiseAmountByExperience","raiseAmountByAsker","dataState","displayName","companyName","gon","entity","entityName","entityPlural","pluralize","resources","en","translation","entityCapitalized","_capitalize","entityCapitalizedPlural","UrlParamsSection","caption","KeywordsSection","TextbotPage","EmbedSection","embedType","script","basic","webflow","widgetType","spa","head","body","dimensionsHint","settingsHint","loadingSpinnerHint","codeHint","LightboxSection","layoutHint","NewExperienceDropdown","buttonText","EventCard","experienceCompletionLabel","paymentCompletionLabel","paymentFailedLabel","actionFailedLabel","EditActionForm","emailLabel","textbotLabel","cancelReccuringLabel","hubspotLabel","HubspotActionForm","mapFieldsLabel","ActionCard","TextbotActionForm","targerExperienceLabel","targerExperiencePlaceholder","mentions","expTitle","expMeta","expUrl","GoalSection","RaiseAmountForm","descriptionText","goalOptions","blockLabel","experienceLabel","askerLabel","variantLabel","SubmissionAmountForm","OtherAmountForm","MetricSection","TitleSection","BackgroundLayout","TransitionButton","EditableExperienceTitle","placeholderText","HideBrandingSection","switchTitle","MultipleChoiceSection","ExperienceList","FilterDropdown","ArchiveFormModal","ArchiveFormDropdownItem","HideFormliModal","variantTitle","hideVariants","ShowFormliModal","showVariants","ExportsModal","export","exportToCSV","exportToGoogleSheets","explanation","download","copy","ResetViewModal","DeleteFolderModal","PaymentSection","WorkspacesPage","WorkspaceSettings","Branding","addressSubtitle","Integrations","Fonts","FormsList","EmptyCard","StripeIntegrationForm","i18n","initReactI18next","init","lng","interpolation","escapeValue"],"sourceRoot":""}