tuikit-atomicx-vue3 3.4.1 → 4.3.0

package/dist/components/CoHostPanel/ConfigSettingPanel.js

@@ -1,100 +1,94 @@
-import { defineComponent as T, ref as p, watch as b, computed as N, createBlock as _, openBlock as l, unref as u, withCtx as x, createElementVNode as t, toDisplayString as r, createElementBlock as m, Fragment as y, renderList as f, normalizeClass as B, createCommentVNode as G, resolveDynamicComponent as P } from "vue";
-import { useUIKit as F, IconDynamicGridLayout as S, IconDynamic1v6Layout as U, TUIDialog as V } from "@tencentcloud/uikit-base-component-vue3";
-import { CoHostLayoutTemplate as h } from "../../types/coHost.js";
+import { defineComponent as T, ref as v, watch as b, computed as H, createBlock as _, openBlock as l, unref as u, withCtx as N, createElementVNode as e, toDisplayString as r, createElementBlock as m, Fragment as f, renderList as y, normalizeClass as B, createCommentVNode as x, resolveDynamicComponent as G } from "vue";
+import { useUIKit as P, IconDynamicGridLayout as S, TUIDialog as U } from "@tencentcloud/uikit-base-component-vue3";
+import { CoHostLayoutTemplate as V } from "../../types/coHost.js";
 import { _ as w } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
