@mobilon-dev/chotto 0.3.2 → 0.3.3

package/dist/CreateChat-Dv1RI_Uw.js

@@ -0,0 +1,31 @@
+import { ref as s, createElementBlock as c, openBlock as m, createElementVNode as n, withDirectives as p, toDisplayString as u, vModelText as d } from "vue";
+import { _ } from "./index-BAlmGgQr.js";
+const v = {
+  __name: "CreateChat",
+  props: {
+    title: {
+      type: String,
+      required: !0
+    }
+  },
+  emits: ["change"],
+  setup(a, { emit: o }) {
+    const e = s(""), r = o, l = () => {
+      r("change", { name: e.value });
+    };
+    return (f, t) => (m(), c("div", null, [
+      n("h2", null, u(a.title), 1),
+      p(n("input", {
+        "onUpdate:modelValue": t[0] || (t[0] = (i) => e.value = i),
+        type: "text",
+        class: "name",
+        onInput: l
+      }, null, 544), [
+        [d, e.value]
+      ])
+    ]));
+  }
+}, x = /* @__PURE__ */ _(v, [["__scopeId", "data-v-86e56378"]]);
+export {
+  x as default
+};

package/dist/CreateChat2-DR5H827U.js

@@ -0,0 +1,42 @@
+import { ref as m, createElementBlock as s, openBlock as d, createElementVNode as e, withDirectives as u, toDisplayString as v, vModelText as a } from "vue";
+import { _ as f } from "./index-BAlmGgQr.js";
+const x = {
+  __name: "CreateChat2",
+  props: {
+    title: {
+      type: String,
+      required: !0
+    }
+  },
+  emits: ["change"],
+  setup(r, { emit: p }) {
+    const n = m({}), i = p, o = () => {
+      i("change", {
+        contact: n.value
+      });
+    };
+    return (g, t) => (d(), s("div", null, [
+      e("h2", null, v(r.title), 1),
+      t[2] || (t[2] = e("label", null, "Имя", -1)),
+      u(e("input", {
+        "onUpdate:modelValue": t[0] || (t[0] = (l) => n.value.name = l),
+        type: "text",
+        onInput: o
+      }, null, 544), [
+        [a, n.value.name]
+      ]),
+      t[3] || (t[3] = e("br", null, null, -1)),
+      t[4] || (t[4] = e("label", null, "Телефон", -1)),
+      u(e("input", {
+        "onUpdate:modelValue": t[1] || (t[1] = (l) => n.value.phone = l),
+        type: "text",
+        onInput: o
+      }, null, 544), [
+        [a, n.value.phone]
+      ])
+    ]));
+  }
+}, b = /* @__PURE__ */ f(x, [["__scopeId", "data-v-f107c6d4"]]);
+export {
+  b as default
+};

package/dist/CreateDialog-lcy7szHJ.js

@@ -0,0 +1,77 @@
+import { ref as v, computed as d, createElementBlock as r, openBlock as i, createElementVNode as t, toDisplayString as u, withDirectives as m, Fragment as f, renderList as p, vModelSelect as _ } from "vue";
+import { _ as D } from "./index-BAlmGgQr.js";
+const S = { class: "modal__contact-line" }, k = ["value"], q = { class: "modal__channel-line" }, w = ["disabled"], x = ["value"], V = ["disabled"], A = {
+  __name: "CreateDialog",
+  props: {
+    title: {
+      type: String,
+      required: !0
+    },
+    name: {
+      type: String,
+      required: !0
+    },
+    contacts: {
+      type: Array,
+      required: !0
+    },
+    channels: {
+      type: Array,
+      required: !0
+    },
+    filter: {
+      type: Function,
+      required: !1,
+      default: null
+    }
+  },
+  emits: ["change", "submit"],
+  setup(o, { emit: g }) {
+    const n = o, s = v(), a = v(), y = d(() => !!(s.value && a.value)), b = d(() => !!(n.filter && a.value || !n.filter)), h = d(() => n.filter && a.value ? n.filter(a.value, n.channels) : n.channels), c = g, C = () => {
+      c("change", { channel: s.value, contact: a.value }), c("submit");
+    };
+    return (B, l) => (i(), r("div", null, [
+      t("h3", null, u(o.title), 1),
+      t("div", null, " Контакт: " + u(o.name), 1),
+      t("div", S, [
+        l[2] || (l[2] = t("h3", { style: { margin: "0" } }, " Куда пишем ", -1)),
+        m(t("select", {
+          id: "folder",
+          "onUpdate:modelValue": l[0] || (l[0] = (e) => a.value = e)
+        }, [
+          (i(!0), r(f, null, p(o.contacts, (e) => (i(), r("option", {
+            key: e.id || e.value,
+            value: e
+          }, u(e.value), 9, k))), 128))
+        ], 512), [
+          [_, a.value]
+        ])
+      ]),
+      t("div", q, [
+        l[3] || (l[3] = t("h3", { style: { margin: "0" } }, " Через какой канал ", -1)),
+        m(t("select", {
+          id: "folder",
+          "onUpdate:modelValue": l[1] || (l[1] = (e) => s.value = e),
+          disabled: !b.value
+        }, [
+          (i(!0), r(f, null, p(h.value, (e) => (i(), r("option", {
+            key: e.id || e.title,
+            value: e
+          }, u(e.title), 9, x))), 128))
+        ], 8, w), [
+          [_, s.value]
+        ])
+      ]),
+      t("button", {
+        type: "button",
+        class: "modal__button-start",
+        "aria-label": "Close modal",
+        disabled: !y.value,
+        onClick: C
+      }, " Начать диалог ", 8, V)
+    ]));
+  }
+}, U = /* @__PURE__ */ D(A, [["__scopeId", "data-v-85fb19fb"]]);
+export {
+  U as default
+};

