@fewangsit/wangsvue-fats 1.0.0-alpha.40 → 1.0.0-alpha.42

package/components/approverinfo/ApproverInfo-C3_ibV8c.es.js

@@ -0,0 +1,321 @@
+import { defineComponent as C, shallowRef as j, computed as I, createElementBlock as d, openBlock as r, Fragment as f, createElementVNode as m, createVNode as w, toDisplayString as g, withCtx as N, renderList as x, createBlock as M, createCommentVNode as D } from "vue";
+import { _ as H } from "../badge/Badge-DA-XiE1C.es.js";
+import { _ as z } from "../dialog/Dialog-Dy93f91f.es.js";
+import { _ as F } from "../icon/Icon-mDqG7urn.es.js";
+const B = () => {
+  const { consoleSettings: y, generalSetting: c } = JSON.parse(
+    localStorage.getItem("user") ?? "{}"
+  ), { dateFormat: o, timeFormat: u, timezone: n } = y ?? c ?? {};
+  let l = {};
+  return !o || !u || !n ? {} : (typeof o == "string" ? l = {
+    dateFormat: o,
+    timeFormat: u,
+    timezone: n
+  } : l = {
+    formatPreset: {
+      ...o,
+      weekday: o != null && o.weekday ? o.weekday : void 0,
+      hour: "2-digit",
+      minute: "2-digit",
+      second: "2-digit",
+      hour12: u,
+      timezone: n
+    }
+  }, l);
+}, $ = (y, c = {
+  locale: "en-gb",
+  dateFormat: "dd/mm/yy",
+  timeFormat: "HH:mm",
+  showDate: !0
+}, o = !0) => {
+  const { showDate: u = !0 } = c;
+  let {
+    locale: n = "en-gb",
+    dateFormat: l = "dd/mm/yy",
+    timezone: s,
+    timeFormat: t,
+    showTime: i
+  } = c;
+  const a = o ? B() : {};
+  if (a && (n = a.locale ?? n, l = a.dateFormat ?? l, t = a.timeFormat ?? t, s = a.timezone ?? s, i = i ?? !1), a.formatPreset) {
+    const {
+      locale: p,
+      timezone: b,
+      hour: k,
+      minute: _,
+      second: v,
+      hour12: S,
+      ...L
+    } = a.formatPreset, P = i ? { hour: k, minute: _, second: v, hour12: S } : {};
+    return y.toLocaleString(p, {
+      ...b ? { timeZone: b } : {},
+      ...L,
+      ...P
+    }).replace(/\b(am|pm)\b/g, (A) => A.toUpperCase());
+  }
+  let e = {
+    ...s ? { timeZone: s } : {}
+  };
+  if (u)
+    switch (l) {
+      case "d/m/yy":
+      case "_2/_1/06":
+        e = {
+          year: "2-digit",
+          month: "numeric",
+          day: "numeric"
+        }, n = "id-id";
+        break;
+      case "m/d/yy":
+      case "_1/_2/06":
+        e = {
+          year: "2-digit",
+          month: "numeric",
+          day: "numeric"
+        }, n = "en-us";
+        break;
+      case "d/mm/yy":
+        e = {
+          year: "2-digit",
+          month: "2-digit",
+          day: "numeric"
+        };
+        break;
+      case "dd/mm/yyyy":
+        e = {
+          year: "numeric",
+          month: "2-digit",
+          day: "2-digit"
+        };
+        break;
+      case "dd M yy":
+      case "02 Jan 06":
+        e = {
+          year: "2-digit",
+          month: "short",
+          day: "2-digit"
+        };
+        break;
+      case "dd M yyyy":
+        e = {
+          year: "numeric",
+          month: "short",
+          day: "2-digit"
+        };
+        break;
+      case "dd MM yy":
+        e = {
+          year: "2-digit",
+          month: "long",
+          day: "2-digit"
+        };
+        break;
+      case "dd MM yyyy":
+        e = {
+          year: "numeric",
+          month: "long",
+          day: "2-digit"
+        };
+        break;
+      case "D dd M yy":
+      case "D, dd M yy":
+      case "Mon, 02 Jan 06":
+        e = {
+          weekday: "short",
+          year: "2-digit",
+          month: "short",
+          day: "2-digit"
+        };
+        break;
+      case "D dd M yyyy":
+      case "D, dd M yyyy":
+      case "Mon, 02 Jan 2006":
+        e = {
+          weekday: "short",
+          year: "numeric",
+          month: "short",
+          day: "2-digit"
+        };
+        break;
+      case "DD dd MM yy":
+      case "DD, dd MM yy":
+        e = {
+          weekday: "long",
+          year: "2-digit",
+          month: "long",
+          day: "2-digit"
+        };
+        break;
+      case "DD dd MM yyyy":
+      case "DD, dd MM yyyy":
+        e = {
+          weekday: "long",
+          year: "numeric",
+          month: "long",
+          day: "2-digit"
+        };
+        break;
+      case "02/01/06":
+      default:
+        e = {
+          year: "2-digit",
+          month: "2-digit",
+          day: "2-digit"
+        };
+        break;
+    }
+  if (i && !t && (t = "HH:mm"), i || t && i != !1)
+    switch (t) {
+      case "HH:mm":
+      case "HH:mm a":
+      case "15:04":
+      case "03:04 PM":
+        e = {
+          ...e,
+          hour: "2-digit",
+          minute: "2-digit",
+          hour12: t.includes("a") || t.includes("PM")
+        };
+        break;
+      case "HH:mm:ss":
+      case "HH:mm:ss a":
+      case "15:04:05":
+      case "03:04:05 PM":
+        e = {
+          ...e,
+          hour: "2-digit",
+          minute: "2-digit",
+          second: "2-digit",
+          hour12: t.includes("a") || t.includes("PM")
+        };
+        break;
+    }
+  const h = l.includes(",") ? y.toLocaleString(n, e) : y.toLocaleString(n, e).replace(",", "");
+  return console.log("🚀 ~ formatted:", h), h.replace(/\b(am|pm)\b/g, (p) => p.toUpperCase());
+}, se = (y) => (
+  // Use Sweden locale, which uses ISO 8601 format: https://stackoverflow.com/a/58633651/27534858
+  new Date(y).toLocaleString("sv")
+), J = {
+  class: "flex justify-end gap-1 items-center pb-1 flex-wrap whitespace-nowrap",
+  "data-wv-name": "approver-info"
+}, T = /* @__PURE__ */ m("span", null, "Approver:", -1), U = { class: "text-primary-500" }, V = { class: "text-general-800" }, E = { key: 1 }, O = { class: "flex flex-col gap-3 justify-between" }, Z = { class: "flex justify-between" }, G = { class: "text-general-800 text-xs font-medium" }, R = { class: "flex justify-between items-center" }, q = { class: "text-primary-500 font-medium text-xs" }, K = {
+  key: 0,
+  class: "text-general-800 font-normal text-xs"
+}, Q = {
+  key: 1,
+  class: "flex gap-1 justify-end items-center"
+}, W = { class: "text-general-800 font-normal text-xs" }, oe = /* @__PURE__ */ C({
+  __name: "ApproverInfo",
+  props: {
+    approvals: {},
+    showShortInfo: { type: Boolean, default: !0 },
+    label: {},
+    btnLabel: {},
+    useFormatDate: { type: Boolean, default: !0 }
+  },
+  setup(y) {
+    const c = y, o = j(!1), u = I(() => {
+      var i, a, e, h, p, b, k;
+      let s, t;
+      return (i = c.approvals) == null || i.forEach((_) => {
+        t = _.approvers.findIndex((v) => !!v.actionAt), s = t === -1 ? 0 : _.level - 1, t = t === -1 ? 0 : t;
+      }), {
+        name: (h = (e = (a = c.approvals) == null ? void 0 : a[s]) == null ? void 0 : e.approvers[t]) == null ? void 0 : h.fullName,
+        date: (k = (b = (p = c.approvals) == null ? void 0 : p[s]) == null ? void 0 : b.approvers[t]) == null ? void 0 : k.actionAt
+      };
+    }), n = (s) => {
+      let t;
+      switch (s) {
+        case "menyetujui":
+          t = "success";
+          break;
+        case "menolak":
+          t = "danger";
+          break;
+        default:
+          t = "warning";
+      }
+      return t;
+    }, l = (s) => c.useFormatDate ? s ? $(new Date(s), {
+      locale: "id-ID",
+      dateFormat: "dd M yyyy",
+      timeFormat: "HH:mm:ss"
+    }) : "-" : s;
+    return (s, t) => {
+      var i;
+      return r(), d(f, null, [
+        m("div", J, [
+          s.showShortInfo ? (r(), d(f, { key: 0 }, [
+            T,
+            (i = s.approvals) != null && i.length ? (r(), d(f, { key: 0 }, [
+              w(F, {
+                class: "!text-general-200 !text-base",
+                icon: "user"
+              }),
+              m("span", U, g(u.value.name), 1),
+              m("span", V, g(l(u.value.date)), 1),
+              m("span", {
+                onClick: t[0] || (t[0] = (a) => o.value = !0),
+                class: "text-primary-500 hover:cursor-pointer"
+              }, g(c.btnLabel ?? "more"), 1)
+            ], 64)) : (r(), d("span", E, "-"))
+          ], 64)) : (r(), d("span", {
+            key: 1,
+            onClick: t[1] || (t[1] = (a) => o.value = !0),
+            class: "text-primary-500 hover:cursor-pointer"
+          }, g(s.label ?? "Lihat Approval"), 1))
+        ]),
+        w(z, {
+          visible: o.value,
+          "onUpdate:visible": t[2] || (t[2] = (a) => o.value = a),
+          class: "min-w-[400px]",
+          header: "List Approver",
+          modal: ""
+        }, {
+          default: N(() => [
+            m("div", O, [
+              (r(!0), d(f, null, x(s.approvals, (a) => (r(), d(f, {
+                key: a._id
+              }, [
+                m("div", Z, [
+                  m("span", G, " Level " + g(a.level) + " (" + g(a.type.toLowerCase()) + ") ", 1),
+                  a.status !== "menunggu approval" ? (r(), M(H, {
+                    key: 0,
+                    label: "selesai",
+                    severity: "success"
+                  })) : D("", !0)
+                ]),
+                (r(!0), d(f, null, x(a.approvers, (e) => (r(), d("div", {
+                  key: e._id,
+                  class: "flex justify-between"
+                }, [
+                  m("div", R, [
+                    w(F, {
+                      class: "!text-general-200 !text-base",
+                      icon: "user"
+                    }),
+                    m("span", q, g(e.fullName), 1)
+                  ]),
+                  a.status !== "menunggu approval" && !e.action ? (r(), d("span", K, " Tidak terlibat ")) : (r(), d("div", Q, [
+                    m("span", W, g(e.actionAt ? l(e.actionAt) : "Menunggu approval..."), 1),
+                    e.action ? (r(), M(H, {
+                      key: 0,
+                      label: e.action,
+                      severity: n(e.action)
+                    }, null, 8, ["label", "severity"])) : D("", !0)
+                  ]))
+                ]))), 128))
+              ], 64))), 128))
+            ])
+          ]),
+          _: 1
+        }, 8, ["visible"])
+      ], 64);
+    };
+  }
+});
+export {
+  oe as _,
+  se as a,
+  $ as f
+};

