import { isButtonClickedEvent } from '../Events/ButtonClickedEvent'; import type { ClosePopupEvent } from '../Events/ClosePopupEvent'; import { IframeApiContribution, sendToWorkadventure } from './IframeApiContribution'; import { apiCallback } from "./registeredCallbacks"; import {Popup} from "./Ui/Popup"; import type {ButtonClickedCallback, ButtonDescriptor} from "./Ui/ButtonDescriptor"; let popupId = 0; const popups: Map = new Map(); const popupCallbacks: Map> = new Map>(); interface ZonedPopupOptions { zone: string objectLayerName?: string, popupText: string, delay?: number popupOptions: Array } class WorkAdventureUiCommands extends IframeApiContribution { callbacks = [apiCallback({ type: "buttonClickedEvent", typeChecker: isButtonClickedEvent, callback: (payloadData) => { const callback = popupCallbacks.get(payloadData.popupId)?.get(payloadData.buttonId); const popup = popups.get(payloadData.popupId); if (popup === undefined) { throw new Error('Could not find popup with ID "' + payloadData.popupId + '"'); } if (callback) { callback(popup); } } })]; openPopup(targetObject: string, message: string, buttons: ButtonDescriptor[]): Popup { popupId++; const popup = new Popup(popupId); const btnMap = new Map void>(); popupCallbacks.set(popupId, btnMap); let id = 0; for (const button of buttons) { const callback = button.callback; if (callback) { btnMap.set(id, () => { callback(popup); }); } id++; } sendToWorkadventure({ 'type': 'openPopup', 'data': { popupId, targetObject, message, buttons: buttons.map((button) => { return { label: button.label, className: button.className }; }) } }); popups.set(popupId, popup) return popup; } displayBubble(): void { sendToWorkadventure({ 'type': 'displayBubble', data: null }); } removeBubble(): void { sendToWorkadventure({ 'type': 'removeBubble', data: null }); } } export default new WorkAdventureUiCommands();