인터랙티브 선물

public void onSendGift(GiftListPanelView giftListView, Gift gift, int giftCount) {
   //...Here is the pre-processing, such as verifying the current user's balance, etc
   GiftUser receiver = new GiftUser();
   //...Here set the gift recipient information
   giftListView.sendGift(gift, giftCount, receiver);
}

lazy var giftListView = GiftListView(roomId: roomId, delegate: self)
// ...Add giftListView to your parent view and adjust the layout here

func onSendGift(gift model: TUIGift, giftCount: Int) {
    //... Preprocessing here, such as verifying the current user's balance
    let receiver = TUIGiftUser()
    //... Set gift recipient information here
    giftListView.sendGift(model: giftModel, giftCount: giftCount, receiver: receiver, completion: completion)
}\

import { ref } from "vue";
import { useGiftList, type Gift } from "src/TUILive/components/Gift/useGiftList.ts";

const { handleSendGift } = useGiftList();
const selectedGift = ref<Gift>({} as Gift);

// The method is bound to the click event of the send button on the GiftList panel.
const handleSendSelectedGift = async (gift: Gift) => {
  if (selectedGift.value !== gift) return;
  try {
    // Call handleSendGift to send the gift.
    await handleSendGift(gift);
    selectedGift.value = {} as Gift;
  } catch (error) {
    selectedGift.value = {} as Gift;
    throw error;
  }
}

GiftPlayView giftPlayView = new GiftPlayView(mContext, roomId);

let giftPlayView = GiftPlayView(groupId: roomId)
// ...Add giftPlayView to your parent view and adjust the layout here

<template>
    // After placing the GiftPlayerCardList component, you can adjust its layout according to your specific business requirements.
    <GiftPlayerCardList/>
</template>

<script setup lang="ts">
import GiftPlayerCardList from 'src/TUILive/components/Gift/GiftPlayerCardList.vue';
</script>

public interface TUIGiftPlayViewListener {
    void onReceiveGift(Gift gift, int giftCount, GiftUser sender, GiftUser receiver);
    //...
}

func giftPlayView(_ giftPlayView: GiftPlayView, onReceiveGift gift: TUIGift, giftCount: Int, sender: TUIGiftUser, receiver: TUIGiftUser)
    // Custom Processing
} 

// File location: src/TUILive/components/Chat/MessageList/useMessageListHook.ts

const onReceiveMessage = (options: { data: any }) => {
  if (!options || !options.data) {
    return;
  }
  const currentConversationId = `GROUP${roomId.value}`;
  options.data.forEach((message: any) => {
    // ..
    if (isGiftMsg(message.payload?.data)) {
      // If the condition enters this branch, it indicates a gift message. You may customize it according to your specific business requirements.
    }
    // ..
  });
};

mGiftCloudServer.queryGiftInfoList((error, result) -> post(() -> {
    if (error == Error.NO_ERROR) {
        mGiftListView.setGiftList(result);
    } else {
        ToastUtil.toastLongMessage("query gift list error, code = " + error);
    }
}));

// File location: iOS/TUILiveKit/Sources/Component/Gift/Store/TUIGiftStore.swift

class TUIGiftStore {
    static let shared = TUIGiftStore()
    
    private init() {
        giftCloudServer.queryGiftInfoList { [weak self] error, giftList in
            guard let self = self else { return }
            if error == .noError {
                self.giftList = giftList
            }
        }
    }
    var giftList: [TUIGift] = []
    let giftCloudServer: IGiftCloudServer = GiftCloudServer()
}


// File location: iOS/TUILiveKit/Sources/LiveStream/Main/Manager/LSRouterControlCenter.swift
private func getRouteDefaultView(route: LSRoute) -> UIView?
 {  
    switch route {
    case .giftView:
      let giftPanel = GiftListPanel(roomId: manager.roomState.roomId, dataSource: manager)
      giftPanel.setGiftList(TUIGiftStore.shared.giftList)
      view = giftPanel
    }
}

// File location: src/TUILive/components/Gift/useGiftList.ts

// Gift backup data
const giftListDataBackup = {
    "giftList": [
        {
          "giftId": "1",
          "imageUrl": "Gift image URL",
          "animationUrl": "Gift animation effect URL", // Requires an SVGA format animation.
          "price": 99,
          "giftName": "Heart",
          "giftName_en": "Heart gesture",
          "type": 0
        },
        // ...
    ]
}

// Replace the gift data URLs in the getGiftList method.
const getGiftList = async (): Promise<Gift[]> => {
  const giftDataUrl = 'Gift image URL';
  const { giftList } = await safelyFetchGiftData(giftDataUrl);
  // Cross-domain issues may prevent the browser from retrieving API data when requesting resources. In such cases, you can use the gift backup data instead.
  return giftList || giftListDataBackup;
}