package/components/assetinfo/AssetInfo-BBgKToRP.system.js

@@ -0,0 +1 @@
+System.register(["vue","@tagsamurai/fats-api-services","../../vendor/lodash-es-C3G1Cc1m.system.js","../badge/Badge-CndPv5v9.system.js","../image/Image-DX6uB7Ns.system.js","../tagtype/TagType-IMYg8AJf.system.js"],function(v,Re){"use strict";var $,C,G,P,L,_,O,y,h,w,o,k,N,E,T,W,q,B,z,F;return{setters:[t=>{$=t.inject,C=t.shallowRef,G=t.ref,P=t.defineComponent,L=t.onMounted,_=t.computed,O=t.watch,y=t.createElementBlock,h=t.openBlock,w=t.createVNode,o=t.createElementVNode,k=t.createCommentVNode,N=t.toDisplayString,E=t.unref,T=t.normalizeClass},t=>{W=t.AssetServices},t=>{q=t.u},t=>{B=t._},t=>{z=t._},t=>{F=t._}],execute:function(){v("m",t);function t(s){var a;s=s||((a=window.eventBus)==null?void 0:a.all)||new Map;const i={all:s,on(c,d){const r=s==null?void 0:s.get(c);r?r.push(d):s==null||s.set(c,[d])},off(c,d){const r=s==null?void 0:s.get(c);r&&(d?r.splice(r.indexOf(d)>>>0,1):s==null||s.set(c,[]))},emit(c,d){let r=s==null?void 0:s.get(c);r&&r.slice().map(e=>{e(d)}),r=s==null?void 0:s.get("*"),r&&r.slice().map(e=>{e(c,d)})}};return window.eventBus??(window.eventBus=i),window.eventBus}const J=v("e",t()),Ve=v("c",()=>J);var de=v("P",Symbol());function le(){var s=$(de);if(!s)throw new Error("No PrimeVue Toast provided!");return s}const ue=v("u",({icons:s,template:i}={})=>{const a=le();return{add:c=>{var l,u,g;const{message:d,customMessage:r,error:e,severity:S,life:R,group:I="default-toast",...V}=c;let A="";e instanceof Error&&e&&e.isAxiosError&&(A=e.code==="ERR_NETWORK"?(i==null?void 0:i.additionalMessage)??"":"");const f=e?"error":S??"success",j=((g=(u=(l=i==null?void 0:i.severity)==null?void 0:l[f])==null?void 0:u.replace("{message}",d))==null?void 0:g.replace("{additionalMessage}",A))||d,n=V.icon??(s==null?void 0:s[f]);a.add({severity:f,detail:r?d:j,life:R??3e3,group:I}),J.emit("toast:add",{messageId:q(),...c,severity:f,group:I,icon:n})},removeGroup:c=>{a.removeGroup(c)},removeAllGroups:()=>{a.removeAllGroups()}}}),ge=v("b",{template:{severity:{success:"{message}",error:"{message} {additionalMessage}",info:"{message} {additionalMessage}"},additionalMessage:" Please check your connection and try again."}}),ve=v("d",()=>ue(ge)),K=C(!1),U=G(),fe=v("a",()=>({loading:K,message:U,setLoading:(i,a)=>{K.value=i,U.value=a,document.body.classList[i?"add":"remove"]("loading")}})),me=s=>{let i;switch(s){case"Available":i="success";break;case"Damaged":case"Missing":case"Reported Missing":case"Reported Damaged":case"TAG Reported":case"Not Paired Yet":i="danger";break;case"Unassigned":case"Reported Disposal":case"On Disposal Process":i="dark";break;case"On Transfer":i="warning";break;default:i="primary"}return i},pe={class:"flex justify-between gap-[18px] dark:text-general-100"},_e={class:"w-full flex flex-col gap-[6px]"},ye={class:"flex justify-between"},he={class:""},we={class:"text-[16px] font-bold leading-[19.12px]"},be={class:"flex items-center gap-[6px]"},xe={class:"text-general-400 leading-[16.39px]"},ke=o("div",{class:"w-[6px] h-[6px] rounded-full bg-general-100"},null,-1),Te=["href"],Be={class:"flex flex-col gap-1"},Me={key:0,class:"flex gap-3"},De=o("span",null,":",-1),Ne={key:1,class:"flex gap-3"},Se=o("span",null,":",-1),Ie={key:2,class:"flex gap-3"},Ae=o("span",null,":",-1),Ce={key:3,class:"flex gap-3"},Ee=o("span",null,":",-1),je=v("_",P({__name:"AssetInfo",props:{id:{},fields:{},transactionDetail:{}},setup(s,{expose:i}){const a=s;L(async()=>{a.transactionDetail?e.value=a.transactionDetail:await j()});const c=ve(),{setLoading:d}=fe(),r=JSON.parse(localStorage.getItem("user")??"{}"),e=C(),S=_(()=>{var n;return(n=a.fields)==null?void 0:n.includes("status")}),R=_(()=>{const{setDefault:n,firstImageMedium:l,firstImageBig:u,secondImageBig:g,secondImageMedium:m,assetImageMedium:b,assetImageBig:x}=e.value??{},p=n==="firstImage";return a.transactionDetail?{thumbnail:b,preview:x}:{thumbnail:p?l:m,preview:p?u:g}}),I=_(()=>{var n,l,u,g,m,b,x,p,M,D;return a.transactionDetail?(u=(l=(n=e.value)==null?void 0:n.assetName)==null?void 0:l.aliasCode)!=null&&u.length?`(${(m=(g=e.value)==null?void 0:g.assetName)==null?void 0:m.aliasCode})`:"":(p=(x=(b=e.value)==null?void 0:b.name)==null?void 0:x.aliasCode)!=null&&p.length?`(${(D=(M=e.value)==null?void 0:M.name)==null?void 0:D.aliasCode})`:""}),V=_(()=>{var n,l;return((n=e.value)==null?void 0:n.assetTagType)??((l=e.value)==null?void 0:l.tagType)}),A=_(()=>{var n,l;return((n=e.value)==null?void 0:n.assetName)??((l=e.value)==null?void 0:l.name)}),f=_(()=>[{"w-[69px]":!S.value,"w-[76px]":S.value}]),j=async()=>{try{d(!0);const{data:n}=await W.getAssetDetail(a.id);n&&(e.value=n.data)}catch(n){c.add({error:n,message:"Error, failed to load asset details."})}finally{d(!1)}};return O(()=>a.transactionDetail,n=>{e.value=n},{deep:!0}),i({asset:e}),(n,l)=>{var u,g,m,b,x,p,M,D,Y,H,Q,X,Z,ee,se,te,ae,ne,ie,oe,re,ce;return h(),y("div",pe,[w(z,{src:R.value.preview},null,8,["src"]),o("div",_e,[o("div",ye,[o("div",he,[o("div",we,N(((u=A.value)==null?void 0:u.nameWithSequence)??"-"),1),o("div",be,[o("span",xe,N(((g=e.value)==null?void 0:g.assetId)??"-")+" "+N(I.value),1),ke,w(F,{type:V.value},null,8,["type"])])]),E(r).userType!=="Basic"?(h(),y("a",{key:0,href:`/assets/detail/${((m=e.value)==null?void 0:m.asset)??((b=e.value)==null?void 0:b._id)}`,class:"text-primary-500",target:"_blank"}," Asset Detail > ",8,Te)):k("",!0)]),o("div",Be,[!a.fields||(x=a.fields)!=null&&x.includes("brand")?(h(),y("div",Me,[o("span",{class:T(f.value)}," Brand ",2),De,w(B,{label:((M=(p=e.value)==null?void 0:p.assetBrand)==null?void 0:M.name)??((Y=(D=e.value)==null?void 0:D.brand)==null?void 0:Y.name)??"-",severity:"dark"},null,8,["label"])])):k("",!0),!a.fields||(H=a.fields)!=null&&H.includes("model")?(h(),y("div",Ne,[o("span",{class:T(f.value)}," Model/Type ",2),Se,w(B,{label:((X=(Q=e.value)==null?void 0:Q.assetModel)==null?void 0:X.name)??((ee=(Z=e.value)==null?void 0:Z.model)==null?void 0:ee.name)??"-",severity:"dark"},null,8,["label"])])):k("",!0),!a.fields||(se=a.fields)!=null&&se.includes("group")?(h(),y("div",Ie,[o("span",{class:T(f.value)}," Group ",2),Ae,w(B,{label:((ae=(te=e.value)==null?void 0:te.assetGroup)==null?void 0:ae.name)??((ie=(ne=e.value)==null?void 0:ne.group)==null?void 0:ie.name)??"-"},null,8,["label"])])):k("",!0),(oe=a.fields)!=null&&oe.includes("status")?(h(),y("div",Ce,[o("span",{class:T(f.value)}," Asset Status ",2),Ee,w(B,{label:((re=e.value)==null?void 0:re.status)??"-",severity:E(me)((ce=e.value)==null?void 0:ce.status),format:"nowrap"},null,8,["label","severity"])])):k("",!0)])])])}}}))}}});

