import {memo, useState} from "@wordpress/element";
import * as cmplz_api from '../../utils/api';
import useFields from '../Fields/FieldsData';
import useMenu from '../../Menu/MenuData';
import {
__experimentalConfirmDialog as ConfirmDialog
} from '@wordpress/components';
import {UseCookieScanData} from "../CookieScan/CookieScanData";
import useProgress from "../../Dashboard/Progress/ProgressData";
const Button = ({
type = 'action',
style = 'tertiary',
label,
onClick,
href = '',
target = '',
disabled,
action,
field,
children
}) =>
{
if ( !label && !children ) return null;
const buttonLabel = field && field.button_text ? field.button_text : label;
const content = buttonLabel ? buttonLabel : children;
const {fetchFieldsData, showSavedSettingsNotice} = useFields();
const {setInitialLoadCompleted, setProgress} = UseCookieScanData();
const {setProgressLoaded} = useProgress();
const {selectedSubMenuItem } = useMenu();
const [ isOpen, setIsOpen ] = useState( false );
const classes = `button cmplz-button button--${style} button-${type}`;
const clickHandler = async (e) => {
if (type === 'action' && onClick) {
onClick(e);
return;
}
if (type === 'action' && action) {
//wordpress <6.0 does not have the confirmdialog component
if ( !ConfirmDialog ) {
await executeAction();
return;
}
if (field && field.warn) {
setIsOpen( true );
} else {
await executeAction();
}
return;
}
window.location.href=field.url;
}
const handleConfirm = async () => {
setIsOpen( false );
await executeAction();
};
const handleCancel = () => {
setIsOpen( false );
};
const executeAction = async (e) => {
let data = {};
await cmplz_api.doAction(field.action, data).then((response) => {
if (response.success) {
fetchFieldsData(selectedSubMenuItem);
//some custom actions
if (response.id === 'reset_settings') {
setInitialLoadCompleted(false);
setProgress(0);
setProgressLoaded(false);
}
showSavedSettingsNotice(response.message);
}
});
}
const warningText = field && field.warn ? field.warn : '';
if ( type === 'action' ) {
return (
<>
{ConfirmDialog && <ConfirmDialog
isOpen={ isOpen }
onConfirm={ handleConfirm }
onCancel={ handleCancel }
>
{warningText}
</ConfirmDialog> }
{/*Commented out because the below still needs css */}
{/*<AreYouSureModal isOpen={isOpen} onConfirm={handleConfirm} onCancel={handleCancel} >*/}
{/* {warningText}*/}
{/*</AreYouSureModal>*/}
<button
className={classes}
onClick={clickHandler}
disabled={disabled}
>
{content}
</button>
</>
)
}
if (type === 'link') {
return (
<a
className={classes}
href={href}
target={target}
>
{content}
</a>
)
}
}
export default memo(Button);
ما بقاش الذكاء الاصطناعي مجرد خيال علمي أو تطور مستنيينه في المستقبل… لأ، ده بقى واقع عايشينه كل يوم، وبيأثر بشكل مباشر على شغلنا، ومهاراتنا، وحتى على الوظايف نفسها. في الفيديو ده، هنتكلم عن إزاي الذكاء الاصطناعي قلب موازين سوق العمل، إيه المهن اللي بدأت تختفي، وإيه اللي طلع جديد، وإزاي نجهز نفسنا للمستقبل اللي بدأ خلاص.