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

package/utils/genPlaceholder.util.es.js

@@ -1,4 +1,4 @@
-const l = [
+const bgOptions = [
   "#57291F",
   "#C0413B",
   "#D77B5F",
@@ -16,22 +16,36 @@ const l = [
   "#41222A",
   "#FFB27B",
   "#BC7576"
-], d = () => {
-  const e = Math.floor(Math.random() * l.length);
-  return l[e];
-}, B = (e, o, i, g) => {
-  const c = i ?? d(), t = document.createElement("canvas");
-  t.style.background = c, t.width = o, t.height = o;
-  const n = t.getContext("2d");
-  if (n) {
-    const s = "Poppins", a = "600", r = "#fff";
-    n.font = `${a} 48px/48px ${s}`, n.textAlign = "center", n.textBaseline = "middle";
-    const f = t.width / 2, h = (t.height + 8) / 2;
-    n.fillStyle = c, n.fillRect(0, 0, t.width, t.height), n.fillStyle = r, n.fillText(e, f, h);
+];
+const genRandomPlaceholderBg = () => {
+  const randomIndex = Math.floor(Math.random() * bgOptions.length);
+  return bgOptions[randomIndex];
+};
+const genPlaceholder = (text, size, bgColor, fontOptions) => {
+  const bg = bgColor ?? genRandomPlaceholderBg();
+  const canvas = document.createElement("canvas");
+  canvas.style.background = bg;
+  canvas.width = size;
+  canvas.height = size;
+  const ctx = canvas.getContext("2d");
+  if (ctx) {
+    const font = "Poppins";
+    const fontWeight = "600";
+    const fontSize = 48;
+    const fontColor = "#fff";
+    ctx.font = `${fontWeight} ${fontSize}px/${fontSize}px ${font}`;
+    ctx.textAlign = "center";
+    ctx.textBaseline = "middle";
+    const horizontalCenter = canvas.width / 2;
+    const verticalCenter = (canvas.height + 8) / 2;
+    ctx.fillStyle = bg;
+    ctx.fillRect(0, 0, canvas.width, canvas.height);
+    ctx.fillStyle = fontColor;
+    ctx.fillText(text, horizontalCenter, verticalCenter);
   }
-  return t;
+  return canvas;
 };
 export {
-  d as a,
-  B as g
+  genRandomPlaceholderBg as a,
+  genPlaceholder as g
 };

package/utils/getProjectPermission.util.es.js

@@ -1,17 +1,20 @@
-import { g as a } from "./getUser.util.es.js";
-import { i as t } from "./isIntersect.es.js";
-const o = (s, m) => {
+import { g as getUser } from "./getUser.util.es.js";
+import { i as isIntersect } from "./isIntersect.es.js";
+const getProjectPermission = (project, leaders) => {
   const {
-    permission: { manageProject: e }
-  } = a(), n = (s == null ? void 0 : s.isPM) ?? !1, r = t(
-    m ?? [],
-    (s == null ? void 0 : s.leaders) ?? []
+    permission: { manageProject }
+  } = getUser();
+  const pmPerm = (project == null ? void 0 : project.isPM) ?? false;
+  const leaderPerm = isIntersect(
+    leaders ?? [],
+    (project == null ? void 0 : project.leaders) ?? []
   );
-  let i;
-  for (i in e)
-    e[i] = n || r || e[i];
-  return e;
+  let key;
+  for (key in manageProject) {
+    manageProject[key] = pmPerm || leaderPerm || manageProject[key];
+  }
+  return manageProject;
 };
 export {
-  o as g
+  getProjectPermission as g
 };

package/utils/getSalesRole.util.es.js

@@ -1,7 +1,7 @@
-const s = () => {
-  const { permissions: e } = JSON.parse(localStorage.getItem("user") ?? "{}");
-  return e.sales;
+const getSalesRole = () => {
+  const { permissions } = JSON.parse(localStorage.getItem("user") ?? "{}");
+  return permissions.sales;
 };
 export {
-  s as g
+  getSalesRole as g
 };

package/utils/getUser.util.es.js

@@ -1,4 +1,4 @@
-const e = () => JSON.parse(localStorage.getItem("user")) ?? {};
+const getUser = () => JSON.parse(localStorage.getItem("user")) ?? {};
 export {
-  e as g
+  getUser as g
 };

package/utils/getUserType.util.es.js

@@ -1,13 +1,18 @@
-import { g as a } from "./getUser.util.es.js";
-const m = () => {
-  var r;
+import { g as getUser } from "./getUser.util.es.js";
+const getUserType = () => {
+  var _a;
   {
-    const e = a(), t = [];
-    return Object.values(((r = e == null ? void 0 : e.permission) == null ? void 0 : r.manageProject) || {}).every(
-      (s) => s === !0
-    ) && t.push("admin"), e != null && e.isProjectManager && t.push("pm"), e != null && e.isTeamLeader && t.push("teamLeader"), [...t, "guest"];
+    const user = getUser();
+    const returnArray = [];
+    const isAdmin = Object.values(((_a = user == null ? void 0 : user.permission) == null ? void 0 : _a.manageProject) || {}).every(
+      (value) => value === true
+    );
+    if (isAdmin) returnArray.push("admin");
+    if (user == null ? void 0 : user.isProjectManager) returnArray.push("pm");
+    if (user == null ? void 0 : user.isTeamLeader) returnArray.push("teamLeader");
+    return [...returnArray, "guest"];
   }
 };
 export {
-  m as g
+  getUserType as g
 };

package/utils/isIntersect.es.js

@@ -1,4 +1,6 @@
-const n = (e, s) => e.some((t) => s.includes(t));
+const isIntersect = (arr1, arr2) => {
+  return arr1.some((value) => arr2.includes(value));
+};
 export {
-  n as i
+  isIntersect as i
 };

package/utils/mergePropsWithDefaults.util.es.js

@@ -1,9 +1,10 @@
-function o(n, t) {
-  const r = { ...t };
-  for (const e in n)
-    r[e] = n[e] ?? t[e];
-  return r;
+function mergePropsWithDefaults(props, defaultProps) {
+  const merged = { ...defaultProps };
+  for (const key in props) {
+    merged[key] = props[key] ?? defaultProps[key];
+  }
+  return merged;
 }
 export {
-  o as m
+  mergePropsWithDefaults as m
 };

package/utils/object.util.es.js

@@ -1,61 +1,95 @@
-const p = (t, e) => e.split(".").reduce((n, r) => n ? n[r] : void 0, t), a = (t, e, n) => {
-  const r = e.split("."), s = r.pop(), o = r.reduce((u, c) => u[c] = u[c] || {}, t);
-  s && (o[s] = n);
-}, l = (t) => {
-  if (!t) return !0;
-  const e = Object.keys(t);
-  return e.length ? e.every((n) => {
-    const r = t[n];
-    return typeof r == "object" ? Array.isArray(r) ? !r.length || r.every(
-      (s) => typeof s == "object" ? l(s) : s == null
-    ) : l(r) : r == null;
-  }) : !0;
-}, f = (t, e) => {
-  if (t === e) return !0;
-  if (t && e && typeof t == "object" && typeof e == "object") {
-    const n = Array.isArray(t), r = Array.isArray(e);
-    if (n && r) {
-      if (t.length !== e.length) return !1;
-      for (let o = 0; o < t.length; o++)
-        if (!f(t[o], e[o])) return !1;
-      return !0;
+const getNestedPropertyValue = (obj, path) => {
+  return path.split(".").reduce((o, p) => o ? o[p] : void 0, obj);
+};
+const setNestedPropertyValue = (obj, path, value) => {
+  const keys = path.split(".");
+  const lastKey = keys.pop();
+  const lastObj = keys.reduce((o, k) => o[k] = o[k] || {}, obj);
+  if (lastKey) lastObj[lastKey] = value;
+};
+const isEmptyObject = (obj) => {
+  if (!obj) return true;
+  const keys = Object.keys(obj);
+  if (!keys.length) return true;
+  return keys.every((key) => {
+    const value = obj[key];
+    if (typeof value === "object") {
+      if (Array.isArray(value)) {
+        return !value.length || value.every(
+          (val) => typeof val === "object" ? isEmptyObject(val) : val == null
+        );
+      }
+      return isEmptyObject(value);
+    }
+    return value == null;
+  });
+};
+const deepEquals = (a, b) => {
+  if (a === b) return true;
+  if (a && b && typeof a === "object" && typeof b === "object") {
+    const arrA = Array.isArray(a);
+    const arrB = Array.isArray(b);
+    if (arrA && arrB) {
+      if (a.length !== b.length) return false;
+      for (let i = 0; i < a.length; i++) {
+        if (!deepEquals(a[i], b[i])) return false;
+      }
+      return true;
+    }
+    if (arrA !== arrB) return false;
+    if (a instanceof Date && b instanceof Date) {
+      return a.getTime() === b.getTime();
+    }
+    if (a instanceof RegExp && b instanceof RegExp) {
+      return a.toString() === b.toString();
+    }
+    const keysA = Object.keys(a);
+    if (keysA.length !== Object.keys(b).length) return false;
+    for (const key of keysA) {
+      if (!Object.prototype.hasOwnProperty.call(b, key)) return false;
+      if (!deepEquals(a[key], b[key])) return false;
     }
-    if (n !== r) return !1;
-    if (t instanceof Date && e instanceof Date)
-      return t.getTime() === e.getTime();
-    if (t instanceof RegExp && e instanceof RegExp)
-      return t.toString() === e.toString();
-    const s = Object.keys(t);
-    if (s.length !== Object.keys(e).length) return !1;
-    for (const o of s)
-      if (!Object.prototype.hasOwnProperty.call(e, o) || !f(t[o], e[o])) return !1;
-    return !0;
+    return true;
   }
-  return t !== t && e !== e;
-}, i = (t, e, n) => f(t, e), g = (t, e) => {
-  if (t != null && (e != null && e.length)) {
-    for (const n of e)
-      if (i(t, n)) return !0;
+  return a !== a && b !== b;
+};
+const equals = (obj1, obj2, field) => {
+  return deepEquals(obj1, obj2);
+};
+const contains = (value, list) => {
+  if (value != null && (list == null ? void 0 : list.length)) {
+    for (const item of list) {
+      if (equals(value, item)) return true;
+    }
   }
-  return !1;
-}, y = (t, e) => {
-  if (typeof t != "object" || t === null)
-    return e;
-  if (typeof e != "object" || e === null)
-    return t;
-  const n = { ...t };
-  for (const r in e)
-    if (Object.prototype.hasOwnProperty.call(e, r)) {
-      const s = t[r], o = e[r];
-      typeof s == "object" && s !== null && typeof o == "object" && o !== null ? n[r] = y(s, o) : n[r] = o;
+  return false;
+};
+const deepMerge = (target, source) => {
+  if (typeof target !== "object" || target === null) {
+    return source;
+  }
+  if (typeof source !== "object" || source === null) {
+    return target;
+  }
+  const merged = { ...target };
+  for (const key in source) {
+    if (Object.prototype.hasOwnProperty.call(source, key)) {
+      const targetValue = target[key];
+      const sourceValue = source[key];
+      if (typeof targetValue === "object" && targetValue !== null && typeof sourceValue === "object" && sourceValue !== null) {
+        merged[key] = deepMerge(targetValue, sourceValue);
+      } else {
+        merged[key] = sourceValue;
+      }
     }
-  return n;
+  }
+  return merged;
 };
 export {
-  g as c,
-  y as d,
-  i as e,
-  p as g,
-  l as i,
-  a as s
+  contains as c,
+  deepMerge as d,
+  equals as e,
+  getNestedPropertyValue as g,
+  isEmptyObject as i,
+  setNestedPropertyValue as s
 };

package/utils/queryParamsStringfy.util.es.js

@@ -1,15 +1,23 @@
-const f = (r) => {
-  if (!r)
+const queryParamsStringfy = (data) => {
+  if (!data) {
     return;
-  const n = {};
-  return Object.keys(r).forEach((s) => {
-    Array.isArray(r[s]) ? r[s].length > 0 && Object.assign(n, {
-      [s]: JSON.stringify(r[s])
-    }) : r[s] !== void 0 && Object.assign(n, {
-      [s]: r[s]
-    });
-  }), n;
+  }
+  const assignedData = {};
+  Object.keys(data).forEach((item) => {
+    if (Array.isArray(data[item])) {
+      if (data[item].length > 0) {
+        Object.assign(assignedData, {
+          [item]: JSON.stringify(data[item])
+        });
+      }
+    } else if (data[item] !== void 0) {
+      Object.assign(assignedData, {
+        [item]: data[item]
+      });
+    }
+  });
+  return assignedData;
 };
 export {
-  f as q
+  queryParamsStringfy as q
 };

package/utils/role.util.es.js

@@ -1,7 +1,8 @@
-const t = (e, o, c) => {
-  const { hasAccess: s } = e.meta;
-  s ? c() : window.history.replaceState(null, "", "/not-found");
+const checkRouteAccess = (to, from, next) => {
+  const { hasAccess } = to.meta;
+  if (hasAccess) next();
+  else window.history.replaceState(null, "", "/not-found");
 };
 export {
-  t as c
+  checkRouteAccess as c
 };

package/utils/statusSeverity.util.es.js

@@ -1,11 +1,17 @@
-function n(e) {
-  return ["Backlog", "Waiting Approval", "Not Ready Yet"].includes(e) ? "dark" : [
+function getStatusSeverity(status) {
+  if (["Backlog", "Waiting Approval", "Not Ready Yet"].includes(status)) {
+    return "dark";
+  }
+  if ([
     "Sprint",
     "Penyesuaian",
     "On Deployment",
     "On Progress",
     "Waiting for Approval"
-  ].includes(e) ? "warning" : [
+  ].includes(status)) {
+    return "warning";
+  }
+  if ([
     "Pending Review Leader",
     "Ready to Deploy",
     "Pending E2E Testing Dev",
@@ -14,8 +20,17 @@ function n(e) {
     "Pending E2E Testing Staging",
     "Selesai Staging",
     "Pending E2E Testing"
-  ].includes(e) ? "primary" : ["Fixing Bug", "Reported Bug", "Overdue", "Nonaktif"].includes(e) ? "danger" : ["Finish Deployment", "Selesai", "Aktif"].includes(e) ? "success" : "primary";
+  ].includes(status)) {
+    return "primary";
+  }
+  if (["Fixing Bug", "Reported Bug", "Overdue", "Nonaktif"].includes(status)) {
+    return "danger";
+  }
+  if (["Finish Deployment", "Selesai", "Aktif"].includes(status)) {
+    return "success";
+  }
+  return "primary";
 }
 export {
-  n as g
+  getStatusSeverity as g
 };

package/utils/textFormatter.util.es.js

@@ -1,54 +1,32 @@
-const a = (t) => {
-  if (!t) return "-";
-  if (t.length <= 8) return t;
-  const o = t.split(" ");
-  if (o.length === 1)
-    return `${o[0].slice(0, 8)}..`;
-  const s = o.slice(0, -1).join(" "), r = s.length > 8 ? `${s.slice(0, 8)}..` : s, n = o[o.length - 1];
-  return `${r} ${n.slice(0, 1)}`;
-}, h = (t, o, s = 3) => {
-  if (!o) return "";
-  const r = o.split(" ");
-  let n = "";
-  for (const e of r)
-    n += e.charAt(0).toUpperCase();
-  return !(t != null && t.length) || !t.includes(n) ? n : d(t, o, s);
-}, d = (t, o, s) => {
-  if (!o) return "";
-  const r = o.split(" ");
-  let n = "";
-  const e = () => {
-    for (const i of r) {
-      const c = i.match(/[bcdfghjklmnpqrstvwxyz]/gi);
-      if (c && c.length > 0 && n.length < s) {
-        const l = n.length, u = s - l;
-        n += c.slice(0, u).join("");
-      }
-    }
-  };
-  return Array.from({ length: r.length }).forEach(() => {
-    e(), n = n.toUpperCase(), t.includes(n) && r.length != 1 && (r.splice(0, 1), n = "");
-  }), f(t, o, s);
-}, f = (t, o, s) => {
-  if (!o) return "";
-  const r = o.split(" ");
-  let n = "";
-  const e = (i) => i.slice(0, s).toUpperCase();
-  for (const i of r)
-    if (n = e(i), !t.includes(n))
-      break;
-  return n;
-}, p = (t) => {
-  if (!t) return "";
-  const o = ["a", "e", "i", "o", "h"], s = ["a", "e", "i", "o", "u"], r = t.toLowerCase(), n = r[0], e = o.includes(n);
-  if (n === "h") {
-    const c = ["hour", "honest", "heir", "honor"].some((l) => r.includes(l));
-    return !s.includes(r.slice(2, 3)) && !c ? `a ${t}` : `an ${t}`;
+const formatUserName = (name) => {
+  if (!name) return "-";
+  if (name.length <= 8) return name;
+  const splitted = name.split(" ");
+  if (splitted.length === 1) {
+    return `${splitted[0].slice(0, 8)}..`;
   }
-  return e || n === "u" && !o.includes(r.slice(2, 3)) ? `an ${t}` : `a ${t}`;
+  const firstToRestWord = splitted.slice(0, -1).join(" ");
+  const firstWord = firstToRestWord.length > 8 ? `${firstToRestWord.slice(0, 8)}..` : firstToRestWord;
+  const lastWord = splitted[splitted.length - 1];
+  return `${firstWord} ${lastWord.slice(0, 1)}`;
+};
+const formatVowelSoundLabel = (label) => {
+  if (!label) return "";
+  const vowelSound = ["a", "e", "i", "o", "h"];
+  const vocalSound = ["a", "e", "i", "o", "u"];
+  const word = label.toLowerCase();
+  const firstLetter = word[0];
+  const isStartWithVowel = vowelSound.includes(firstLetter);
+  if (firstLetter === "h") {
+    const silent = ["hour", "honest", "heir", "honor"];
+    const includeSilent = silent.some((phrase) => word.includes(phrase));
+    if (!vocalSound.includes(word.slice(2, 3)) && !includeSilent)
+      return `a ${label}`;
+    return `an ${label}`;
+  }
+  return isStartWithVowel || firstLetter === "u" && !vowelSound.includes(word.slice(2, 3)) ? `an ${label}` : `a ${label}`;
 };
 export {
-  p as a,
-  a as f,
-  h as g
+  formatVowelSoundLabel as a,
+  formatUserName as f
 };

package/utils/toast.util.es.js

@@ -1,5 +1,5 @@
-import { u as s } from "./baseToast.util.es.js";
-const e = {
+import { u as useToast$1 } from "./baseToast.util.es.js";
+const useToastConfig = {
   template: {
     severity: {
       success: "Berhasil! {message}",
@@ -10,8 +10,11 @@ const e = {
     success: "emotion-happy-fill",
     error: "emotion-unhappy-fill"
   }
-}, o = () => s(e);
+};
+const useToast = () => {
+  return useToast$1(useToastConfig);
+};
 export {
-  e as a,
-  o as u
+  useToast as a,
+  useToastConfig as u
 };

package/utils/xlsx.util.es.js

@@ -1,9 +1,15 @@
-const i = async () => {
-  var t;
-  return window.XLSX || ((t = window.System) != null && t.import ? await System.import(
-    "https://cdn.sheetjs.com/xlsx-0.20.3/package/dist/xlsx.full.min.js"
-  ) : window.XLSX = await import("https://cdn.sheetjs.com/xlsx-0.20.3/package/xlsx.mjs")), window.XLSX;
+const loadSheetJSFromCDN = async () => {
+  var _a;
+  if (window.XLSX) return window.XLSX;
+  if ((_a = window.System) == null ? void 0 : _a.import) {
+    await System.import(
+      "https://cdn.sheetjs.com/xlsx-0.20.3/package/dist/xlsx.full.min.js"
+    );
+  } else {
+    window.XLSX = await import("https://cdn.sheetjs.com/xlsx-0.20.3/package/xlsx.mjs");
+  }
+  return window.XLSX;
 };
 export {
-  i as l
+  loadSheetJSFromCDN as l
 };

package/validatormessage/index.es.js

@@ -1,19 +1,19 @@
-import { defineComponent as o, inject as t, withDirectives as a, createElementBlock as n, openBlock as m, mergeProps as p, unref as i, toDisplayString as l, vShow as c } from "vue";
-const u = /* @__PURE__ */ o({
+import { defineComponent, inject, withDirectives, createElementBlock, openBlock, mergeProps, unref, toDisplayString, vShow } from "vue";
+const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "ValidatorMessage",
   props: {
     message: {}
   },
-  setup(g) {
-    const r = t("preset", {}).validatormessage;
-    return (e, _) => {
-      var s;
-      return a((m(), n("small", p((s = i(r)) == null ? void 0 : s.root, { role: "alert" }), l(e.message), 17)), [
-        [c, e.message]
+  setup(__props) {
+    const Preset = inject("preset", {}).validatormessage;
+    return (_ctx, _cache) => {
+      var _a;
+      return withDirectives((openBlock(), createElementBlock("small", mergeProps((_a = unref(Preset)) == null ? void 0 : _a.root, { role: "alert" }), toDisplayString(_ctx.message), 17)), [
+        [vShow, _ctx.message]
       ]);
     };
   }
 });
 export {
-  u as _
+  _sfc_main as _
 };