@fewangsit/wangsvue 1.5.217-alpha.1 → 1.5.218-alpha.0

package/{components/animation/Animation.vue.d.ts → animation/index.d.ts}

@@ -1,4 +1,4 @@
-import { ClassComponent } from '../../components/ts-helpers.d';
+import { ClassComponent } from '../ts-helpers.d';
 
 export interface AnimationDefaultConfig {
   libPath: 'supplyasset' | 'workspace' | 'admin';

package/animation/index.es.js

@@ -0,0 +1,52 @@
+import { defineComponent as p, computed as m, ref as u, onMounted as c, createElementBlock as d, openBlock as f, mergeProps as g, createElementVNode as y } from "vue";
+import { u as h } from "../plugins/WangsVue.es.js";
+import { m as v } from "../utils/mergePropsWithDefaults.util.es.js";
+const w = (n, e, i) => {
+  const o = n[e];
+  return o ? typeof o == "function" ? o() : Promise.resolve(o) : new Promise((a, s) => {
+    (typeof queueMicrotask == "function" ? queueMicrotask : setTimeout)(
+      s.bind(
+        null,
+        new Error(
+          "Unknown variable dynamic import: " + e + (e.split("/").length !== i ? ". Note that variables only represent file names one level deep." : "")
+        )
+      )
+    );
+  });
+}, P = /* @__PURE__ */ p({
+  __name: "Animation",
+  props: {
+    animation: {},
+    autoplay: { type: Boolean, default: !0 },
+    loop: { type: Boolean, default: !0 }
+  },
+  setup(n) {
+    const e = n, { defaultProps: i } = h("Animation"), o = m(() => v(e, i)), a = u(null);
+    c(async () => {
+      const l = await w(/* @__PURE__ */ Object.assign({ "../../assets/lottie/admin/loading-page.lottie": () => import("../assets/lottiejs/loading-page.es.js").then((t) => t.l), "../../assets/lottie/admin/loading-table.lottie": () => import("../assets/lottiejs/loading-table.es.js").then((t) => t.l), "../../assets/lottie/admin/no-data.lottie": () => import("../assets/lottiejs/no-data.es.js").then((t) => t.n), "../../assets/lottie/supplyasset/loading-page.lottie": () => import("../assets/lottiejs/loading-page.es.js").then((t) => t.a), "../../assets/lottie/supplyasset/loading-table.lottie": () => import("../assets/lottiejs/loading-table.es.js").then((t) => t.a), "../../assets/lottie/supplyasset/no-data.lottie": () => import("../assets/lottiejs/no-data.es.js").then((t) => t.a), "../../assets/lottie/workspace/loading-page.lottie": () => import("../assets/lottiejs/loading-page.es.js").then((t) => t.b), "../../assets/lottie/workspace/loading-plane.lottie": () => import("../assets/lottiejs/loading-plane.es.js"), "../../assets/lottie/workspace/loading-table.lottie": () => import("../assets/lottiejs/loading-table.es.js").then((t) => t.b), "../../assets/lottie/workspace/no-data.lottie": () => import("../assets/lottiejs/no-data.es.js").then((t) => t.b) }), `../../assets/lottie/${o.value.libPath}/${e.animation}.lottie`, 6), { DotLottie: r } = await s();
+      a.value && new r({
+        canvas: a.value,
+        src: l.default,
+        autoplay: e.autoplay,
+        loop: e.loop
+      });
+    });
+    const s = () => "System" in window ? new Function(
+      'return import("https://cdn.jsdelivr.net/npm/@lottiefiles/dotlottie-web@0.38.2/+esm")'
+    )() : import(
+      // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+      // @ts-ignore
+      "https://cdn.jsdelivr.net/npm/@lottiefiles/dotlottie-web@0.38.2/+esm"
+    );
+    return (l, r) => (f(), d("div", g({ "data-wv-name": "animation" }, l.$attrs), [
+      y("canvas", {
+        ref_key: "canvasRef",
+        ref: a,
+        style: { width: "100%", height: "100%" }
+      }, null, 512)
+    ], 16));
+  }
+});
+export {
+  P as _
+};

package/api/index.es.js

@@ -0,0 +1,149 @@
+import { defineComponent as N, onMounted as R, inject as r, shallowRef as k, ref as _, computed as h, createElementBlock as d, openBlock as o, Fragment as w, createElementVNode as p, createVNode as l, createCommentVNode as V, renderList as O, createBlock as q } from "vue";
+import { TaskApiServices as F } from "@fewangsit/workspace-api-services";
+import { u as L } from "../utils/toast.util.es.js";
+import { _ as U } from "../animation/index.es.js";
+import { _ as C } from "../button/index.es.js";
+import { _ as M } from "../icon/index.es.js";
+import { T as z } from "../apiitem/index.es.js";
+import { _ as P } from "../dialogaddeditapi/index.es.js";
+import { _ as G } from "../dialogapichangelog/index.es.js";
+const J = { class: "flex flex-col gap-3" }, K = { class: "flex justify-between items-center" }, Q = { class: "flex items-center gap-2" }, W = {
+  key: 0,
+  class: "flex items-center gap-2"
+}, X = {
+  key: 0,
+  class: "flex pt-4 h-[73px] items-center justify-center"
+}, Y = {
+  key: 1,
+  class: "w-full flex items-center justify-center"
+}, Z = {
+  key: 2,
+  class: "pl-8 grid gap-3"
+}, ue = /* @__PURE__ */ N({
+  __name: "API",
+  setup(ee) {
+    const $ = L();
+    R(() => {
+      x();
+    });
+    const g = r(
+      "userType"
+    ), y = r("taskId"), A = r("taskDetail"), D = r("projectDetail"), j = r("isApproverHasAccess"), E = r(
+      "refreshTaskHandler"
+    ), c = k(!1), v = k(!1), i = _(), b = _(), m = _(!1), f = k(!1), B = h(
+      () => {
+        var a, e;
+        return ((e = (a = A.value) == null ? void 0 : a.process) == null ? void 0 : e.name) === "Create API";
+      }
+    ), T = h(() => {
+      var e, t;
+      return ["Selesai", "Reported Bug"].includes((e = A.value) == null ? void 0 : e.status) || (g.value === "guest" || ((t = D.value) == null ? void 0 : t.members.every((s) => s !== "BE")) && !["pm", "admin"].includes(g.value)) && !j.value;
+    }), x = async () => {
+      try {
+        f.value = !0;
+        const { data: a } = await F.getTaskAPIs(y.value);
+        i.value = a.data.map((e) => {
+          var t, s;
+          return {
+            ...e,
+            url: (t = e.url) != null && t.length ? e.url : void 0,
+            caption: (
+              // Split the caption with newlines
+              ((s = e.caption) == null ? void 0 : s.map((n) => n == null ? void 0 : n.split(/[\n]+/))) ?? // If caption is empty, set it to an array of the same length as query
+              new Array(e.query.length)
+            ),
+            anyChanges: !1
+          };
+        });
+      } catch (a) {
+        $.add({
+          message: "API gagal dimuat.",
+          error: a
+        });
+      } finally {
+        f.value = !1;
+      }
+    }, H = () => {
+      E("update", y.value);
+    }, u = async () => {
+      await x(), H();
+    }, S = (a) => {
+      b.value = i.value[a], v.value = !0;
+    };
+    return (a, e) => {
+      var t;
+      return o(), d(w, null, [
+        p("div", J, [
+          p("div", K, [
+            p("div", Q, [
+              l(M, {
+                class: "text-2xl",
+                icon: "cloud-line"
+              }),
+              e[5] || (e[5] = p("span", { class: "text-xs font-semibold" }, "API", -1))
+            ]),
+            B.value ? V("", !0) : (o(), d("div", W, [
+              l(C, {
+                onClick: e[0] || (e[0] = (s) => m.value = !0),
+                class: "!p-1",
+                icon: "file-history",
+                "icon-class": "!w-6 !h-6",
+                severity: "secondary",
+                text: ""
+              }),
+              l(C, {
+                disabled: T.value,
+                onClick: e[1] || (e[1] = (s) => c.value = !0),
+                icon: "add",
+                label: "API",
+                severity: "secondary"
+              }, null, 8, ["disabled"])
+            ]))
+          ]),
+          f.value ? (o(), d("div", X, [
+            l(U, {
+              animation: "loading-table",
+              class: "w-44"
+            })
+          ])) : (t = i.value) != null && t.length ? (o(), d("div", Z, [
+            (o(!0), d(w, null, O(i.value, (s, n) => (o(), q(z, {
+              key: s._id,
+              "task-api": i.value[n],
+              "onUpdate:taskApi": (I) => i.value[n] = I,
+              "auto-open": i.value.length === 1,
+              disabled: T.value,
+              onDeleted: u,
+              onOpenEdit: (I) => S(n),
+              onUpdated: u
+            }, null, 8, ["task-api", "onUpdate:taskApi", "auto-open", "disabled", "onOpenEdit"]))), 128))
+          ])) : (o(), d("div", Y, [
+            l(U, {
+              animation: "no-data",
+              class: "w-44 h-auto"
+            })
+          ]))
+        ]),
+        l(P, {
+          visible: c.value,
+          "onUpdate:visible": e[2] || (e[2] = (s) => c.value = s),
+          onUpdated: u,
+          type: "add"
+        }, null, 8, ["visible"]),
+        l(P, {
+          visible: v.value,
+          "onUpdate:visible": e[3] || (e[3] = (s) => v.value = s),
+          "task-api": b.value,
+          onUpdated: u,
+          type: "edit"
+        }, null, 8, ["visible", "task-api"]),
+        l(G, {
+          visible: m.value,
+          "onUpdate:visible": e[4] || (e[4] = (s) => m.value = s)
+        }, null, 8, ["visible"])
+      ], 64);
+    };
+  }
+});
+export {
+  ue as _
+};