package/dist/ModalVideoRecorder-CXr2HQuY.js

@@ -0,0 +1,143 @@
+import { defineComponent as N, ref as l, computed as z, onMounted as $, createElementBlock as m, openBlock as f, Fragment as q, createElementVNode as o, withDirectives as E, vShow as I, createCommentVNode as g, normalizeClass as y, toDisplayString as A, nextTick as G, unref as k } from "vue";
+import { _ as H } from "./index-BAlmGgQr.js";
+const J = { class: "video-recorder__header" }, K = { class: "video-recorder__controls" }, P = { class: "video-recorder__recording-container" }, Q = { class: "video-recorder__recording-time" }, W = /* @__PURE__ */ N({
+  __name: "ModalVideoRecorder",
+  emits: ["change", "submit", "close"],
+  setup(X, { emit: L }) {
+    const S = l(), s = l(0), n = l(0), u = l(0), d = l(0), x = z(() => {
+      let a = d.value < 10 ? "0" + d.value : d.value, e = u.value < 10 ? "0" + u.value : u.value, t = n.value < 10 ? "0" + n.value : n.value, b = s.value < 10 ? "00" + s.value : s.value < 100 ? "0" + s.value : s.value;
+      return r.value ? a + ":" + e + ":" + t + ":" + b : " ";
+    }), _ = l(), R = l(), r = l(!1), c = l(), p = l(), V = l([]), i = l(), w = l(), v = l("camera"), F = () => {
+      v.value == "camera" ? (v.value = "screen", B()) : v.value == "screen" && (C(), v.value = "camera", M());
+    }, O = async () => {
+      !r.value && p.value instanceof MediaStream && (c.value = new MediaRecorder(p.value), c.value.start(), c.value.ondataavailable = (a) => {
+        V.value.push(a.data);
+      }, r.value = !0, S.value = setInterval(() => {
+        s.value += 10, s.value == 1e3 && (s.value = 0, n.value++, n.value == 60 && (n.value = 0, u.value++, u.value == 60 && (u.value = 0, d.value++)));
+      }, 10));
+    }, T = async () => {
+      D(), C(), i.value && (i.value = void 0, await M());
+    }, U = () => {
+      c.value && (c.value.stop(), c.value.onstop = async () => {
+        w.value = new File(V.value, "videomessage.mp4", { type: "video/*" });
+        const a = URL.createObjectURL(w.value);
+        i.value = a, G(() => {
+          R.value && (R.value.src = a);
+        });
+      }), D(), C();
+    };
+    function C() {
+      var e;
+      let a = (e = p.value) == null ? void 0 : e.getTracks();
+      a == null || a.forEach((t) => t.stop());
+    }
+    const D = () => {
+      clearInterval(S.value), s.value = 0, n.value = 0, u.value = 0, d.value = 0, r.value = !1, c.value = void 0, V.value = [];
+    }, h = L, j = () => {
+      h("change", { videoFile: w.value }), h("submit");
+    }, M = async () => {
+      await navigator.mediaDevices.getUserMedia({ audio: !0, video: !0 }).then((a) => {
+        const e = k(_.value);
+        p.value = a, e.srcObject = a, e.addEventListener("loadedmetadata", () => {
+          var t;
+          (t = k(_.value)) == null || t.play();
+        }), e.muted = !0;
+      });
+    }, B = async () => {
+      const a = {
+        video: {
+          cursor: "always"
+        },
+        audio: !1
+      };
+      await navigator.mediaDevices.getDisplayMedia(a).then((e) => {
+        const t = k(_.value);
+        p.value = e, t.srcObject = e, t.addEventListener("loadedmetadata", () => {
+          var b;
+          (b = k(_.value)) == null || b.play();
+        }), t.muted = !0;
+      });
+    };
+    return $(async () => {
+      await M();
+    }), (a, e) => (f(), m(q, null, [
+      o("div", J, [
+        o("button", {
+          class: "video-recorder__button video-recorder__button-close",
+          onClick: e[0] || (e[0] = (t) => h("close"))
+        }, [...e[1] || (e[1] = [
+          o("span", { class: "pi pi-times" }, null, -1)
+        ])])
+      ]),
+      o("div", null, [
+        E(o("video", {
+          ref_key: "refVideo",
+          ref: _,
+          class: "video-recorder__view-area"
+        }, null, 512), [
+          [I, !i.value]
+        ]),
+        E(o("video", {
+          ref_key: "refRecord",
+          ref: R,
+          class: "video-recorder__view-area",
+          controls: ""
+        }, null, 512), [
+          [I, i.value]
+        ]),
+        o("div", K, [
+          o("div", P, [
+            !r.value && !i.value ? (f(), m("button", {
+              key: 0,
+              class: "video-recorder__button",
+              onClick: F
+            }, [
+              o("span", {
+                class: y({
+                  "pi pi-desktop": v.value == "camera",
+                  "pi pi-camera": v.value == "screen"
+                })
+              }, null, 2)
+            ])) : g("", !0),
+            i.value ? g("", !0) : (f(), m("button", {
+              key: 1,
+              class: y(["video-recorder__button", { "video-recorder__recording-button": r.value }]),
+              onClick: O
+            }, [
+              o("span", {
+                class: y(["pi", {
+                  "pi-circle-fill video-recorder__recording-icon": r.value,
+                  "pi-video": !r.value
+                }])
+              }, null, 2)
+            ], 2)),
+            !r.value && i.value ? (f(), m("button", {
+              key: 2,
+              class: "video-recorder__button",
+              onClick: T
+            }, [...e[2] || (e[2] = [
+              o("span", { class: "pi pi-trash" }, null, -1)
+            ])])) : g("", !0),
+            r.value ? (f(), m("button", {
+              key: 3,
+              class: "video-recorder__button",
+              onClick: U
+            }, [...e[3] || (e[3] = [
+              o("div", { class: "video-recorder__stop" }, null, -1)
+            ])])) : g("", !0),
+            o("span", Q, A(x.value), 1)
+          ]),
+          o("button", {
+            class: y(["video-recorder__button", { "video-recorder__button-disabled": !i.value }]),
+            onClick: j
+          }, [...e[4] || (e[4] = [
+            o("span", { class: "video-recorder__save-button" }, " Прикрепить видео ", -1)
+          ])], 2)
+        ])
+      ])
+    ], 64));
+  }
+}), ee = /* @__PURE__ */ H(W, [["__scopeId", "data-v-1cbcf75c"]]);
+export {
+  ee as default
+};

