refactor: load Black Friday with the new hooks

Author: Soare-Robert-Daniel

includes/admin/class-rop-admin.php

@@ -69,6 +69,8 @@ function() use ( $global_settings ) {
 				return $global_settings->license_type();
 			}
 		);
+
+		add_filter( 'themeisle_sdk_blackfriday_data', array( $this, 'add_black_friday_data' ) );
 	}
 
 
@@ -444,10 +446,6 @@ function( $data, $page_slug ) use ( $accounts_count, $is_post_sharing_active ) {
 			);
 		}
 		do_action( 'themeisle_internal_page', ROP_PRODUCT_SLUG, 'dashboard' );
-
-		if ( ! defined( 'ROP_PRO_VERSION' ) ) {
-			do_action( 'themeisle_sdk_load_banner', 'rop' );
-		}
 	}
 
 	/**
@@ -1845,4 +1843,46 @@ public function get_languages() {
 		}
 		return apply_filters( 'wpml_active_languages', null, array( 'skip_missing' => 1 ) );
 	}
+
+	/**
+	 * Add the Black Friday configuration.
+	 *
+	 * @param array $configs An array of configurations.
+	 *
+	 * @return array The configurations.
+	 */
+	public static function add_black_friday_data( $configs ) {
+		$config = $configs['default'];
+
+		// translators: %1$s - HTML tag, %2$s - discount, %3$s - HTML tag, %4$s - product name.
+		$message_template = __( 'Our biggest sale of the year: %1$sup to %2$s OFF%3$s on %4$s. Don\'t miss this limited-time offer.', 'neve' );
+		$product_label    = __( 'Revive Social', 'neve' );
+		$discount         = '50%';
+
+		$plan   = apply_filters( 'product_rop_license_plan', 0 );
+		$is_pro = 0 < $plan;
+
+		if ( $is_pro ) {
+			// translators: %1$s - HTML tag, %2$s - discount, %3$s - HTML tag, %4$s - product name.
+			$message_template = __( 'Get %1$sup to %2$s off%3$s when you upgrade your %4$s plan or renew early.', 'neve' );
+			$product_label    = __( 'Revive Social Pro', 'neve' );
+			$discount         = '20%';
+		}
+
+		$product_label = sprintf( '<strong>%s</strong>', $product_label );
+		$url_params    = array(
+			'utm_term' => $is_pro ? 'plan-' . $plan : 'free',
+			'lkey'     => apply_filters( 'product_rop_license_key', false ),
+		);
+
+		$config['message']  = sprintf( $message_template, '<strong>', $discount, '</strong>', $product_label );
+		$config['sale_url'] = add_query_arg(
+			$url_params,
+			tsdk_translate_link( tsdk_utmify( 'https://themeisle.com/rs-bf', 'bfcm', 'revive' ) )
+		);
+
+		$configs[ ROP_PRODUCT_SLUG ] = $config;
+
+		return $configs;
+	}
 }

vue/src/vue-elements/main-page-panel.vue

@@ -15,10 +15,6 @@
           </h1>
         </div>
       </div>
-      <div
-        id="tsdk_banner"
-        class="rop-banner"
-      />
       <toast />
       <div
         v-if=" is_rest_api_error "
@@ -64,6 +60,11 @@
       </div>
     </div>
 
+    <div
+      id="tsdk_banner"
+      class="rop-banner"
+    />
+
     <div class="columns">
       <div class="panel column col-9 col-xs-12 col-sm-12 col-md-12 col-lg-12 col-xl-12">
         <div
@@ -384,8 +385,10 @@
             }, 1000);
 
             this.get_toast_message(false);
-            
-            document.dispatchEvent(new Event('themeisle:banner:init'));
+
+            if ( window.tsdk_reposition_notice ) {
+              window.tsdk_reposition_notice?.();
+            }
         },
         created() {
             this.$root.$refs.main_page = this;
@@ -574,9 +577,12 @@
       text-decoration: underline;
     }
 
-    .rop-banner:has(.tsdk-banner-cta) {
+    .rop-banner:has(.themeisle-sale) {
       width: 100%;
-      margin-top: 15px;
       margin-bottom: 30px;
     }
+
+    #tsdk_banner :is(.themeisle-sale, p) {
+      margin: 0;
+    }
 </style>