@mobilon-dev/chotto 0.3.14 → 0.3.16

package/dist/CreateChat-p5-IFFaJ.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-CPYmSpDE.js";
+const f = {
+  __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 (v, 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__ */ _(f, [["__scopeId", "data-v-65f726e8"]]);
+export {
+  x as default
+};

package/dist/CreateChat2-DtgNZff2.js

@@ -0,0 +1,129 @@
+import { ref as m, createElementBlock as p, openBlock as f, createElementVNode as l, toDisplayString as h, withDirectives as D, createCommentVNode as V, normalizeClass as x, vModelText as y } from "vue";
+import { _ as z } from "./index-CPYmSpDE.js";
+const N = { class: "create-chat-form" }, S = { class: "create-chat-title" }, T = { class: "form-field" }, U = {
+  key: 0,
+  class: "form-error"
+}, q = { class: "form-field" }, w = {
+  key: 0,
+  class: "form-error"
+}, M = {
+  __name: "CreateChat2",
+  props: {
+    title: {
+      type: String,
+      required: !0
+    }
+  },
+  emits: ["change"],
+  setup(C, { expose: E, emit: P }) {
+    const r = m({}), a = m({
+      name: "",
+      phone: ""
+    }), c = m(!1), b = P, k = () => {
+      a.value = {
+        name: "",
+        phone: ""
+      };
+    }, B = () => {
+      c.value = !1;
+    }, F = (t, e) => {
+      a.value[t] = e;
+    }, d = (t) => !t || t.trim().length < 3 ? "Имя должно содержать минимум 3 символа" : "", v = (t) => {
+      if (!c.value)
+        return "";
+      if (!t)
+        return "Телефон обязателен для заполнения";
+      const e = t.replace(/\D/g, "");
+      return e.length < 11 ? "Минимум 11 цифр" : e.startsWith("7") ? "" : "Номер телефона должен начинаться с цифры 7";
+    }, I = (t) => {
+      if (!t) return !1;
+      const e = t.replace(/\D/g, "");
+      return !(e.length < 11 || !e.startsWith("7"));
+    }, s = () => {
+      const t = d(r.value.name), e = v(r.value.phone), n = I(r.value.phone);
+      return a.value = {
+        name: t,
+        phone: e
+      }, !t && n;
+    }, u = (t) => (t || "").replace(/\D/g, ""), g = (t) => {
+      const e = u(t);
+      let n = e;
+      if (e.startsWith("8") && (n = "7" + e.slice(1)), n.startsWith("7") || (n = "7" + n), n = n.slice(0, 11), n.length <= 1)
+        return n ? "+" + n : "";
+      const i = "+7";
+      if (n.length > 1) {
+        const o = n.slice(1);
+        return o.length <= 3 ? i + " (" + o : o.length <= 6 ? i + " (" + o.slice(0, 3) + ") " + o.slice(3) : o.length <= 8 ? i + " (" + o.slice(0, 3) + ") " + o.slice(3, 6) + "-" + o.slice(6) : i + " (" + o.slice(0, 3) + ") " + o.slice(3, 6) + "-" + o.slice(6, 8) + "-" + o.slice(8);
+      }
+      return i;
+    }, W = () => {
+      const t = r.value.phone ?? "", e = g(t);
+      e !== t && (r.value = {
+        ...r.value,
+        phone: e
+      });
+    }, _ = () => {
+      W(), s(), b("change", {
+        contact: r.value,
+        contactDigits: u(r.value.phone),
+        isValid: s()
+      });
+    };
+    return E({
+      clearValidationErrors: k,
+      resetTouchedState: B,
+      setValidationError: F,
+      validateForm: s,
+      validateName: d,
+      validatePhone: v,
+      formatPhone: g,
+      extractDigits: u,
+      validationErrors: a,
+      phoneInputTouched: c
+    }), (t, e) => (f(), p("div", N, [
+      l("h2", S, h(C.title), 1),
+      l("div", T, [
+        e[3] || (e[3] = l("label", {
+          class: "form-label",
+          for: "contact-name"
+        }, "Имя", -1)),
+        D(l("input", {
+          id: "contact-name",
+          "onUpdate:modelValue": e[0] || (e[0] = (n) => r.value.name = n),
+          name: "name",
+          type: "text",
+          class: x(["form-input", { "form-input--error": a.value.name }]),
+          placeholder: "Введите имя",
+          onInput: _,
+          onBlur: s
+        }, null, 34), [
+          [y, r.value.name]
+        ]),
+        a.value.name ? (f(), p("div", U, h(a.value.name), 1)) : V("", !0)
+      ]),
+      l("div", q, [
+        e[4] || (e[4] = l("label", {
+          class: "form-label",
+          for: "contact-phone"
+        }, "Телефон", -1)),
+        D(l("input", {
+          id: "contact-phone",
+          "onUpdate:modelValue": e[1] || (e[1] = (n) => r.value.phone = n),
+          name: "phone",
+          type: "text",
+          class: x(["form-input", { "form-input--error": a.value.phone }]),
+          placeholder: "+7 (999) 999-99-99",
+          onInput: _,
+          onFocus: e[2] || (e[2] = (n) => c.value = !0),
+          onBlur: s
+        }, null, 34), [
+          [y, r.value.phone]
+        ]),
+        a.value.phone ? (f(), p("div", w, h(a.value.phone), 1)) : V("", !0)
+      ])
+    ]));
+  }
+}, A = /* @__PURE__ */ z(M, [["__scopeId", "data-v-3302f415"]]);
+export {
+  A as default
+};

package/dist/CreateDialog-CAbZOmnY.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-CPYmSpDE.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-c9b375bd"]]);
+export {
+  U as default
+};

package/dist/ModalVideoRecorder--BE7U7HJ.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-CPYmSpDE.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-47304124"]]);
+export {
+  ee as default
+};

package/dist/SelectUser2-C3Lpkkcw.js

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