tuikit-atomicx-vue3 3.3.4 → 3.4.2

package/dist/components/MessageInput/AttachmentPicker/FilePicker.js

@@ -1,4 +1,65 @@
-import { _ as _sfc_main } from "../../../FilePicker.vue_vue_type_script_setup_true_lang-CdJ4DUzE.js";
+import { defineComponent as C, useCssModule as k, ref as b, createBlock as y, openBlock as h, unref as e, withCtx as E, createElementVNode as n, renderSlot as I, normalizeClass as a, createVNode as P } from "vue";
+import { IconFile as T } from "@tencentcloud/uikit-base-component-vue3";
+import { c as _ } from "../../../index-DPczIrgX.js";
+import { View as g } from "../../../baseComp/View/index.js";
+import { useMessageInputState as M } from "../../../states/MessageInputState/MessageInputState.js";
+import { MessageContentType as S } from "../../../states/MessageInputState/type.js";
+import { _ as z } from "../../../_plugin-vue_export-helper-CHgC5LLL.js";
+const F = ["accept"], v = /* @__PURE__ */ C({
+  __name: "FilePicker",
+  props: {
+    label: { default: "" },
+    iconSize: { default: 20 },
+    disabled: { type: Boolean, default: !1 }
+  },
+  setup(f) {
+    const d = {
+      ACCEPT_TYPE: "*/*"
+    }, o = f, i = k(), { sendMessage: p } = M(), l = b(null);
+    function u() {
+      var t;
+      o.disabled || (t = l.value) == null || t.click();
+    }
+    function m(t) {
+      var r;
+      const s = t.target, c = (r = s.files) == null ? void 0 : r[0];
+      c && (p([{ type: S.FILE, content: c }]), s.value = "");
+    }
+    return (t, s) => (h(), y(e(g), null, {
+      default: E(() => [
+        n("div", { onClick: u }, [
+          I(t.$slots, "default", {}, () => [
+            n("div", {
+              class: a(e(_)(e(i)["file-picker__button"], {
+                [e(i).disabled]: o.disabled
+              }))
+            }, [
+              P(e(T), {
+                size: o.iconSize,
+                class: a(e(_)(e(i)["file-picker__icon"]))
+              }, null, 8, ["size", "class"])
+            ], 2)
+          ])
+        ]),
+        n("input", {
+          ref_key: "fileInputRef",
+          ref: l,
+          type: "file",
+          accept: d.ACCEPT_TYPE,
+          hidden: "",
+          onChange: m
+        }, null, 40, F)
+      ]),
+      _: 3
+    }));
+  }
+}), B = "_disabled_o5cim_16", N = {
+  "file-picker__button": "_file-picker__button_o5cim_1",
+  disabled: B,
+  "file-picker__icon": "_file-picker__icon_o5cim_22"
+}, x = {
+  $style: N
+}, L = /* @__PURE__ */ z(v, [["__cssModules", x]]);
 export {
-  _sfc_main as default
+  L as default
 };

package/dist/components/MessageInput/AttachmentPicker/FilePicker.vue.d.ts

@@ -1,29 +1,25 @@
 interface Props {
     label?: string;
     iconSize?: number;
-    onClose?: () => void;
-    className?: string;
-    style?: Record<string, string>;
+    disabled?: boolean;
 }
-declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
+declare function __VLS_template(): {
+    default?(_: {}): any;
+};
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
     label: string;
-    className: string;
-    style: undefined;
-    onClose: () => void;
+    disabled: boolean;
     iconSize: number;
 }>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
     label: string;
