/*! ./QueryClientProvider.js */
/*! ./QueryErrorResetBoundary.js */
/*! ./cjs/react-jsx-runtime.development.js */
/*! ./errorBoundaryUtils.js */
/*! ./focusManager.js */
/*! ./infiniteQueryBehavior.js */
/*! ./isRestoring.js */
/*! ./mutation.js */
/*! ./mutationCache.js */
/*! ./notifyManager.js */
/*! ./onlineManager.js */
/*! ./query.js */
/*! ./queryCache.js */
/*! ./queryObserver.js */
/*! ./removable.js */
/*! ./retryer.js */
/*! ./subscribable.js */
/*! ./suspense.js */
/*! ./useBaseQuery.js */
/*! ./utils.js */
/*! @tanstack/query-core */
/*! @tanstack/react-query */
/*! react */
/*! react/jsx-runtime */
/*!**************************!*\
!*** external ["React"] ***!
\**************************/
/*!*******************************************!*\
!*** ./node_modules/react/jsx-runtime.js ***!
\*******************************************/
/*!******************************************************!*\
!*** ./node_modules/@elementor/query/dist/index.mjs ***!
\******************************************************/
/*!*****************************************************************!*\
!*** ./node_modules/@tanstack/query-core/build/modern/query.js ***!
\*****************************************************************/
/*!*****************************************************************!*\
!*** ./node_modules/@tanstack/query-core/build/modern/utils.js ***!
\*****************************************************************/
/*!*****************************************************************!*\
!*** ./node_modules/react/cjs/react-jsx-runtime.development.js ***!
\*****************************************************************/
/*!******************************************************************!*\
!*** ./node_modules/@tanstack/react-query/build/modern/utils.js ***!
\******************************************************************/
/*!*******************************************************************!*\
!*** ./node_modules/@tanstack/query-core/build/modern/retryer.js ***!
\*******************************************************************/
/*!********************************************************************!*\
!*** ./node_modules/@tanstack/query-core/build/modern/mutation.js ***!
\********************************************************************/
/*!*********************************************************************!*\
!*** ./node_modules/@tanstack/query-core/build/modern/removable.js ***!
\*********************************************************************/
/*!*********************************************************************!*\
!*** ./node_modules/@tanstack/react-query/build/modern/suspense.js ***!
\*********************************************************************/
/*!*********************************************************************!*\
!*** ./node_modules/@tanstack/react-query/build/modern/useQuery.js ***!
\*********************************************************************/
/*!**********************************************************************!*\
!*** ./node_modules/@tanstack/query-core/build/modern/queryCache.js ***!
\**********************************************************************/
/*!***********************************************************************!*\
!*** ./node_modules/@tanstack/query-core/build/modern/queryClient.js ***!
\***********************************************************************/
/*!************************************************************************!*\
!*** ./node_modules/@tanstack/query-core/build/modern/focusManager.js ***!
\************************************************************************/
/*!************************************************************************!*\
!*** ./node_modules/@tanstack/query-core/build/modern/subscribable.js ***!
\************************************************************************/
/*!************************************************************************!*\
!*** ./node_modules/@tanstack/react-query/build/modern/isRestoring.js ***!
\************************************************************************/
/*!************************************************************************!*\
!*** ./node_modules/@tanstack/react-query/build/modern/useMutation.js ***!
\************************************************************************/
/*!*************************************************************************!*\
!*** ./node_modules/@tanstack/query-core/build/modern/mutationCache.js ***!
\*************************************************************************/
/*!*************************************************************************!*\
!*** ./node_modules/@tanstack/query-core/build/modern/notifyManager.js ***!
\*************************************************************************/
/*!*************************************************************************!*\
!*** ./node_modules/@tanstack/query-core/build/modern/onlineManager.js ***!
\*************************************************************************/
/*!*************************************************************************!*\
!*** ./node_modules/@tanstack/query-core/build/modern/queryObserver.js ***!
\*************************************************************************/
/*!*************************************************************************!*\
!*** ./node_modules/@tanstack/react-query/build/modern/useBaseQuery.js ***!
\*************************************************************************/
/*!****************************************************************************!*\
!*** ./node_modules/@tanstack/query-core/build/modern/mutationObserver.js ***!
\****************************************************************************/
/*!*****************************************************************************!*\
!*** ./node_modules/@tanstack/react-query/build/modern/useInfiniteQuery.js ***!
\*****************************************************************************/
/*!*******************************************************************************!*\
!*** ./node_modules/@tanstack/react-query/build/modern/errorBoundaryUtils.js ***!
\*******************************************************************************/
/*!********************************************************************************!*\
!*** ./node_modules/@tanstack/react-query/build/modern/QueryClientProvider.js ***!
\********************************************************************************/
/*!*********************************************************************************!*\
!*** ./node_modules/@tanstack/query-core/build/modern/infiniteQueryBehavior.js ***!
\*********************************************************************************/
/*!*********************************************************************************!*\
!*** ./node_modules/@tanstack/query-core/build/modern/infiniteQueryObserver.js ***!
\*********************************************************************************/
/*!************************************************************************************!*\
!*** ./node_modules/@tanstack/react-query/build/modern/QueryErrorResetBoundary.js ***!
\************************************************************************************/
/*! ./QueryClientProvider.js */
/*! ./QueryErrorResetBoundary.js */
/*! ./cjs/react-jsx-runtime.development.js */
/*! ./errorBoundaryUtils.js */
/*! ./focusManager.js */
/*! ./infiniteQueryBehavior.js */
/*! ./isRestoring.js */
/*! ./mutation.js */
/*! ./mutationCache.js */
/*! ./notifyManager.js */
/*! ./onlineManager.js */
/*! ./query.js */
/*! ./queryCache.js */
/*! ./queryObserver.js */
/*! ./removable.js */
/*! ./retryer.js */
/*! ./subscribable.js */
/*! ./suspense.js */
/*! ./useBaseQuery.js */
/*! ./utils.js */
/*! @tanstack/query-core */
/*! @tanstack/react-query */
/*! react */
/*! react/jsx-runtime */
/*!**************************!*\
!*** external ["React"] ***!
\**************************/
/*!*******************************************!*\
!*** ./node_modules/react/jsx-runtime.js ***!
\*******************************************/
/*!******************************************************!*\
!*** ./node_modules/@elementor/query/dist/index.mjs ***!
\******************************************************/
/*!*****************************************************************!*\
!*** ./node_modules/@tanstack/query-core/build/modern/query.js ***!
\*****************************************************************/
/*!*****************************************************************!*\
!*** ./node_modules/@tanstack/query-core/build/modern/utils.js ***!
\*****************************************************************/
/*!*****************************************************************!*\
!*** ./node_modules/react/cjs/react-jsx-runtime.development.js ***!
\*****************************************************************/
/*!******************************************************************!*\
!*** ./node_modules/@tanstack/react-query/build/modern/utils.js ***!
\******************************************************************/
/*!*******************************************************************!*\
!*** ./node_modules/@tanstack/query-core/build/modern/retryer.js ***!
\*******************************************************************/
/*!********************************************************************!*\
!*** ./node_modules/@tanstack/query-core/build/modern/mutation.js ***!
\********************************************************************/
/*!*********************************************************************!*\
!*** ./node_modules/@tanstack/query-core/build/modern/removable.js ***!
\*********************************************************************/
/*!*********************************************************************!*\
!*** ./node_modules/@tanstack/react-query/build/modern/suspense.js ***!
\*********************************************************************/
/*!*********************************************************************!*\
!*** ./node_modules/@tanstack/react-query/build/modern/useQuery.js ***!
\*********************************************************************/
/*!**********************************************************************!*\
!*** ./node_modules/@tanstack/query-core/build/modern/queryCache.js ***!
\**********************************************************************/
/*!***********************************************************************!*\
!*** ./node_modules/@tanstack/query-core/build/modern/queryClient.js ***!
\***********************************************************************/
/*!************************************************************************!*\
!*** ./node_modules/@tanstack/query-core/build/modern/focusManager.js ***!
\************************************************************************/
/*!************************************************************************!*\
!*** ./node_modules/@tanstack/query-core/build/modern/subscribable.js ***!
\************************************************************************/
/*!************************************************************************!*\
!*** ./node_modules/@tanstack/react-query/build/modern/isRestoring.js ***!
\************************************************************************/
/*!************************************************************************!*\
!*** ./node_modules/@tanstack/react-query/build/modern/useMutation.js ***!
\************************************************************************/
/*!*************************************************************************!*\
!*** ./node_modules/@tanstack/query-core/build/modern/mutationCache.js ***!
\*************************************************************************/
/*!*************************************************************************!*\
!*** ./node_modules/@tanstack/query-core/build/modern/notifyManager.js ***!
\*************************************************************************/
/*!*************************************************************************!*\
!*** ./node_modules/@tanstack/query-core/build/modern/onlineManager.js ***!
\*************************************************************************/
/*!*************************************************************************!*\
!*** ./node_modules/@tanstack/query-core/build/modern/queryObserver.js ***!
\*************************************************************************/
/*!*************************************************************************!*\
!*** ./node_modules/@tanstack/react-query/build/modern/useBaseQuery.js ***!
\*************************************************************************/
/*!****************************************************************************!*\
!*** ./node_modules/@tanstack/query-core/build/modern/mutationObserver.js ***!
\****************************************************************************/
/*!*****************************************************************************!*\
!*** ./node_modules/@tanstack/react-query/build/modern/useInfiniteQuery.js ***!
\*****************************************************************************/
/*!*******************************************************************************!*\
!*** ./node_modules/@tanstack/react-query/build/modern/errorBoundaryUtils.js ***!
\*******************************************************************************/
/*!********************************************************************************!*\
!*** ./node_modules/@tanstack/react-query/build/modern/QueryClientProvider.js ***!
\********************************************************************************/
/*!*********************************************************************************!*\
!*** ./node_modules/@tanstack/query-core/build/modern/infiniteQueryBehavior.js ***!
\*********************************************************************************/
/*!*********************************************************************************!*\
!*** ./node_modules/@tanstack/query-core/build/modern/infiniteQueryObserver.js ***!
\*********************************************************************************/
/*!************************************************************************************!*\
!*** ./node_modules/@tanstack/react-query/build/modern/QueryErrorResetBoundary.js ***!
\************************************************************************************/
import React, { useEffect } from 'react'
import Modal from 'react-modal'
import ImportPhotoButton from '../Buttons/ImportPhotoButton'
import ModalEnvatoIcon from './ModalEnvatoIcon'
import styles from './PhotoModalWrapper.module.scss'
const customStyles = {
overlay: {
backgroundColor: 'rgba(32, 32, 32, 0.81)',
zIndex: 199999
},
content: {
background: '#f1f1f1',
border: '0',
top: '50%',
left: '50%',
right: 'auto',
bottom: 'auto',
marginRight: '-50%',
padding: '0',
transform: 'translate(-50%, -50%)',
borderRadius: '4px'
}
}
const PhotoModalWrapper = ({ photoId, photoTitle, isOpen, onCloseCallback = null, children }) => {
const [modalIsOpen, setModalIsOpen] = React.useState(false)
const closeModal = () => {
setModalIsOpen(false)
if (onCloseCallback) {
onCloseCallback()
}
}
useEffect(() => {
// If our `isOpen` prop changes we set our local open state value respectively.
// This allows the user to dismiss our modal by only modifying local state.
if (isOpen) {
setModalIsOpen(true)
}
}, [isOpen])
// Make sure to bind modal to your appElement (http://reactcommunity.org/react-modal/accessibility/)
// We get window.envatoElements.modalAppHolder from our initial render in main.jsx:
if (typeof window !== 'undefined' && window.envatoElements && window.envatoElements.modalAppHolder) {
Modal.setAppElement(window.envatoElements.modalAppHolder)
}
return (
{typeof children === 'function' ? children({ closeModal }) : children}
)
}
export default PhotoModalWrapper
(function(a){a(function(){var b=false;a("input, textarea, select, checkbox").change(function(){b=true});a(".wpm-nav-tab-wrapper a").click(function(){if(b){window.onbeforeunload=function(){return wpm_settings_params.nav_warning}}else{window.onbeforeunload=""}});a(".submit input").click(function(){window.onbeforeunload=""})})})(jQuery);
A2 Nexus | Where Services Speaks Louder Than Words
Skip to content