# Гайд: Backend-Driven UI (BDUI) с Flutter SDK

{
  "type": "FAVORITE_BUTTON",
  "text": "Добавить в избранное",
  "icon": "heart_outline",
  "action": {
    "type": "ADD_TO_FAVORITES",
    "productId": "12345"
  }
}

{
  "type": "RATE_BUTTON",
  "text": "Оценить товар",
  "icon": "star_outline",
  "action": {
    "type": "SHOW_RATING_DIALOG",
    "productId": "12345"
  }
}

import 'package:gravity_sdk/gravity_sdk.dart';
import 'dart:convert';

// Вспомогательный класс для возврата данных
class ButtonConfigResponse {
  final ButtonConfig config;
  final Campaign campaign;

  ButtonConfigResponse({required this.config, required this.campaign});
}

Future<ButtonConfigResponse?> fetchButtonConfig(String productId) async {
  try {
    final response = await GravitySDK.instance.getContentBySelector(
      selector: 'product_card_main_button',
      pageContext: PageContext(
        type: ContextType.product,
        data: [productId], // Передаем ID текущего товара
        location: 'app://product/$productId',
      ),
    );

    if (response.data.isNotEmpty) {
      final campaign = response.data.first;
      final content = campaign.payload.first.contents.first;
      
      // Для Custom JSON кампаний, контент может быть в поле `variables`
      // или в другом поле в зависимости от конфигурации.
      // Здесь мы предполагаем, что `variables` содержит наш JSON.
      // В реальном SDK может потребоваться другой способ доступа.
      final customData = (content.variables as dynamic).customData;
      
      Map<String, dynamic> configJson;
      if (customData is String) {
        configJson = jsonDecode(customData) as Map<String, dynamic>;
      } else {
        configJson = customData as Map<String, dynamic>;
      }

      final buttonConfig = ButtonConfig.fromJson(configJson);
      return ButtonConfigResponse(config: buttonConfig, campaign: campaign);
    }
    return null;
  } catch (e) {
    // Обработка ошибок (например, нет сети)
    print('Error fetching button config: $e');
    return null;
  }
}

// Enum для типов действий для повышения надежности кода
enum ActionType {
  addToFavorites,
  showRatingDialog,
  unknown
}

// Модель для описания действия, которое нужно выполнить
class ButtonAction {
  final ActionType type;
  final String productId;

  ButtonAction({required this.type, required this.productId});

  factory ButtonAction.fromJson(Map<String, dynamic> json) {
    ActionType actionType;
    switch (json['type'] as String?) {
      case 'ADD_TO_FAVORITES':
        actionType = ActionType.addToFavorites;
        break;
      case 'SHOW_RATING_DIALOG':
        actionType = ActionType.showRatingDialog;
        break;
      default:
        actionType = ActionType.unknown;
    }
    
    return ButtonAction(
      type: actionType,
      productId: json['productId'] as String,
    );
  }
}

// Основная модель конфигурации кнопки
class ButtonConfig {
  final String type;
  final String text;
  final String icon;
  final ButtonAction action;

  ButtonConfig({
    required this.type,
    required this.text,
    required this.icon,
    required this.action,
  });

  factory ButtonConfig.fromJson(Map<String, dynamic> json) {
    return ButtonConfig(
      type: json['type'] as String,
      text: json['text'] as String,
      icon: json['icon'] as String,
      action: ButtonAction.fromJson(json['action'] as Map<String, dynamic>),
    );
  }
}

import 'package:flutter/material.dart';
import 'package:visibility_detector/visibility_detector.dart';
// ... импорты ваших моделей и сервисов

class DynamicProductButton extends StatefulWidget {
  final String productId;

  const DynamicProductButton({Key? key, required this.productId}) : super(key: key);

  @override
  _DynamicProductButtonState createState() => _DynamicProductButtonState();
}

class _DynamicProductButtonState extends State<DynamicProductButton> {
  late Future<ButtonConfigResponse?> _configFuture;

  @override
  void initState() {
    super.initState();
    _configFuture = fetchButtonConfig(widget.productId);
  }

  @override
  Widget build(BuildContext context) {
    return FutureBuilder<ButtonConfigResponse?>(
      future: _configFuture,
      builder: (context, snapshot) {
        if (snapshot.connectionState == ConnectionState.waiting) {
          // Состояние загрузки: показываем placeholder (например, Shimmer)
          return const CircularProgressIndicator();
        }

        if (snapshot.hasError || !snapshot.hasData || snapshot.data == null) {
          // Ошибка или нет данных: показываем UI по умолчанию (fallback)
          return _buildFallbackButton();
        }

        // Успех: строим кнопку на основе полученной конфигурации
        final response = snapshot.data!;
        return _buildDynamicUi(response.config, response.campaign);
      },
    );
  }

  Widget _buildDynamicUi(ButtonConfig config, Campaign campaign) {
    final button = _buildButtonFromConfig(config, campaign);

    return VisibilityDetector(
      key: Key(campaign.payload.first.contents.first.contentId),
      onVisibilityChanged: (visibilityInfo) {
        if (visibilityInfo.visibleFraction >= 0.5) {
          GravitySDK.instance.sendContentEngagement(
            ContentVisibleImpressionEngagement(
              campaign.payload.first.contents.first,
              campaign,
            ),
          );
        }
      },
      child: button,
    );
  }

  Widget _buildButtonFromConfig(ButtonConfig config, Campaign campaign) {
    IconData iconData;
    switch (config.icon) {
      case 'heart_outline':
        iconData = Icons.favorite_border;
        break;
      case 'star_outline':
        iconData = Icons.star_border;
        break;
      default:
        iconData = Icons.help_outline;
    }

    return ElevatedButton.icon(
      icon: Icon(iconData),
      label: Text(config.text),
      onPressed: () {
        _handleAction(config.action, campaign);
      },
    );
  }

  Widget _buildFallbackButton() {
    return ElevatedButton.icon(
      icon: const Icon(Icons.shopping_cart_outlined),
      label: const Text('Добавить в корзину'),
      onPressed: () { /* Логика добавления в корзину по умолчанию */ },
    );
  }

  void _handleAction(ButtonAction action, Campaign campaign) {
    final currentAction = ButtonAction(type: action.type, productId: widget.productId);
    ActionHandler.handle(context, currentAction, campaign);
  }
}

class ActionHandler {
  static void handle(BuildContext context, ButtonAction action, Campaign campaign) {
    // Отправляем событие клика в Gravity Field
    GravitySDK.instance.sendContentEngagement(
      ContentClickEngagement(
        campaign.payload.first.contents.first,
        campaign,
      ),
    );

    switch (action.type) {
      case ActionType.addToFavorites:
        print('Добавляем товар ${action.productId} в избранное');
        ScaffoldMessenger.of(context).showSnackBar(
          SnackBar(content: Text('Товар ${action.productId} добавлен в избранное!')),
        );
        break;
      case ActionType.showRatingDialog:
        print('Показываем диалог оценки для товара ${action.productId}');
        showDialog(
          context: context,
          builder: (_) => AlertDialog(
            title: Text('Оцените товар'),
            content: Text('Как вам товар ${action.productId}?'),
            actions: [
              TextButton(onPressed: () => Navigator.pop(context), child: Text('Закрыть')),
            ],
          ),
        );
        break;
      case ActionType.unknown:
        print('Неизвестное действие');
        break;
    }
  }
}