sm-click-library-ui 0.0.183 → 0.0.185

package/README.md

@@ -1,3 +1,3 @@
-# SM Library UI
-
-# 🚀 Get Started:
+# SM Library UI
+
+# 🚀 Get Started:

package/dist/sm-click-library-ui.es.js

@@ -90,7 +90,7 @@ const gt = (e, n) => {
   for (const [a, r] of n)
     t[a] = r;
   return t;
-}, Gl = (e) => (mt("data-v-970e6830"), e = e(), ht(), e), Zl = { class: "line-clamp-2 uppercase text-xs truncate text-white" }, Kl = /* @__PURE__ */ Gl(() => /* @__PURE__ */ p("path", {
+}, Gl = (e) => (mt("data-v-265f04f1"), e = e(), ht(), e), Zl = { class: "line-clamp-2 uppercase text-xs truncate text-white" }, Kl = /* @__PURE__ */ Gl(() => /* @__PURE__ */ p("path", {
   "fill-rule": "evenodd",
   d: "M18.4 10.3A2 2 0 0 0 17 7H7a2 2 0 0 0-1.5 3.3l4.9 5.9a2 2 0 0 0 3 0l5-6Z",
   "clip-rule": "evenodd"
@@ -148,7 +148,7 @@ const gt = (e, n) => {
       ])) : B("", !0)
     ], 512));
   }
-}, ts = /* @__PURE__ */ gt(ti, [["__scopeId", "data-v-970e6830"]]), ns = (e) => (mt("data-v-0f03a511"), e = e(), ht(), e), ni = {
+}, ts = /* @__PURE__ */ gt(ti, [["__scopeId", "data-v-265f04f1"]]), ns = (e) => (mt("data-v-f3147d63"), e = e(), ht(), e), ni = {
   key: 0,
   class: "modal_head"
 }, ai = /* @__PURE__ */ ns(() => /* @__PURE__ */ p("div", { class: "modal-overlay absolute h-full w-full bg-gray-600 opacity-50" }, null, -1)), ri = { class: "modal_responsive" }, oi = { class: "flex min-h-full items-center justify-center text-center sm:p-0" }, si = { class: "modal_tittle text-current" }, li = { class: "flex items-center gap-3" }, ii = ["innerHTML"], ui = { class: "text-xl font-semibold flex items-center gap-2" }, ci = /* @__PURE__ */ ns(() => /* @__PURE__ */ p("svg", {
@@ -183,10 +183,10 @@ const gt = (e, n) => {
       default: "md:w-1/2 xl:w-1/3"
     }
   },
-  emits: ["update:isOpen"],
+  emits: ["update:isOpen", "close"],
   setup(e, { emit: n }) {
     const t = e, a = n, r = () => {
-      a("update:isOpen", !t.isOpen);
+      a("update:isOpen", !t.isOpen), console.log(t.isOpen), t.isOpen && a("close");
     };
     return (o, s) => {
       var l, u;
@@ -230,7 +230,7 @@ const gt = (e, n) => {
       ])) : B("", !0);
     };
   }
-}, as = /* @__PURE__ */ gt(pi, [["__scopeId", "data-v-0f03a511"]]), vi = { class: "flex justify-left gap-3" }, yi = {
+}, as = /* @__PURE__ */ gt(pi, [["__scopeId", "data-v-f3147d63"]]), vi = { class: "flex justify-left gap-3" }, yi = {
   key: 0,
   class: "text-green-500",
   xmlns: "http://www.w3.org/2000/svg",
@@ -10294,7 +10294,7 @@ const hh = {
       this.$emit("update:modelValue", !1);
     }
   }
