MOB-4255-add update content sample screen

lib/constants/app_strings.dart

@@ -13,13 +13,15 @@ class AppStrings {
   static const String listViewExample = "ListView Example";
   static const String taboolaWebIntegration = "Taboola Web Integration";
   static const String taboolaInAppWebViewIntegration = "Taboola InAppWebView Integration";
+  static const String taboolaTwoWebUnitsIntegration = "Taboola Two Web Units Integration";
 
   // Menu items
   static const String menuItemSliverListWidgetFeed = 'SliverList Widget + Feed';
   static const String menuItemSliverGridWidget = 'SliverGrid Widget';
   static const String menuItemListViewWidget = 'ListView Widget';
   static const String menuItemWebIntegration = 'Web Integration Flutter weview';
   static const String menuItemWebIntegrationInappWebview = 'Web Integration InappWebview';
+  static const String menuItemWebIntegrationTwoWebUnits = 'Web Integration Two Web Units';
 
   // Widget labels
   static const String feedContainer = "Feed Container";

lib/constants/colors.dart

@@ -7,6 +7,7 @@ class AppColors {
   static const Color lightGreen = Color.fromARGB(255, 67, 240, 177);
   static const Color orange = Color.fromARGB(255, 240, 147, 67);
   static const Color pink = Color.fromARGB(255, 240, 67, 149);
+  static const Color purple = Color.fromARGB(255, 155, 67, 240);
   static const Color darkGreen = Color(0xFF158443);
   static const Color blue = Color(0xFF61B3C3);
   static const Color indigo = Color(0xFF7C6DAF);

lib/constants/routes.dart

@@ -5,4 +5,5 @@ class Routes {
   static const String customListViewFeedAndWidget = '/customlistviewfeedAndWidget';
   static const String webIntegrationFlutterWebview = '/webIntegrationFlutterWebview';
   static const String webIntegrationInappWebview = '/webIntegrationInappWebview';
+  static const String webIntegrationTwoWebUnits = '/webIntegrationTwoWebUnits';
 } 

lib/data/menu_items.dart

@@ -30,5 +30,10 @@ class MenuItemRepository {
           itemColor: AppColors.pink,
           routeName: Routes.webIntegrationInappWebview,
         ),
+        MenuItemModel(
+          title: AppStrings.menuItemWebIntegrationTwoWebUnits,
+          itemColor: AppColors.purple,
+          routeName: Routes.webIntegrationTwoWebUnits,
+        ),
       ];
 }

lib/main.dart

@@ -8,7 +8,8 @@ import 'package:taboola_flutter_example/pages/custom_scroll_view_page_widget.dar
 import 'package:taboola_flutter_example/pages/home_page.dart';
 import 'package:taboola_flutter_example/pages/web_integration_inappwebview_page.dart';
 import 'package:taboola_flutter_example/pages/web_integration_flutter_webview.dart';
-import 'package:taboola_sdk/taboola.dart';
+import 'package:taboola_flutter_example/pages/web_integration_two_web_units_screen.dart';
+import 'package:taboola_sdk_beta/taboola.dart';
 
 void main() {
   WidgetsFlutterBinding.ensureInitialized();
@@ -34,6 +35,7 @@ class TaboolaExampleApp extends StatelessWidget {
         Routes.customListViewFeedAndWidget: (context) => const CustomListViewPageFeedAndWidget(),
         Routes.webIntegrationFlutterWebview: (context) => const WebIntegrationFlutterWebview(),
         Routes.webIntegrationInappWebview: (context) => const WebIntegrationInappWebviewPage(),
+        Routes.webIntegrationTwoWebUnits: (context) => const WebIntegrationTwoWebUnitsScreen(),
       },
     );
   }

lib/pages/custom_list_view_page_widget.dart

@@ -3,10 +3,10 @@ import 'package:taboola_flutter_example/constants/publisher_params.dart';
 import 'package:taboola_flutter_example/constants/ui_constants.dart';
 
 import 'package:taboola_flutter_example/constants/app_strings.dart';
