/home/vianto5/duettowers.mx/wp-content/plugins/code-snippets/js/components/common/

/home/vianto5/duettowers.mx/wp-content/plugins/code-snippets/js/components/common

Name	Size	Mode	Actions
cloud/	-	0755	rm
icons/	-	0755	rm
ListTable/	-	0755	rm
snippets/	-	0755	rm
Badge.tsx	860	0644	edit dl rm
Button.tsx	929	0644	edit dl rm
ConfirmDialog.tsx	1059	0644	edit dl rm
CopyToClipboardButton.tsx	2340	0644	edit dl rm
KebabMenu.tsx	6194	0644	edit dl rm
LoadingStatusNotices.tsx	943	0644	edit dl rm
Notice.tsx	1354	0644	edit dl rm
ScreenMetaSlot.tsx	1290	0644	edit dl rm
SnippetViewToggle.tsx	1465	0644	edit dl rm
SubmitButton.tsx	982	0644	edit dl rm
SubnavTabs.tsx	2254	0644	edit dl rm
Toolbar.tsx	5211	0644	edit dl rm
Tooltip.tsx	1428	0644	edit dl rm
TooltipButton.tsx	854	0644	edit dl rm
UpsellBanner.tsx	1337	0644	edit dl rm
UpsellDialog.tsx	2420	0644	edit dl rm

Edit: /home/vianto5/duettowers.mx/wp-content/plugins/code-snippets/js/components/common/UpsellDialog.tsx (2420B)

export interface UpsellDialogProps {
	isOpen: boolean
	setIsOpen: Dispatch<SetStateAction<boolean>>
}

export const UpsellDialog: React.FC<UpsellDialogProps> = ({ isOpen, setIsOpen }) =>
	isOpen
		? <Modal
			aria-labelledby="code-snippets-upsell-dialog-title"
			className="code-snippets-upsell code-snippets-upsell-dialog"
			onRequestClose={() => {
				setIsOpen(false)
			}}
		>
			<img
				src={`${window.CODE_SNIPPETS?.urls.plugin}/assets/icon.svg`}
				alt={__('Code Snippets logo', 'code-snippets')}
			/>

<UpsellContent />
		</Modal>
		: null

const UpsellContent = () =>
	<>
		<h1 id="code-snippets-upsell-dialog-title">
			{createInterpolateElement(
				__('Unlock all cloud sync features and many more, with <span>Code Snippets Pro</span>', 'code-snippets'),
				{ span: <span /> }
			)}
		</h1>

<p>
			{createInterpolateElement(
				__('With Code Snippets Pro you can connect your WordPress sites to the code snippets cloud platform and be able to <strong>backup, synchronise, collaborate, and deploy</strong> your snippets from one central location.', 'code-snippets'),
				{ strong: <strong /> }
			)}
		</p>

<a
			href="https://codesnippets.pro/pricing/"
			className="button button-primary button-large"
			rel="noreferrer" target="_blank"
		>
			{__('Explore Code Snippets Pro', 'code-snippets')}
		</a>

<p>{__("Here's what else you get with Pro:", 'code-snippets')}</p>
		<ul>
			<li>{__('Create, explain and verify snippets with AI', 'code-snippets')}</li>
			<li>{__('Control when snippets run with Conditions', 'code-snippets')}</li>
			<li>{__('CSS stylesheet snippets', 'code-snippets')}</li>
			<li>{__('Minified JavaScript snippets', 'code-snippets')}</li>
			<li>{__('Editor blocks and Elementor widgets', 'code-snippets')}</li>
			<li>{__('Cloud sync and backup', 'code-snippets')}</li>
			<li>{__('Cloud share and deploy', 'code-snippets')}</li>
			<li>{__('Cloud bundles and teams', 'code-snippets')}</li>
			<li>{__('WP-CLI commands', 'code-snippets')}</li>
			<li>{__('And much more!', 'code-snippets')}</li>
		</ul>
	</>

export const UpsellPage = () =>
	<div className="code-snippets-upsell code-snippets-upsell-page">
		<UpsellContent />
	</div>

import { createInterpolateElement } from '@wordpress/element' import React from 'react' import { __ } from '@wordpress/i18n' import { Modal } from '@wordpress/components' import type { Dispatch, SetStateAction } from 'react' export interface UpsellDialogProps { isOpen: boolean setIsOpen: Dispatch> } export const UpsellDialog: React.FC = ({ isOpen, setIsOpen }) => isOpen ? { setIsOpen(false) }} > ${__('Code$ : null const UpsellContent = () => <>

{createInterpolateElement( __('Unlock all cloud sync features and many more, with Code Snippets Pro', 'code-snippets'), { span: } )}

{createInterpolateElement( __('With Code Snippets Pro you can connect your WordPress sites to the code snippets cloud platform and be able to backup, synchronise, collaborate, and deploy your snippets from one central location.', 'code-snippets'), { strong: } )}

{__('Explore Code Snippets Pro', 'code-snippets')}
{__("Here's what else you get with Pro:", 'code-snippets')}

{__('Create, explain and verify snippets with AI', 'code-snippets')}

{__('Control when snippets run with Conditions', 'code-snippets')}

{__('CSS stylesheet snippets', 'code-snippets')}

{__('Minified JavaScript snippets', 'code-snippets')}

{__('Editor blocks and Elementor widgets', 'code-snippets')}

{__('Cloud sync and backup', 'code-snippets')}

{__('Cloud share and deploy', 'code-snippets')}

{__('Cloud bundles and teams', 'code-snippets')}

{__('WP-CLI commands', 'code-snippets')}

{__('And much more!', 'code-snippets')}

export const UpsellPage = () =>