package/components/assetinfo/AssetInfo-CmwgOU74.es.js

@@ -0,0 +1,298 @@
+import { inject as X, shallowRef as H, ref as Z, defineComponent as ee, onMounted as se, computed as _, watch as ae, createElementBlock as h, openBlock as y, createVNode as x, createElementVNode as i, createCommentVNode as k, toDisplayString as E, unref as K, normalizeClass as B } from "vue";
+import { AssetServices as te } from "@tagsamurai/fats-api-services";
+import { u as oe } from "../../vendor/lodash-es-CJerBxJQ.es.js";
+import { _ as I } from "../badge/Badge-DA-XiE1C.es.js";
+import { _ as ne } from "../image/Image-BZ31CL-y.es.js";
+import { _ as ie } from "../tagtype/TagType-CX7BVRrE.es.js";
+function re(s) {
+  var a;
+  s = s || ((a = window.eventBus) == null ? void 0 : a.all) || /* @__PURE__ */ new Map();
+  const o = {
+    /**
+     * A Map of event names to registered handler functions.
+     */
+    all: s,
+    /**
+     * Register an event handler for the given type.
+     * @param {string|symbol} type Type of event to listen for, or `'*'` for all events
+     * @param {Function} handler Function to call in response to given event
+     * @memberOf mitt
+     */
+    on(r, c) {
+      const n = s == null ? void 0 : s.get(r);
+      n ? n.push(c) : s == null || s.set(r, [c]);
+    },
+    /**
+     * Remove an event handler for the given type.
+     * If `handler` is omitted, all handlers of the given type are removed.
+     * @param {string|symbol} type Type of event to unregister `handler` from (`'*'` to remove a wildcard handler)
+     * @param {Function} [handler] Handler function to remove
+     * @memberOf mitt
+     */
+    off(r, c) {
+      const n = s == null ? void 0 : s.get(r);
+      n && (c ? n.splice(n.indexOf(c) >>> 0, 1) : s == null || s.set(r, []));
+    },
+    /**
+     * Invoke all handlers for the given type.
+     * If present, `'*'` handlers are invoked after type-matched handlers.
+     *
+     * Note: Manually firing '*' handlers is not supported.
+     *
+     * @param {string|symbol} type The event type to invoke
+     * @param {Any} [evt] Any value (object is recommended and powerful), passed to each handler
+     * @memberOf mitt
+     */
+    emit(r, c) {
+      let n = s == null ? void 0 : s.get(r);
+      n && n.slice().map((e) => {
+        e(c);
+      }), n = s == null ? void 0 : s.get("*"), n && n.slice().map((e) => {
+        e(r, c);
+      });
+    }
+  };
+  return window.eventBus ?? (window.eventBus = o), window.eventBus;
+}
+const Q = re(), Le = () => Q;
+var ce = Symbol();
+function de() {
+  var s = X(ce);
+  if (!s)
+    throw new Error("No PrimeVue Toast provided!");
+  return s;
+}
+const le = ({ icons: s, template: o } = {}) => {
+  const a = de();
+  return {
+    add: (r) => {
+      var d, l, u;
+      const {
+        message: c,
+        customMessage: n,
+        error: e,
+        severity: T,
+        life: N,
+        group: M = "default-toast",
+        ...S
+      } = r;
+      let D = "";
+      e instanceof Error && e && e.isAxiosError && (D = e.code === "ERR_NETWORK" ? (o == null ? void 0 : o.additionalMessage) ?? "" : "");
+      const m = e ? "error" : T ?? "success", A = ((u = (l = (d = o == null ? void 0 : o.severity) == null ? void 0 : d[m]) == null ? void 0 : l.replace("{message}", c)) == null ? void 0 : u.replace("{additionalMessage}", D)) || c, t = S.icon ?? (s == null ? void 0 : s[m]);
+      a.add({
+        severity: m,
+        detail: n ? c : A,
+        life: N ?? 3e3,
+        group: M
+      }), Q.emit("toast:add", {
+        messageId: oe(),
+        ...r,
+        severity: m,
+        group: M,
+        icon: t
+      });
+    },
+    removeGroup: (r) => {
+      a.removeGroup(r);
+    },
+    removeAllGroups: () => {
+      a.removeAllGroups();
+    }
+  };
+}, ue = {
+  template: {
+    severity: {
+      success: "{message}",
+      error: "{message} {additionalMessage}",
+      info: "{message} {additionalMessage}"
+    },
+    additionalMessage: " Please check your connection and try again."
+  }
+}, me = () => le(ue), U = H(!1), Y = Z(), fe = () => ({
+  loading: U,
+  message: Y,
+  setLoading: (o, a) => {
+    U.value = o, Y.value = a, document.body.classList[o ? "add" : "remove"]("loading");
+  }
+}), ve = (s) => {
+  let o;
+  switch (s) {
+    case "Available":
+      o = "success";
+      break;
+    case "Damaged":
+    case "Missing":
+    case "Reported Missing":
+    case "Reported Damaged":
+    case "TAG Reported":
+    case "Not Paired Yet":
+      o = "danger";
+      break;
+    case "Unassigned":
+    case "Reported Disposal":
+    case "On Disposal Process":
+      o = "dark";
+      break;
+    case "On Transfer":
+      o = "warning";
+      break;
+    default:
+      o = "primary";
+  }
+  return o;
+}, ge = { class: "flex justify-between gap-[18px] dark:text-general-100" }, pe = { class: "w-full flex flex-col gap-[6px]" }, _e = { class: "flex justify-between" }, he = { class: "" }, ye = { class: "text-[16px] font-bold leading-[19.12px]" }, xe = { class: "flex items-center gap-[6px]" }, be = { class: "text-general-400 leading-[16.39px]" }, we = /* @__PURE__ */ i("div", { class: "w-[6px] h-[6px] rounded-full bg-general-100" }, null, -1), ke = ["href"], Te = { class: "flex flex-col gap-1" }, Me = {
+  key: 0,
+  class: "flex gap-3"
+}, De = /* @__PURE__ */ i("span", null, ":", -1), Be = {
+  key: 1,
+  class: "flex gap-3"
+}, Ie = /* @__PURE__ */ i("span", null, ":", -1), Ne = {
+  key: 2,
+  class: "flex gap-3"
+}, Se = /* @__PURE__ */ i("span", null, ":", -1), Ae = {
+  key: 3,
+  class: "flex gap-3"
+}, Ee = /* @__PURE__ */ i("span", null, ":", -1), Oe = /* @__PURE__ */ ee({
+  __name: "AssetInfo",
+  props: {
+    id: {},
+    fields: {},
+    transactionDetail: {}
+  },
+  setup(s, { expose: o }) {
+    const a = s;
+    se(async () => {
+      a.transactionDetail ? e.value = a.transactionDetail : await A();
+    });
+    const r = me(), { setLoading: c } = fe(), n = JSON.parse(localStorage.getItem("user") ?? "{}"), e = H(), T = _(() => {
+      var t;
+      return (t = a.fields) == null ? void 0 : t.includes("status");
+    }), N = _(() => {
+      const {
+        setDefault: t,
+        firstImageMedium: d,
+        firstImageBig: l,
+        secondImageBig: u,
+        secondImageMedium: f,
+        assetImageMedium: g,
+        assetImageBig: p
+      } = e.value ?? {}, v = t === "firstImage";
+      return a.transactionDetail ? {
+        thumbnail: g,
+        preview: p
+      } : {
+        thumbnail: v ? d : f,
+        preview: v ? l : u
+      };
+    }), M = _(() => {
+      var t, d, l, u, f, g, p, v, b, w;
+      return a.transactionDetail ? (l = (d = (t = e.value) == null ? void 0 : t.assetName) == null ? void 0 : d.aliasCode) != null && l.length ? `(${(f = (u = e.value) == null ? void 0 : u.assetName) == null ? void 0 : f.aliasCode})` : "" : (v = (p = (g = e.value) == null ? void 0 : g.name) == null ? void 0 : p.aliasCode) != null && v.length ? `(${(w = (b = e.value) == null ? void 0 : b.name) == null ? void 0 : w.aliasCode})` : "";
+    }), S = _(() => {
+      var t, d;
+      return ((t = e.value) == null ? void 0 : t.assetTagType) ?? ((d = e.value) == null ? void 0 : d.tagType);
+    }), D = _(() => {
+      var t, d;
+      return ((t = e.value) == null ? void 0 : t.assetName) ?? ((d = e.value) == null ? void 0 : d.name);
+    }), m = _(() => [
+      {
+        "w-[69px]": !T.value,
+        "w-[76px]": T.value
+      }
+    ]), A = async () => {
+      try {
+        c(!0);
+        const { data: t } = await te.getAssetDetail(a.id);
+        t && (e.value = t.data);
+      } catch (t) {
+        r.add({ error: t, message: "Error, failed to load asset details." });
+      } finally {
+        c(!1);
+      }
+    };
+    return ae(
+      () => a.transactionDetail,
+      (t) => {
+        e.value = t;
+      },
+      { deep: !0 }
+    ), o({ asset: e }), (t, d) => {
+      var l, u, f, g, p, v, b, w, C, R, $, G, P, V, L, O, j, W, q, F, z, J;
+      return y(), h("div", ge, [
+        x(ne, {
+          src: N.value.preview
+        }, null, 8, ["src"]),
+        i("div", pe, [
+          i("div", _e, [
+            i("div", he, [
+              i("div", ye, E(((l = D.value) == null ? void 0 : l.nameWithSequence) ?? "-"), 1),
+              i("div", xe, [
+                i("span", be, E(((u = e.value) == null ? void 0 : u.assetId) ?? "-") + " " + E(M.value), 1),
+                we,
+                x(ie, { type: S.value }, null, 8, ["type"])
+              ])
+            ]),
+            K(n).userType !== "Basic" ? (y(), h("a", {
+              key: 0,
+              href: `/assets/detail/${((f = e.value) == null ? void 0 : f.asset) ?? ((g = e.value) == null ? void 0 : g._id)}`,
+              class: "text-primary-500",
+              target: "_blank"
+            }, " Asset Detail > ", 8, ke)) : k("", !0)
+          ]),
+          i("div", Te, [
+            !a.fields || (p = a.fields) != null && p.includes("brand") ? (y(), h("div", Me, [
+              i("span", {
+                class: B(m.value)
+              }, " Brand ", 2),
+              De,
+              x(I, {
+                label: ((b = (v = e.value) == null ? void 0 : v.assetBrand) == null ? void 0 : b.name) ?? ((C = (w = e.value) == null ? void 0 : w.brand) == null ? void 0 : C.name) ?? "-",
+                severity: "dark"
+              }, null, 8, ["label"])
+            ])) : k("", !0),
+            !a.fields || (R = a.fields) != null && R.includes("model") ? (y(), h("div", Be, [
+              i("span", {
+                class: B(m.value)
+              }, " Model/Type ", 2),
+              Ie,
+              x(I, {
+                label: ((G = ($ = e.value) == null ? void 0 : $.assetModel) == null ? void 0 : G.name) ?? ((V = (P = e.value) == null ? void 0 : P.model) == null ? void 0 : V.name) ?? "-",
+                severity: "dark"
+              }, null, 8, ["label"])
+            ])) : k("", !0),
+            !a.fields || (L = a.fields) != null && L.includes("group") ? (y(), h("div", Ne, [
+              i("span", {
+                class: B(m.value)
+              }, " Group ", 2),
+              Se,
+              x(I, {
+                label: ((j = (O = e.value) == null ? void 0 : O.assetGroup) == null ? void 0 : j.name) ?? ((q = (W = e.value) == null ? void 0 : W.group) == null ? void 0 : q.name) ?? "-"
+              }, null, 8, ["label"])
+            ])) : k("", !0),
+            (F = a.fields) != null && F.includes("status") ? (y(), h("div", Ae, [
+              i("span", {
+                class: B(m.value)
+              }, " Asset Status ", 2),
+              Ee,
+              x(I, {
+                label: ((z = e.value) == null ? void 0 : z.status) ?? "-",
+                severity: K(ve)((J = e.value) == null ? void 0 : J.status),
+                format: "nowrap"
+              }, null, 8, ["label", "severity"])
+            ])) : k("", !0)
+          ])
+        ])
+      ]);
+    };
+  }
+});
+export {
+  ce as P,
+  Oe as _,
+  fe as a,
+  ue as b,
+  Le as c,
+  me as d,
+  Q as e,
+  re as m,
+  le as u
+};