-    className: string;
-    style: undefined;
-    onClose: () => void;
+    disabled: boolean;
     iconSize: number;
 }>>> & Readonly<{}>, {
-    onClose: () => void;
     label: string;
-    style: Record<string, string>;
-    className: string;
+    disabled: boolean;
     iconSize: number;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {
@@ -42,3 +38,8 @@ type __VLS_WithDefaults<P, D> = {
 type __VLS_Prettify<T> = {
     [K in keyof T]: T[K];
 } & {};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/MessageInput/AttachmentPicker/ImagePicker.js

@@ -1,4 +1,65 @@
-import { _ as _sfc_main } from "../../../ImagePicker.vue_vue_type_script_setup_true_lang-CbNUofpK.js";
+import { defineComponent as g, useCssModule as C, ref as k, createBlock as b, openBlock as I, unref as e, withCtx as y, createElementVNode as i, renderSlot as h, normalizeClass as r, createVNode as E } from "vue";
+import { IconImage as M } from "@tencentcloud/uikit-base-component-vue3";
+import { c as _ } from "../../../index-DPczIrgX.js";
+import { View as P } from "../../../baseComp/View/index.js";
+import { useMessageInputState as T } from "../../../states/MessageInputState/MessageInputState.js";
+import { MessageContentType as w } from "../../../states/MessageInputState/type.js";
+import { _ as x } from "../../../_plugin-vue_export-helper-CHgC5LLL.js";
+const S = ["accept"], z = /* @__PURE__ */ g({
+  __name: "ImagePicker",
+  props: {
+    label: { default: "" },
+    iconSize: { default: 20 },
+    disabled: { type: Boolean, default: !1 }
+  },
+  setup(p) {
+    const d = {
+      ACCEPT_TYPE: ".jpg,.jpeg,.gif,.png,.bmp,.webp"
+    }, s = p, n = C(), { sendMessage: f } = T(), l = k(null);
+    function u() {
+      var t;
+      s.disabled || (t = l.value) == null || t.click();
+    }
+    function m(t) {
+      var a;
+      const o = t.target, c = (a = o.files) == null ? void 0 : a[0];
+      c && (f([{ type: w.IMAGE, content: c }]), o.value = "");
+    }
+    return (t, o) => (I(), b(e(P), null, {
+      default: y(() => [
+        i("div", { onClick: u }, [
+          h(t.$slots, "default", {}, () => [
+            i("div", {
+              class: r(e(_)(e(n)["image-picker__button"], {
+                [e(n).disabled]: s.disabled
+              }))
+            }, [
+              E(e(M), {
+                size: s.iconSize,
+                class: r(e(_)(e(n)["image-picker__icon"]))
+              }, null, 8, ["size", "class"])
+            ], 2)
+          ])
+        ]),
+        i("input", {
+          ref_key: "fileInputRef",
+          ref: l,
+          type: "file",
+          accept: d.ACCEPT_TYPE,
+          hidden: "",
+          onChange: m
+        }, null, 40, S)
+      ]),
+      _: 3
+    }));
+  }
+}), v = "_disabled_xwls5_16", A = {
+  "image-picker__button": "_image-picker__button_xwls5_1",
+  disabled: v,
+  "image-picker__icon": "_image-picker__icon_xwls5_22"
+}, B = {
+  $style: A
+}, G = /* @__PURE__ */ x(z, [["__cssModules", B]]);
 export {
-  _sfc_main as default
+  G as default
 };

package/dist/components/MessageInput/AttachmentPicker/ImagePicker.vue.d.ts

@@ -1,29 +1,25 @@
 interface Props {
     label?: string;
     iconSize?: number;
-    onClose?: () => void;
-    className?: string;
-    style?: Record<string, string>;
+    disabled?: boolean;
 }
-declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
+declare function __VLS_template(): {
+    default?(_: {}): any;
+};
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
     label: string;
-    className: string;
-    style: undefined;
-    onClose: () => void;
+    disabled: boolean;
     iconSize: number;
 }>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
     label: string;
-    className: string;
-    style: undefined;
-    onClose: () => void;
+    disabled: boolean;
     iconSize: number;
 }>>> & Readonly<{}>, {
-    onClose: () => void;
     label: string;
-    style: Record<string, string>;
-    className: string;
+    disabled: boolean;
     iconSize: number;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {
@@ -42,3 +38,8 @@ type __VLS_WithDefaults<P, D> = {
 type __VLS_Prettify<T> = {
     [K in keyof T]: T[K];
 } & {};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/MessageInput/AttachmentPicker/VideoPicker.js

@@ -1,4 +1,65 @@
-import { _ as _sfc_main } from "../../../VideoPicker.vue_vue_type_script_setup_true_lang-CmxjbNDJ.js";
+import { defineComponent as k, useCssModule as C, ref as b, createBlock as v, openBlock as y, unref as e, withCtx as h, createElementVNode as i, renderSlot as E, normalizeClass as a, createVNode as I } from "vue";
+import { IconVideo as P } from "@tencentcloud/uikit-base-component-vue3";
+import { c as d } from "../../../index-DPczIrgX.js";
+import { View as T } from "../../../baseComp/View/index.js";
+import { useMessageInputState as V } from "../../../states/MessageInputState/MessageInputState.js";
+import { MessageContentType as g } from "../../../states/MessageInputState/type.js";
+import { _ as M } from "../../../_plugin-vue_export-helper-CHgC5LLL.js";
+const S = ["accept"], z = /* @__PURE__ */ k({
+  __name: "VideoPicker",
+  props: {
+    label: { default: "" },
+    iconSize: { default: 20 },
+    disabled: { type: Boolean, default: !1 }
+  },
+  setup(_) {
+    const p = {
+      ACCEPT_TYPE: ".mp4,.mov,.qt"
+    }, o = _, s = C(), { sendMessage: u } = V(), c = b(null);
+    function f() {
+      var t;
+      o.disabled || (t = c.value) == null || t.click();
+    }
+    function m(t) {
+      var r;
+      const n = t.target, l = (r = n.files) == null ? void 0 : r[0];
+      l && (u([{ type: g.VIDEO, content: l }]), n.value = "");
+    }
+    return (t, n) => (y(), v(e(T), null, {
+      default: h(() => [
+        i("div", { onClick: f }, [
+          E(t.$slots, "default", {}, () => [
+            i("div", {
+              class: a(e(d)(e(s)["video-picker__button"], {
+                [e(s).disabled]: o.disabled
+              }))
+            }, [
+              I(e(P), {
+                size: o.iconSize,
+                class: a(e(d)(e(s)["video-picker__icon"]))
+              }, null, 8, ["size", "class"])
+            ], 2)
+          ])
+        ]),
+        i("input", {
+          ref_key: "fileInputRef",
+          ref: c,
+          type: "file",
+          accept: p.ACCEPT_TYPE,
+          hidden: "",
+          onChange: m
+        }, null, 40, S)
+      ]),
+      _: 3
+    }));
+  }
+}), B = "_disabled_1skpb_16", N = {
+  "video-picker__button": "_video-picker__button_1skpb_1",
+  disabled: B,
+  "video-picker__icon": "_video-picker__icon_1skpb_22"
+}, x = {
+  $style: N
+}, D = /* @__PURE__ */ M(z, [["__cssModules", x]]);
 export {
-  _sfc_main as default
+  D as default
 };

package/dist/components/MessageInput/AttachmentPicker/VideoPicker.vue.d.ts

@@ -1,29 +1,25 @@
 interface Props {
     label?: string;
     iconSize?: number;
-    onClose?: () => void;
-    className?: string;
-    style?: Record<string, string>;
+    disabled?: boolean;
 }
-declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
+declare function __VLS_template(): {
+    default?(_: {}): any;
+};
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
     label: string;
-    className: string;
-    style: undefined;
-    onClose: () => void;
+    disabled: boolean;
     iconSize: number;
 }>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
     label: string;
-    className: string;
-    style: undefined;
-    onClose: () => void;
+    disabled: boolean;
     iconSize: number;
 }>>> & Readonly<{}>, {
-    onClose: () => void;
     label: string;
-    style: Record<string, string>;
-    className: string;
+    disabled: boolean;
     iconSize: number;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {
@@ -42,3 +38,8 @@ type __VLS_WithDefaults<P, D> = {
 type __VLS_Prettify<T> = {
     [K in keyof T]: T[K];
 } & {};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/MessageInput/AttachmentPicker/index.js

@@ -1,87 +1,85 @@
-import { defineComponent, computed, createElementBlock, openBlock, normalizeClass, unref, createBlock, withCtx, createVNode, createElementVNode, Fragment, renderList, resolveDynamicComponent, mergeProps } from "vue";
-import { useUIKit, IconPlus } from "@tencentcloud/uikit-base-component-vue3";
-import { P as PopoverRoot_default, a as PopoverTrigger_default, b as PopoverPortal_default, c as PopoverContent_default } from "../../../PopoverTrigger-BKOIHfdS.js";
-import { s as styles } from "../../../AttachmentPicker.module-BesmtGyl.js";
-import { _ as _sfc_main$1 } from "../../../FilePicker.vue_vue_type_script_setup_true_lang-CdJ4DUzE.js";
-import { _ as _sfc_main$2 } from "../../../ImagePicker.vue_vue_type_script_setup_true_lang-CbNUofpK.js";
-import { _ as _sfc_main$3 } from "../../../VideoPicker.vue_vue_type_script_setup_true_lang-CmxjbNDJ.js";
-const _sfc_main = /* @__PURE__ */ defineComponent({
+import { defineComponent as E, computed as k, createElementBlock as o, openBlock as t, normalizeClass as n, unref as e, createBlock as s, withCtx as r, createVNode as c, renderSlot as b, createElementVNode as I, Fragment as f, renderList as h, resolveDynamicComponent as P, mergeProps as C } from "vue";
+import { useUIKit as D, IconPlus as q } from "@tencentcloud/uikit-base-component-vue3";
+import { P as A, a as x, b as L, c as N } from "../../../PopoverTrigger-L8abAry7.js";
+import S from "./FilePicker.js";
+import V from "./ImagePicker.js";
+import z from "./VideoPicker.js";
+const p = {
+  "attachment-picker": "_attachment-picker_1bduq_1",
+  "attachment-picker__icon": "_attachment-picker__icon_1bduq_5",
+  "attachment-picker__popup": "_attachment-picker__popup_1bduq_9",
+  "attachment-picker--expanded": "_attachment-picker--expanded_1bduq_19",
+  "attachment-picker__item": "_attachment-picker__item_1bduq_24",
+  "attachment-picker__item-icon": "_attachment-picker__item-icon_1bduq_48"
+}, w = /* @__PURE__ */ E({
   __name: "AttachmentPicker",
   props: {
     attachmentPickerMode: { default: "collapsed" }
   },
-  setup(__props) {
-    const ICON_SIZE = {
+  setup(v) {
+    const _ = {
       COLLAPSED: 18,
       EXPANDED: 24
-    };
-    const props = __props;
-    const { t } = useUIKit();
-    const isCollapsed = computed(() => props.attachmentPickerMode === "collapsed");
-    const pickerItems = computed(() => [
-      { type: "file", Component: _sfc_main$1 },
-      { type: "image", Component: _sfc_main$2 },
-      { type: "video", Component: _sfc_main$3 }
-    ].map(({ type, Component }) => ({
-      Component,
+    }, g = v, { t: y } = D(), i = k(() => g.attachmentPickerMode === "collapsed"), u = k(() => [
+      { type: "file", Component: S },
+      { type: "image", Component: V },
+      { type: "video", Component: z }
+    ].map(({ type: m, Component: d }) => ({
+      Component: d,
       props: {
-        label: isCollapsed.value ? t(`MessageInput.${type}`) : "",
-        iconSize: isCollapsed.value ? ICON_SIZE.COLLAPSED : ICON_SIZE.EXPANDED
+        label: i.value ? y(`MessageInput.${m}`) : "",
+        iconSize: i.value ? _.COLLAPSED : _.EXPANDED
       }
     })));
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass([unref(styles)["attachment-picker"]])
-      }, [
-        isCollapsed.value ? (openBlock(), createBlock(unref(PopoverRoot_default), { key: 0 }, {
-          default: withCtx(() => [
-            createVNode(unref(PopoverTrigger_default), { as: "span" }, {
-              default: withCtx(() => [
-                createVNode(unref(IconPlus), {
-                  class: normalizeClass(unref(styles)["attachment-picker__icon"]),
+    return (m, d) => (t(), o("div", {
+      class: n([e(p)["attachment-picker"]])
+    }, [
+      i.value ? (t(), s(e(A), { key: 0 }, {
+        default: r(() => [
+          c(e(x), { as: "div" }, {
+            default: r(() => [
+              b(m.$slots, "default", {}, () => [
+                c(e(q), {
+                  class: n(e(p)["attachment-picker__icon"]),
                   size: "20"
                 }, null, 8, ["class"])
-              ]),
-              _: 1
-            }),
-            createVNode(unref(PopoverPortal_default), null, {
-              default: withCtx(() => [
-                createVNode(unref(PopoverContent_default), {
-                  side: "top",
-                  align: "start",
-                  "side-offset": 5
-                }, {
-                  default: withCtx(() => [
-                    createElementVNode("div", {
-                      class: normalizeClass(unref(styles)["attachment-picker__popup"])
-                    }, [
-                      (openBlock(true), createElementBlock(Fragment, null, renderList(pickerItems.value, (picker, index) => {
-                        return openBlock(), createBlock(resolveDynamicComponent(picker.Component), mergeProps({ key: index }, { ref_for: true }, picker.props), null, 16);
-                      }), 128))
-                    ], 2)
-                  ]),
-                  _: 1
-                })
-              ]),
-              _: 1
-            })
-          ]),
-          _: 1
-        })) : (openBlock(), createElementBlock("div", {
-          key: 1,
-          class: normalizeClass(unref(styles)["attachment-picker--expanded"])
-        }, [
-          (openBlock(true), createElementBlock(Fragment, null, renderList(pickerItems.value, (picker, index) => {
-            return openBlock(), createBlock(resolveDynamicComponent(picker.Component), mergeProps({ key: index }, { ref_for: true }, picker.props), null, 16);
-          }), 128))
-        ], 2))
-      ], 2);
-    };
+              ])
+            ]),
+            _: 3
+          }),
+          c(e(L), null, {
+            default: r(() => [
+              c(e(N), {
+                side: "top",
+                align: "start",
+                "side-offset": 5
+              }, {
+                default: r(() => [
+                  I("div", {
+                    class: n(e(p)["attachment-picker__popup"])
+                  }, [
+                    (t(!0), o(f, null, h(u.value, (a, l) => (t(), s(P(a.Component), C({ key: l }, { ref_for: !0 }, a.props), null, 16))), 128))
+                  ], 2)
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          })
+        ]),
+        _: 3
+      })) : (t(), o("div", {
+        key: 1,
+        class: n(e(p)["attachment-picker--expanded"])
+      }, [
+        (t(!0), o(f, null, h(u.value, (a, l) => (t(), s(P(a.Component), C({ key: l }, { ref_for: !0 }, a.props), null, 16))), 128))
+      ], 2))
+    ], 2));
   }
 });
 export {
-  _sfc_main as AttachmentPicker,
-  _sfc_main$1 as FilePicker,
-  _sfc_main$2 as ImagePicker,
-  _sfc_main$3 as VideoPicker
+  w as AttachmentPicker,
+  S as FilePicker,
+  V as ImagePicker,
+  z as VideoPicker
 };

package/dist/components/MessageInput/AudioCallPicker/AudioCallPicker.js

@@ -0,0 +1,155 @@
+import { defineComponent as T, useCssModule as B, ref as g, computed as f, createBlock as O, openBlock as z, unref as t, withCtx as M, createElementVNode as N, createVNode as m, normalizeClass as I, renderSlot as V } from "vue";
+import { useUIKit as $, IconCall1 as F, TUIDialog as K } from "@tencentcloud/uikit-base-component-vue3";
+import { c as X } from "../../../index-DPczIrgX.js";
+import { View as Y } from "../../../baseComp/View/index.js";
+import { ConversationType as _ } from "../../../types/engine.js";
+import { startCall as k } from "../../../utils/call.js";
+import { UserPicker as Z } from "../../UserPicker/index.js";
+import { useGroupSettingState as j } from "../../../states/GroupSettingState/GroupSettingState.js";
+import { useConversationListState as q } from "../../../states/ConversationListState/ConversationListState.js";
+import { _ as H } from "../../../_plugin-vue_export-helper-CHgC5LLL.js";
+const y = 1, J = 80, Q = 9, W = 1, ee = /* @__PURE__ */ T({
+  __name: "AudioCallPicker",
+  props: {
+    label: { default: "" },
+    iconSize: { default: 20 },
+    disabled: { type: Boolean, default: !1 }
+  },
+  setup(G) {
+    const s = G, n = B(), { t: i } = $(), { activeConversation: a } = q(), { allMembers: C, getGroupMemberList: h, memberCount: D } = j(), c = g(!1), u = g(), P = f(
+      () => {
+        var e;
+        return ((e = a.value) == null ? void 0 : e.type) === _.C2C;
+      }
+    ), x = f(
+      () => {
+        var e;
+        return ((e = C.value) == null ? void 0 : e.map((o) => ({
+          key: o.userID,
+          label: o.nick || o.userID,
+          avatarUrl: o.avatar
+        }))) ?? [];
+      }
+    ), A = f(() => !(!a.value || s.disabled));
+    function E() {
+      var o, r;
+      const e = (r = (o = a.value) == null ? void 0 : o.userProfile) == null ? void 0 : r.userID;
+      if (!e) {
+        console.warn("No peer user ID found for private call");
+        return;
+      }
+      try {
+        k({
+          userIDList: [e],
+          chatGroupID: void 0,
+          type: y
+        });
+      } catch (l) {
+        console.error("Failed to start private audio call:", l);
+      }
+    }
+    function v() {
+      var r, l;
+      if (((r = a.value) == null ? void 0 : r.type) !== _.GROUP)
+        return;
+      const e = ((l = C.value) == null ? void 0 : l.length) || 0, o = D.value || 0;
+      e < o && h({
+        count: J,
+        offset: e
+      });
+    }
+    function L() {
+      v(), c.value = !0;
+    }
+    function p() {
+      c.value = !1;
+    }
+    function S() {
+      var l, b;
+      const e = (b = (l = a.value) == null ? void 0 : l.groupProfile) == null ? void 0 : b.groupID;
+      if (!u.value || !e) {
+        console.warn("Missing group information for group call");
+        return;
+      }
+      const o = u.value.getSelectedItems();
+      if (!Array.isArray(o) || o.length === 0) {
+        console.warn("No members selected for group call");
+        return;
+      }
+      const r = o.map((d) => d.key);
+      try {
+        k({
+          userIDList: r,
+          chatGroupID: e,
+          type: y
+        }), p();
+      } catch (d) {
+        console.error("Failed to start group audio call:", d);
+      }
+    }
+    function U() {
+      if (!A.value) {
+        console.warn("Cannot start audio call");
+        return;
+      }
+      P.value ? E() : L();
+    }
+    const R = () => {
+      var e;
+      ((e = a.value) == null ? void 0 : e.type) === _.GROUP && v();
+    }, w = () => S();
+    return (e, o) => (z(), O(t(Y), null, {
+      default: M(() => [
+        N("div", {
+          class: I(t(X)(t(n)["audio-call-picker__button"], {
+            [t(n).disabled]: s.disabled
+          })),
+          onClick: U
+        }, [
+          V(e.$slots, "default", {}, () => [
+            m(t(F), {
+              size: s.iconSize,
+              class: I(t(n)["audio-call-picker__icon"])
+            }, null, 8, ["size", "class"])
+          ])
+        ], 2),
+        m(t(K), {
+          visible: c.value,
+          title: t(i)("MessageInput.select_call_members"),
+          cancelText: t(i)("MessageInput.cancel"),
+          cancel: p,
+          close: p,
+          confirmText: t(i)("MessageInput.initiate_call"),
+          confirm: w,
+          customClasses: ["group-call-dialog"],
+          appendTo: "body"
+        }, {
+          default: M(() => [
+            m(t(Z), {
+              ref_key: "groupMemberPickerRef",
+              ref: u,
+              "display-mode": "list",
+              "data-source": x.value,
+              "max-count": Q,
+              "min-count": W,
+              class: "group-member-picker",
+              style: { width: "100%" },
+              onReachEnd: R
+            }, null, 8, ["data-source"])
+          ]),
+          _: 1
+        }, 8, ["visible", "title", "cancelText", "confirmText"])
+      ]),
+      _: 3
+    }));
+  }
+}), oe = "_disabled_1xb1g_16", te = {
+  "audio-call-picker__button": "_audio-call-picker__button_1xb1g_1",
+  disabled: oe,
+  "audio-call-picker__icon": "_audio-call-picker__icon_1xb1g_22"
+}, re = {
+  $style: te
+}, me = /* @__PURE__ */ H(ee, [["__cssModules", re]]);
+export {
+  me as default
+};