@fewangsit/wangsvue 1.5.219-alpha.0 → 1.5.219-alpha.2

package/apiitem/index.es.js

@@ -1,611 +0,0 @@
-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
-};