package/dist/SelectUser2-BpDHmoMk.js

@@ -0,0 +1,46 @@
+import { ref as p, createElementBlock as n, openBlock as s, createElementVNode as t, toDisplayString as a, Fragment as m, renderList as _, withDirectives as h, vModelCheckbox as v } from "vue";
+import { _ as f } from "./index-BAlmGgQr.js";
+const g = { class: "participant-list" }, k = ["id", "value"], y = ["for"], x = {
+  __name: "SelectUser2",
+  props: {
+    users: {
+      type: Array,
+      required: !0
+    },
+    title: {
+      type: String,
+      required: !0
+    }
+  },
+  emits: ["change"],
+  setup(o, { emit: i }) {
+    const r = p([]), c = i, u = () => {
+      console.log("check"), c("change", { selectedUsers: r.value });
+    };
+    return (I, l) => (s(), n("div", null, [
+      t("h2", null, a(o.title), 1),
+      t("div", g, [
+        (s(!0), n(m, null, _(o.users, (e) => (s(), n("div", {
+          key: e.userId,
+          class: "participant-item"
+        }, [
+          h(t("input", {
+            id: e.userId,
+            "onUpdate:modelValue": l[0] || (l[0] = (d) => r.value = d),
+            type: "checkbox",
+            value: e.userId,
+            onChange: u
+          }, null, 40, k), [
+            [v, r.value]
+          ]),
+          t("label", {
+            for: e.userId
+          }, a(e.name || "unknown username"), 9, y)
+        ]))), 128))
+      ])
+    ]));
+  }
+}, S = /* @__PURE__ */ f(x, [["__scopeId", "data-v-6a07e20b"]]);
+export {
+  S as default
+};