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);
في ظل التحول الرقمي المتسارع، أصبح التسويق الإلكتروني أحد أهم الأدوات التي تعتمد عليها المؤسسات والشركات لتحقيق الانتشار والوصول إلى جمهور أوسع.
في هذا الحوار التسجيلي، نسلّط الضوء على مفهوم التسويق الإلكتروني، أهميته في العصر الحديث، وكيف غيّر قواعد اللعبة في عالم المال والأعمال.
ال