react-filerobot-video-editor/lib/components/common/ConfirmationModals/ConfirmationModal.js

React component version of filerobot video editor (FVE).

import _defineProperty from"@babel/runtime/helpers/defineProperty";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import React,{useState}from"react";import{Warning}from"@scaleflex/icons";import{useTheme}from"@scaleflex/ui/theme/hooks";import{useStore}from"../../../hooks";import Modal from"../Modal";var WarningIcon=function(){var a=useTheme();return React.createElement(Warning,{color:a.palette.warning,size:25})},ConfirmationModal=function(a){var b=a.children,c=a.eventName,d=void 0===c?"onClick":c,e=a.onEventName,f=a.onClick,g=a.icon,h=a.doneButtonLabel,i=a.doneButtonColor,j=void 0===i?"warning-primary":i,k=a.onConfirm,l=a.title,m=a.hint,n=useStore(),o=n.t,p=useState(!1),q=_slicedToArray(p,2),r=q[0],s=q[1],t=function(){s(!1)};return React.createElement(React.Fragment,null,React.cloneElement(b,_defineProperty({},d,e||function(){s(!0),"function"==typeof f&&f()})),r&&React.createElement(Modal,{title:l||o("discardChanges"),hint:m||o("discardChangesWarningHint"),isOpened:r,onCancel:t,onDone:function(){if("function"==typeof k){var a=k();if(a instanceof Promise)return void a.then(t)}t()},Icon:g||WarningIcon,doneLabel:h||o("confirm"),doneButtonColor:j,cancelLabel:o("cancel"),width:"400px",isWarning:!0}))};export default ConfirmationModal;