ULTRA [ growontech.com ]

Linux premium216.web-hosting.com 4.18.0-513.18.1.lve.el8.x86_64 #1 SMP Thu Feb 22 12:55:50 UTC 2024 x86_64

LiteSpeed

66.29.141.148 | Your IP: 3.131.90.193

Cant read [ /etc/named.conf ]

[ drwxr-xr-x ]

/ home / growfhjh / www / wp-content / plugins / envato-elements / trunk / src / js / react / components / Buttons /

Home Upload Mass Deface Mass Delete Back Connect Notify

ImportFreeBlockButton.jsx

import React, { useEffect, useState } from 'react'
import Button from './Button'
import useGlobalConfig from '../Contexts/useGlobalConfig'
import ExternalLinkButton from './ExternalLinkButton'
import ImportElementorTemplateImages from '../Actions/ImportElementorTemplateImages'
import { getImportedTemplateUrl } from '../../utils/linkGenerator'
import importFreeBlock from '../../api/importFreeBlock'

const ImportTemplateInBackground = ({ blockId, jsonUrl, importAgain, insertToPage, completeCallback }) => {
  const { loading, error, data } = importFreeBlock({ blockId, jsonUrl, importAgain, insertToPage })

useEffect(() => {
    if (!loading && !error && data && data.imported_template_id) {
      // If we have finished loading (i.e. importing the template has finished)
      completeCallback(data)
    }
  }, [loading])

return null
}

const GetTemplateData = ({ jsonUrl, completeCallback }) => {
  const [jsonData, setJsonData] = useState(null)

useEffect(() => {
    if (jsonData) {
      completeCallback(jsonData)
    }
  }, [jsonData])

useEffect(() => {
    fetch(jsonUrl, {
      method: 'get'
    }).then(response => {
      response.json().then(responseJson => {
        setJsonData(responseJson)
      })
    })
  }, [])

return null
}

/**
 * Helper to render a series of buttons to install a template kit.
 *
 * @param blockId
 * @param jsonUrl
 * @param importedBlockId
 * @returns {*}
 * @constructor
 */
const ImportFreeBlockButton = ({ blockId, jsonUrl, importedBlockId }) => {
  // Determines what type of mode we're in, this changes the button we choose to render on each templates kit.
  const { addDownloadedItem, getMagicButtonMode } = useGlobalConfig()
  const magicButtonMode = getMagicButtonMode()
  const isElementorMagicMode = magicButtonMode && magicButtonMode.mode === 'elementorMagicButton'

// Here we store the ID number of the latest imported template.
  // We use this ID further down to generate a URL to the installed template and show that in a button to the user
  const [importedTemplateId, setImportedTemplateId] = useState(importedBlockId)
  // This is the JSON data for the Template we wish to import:
  const [templateDataToImport, setTemplateDataToImport] = useState(null)
  // This is the progress percent (stored as 0.4 for 40%) for the import process, reflected in the button label:
  const [importProgress, setImportProgress] = useState(0)
  // This is the import state we used to control what buttons are visible / what react hooks we mount in:
  const [importState, setImportState] = useState('idle')
  // This decides if we should import the templatea gain a second time.
  const [importTemplateAgain, setImportTemplateAgain] = useState(false)

// This is the button the user clicks when they wish to start importing a template:
  let StartImportButton = null
  if (isElementorMagicMode) {
    // We're in magic button mode. Always show a 'insert template' button even if already imported before
    StartImportButton = (
      <Button
        type='primary'
        label='Insert Template'
        icon='plus'
        onClick={() => {
          setImportProgress(0)
          setImportState('importingFetchJsonData')
        }}
      />
    )
  } else if (importedTemplateId) {
    // We've imported this blog before, show an import again button
    StartImportButton = (
      <Button
        type='ghost'
        label='Import Again'
        icon='plus'
        onClick={() => {
          setImportProgress(0)
          setImportTemplateAgain(true)
          setImportState('importingFetchJsonData')
        }}
      />
    )
  } else {
    StartImportButton = (
      <Button
        type='primary'
        label='Import Template'
        icon='plus'
        onClick={() => {
          setImportProgress(0)
          setImportState('importingFetchJsonData')
        }}
      />
    )
  }
  // This is the importing button we display to the user during the import process:
  const ImportingButton = <Button type='primary' label={`Importing ${Math.round(importProgress * 100)}%`} icon='updateSpinning' disabled />
  // This is the button that goes to imported template:
  const ImportedTemplateButton = <ExternalLinkButton href={getImportedTemplateUrl({ importedTemplateId })} type='primary' label='View Template' icon='eye' openNewWindow />

return (
    <>
      {importedTemplateId && !isElementorMagicMode ? ImportedTemplateButton : null}
      {importState === 'idle' ? StartImportButton : null}
      {importState === 'importingFetchJsonData' || importState === 'importingImages' || importState === 'importingTemplate' ? ImportingButton : null}

{importState === 'importingFetchJsonData'
        ? (
          <GetTemplateData
            jsonUrl={jsonUrl}
            completeCallback={(data) => {
            // This means we've collected the Elementor JSOn data correctly, time to import these images:
              setTemplateDataToImport(data)
              setImportState('importingImages')
            }}
          />
          )
        : null}
      {importState === 'importingImages'
        ? (
          <ImportElementorTemplateImages
            templateData={templateDataToImport}
            progressCallback={(importProgress) => {
              setImportProgress(importProgress)
            }}
            completeCallback={() => {
            // This means we've imported the template images correctly, time to fire off the final json import.
              setImportState('importingTemplate')
            }}
          />
          )
        : null}
      {importState === 'importingTemplate'
        ? (
          <ImportTemplateInBackground
            blockId={blockId}
            jsonUrl={jsonUrl}
            importAgain={importTemplateAgain}
            insertToPage={isElementorMagicMode}
            completeCallback={(data) => {
            // This means the final template import has been completed and we have a template ID ready to go
              if (data && data.imported_template_id) {
                setImportProgress(1)
                addDownloadedItem({ humaneId: blockId, importedId: data.imported_template_id })
                setTimeout(() => {
                  setImportedTemplateId(data.imported_template_id)
                  setImportState('idle')
                }, 300)

// Fire off the magic button insert callback if it exists
                if (isElementorMagicMode && magicButtonMode.insertCallback && typeof magicButtonMode.insertCallback === 'function') {
                  magicButtonMode.insertCallback(data)
                }
              }
            }}
          />
          )
        : null}
    </>
  )
}