-}, gl = (e) => (mt("data-v-e2c896dc"), e = e(), ht(), e), ph = {
+}, gl = (e) => (mt("data-v-01066386"), e = e(), ht(), e), ph = {
   key: 0,
   class: "modal-head text-white"
 }, vh = /* @__PURE__ */ gl(() => /* @__PURE__ */ p("div", { class: "modal-overlay" }, null, -1)), yh = { class: "modal_responsive" }, gh = { class: "flex min-h-full items-center justify-center text-center" }, wh = { class: "modal-size w-full" }, bh = { class: "modal-background bg-base-200" }, _h = { class: "modal-title" }, kh = /* @__PURE__ */ gl(() => /* @__PURE__ */ p("svg", {
@@ -10342,7 +10342,7 @@ function Th(e, n, t, a, r, o) {
     ])
   ])) : B("", !0);
 }
-const wl = /* @__PURE__ */ gt(hh, [["render", Th], ["__scopeId", "data-v-e2c896dc"]]), Fa = (e) => (mt("data-v-2727b591"), e = e(), ht(), e), Dh = { class: "container" }, Ph = { class: "form-group" }, Sh = /* @__PURE__ */ Fa(() => /* @__PURE__ */ p("label", { for: "contentInput" }, "Horário", -1)), Ch = { class: "form-group" }, Oh = /* @__PURE__ */ Fa(() => /* @__PURE__ */ p("label", { for: "titleInput" }, "Título", -1)), $h = { class: "form-group" }, Rh = /* @__PURE__ */ Fa(() => /* @__PURE__ */ p("label", { for: "contentInput" }, "Conteúdo", -1)), Nh = /* @__PURE__ */ Fa(() => /* @__PURE__ */ p("div", { class: "button-container" }, [
+const wl = /* @__PURE__ */ gt(hh, [["render", Th], ["__scopeId", "data-v-01066386"]]), Fa = (e) => (mt("data-v-1e35871d"), e = e(), ht(), e), Dh = { class: "container" }, Ph = { class: "form-group" }, Sh = /* @__PURE__ */ Fa(() => /* @__PURE__ */ p("label", { for: "contentInput" }, "Horário", -1)), Ch = { class: "form-group" }, Oh = /* @__PURE__ */ Fa(() => /* @__PURE__ */ p("label", { for: "titleInput" }, "Título", -1)), $h = { class: "form-group" }, Rh = /* @__PURE__ */ Fa(() => /* @__PURE__ */ p("label", { for: "contentInput" }, "Conteúdo", -1)), Nh = /* @__PURE__ */ Fa(() => /* @__PURE__ */ p("div", { class: "button-container" }, [
   /* @__PURE__ */ p("button", { class: "save-button" }, "Salvar")
 ], -1)), Eh = {
   __name: "reminder",
@@ -10420,7 +10420,7 @@ const wl = /* @__PURE__ */ gt(hh, [["render", Th], ["__scopeId", "data-v-e2c896d
       Nh
     ]));
   }
-}, Fh = /* @__PURE__ */ gt(Eh, [["__scopeId", "data-v-2727b591"]]);
+}, Fh = /* @__PURE__ */ gt(Eh, [["__scopeId", "data-v-1e35871d"]]);
 function Yh(e) {
   return { all: e = e || /* @__PURE__ */ new Map(), on: function(n, t) {
     var a = e.get(n);
@@ -10449,7 +10449,7 @@ const Lh = () => {
     group: e.group || ""
   };
   return Eo.emit("notify", { notification: t, timeout: n }), () => Eo.emit("close", t.id);
-}, Yo = Ih(), la = (e) => (mt("data-v-3975222f"), e = e(), ht(), e), Bh = { class: "container" }, qh = { class: "form-group" }, Wh = /* @__PURE__ */ la(() => /* @__PURE__ */ p("label", { for: "contentInput" }, "Horário", -1)), Hh = { class: "form-group" }, jh = /* @__PURE__ */ la(() => /* @__PURE__ */ p("label", { for: "contentInput" }, "Conteúdo", -1)), zh = {
+}, Yo = Ih(), la = (e) => (mt("data-v-b4cc7e1d"), e = e(), ht(), e), Bh = { class: "container" }, qh = { class: "form-group" }, Wh = /* @__PURE__ */ la(() => /* @__PURE__ */ p("label", { for: "contentInput" }, "Horário", -1)), Hh = { class: "form-group" }, jh = /* @__PURE__ */ la(() => /* @__PURE__ */ p("label", { for: "contentInput" }, "Conteúdo", -1)), zh = {
   key: 0,
   class: "custom-fields-container border border-base-100"
 }, Vh = { class: "custom-fields-header bg-base-300" }, Uh = /* @__PURE__ */ la(() => /* @__PURE__ */ p("svg", {
@@ -10665,7 +10665,7 @@ const Lh = () => {
       ]);
     };
   }
-}, o1 = /* @__PURE__ */ gt(r1, [["__scopeId", "data-v-3975222f"]]), s1 = (e) => (mt("data-v-351c6849"), e = e(), ht(), e), l1 = { key: 0 }, i1 = { key: 1 }, u1 = { class: "main-container" }, c1 = {
+}, o1 = /* @__PURE__ */ gt(r1, [["__scopeId", "data-v-b4cc7e1d"]]), s1 = (e) => (mt("data-v-c896f01d"), e = e(), ht(), e), l1 = { key: 0 }, i1 = { key: 1 }, u1 = { class: "main-container" }, c1 = {
   key: 0,
   class: "select-container"
 }, d1 = ["value"], f1 = /* @__PURE__ */ s1(() => /* @__PURE__ */ p("svg", {
@@ -10765,7 +10765,7 @@ const Lh = () => {
       _: 1
     }, 8, ["modelValue"]));
   }
-}, h1 = /* @__PURE__ */ gt(m1, [["__scopeId", "data-v-351c6849"]]), En = (e) => (mt("data-v-972e6756"), e = e(), ht(), e), p1 = { class: "calendar-container text-white" }, v1 = { class: "calendar-header bg-base-300" }, y1 = /* @__PURE__ */ En(() => /* @__PURE__ */ p("svg", {
+}, h1 = /* @__PURE__ */ gt(m1, [["__scopeId", "data-v-c896f01d"]]), En = (e) => (mt("data-v-de5087ab"), e = e(), ht(), e), p1 = { class: "calendar-container text-white" }, v1 = { class: "calendar-header bg-base-300" }, y1 = /* @__PURE__ */ En(() => /* @__PURE__ */ p("svg", {
   class: "icon",
   "aria-hidden": "true",
   xmlns: "http://www.w3.org/2000/svg",
@@ -11109,7 +11109,7 @@ const Lh = () => {
       ], 64);
     };
   }
-}, bl = /* @__PURE__ */ gt(q1, [["__scopeId", "data-v-972e6756"]]), W1 = { class: "flex flex-col text-center" }, H1 = { class: "flex flex-col space-y-3 justify-center" }, j1 = { class: "space-x-4 flex-col text-black justify-center" }, z1 = ["onUpdate:modelValue", "onInput", "onKeydown"], _l = {
+}, bl = /* @__PURE__ */ gt(q1, [["__scopeId", "data-v-de5087ab"]]), W1 = { class: "flex flex-col text-center" }, H1 = { class: "flex flex-col space-y-3 justify-center" }, j1 = { class: "space-x-4 flex-col text-black justify-center" }, z1 = ["onUpdate:modelValue", "onInput", "onKeydown"], _l = {
   __name: "mfa",
   props: {
     eventHandling: {
@@ -11256,10 +11256,14 @@ function ap(e, n, t) {
 }
 function rp() {
   const e = Gr(), n = async (l) => {
-    const u = e.attendants.find((d) => d.id === l);
+    const u = e.attendants.find(
+      (d) => d.id === l
+    );
     if (u)
       try {
-        const d = await jt.get(`${Ja}?attendant=${l}&page=1`);
+        const d = await jt.get(
+          `${Ja}?attendant=${l}&page=1`
+        );
         u.messages = d.data.results.reverse(), u.hasNextPage = d.data.next !== null, u.currentPage = 2, u.internal_chat = {
           channel_id: d.data.channel_id,
           unread: 0
@@ -11268,13 +11272,18 @@ function rp() {
         console.error("Erro ao buscar mensagens:", d);
       }
   }, t = async (l) => {
-    const u = e.attendants.find((d) => d.id === l);
+    const u = e.attendants.find(
+      (d) => d.id === l
+    );
     if (!(!u || !u.hasNextPage))
       try {
         const d = await jt.get(
           `${Ja}?attendant=${l}&page=${u.currentPage}`
         );
-        u.messages = [...d.data.results.reverse(), ...u.messages], u.hasNextPage = d.data.next !== null, u.currentPage++;
+        u.messages = [
+          ...d.data.results.reverse(),
+          ...u.messages
+        ], u.hasNextPage = d.data.next !== null, u.currentPage++;
       } catch (d) {
         console.error("Erro ao carregar mais mensagens:", d);
       }
@@ -11287,13 +11296,19 @@ function rp() {
         return ((h = f.internal_chat) == null ? void 0 : h.channel_id) === i.channel_id;
       }
     );
-    c ? (c.messages = c.messages || [], c.messages.find((h) => h.id === i.id) || (c.messages.push(i), (!u || c.id !== d) && (c.internal_chat.unread = (c.internal_chat.unread || 0) + 1))) : console.error("Atendente não encontrado para o canal especificado.");
+    c ? (c.messages = c.messages || [], c.messages.find(
+      (h) => h.id === i.id
+    ) || (c.messages.push(i), (!u || c.id !== d) && (c.internal_chat.unread = (c.internal_chat.unread || 0) + 1))) : console.error("Atendente não encontrado para o canal especificado.");
   }, r = (l) => {
-    const u = e.attendants.find((d) => d.id === l);
+    const u = e.attendants.find(
+      (d) => d.id === l
+    );
     u && (u.internal_chat.unread = 0);
   }, o = async (l, u, d) => {
     var f;
-    const i = e.attendants.find((h) => h.id === l);
+    const i = e.attendants.find(
+      (h) => h.id === l
+    );
     if (!i || !((f = i.internal_chat) != null && f.channel_id)) return;
     const c = {
       id: ap(),
@@ -11314,7 +11329,9 @@ function rp() {
       console.error("Erro ao enviar mensagem:", h);
     }
   }, s = (l) => {
-    const u = e.attendants.find((d) => d.id === l);
+    const u = e.attendants.find(
+      (d) => d.id === l
+    );
     return u ? u.hasNextPage : !1;
   };
   return {
@@ -11328,7 +11345,7 @@ function rp() {
     resetUnreadMessages: r
   };
 }
-const op = (e) => (mt("data-v-7d8b2820"), e = e(), ht(), e), sp = { class: "avatar bg-[#404857] shadow shadow-gray-900 dark:shadow-gray-700 dark:bg-gray-300 text-gray-100 dark:text-gray-500" }, lp = {
+const op = (e) => (mt("data-v-1d00f344"), e = e(), ht(), e), sp = { class: "avatar bg-[#404857] shadow shadow-gray-900 dark:shadow-gray-700 dark:bg-gray-300 text-gray-100 dark:text-gray-500" }, lp = {
   key: 0,
   style: { "padding-top": "0.5rem" },
   xmlns: "http://www.w3.org/2000/svg",
@@ -11356,7 +11373,7 @@ const op = (e) => (mt("data-v-7d8b2820"), e = e(), ht(), e), sp = { class: "avat
       }, null, 8, cp)) : (v(), A("svg", lp, up))
     ]));
   }
-}, kl = /* @__PURE__ */ gt(dp, [["__scopeId", "data-v-7d8b2820"]]), xl = (e) => (mt("data-v-2f55ead9"), e = e(), ht(), e), fp = { class: "attendants-container" }, mp = { class: "atendentes-list bg-base-300" }, hp = {
+}, kl = /* @__PURE__ */ gt(dp, [["__scopeId", "data-v-1d00f344"]]), xl = (e) => (mt("data-v-69007262"), e = e(), ht(), e), fp = { class: "attendants-container" }, mp = { class: "atendentes-list bg-base-300" }, hp = {
   key: 0,
   class: "empty-message bg-base-200"
 }, pp = ["onClick"], vp = { class: "atendente-main" }, yp = { class: "atendente-name" }, gp = { class: "flex items-center gap-4" }, wp = {
@@ -11421,7 +11438,7 @@ const op = (e) => (mt("data-v-7d8b2820"), e = e(), ht(), e), sp = { class: "avat
       _p
     ]));
   }
-}, xp = /* @__PURE__ */ gt(kp, [["__scopeId", "data-v-2f55ead9"]]);
+}, xp = /* @__PURE__ */ gt(kp, [["__scopeId", "data-v-69007262"]]);
 function Ap(e, n = null) {
   if (!e)
     return !1;
@@ -13159,7 +13176,7 @@ const Uv = {
     weekStartsOn: 0,
     firstWeekContainsDate: 1
   }
-}, ia = (e) => (mt("data-v-9cc86a66"), e = e(), ht(), e), ky = { class: "messages-container bg-base-300" }, xy = { class: "header-intern bg-base-300" }, Ay = /* @__PURE__ */ ia(() => /* @__PURE__ */ p("svg", {
+}, ia = (e) => (mt("data-v-5940c4f3"), e = e(), ht(), e), ky = { class: "messages-container bg-base-300" }, xy = { class: "header-intern bg-base-300" }, Ay = /* @__PURE__ */ ia(() => /* @__PURE__ */ p("svg", {
   class: "w-6 h-6",
   "aria-hidden": "true",
   xmlns: "http://www.w3.org/2000/svg",
@@ -13369,7 +13386,7 @@ const Uv = {
       ])
     ]));
   }