package/components/backgroundimagecropper/BackgroundImageCropper-DFHtaSyE.system.js

@@ -0,0 +1 @@
+System.register(["vue","../../vendor/vue-advanced-cropper-NG93jHnU.system.js","../animation/Animation-6756VN9N.system.js"],function(u,R){"use strict";var f,p,v,m,h,c,g,z,w,y,C,d,_;return{setters:[e=>{f=e.defineComponent,p=e.shallowRef,v=e.ref,m=e.createBlock,h=e.openBlock,c=e.unref,g=e.withCtx,z=e.renderSlot,w=e.createElementVNode,y=e.normalizeClass,C=e.toDisplayString},e=>{d=e.o},e=>{_=e.u}],execute:function(){const e=u("_",(a,r)=>{const i=a.__vccOpts||a;for(const[t,n]of r)i[t]=n;return i}),S=u("B",e(f({__name:"BackgroundImageCropper",props:{touchMove:{},mouseMove:{},touchResize:{},wheelResize:{}},emits:["move","resize"],setup(a){const r=a,{locale:i}=_("ImageCompressor"),t=p(!1),n=v(),B=(o,s)=>{if(o.type==="touchstart"||o.type==="touchmove"){if(o.touches.length===1&&!s)return t.value=!0,n.value="touch",k(),!1;t.value=!1}else if(o.type==="wheel"){if(!s&&!o.ctrlKey)return t.value=!0,n.value="wheel",k(),!1;t.value=!1}o.preventDefault(),o.stopPropagation()},k=()=>{setTimeout(()=>{t.value=!1},1e3)};return(o,s)=>(h(),m(c(d),{"events-filter":B,"mouse-move":r.mouseMove,"touch-move":r.touchMove,"touch-resize":r.touchResize,"wheel-resize":r.wheelResize,onMove:s[0]||(s[0]=l=>o.$emit("move",l)),onResize:s[1]||(s[1]=l=>o.$emit("resize",l))},{default:g(()=>[z(o.$slots,"default",{},void 0,!0),w("div",{class:y([{"cropper-event-notification--visible":t.value},"cropper-event-notification"])},C(n.value==="wheel"?c(i).cropperCtrlScrollInfo:c(i).cropperTwoFingerInfo),3)]),_:3},8,["mouse-move","touch-move","touch-resize","wheel-resize"]))}}),[["__scopeId","data-v-9031c32d"]]))}}});