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

package/detailsprint/index.es.js

@@ -1,414 +0,0 @@
-import { defineComponent as ge, onMounted as ye, shallowRef as v, ref as B, computed as ke, createElementBlock as w, openBlock as i, Fragment as C, createElementVNode as s, createCommentVNode as d, createBlock as c, createVNode as n, toDisplayString as b, unref as o, createTextVNode as R, normalizeClass as L, renderList as we, withModifiers as V, withCtx as F } from "vue";
-import { AxiosError as Se } from "axios";
-import { SprintServices as I, ApprovalServices as _e } from "@fewangsit/workspace-api-services";
-import { b as re, g as W } from "../utils/date.util.es.js";
-import { u as Ae } from "../utils/updateSprintStatus.util.es.js";
-import { g as S } from "../utils/getProjectPermission.util.es.js";
-import { u as Ie } from "../utils/toast.util.es.js";
-import { _ as p } from "../button/index.es.js";
-import { _ as Pe } from "../calendar/index.es.js";
-import { _ as $e } from "../dialogconfirm/index.es.js";
-import { _ as ne } from "../dialogform/index.es.js";
-import { _ as Ce } from "../dropdown/index.es.js";
-import { _ as De } from "../inputnumber/index.es.js";
-import { a as oe } from "../badge/index.es.js";
-import { _ as je } from "../dialogdetailpbi/index.es.js";
-import { _ as he } from "../dialogpreparepbi/index.es.js";
-import { _ as xe } from "../taskdetailpbi/index.es.js";
-import { _ as Te } from "../dialogaddpbi/index.es.js";
-import { _ as Ue } from "../dialogconfirmsprint/index.es.js";
-import { _ as Be } from "../sprintsummary/index.es.js";
-const Re = { class: "flex justify-between h-[30px] place-items-center" }, Ve = { class: "flex gap-2 place-items-center" }, Me = { class: "text-danger-500" }, Ee = { class: "flex justify-between place-items-end" }, Ne = { class: "flex flex-col gap-2" }, ze = { class: "flex gap-3 h-6 place-items-center" }, He = { class: "flex place-items-center gap-1" }, Ke = { class: "flex gap-3 h-6 place-items-center" }, Oe = { class: "flex place-items-center gap-1" }, Le = {
-  key: 0,
-  class: "bg-primary-50 rounded-lg p-3 w-full text-grayscale-900"
-}, Fe = { class: "bg-primary-50 rounded-lg p-3 w-full text-grayscale-900" }, We = ["onClick"], qe = { class: "flex items-center gap-3" }, Ge = { class: "font-semibold text-normal leading-4" }, Je = {
-  key: 0,
-  class: "flex items-center gap-3"
-}, ba = /* @__PURE__ */ ge({
-  __name: "DetailSprint",
-  props: {
-    sprintId: {},
-    project: {},
-    isApproving: { type: Boolean },
-    approvalId: {}
-  },
-  emits: ["approveAndRejectApprovalResponse"],
-  setup(ue, { emit: pe }) {
-    const M = Ie(), _ = ue, q = pe;
-    ye(() => {
-      y();
-    });
-    const m = sessionStorage.getItem("projectId"), ve = [
-      { label: "1 Minggu", value: 1 },
-      { label: "2 Minggu", value: 2 },
-      { label: "3 Minggu", value: 3 },
-      { label: "4 Minggu", value: 4 },
-      { label: "Custom", value: 0 }
-    ], E = v(!1), D = v(!1), j = v(!1), N = v(!1), l = v(), h = v([]), z = v(), x = v(), g = v(), T = v(!1), G = v(0), H = B([]), K = B([]), O = B([]), P = B([]), U = ke(
-      () => {
-        var t;
-        return ["Sprint", "Selesai"].includes(((t = l.value) == null ? void 0 : t.status) ?? "");
-      }
-    ), J = () => {
-      l.value && (z.value = l.value.sprintInterval, x.value = l.value.sprintIntervalUnit);
-    }, de = () => {
-      var t, e;
-      h.value.length === 0 ? g.value = "Product backlog item harus dipilih." : (t = l.value) != null && t.startAt ? h.value.some((f) => f.totalTask === 0) ? g.value = "Terdapat PBI yang belum memiliki task." : (g.value = void 0, (e = l.value) != null && e.isNeedApproval ? E.value = !0 : Ae(y, M, m, _.sprintId)) : g.value = "Tanggal mulai harus diisi.";
-    }, ce = async (t) => {
-      try {
-        const e = t.formValues;
-        await I.updateSprintInterval(m, _.sprintId, {
-          ...e,
-          periodUnit: x.value ?? "Minggu"
-        }), await y(), D.value = !1;
-      } catch (e) {
-        console.error(e);
-      }
-    }, me = async (t) => {
-      try {
-        const e = t.formValues;
-        await I.updateSprintStartDate(
-          m,
-          _.sprintId,
-          e
-        ), await y(), g.value = void 0, j.value = !1;
-      } catch (e) {
-        console.error(e);
-      }
-    }, fe = async (t) => {
-      try {
-        await I.removePbiTimer(m, t), await A(), M.add({
-          message: "Persiapan telah dibatalkan.",
-          severity: "success"
-        });
-      } catch (e) {
-        console.error(e), M.add({
-          message: "Persiapan gagal dibatalkan.",
-          error: e
-        });
-      }
-    }, be = async (t) => {
-      try {
-        await I.deleteSprintPbi(m, _.sprintId, { pbiId: t }), await y();
-      } catch (e) {
-        console.error(e);
-      }
-    }, y = async () => {
-      var t;
-      try {
-        const { data: e } = await I.getSprintDetail(
-          m,
-          _.sprintId
-        );
-        g.value = void 0, l.value = e.data, J(), A();
-      } catch (e) {
-        console.error(e), e instanceof Se && ((t = e.response) == null ? void 0 : t.status) === 403 && window.history.replaceState(null, "", "/404");
-      }
-    }, A = async (t) => {
-      var e;
-      try {
-        const { data: f } = await I.getListPbis(m, {
-          productBacklogItem: `[${(e = l.value) == null ? void 0 : e.productBacklogItems.map((k) => `"${k._id}"`).toString()}]`
-        });
-        h.value = f.data.data.map((k) => {
-          var $;
-          return {
-            ...k,
-            canViewDetail: (($ = l.value) == null ? void 0 : $.status) !== "Selesai" || !["Overdue", "Reported Bug"].includes(k.status)
-          };
-        }), t || G.value++;
-      } catch (f) {
-        console.error(f);
-      }
-    }, Q = async (t) => {
-      try {
-        await _e.putDoApprovalProcess(_.approvalId, t), q("approveAndRejectApprovalResponse", t.isApproved, !0);
-      } catch (e) {
-        q("approveAndRejectApprovalResponse", t.isApproved, !1), console.error(e);
-      }
-    };
-    return (t, e) => {
-      var f, k, $, X, Y, Z, ee, ae, te, le, se, ie;
-      return i(), w(C, null, [
-        s("div", Re, [
-          e[12] || (e[12] = s("h2", null, "Detail Sprint", -1)),
-          s("div", Ve, [
-            s("span", Me, b(g.value), 1),
-            t.isApproving ? (i(), w(C, { key: 0 }, [
-              n(p, {
-                onClick: e[0] || (e[0] = (a) => Q({
-                  isApproved: !1
-                })),
-                label: "Tolak",
-                severity: "danger"
-              }),
-              n(p, {
-                onClick: e[1] || (e[1] = (a) => Q({
-                  isApproved: !0
-                })),
-                label: "Setuju",
-                severity: "success"
-              })
-            ], 64)) : !U.value && o(S)(t.project).update ? (i(), c(p, {
-              key: 1,
-              disabled: ["Ready to Sprint", "Waiting for Approval"].includes(
-                ((f = l.value) == null ? void 0 : f.status) ?? ""
-              ),
-              label: (k = l.value) != null && k.isNeedApproval ? "Kirim Ke Approver" : "Tandai Ready to Sprint",
-              onClick: de,
-              severity: "success"
-            }, null, 8, ["disabled", "label"])) : d("", !0)
-          ])
-        ]),
-        s("div", Ee, [
-          s("div", Ne, [
-            s("div", ze, [
-              s("span", null, " Sprint : Sprint " + b(($ = l.value) == null ? void 0 : $.sprintNumber), 1),
-              s("span", null, [
-                e[13] || (e[13] = R(" Status : ")),
-                n(oe, {
-                  label: ((X = l.value) == null ? void 0 : X.status) ?? "",
-                  format: "nowrap"
-                }, null, 8, ["label"])
-              ]),
-              s("span", He, [
-                R(" Periode Sprint : " + b((Y = l.value) != null && Y.sprintInterval ? ((Z = l.value) == null ? void 0 : Z.sprintInterval) + " " + ((ee = l.value) == null ? void 0 : ee.sprintIntervalUnit) : "-") + " ", 1),
-                !U.value && o(S)(t.project).update ? (i(), c(p, {
-                  key: 0,
-                  onClick: e[2] || (e[2] = (a) => D.value = !0),
-                  class: "!size-6",
-                  "data-wv-section": "update-interval",
-                  icon: "edit",
-                  severity: "secondary",
-                  text: ""
-                })) : d("", !0)
-              ])
-            ]),
-            s("div", Ke, [
-              s("span", Oe, [
-                R(" Tanggal Mulai : " + b((ae = l.value) != null && ae.startAt ? o(re)(new Date(l.value.startAt)) : "-") + " ", 1),
-                !U.value && o(S)(t.project).update ? (i(), c(p, {
-                  key: 0,
-                  onClick: e[3] || (e[3] = (a) => j.value = !0),
-                  class: "!size-6",
-                  "data-wv-section": "update-start-date",
-                  icon: "edit",
-                  severity: "secondary",
-                  text: ""
-                })) : d("", !0)
-              ]),
-              s("span", null, " Tanggal Selesai : " + b((te = l.value) != null && te.finishAt ? o(re)(new Date(l.value.finishAt)) : "-"), 1)
-            ])
-          ]),
-          ((le = l.value) == null ? void 0 : le.status) !== "Selesai" && o(S)(t.project).update ? (i(), c(p, {
-            key: 0,
-            onClick: e[4] || (e[4] = (a) => N.value = !0),
-            label: "+ Product Backlog Item",
-            severity: "secondary"
-          })) : d("", !0)
-        ]),
-        ((se = l.value) == null ? void 0 : se.status) === "Selesai" ? (i(), w("div", Le, [
-          s("div", {
-            onClick: e[5] || (e[5] = (a) => T.value = !T.value),
-            class: "flex justify-between items-center cursor-pointer"
-          }, [
-            e[14] || (e[14] = s("span", { class: "font-semibold text-normal leading-4" }, " Sprint Summary ", -1)),
-            n(p, {
-              class: L(["!p-0 !size-auto", { "rotate-180": T.value }]),
-              "data-wv-section": "expand-pbi",
-              icon: "arrow-down",
-              "icon-class": "w-6 h-6",
-              severity: "secondary",
-              text: ""
-            }, null, 8, ["class"])
-          ])
-        ])) : d("", !0),
-        T.value ? (i(), c(Be, {
-          key: 1,
-          "sprint-id": (ie = l.value) == null ? void 0 : ie._id
-        }, null, 8, ["sprint-id"])) : d("", !0),
-        (i(!0), w(C, null, we(h.value, (a, r) => (i(), w(C, {
-          key: a._id
-        }, [
-          s("div", Fe, [
-            s("div", {
-              class: L([[{ "cursor-pointer": a.canViewDetail }], "flex justify-between"]),
-              onClick: (u) => {
-                a.canViewDetail && (P.value[r] = !P.value[r], P.value[r] && A(!0));
-              }
-            }, [
-              s("div", qe, [
-                s("span", Ge, " PBI " + b(r + 1) + ". " + b(a.name), 1),
-                n(oe, {
-                  label: a.status,
-                  format: "nowrap"
-                }, null, 8, ["label"])
-              ]),
-              a.canViewDetail ? (i(), w("div", Je, [
-                a.timerEndDate ? (i(), w(C, { key: 0 }, [
-                  R(b(`Durasi Persiapan : ${o(W)(a.timerEndDate).days}h ${o(W)(a.timerEndDate).hours}j ${o(W)(a.timerEndDate).minutes}m`) + " ", 1),
-                  o(S)(t.project).update ? (i(), c(p, {
-                    key: 0,
-                    onClick: V((u) => O.value[r] = !0, ["stop"]),
-                    class: "!py-0.5 !px-1.5",
-                    label: "Batal",
-                    severity: "danger",
-                    text: ""
-                  }, null, 8, ["onClick"])) : d("", !0)
-                ], 64)) : o(S)(t.project).update && !((a == null ? void 0 : a.hasTimerStart) ?? !0) && l.value.status === "Backlog" ? (i(), c(p, {
-                  key: 1,
-                  onClick: V((u) => K.value[r] = !0, ["stop"]),
-                  class: "!py-0.5 !px-1.5 text-primary-400",
-                  label: "Mulai Persiapan",
-                  text: ""
-                }, null, 8, ["onClick"])) : d("", !0),
-                n(p, {
-                  onClick: V((u) => H.value[r] = !0, ["stop"]),
-                  class: "!py-0.5 !px-1.5 text-primary-400",
-                  label: "Detail PBI >",
-                  text: ""
-                }, null, 8, ["onClick"]),
-                o(S)(t.project).delete && !U.value ? (i(), c(p, {
-                  key: 2,
-                  onClick: V((u) => be(a._id), ["stop"]),
-                  class: "!p-0 !size-auto'",
-                  "data-wv-section": "delete-pbi",
-                  icon: "close",
-                  "icon-class": "w-6 h-6",
-                  severity: "danger",
-                  text: ""
-                }, null, 8, ["onClick"])) : d("", !0),
-                n(p, {
-                  class: L(["!p-0 !size-auto", { "rotate-180": P.value[r] }]),
-                  "data-wv-section": "expand-pbi",
-                  icon: "arrow-down",
-                  "icon-class": "w-6 h-6",
-                  severity: "secondary",
-                  text: ""
-                }, null, 8, ["class"])
-              ])) : d("", !0)
-            ], 10, We)
-          ]),
-          P.value[r] ? (i(), c(xe, {
-            key: G.value,
-            project: t.project,
-            "selected-pbi": a,
-            onReloadTable: e[6] || (e[6] = (u) => A(!0)),
-            editable: ""
-          }, null, 8, ["project", "selected-pbi"])) : d("", !0),
-          n(je, {
-            visible: H.value[r],
-            "onUpdate:visible": (u) => H.value[r] = u,
-            "selected-pbi": a,
-            onReloadTable: A
-          }, null, 8, ["visible", "onUpdate:visible", "selected-pbi"]),
-          n(he, {
-            visible: K.value[r],
-            "onUpdate:visible": (u) => K.value[r] = u,
-            "project-id": o(m),
-            "selected-pbi": a,
-            onReloadTable: A
-          }, null, 8, ["visible", "onUpdate:visible", "project-id", "selected-pbi"]),
-          n($e, {
-            visible: O.value[r],
-            "onUpdate:visible": (u) => O.value[r] = u,
-            list: [a],
-            onConfirm: (u) => fe(a._id),
-            header: "Batalkan Persiapan",
-            "list-label": "name",
-            message: "Apakah kamu yakin ingin membatalkan proses persiapan pembuatan task di dalam PBI?",
-            severity: "danger"
-          }, null, 8, ["visible", "onUpdate:visible", "list", "onConfirm"])
-        ], 64))), 128)),
-        n(ne, {
-          visible: D.value,
-          "onUpdate:visible": e[8] || (e[8] = (a) => D.value = a),
-          "buttons-template": ["cancel", "submit"],
-          closable: !1,
-          "close-on-submit": !1,
-          "reset-after-submit": !1,
-          onHide: J,
-          onSubmit: ce,
-          header: "Periode Sprint"
-        }, {
-          fields: F(() => {
-            var a;
-            return [
-              x.value === "Hari" ? (i(), c(De, {
-                key: 0,
-                "allow-empty-value": !1,
-                min: 1,
-                value: ((a = l.value) == null ? void 0 : a.sprintIntervalUnit) === "Hari" ? z.value : void 0,
-                "field-name": "period",
-                label: "Periode Sprint",
-                mandatory: "",
-                "use-validator": ""
-              }, {
-                "addon-right": F(() => e[15] || (e[15] = [
-                  s("span", null, "Hari", -1)
-                ])),
-                _: 1
-              }, 8, ["value"])) : (i(), c(Ce, {
-                key: 1,
-                "initial-value": z.value,
-                options: ve,
-                "onUpdate:modelValue": e[7] || (e[7] = (r) => (
-                  // If 'Custom' option is chosen, change interval unit to 'Hari'
-                  r === 0 ? x.value = "Hari" : null
-                )),
-                "field-name": "period",
-                label: "Periode Sprint",
-                mandatory: "",
-                "option-label": "label",
-                "option-value": "value",
-                "use-validator": ""
-              }, null, 8, ["initial-value"]))
-            ];
-          }),
-          _: 1
-        }, 8, ["visible"]),
-        n(ne, {
-          visible: j.value,
-          "onUpdate:visible": e[9] || (e[9] = (a) => j.value = a),
-          "buttons-template": ["cancel", "submit"],
-          closable: !1,
-          "close-on-submit": !1,
-          "reset-after-submit": !1,
-          onSubmit: me,
-          header: "Tanggal Mulai"
-        }, {
-          fields: F(() => {
-            var a;
-            return [
-              n(Pe, {
-                "date-value": (a = l.value) == null ? void 0 : a.startAt,
-                "min-date": /* @__PURE__ */ new Date(),
-                "field-name": "startAt",
-                label: "Tanggal Mulai",
-                mandatory: "",
-                placeholder: "Pilih tanggal",
-                "use-validator": ""
-              }, null, 8, ["date-value", "min-date"])
-            ];
-          }),
-          _: 1
-        }, 8, ["visible"]),
-        n(Te, {
-          visible: N.value,
-          "onUpdate:visible": e[10] || (e[10] = (a) => N.value = a),
-          "selected-sprint": l.value,
-          onAdd: y
-        }, null, 8, ["visible", "selected-sprint"]),
-        n(Ue, {
-          visible: E.value,
-          "onUpdate:visible": e[11] || (e[11] = (a) => E.value = a),
-          sprint: l.value ? { ...l.value, finishedAt: l.value.finishAt } : void 0,
-          onCreateApproval: y
-        }, null, 8, ["visible", "sprint"])
-      ], 64);
-    };
-  }
-});
-export {
-  ba as _
-};

