Merge pull request #4121 from Codeinwp/feat/limited-offers

Add BF deal

assets/apps/customizer-controls/src/@types/utils.d.ts

@@ -114,6 +114,19 @@ declare global {
 			nonce: string;
 			hideConditionalHeaderSelector: boolean;
 			dashUpdatesMessage: string;
+			deal?: {
+				active?: boolean;
+				dealSlug?: string;
+				urgencyText?: string;
+				remaningTime?: string;
+				bannerUrl?: string;
+				customizerBannerUrl?: string;
+				linkDashboard?: string;
+				linkGlobal?: string;
+				linkCustomizer?: string;
+				customizerBannerAlt?: string;
+				bannerAlt?: string;
+			};
 		};
 		NeveProReactCustomize: undefined | StringObjectKeys;
 	}

assets/apps/customizer-controls/src/builder-upsell/Upsells.tsx

@@ -11,6 +11,31 @@ const Upsells: React.FC<Props> = ({ control }) => {
 	const { params } = control;
 	const { title, url } = params;
 
+	if (window?.NeveReactCustomize?.deal?.active) {
+		return (
+			<div className="upsell-inner">
+				<a
+					href={window?.NeveReactCustomize?.deal?.linkCustomizer}
+					target="_blank"
+					rel="external noreferrer noopener"
+					style={{ width: '100%', lineHeight: '0' }}
+				>
+					<img
+						src={
+							window?.NeveReactCustomize?.deal
+								?.customizerBannerUrl
+						}
+						alt={
+							window?.NeveReactCustomize?.deal
+								?.customizerBannerAlt
+						}
+						style={{ width: '100%' }}
+					/>
+				</a>
+			</div>
+		);
+	}
+
 	return (
 		<div className="upsell-inner">
 			{title && (

assets/apps/dashboard/src/Components/App.js

@@ -9,6 +9,7 @@ import { fetchOptions } from '../utils/rest';
 import { withDispatch, withSelect } from '@wordpress/data';
 import { compose } from '@wordpress/compose';
 import { useState, Fragment, useEffect } from '@wordpress/element';
+import Deal from './Deal';
 
 const App = ({ setSettings, toast, currentTab, setTab }) => {
 	const [loading, setLoading] = useState(true);
@@ -27,6 +28,7 @@ const App = ({ setSettings, toast, currentTab, setTab }) => {
 			<div className="content-wrap">
 				<div className="container content">
 					<div className="main">
+						<Deal />
 						{'starter-sites' !== currentTab && <Notifications />}
 						<TabsContent currentTab={currentTab} setTab={setTab} />
 					</div>

assets/apps/dashboard/src/Components/Deal.js

@@ -0,0 +1,25 @@
+/* global neveDash */
+
+const Deal = () => {
+	if (!Boolean(window.neveDash?.deal?.active)) {
+		return <></>;
+	}
+
+	return (
+		<div className="nv-deal">
+			<a
+				href={neveDash?.deal?.linkDashboard}
+				target="_blank"
+				rel="external noreferrer noopener"
+			>
+				<img
+					src={neveDash?.deal?.bannerUrl}
+					alt={neveDash?.deal?.bannerAlt}
+				/>
+				<div className="nv-urgency">{neveDash?.deal?.urgencyText}</div>
+			</a>
+		</div>
+	);
+};
+
+export default Deal;

assets/apps/dashboard/src/scss/content/_start.scss

@@ -48,3 +48,46 @@
 		}
 	}
 }
+
+.nv-deal {
+	margin-bottom: 10px;
+	display: flex;
+
+	a {
+		position: relative;
+		width: 100%;
+	}
+
+	img {
+		width: 100%;
+	}
+
+	.nv-urgency {
+		position: absolute;
+
+		top: 10%;
+		left: 2.7%;
+
+		color: #FFF;
+		font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", sans-serif;
+		font-size: 14px;
+		font-style: normal;
+		font-weight: 700;
+		line-height: normal;
+		letter-spacing: 0.3px;
+		text-transform: uppercase;
+	}
+}
+
+@media(max-width: 480px) {
+	.nv-deal .nv-urgency {
+		font-size: 7px;
+	}
+}
+
+@media (min-width: 481px) and (max-width: 1024px) {
+	.nv-deal .nv-urgency {
+		font-size: 10px;
+	}
+}
+

inc/admin/dashboard/main.php

@@ -7,6 +7,7 @@
 
 namespace Neve\Admin\Dashboard;
 
+use Neve\Core\Limited_Offers;
 use Neve\Core\Theme_Info;
 /**
  * Class Main
@@ -315,6 +316,9 @@ public function enqueue() {
 	 * @return array
 	 */
 	private function get_localization() {
+
+		$offer = new Limited_Offers();
+
 		$old_about_config  = apply_filters( 'ti_about_config_filter', [ 'useful_plugins' => true ] );
 		$theme_name        = apply_filters( 'ti_wl_theme_name', $this->theme_args['name'] );
 		$plugin_name       = apply_filters( 'ti_wl_plugin_name', 'Neve Pro' );
@@ -376,6 +380,7 @@ private function get_localization() {
 			'getPluginStateBaseURL'   => esc_url( rest_url( '/nv/v1/dashboard/plugin-state/' ) ),
 			'canInstallPlugins'       => current_user_can( 'install_plugins' ),
 			'canActivatePlugins'      => current_user_can( 'activate_plugins' ),
+			'deal'                    => ! defined( 'NEVE_PRO_VERSION' ) ? $offer->get_localized_data() : array(),
 		];
 
 		if ( defined( 'NEVE_PRO_PATH' ) ) {

inc/core/admin.php

@@ -85,6 +85,14 @@ function () {
 
 		add_action( 'rest_api_init', [ $this, 'register_rest_routes' ] );
 		add_filter( 'neve_pro_react_controls_localization', [ $this, 'adapt_conditional_headers' ] );
+
+
+		if ( ! defined( 'NEVE_PRO_VERSION' ) ) {
+			$offer = new Limited_Offers();
+			if ( $offer->can_show_dashboard_banner() && $offer->is_active() ) {
+				$offer->load_dashboard_hooks();
+			}
+		}
 	}
 
 	/**