Graybyt3 Was Here

Linux webd484.cluster031.gra.hosting.ovh.net 5.15.148-ovh-vps-grsec-zfs-classid #1 SMP Thu Feb 8 09:41:04 UTC 2024 x86_64
Apache
10.31.41.230

File Name : TwoFaRolesDropDown.js

import {useRef, useEffect, useState} from '@wordpress/element';
import Select from 'react-select';
import useFields from "../FieldsData";
import useRolesData from './RolesStore';
import {__} from "@wordpress/i18n";
import './select.scss';

/**
 * TwoFaRolesDropDown component represents a dropdown select for excluding roles
 * from two-factor authentication email.
 * @param {object} field - The field object containing information about the field.
 * @param forcedRoledId
 * @param optionalRolesId
 */
const TwoFaRolesDropDown = ({ field, forcedRoledId, optionalRolesId }) => {
    const {fetchRoles, roles, rolesLoaded} = useRolesData();
    const [selectedRoles, setSelectedRoles] = useState([]);
    const [otherRoles, setOtherRoles] = useState([]);
    // Custom hook to manage form fields
    const { updateField, getFieldValue, setChangedField, getField, fieldsLoaded, showSavedSettingsNotice, saveField } = useFields();

let enabled = true;

useEffect(() => {
        if (!rolesLoaded) {
            fetchRoles(field.id);
        }

}, [rolesLoaded]);

useEffect(() => {
        if ( field.id === forcedRoledId ) {
            let otherField = getField(optionalRolesId);
            let roles = Array.isArray(otherField.value) ? otherField.value : [];
            setOtherRoles(roles);
        } else {
            let otherField = getField(forcedRoledId);
            let roles = Array.isArray(otherField.value) ? otherField.value : [];
            setOtherRoles(roles);
        }
    }, [selectedRoles, getField(optionalRolesId), getField(forcedRoledId)]);

useEffect(() => {
       if ( !field.value ) {
            setChangedField(field.id, field.default);
            updateField(field.id, field.default);
            setSelectedRoles(field.default.map((role, index) => ({ value: role, label: role.charAt(0).toUpperCase() + role.slice(1) })));
       } else {
           setSelectedRoles(field.value.map((role, index) => ({ value: role, label: role.charAt(0).toUpperCase() + role.slice(1) })));

}
    },[fieldsLoaded]);

/**
     * Handles the change event of the react-select component.
     * @param {array} selectedOptions - The selected options from the dropdown.
     */
    const handleChange = (selectedOptions) => {
        // Extract the values of the selected options
        const rolesExcluded = selectedOptions.map(option => option.value);

// Check if the roles enabled are also set, if not show a warning
        let rolesEnabledEmail = getFieldValue('two_fa_enabled_roles_email');
        let rolesEnabledTotp = getFieldValue('two_fa_enabled_roles_totp');
        let rolesEnabled = rolesEnabledEmail.concat(rolesEnabledTotp);

// Check if the roles enabled also contains the selectedOptions
        let rolesEnabledContainsSelected = rolesEnabled.filter(role => selectedOptions.map(option => option.value).includes(role));

if ( rolesEnabledContainsSelected.length === 0 && selectedOptions.length > 0 ) {
            showSavedSettingsNotice(__('You have enforced 2FA, but not configured any methods.', 'really-simple-ssl'), 'error');
        } else {
            // Checking each role if it is in the rolesEnabled array
            selectedOptions.forEach(role => {
                //the role.value needs to be in the rolesEnabled array
                if ( !rolesEnabled.includes(role.value) ) {
                    // showing an error when the role is not in the rolesEnabled array, with the role name
                    showSavedSettingsNotice(__('You have enforced 2FA, but not configured any methods for the role: ', 'really-simple-ssl') + role.label, 'error');
                }
            });
        }

// Update the selectedRoles state
        setSelectedRoles(selectedOptions);

// Update the field and changedField using the custom hook functions
        updateField(field.id, rolesExcluded);
        setChangedField(field.id, rolesExcluded);
    };

const customStyles = {
        multiValue: (provided) => ({
            ...provided,
            borderRadius: '10px',
            backgroundColor: field.id === forcedRoledId ? '#F5CD54' :
                field.id === optionalRolesId ? '#FDF5DC' : 'default',
        }),
        multiValueRemove: (base, state) => ({
            ...base,
            color: state.isHovered ? 'initial' : base.color,
            opacity: '0.7',
            ':hover': {
                backgroundColor: 'initial',
                color: 'initial',
                opacity: '1',
            },
        })
    };

if (field.id === optionalRolesId) {
        enabled = getFieldValue('login_protection_enabled');
    }

return (
        <div style={{marginTop: '5px'}}>
            <Select
                isMulti
                options={filteredRoles}
                onChange={handleChange}
                value={selectedRoles}
                menuPosition={"fixed"}
                styles={customStyles}
                isDisabled={!getFieldValue('login_protection_enabled')}
            />
        </div>
    );
};

export default TwoFaRolesDropDown;

System Information
*ReClick For Close
File : BlackDragon /index.php

Name	Type	Size	Owner/Group	Permission	Last Modified	Actions
.	dir	-	uwukycr/users	0555	2024-10-12 06:34:04
..	dir	-	uwukycr/users	0555	2024-10-12 06:34:04
.htaccess	text/plain	123 B	uwukycr/users	0555	2024-10-12 06:34:04
RolesStore.js	text/x-java	1.31 KB	uwukycr/users	0555	2024-10-12 06:33:40
TwoFaDataTable.js	text/x-java	11.82 KB	uwukycr/users	0555	2024-10-12 06:33:40
TwoFaDataTableStore.js	text/x-java	4.38 KB	uwukycr/users	0555	2024-10-12 06:33:40
TwoFaEnabledDropDown.js	text/x-java	4.94 KB	uwukycr/users	0555	2024-10-12 06:33:40
TwoFaRolesDropDown.js	text/x-java	5.43 KB	uwukycr/users	0555	2024-10-12 06:33:40
select.scss	text/plain	42 B	uwukycr/users	0555	2024-10-12 06:33:40