package/dialogaddattachment/index.es.js

@@ -1,273 +0,0 @@
-import { defineComponent as W, mergeModels as j, useModel as X, shallowRef as p, ref as $, resolveDirective as Y, createBlock as x, openBlock as o, withCtx as b, createVNode as d, createElementBlock as c, withModifiers as m, normalizeClass as Z, createElementVNode as a, createCommentVNode as h, Fragment as S, renderList as ee, withDirectives as T, toDisplayString as P, vShow as te } from "vue";
-import se from "axios";
-import { v as B, a as L, f as M } from "../utils/addAttachment.util.es.js";
-import "@fewangsit/workspace-api-services";
-import { u as le } from "../utils/toast.util.es.js";
-import { _ } from "../button/index.es.js";
-import { _ as ae } from "../dialog/index.es.js";
-import { _ as oe } from "../form/index.es.js";
-import { _ as R } from "../icon/index.es.js";
-import { _ as ie } from "../inputtext/index.es.js";
-import { _ as re } from "../inputurl/index.es.js";
-import { _ as ne } from "../tabmenu/index.es.js";
-import { _ as ce } from "../attachmentthumbnail/index.es.js";
-const de = { class: "flex justify-between items-center w-full" }, ue = { class: "flex flex-col gap-2 items-center justify-center border-b border-primary-100 pb-4" }, pe = {
-  key: 0,
-  class: "flex flex-col gap-2"
-}, me = { class: "flex flex-col gap-1 max-h-[250px] overflow-auto" }, fe = { class: "w-full flex flex-col gap-1" }, ve = { class: "w-full flex justify-between items-center" }, ye = { key: 0 }, ge = {
-  key: 1,
-  class: "text-danger-500"
-}, xe = {
-  id: "progress-bar-container",
-  class: "w-full h-[4px] bg-general-100 rounded"
-}, be = { key: 1 }, Te = /* @__PURE__ */ W({
-  __name: "DialogAddAttachment",
-  props: /* @__PURE__ */ j({
-    objectId: {},
-    uploadFileService: { type: Function },
-    uploadUrlService: { type: Function },
-    type: {}
-  }, {
-    visible: { type: Boolean, required: !0 },
-    visibleModifiers: {}
-  }),
-  emits: /* @__PURE__ */ j(["hide"], ["update:visible"]),
-  setup(k, { emit: N }) {
-    const w = le(), u = X(k, "visible"), V = N, n = k, H = p([
-      {
-        label: "Upload"
-      },
-      {
-        label: "URL"
-      }
-    ]), f = p(0), v = $(null), y = p(0), g = p(!1), i = $([]), q = () => {
-      v.value && v.value.click();
-    }, C = () => {
-      g.value = !0;
-    }, F = () => {
-      g.value = !1;
-    }, z = async (l) => {
-      y.value++;
-      const e = l.target;
-      if (e.files) {
-        const s = Array.from(e.files).filter(B), t = s.filter(L).map(M);
-        t.length < s.length && w.add({
-          severity: "error",
-          message: "Ukuran file terlalu besar."
-        }), i.value.push(...t), await U(t);
-      }
-    }, E = async (l) => {
-      if (y.value++, l.dataTransfer) {
-        const e = Array.from(l.dataTransfer.files).filter(
-          B
-        ), s = e.filter(L).map(M);
-        s.length < e.length && w.add({
-          severity: "error",
-          message: "Ukuran file terlalu besar."
-        }), i.value.push(...s), await U(s);
-      }
-      F();
-    }, K = async (l, e, s) => {
-      const t = i.value.length - s + e;
-      try {
-        const r = new AbortController();
-        i.value[t].controller = r;
-        const D = (I) => {
-          const A = Math.round(
-            I.loaded * 100 / I.total
-          );
-          i.value[t].uploadProgress = A;
-          const Q = document.querySelectorAll("#progress-bar");
-          Q[t].style.width = A + "%";
-        };
-        await n.uploadFileService({
-          id: n.type === "attachment" ? n.objectId : void 0,
-          body: l,
-          onUploadProgress: D,
-          signal: r.signal
-        });
-      } catch (r) {
-        if (se.isCancel(r)) {
-          i.value[t].isCanceled = !0;
-          return;
-        }
-        console.error(r);
-      }
-    }, U = async (l) => {
-      const e = l.map((s) => ({
-        file: s.file,
-        type: s.fileType,
-        checklistItem: n.type === "checklist" ? n.objectId : void 0
-      }));
-      try {
-        await Promise.all(
-          e.map(async (s, t) => {
-            await K(s, t, e.length);
-          })
-        );
-      } catch (s) {
-        console.error("Error submitting attachments:", s);
-      }
-    }, G = async (l) => {
-      var e, s;
-      try {
-        const t = {
-          url: (e = l.formValues) == null ? void 0 : e.url,
-          displayName: (s = l.formValues) == null ? void 0 : s.displayName,
-          checklistItem: n.type === "checklist" ? n.objectId : void 0
-        }, { data: r } = await n.uploadUrlService(n.objectId, t);
-        r && (u.value = !1);
-      } catch (t) {
-        console.error(t);
-      }
-    }, J = (l) => {
-      var e;
-      (e = i.value[l].controller) == null || e.abort();
-    }, O = () => {
-      i.value = [], V("hide");
-    };
-    return (l, e) => {
-      const s = Y("focus");
-      return o(), x(ae, {
-        visible: u.value,
-        "onUpdate:visible": e[3] || (e[3] = (t) => u.value = t),
-        closable: !1,
-        onHide: O,
-        class: "w-[400px]",
-        header: "Attachment",
-        modal: ""
-      }, {
-        header: b(() => [
-          a("div", de, [
-            e[4] || (e[4] = a("span", { class: "text-lg font-semibold leading-4" }, "Attachment", -1)),
-            d(_, {
-              onClick: e[0] || (e[0] = (t) => u.value = !1),
-              class: "!p-0.5 !text-general-200 dark:!text-general-200",
-              "data-wv-section": "closebutton",
-              icon: "close",
-              "icon-class": "w-[22px] h-[22px]",
-              severity: "secondary",
-              text: ""
-            })
-          ])
-        ]),
-        default: b(() => [
-          d(ne, {
-            "active-index": f.value,
-            "onUpdate:activeIndex": e[1] || (e[1] = (t) => f.value = t),
-            menu: H.value
-          }, null, 8, ["active-index", "menu"]),
-          f.value === 0 ? (o(), c("div", {
-            key: 0,
-            id: "upload-drop-area",
-            class: Z([{ "bg-primary-50": g.value }, "flex flex-col gap-4"]),
-            onDragenter: m(C, ["prevent"]),
-            onDragleave: m(F, ["prevent"]),
-            onDragover: m(C, ["prevent"]),
-            onDrop: m(E, ["prevent"])
-          }, [
-            (o(), c("input", {
-              key: y.value,
-              ref_key: "fileInput",
-              ref: v,
-              onChange: z,
-              multiple: "",
-              style: { display: "none" },
-              type: "file"
-            }, null, 32)),
-            a("div", ue, [
-              d(R, {
-                class: "text-7xl text-primary-400",
-                icon: "upload-2"
-              }),
-              d(_, {
-                onClick: q,
-                label: "Cari File",
-                severity: "secondary"
-              }),
-              e[5] || (e[5] = a("span", { class: "text-xs" }, "atau seret file ke sini", -1)),
-              e[6] || (e[6] = a("div", { class: "flex flex-col gap-1 justify-center items-center text-center text-[10px]" }, [
-                a("span", null, "Ukuran file maksimal: 10 MB (video) & 1 MB (lainnya) ")
-              ], -1))
-            ]),
-            i.value.length ? (o(), c("div", pe, [
-              e[8] || (e[8] = a("span", { class: "text-sm font-semibold" }, "Upload Progress", -1)),
-              a("div", me, [
-                (o(!0), c(S, null, ee(i.value, (t, r) => (o(), c("div", {
-                  key: r,
-                  class: "h-[46px] flex justify-center items-center p-2 gap-2 border border-primary-100 rounded-lg"
-                }, [
-                  d(ce, {
-                    item: { type: t.fileType, url: t.imgPreviewURL },
-                    small: ""
-                  }, null, 8, ["item"]),
-                  a("div", fe, [
-                    a("div", ve, [
-                      a("span", null, P(t.name), 1),
-                      t.uploadProgress !== 100 && !t.isCanceled ? (o(), c("span", ye, P(t.uploadProgress) + "% ", 1)) : t.isCanceled ? (o(), c("span", ge, " Dibatalkan ")) : h("", !0)
-                    ]),
-                    T(a("div", xe, e[7] || (e[7] = [
-                      a("div", {
-                        id: "progress-bar",
-                        class: "w-0 h-[4px] rounded bg-primary-400 transform transition-all duration-300 ease-in-out"
-                      }, null, -1)
-                    ]), 512), [
-                      [te, !t.isCanceled]
-                    ])
-                  ]),
-                  t.isCanceled ? h("", !0) : (o(), c(S, { key: 0 }, [
-                    t.uploadProgress !== 100 ? (o(), x(_, {
-                      key: 0,
-                      onClick: (D) => J(r),
-                      icon: "close",
-                      severity: "danger",
-                      text: ""
-                    }, null, 8, ["onClick"])) : (o(), x(R, {
-                      key: 1,
-                      class: "text-success-500 text-xl w-[30px]",
-                      icon: "check"
-                    }))
-                  ], 64))
-                ]))), 128))
-              ])
-            ])) : h("", !0)
-          ], 34)) : (o(), c("div", be, [
-            d(oe, {
-              "buttons-template": ["submit"],
-              "reset-after-submit": !1,
-              onSubmit: e[2] || (e[2] = (t) => G(t)),
-              "hide-stay-checkbox": "",
-              "submit-btn-severity": "secondary"
-            }, {
-              fields: b(() => [
-                T(d(re, {
-                  "validator-message": {
-                    empty: "URL harus diisi"
-                  },
-                  "field-name": "url",
-                  label: "URL",
-                  mandatory: "",
-                  placeholder: "Tulis URL",
-                  "use-validator": ""
-                }, null, 512), [
-                  [s]
-                ]),
-                d(ie, {
-                  "field-name": "displayName",
-                  label: "Display Text",
-                  placeholder: "Tulis display text",
-                  "use-validator": ""
-                })
-              ]),
-              _: 1
-            })
-          ]))
-        ]),
-        _: 1
-      }, 8, ["visible"]);
-    };
-  }
-});
-export {
-  Te as _
-};