import { __, isRTL } from '@wordpress/i18n';
export default {
id: 'site-assistant-tour',
title: __('Site Assistant', 'extendify-local'),
settings: {
allowOverflow: false,
startFrom: [
`${window.extSharedData.adminUrl}admin.php?page=extendify-assist#dashboard`,
],
},
steps: [
{
title: __('Tasks', 'extendify-local'),
text: __(
"Now that you've created your starter site, make it your own with these follow up tasks.",
'extendify-local',
),
showOnlyIf: () => document.getElementById('assist-tasks-module'),
attachTo: {
element: '#assist-tasks-module',
offset: {
marginTop: window.innerWidth <= 1151 ? -15 : 2,
marginLeft: window.innerWidth <= 1151 ? -25 : 15,
},
position: {
x: isRTL() ? 'left' : 'right',
y: 'top',
},
hook: isRTL() ? 'top right' : 'top left',
},
events: {},
},
{
title: __('Quick Links', 'extendify-local'),
text: __(
'Easily access some of the most common items in WordPress with these quick links.',
'extendify-local',
),
attachTo: {
element: '#assist-quick-links-module',
offset: {
marginTop: window.innerWidth <= 1151 ? -15 : 2,
marginLeft: window.innerWidth <= 1151 ? -25 : 15,
},
position: {
x: isRTL() ? 'left' : 'right',
y: 'top',
},
hook: isRTL() ? 'top right' : 'top left',
},
events: {
onAttach: () => {},
},
},
{
title: __('Website Tools & Plugins', 'extendify-local'),
text: __(
'See our personalized recommendations for you that will help you accomplish your goals.',
'extendify-local',
),
showOnlyIf: () =>
document.querySelector('#assist-recommendations-module'),
attachTo: {
element: '#assist-recommendations-module',
offset: {
marginTop: window.innerWidth <= 1151 ? -15 : 2,
marginLeft: window.innerWidth <= 1151 ? -25 : 15,
},
position: {
x: isRTL() ? 'left' : 'right',
y: 'top',
},
hook: isRTL() ? 'top right' : 'top left',
},
events: {},
},
{
title: __('Help Center', 'extendify-local'),
text: __(
'You can always access the help center by clicking this button.',
'extendify-local',
),
showOnlyIf: () => document.querySelector('#wp-admin-bar-help-center-btn'),
attachTo: {
element: '#wp-admin-bar-help-center-btn',
offset: {
marginTop: 45,
marginLeft: isRTL() ? 5 : -5,
},
position: {
x: isRTL() ? 'left' : 'right',
y: 'top',
},
hook: isRTL() ? 'top right' : 'top left',
},
events: {},
},
{
title: __('Visit your site', 'extendify-local'),
text: __(
'You can always visit your site by clicking this button.',
'extendify-local',
),
attachTo: {
element: '#assist-menu-bar',
offset: {
marginTop: 20,
marginLeft: isRTL() ? 5 : -5,
},
position: {
x: isRTL() ? 'right' : 'left',
y: 'bottom',
},
hook: isRTL() ? 'top right' : 'top left',
boxPadding: {
top: 5,
bottom: 5,
left: 5,
right: 5,
},
},
events: {},
},
{
title: __('Site Assistant', 'extendify-local'),
text: __(
'Come back to the Site Assistant any time by clicking the menu item.',
'extendify-local',
),
attachTo: {
element: '#toplevel_page_extendify-assist',
offset: {
marginTop: 0,
marginLeft: isRTL() ? -15 : 15,
},
position: {
x: isRTL() ? 'left' : 'right',
y: 'top',
},
hook: isRTL() ? 'top right' : 'top left',
},
events: {
onAttach: () => {
if (document.body.classList.contains('folded')) {
document.body.classList.remove('folded');
document.body.classList.add('temp-open');
}
},
onDetach: () => {
if (document.body.classList.contains('temp-open')) {
document.body.classList.remove('temp-open');
document.body.classList.add('folded');
}
},
},
},
],
};