File: /var/www/elpuerto/html/wp-content/plugins/really-simple-ssl/settings/src/LetsEncrypt/Directories.js
import {__} from '@wordpress/i18n';
import * as rsssl_api from "../utils/api";
import {dispatch} from '@wordpress/data';
import {useUpdateEffect} from 'react-use';
import sleeper from "../utils/sleeper";
import Hyperlink from "../utils/Hyperlink";
import {
Button,
} from '@wordpress/components';
import useFields from "../Settings/FieldsData";
import useMenu from "../Menu/MenuData";
const Directories = (props) => {
const {addHelpNotice, updateField, setChangedField, saveFields, fetchFieldsData} = useFields();
const { setSelectedSubMenuItem} = useMenu();
let action = props.action;
useUpdateEffect(() => {
if ((action && action.action === 'challenge_directory_reachable' && action.status === 'error')) {
addHelpNotice(
props.field.id,
'default',
__("The challenge directory is used to verify the domain ownership.", "really-simple-ssl"),
);
}
if ((action && action.action === 'check_key_directory' && action.status === 'error')) {
addHelpNotice(
props.field.id,
'default',
__("The key directory is needed to store the generated keys.", "really-simple-ssl") + ' ' + __("By placing it outside the root folder, it is not publicly accessible.", "really-simple-ssl"),
);
}
if ((action && action.action === 'check_certs_directory' && action.status === 'error')) {
addHelpNotice(
props.field.id,
'default',
__("The certificate will get stored in this directory.", "really-simple-ssl") + ' ' + __("By placing it outside the root folder, it is not publicly accessible.", "really-simple-ssl"),
);
}
});
if ( !action ) {
return (<></>);
}
const handleSwitchToDNS = async () => {
updateField('verification_type', 'dns');
setChangedField('verification_type', 'dns');
await saveFields(true, true);
await rsssl_api.runLetsEncryptTest('update_verification_type', 'dns').then((response) => {
const notice = dispatch('core/notices').createNotice(
'success',
__('Switched to DNS', 'really-simple-ssl'),
{
__unstableHTML: true,
id: 'rsssl_switched_to_dns',
type: 'snackbar',
isDismissible: true,
}
).then(sleeper(3000)).then((response) => {
dispatch('core/notices').removeNotice('rsssl_switched_to_dns');
});
});
await setSelectedSubMenuItem('le-dns-verification');
await fetchFieldsData('le-directories');
}
return (
<div className="rsssl-test-results">
{action.status === 'error' && <h4>{__("Next step", "really-simple-ssl")}</h4>}
{(action.status === 'error' && action.action === 'challenge_directory_reachable') &&
<div>
<p>
{__("If the challenge directory cannot be created, or is not reachable, you can either remove the server limitation, or change to DNS verification.", "really-simple-ssl")}
</p>
<Button
variant="secondary"
onClick={() => handleSwitchToDNS()}
>
{__('Switch to DNS verification', 'really-simple-ssl')}
</Button>
</div>
}
{rsssl_settings.hosting_dashboard === 'cpanel' &&
<><p>
<Hyperlink target="_blank"
text={__("If you also want to secure subdomains like mail.domain.com, cpanel.domain.com, you have to use the %sDNS%s challenge.", "really-simple-ssl")}
url="https://really-simple-ssl.com/lets-encrypt-authorization-with-dns"/>
{__("Please note that auto-renewal with a DNS challenge might not be possible.", "really-simple-ssl")}
</p>
<Button
variant="secondary"
onClick={() => handleSwitchToDNS()}
>{__('Switch to DNS verification', 'really-simple-ssl')}</Button></>
}
{(action.status === 'error' && action.action === 'check_challenge_directory') &&
<div>
<h4>
{__("Create a challenge directory", "really-simple-ssl")}
</h4>
<p>
{__("Navigate in FTP or File Manager to the root of your WordPress installation:", "really-simple-ssl")}
</p>
<ul>
<li className="rsssl-tooltip-icon dashicons-before rsssl-icon arrow-right-alt2 dashicons-arrow-right-alt2">
{__('Create a folder called “.well-known”', 'really-simple-ssl')}
</li>
<li className="rsssl-tooltip-icon dashicons-before rsssl-icon arrow-right-alt2 dashicons-arrow-right-alt2">
{__('Inside the folder called “.well-known” create a new folder called “acme-challenge”, with 644 writing permissions.', 'really-simple-ssl')}
</li>
<li className="rsssl-tooltip-icon dashicons-before rsssl-icon arrow-right-alt2 dashicons-arrow-right-alt2">
{__('Click the refresh button.', 'really-simple-ssl')}
</li>
</ul>
<h4>
{__("Or you can switch to DNS verification", "really-simple-ssl")}
</h4>
<p>{__("If the challenge directory cannot be created, you can either remove the server limitation, or change to DNS verification.", "really-simple-ssl")}</p>
<Button
variant="secondary"
onClick={() => handleSwitchToDNS()}
>
{__('Switch to DNS verification', 'really-simple-ssl')}
</Button>
</div>
}
{(action.status === 'error' && action.action === 'check_key_directory') &&
<div>
<h4>
{__("Create a key directory", "really-simple-ssl")}
</h4>
<p>
{__("Navigate in FTP or File Manager to one level above the root of your WordPress installation:", "really-simple-ssl")}
</p>
<ul>
<li className="rsssl-tooltip-icon dashicons-before rsssl-icon arrow-right-alt2 dashicons-arrow-right-alt2">
{__('Create a folder called “ssl”', 'really-simple-ssl')}
</li>
<li className="rsssl-tooltip-icon dashicons-before rsssl-icon arrow-right-alt2 dashicons-arrow-right-alt2">
{__('Inside the folder called “ssl” create a new folder called “keys”, with 644 writing permissions.', 'really-simple-ssl')}
</li>
<li className="rsssl-tooltip-icon dashicons-before rsssl-icon arrow-right-alt2 dashicons-arrow-right-alt2">
{__('Click the refresh button.', 'really-simple-ssl')}
</li>
</ul>
</div>
}
{(action.status === 'error' && action.action === 'check_certs_directory') &&
<div>
<h4>
{__("Create a certs directory", "really-simple-ssl")}
</h4>
<p>
{__("Navigate in FTP or File Manager to one level above the root of your WordPress installation:", "really-simple-ssl")}
</p>
<ul>
<li className="rsssl-tooltip-icon dashicons-before rsssl-icon arrow-right-alt2 dashicons-arrow-right-alt2">
{__('Create a folder called “ssl”', 'really-simple-ssl')}
</li>
<li className="rsssl-tooltip-icon dashicons-before rsssl-icon arrow-right-alt2 dashicons-arrow-right-alt2">
{__('Inside the folder called “ssl” create a new folder called “certs”, with 644 writing permissions.', 'really-simple-ssl')}
</li>
<li className="rsssl-tooltip-icon dashicons-before rsssl-icon arrow-right-alt2 dashicons-arrow-right-alt2">
{__('Click the refresh button.', 'really-simple-ssl')}
</li>
</ul>
</div>
}
</div>
)
}
export default Directories;