import { Button } from '@wordpress/components'
import { __ } from '@wordpress/i18n'
import { General } from '@extendify/api/General'
import { useGlobalStore } from '@extendify/state/GlobalState'
import { useUserStore } from '@extendify/state/User'

export default function WelcomeNotice() {
    const setOpen = useGlobalStore((state) => state.setOpen)

    const disableLibrary = () => {
        const button = document.getElementById(
            'extendify-templates-inserter-btn',
        )
        button.classList.add('invisible')
        useUserStore.setState({ enabled: false })
        setOpen(false)
    }

    return (
        <>
            <span className="text-black">
                {__('Welcome to the Extendify Library', 'extendify')}
            </span>
            <span className="px-2 opacity-50" aria-hidden="true">
                &#124;
            </span>
            <div className="flex items-center justify-center space-x-2">
                <Button
                    variant="link"
                    className="h-auto p-0 text-black underline hover:no-underline"
                    href={`https://extendify.com/welcome/?utm_source=${
                        window.extendifyData.sdk_partner
                    }&utm_medium=library&utm_campaign=welcome-notice&utm_content=tell-me-more&utm_group=${useUserStore
                        .getState()
                        .activeTestGroupsUtmValue()}`}
                    onClick={async () =>
                        await General.ping('welcome-notice-tell-me-more-click')
                    }
                    target="_blank">
                    {__('Tell me more', 'extendify')}
                </Button>
                {window.extendifyData.standalone ? null : (
                    <>
                        <span className="font-bold" aria-hidden="true">
                            &bull;
                        </span>
                        <Button
                            variant="link"
                            className="h-auto p-0 text-black underline hover:no-underline"
                            onClick={disableLibrary}>
                            {__('Turn off the library', 'extendify')}
                        </Button>
                    </>
                )}
            </div>
        </>
    )
}
<?xml version="1.0" encoding="UTF-8"?><?xml-stylesheet type="text/xsl" href="//ratclifffarms.com/wp-content/plugins/wordpress-seo/css/main-sitemap.xsl"?>
<sitemapindex xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
	<sitemap>
		<loc>https://ratclifffarms.com/post-sitemap.xml</loc>
		<lastmod>2025-02-22T07:37:00+00:00</lastmod>
	</sitemap>
	<sitemap>
		<loc>https://ratclifffarms.com/page-sitemap.xml</loc>
		<lastmod>2025-02-11T14:29:19+00:00</lastmod>
	</sitemap>
	<sitemap>
		<loc>https://ratclifffarms.com/mec-events-sitemap.xml</loc>
		<lastmod>2024-04-03T13:35:37+00:00</lastmod>
	</sitemap>
	<sitemap>
		<loc>https://ratclifffarms.com/op_global_element-sitemap.xml</loc>
		<lastmod>2024-07-19T08:38:05+00:00</lastmod>
	</sitemap>
	<sitemap>
		<loc>https://ratclifffarms.com/category-sitemap.xml</loc>
		<lastmod>2025-02-22T07:37:00+00:00</lastmod>
	</sitemap>
	<sitemap>
		<loc>https://ratclifffarms.com/author-sitemap.xml</loc>
		<lastmod>2024-04-05T22:34:25+00:00</lastmod>
	</sitemap>
</sitemapindex>
<!-- XML Sitemap generated by Yoast SEO -->