-}, Fy = /* @__PURE__ */ gt(Ey, [["__scopeId", "data-v-9cc86a66"]]), Yy = {}, Ly = (e) => (mt("data-v-bd52ddea"), e = e(), ht(), e), Iy = { class: "loading" }, By = /* @__PURE__ */ Ly(() => /* @__PURE__ */ p("svg", {
+}, Fy = /* @__PURE__ */ gt(Ey, [["__scopeId", "data-v-5940c4f3"]]), Yy = {}, Ly = (e) => (mt("data-v-17a2cc35"), e = e(), ht(), e), Iy = { class: "loading" }, By = /* @__PURE__ */ Ly(() => /* @__PURE__ */ p("svg", {
   class: "spinner",
   xmlns: "http://www.w3.org/2000/svg",
   fill: "none",
@@ -13394,7 +13411,7 @@ const Uv = {
 function Wy(e, n) {
   return v(), A("div", Iy, qy);
 }
-const Hy = /* @__PURE__ */ gt(Yy, [["render", Wy], ["__scopeId", "data-v-bd52ddea"]]), La = (e) => (mt("data-v-748625e2"), e = e(), ht(), e), jy = /* @__PURE__ */ La(() => /* @__PURE__ */ p("span", {
+const Hy = /* @__PURE__ */ gt(Yy, [["render", Wy], ["__scopeId", "data-v-17a2cc35"]]), La = (e) => (mt("data-v-49dafe1e"), e = e(), ht(), e), jy = /* @__PURE__ */ La(() => /* @__PURE__ */ p("span", {
   style: { "margin-top": "auto", "margin-bottom": "auto" },
   class: "chat-icon my-auto"
 }, [
@@ -13595,7 +13612,7 @@ const Hy = /* @__PURE__ */ gt(Yy, [["render", Wy], ["__scopeId", "data-v-bd52dde
       ], 6)
     ], 512));
   }
-}, Ol = /* @__PURE__ */ gt(eg, [["__scopeId", "data-v-748625e2"]]), $l = ea("department", {
+}, Ol = /* @__PURE__ */ gt(eg, [["__scopeId", "data-v-49dafe1e"]]), $l = ea("department", {
   state: () => ({
     departments: [],
     count: null
@@ -13612,7 +13629,7 @@ const Hy = /* @__PURE__ */ gt(Yy, [["render", Wy], ["__scopeId", "data-v-bd52dde
       }
     }
   }
-}), ua = (e) => (mt("data-v-d4e0cdd2"), e = e(), ht(), e), tg = { class: "depart-select-container" }, ng = { class: "search-container relative shadow shadow-gray-900 dark:shadow-gray-500" }, ag = ["placeholder"], rg = { class: "icon-container" }, og = {
+}), ua = (e) => (mt("data-v-28b4946c"), e = e(), ht(), e), tg = { class: "depart-select-container" }, ng = { class: "search-container relative shadow shadow-gray-900 dark:shadow-gray-500" }, ag = ["placeholder"], rg = { class: "icon-container" }, og = {
   key: 0,
   xmlns: "http://www.w3.org/2000/svg",
   fill: "none",
@@ -13667,13 +13684,18 @@ const Hy = /* @__PURE__ */ gt(Yy, [["render", Wy], ["__scopeId", "data-v-bd52dde
     department: { type: Array, default: null },
     modal_filter: { type: String, default: null },
     multiSelect: { type: Boolean, default: !0 },
-    permissions: { type: Boolean, default: !1 }
+    permissions: { type: Boolean, default: !1 },
+    externalDepartments: { type: Array, default: null }
+    // Nova prop
   },
   emits: ["depart"],
   setup(e, { emit: n }) {
-    const t = e, a = n, r = $l(), o = L(""), s = L([]), l = L(!1), u = L(!1), d = G(() => o.value ? r.departments.filter(
-      (g) => g.name.toLowerCase().includes(o.value.toLowerCase())
-    ) : r.departments);
+    const t = e, a = n, r = $l(), o = L(""), s = L([]), l = L(!1), u = L(!1), d = G(() => {
+      const g = t.externalDepartments || r.departments;
+      return o.value ? g.filter(
+        (P) => P.name.toLowerCase().includes(o.value.toLowerCase())
+      ) : g;
+    });
     Ye(() => {
       c(), i();
     }), We(
@@ -13776,7 +13798,7 @@ const Hy = /* @__PURE__ */ gt(Yy, [["render", Wy], ["__scopeId", "data-v-bd52dde
       ])
     ]));
   }
-}, Rl = /* @__PURE__ */ gt(Ag, [["__scopeId", "data-v-d4e0cdd2"]]), Ia = (e) => (mt("data-v-85edcc83"), e = e(), ht(), e), Mg = { class: "depart-select-container" }, Tg = { class: "search-container relative shadow shadow-gray-900 dark:shadow-gray-500" }, Dg = ["placeholder"], Pg = { class: "icon-container" }, Sg = {
+}, Rl = /* @__PURE__ */ gt(Ag, [["__scopeId", "data-v-28b4946c"]]), Ia = (e) => (mt("data-v-9344c7c4"), e = e(), ht(), e), Mg = { class: "depart-select-container" }, Tg = { class: "search-container relative shadow shadow-gray-900 dark:shadow-gray-500" }, Dg = ["placeholder"], Pg = { class: "icon-container" }, Sg = {
   key: 0,
   xmlns: "http://www.w3.org/2000/svg",
   fill: "none",
@@ -13959,7 +13981,7 @@ const Hy = /* @__PURE__ */ gt(Yy, [["render", Wy], ["__scopeId", "data-v-bd52dde
       ])
     ]));
   }
-}, Nl = /* @__PURE__ */ gt(Qg, [["__scopeId", "data-v-85edcc83"]]);
+}, Nl = /* @__PURE__ */ gt(Qg, [["__scopeId", "data-v-9344c7c4"]]);
 ea("debug", {
   state: () => ({
     message: "Debug store initialized"