export default ImportFreeBlockButton

Name	Type	Size	Owner/Group	Permission	Last Modified	Actions
.	dir	-	growfhjh/growfhjh	drwxr-xr-x	2024-12-12 11:29:36
..	dir	-	growfhjh/growfhjh	drwxr-xr-x	2024-12-12 11:29:36
ActivateButton.jsx	text/plain	837 B	growfhjh/growfhjh	-rw-r--r--	2023-04-17 11:18:18
Button.jsx	text/plain	779 B	growfhjh/growfhjh	-rw-r--r--	2020-05-12 04:22:48
ButtonElement.jsx	text/plain	1.25 KB	growfhjh/growfhjh	-rw-r--r--	2020-05-12 04:22:48
ButtonElement.module.scss	text/plain	1.32 KB	growfhjh/growfhjh	-rw-r--r--	2024-08-01 08:07:14
ButtonIconAndLabel.jsx	text/plain	1.06 KB	growfhjh/growfhjh	-rw-r--r--	2020-05-12 04:22:48
ButtonIconAndLabel.module.scss	text/plain	302 B	growfhjh/growfhjh	-rw-r--r--	2020-08-30 02:32:02
ButtonWrapper.jsx	text/plain	209 B	growfhjh/growfhjh	-rw-r--r--	2020-05-12 04:22:48
ButtonWrapper.module.scss	text/plain	143 B	growfhjh/growfhjh	-rw-r--r--	2020-08-30 02:32:02
Buttons.stories.jsx	text/plain	2.24 KB	growfhjh/growfhjh	-rw-r--r--	2020-05-12 04:22:48
Dashicons.stories.jsx	text/plain	456 B	growfhjh/growfhjh	-rw-r--r--	2020-05-12 04:22:48
DeleteTemplateKit.jsx	text/plain	1.47 KB	growfhjh/growfhjh	-rw-r--r--	2020-05-12 04:22:48
DismissBanner.jsx	text/plain	1.36 KB	growfhjh/growfhjh	-rw-r--r--	2020-05-12 04:22:48
DismissBanner.module.scss	text/plain	75 B	growfhjh/growfhjh	-rw-r--r--	2020-05-12 04:22:48
ExternalLink.jsx	text/html	180 B	growfhjh/growfhjh	-rw-r--r--	2020-05-12 04:22:48
ExternalLinkButton.jsx	text/plain	823 B	growfhjh/growfhjh	-rw-r--r--	2020-05-12 04:22:48
ImportFreeBlockButton.jsx	text/plain	6.55 KB	growfhjh/growfhjh	-rw-r--r--	2023-04-17 11:18:18
ImportPhotoButton.jsx	text/plain	2.67 KB	growfhjh/growfhjh	-rw-r--r--	2020-05-12 04:22:48
ImportSingleTemplate.jsx	text/plain	6.13 KB	growfhjh/growfhjh	-rw-r--r--	2023-04-17 11:18:18
ImportSingleTemplate.stories.jsx	text/plain	2.46 KB	growfhjh/growfhjh	-rw-r--r--	2020-05-19 03:14:08
InstallFreeTemplateKitButton.jsx	text/plain	1.85 KB	growfhjh/growfhjh	-rw-r--r--	2020-05-12 04:22:48
InstallPremiumTemplateKitButton.jsx	text/plain	1.83 KB	growfhjh/growfhjh	-rw-r--r--	2020-05-12 04:22:48
InternalLink.jsx	text/plain	182 B	growfhjh/growfhjh	-rw-r--r--	2020-05-12 04:22:48
InternalLinkButton.jsx	text/plain	642 B	growfhjh/growfhjh	-rw-r--r--	2020-05-12 04:22:48
NavigationConnectButton.jsx	text/plain	1.22 KB	growfhjh/growfhjh	-rw-r--r--	2024-08-01 08:07:14
ResetUserSettings.jsx	text/plain	1.37 KB	growfhjh/growfhjh	-rw-r--r--	2020-05-12 04:22:48
UploadTemplateKitButton.jsx	text/plain	1.43 KB	growfhjh/growfhjh	-rw-r--r--	2023-04-17 11:18:18
UploadTemplateKitButton.module.scss	text/plain	186 B	growfhjh/growfhjh	-rw-r--r--	2020-05-12 04:22:48
WordPressLink.jsx	text/html	308 B	growfhjh/growfhjh	-rw-r--r--	2020-05-12 04:22:48