From 0de33d8691a224b4bcc41404a478664763452e63 Mon Sep 17 00:00:00 2001
From: "Soare Robert Daniel (Mac 2023)" <soare.robert.daniel@protonmail.com>
Date: Mon, 4 Nov 2024 16:27:41 +0200
Subject: [PATCH] feat: add SDK support for banner

---
 includes/admin/class-rop-admin.php       |  4 ++++
 vue/src/vue-elements/main-page-panel.vue | 12 ++++++++++++
 2 files changed, 16 insertions(+)

diff --git a/includes/admin/class-rop-admin.php b/includes/admin/class-rop-admin.php
index 14862f12..769dc731 100644
--- a/includes/admin/class-rop-admin.php
+++ b/includes/admin/class-rop-admin.php
@@ -308,6 +308,7 @@ public function enqueue_scripts() {
 		if ( empty( $page ) ) {
 			return;
 		}
+
 		wp_enqueue_media();
 		wp_register_script( $this->plugin_name . '-dashboard', ROP_LITE_URL . 'assets/js/build/dashboard.js', array('wp-url'), ( ROP_DEBUG ) ? time() : $this->version, false );
 		wp_register_script( $this->plugin_name . '-exclude', ROP_LITE_URL . 'assets/js/build/exclude.js', array(), ( ROP_DEBUG ) ? time() : $this->version, false );
@@ -421,6 +422,9 @@ public function enqueue_scripts() {
 		}
 
 		$this->register_survey();
+		if ( ! defined( 'ROP_PRO_VERSION' ) ) {
+			do_action( 'themeisle_sdk_load_banner', 'rop' );
+		}
 	}
 
 	/**
diff --git a/vue/src/vue-elements/main-page-panel.vue b/vue/src/vue-elements/main-page-panel.vue
index 1a966b27..159d1f83 100644
--- a/vue/src/vue-elements/main-page-panel.vue
+++ b/vue/src/vue-elements/main-page-panel.vue
@@ -15,6 +15,10 @@
           </h1>
         </div>
       </div>
+      <div
+        id="tsdk_banner"
+        class="rop-banner"
+      />
       <toast />
       <div
         v-if=" is_rest_api_error "
@@ -380,6 +384,8 @@
             }, 1000);
 
             this.get_toast_message(false);
+            
+            document.dispatchEvent(new Event('themeisle:banner:init'));
         },
         created() {
             this.$root.$refs.main_page = this;
@@ -567,4 +573,10 @@
       font-weight: bold;
       text-decoration: underline;
     }
+
+    .rop-banner:has(.tsdk-banner-cta) {
+      width: 100%;
+      margin-top: 15px;
+      margin-bottom: 30px;
+    }
 </style>