\r\n
\r\n )}\r\n \r\n );\r\n },\r\n);\r\n","import React, { useState } from 'react';\r\nimport { useTranslation } from 'react-i18next';\r\nimport { KeyMapKeys } from '@locales/lokalise/keyMap';\r\nimport cn from 'classnames';\r\nimport { ButtonPreloader, ButtonMiniPreloader } from 'components/shared/preloader';\r\nimport styles from './styles.module.scss';\r\n\r\nexport interface IButtonProps\r\n extends React.DetailedHTMLProps{loadingIcon}
\r\n \r\n {isText(children) ? i18n.t(children as KeyMapKeys) : children}\r\n
\r\n \r\n {loaderType === 'default' ?
\r\n ) : null;\r\n\r\n return (\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n {i18n.t(title as KeyMapKeys)}
\r\n \r\n
\r\n {children}
\r\n {actionsPanel && {actionsPanel}
}\r\n \r\n {confirmButtonProps && (\r\n \r\n {confirmButtonProps.name}\r\n \r\n )}\r\n \r\n {keyMap.sharedActionsCancel}\r\n \r\n
\r\n );\r\n};\r\n","import React, { useCallback, useEffect, useRef, useState } from 'react';\r\nimport { SvgIcon } from '@components-library/Icons/SvgIcon';\r\nimport { KeyMapKeys } from '@locales/lokalise/keyMap';\r\nimport SuccessIcon from 'assets/icons/success-icon.svg';\r\nimport ErrorIcon from 'assets/icons/warning-message-icon.svg';\r\nimport cn from 'classnames';\r\nimport i18next from 'i18next';\r\nimport styles from './notification.style.module.scss';\r\n\r\ntype NotificationState = {\r\n content: string | null;\r\n type: '' | 'success' | 'error';\r\n};\r\n\r\ninterface StaticNotificationProps {\r\n show: (\r\n content: string | null,\r\n type?: NotificationState['type'],\r\n options?: { onCloseCallback?: () => void; notificationShowTime?: number },\r\n showTimeNumber?: number,\r\n ) => void;\r\n}\r\n\r\nconst Notification: React.FC & StaticNotificationProps = () => {\r\n const timeoutIdRef = useRef\r\n
\r\n );\r\n};\r\n\r\nNotification.show = () => console.error('method show is not defined');\r\n\r\nexport { Notification };\r\n","import React, { useState } from 'react';\r\nimport { ChevronDown, ChevronUp } from 'react-feather';\r\nimport { useTranslation } from 'react-i18next';\r\nimport { Button } from '@components-library/Button';\r\nimport { keyMap } from '@locales/lokalise/keyMap';\r\nimport cn from 'classnames';\r\nimport styles from './styles.module.scss';\r\n//@ts-ignore\r\nimport { useCollapse } from './useCollapseHook/useCollapse';\r\n\r\n/**\r\n * Temporary Solution Notice\r\n * @description We have identified an issue where the 'react-collapsed' library is using mjs files,\r\n * which are unfortunately not supported in some browsers, including the UC Browser.\r\n * To overcome this issue, we have taken the required file, modified it and stored it locally.\r\n * Please note that this is a temporary workaround until the library provides a fix or a version that doesn't rely on mjs files,\r\n * or the browser vendors update their software to support mjs files.\r\n */\r\n\r\nconst TextCollapse = ({\r\n className,\r\n collapsedHeight = 120,\r\n children,\r\n mask = true,\r\n}: {\r\n className?: string;\r\n collapsedHeight?: number;\r\n children: React.ReactNode;\r\n mask?: boolean;\r\n}) => {\r\n const [isExpanded, setExpanded] = useState(false);\r\n const [isMoreButtonDisplayed, setIsMoreButtonDisplayed] = useState(false);\r\n const { getCollapseProps, getToggleProps } = useCollapse({ collapsedHeight });\r\n const { i18n } = useTranslation();\r\n\r\n return (\r\n <>\r\n {renderIcon(type)}
\r\n {notificationText}
\r\n \r\n \r\n {\r\n setExpanded((prevExpanded) => !prevExpanded);\r\n },\r\n })}>\r\n \r\n {isExpanded ? i18n.t(keyMap.sharedActionsLess) : i18n.t(keyMap.sharedActionsMore)}\r\n {isExpanded ?
\r\n )}\r\n\r\n {children}
\r\n\r\nAfter: \r\n
`,\r\n );\r\n };\r\n }\r\n useEffect5(() => {\r\n warn(element);\r\n }, [element]);\r\n}\r\n\r\n// src/index.ts\r\nconst useLayoutEffect2 = typeof window === 'undefined' ? useEffect6 : useReactLayoutEffect;\r\n\r\nfunction useCollapse({\r\n duration,\r\n easing = 'cubic-bezier(0.4, 0, 0.2, 1)',\r\n onTransitionStateChange: propOnTransitionStateChange = () => {},\r\n isExpanded: configIsExpanded,\r\n defaultExpanded = false,\r\n hasDisabledAnimation,\r\n ...initialConfig\r\n} = {}) {\r\n const onTransitionStateChange = useEvent(propOnTransitionStateChange);\r\n const uniqueId = useId();\r\n const [isExpanded, setExpanded] = useControlledState(configIsExpanded, defaultExpanded);\r\n const prevExpanded = useRef3(isExpanded);\r\n const [isAnimating, setIsAnimating] = useState4(false);\r\n const prefersReducedMotion = usePrefersReducedMotion();\r\n const disableAnimation = hasDisabledAnimation ?? prefersReducedMotion;\r\n const frameId = useRef3();\r\n const endFrameId = useRef3();\r\n const collapseElRef = useRef3(null);\r\n const [toggleEl, setToggleEl] = useState4(null);\r\n\r\n usePaddingWarning(collapseElRef);\r\n const collapsedHeight = `${initialConfig.collapsedHeight || 0}px`;\r\n\r\n function setStyles(newStyles) {\r\n if (!collapseElRef.current) return;\r\n const target = collapseElRef.current;\r\n\r\n for (const property in newStyles) {\r\n const value = newStyles[property];\r\n\r\n if (value) {\r\n target.style[property] = value;\r\n } else {\r\n target.style.removeProperty(property);\r\n }\r\n }\r\n }\r\n useLayoutEffect2(() => {\r\n const collapse = collapseElRef.current;\r\n\r\n if (!collapse) return;\r\n if (isExpanded === prevExpanded.current) return;\r\n prevExpanded.current = isExpanded;\r\n function getDuration(height) {\r\n if (disableAnimation) {\r\n return 0;\r\n }\r\n return duration ?? getAutoHeightDuration(height);\r\n }\r\n const getTransitionStyles = (height) => `height ${getDuration(height)}ms ${easing}`;\r\n const setTransitionEndTimeout = (duration2) => {\r\n function endTransition() {\r\n if (isExpanded) {\r\n setStyles({\r\n height: '',\r\n overflow: '',\r\n transition: '',\r\n display: '',\r\n });\r\n onTransitionStateChange('expandEnd');\r\n } else {\r\n setStyles({ transition: '' });\r\n onTransitionStateChange('collapseEnd');\r\n }\r\n setIsAnimating(false);\r\n }\r\n if (endFrameId.current) {\r\n clearAnimationTimeout(endFrameId.current);\r\n }\r\n endFrameId.current = setAnimationTimeout(endTransition, duration2);\r\n };\r\n\r\n setIsAnimating(true);\r\n if (isExpanded) {\r\n frameId.current = requestAnimationFrame(() => {\r\n onTransitionStateChange('expandStart');\r\n setStyles({\r\n display: 'block',\r\n overflow: 'hidden',\r\n height: collapsedHeight,\r\n });\r\n frameId.current = requestAnimationFrame(() => {\r\n onTransitionStateChange('expanding');\r\n const height = getElementHeight(collapseElRef);\r\n\r\n setTransitionEndTimeout(getDuration(height));\r\n if (collapseElRef.current) {\r\n collapseElRef.current.style.transition = getTransitionStyles(height);\r\n collapseElRef.current.style.height = `${height}px`;\r\n }\r\n });\r\n });\r\n } else {\r\n frameId.current = requestAnimationFrame(() => {\r\n onTransitionStateChange('collapseStart');\r\n const height = getElementHeight(collapseElRef);\r\n\r\n setTransitionEndTimeout(getDuration(height));\r\n setStyles({\r\n transition: getTransitionStyles(height),\r\n height: `${height}px`,\r\n });\r\n frameId.current = requestAnimationFrame(() => {\r\n onTransitionStateChange('collapsing');\r\n setStyles({\r\n height: collapsedHeight,\r\n overflow: 'hidden',\r\n });\r\n });\r\n });\r\n }\r\n return () => {\r\n if (frameId.current) cancelAnimationFrame(frameId.current);\r\n if (endFrameId.current) clearAnimationTimeout(endFrameId.current);\r\n };\r\n }, [isExpanded, collapsedHeight, disableAnimation, duration, easing, onTransitionStateChange]);\r\n return {\r\n isExpanded,\r\n setExpanded,\r\n getToggleProps(rest) {\r\n const { disabled, onClick, refKey } = {\r\n refKey: 'ref',\r\n onClick() {},\r\n disabled: false,\r\n ...rest,\r\n };\r\n const isButton = toggleEl ? toggleEl.tagName === 'BUTTON' : void 0;\r\n const theirRef = rest?.[refKey || 'ref'];\r\n const props = {\r\n 'id': `react-collapsed-toggle-${uniqueId}`,\r\n 'aria-controls': `react-collapsed-panel-${uniqueId}`,\r\n 'aria-expanded': isExpanded,\r\n 'onClick'(evt) {\r\n if (disabled) return;\r\n onClick?.(evt);\r\n setExpanded((n) => !n);\r\n },\r\n [refKey || 'ref']: mergeRefs(theirRef, setToggleEl),\r\n };\r\n const buttonProps = {\r\n type: 'button',\r\n disabled: disabled ? true : void 0,\r\n };\r\n const fakeButtonProps = {\r\n 'aria-disabled': disabled ? true : void 0,\r\n 'role': 'button',\r\n 'tabIndex': disabled ? -1 : 0,\r\n };\r\n\r\n if (isButton === false) {\r\n return { ...props, ...fakeButtonProps };\r\n } else if (isButton === true) {\r\n return { ...props, ...buttonProps };\r\n } else {\r\n return {\r\n ...props,\r\n ...buttonProps,\r\n ...fakeButtonProps,\r\n };\r\n }\r\n },\r\n getCollapseProps(rest) {\r\n const { style, refKey } = { refKey: 'ref', style: {}, ...rest };\r\n const theirRef = rest?.[refKey || 'ref'];\r\n\r\n return {\r\n 'id': `react-collapsed-panel-${uniqueId}`,\r\n 'aria-hidden': !isExpanded,\r\n 'role': 'region',\r\n ...rest,\r\n [refKey || 'ref']: mergeRefs(collapseElRef, theirRef),\r\n 'style': {\r\n boxSizing: 'border-box',\r\n ...(!isAnimating && !isExpanded\r\n ? {\r\n display: collapsedHeight === '0px' ? 'none' : 'block',\r\n height: collapsedHeight,\r\n overflow: 'hidden',\r\n }\r\n : {}),\r\n ...style,\r\n },\r\n };\r\n },\r\n };\r\n}\r\nexport { useCollapse };\r\n","import React, { ReactNode } from 'react';\r\nimport { useTranslation } from 'react-i18next';\r\nimport { InfoIcon } from '@components-library/Icons/iconsComponents';\r\nimport { Tooltip as AntdTooltip } from 'antd';\r\nimport type { AbstractTooltipProps } from 'antd/es/tooltip';\r\nimport cn from 'classnames';\r\nimport styles from './styles.module.scss';\r\n\r\ninterface ITooltipProps {\r\n content: string | ReactNode;\r\n children?: ReactNode;\r\n className?: string;\r\n rootClassName?: string;\r\n placement?: AbstractTooltipProps['placement'];\r\n open?: boolean;\r\n destroyTooltipOnHide?: boolean;\r\n useI18n?: boolean;\r\n}\r\n\r\nexport const Tooltip = ({\r\n content,\r\n children,\r\n className,\r\n rootClassName,\r\n placement,\r\n open,\r\n destroyTooltipOnHide,\r\n useI18n = true,\r\n}: ITooltipProps) => {\r\n const { i18n } = useTranslation();\r\n\r\n const tooltipContent = typeof content === 'string' && useI18n ? i18n.t(content) : content;\r\n\r\n const renderDefaultIcon = () => {\r\n return (\r\n \r\n {children}\r\n
\r\n \r\n
\r\n );\r\n };\r\n\r\n return (\r\n \r\n
\r\n );\r\n};\r\n","import React, { lazy, Suspense } from 'react';\r\nimport Preloader from '@components-shared/preloader';\r\nimport { IEditorWrapperProps } from './types';\r\n\r\nconst Editor = lazy(() => import(/* webpackChunkName: \"Editor\" */ './HtmlEditor'));\r\nconst PreviewContent = lazy(() => import(/* webpackChunkName: \"PreviewEditorContent\" */ './HtmlEditorPreview'));\r\n\r\nconst HtmlEditorBase = (props: IEditorWrapperProps) => {\r\n const { value, onChange, isNeedPreview } = props;\r\n\r\n return (\r\n \r\n
\r\n {i18n.t(keyMap.sharedSystemSomethingWentWrong)}
\r\n{i18n.t(keyMap.sharedSystemRefreshPage)}
\r\n\r\n \r\n {message && \r\n
\r\n \r\n {message}
}\r\n {stack && (\r\n <>\r\n {i18n.t(keyMap.sharedSystemErrorOccurred)}:{stack}
\r\n \r\n )}\r\n\r\n \r\n
\r\n \r\n
\r\n );\r\n};\r\n\r\nexport default HtmlEditorBase;\r\n","import React, { memo, useState } from 'react';\r\nimport { ModalWrapper } from '@components-library/Modals/ModalWrapper';\r\nimport { BaseEditor } from '@components-shared/HtmlEditor';\r\n\r\ninterface IHtmlEditorProps {\r\n onChange: (v: string) => void;\r\n value: string;\r\n title: string;\r\n}\r\nexport const EditableHTMLModal = memo((props: IHtmlEditorProps): JSX.Element => {\r\n const { value, onChange, title } = props;\r\n const [showPopup, setShowPopup] = useState\r\n 
\r\n \r\n
\r\n );\r\n }\r\n\r\n renderInput() {\r\n const { attributes, i18next, hideElement = false, classNameССInput } = this.props;\r\n const { fileSourceSetting } = { ...attributes };\r\n\r\n const { availableMimeTypes, maxSize } = { ...fileSourceSetting };\r\n\r\n const accept = availableMimeTypes ? availableMimeTypes.join(',') : 'image/png';\r\n\r\n return (\r\n \r\n \r\n {!hideElement &&
\r\n );\r\n }}\r\n {i18next.t(keyMap.formsBrowse)}
}\r\n \r\n {this.renderInput()}
;\r\n }\r\n}\r\n\r\nexport default connectToContext(FileSourceInput);\r\n","import React, { Component } from 'react';\r\nimport { Text } from '@components-library/Typography';\r\nimport { EditableHTMLModal } from '@components-shared/configConstructor/EditableHTMLModal';\r\nimport { keyMap } from '@locales/lokalise/keyMap';\r\nimport { fetchApi } from 'api/fetchApi';\r\nimport { handleError } from 'utils/errors';\r\nimport DatetimePicker from './datetimepicker';\r\nimport FileSourceInput from './fileSourceInput';\r\nimport { Select } from './select';\r\nimport { Attributes, EventTarget, INPUT_TABLE_TYPE_FIELD, InputsTableValues, Option } from './types';\r\nimport { mapType } from './utils';\r\n\r\nconst { BOOL, DYNAMIC_DROPDOWN, DECIMAL, ENUM, HTML, EDITABLE_HTML, DATETIME, FILE_SOURCE } = INPUT_TABLE_TYPE_FIELD;\r\n\r\nconst PREFFIX = 'cc-table';\r\n\r\ninterface IProps {\r\n members: Option;\r\n value: Array