{"version":3,"file":"static/js/75723.4f79ca13.chunk.js","mappings":"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","sources":["newcomponents/UI/CustomModal/index.tsx"],"sourcesContent":["import {\n  CSSProperties,\n  memo,\n  ReactElement,\n  ReactNode,\n  SyntheticEvent,\n  useEffect,\n  useRef,\n  useState\n} from 'react';\nimport cc from 'classcat';\nimport { ZINDEX_HIGH_1 } from 'utils/constants/app/ui';\nimport SpringConfigs from 'utils/constants/swarm/spring-configs';\nimport { isMobile } from 'utils/is-mobile';\nimport { rand } from 'utils/swarm/rid-generator';\nimport { Portal } from 'components/Shared/Portal';\nimport './index.less';\n\ntype TModalProps = {\n  visible: boolean;\n  title?: ReactElement;\n  onCancel?: (e?: SyntheticEvent) => void;\n  width?: string | number;\n  wrapClassName: string;\n  className?: string;\n  centered?: boolean;\n  zIndex?: number;\n  style?: CSSProperties;\n  bodyStyle?: CSSProperties;\n  maskStyle?: CSSProperties;\n  maskClosable?: boolean;\n  mask?: boolean;\n  footer?: ReactElement | null;\n  closeIcon?: ReactNode;\n  renderCloseIconInMask?: boolean;\n  destroyOnClose?: boolean;\n  closable?: boolean;\n  afterClose?: () => void;\n  children: ReactNode;\n  contentPadding?: number | string;\n  maxWidth?: string | number;\n  hideBorder?: boolean;\n  getContainer?: string | false;\n  wrapperPadding?: string;\n  fullPage?: boolean;\n  placement?: 'top' | 'bottom' | 'left' | 'right' | undefined;\n  borderRadius?: string;\n  closeIconStyle?: CSSProperties;\n};\n\nif (SpringConfigs.IS_RTL) {\n  import('./rtl.less');\n}\n\nconst AFTER_CLOSE_DELAY = 300;\nconst MODAL_WRAPPER_PADDING = 24;\nconst MODAL_WRAPPER_MOBILE_PADDING = 12;\nconst randomNumberForAddBlocker = rand();\n\nexport const CustomModal = memo(\n  ({\n    visible,\n    title,\n    onCancel,\n    width,\n    wrapClassName,\n    zIndex,\n    style,\n    bodyStyle,\n    maskStyle,\n    maskClosable = true,\n    mask = true,\n    footer,\n    closeIcon,\n    destroyOnClose,\n    closable = true,\n    afterClose,\n    className,\n    contentPadding,\n    maxWidth,\n    hideBorder = true,\n    getContainer = false,\n    centered = true,\n    wrapperPadding,\n    fullPage,\n    placement,\n    borderRadius,\n    closeIconStyle,\n    renderCloseIconInMask = false,\n    children,\n    ...rest\n  }: TModalProps) => {\n    const [modalVisible, setModalVisible] = useState(visible);\n    const modalContainerRef = useRef<string | false>(getContainer);\n\n    useEffect(() => {\n      setModalVisible(visible);\n      modalContainerRef.current = getContainer || false;\n    }, [visible, getContainer]);\n\n    const handleClose = () => {\n      if (onCancel) {\n        onCancel();\n      } else {\n        closeModal();\n      }\n    };\n\n    const closeModal = () => {\n      if (destroyOnClose) {\n        setModalVisible(false);\n      }\n\n      if (afterClose && typeof afterClose === 'function') {\n        const timeout = setTimeout(() => {\n          afterClose();\n          clearTimeout(timeout);\n        }, AFTER_CLOSE_DELAY);\n      }\n    };\n\n    const handleMaskClick = () => {\n      if (maskClosable) {\n        handleClose();\n      }\n    };\n\n    const modalContent = (\n      <>\n        <div\n          {...rest}\n          className={cc([\n            'customModal',\n            {\n              visible: modalVisible,\n              customModal__notCentered: !centered,\n              customModal__left: placement === 'left',\n              customModal__right: placement === 'right',\n              customModal__top: placement === 'top',\n              customModal__bottom: placement === 'bottom'\n            },\n            `${randomNumberForAddBlocker}`\n          ])}\n          style={{ zIndex: zIndex ? zIndex : ZINDEX_HIGH_1, ...style }}\n        >\n          <div\n            className={cc([\n              'custom__modalContent',\n              {\n                [`${wrapClassName}`]: wrapClassName,\n                'custom__modalContent--mobile': isMobile()\n              }\n            ])}\n            style={{\n              width,\n              ...bodyStyle,\n              padding: `${contentPadding}px`,\n              maxWidth: `${maxWidth}${typeof maxWidth === 'string' ? '' : 'px'}`\n            }}\n          >\n            <div\n              className={className}\n              style={{\n                padding: wrapperPadding\n                  ? wrapperPadding\n                  : !isMobile()\n                  ? MODAL_WRAPPER_PADDING\n                  : MODAL_WRAPPER_MOBILE_PADDING,\n                border: `${\n                  hideBorder ? 'none' : '1px solid var(--v3-black-6)'\n                }`,\n                height: `${fullPage ? '100%' : 'unset'}`,\n                borderRadius: borderRadius\n                  ? borderRadius\n                  : 'var(--v3-border-radius-s)'\n              }}\n            >\n              {!renderCloseIconInMask && closable && (\n                <span\n                  style={closeIconStyle}\n                  className=\"custom__modalClose\"\n                  onClick={handleClose}\n                >\n                  {closeIcon}\n                </span>\n              )}\n              {!!title && (\n                <div className=\"custom__modalHeader\">\n                  <span>{title}</span>\n                </div>\n              )}\n              <div className=\"custom__modalBody\">{children}</div>\n              {footer}\n            </div>\n          </div>\n\n          {renderCloseIconInMask && closable && (\n            <span\n              style={closeIconStyle}\n              className=\"custom__modalClose\"\n              onClick={handleClose}\n            >\n              {closeIcon}\n            </span>\n          )}\n        </div>\n\n        {mask && (\n          <div\n            className={cc([\n              'custom__modalMask',\n              `${randomNumberForAddBlocker}`\n            ])}\n            style={maskStyle}\n            onClick={handleMaskClick}\n          />\n        )}\n      </>\n    );\n\n    return modalVisible ? (\n      <Portal rootId={modalContainerRef.current || ''}>{modalContent}</Portal>\n    ) : null;\n  }\n);\n"],"names":["SpringConfigs","IS_RTL","randomNumberForAddBlocker","rand","CustomModal","memo","_ref","visible","title","onCancel","width","wrapClassName","zIndex","style","bodyStyle","maskStyle","maskClosable","mask","footer","closeIcon","destroyOnClose","closable","afterClose","className","contentPadding","maxWidth","hideBorder","getContainer","centered","wrapperPadding","fullPage","placement","borderRadius","closeIconStyle","renderCloseIconInMask","children","rest","modalVisible","setModalVisible","useState","modalContainerRef","useRef","useEffect","current","handleClose","closeModal","timeout","setTimeout","clearTimeout","modalContent","_jsxs","_Fragment","cc","customModal__notCentered","customModal__left","customModal__right","customModal__top","customModal__bottom","ZINDEX_HIGH_1","_jsx","isMobile","padding","border","height","onClick","handleMaskClick","Portal","rootId"],"sourceRoot":""}