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

package/apiitem/index.es.js

@@ -0,0 +1,611 @@
+import { shallowRef as v, ref as ye, defineComponent as fe, mergeModels as q, inject as K, useModel as be, computed as C, watch as ge, createElementBlock as T, openBlock as p, Fragment as O, createElementVNode as i, createVNode as s, normalizeClass as V, createBlock as m, createCommentVNode as _, toDisplayString as j, unref as G, Transition as ke, withCtx as M, withDirectives as Te, createSlots as he, createTextVNode as B, renderList as J, vShow as Ve, nextTick as _e } from "vue";
+import { TaskApiServices as N } from "@fewangsit/workspace-api-services";
+import { f as Be } from "../utils/date.util.es.js";
+import { u as we } from "../utils/toast.util.es.js";
+import { _ as r } from "../button/index.es.js";
+import { _ as De } from "../checkbox/index.es.js";
+import { _ as H } from "../codesnippet/index.es.js";
+import { _ as $e } from "../dialogconfirm/index.es.js";
+import { _ as A } from "../dropdown/index.es.js";
+import { _ as xe } from "../form/index.es.js";
+import { _ as Ce } from "../inputbadge/index.es.js";
+import { _ as z } from "../inputtext/index.es.js";
+import { _ as Ae } from "../inputurl/index.es.js";
+import { _ as Pe } from "../username/index.es.js";
+import { _ as Ie } from "../dialogcopyapi/index.es.js";
+import { _ as Se } from "../dialogtestapi/index.es.js";
+const Y = v(!1), W = ye(), Ue = () => ({
+  loading: Y,
+  message: W,
+  setLoading: (b, g) => {
+    Y.value = b, W.value = g, document.body.classList[b ? "add" : "remove"]("loading");
+  }
+}), Ee = (f, b) => {
+  const g = f.__vccOpts || f;
+  for (const [P, c] of b)
+    g[P] = c;
+  return g;
+}, Oe = { class: "w-full grid grid-cols-[1fr,auto] gap-2 items-center px-3 py-3 bg-primary-50 rounded-lg" }, je = { class: "flex gap-2 justify-end items-center" }, Me = { class: "p-1 font-normal" }, Ne = { class: "col-start-1 flex flex-col gap-3" }, He = { class: "" }, Le = { class: "w-full flex justify-between items-center" }, Fe = { class: "pl-8 pt-3 flex flex-col gap-2" }, Qe = { class: "grid grid-cols-[1fr,auto] gap-1 items-end" }, Re = { class: "flex flex-col gap-2" }, qe = { class: "flex gap-1 font-normal items-center" }, Ke = { class: "flex flex-col gap-2 items-start" }, Ge = { class: "flex gap-1 font-normal items-center" }, Je = { class: "flex flex-col gap-2" }, ze = { class: "flex gap-1 items-center font-normal" }, Ye = {
+  key: 0,
+  class: "flex flex-col gap-2 items-start"
+}, We = { class: "" }, Xe = { class: "flex gap-1 pl-3 font-semibold items-center" }, Ze = { class: "pl-8 pt-3" }, ea = /* @__PURE__ */ fe({
+  __name: "APIItem",
+  props: /* @__PURE__ */ q({
+    autoOpen: { type: Boolean },
+    disabled: { type: Boolean }
+  }, {
+    taskApi: {
+      required: !0
+    },
+    taskApiModifiers: {}
+  }),
+  emits: /* @__PURE__ */ q(["deleted", "updated", "openEdit"], ["update:taskApi"]),
+  setup(f, { emit: b }) {
+    const g = K(
+      "updateMentionSectionText"
+    ), P = K("taskDetail"), c = we(), { setLoading: L } = Ue(), e = be(f, "taskApi"), n = f, w = b, X = [
+      { label: "GET", value: "GET" },
+      { label: "POST", value: "POST" },
+      { label: "PUT", value: "PUT" },
+      { label: "PATCH", value: "PATCH" },
+      { label: "DELETE", value: "DELETE" },
+      { label: "HEAD", value: "HEAD" },
+      { label: "OPTION", value: "OPTION" }
+    ], Z = [
+      { label: "JSON", value: "json" },
+      { label: "Form Data", value: "form-data" }
+    ], ee = [
+      { label: "Text", value: "text" },
+      { label: "File", value: "file" }
+    ], ae = [
+      { label: "Ya", value: !0 },
+      { label: "Tidak", value: !1 }
+    ], D = v(!1), I = v(!1), S = v(!1), k = v(!1), F = v(0), $ = v(!1), U = v(!1), Q = v(0), y = C(
+      () => {
+        var l, a;
+        return ((a = (l = P.value) == null ? void 0 : l.process) == null ? void 0 : a.name) === "API Spec";
+      }
+    ), le = C(
+      () => !["Backlog", "Sprint"].includes(
+        e.value.taskStatus
+      )
+    ), oe = C(
+      () => R(
+        Object.fromEntries(
+          e.value.query.map((l, a) => {
+            var o;
+            return [
+              l,
+              // If value is left undefined, the key will be removed
+              ((o = e.value.caption[a]) == null ? void 0 : o.join(" | ")) ?? null
+            ];
+          })
+        )
+      )
+    ), te = C(() => {
+      const l = {};
+      return e.value.formDataBody.forEach((a) => {
+        const { key: o, type: t, isMandatory: d } = a;
+        l[d ? `${o}?` : o] = t === "text" ? "string" : "File";
+      }), R(l);
+    }), se = () => {
+      k.value = !k.value;
+    }, x = () => {
+      e.value.query = e.value.query.map(
+        (l) => l != null && l.length ? l : void 0
+      ), e.value.caption = e.value.caption.map(
+        (l) => l != null && l.length ? l : void 0
+      ), e.value.formDataBody = e.value.formDataBody.map((l) => {
+        var a;
+        return {
+          ...l,
+          key: (a = l == null ? void 0 : l.key) != null && a.length ? l.key : void 0
+        };
+      }), F.value++;
+    }, ne = () => {
+      e.value.query.push(void 0), e.value.caption.push(void 0), u(), x();
+    }, ie = (l) => {
+      e.value.query.splice(l, 1), e.value.caption.splice(l, 1), u(), x();
+    }, de = () => {
+      e.value.formDataBody.push({
+        key: void 0,
+        type: "text",
+        isMandatory: !1
+      }), u(), x();
+    }, ue = (l) => {
+      e.value.formDataBody.splice(l, 1), u(), x();
+    }, h = (l, a) => {
+      (l == null ? void 0 : l.length) > 2 ? (window.navigator.clipboard.writeText(l), c.add({
+        severity: "success",
+        message: `${a} telah disalin.`
+      })) : c.add({
+        severity: "info",
+        message: `${a} kosong.`
+      });
+    }, R = (l) => (Object.entries(l).forEach(([a, o]) => {
+      l[a] = (o == null ? void 0 : o.toString().replace(/"/g, "'")) ?? null;
+    }), JSON.stringify(l, null, 2).replace(/\n}\s*$/, `,
+}`).replace(/"/g, "").replace(/,/g, ";")), re = async () => {
+      try {
+        L(!0);
+        const { data: l } = await N.deleteTaskAPI(e.value._id);
+        l && (w("deleted"), D.value = !1);
+      } catch (l) {
+        c.add({
+          message: "API gagal dihapus.",
+          error: l
+        });
+      } finally {
+        L(!1);
+      }
+    }, pe = async (l) => {
+      var a, o, t;
+      try {
+        $.value = !0;
+        const d = {
+          name: e.value.name,
+          header: e.value.header,
+          url: (a = l.formValues) == null ? void 0 : a.url,
+          method: (o = l.formValues) == null ? void 0 : o.method,
+          contentType: (t = l.formValues) == null ? void 0 : t.contentType,
+          jsonBody: e.value.jsonBody,
+          query: e.value.query,
+          caption: e.value.caption.map((E) => E == null ? void 0 : E.join(`
+`)),
+          formDataBody: e.value.formDataBody,
+          response: e.value.response
+        }, { data: ce } = await N.updateTaskAPI(
+          e.value._id,
+          d
+        );
+        ce && w("updated");
+      } catch (d) {
+        c.add({
+          message: "API gagal diubah.",
+          error: d
+        });
+      } finally {
+        $.value = !1;
+      }
+    }, u = () => {
+      e.value.anyChanges = !0;
+    }, ve = () => {
+      e.value.contentType === "form-data" ? e.value.jsonBody = "" : e.value.formDataBody = [], u();
+    }, me = async (l) => {
+      if (!U.value)
+        try {
+          U.value = !0;
+          const { data: a } = await N.toggleIntactStatus(
+            e.value._id,
+            l
+          );
+          a && w("updated"), await _e();
+        } catch (a) {
+          console.error(a), e.value.isIntact = !l, Q.value++, c.add({
+            message: "Gagal ceklis task API.",
+            error: a
+          });
+        } finally {
+          U.value = !1;
+        }
+    };
+    return ge(
+      () => n.autoOpen,
+      () => {
+        n.autoOpen && (k.value = !0);
+      },
+      { immediate: !0 }
+    ), (l, a) => (p(), T(O, null, [
+      i("div", {
+        class: V([
+          "grid gap-2.5 items-center",
+          { "grid-cols-[auto,1fr,auto]": y.value },
+          { "grid-cols-[1fr,auto]": !y.value }
+        ])
+      }, [
+        y.value ? (p(), m(De, {
+          key: Q.value,
+          modelValue: e.value.isIntact,
+          "onUpdate:modelValue": [
+            a[0] || (a[0] = (o) => e.value.isIntact = o),
+            me
+          ],
+          disabled: n.disabled
+        }, null, 8, ["modelValue", "disabled"])) : _("", !0),
+        i("div", Oe, [
+          i("span", {
+            class: V([[{ "cursor-pointer": !n.disabled }], "text-xs font-semibold text-nowrap truncate"]),
+            onClick: a[1] || (a[1] = (o) => {
+              n.disabled || w("openEdit");
+            })
+          }, j(e.value.name), 3),
+          i("div", je, [
+            i("span", Me, j(G(Be)(new Date(e.value.updatedAt), 86400)), 1),
+            s(Pe, {
+              user: e.value.updatedBy,
+              class: "p-1",
+              type: "icon"
+            }, null, 8, ["user"]),
+            s(r, {
+              onClick: a[2] || (a[2] = (o) => G(g)(e.value.name)),
+              class: "!p-1",
+              icon: "chat-1-line",
+              "icon-class": "!w-6 !h-6",
+              severity: "secondary",
+              text: ""
+            }),
+            n.disabled ? _("", !0) : (p(), m(r, {
+              key: 0,
+              onClick: a[3] || (a[3] = (o) => S.value = !0),
+              class: "!p-1",
+              icon: "file-copy",
+              "icon-class": "!w-6 !h-6",
+              severity: "secondary",
+              text: ""
+            })),
+            s(r, {
+              onClick: a[4] || (a[4] = (o) => I.value = !0),
+              label: "Tes API",
+              severity: "secondary",
+              type: "button"
+            }),
+            s(r, {
+              class: V(["!w-6 !min-w-6 !h-6", { "rotate-180": k.value }]),
+              onClick: se,
+              icon: "arrow-down",
+              "icon-class": "!w-6 !h-6",
+              severity: "secondary",
+              text: ""
+            }, null, 8, ["class"])
+          ])
+        ]),
+        y.value ? (p(), m(r, {
+          key: 1,
+          disabled: n.disabled || le.value,
+          onClick: a[5] || (a[5] = (o) => D.value = !0),
+          icon: "close",
+          severity: "danger",
+          text: ""
+        }, null, 8, ["disabled"])) : _("", !0),
+        s(ke, { name: "slide-fade" }, {
+          default: M(() => [
+            Te(i("div", {
+              class: V([
+                "grid grid-cols-subgrid",
+                { "col-span-3": y.value },
+                { "col-span-2": !y.value }
+              ])
+            }, [
+              (p(), m(xe, {
+                key: F.value,
+                class: V([{ "col-start-2": y.value }]),
+                onSubmit: pe,
+                "hide-footer": "",
+                "hide-stay-checkbox": ""
+              }, {
+                fields: M(() => [
+                  i("div", Ne, [
+                    i("div", He, [
+                      i("div", Le, [
+                        a[20] || (a[20] = i("span", { class: "pl-3 font-semibold" }, "Request", -1)),
+                        e.value.anyChanges ? (p(), m(r, {
+                          key: 0,
+                          disabled: $.value,
+                          loading: $.value,
+                          label: "Simpan",
+                          severity: "secondary",
+                          type: "submit"
+                        }, null, 8, ["disabled", "loading"])) : _("", !0)
+                      ]),
+                      i("div", Fe, [
+                        n.disabled ? _("", !0) : (p(), m(A, {
+                          key: 0,
+                          modelValue: e.value.method,
+                          "onUpdate:modelValue": [
+                            a[6] || (a[6] = (o) => e.value.method = o),
+                            u
+                          ],
+                          "initial-value": e.value.method,
+                          options: X,
+                          "field-name": "method",
+                          label: "Method",
+                          mandatory: "",
+                          "option-label": "label",
+                          "option-value": "value",
+                          placeholder: "Pilih method",
+                          "use-validator": ""
+                        }, null, 8, ["modelValue", "initial-value"])),
+                        i("div", Qe, [
+                          s(Ae, {
+                            modelValue: e.value.url,
+                            "onUpdate:modelValue": a[7] || (a[7] = (o) => e.value.url = o),
+                            disabled: n.disabled,
+                            "validator-message": {
+                              empty: "Endpoint harus diisi."
+                            },
+                            value: e.value.url,
+                            onInput: u,
+                            "field-name": "url",
+                            label: "Endpoint",
+                            mandatory: "",
+                            placeholder: "Tulis endpoint",
+                            "use-validator": ""
+                          }, he({ _: 2 }, [
+                            n.disabled ? {
+                              name: "addon-left",
+                              fn: M(() => [
+                                B(j(e.value.method), 1)
+                              ]),
+                              key: "0"
+                            } : void 0
+                          ]), 1032, ["modelValue", "disabled", "value"]),
+                          s(r, {
+                            onClick: a[8] || (a[8] = (o) => h(e.value.url, "Endpoint")),
+                            class: "!p-[3px]",
+                            icon: "file-copy",
+                            "icon-class": "!w-6 !h-6",
+                            severity: "secondary",
+                            text: ""
+                          })
+                        ]),
+                        i("div", Re, [
+                          i("div", qe, [
+                            a[21] || (a[21] = B(" Header ")),
+                            s(r, {
+                              onClick: a[9] || (a[9] = (o) => h(e.value.header, "Header")),
+                              class: "!p-[2px]",
+                              icon: "file-copy",
+                              "icon-class": "!w-5 !h-5",
+                              severity: "secondary",
+                              text: ""
+                            })
+                          ]),
+                          s(H, {
+                            code: e.value.header,
+                            "onUpdate:code": [
+                              a[10] || (a[10] = (o) => e.value.header = o),
+                              u
+                            ],
+                            readonly: n.disabled,
+                            class: "max-h-[306px] overflow-y-auto",
+                            lang: "json"
+                          }, null, 8, ["code", "readonly"])
+                        ]),
+                        s(A, {
+                          modelValue: e.value.contentType,
+                          "onUpdate:modelValue": [
+                            a[11] || (a[11] = (o) => e.value.contentType = o),
+                            ve
+                          ],
+                          disabled: n.disabled,
+                          "initial-value": e.value.contentType,
+                          options: Z,
+                          "field-name": "contentType",
+                          label: "Content Type",
+                          mandatory: "",
+                          "option-label": "label",
+                          "option-value": "value",
+                          placeholder: "Pilih content type",
+                          "use-validator": ""
+                        }, null, 8, ["modelValue", "disabled", "initial-value"]),
+                        i("div", Ke, [
+                          i("div", Ge, [
+                            a[22] || (a[22] = B(" Query Param ")),
+                            s(r, {
+                              onClick: a[12] || (a[12] = (o) => h(oe.value, "Query")),
+                              class: "!p-[2px]",
+                              icon: "file-copy",
+                              "icon-class": "!w-5 !h-5",
+                              severity: "secondary",
+                              text: ""
+                            })
+                          ]),
+                          (p(!0), T(O, null, J(e.value.query, (o, t) => (p(), T("div", {
+                            key: t,
+                            class: "w-full grid grid-cols-[1fr,1fr,auto] gap-2 items-start"
+                          }, [
+                            s(z, {
+                              modelValue: e.value.query[t],
+                              "onUpdate:modelValue": (d) => e.value.query[t] = d,
+                              disabled: n.disabled,
+                              "field-name": `query-${t}`,
+                              "validator-message": {
+                                empty: "Query param harus diisi."
+                              },
+                              value: e.value.query[t],
+                              onInput: u,
+                              label: "Name",
+                              mandatory: "",
+                              placeholder: "Tulis query param",
+                              "use-validator": ""
+                            }, null, 8, ["modelValue", "onUpdate:modelValue", "disabled", "field-name", "value"]),
+                            (p(), m(Ce, {
+                              key: k.value.toString(),
+                              modelValue: e.value.caption[t],
+                              "onUpdate:modelValue": [(d) => e.value.caption[t] = d, u],
+                              disabled: n.disabled,
+                              "field-name": `caption-${t}`,
+                              "initial-value": e.value.caption[t],
+                              "input-class": "!min-h-[30px] content-center",
+                              label: "Enum",
+                              placeholder: "Tulis enum",
+                              rows: "1",
+                              "use-validator": ""
+                            }, null, 8, ["modelValue", "onUpdate:modelValue", "disabled", "field-name", "initial-value"])),
+                            s(r, {
+                              disabled: n.disabled,
+                              onClick: (d) => ie(t),
+                              class: "mt-5",
+                              icon: "delete-bin",
+                              outlined: "",
+                              severity: "danger",
+                              type: "button"
+                            }, null, 8, ["disabled", "onClick"])
+                          ]))), 128)),
+                          s(r, {
+                            disabled: n.disabled,
+                            onClick: ne,
+                            icon: "add",
+                            label: "Query Param",
+                            severity: "secondary",
+                            type: "button"
+                          }, null, 8, ["disabled"])
+                        ]),
+                        i("div", Je, [
+                          i("div", ze, [
+                            a[23] || (a[23] = B(" Body ")),
+                            s(r, {
+                              onClick: a[13] || (a[13] = (o) => h(
+                                e.value.contentType === "form-data" ? te.value : e.value.jsonBody,
+                                "Body"
+                              )),
+                              class: "!p-[3px]",
+                              icon: "file-copy",
+                              "icon-class": "!w-6 !h-6",
+                              severity: "secondary",
+                              text: ""
+                            })
+                          ]),
+                          e.value.contentType === "form-data" ? (p(), T("div", Ye, [
+                            (p(!0), T(O, null, J(e.value.formDataBody, (o, t) => (p(), T("div", {
+                              key: t,
+                              class: "w-full grid grid-cols-[1fr,1fr,1fr,auto] gap-2 items-end"
+                            }, [
+                              s(z, {
+                                modelValue: e.value.formDataBody[t].key,
+                                "onUpdate:modelValue": (d) => e.value.formDataBody[t].key = d,
+                                disabled: n.disabled,
+                                "field-name": `body-key-${t}`,
+                                "validator-message": {
+                                  empty: "Key harus diisi."
+                                },
+                                value: e.value.formDataBody[t].key,
+                                onInput: u,
+                                label: "Key",
+                                mandatory: "",
+                                placeholder: "Tulis key",
+                                "use-validator": ""
+                              }, null, 8, ["modelValue", "onUpdate:modelValue", "disabled", "field-name", "value"]),
+                              s(A, {
+                                modelValue: e.value.formDataBody[t].type,
+                                "onUpdate:modelValue": [(d) => e.value.formDataBody[t].type = d, u],
+                                disabled: n.disabled,
+                                "field-name": `body-type-${t}`,
+                                "initial-value": e.value.formDataBody[t].type,
+                                options: ee,
+                                label: "Type",
+                                mandatory: "",
+                                "option-label": "label",
+                                "option-value": "value",
+                                placeholder: "Pilih type",
+                                "use-validator": ""
+                              }, null, 8, ["modelValue", "onUpdate:modelValue", "disabled", "field-name", "initial-value"]),
+                              s(A, {
+                                modelValue: e.value.formDataBody[t].isMandatory,
+                                "onUpdate:modelValue": [(d) => e.value.formDataBody[t].isMandatory = d, u],
+                                disabled: n.disabled,
+                                "field-name": `body-mandatory-${t}`,
+                                "initial-value": e.value.formDataBody[t].isMandatory,
+                                options: ae,
+                                label: "Required",
+                                mandatory: "",
+                                "option-label": "label",
+                                "option-value": "value",
+                                placeholder: "Pilih required",
+                                "use-validator": ""
+                              }, null, 8, ["modelValue", "onUpdate:modelValue", "disabled", "field-name", "initial-value"]),
+                              s(r, {
+                                disabled: n.disabled,
+                                onClick: (d) => ue(t),
+                                icon: "delete-bin",
+                                outlined: "",
+                                severity: "danger",
+                                type: "button"
+                              }, null, 8, ["disabled", "onClick"])
+                            ]))), 128)),
+                            s(r, {
+                              disabled: n.disabled,
+                              onClick: de,
+                              icon: "add",
+                              label: "Body",
+                              severity: "secondary",
+                              type: "button"
+                            }, null, 8, ["disabled"])
+                          ])) : (p(), m(H, {
+                            key: 1,
+                            code: e.value.jsonBody,
+                            "onUpdate:code": [
+                              a[14] || (a[14] = (o) => e.value.jsonBody = o),
+                              u
+                            ],
+                            readonly: n.disabled,
+                            class: "max-h-[306px] overflow-y-auto",
+                            lang: "json"
+                          }, null, 8, ["code", "readonly"]))
+                        ])
+                      ])
+                    ]),
+                    i("div", We, [
+                      i("div", Xe, [
+                        a[24] || (a[24] = B(" Response ")),
+                        s(r, {
+                          onClick: a[15] || (a[15] = (o) => h(e.value.response, "Response")),
+                          class: "!p-[3px]",
+                          icon: "file-copy",
+                          "icon-class": "!w-6 !h-6",
+                          severity: "secondary",
+                          text: ""
+                        })
+                      ]),
+                      i("div", Ze, [
+                        s(H, {
+                          code: e.value.response,
+                          "onUpdate:code": [
+                            a[16] || (a[16] = (o) => e.value.response = o),
+                            u
+                          ],
+                          readonly: n.disabled,
+                          class: "max-h-[306px] overflow-y-auto",
+                          lang: "json"
+                        }, null, 8, ["code", "readonly"])
+                      ])
+                    ])
+                  ])
+                ]),
+                _: 1
+              }, 8, ["class"]))
+            ], 2), [
+              [Ve, k.value]
+            ])
+          ]),
+          _: 1
+        })
+      ], 2),
+      s($e, {
+        visible: D.value,
+        "onUpdate:visible": a[17] || (a[17] = (o) => D.value = o),
+        list: [e.value.name],
+        onConfirm: re,
+        "confirm-label": "Hapus",
+        header: "Hapus API",
+        message: "Apakah kamu yakin ingin menghapusnya?",
+        severity: "danger"
+      }, null, 8, ["visible", "list"]),
+      s(Se, {
+        visible: I.value,
+        "onUpdate:visible": a[18] || (a[18] = (o) => I.value = o),
+        "task-api": e.value
+      }, null, 8, ["visible", "task-api"]),
+      s(Ie, {
+        visible: S.value,
+        "onUpdate:visible": a[19] || (a[19] = (o) => S.value = o),
+        "task-api": e.value
+      }, null, 8, ["visible", "task-api"])
+    ], 64));
+  }
+}), ba = /* @__PURE__ */ Ee(ea, [["__scopeId", "data-v-2df22051"]]);
+export {
+  ba as T,
+  Ee as _,
+  Ue as u
+};