-import 'package:taboola_sdk/classic/tbl_classic_listener.dart';
-import 'package:taboola_sdk/classic/tbl_classic_page.dart';
-import 'package:taboola_sdk/classic/tbl_classic_unit.dart';
-import 'package:taboola_sdk/taboola.dart';
+import 'package:taboola_sdk_beta/classic/tbl_classic_listener.dart';
+import 'package:taboola_sdk_beta/classic/tbl_classic_page.dart';
+import 'package:taboola_sdk_beta/classic/tbl_classic_unit.dart';
+import 'package:taboola_sdk_beta/taboola.dart';
 
 class CustomListViewPageFeedAndWidget extends StatefulWidget {
   const CustomListViewPageFeedAndWidget({Key? key}) : super(key: key);

lib/pages/custom_scroll_view_page_feed_and_widget.dart

@@ -4,10 +4,10 @@ import 'package:flutter/material.dart';
 
 import 'package:taboola_flutter_example/constants/publisher_params.dart';
 import 'package:taboola_flutter_example/constants/ui_constants.dart';
-import 'package:taboola_sdk/classic/tbl_classic_listener.dart';
-import 'package:taboola_sdk/classic/tbl_classic_page.dart';
-import 'package:taboola_sdk/classic/tbl_classic_unit.dart';
-import 'package:taboola_sdk/taboola.dart';
+import 'package:taboola_sdk_beta/classic/tbl_classic_listener.dart';
+import 'package:taboola_sdk_beta/classic/tbl_classic_page.dart';
+import 'package:taboola_sdk_beta/classic/tbl_classic_unit.dart';
+import 'package:taboola_sdk_beta/taboola.dart';
 import 'package:taboola_flutter_example/constants/app_strings.dart';
 
 class CustomScrollViewPageFeedAndWidget extends StatefulWidget {

lib/pages/custom_scroll_view_page_widget.dart

@@ -1,10 +1,10 @@
 import 'package:flutter/material.dart';
 import 'package:taboola_flutter_example/constants/publisher_params.dart';
 import 'package:taboola_flutter_example/constants/ui_constants.dart';
-import 'package:taboola_sdk/classic/tbl_classic_listener.dart';
-import 'package:taboola_sdk/classic/tbl_classic_page.dart';
-import 'package:taboola_sdk/classic/tbl_classic_unit.dart';
-import 'package:taboola_sdk/taboola.dart';
+import 'package:taboola_sdk_beta/classic/tbl_classic_listener.dart';
+import 'package:taboola_sdk_beta/classic/tbl_classic_page.dart';
+import 'package:taboola_sdk_beta/classic/tbl_classic_unit.dart';
+import 'package:taboola_sdk_beta/taboola.dart';
 import 'package:taboola_flutter_example/constants/app_strings.dart';
 
 class CustomScrollViewPageWidget extends StatefulWidget {

lib/pages/home_page.dart

@@ -3,6 +3,7 @@ import 'package:taboola_flutter_example/constants/app_strings.dart';
 import 'package:taboola_flutter_example/constants/ui_constants.dart';
 import 'package:taboola_flutter_example/data/menu_items.dart';
 import 'package:taboola_flutter_example/widgets/menu_item.dart';
+import 'package:taboola_flutter_example/pages/web_integration_two_web_units_screen.dart';
 
 class HomePage extends StatelessWidget {
   const HomePage({Key? key}) : super(key: key);

lib/pages/web_integration_flutter_webview.dart

@@ -1,12 +1,12 @@
 import 'package:flutter/material.dart';
 import 'package:taboola_flutter_example/constants/ui_constants.dart';
+import 'package:taboola_flutter_example/utils/snack_bar_utils.dart';
 import 'package:webview_flutter/webview_flutter.dart';
-import 'package:taboola_sdk/taboola.dart';
+import 'package:taboola_sdk_beta/taboola.dart';
 import 'package:webview_flutter_wkwebview/webview_flutter_wkwebview.dart';
 import 'package:taboola_flutter_example/constants/app_strings.dart';
 import 'package:webview_flutter_android/webview_flutter_android.dart';
 
-
 const String kLocalExamplePage = '''
 <html>
   <!DOCTYPE html>
@@ -78,7 +78,8 @@ class WebIntegrationFlutterWebview extends StatefulWidget {
   State<WebIntegrationFlutterWebview> createState() => _WebIntegrationFlutterWebviewState();
 }
 
-class _WebIntegrationFlutterWebviewState extends State<WebIntegrationFlutterWebview> {
+class _WebIntegrationFlutterWebviewState extends State<WebIntegrationFlutterWebview>
+    with SnackBarMixin {
   late final WebViewController _webViewController;
   late final TBLWebUnit _taboolaWebUnit;
   final ScrollController _scrollController = ScrollController();
@@ -97,19 +98,14 @@ class _WebIntegrationFlutterWebviewState extends State<WebIntegrationFlutterWebv
     } else {
       params = const PlatformWebViewControllerCreationParams();
     }
-    _webViewController  = WebViewController.fromPlatformCreationParams(params);
+    _webViewController = WebViewController.fromPlatformCreationParams(params);
     // Create Taboola web listener
     TBLWebListener tblWebListener = TBLWebListener(
-      tblDidResize,
-      tblDidShow,
-      tblDidFailToLoad,
-      tblDidClickOnItem,
-    );
+        tblDidResize, tblDidShow, tblDidFailToLoad, tblDidClickOnItem, tblOnUpdateContentCompleted);
 
     // Initialize Taboola web page and unit
     TBLWebPage webPage = Taboola.getWebPage();
-    _taboolaWebUnit = webPage.buildWebUnit(
-        _webViewKey, _webViewController, tblWebListener,
+    _taboolaWebUnit = webPage.buildWebUnit(_webViewKey, _webViewController, tblWebListener,
         scrollController: _scrollController);
 
     _webViewController
@@ -118,20 +114,18 @@ class _WebIntegrationFlutterWebviewState extends State<WebIntegrationFlutterWebv
   }
 
   WebViewWidget getWebViewWidget() {
-    WebViewWidget webViewWidget =
-        _webViewController.platform is AndroidWebViewController
-            ? WebViewWidget.fromPlatformCreationParams(
-                key: _webViewKey,
-                params: AndroidWebViewWidgetCreationParams
-                    .fromPlatformWebViewWidgetCreationParams(
-                  AndroidWebViewWidgetCreationParams(
-                    controller: _webViewController.platform,
-                  ),
-                  // ** Notice: displayWithHybridComposition is set to true, to avoid issues **
-                  // see github issue: https://github.com/flutter/flutter/issues/104889
-                  displayWithHybridComposition: true,
-                ))
-            : WebViewWidget(key: _webViewKey, controller: _webViewController);
+    WebViewWidget webViewWidget = _webViewController.platform is AndroidWebViewController
+        ? WebViewWidget.fromPlatformCreationParams(
+            key: _webViewKey,
+            params: AndroidWebViewWidgetCreationParams.fromPlatformWebViewWidgetCreationParams(
+              AndroidWebViewWidgetCreationParams(
+                controller: _webViewController.platform,
+              ),
+              // ** Notice: displayWithHybridComposition is set to true, to avoid issues **
+              // see github issue: https://github.com/flutter/flutter/issues/104889
+              displayWithHybridComposition: true,
+            ))
+        : WebViewWidget(key: _webViewKey, controller: _webViewController);
     return webViewWidget;
   }
 
@@ -191,47 +185,33 @@ class _WebIntegrationFlutterWebviewState extends State<WebIntegrationFlutterWebv
 
   // Callback when the ad is shown
   void tblDidShow(String placement) {
-    print("tblDidShow for placement: $placement");
-    _showSnackBar("${AppStrings.adShownMessage}$placement");
+    showSnackBar("${AppStrings.adShownMessage}$placement");
   }
 
   // Callback when the ad is resized
   void tblDidResize(String placement, double height) {
-    print("Publisher did get height $height");
-    _showSnackBar("${AppStrings.adResizedMessage}$placement${AppStrings.adResizedHeightMessage}$height");
+    showSnackBar(
+        "${AppStrings.adResizedMessage}$placement${AppStrings.adResizedHeightMessage}$height");
   }
 
   // Callback when the ad fails to load
   void tblDidFailToLoad(String placement, String error) {
-    print("Publisher placement: $placement did fail with error: $error");
-    _showSnackBar("${AppStrings.adFailedMessage}$placement${AppStrings.adFailedErrorMessage}$error");
+    showSnackBar("${AppStrings.adFailedMessage}$placement${AppStrings.adFailedErrorMessage}$error");
   }
 
   // Callback when an item is clicked
-  bool tblDidClickOnItem(
-      String placement, String itemId, String clickUrl, bool organic) {
+  bool tblDidClickOnItem(String placement, String itemId, String clickUrl, bool organic) {
     print(
         "Publisher did click on item: $itemId with clickUrl: $clickUrl in placement: $placement; organic: $organic");
     if (organic) {
-      _showSnackBar(AppStrings.organicClickMessage);
-      print("organic");
+      showSnackBar(AppStrings.organicClickMessage);
     } else {
-      _showSnackBar(AppStrings.sponsoredClickMessage);
-      print("SC");
+      showSnackBar(AppStrings.sponsoredClickMessage);
     }
     return false;
   }
 
-  // Helper method to show a SnackBar message
-  void _showSnackBar(String message) {
-    ScaffoldMessenger.of(context).showSnackBar(
-      SnackBar(
-        content: Text(message),
-        action: SnackBarAction(
-          label: AppStrings.okButton,
-          onPressed: () => ScaffoldMessenger.of(context).hideCurrentSnackBar(),
-        ),
-      ),
-    );
+  void tblOnUpdateContentCompleted() {
+    showSnackBar("Content update completed");
   }
-} 
+}

lib/pages/web_integration_inappwebview_page.dart

@@ -1,6 +1,7 @@
 import 'package:flutter/material.dart';
 import 'package:flutter_inappwebview/flutter_inappwebview.dart';
-import 'package:taboola_sdk/taboola.dart';
+import 'package:taboola_flutter_example/utils/snack_bar_utils.dart';
+import 'package:taboola_sdk_beta/taboola.dart';
 
 import 'package:taboola_flutter_example/constants/app_strings.dart';
 
@@ -95,12 +96,11 @@ class WebIntegrationInappWebviewPage extends StatefulWidget {
   const WebIntegrationInappWebviewPage({Key? key}) : super(key: key);
 
   @override
-  _WebIntegrationInappWebviewPageState createState() =>
-      _WebIntegrationInappWebviewPageState();
+  _WebIntegrationInappWebviewPageState createState() => _WebIntegrationInappWebviewPageState();
 }
 
-class _WebIntegrationInappWebviewPageState
-    extends State<WebIntegrationInappWebviewPage> {
+class _WebIntegrationInappWebviewPageState extends State<WebIntegrationInappWebviewPage>
+    with SnackBarMixin {
   final GlobalKey webViewKey = GlobalKey();
   InAppWebViewController? webViewController;
   late TBLWebUnit tblWebUnit;
@@ -135,12 +135,8 @@ class _WebIntegrationInappWebviewPageState
                 InAppWebView(
                   key: webViewKey,
                   onWebViewCreated: (inappwebviewController) async {
-                    TBLWebListener tblWebListener = TBLWebListener(
-                      _tblDidResize,
-                      _tblDidShow,
-                      _tblDidFailToLoad,
-                      _tblDidClickOnItem,
-                    );
+                    TBLWebListener tblWebListener = TBLWebListener(tblDidResize, tblDidShow,
+                        tblDidFailToLoad, tblDidClickOnItem, tblOnUpdateContentCompleted);
                     TBLWebPage webPage = Taboola.getWebPage();
                     tblWebUnit = webPage.buildWebUnit(
                       webViewKey,
@@ -157,46 +153,31 @@ class _WebIntegrationInappWebviewPageState
         ])));
   }
 
-  void _tblDidShow(String placement) {
-    print("tblDidShow for placement: $placement");
-    _showSnackBar("${AppStrings.adShownMessage}$placement");
+  void tblDidShow(String placement) {
+    showSnackBar("${AppStrings.adShownMessage}$placement");
   }
 
-  void _tblDidResize(String placement, double height) {
-    print("Ad resized for placement $placement to height $height");
-    _showSnackBar(
+  void tblDidResize(String placement, double height) {
+    showSnackBar(
         "${AppStrings.adResizedMessage}$placement${AppStrings.adResizedHeightMessage}$height");
   }
 
-  void _tblDidFailToLoad(String placement, String error) {
-    print("Ad failed to load for placement: $placement with error: $error");
-    _showSnackBar(
-        "${AppStrings.adFailedMessage}$placement${AppStrings.adFailedErrorMessage}$error");
+  void tblDidFailToLoad(String placement, String error) {
+    showSnackBar("${AppStrings.adFailedMessage}$placement${AppStrings.adFailedErrorMessage}$error");
   }
 
-  bool _tblDidClickOnItem(
-      String placement, String itemId, String clickUrl, bool organic) {
+  bool tblDidClickOnItem(String placement, String itemId, String clickUrl, bool organic) {
     print(
         "Publisher did click on item: $itemId with clickUrl: $clickUrl in placement: $placement of organic: $organic");
     if (organic) {
-      _showSnackBar(AppStrings.organicClickMessage);
-      print("organic");
+      showSnackBar(AppStrings.organicClickMessage);
     } else {
-      _showSnackBar(AppStrings.sponsoredClickMessage);
-      print("SC");
+      showSnackBar(AppStrings.sponsoredClickMessage);
     }
     return false;
   }
 
-  void _showSnackBar(String message) {
-    ScaffoldMessenger.of(context).showSnackBar(
-      SnackBar(
-        content: Text(message),
-        action: SnackBarAction(
-          label: AppStrings.okButton,
-          onPressed: () => ScaffoldMessenger.of(context).hideCurrentSnackBar(),
-        ),
-      ),
-    );
+  void tblOnUpdateContentCompleted() {
+    showSnackBar("Content update completed");
   }
 }