-const E = { class: "setting-panel" }, z = { class: "setting-item" }, A = { class: "setting-item-label" }, K = { class: "template-options" }, O = { class: "options-grid" }, $ = ["onClick"], j = { class: "option-info" }, q = { class: "setting-item" }, J = { class: "setting-item-label" }, M = { class: "setting-item-value" }, Q = { class: "layout-template-options" }, R = ["value", "checked"], W = { class: "layout-template-label" }, X = /* @__PURE__ */ T({
+const E = { class: "setting-panel" }, F = { class: "setting-item" }, z = { class: "setting-item-label" }, A = { class: "template-options" }, K = { class: "options-grid" }, O = ["onClick"], $ = { class: "option-info" }, j = { class: "setting-item" }, q = { class: "setting-item-label" }, J = { class: "setting-item-value" }, M = { class: "layout-template-options" }, Q = ["value", "checked"], R = { class: "layout-template-label" }, W = /* @__PURE__ */ T({
   __name: "ConfigSettingPanel",
   props: {
     visible: { type: Boolean },
     form: {}
   },
   emits: ["update:visible", "cancel", "confirm"],
-  setup(d, { emit: g }) {
-    const { t: o } = F(), n = d, i = g, s = p(n.visible), D = [
+  setup(d, { emit: h }) {
+    const { t: o } = P(), s = d, i = h, n = v(s.visible), g = [
       { label: o("Number minutes", { number: 1 }), value: 1 * 60 },
       { label: o("Number minutes", { number: 2 }), value: 2 * 60 },
       { label: o("Number minutes", { number: 3 }), value: 3 * 60 },
       { label: o("Number minutes", { number: 5 }), value: 5 * 60 }
-    ], c = p({
-      coHostLayoutTemplate: n.form.coHostLayoutTemplate,
-      battleDuration: n.form.battleDuration
+    ], c = v({
+      coHostLayoutTemplate: s.form.coHostLayoutTemplate,
+      battleDuration: s.form.battleDuration
     });
     function C(a) {
       c.value.coHostLayoutTemplate = a;
     }
-    const L = () => {
+    const D = () => {
       i("update:visible", !1), i("cancel");
     }, k = () => {
       i("update:visible", !1), i("confirm", { ...c.value });
-    }, I = (a) => {
+    }, L = (a) => {
       c.value.battleDuration = Number(a.target.value);
     };
-    b(() => n.visible, (a) => {
-      s.value = a;
-    }), b(s, (a) => {
+    b(() => s.visible, (a) => {
+      n.value = a;
+    }), b(n, (a) => {
       i("update:visible", a);
     });
-    const H = N(() => [
+    const I = H(() => [
       {
         id: "PortraitDynamic_Grid9",
         icon: S,
-        templateId: h.HostDynamicGrid,
+        templateId: V.HostDynamicGrid,
         label: o("Dynamic Grid9 Layout")
-      },
-      {
-        id: "PortraitFixed_1v6",
-        icon: U,
-        templateId: h.HostDynamic1v6,
-        label: o("Dynamic 1v6 Layout")
       }
     ]);
-    return (a, v) => (l(), _(u(V), {
-      visible: s.value,
-      "onUpdate:visible": v[0] || (v[0] = (e) => s.value = e),
+    return (a, p) => (l(), _(u(U), {
+      visible: n.value,
+      "onUpdate:visible": p[0] || (p[0] = (t) => n.value = t),
       title: u(o)("Anchor battle settings"),
       "custom-classes": ["co-host-dialog"],
-      onCancel: L,
+      onCancel: D,
       onConfirm: k
     }, {
-      default: x(() => [
-        t("div", E, [
-          t("div", z, [
-            t("div", A, r(u(o)("Connection Layout")), 1),
-            t("div", K, [
-              t("div", O, [
-                (l(!0), m(y, null, f(H.value, (e) => (l(), m("div", {
-                  key: e.id,
-                  class: B(["option-card", { active: c.value.coHostLayoutTemplate === e.templateId }]),
-                  onClick: (Y) => C(e.templateId)
+      default: N(() => [
+        e("div", E, [
+          e("div", F, [
+            e("div", z, r(u(o)("Connection Layout")), 1),
+            e("div", A, [
+              e("div", K, [
+                (l(!0), m(f, null, y(I.value, (t) => (l(), m("div", {
+                  key: t.id,
+                  class: B(["option-card", { active: c.value.coHostLayoutTemplate === t.templateId }]),
+                  onClick: (X) => C(t.templateId)
                 }, [
-                  t("div", j, [
-                    e.icon ? (l(), _(P(e.icon), {
+                  e("div", $, [
+                    t.icon ? (l(), _(G(t.icon), {
                       key: 0,
                       class: "option-icon"
-                    })) : G("", !0),
-                    t("h4", null, r(e.label), 1)
+                    })) : x("", !0),
+                    e("h4", null, r(t.label), 1)
                   ])
-                ], 10, $))), 128))
+                ], 10, O))), 128))
               ])
             ])
           ]),
-          t("div", q, [
-            t("div", J, r(u(o)("Battle duration")), 1),
-            t("div", M, [
-              t("div", Q, [
-                (l(), m(y, null, f(D, (e) => t("label", {
-                  key: e,
+          e("div", j, [
+            e("div", q, r(u(o)("Battle duration")), 1),
+            e("div", J, [
+              e("div", M, [
+                (l(), m(f, null, y(g, (t) => e("label", {
+                  key: t,
                   class: "layout-template-option"
                 }, [
-                  t("input", {
-                    value: e.value,
+                  e("input", {
+                    value: t.value,
                     type: "radio",
                     name: "coHostLayoutTemplate",
                     class: "layout-template-radio",
-                    checked: e.value === d.form.battleDuration,
-                    onInput: I
-                  }, null, 40, R),
-                  t("span", W, r(e.label), 1)
+                    checked: t.value === d.form.battleDuration,
+                    onInput: L
+                  }, null, 40, Q),
+                  e("span", R, r(t.label), 1)
                 ])), 64))
               ])
             ])
@@ -104,7 +98,7 @@ const E = { class: "setting-panel" }, z = { class: "setting-item" }, A = { class
       _: 1
     }, 8, ["visible", "title"]));
   }
-}), at = /* @__PURE__ */ w(X, [["__scopeId", "data-v-fa782600"]]);
+}), oe = /* @__PURE__ */ w(W, [["__scopeId", "data-v-8f40092f"]]);
 export {
-  at as default
+  oe as default
 };

package/dist/components/CoHostPanel/ConnectionPanel.js

@@ -1,42 +1,44 @@
-import { defineComponent as ce, computed as G, ref as S, onMounted as de, onUnmounted as me, createElementBlock as R, openBlock as r, Fragment as O, createElementVNode as c, createCommentVNode as y, createVNode as h, unref as s, toDisplayString as l, renderList as ve, withCtx as m, createBlock as T, createTextVNode as p } from "vue";
-import { TUILiveBattleManagerEvents as v, TUIConnectionCode as _ } from "@tencentcloud/tuiroom-engine-js";
-import { useUIKit as Ce, TUIButton as f, TUIDialog as pe, TUIToast as i, TOAST_TYPE as u } from "@tencentcloud/uikit-base-component-vue3";
-import { useBattleState as Re } from "../../states/BattleState.js";
-import { useLoginState as fe } from "../../states/LoginState.js";
-import Ie from "../Avatar/Avatar.js";
-import ye from "./RecommendHostList.js";
+import { defineComponent as ce, computed as G, ref as k, onMounted as de, onUnmounted as me, createElementBlock as p, openBlock as i, Fragment as w, createElementVNode as c, createCommentVNode as y, createVNode as h, unref as s, toDisplayString as l, renderList as ve, withCtx as m, createBlock as T, createTextVNode as R } from "vue";
+import { TUIConnectionCode as _ } from "@tencentcloud/tuiroom-engine-js";
+import { useUIKit as Ce, TUIButton as f, TUIDialog as Re, TUIToast as r, TOAST_TYPE as u } from "@tencentcloud/uikit-base-component-vue3";
+import { useLoginState as pe } from "../../states/LoginState.js";
+import fe from "../Avatar/Avatar.js";
+import Ie from "./RecommendHostList.js";
+import { ERROR_MESSAGE as ye } from "./constants.js";
 import { useCoHostState as he } from "../../states/CoHostState/CoHostState.js";
+import { useBattleState as _e } from "../../states/BattleState/BattleState.js";
 import { CoHostEvent as q, CoHostStatus as N, CoHostLayoutTemplate as J } from "../../types/coHost.js";
-import { _ as _e } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
-const qe = {
+import { BattleEvent as v } from "../../types/battle.js";
+import { _ as qe } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
+const be = {
   id: "AtomicxCoHostPanel",
   class: "connection-panel"
-}, be = {
+}, ge = {
   key: 0,
   id: "userListContainer",
   class: "user-list-container"
-}, ge = { class: "user-list-title" }, Be = { class: "user-list-title-text" }, Ee = { class: "user-list-title-count" }, He = { class: "user-list" }, ke = { class: "user-item-left" }, Se = { class: "user-item-right" }, Te = { class: "user-info" }, Ne = { class: "user-name" }, Ue = { class: "user-status" }, xe = {
+}, Ee = { class: "user-list-title" }, Be = { class: "user-list-title-text" }, He = { class: "user-list-title-count" }, Se = { class: "user-list" }, ke = { class: "user-item-left" }, Te = { class: "user-item-right" }, Ne = { class: "user-info" }, xe = { class: "user-name" }, Ue = { class: "user-status" }, Oe = {
   key: 0,
   class: "empty-state"
 }, we = {
   key: 0,
   class: "connection-panel-footer"
-}, Oe = /* @__PURE__ */ ce({
+}, Ae = /* @__PURE__ */ ce({
   __name: "ConnectionPanel",
   props: {
     battleDuration: {},
     coHostLayoutTemplate: {}
   },
   setup(K) {
-    const U = K, { t: o } = Ce(), { loginUserInfo: I } = fe(), {
+    const x = K, { t: o } = Ce(), { loginUserInfo: I } = pe(), {
       coHostStatus: H,
-      connected: k,
+      connected: S,
       invitees: Y,
       requestHostConnection: Q,
       cancelHostConnection: W,
-      exitHostConnection: L,
-      subscribeEvent: x,
-      unsubscribeEvent: w
+      exitHostConnection: A,
+      subscribeEvent: U,
+      unsubscribeEvent: O
     } = he(), {
       currentBattleInfo: X,
       battleUsers: Z,
@@ -44,152 +46,159 @@ const qe = {
       cancelBattleRequest: te,
       subscribeEvent: b,
       unsubscribeEvent: g
-    } = Re(), se = G(() => ({
+    } = _e(), se = G(() => ({
       [J.HostDynamicGrid]: 9,
       [J.HostDynamic1v6]: 7
-    })[U.coHostLayoutTemplate]), B = S(!1), d = S(/* @__PURE__ */ new Set()), E = S(""), oe = (e, t) => Y.value.some((a) => a.userId === e && a.liveId === t), A = G(() => Z.value.some((e) => {
-      var t;
-      return e.userId === ((t = I.value) == null ? void 0 : t.userId);
-    })), C = S(/* @__PURE__ */ new Set()), ne = async (e) => {
+    })[x.coHostLayoutTemplate]), E = k(!1), d = k(/* @__PURE__ */ new Set()), B = k(""), oe = (t, e) => Y.value.some((n) => n.userId === t && n.liveId === e), L = G(() => Z.value.some((t) => {
+      var e;
+      return t.userId === ((e = I.value) == null ? void 0 : e.userId);
+    })), C = k(/* @__PURE__ */ new Set()), ne = async (t) => {
       try {
-        const t = await Q({
-          liveId: e.liveId,
-          layoutTemplate: U.coHostLayoutTemplate,
+        const e = await Q({
+          liveId: t.liveId,
+          layoutTemplate: x.coHostLayoutTemplate,
           timeout: 10,
           extensionInfo: JSON.stringify({
             timeout: 10,
             withBattle: !1
           })
         });
-        if (t.get(e.liveId) === _.TUIConnectionCodeSuccess)
-          C.value.add(e.userId), i({ type: u.SUCCESS, message: o("Co-host invitation sent to user", { userName: e.userName }) });
+        if (e.get(t.liveId) === _.TUIConnectionCodeSuccess)
+          C.value.add(t.userId), r({ type: u.SUCCESS, message: o("Co-host invitation sent to user", { userName: t.userName || t.userId }) });
         else
-          switch (t.get(e.liveId)) {
+          switch (e.get(t.liveId)) {
             case _.TUIConnectionCodeRoomNotExist:
-              i({ type: u.ERROR, message: o("Send co-host request failed, Room not exist") });
+              r({ type: u.ERROR, message: o("Send co-host request failed, Room not exist") });
               break;
             case _.TUIConnectionCodeConnecting:
-              i({ type: u.ERROR, message: o("Send co-host request failed, Room is connecting") });
+              r({ type: u.ERROR, message: o("Send co-host request failed, Room is connecting") });
               break;
             case _.TUIConnectionCodeConnectingOtherRoom:
-              i({ type: u.ERROR, message: o("Send co-host request failed, Room is connecting other room") });
+              r({ type: u.ERROR, message: o("Send co-host request failed, Room is connecting other room") });
               break;
             case _.TUIConnectionCodeFull:
-              i({ type: u.ERROR, message: o("Send co-host request failed, Connected count is full") });
+              r({ type: u.ERROR, message: o("Send co-host request failed, Connected count is full") });
               break;
             case _.TUIConnectionCodeRetry:
-              i({ type: u.ERROR, message: o("Send co-host request failed") });
+              r({ type: u.ERROR, message: o("Send co-host request failed") });
               break;
             default:
-              i({ type: u.ERROR, message: o("Send co-host request failed") });
+              r({ type: u.ERROR, message: o("Send co-host request failed") });
               break;
           }
-      } catch (t) {
-        throw i({ type: u.ERROR, message: o("Send co-host request failed") }), t;
+      } catch (e) {
+        throw r({ type: u.ERROR, message: o("Send co-host request failed") }), e;
       }
-    }, ae = async (e) => {
+    }, ae = async (t) => {
       try {
-        await W({ liveId: e.liveId }), C.value.delete(e.userId);
-      } catch (t) {
-        throw i({ type: u.ERROR, message: o("Cancel co-host request failed") }), t;
+        await W({ liveId: t.liveId }), C.value.delete(t.userId);
+      } catch (e) {
+        throw r({ type: u.ERROR, message: o("Cancel co-host request failed") }), e;
       }
     }, le = () => {
-      L(), B.value = !1;
-    }, ie = async () => {
-      const e = k.value.filter((a) => {
+      A(), E.value = !1;
+    }, re = async () => {
+      const t = S.value.filter((e) => {
         var n;
-        return a.userId !== ((n = I.value) == null ? void 0 : n.userId);
-      }).map((a) => a.userId), t = await ee({
-        config: {
-          duration: U.battleDuration,
-          needResponse: !0
-        },
-        userIdList: e,
-        timeout: 10
-      });
-      E.value = t.battleId, e.forEach((a) => d.value.add(a));
+        return e.userId !== ((n = I.value) == null ? void 0 : n.userId);
+      }).map((e) => e.userId);
+      try {
+        const e = await ee({
+          config: {
+            duration: x.battleDuration,
+            needResponse: !0,
+            extensionInfo: ""
+          },
+          userIdList: t,
+          timeout: 10
+        });
+        B.value = e.battleId, t.forEach((n) => d.value.add(n));
+      } catch (e) {
+        const n = o(ye[e.code] || "Request battle failed");
+        r.error({ message: n });
+      }
     }, ue = async () => {
       await te({
-        battleId: E.value,
+        battleId: B.value,
         userIdList: Array.from(d.value)
-      }), E.value = "", d.value.clear();
-    }, $ = ({ invitee: e }) => {
-      C.value.has(e.userId) && C.value.delete(e.userId);
-    }, j = ({ invitee: e }) => {
-      C.value.has(e.userId) && (i({ type: u.INFO, message: o("Co-host request rejected by user", { userName: e.userName }) }), C.value.delete(e.userId));
-    }, D = ({ inviter: e, invitee: t }) => {
-      var a;
-      e.userId === ((a = I.value) == null ? void 0 : a.userId) && C.value.has(t.userId) && (i({ type: u.INFO, message: o("Co-host request timeout for user", { userName: t.userName }) }), C.value.delete(t.userId));
-    }, z = (e) => {
-      var t;
-      e.inviter.userId === ((t = I.value) == null ? void 0 : t.userId) && d.value.delete(e.invitee.userId);
-    }, F = (e) => {
-      var t;
-      e.inviter.userId === ((t = I.value) == null ? void 0 : t.userId) && (i({ type: u.INFO, message: o("Battle request rejected by user", { userName: e.invitee.userName }) }), d.value.delete(e.invitee.userId));
-    }, P = (e) => {
-      var t;
-      e.inviter.userId === ((t = I.value) == null ? void 0 : t.userId) && d.value.delete(e.invitee.userId);
-    }, M = (e) => {
-      E.value = "", d.value.clear();
-    }, V = (e) => {
-      E.value = "", d.value.clear();
+      }), B.value = "", d.value.clear();
+    }, $ = ({ invitee: t }) => {
+      C.value.has(t.userId) && C.value.delete(t.userId);
+    }, j = ({ invitee: t }) => {
+      C.value.has(t.userId) && (r({ type: u.INFO, message: o("Co-host request rejected by user", { userName: t.userName || t.userId }) }), C.value.delete(t.userId));
+    }, D = ({ inviter: t, invitee: e }) => {
+      var n;
+      t.userId === ((n = I.value) == null ? void 0 : n.userId) && C.value.has(e.userId) && (r({ type: u.INFO, message: o("Co-host request timeout for user", { userName: e.userName || e.userId }) }), C.value.delete(e.userId));
+    }, z = (t) => {
+      var e;
+      t.inviter.userId === ((e = I.value) == null ? void 0 : e.userId) && d.value.delete(t.invitee.userId);
+    }, F = (t) => {
+      var e;
+      t.inviter.userId === ((e = I.value) == null ? void 0 : e.userId) && (r({ type: u.INFO, message: o("Battle request rejected by user", { userName: t.invitee.userName || t.invitee.userId }) }), d.value.delete(t.invitee.userId));
+    }, P = (t) => {
+      var e;
+      t.inviter.userId === ((e = I.value) == null ? void 0 : e.userId) && d.value.delete(t.invitee.userId);
+    }, M = () => {
+      B.value = "", d.value.clear();
+    }, V = () => {
+      B.value = "", d.value.clear();
     };
     return de(() => {
-      x(q.onCoHostRequestAccepted, $), x(q.onCoHostRequestRejected, j), x(q.onCoHostRequestTimeout, D), b(v.onBattleRequestAccept, z), b(v.onBattleRequestReject, F), b(v.onBattleRequestTimeout, P), b(v.onBattleStarted, M), b(v.onBattleEnded, V);
+      U(q.onCoHostRequestAccepted, $), U(q.onCoHostRequestRejected, j), U(q.onCoHostRequestTimeout, D), b(v.onBattleRequestAccept, z), b(v.onBattleRequestReject, F), b(v.onBattleRequestTimeout, P), b(v.onBattleStarted, M), b(v.onBattleEnded, V);
     }), me(() => {
-      w(q.onCoHostRequestAccepted, $), w(q.onCoHostRequestRejected, j), w(q.onCoHostRequestTimeout, D), g(v.onBattleRequestAccept, z), g(v.onBattleRequestReject, F), g(v.onBattleRequestTimeout, P), g(v.onBattleStarted, M), g(v.onBattleEnded, V);
-    }), (e, t) => {
-      var a;
-      return r(), R(O, null, [
-        c("div", qe, [
-          s(H) === s(N).Connected ? (r(), R("div", be, [
-            c("div", ge, [
+      O(q.onCoHostRequestAccepted, $), O(q.onCoHostRequestRejected, j), O(q.onCoHostRequestTimeout, D), g(v.onBattleRequestAccept, z), g(v.onBattleRequestReject, F), g(v.onBattleRequestTimeout, P), g(v.onBattleStarted, M), g(v.onBattleEnded, V);
+    }), (t, e) => {
+      var n;
+      return i(), p(w, null, [
+        c("div", be, [
+          s(H) === s(N).Connected ? (i(), p("div", ge, [
+            c("div", Ee, [
               c("span", Be, l(s(o)("Current seat")), 1),
-              c("span", Ee, l(`(${s(k).length}/${se.value})`), 1)
+              c("span", He, l(`(${s(S).length}/${se.value})`), 1)
             ]),
-            c("div", He, [
-              (r(!0), R(O, null, ve(s(k), (n) => (r(), R("div", {
-                key: `${n.userId}-${n.liveId}`,
+            c("div", Se, [
+              (i(!0), p(w, null, ve(s(S), (a) => (i(), p("div", {
+                key: `${a.userId}-${a.liveId}`,
                 class: "user-item"
               }, [
                 c("div", ke, [
-                  h(s(Ie), {
-                    src: n.avatarUrl,
+                  h(s(fe), {
+                    src: a.avatarUrl,
                     size: 40
                   }, null, 8, ["src"])
                 ]),
-                c("div", Se, [
-                  c("div", Te, [
-                    c("span", Ne, l(n.userName || n.userId), 1)
+                c("div", Te, [
+                  c("div", Ne, [
+                    c("span", xe, l(a.userName || a.userId), 1)
                   ]),
                   c("div", Ue, l(s(o)("Connecting")) + "... ", 1)
                 ])
               ]))), 128))
             ]),
-            s(k).length === 0 ? (r(), R("div", xe, [
+            s(S).length === 0 ? (i(), p("div", Oe, [
               c("span", null, l(s(o)("Seat is empty")), 1)
             ])) : y("", !0)
           ])) : y("", !0),
-          h(ye, { class: "recommend-host-list" }, {
-            "host-item-actions": m(({ user: n }) => [
-              oe(n.userId, n.liveId) ? (r(), T(s(f), {
+          h(Ie, { class: "recommend-host-list" }, {
+            "host-item-actions": m(({ user: a }) => [
+              oe(a.userId, a.liveId) ? (i(), T(s(f), {
                 key: 1,
                 size: "small",
                 color: "gray",
-                onClick: (re) => ae(n)
+                onClick: (ie) => ae(a)
               }, {
                 default: m(() => [
-                  p(l(s(o)("Cancel invitation")), 1)
+                  R(l(s(o)("Cancel invitation")), 1)
                 ]),
                 _: 1
-              }, 8, ["onClick"])) : (r(), T(s(f), {
+              }, 8, ["onClick"])) : (i(), T(s(f), {
                 key: 0,
                 size: "small",
                 type: s(H) === s(N).Connected ? "default" : "primary",
-                onClick: (re) => ne(n)
+                onClick: (ie) => ne(a)
               }, {
                 default: m(() => [
-                  p(l(s(o)("Invite connection")), 1)
+                  R(l(s(o)("Invite connection")), 1)
                 ]),
                 _: 1
               }, 8, ["type", "onClick"]))
@@ -197,54 +206,54 @@ const qe = {
             _: 1
           })
         ]),
-        s(H) === s(N).Connected ? (r(), R("div", we, [
+        s(H) === s(N).Connected ? (i(), p("div", we, [
           h(s(f), {
             color: "red",
-            onClick: t[0] || (t[0] = (n) => B.value = !0)
+            onClick: e[0] || (e[0] = (a) => E.value = !0)
           }, {
             default: m(() => [
-              p(l(s(o)("Exit connection")), 1)
+              R(l(s(o)("Exit connection")), 1)
             ]),
             _: 1
           }),
-          (a = s(X)) != null && a.battleId ? y("", !0) : (r(), R(O, { key: 0 }, [
-            !A.value && d.value.size === 0 ? (r(), T(s(f), {
+          (n = s(X)) != null && n.battleId ? y("", !0) : (i(), p(w, { key: 0 }, [
+            !L.value && d.value.size === 0 ? (i(), T(s(f), {
               key: 0,
               type: "primary",
-              onClick: ie
+              onClick: re
             }, {
               default: m(() => [
-                p(l(s(o)("Start battle")), 1)
+                R(l(s(o)("Start battle")), 1)
               ]),
               _: 1
             })) : y("", !0),
-            !A.value && d.value.size > 0 ? (r(), T(s(f), {
+            !L.value && d.value.size > 0 ? (i(), T(s(f), {
               key: 1,
               onClick: ue
             }, {
               default: m(() => [
-                p(l(s(o)("Cancel battle")), 1)
+                R(l(s(o)("Cancel battle")), 1)
               ]),
               _: 1
             })) : y("", !0)
           ], 64))
         ])) : y("", !0),
-        h(s(pe), {
-          visible: s(H) === s(N).Connected && B.value,
+        h(s(Re), {
+          visible: s(H) === s(N).Connected && E.value,
           showClose: !1,
           modal: !1,
           customClasses: ["exit-co-host-dialog"],
-          onConfirm: s(L),
-          onCancel: t[2] || (t[2] = (n) => B.value = !1)
+          onConfirm: s(A),
+          onCancel: e[2] || (e[2] = (a) => E.value = !1)
         }, {
           footer: m(() => [
             h(s(f), {
               type: "default",
               color: "gray",
-              onClick: t[1] || (t[1] = (n) => B.value = !1)
+              onClick: e[1] || (e[1] = (a) => E.value = !1)
             }, {
               default: m(() => [
-                p(l(s(o)("Cancel")), 1)
+                R(l(s(o)("Cancel")), 1)
               ]),
               _: 1
             }),
@@ -254,20 +263,20 @@ const qe = {
               onClick: le
             }, {
               default: m(() => [
-                p(l(s(o)("Exit connection")), 1)
+                R(l(s(o)("Exit connection")), 1)
               ]),
               _: 1
             })
           ]),
           default: m(() => [
-            p(l(s(o)("Are you sure you want to exit the connection")) + " ", 1)
+            R(l(s(o)("Are you sure you want to exit the connection")) + " ", 1)
           ]),
           _: 1
         }, 8, ["visible", "onConfirm"])
       ], 64);
     };
   }
-}), Ge = /* @__PURE__ */ _e(Oe, [["__scopeId", "data-v-9b2e40cd"]]);
+}), Ye = /* @__PURE__ */ qe(Ae, [["__scopeId", "data-v-79a3c742"]]);
 export {
-  Ge as default
+  Ye as default
 };