@fewangsit/wangsvue-fats 1.0.1-rc.9 → 2.0.0-alpha.1

package/username/index.es.js

@@ -1,14 +1,14 @@
-import { defineComponent as H, computed as h, shallowRef as N, ref as I, resolveDirective as M, createElementBlock as u, openBlock as a, mergeProps as i, createBlock as d, withDirectives as R, createCommentVNode as P, withModifiers as F, unref as v, createTextVNode as U, toDisplayString as p, withCtx as _, createElementVNode as k, createVNode as q, normalizeProps as G, Fragment as J } from "vue";
+import { defineComponent as A, computed as h, shallowRef as N, ref as H, resolveDirective as I, openBlock as a, createElementBlock as u, mergeProps as i, createBlock as d, withModifiers as F, unref as v, withDirectives as M, createTextVNode as P, toDisplayString as p, createCommentVNode as U, withCtx as R, createElementVNode as k, createVNode as q, normalizeProps as G, Fragment as J } from "vue";
+import { s as $ } from "../vendor/primevue/skeleton/skeleton.esm.es.js";
 import { t as K } from "../vendor/single-spa/lib/es2015/esm/single-spa.min.es.js";
 import { u as L } from "../plugins/WangsVue.es.js";
 import { m as Q } from "../utils/mergePropsWithDefaults.util.es.js";
-import { g as j } from "../utils/object.util.es.js";
+import { g as _ } from "../utils/object.util.es.js";
 import { f as X } from "../utils/textFormatter.util.es.js";
-import { s as $ } from "../vendor/primevue/skeleton/skeleton.esm.es.js";
-import Y from "../icon/index.es.js";
-import z from "../image/index.es.js";
-import Z from "../overlaypanel/index.es.js";
-const ee = { key: 0 }, me = /* @__PURE__ */ H({
+import { _ as Y } from "../icon/index.es.js";
+import { _ as j } from "../image/index.es.js";
+import { _ as Z } from "../overlaypanel/index.es.js";
+const ee = { key: 0 }, me = /* @__PURE__ */ A({
   __name: "UserName",
   props: {
     user: {},
@@ -21,13 +21,13 @@ const ee = { key: 0 }, me = /* @__PURE__ */ H({
     profilePictureField: {},
     getUserDetail: {}
   },
-  setup(E) {
-    const r = E, { locale: T, defaultProps: W } = L("UserName"), n = h(() => Q(r, W)), f = N(!1), s = N(), g = N(!1), w = I(), m = h(
-      () => j(
+  setup(z) {
+    const r = z, { locale: E, defaultProps: T } = L("UserName"), n = h(() => Q(r, T)), f = N(!1), s = N(), g = N(!1), w = H(), m = h(
+      () => _(
         r.user ?? {},
         n.value.userNameField
       )
-    ), D = h(() => n.value.formatUserName ? X(m.value) : m.value), A = async () => {
+    ), D = h(() => n.value.formatUserName ? X(m.value) : m.value), W = async () => {
       var t, e, y;
       if (!s.value && r.fetchDetailOnPanelShow)
         try {
@@ -42,7 +42,7 @@ const ee = { key: 0 }, me = /* @__PURE__ */ H({
       else r.fetchDetailOnPanelShow || (s.value = r.user);
     };
     return (t, e) => {
-      const y = M("tooltip");
+      const y = I("tooltip");
       return Object.keys(r.user ?? {}).length < 1 ? (a(), u("span", ee, " - ")) : (a(), u("span", i({
         key: 1,
         onClick: e[4] || (e[4] = //@ts-ignore
@@ -54,10 +54,10 @@ const ee = { key: 0 }, me = /* @__PURE__ */ H({
         "data-wv-name": "username",
         "data-wv-section": "root"
       }), [
-        n.value.type == "picture" ? (a(), d(z, {
+        n.value.type == "picture" ? (a(), d(j, {
           key: 0,
           preview: m.value !== void 0,
-          src: v(j)(
+          src: v(_)(
             r.user ?? {},
             n.value.profilePictureField
           ),
@@ -69,11 +69,11 @@ const ee = { key: 0 }, me = /* @__PURE__ */ H({
           size: "small"
         }, null, 8, ["preview", "src"])) : (a(), d(Y, {
           key: 1,
-          class: "text-general-300 text-base",
+          class: "text-general-300 dark:text-grayscale-700 text-base",
           icon: "user"
         })),
-        n.value.showUserName ? R((a(), u("span", i({ key: 2 }, t.$preset.username.displayname({ props: r }), { "data-wv-section": "displayname" }), [
-          U(p(D.value), 1)
+        n.value.showUserName ? M((a(), u("span", i({ key: 2 }, t.$preset.username.displayname({ props: r }), { "data-wv-section": "displayname" }), [
+          P(p(D.value), 1)
         ], 16)), [
           [
             y,
@@ -81,66 +81,67 @@ const ee = { key: 0 }, me = /* @__PURE__ */ H({
             void 0,
             { top: !0 }
           ]
-        ]) : P("", !0),
+        ]) : U("", !0),
         Object.keys(r.user ?? {}).length > 1 ? (a(), d(Z, {
           key: 3,
           ref_key: "miniProfile",
           ref: w,
           dismissable: !g.value,
-          onShow: A
+          onShow: W
         }, {
-          default: _(() => {
-            var o, l, c, b, B, C, O, S;
+          default: R(() => {
+            var o, l, c, b, B, C, x, O;
             return [
               k("div", i(t.$preset.username.panel.contentwrapper, { "data-wv-section": "contentwrapper" }), [
                 k("div", i(t.$preset.username.panel.background, { "data-wv-section": "background" }), null, 16),
-                q(z, {
+                q(j, {
                   src: ((o = s.value) == null ? void 0 : o.profilePicture) ?? ((l = s.value) == null ? void 0 : l.profilePictureBig),
                   width: 60,
-                  onHide: e[1] || (e[1] = (V) => g.value = !1),
-                  onShow: e[2] || (e[2] = (V) => g.value = !0),
+                  onHide: e[1] || (e[1] = (S) => g.value = !1),
+                  onShow: e[2] || (e[2] = (S) => g.value = !0),
                   class: "w-[60px] h-[60px]",
                   rounded: ""
                 }, null, 8, ["src"]),
                 f.value ? (a(), d(v($), {
-                  key: 1,
+                  key: 0,
                   height: "29px",
                   width: "100px"
-                })) : (a(), u("div", G(i({ key: 0 }, t.$preset.username.panel.detailwrapper)), [
+                })) : (a(), u("div", G(i({ key: 1 }, t.$preset.username.panel.detailwrapper)), [
                   k("h4", i(t.$preset.username.panel.username, { "data-wv-section": "username" }), [
-                    U(p((c = s.value) == null ? void 0 : c.fullName) + " ", 1),
+                    P(p((c = s.value) == null ? void 0 : c.fullName) + " ", 1),
                     (b = s.value) != null && b.nickName ? (a(), u(J, { key: 0 }, [
-                      U(" (" + p((B = s.value) == null ? void 0 : B.nickName) + ") ", 1)
-                    ], 64)) : P("", !0)
+                      P(" (" + p((B = s.value) == null ? void 0 : B.nickName) + ") ", 1)
+                    ], 64)) : U("", !0)
                   ], 16),
                   k("span", i(t.$preset.username.panel.useremail, { "data-wv-section": "useremail" }), p((C = s.value) == null ? void 0 : C.email), 17)
                 ], 16)),
                 f.value ? (a(), d(v($), {
-                  key: 3,
+                  key: 2,
                   height: "12px",
                   width: "60px"
-                })) : (a(), u("span", i({ key: 2 }, t.$preset.username.panel.positiondivision, { "data-wv-section": "positiondivision" }), p((O = s.value) == null ? void 0 : O.division) + " / " + p((S = s.value) == null ? void 0 : S.position), 17)),
+                })) : (a(), u("span", i({ key: 3 }, t.$preset.username.panel.positiondivision, { "data-wv-section": "positiondivision" }), p((x = s.value) == null ? void 0 : x.division) + " / " + p((O = s.value) == null ? void 0 : O.position), 17)),
                 f.value ? (a(), d(v($), {
-                  key: 5,
+                  key: 4,
                   width: "75px"
                 })) : (a(), u("a", i({
-                  key: 4,
-                  onClick: e[3] || (e[3] = F((V) => {
-                    var x;
+                  key: 5,
+                  onClick: e[3] || (e[3] = F((S) => {
+                    var V;
                     return v(K)(
-                      n.value.detailUserPath.replace("{userId}", (x = r.user) == null ? void 0 : x._id)
+                      n.value.detailUserPath.replace("{userId}", (V = r.user) == null ? void 0 : V._id)
                     );
                   }, ["stop"]))
-                }, t.$preset.username.panel.userdetaillink, { "data-wv-section": "userdetaillink" }), p(v(T).detailUserAnchorText), 17))
+                }, t.$preset.username.panel.userdetaillink, { "data-wv-section": "userdetaillink" }), p(v(E).detailUserAnchorText), 17))
               ], 16)
             ];
           }),
           _: 1
-        }, 8, ["dismissable"])) : P("", !0)
+        }, 8, ["dismissable"])) : U("", !0)
       ], 16));
     };
   }
 });
 export {
-  me as default
+  me as _
 };
+//# sourceMappingURL=index.es.js.map

package/username/index.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es.js","sources":["../../../../library/components/username/UserName.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport Skeleton from 'primevue/skeleton';\nimport { navigateToUrl } from 'single-spa';\nimport { computed, ref, shallowRef } from 'vue';\n\nimport { useWangsVueConfig } from 'lib/plugins/WangsVue';\nimport mergePropsWithDefaults from 'lib/utils/mergePropsWithDefaults.util';\nimport { getNestedPropertyValue } from 'lib/utils/object.util';\nimport { formatUserName } from 'lib/utils/textFormatter.util';\n\nimport { UserNameProps } from './UserName.vue.d';\nimport Icon from '../icon/Icon.vue';\nimport Image from '../image/Image.vue';\nimport OverlayPanel from '../overlaypanel/OverlayPanel.vue';\nimport OverlayPanelClass from '../overlaypanel/OverlayPanel.vue.d';\n\nconst props = withDefaults(defineProps<UserNameProps>(), {\n  fetchDetailOnPanelShow: true,\n  showUserName: undefined,\n  formatUserName: undefined,\n});\n\nconst { locale, defaultProps } = useWangsVueConfig('UserName');\n\nconst config = computed(() => mergePropsWithDefaults(props, defaultProps));\n\nconst loadingUser = shallowRef<boolean>(false);\nconst fullUserObject = shallowRef<typeof props.user>();\nconst showPreview = shallowRef<boolean>(false);\nconst miniProfile = ref<OverlayPanelClass>();\n\nconst userDisplayName = computed<string>(\n  () =>\n    getNestedPropertyValue(\n      props.user ?? {},\n      config.value.userNameField,\n    ) as string,\n);\n\nconst truncatedUserName = computed<string>(() => {\n  return config.value.formatUserName\n    ? formatUserName(userDisplayName.value)\n    : userDisplayName.value;\n});\n\nconst adjustPosition = async (): Promise<void> => {\n  if (!fullUserObject.value && props.fetchDetailOnPanelShow) {\n    try {\n      loadingUser.value = true;\n      const data = await config.value.getUserDetail?.(props.user?._id);\n      fullUserObject.value = data;\n    } catch (error) {\n      console.error(error);\n    } finally {\n      loadingUser.value = false;\n    }\n  } else if (!props.fetchDetailOnPanelShow) {\n    fullUserObject.value = props.user;\n  }\n};\n</script>\n\n<template>\n  <span v-if=\"Object.keys(props.user ?? {}).length < 1\"> - </span>\n\n  <span\n    v-else\n    @click=\"miniProfile?.toggle\"\n    v-bind=\"$preset.username.root\"\n    data-wv-name=\"username\"\n    data-wv-section=\"root\"\n  >\n    <Image\n      v-if=\"config.type == 'picture'\"\n      :preview=\"userDisplayName !== undefined\"\n      :src=\"\n        getNestedPropertyValue(\n          props.user ?? {},\n          config.profilePictureField,\n        ) as string\n      \"\n      @click.stop=\"if (!userDisplayName) miniProfile?.toggle($event);\"\n      rounded\n      size=\"small\"\n    />\n\n    <Icon\n      v-else\n      class=\"text-general-300 dark:text-grayscale-700 text-base\"\n      icon=\"user\"\n    />\n\n    <span\n      v-if=\"config.showUserName\"\n      v-tooltip.top=\"\n        truncatedUserName === userDisplayName ? undefined : userDisplayName\n      \"\n      v-bind=\"$preset.username.displayname({ props })\"\n      data-wv-section=\"displayname\"\n    >\n      {{ truncatedUserName }}\n    </span>\n\n    <OverlayPanel\n      ref=\"miniProfile\"\n      v-if=\"Object.keys(props.user ?? {}).length > 1\"\n      :dismissable=\"!showPreview\"\n      @show=\"adjustPosition\"\n    >\n      <div\n        v-bind=\"$preset.username.panel.contentwrapper\"\n        data-wv-section=\"contentwrapper\"\n      >\n        <div\n          v-bind=\"$preset.username.panel.background\"\n          data-wv-section=\"background\"\n        />\n\n        <Image\n          :src=\"\n            fullUserObject?.profilePicture ?? fullUserObject?.profilePictureBig\n          \"\n          :width=\"60\"\n          @hide=\"showPreview = false\"\n          @show=\"showPreview = true\"\n          class=\"w-[60px] h-[60px]\"\n          rounded\n        />\n\n        <Skeleton v-if=\"loadingUser\" height=\"29px\" width=\"100px\" />\n\n        <div v-else v-bind=\"$preset.username.panel.detailwrapper\">\n          <h4\n            v-bind=\"$preset.username.panel.username\"\n            data-wv-section=\"username\"\n          >\n            {{ fullUserObject?.fullName }}\n            <template v-if=\"fullUserObject?.nickName\">\n              ({{ fullUserObject?.nickName }})\n            </template>\n          </h4>\n\n          <span\n            v-bind=\"$preset.username.panel.useremail\"\n            data-wv-section=\"useremail\"\n          >\n            {{ fullUserObject?.email }}\n          </span>\n        </div>\n\n        <Skeleton v-if=\"loadingUser\" height=\"12px\" width=\"60px\" />\n\n        <span\n          v-else\n          v-bind=\"$preset.username.panel.positiondivision\"\n          data-wv-section=\"positiondivision\"\n        >\n          {{ fullUserObject?.division }}\n          /\n          {{ fullUserObject?.position }}\n        </span>\n\n        <Skeleton v-if=\"loadingUser\" width=\"75px\" />\n\n        <a\n          v-else\n          @click.stop=\"\n            navigateToUrl(\n              config.detailUserPath.replace('{userId}', props.user?._id),\n            )\n          \"\n          v-bind=\"$preset.username.panel.userdetaillink\"\n          data-wv-section=\"userdetaillink\"\n        >\n          {{ locale.detailUserAnchorText }}\n        </a>\n      </div>\n    </OverlayPanel>\n  </span>\n</template>\n"],"names":["props","__props","locale","defaultProps","useWangsVueConfig","config","computed","mergePropsWithDefaults","loadingUser","shallowRef","fullUserObject","showPreview","miniProfile","ref","userDisplayName","getNestedPropertyValue","truncatedUserName","formatUserName","adjustPosition","data","_c","_b","_a","error"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAgBA,UAAMA,IAAQC,GAMR,EAAE,QAAAC,GAAQ,cAAAC,MAAiBC,EAAkB,UAAU,GAEvDC,IAASC,EAAS,MAAMC,EAAuBP,GAAOG,CAAY,CAAC,GAEnEK,IAAcC,EAAoB,EAAK,GACvCC,IAAiBD,EAAA,GACjBE,IAAcF,EAAoB,EAAK,GACvCG,IAAcC,EAAA,GAEdC,IAAkBR;AAAA,MACtB,MACES;AAAA,QACEf,EAAM,QAAQ,CAAA;AAAA,QACdK,EAAO,MAAM;AAAA,MAAA;AAAA,IACf,GAGEW,IAAoBV,EAAiB,MAClCD,EAAO,MAAM,iBAChBY,EAAeH,EAAgB,KAAK,IACpCA,EAAgB,KACrB,GAEKI,IAAiB,YAA2B;;AAChD,UAAI,CAACR,EAAe,SAASV,EAAM;AACjC,YAAI;AACF,UAAAQ,EAAY,QAAQ;AACpB,gBAAMW,IAAO,QAAMC,KAAAC,IAAAhB,EAAO,OAAM,kBAAb,gBAAAe,EAAA,KAAAC,IAA6BC,IAAAtB,EAAM,SAAN,gBAAAsB,EAAY;AAC5D,UAAAZ,EAAe,QAAQS;AAAA,QACzB,SAASI,GAAO;AACd,kBAAQ,MAAMA,CAAK;AAAA,QACrB,UAAA;AACE,UAAAf,EAAY,QAAQ;AAAA,QACtB;AAAA,UACF,CAAYR,EAAM,2BAChBU,EAAe,QAAQV,EAAM;AAAA,IAEjC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/userwithicon/index.es.js

@@ -1,12 +1,12 @@
-import { defineComponent as r, createBlock as o, openBlock as n } from "vue";
-import s from "../username/index.es.js";
+import { defineComponent as r, openBlock as o, createBlock as n } from "vue";
+import { _ as s } from "../username/index.es.js";
 const m = /* @__PURE__ */ r({
   __name: "UserWithIcon",
   props: {
     user: {}
   },
-  setup(t) {
-    return (e, p) => (n(), o(s, {
+  setup(p) {
+    return (e, t) => (o(), n(s, {
       user: e.user,
       type: "icon",
       "user-name-field": "fullName"
@@ -14,5 +14,6 @@ const m = /* @__PURE__ */ r({
   }
 });
 export {
-  m as default
+  m as _
 };
+//# sourceMappingURL=index.es.js.map

package/userwithicon/index.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;"}

package/utils/addAttachment.util.es.js

@@ -8,3 +8,4 @@ const s = (t) => t.startsWith("image/") ? "image" : t.includes("mp4") ? "mp4" :
 export {
   i as v
 };
+//# sourceMappingURL=addAttachment.util.es.js.map

package/utils/addAttachment.util.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"addAttachment.util.es.js","sources":["../../../../library/utils/addAttachment.util.ts"],"sourcesContent":["export type FileType =\n  | 'link'\n  | 'image'\n  | 'txt'\n  | 'doc'\n  | 'xls'\n  | 'pdf'\n  | 'csv'\n  | 'html'\n  | 'json'\n  | 'mp4'\n  | 'mkv'\n  | 'compressed'\n  | 'unknown';\n\nexport type FormattedFile = {\n  name: string;\n  type: string;\n  size: number;\n  webkitRelativePath: string;\n  fileType: FileType;\n  file: File;\n  imgPreviewURL?: string;\n  uploadProgress?: number;\n  controller?: AbortController;\n  isCanceled?: boolean;\n};\n\nconst MAX_FILE_SIZE = 1 * 1024 * 1024; // 1 MB in bytes\nconst MAX_VIDEO_SIZE = 10 * 1024 * 1024; // 10 MB in bytes\n\n/**\n * Maps a mime type to a custom file type.\n *\n * @param {string} mimeType\n * @returns {CustomFileType}\n */\nexport const getFileType = (mimeType: string): FileType => {\n  if (mimeType.startsWith('image/')) return 'image';\n  if (mimeType.includes('mp4')) return 'mp4';\n  if (mimeType === 'video/x-matroska') return 'mkv';\n  if (mimeType === 'text/plain') return 'txt';\n  if (mimeType === 'text/csv') return 'csv';\n  if (mimeType === 'text/html') return 'html';\n  if (mimeType === 'application/json') return 'json';\n  if (mimeType === 'application/pdf') return 'pdf';\n  if (\n    mimeType === 'application/vnd.ms-excel' ||\n    mimeType ===\n      'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet'\n  )\n    return 'xls';\n  if (\n    mimeType === 'application/msword' ||\n    mimeType ===\n      'application/vnd.openxmlformats-officedocument.wordprocessingml.document'\n  )\n    return 'doc';\n  if (mimeType.startsWith('application/x-url')) return 'link';\n  if (\n    mimeType.includes('application/x-zip-compressed') ||\n    mimeType.includes('application/x-compressed')\n  )\n    return 'compressed';\n  return 'unknown';\n};\n\n/**\n * Formats a file into a FormattedFile object.\n *\n * @param file The file to be formatted.\n * @returns A FormattedFile object.\n */\nexport const formatFile = (file: File): FormattedFile => {\n  return {\n    name: file.name,\n    type: file.type,\n    size: file.size,\n    webkitRelativePath: file.webkitRelativePath,\n    fileType: getFileType(file.type),\n    file,\n    imgPreviewURL:\n      getFileType(file.type) === 'image'\n        ? URL.createObjectURL(file)\n        : undefined,\n  };\n};\n\n/**\n * Checks if a file is under the maximum size limit.\n *\n * @param file The file to be checked.\n * @param customFileSize The maximum size limit in megabytes. @default 1\n * @returns True if the file is under the maximum size limit, false otherwise.\n */\nexport const validateFileSize = (\n  file: File,\n  customFileSize: number = 1,\n): boolean => {\n  customFileSize *= MAX_FILE_SIZE;\n  if (!file.type?.length) {\n    return false;\n  }\n  const fileType = getFileType(file.type);\n\n  return (\n    file.size <=\n    (fileType === 'mp4' || fileType === 'mkv' ? MAX_VIDEO_SIZE : customFileSize)\n  );\n};\n\n/**\n * Checks if a file has a valid type.\n * Make sure user doesn't upload a folder.\n *\n * @param file The file to be checked.\n * @returns True if the file has a valid type, false otherwise.\n */\nexport const validateFileType = (file: File): boolean => !!file.type?.length;\n"],"names":["getFileType","mimeType","validateFileSize","file","customFileSize","_a","fileType"],"mappings":"AAqCO,MAAMA,IAAc,CAACC,MACtBA,EAAS,WAAW,QAAQ,IAAU,UACtCA,EAAS,SAAS,KAAK,IAAU,QACjCA,MAAa,qBAA2B,QACxCA,MAAa,eAAqB,QAClCA,MAAa,aAAmB,QAChCA,MAAa,cAAoB,SACjCA,MAAa,qBAA2B,SACxCA,MAAa,oBAA0B,QAEzCA,MAAa,8BACbA,MACE,sEAEK,QAEPA,MAAa,wBACbA,MACE,4EAEK,QACLA,EAAS,WAAW,mBAAmB,IAAU,SAEnDA,EAAS,SAAS,8BAA8B,KAChDA,EAAS,SAAS,0BAA0B,IAErC,eACF,WA+BIC,IAAmB,CAC9BC,GACAC,IAAyB,MACb;AAtEd,MAAAC;AAwEE,MADAD,KAAkB,SACd,GAACC,IAAAF,EAAK,SAAL,QAAAE,EAAW;AACd,WAAO;AAET,QAAMC,IAAWN,EAAYG,EAAK,IAAI;AAEtC,SACEA,EAAK,SACJG,MAAa,SAASA,MAAa,QAAQ,WAAiBF;AAEjE;"}

package/utils/baseToast.util.d.ts

@@ -1,51 +1,11 @@
 import { WangsIcons } from '../icon';
-export type ToastSeverity = 'success' | 'error' | 'info';
-export interface ToastParams {
-  /**
-   * The main message to display in the toast. Will be formatted based on template message.
-   */
-  message: string;
-  /**
-   * Indicates whether the message is customized and does not follow the default message template.
-   * If true, custom formatting will be applied.
-   */
-  customMessage?: boolean;
-  /**
-   * The severity level of the toast message.
-   * Can be 'success', 'error', or 'info'.
-   */
-  severity?: ToastSeverity;
-  /**
-   * The icon to display in the toast.
-   */
-  icon?: WangsIcons;
-  /**
-   * The custom CSS class to apply to the icon.
-   */
-  iconClass?: any;
-  /**
-   * The error object from a catch statement, used to provide additional details for error toasts.
-   * Accepts any type of error object.
-   */
-  error?: unknown;
-  /**
-   * The duration for which the toast will be displayed, in milliseconds.
-   * Set to 0 to show the message infinitely.
-   *
-   * @default 3000 - 3 seconds
-   */
-  life?: number;
-  /**
-   * The name of the message group to which this toast belongs.
-   */
-  group?: string;
+import { ToastMessageOptions } from '../toast';
+export interface ToastMethod {
   /**
-   * Unique identifier of the toast message.
+   * Show toast with message options.
+   * @param options
    */
-  messageId?: string;
-}
-export interface ToastMethod {
-  add(params: ToastParams): void;
+  add(options: ToastMessageOptions): void;
   /**
    * Clears the messages that belongs to the group.
    * @param {string} group - Name of the message group.
@@ -94,7 +54,7 @@ export interface UseToastConfig {
  * Refer to {@link UseToastConfig} for the structure and details of this object.
  *
  * @returns {ToastMethod} A method to trigger toast notifications.
- * The method accepts {@link ToastParams} to customize individual notifications.
+ * The method accepts {@link ToastMessageOptions} to customize individual notifications.
  *
  * @example
  * const toast = useToast({
@@ -109,7 +69,7 @@ export interface UseToastConfig {
  *   }
  * });
  *
- * // Overiding the default config with ToastParams
+ * // Overiding the default config with ToastMessageOptions
  * toast.add({
  *   message: 'Operation completed successfully!',
  *   customMessage: true,

package/utils/baseToast.util.es.js

@@ -1,29 +1,29 @@
-import G from "../event-bus/index.es.js";
-import { u as M } from "../vendor/primevue/usetoast/usetoast.esm.es.js";
+import { u as G } from "../vendor/primevue/usetoast/usetoast.esm.es.js";
+import { e as M } from "../event-bus/index.es.js";
 import { u as A } from "../vendor/lodash-es/uniqueId.es.js";
 const w = ({ icons: i, template: r } = {}) => {
-  const t = M();
+  const a = G();
   return {
     add: (e) => {
-      var n, c, f;
+      var c, n, f;
       const {
-        message: a,
+        message: t,
         customMessage: v,
         error: s,
         severity: g,
-        life: l,
+        life: m,
         group: d = "default-toast",
-        ...m
+        ...l
       } = e;
       let u = "";
       s instanceof Error && s && s.isAxiosError && (u = s.code === "ERR_NETWORK" ? (r == null ? void 0 : r.additionalMessage) ?? "" : "");
-      const o = s ? "error" : g ?? "success", E = ((f = (c = (n = r == null ? void 0 : r.severity) == null ? void 0 : n[o]) == null ? void 0 : c.replace("{message}", a)) == null ? void 0 : f.replace("{additionalMessage}", u)) || a, y = m.icon ?? (i == null ? void 0 : i[o]);
-      t.add({
+      const o = s ? "error" : g ?? "success", E = ((f = (n = (c = r == null ? void 0 : r.severity) == null ? void 0 : c[o]) == null ? void 0 : n.replace("{message}", t)) == null ? void 0 : f.replace("{additionalMessage}", u)) || t, y = l.icon ?? (i == null ? void 0 : i[o]);
+      a.add({
         severity: o,
-        detail: v ? a : E,
-        life: l ?? 3e3,
+        detail: v ? t : E,
+        life: m ?? 3e3,
         group: d
-      }), G.emit("toast:add", {
+      }), M.emit("toast:add", {
         messageId: A(),
         ...e,
         severity: o,
@@ -32,13 +32,14 @@ const w = ({ icons: i, template: r } = {}) => {
       });
     },
     removeGroup: (e) => {
-      t.removeGroup(e);
+      a.removeGroup(e);
     },
     removeAllGroups: () => {
-      t.removeAllGroups();
+      a.removeAllGroups();
     }
   };
 };
 export {
   w as u
 };
+//# sourceMappingURL=baseToast.util.es.js.map

package/utils/baseToast.util.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"baseToast.util.es.js","sources":["../../../../library/utils/baseToast.util.ts"],"sourcesContent":["import { ErrorResponse } from '@fewangsit/workspace-api-services/src/types/projectQcService.type';\nimport { AxiosError } from 'axios';\nimport { uniqueId } from 'lodash-es';\nimport { useToast as usePrimevueToast } from 'primevue/usetoast';\n\nimport { WangsIcons } from 'lib/components/icon/Icon.vue.d';\nimport { ToastMessageOptions } from 'lib/components/toast/Toast.vue.d';\nimport eventBus from 'lib/event-bus';\n\nexport interface ToastMethod {\n  /**\n   * Show toast with message options.\n   * @param options\n   */\n  add(options: ToastMessageOptions): void;\n\n  /**\n   * Clears the messages that belongs to the group.\n   * @param {string} group - Name of the message group.\n   */\n  removeGroup(group: string): void;\n\n  removeAllGroups(): void;\n}\n\n/**\n * Configuration options for the `useToast` hook.\n */\nexport interface UseToastConfig {\n  /**\n   * Default message templates for each severity level.\n   * Keys represent the severity, and values are the template strings.\n   *\n   * @example\n   * {\n   *   severity: {\n   *     success: 'Success, {message}',\n   *     error: 'Error, {message} {additionalMessage}',\n   *     info: 'Info, {message} {additionalMessage}',\n   *   },\n   *   additionalMessage: ' Silahkan cek kembali koneksi Anda.'\n   * }\n   */\n  template?: { severity?: Record<string, string>; additionalMessage?: string };\n\n  /**\n   * Icons for each severity level.\n   * Keys represent the severity, and values are the corresponding icon identifiers.\n   *\n   * @example\n   * {\n   *   success: 'emotion-happy-fill',\n   *   error: 'emotion-unhappy-fill',\n   * }\n   */\n  icons?: Record<string, WangsIcons>;\n}\n\n/**\n * Hook to create and manage toast notifications.\n *\n * @param {UseToastConfig} config - Configuration object for the toast notifications.\n * Refer to {@link UseToastConfig} for the structure and details of this object.\n *\n * @returns {ToastMethod} A method to trigger toast notifications.\n * The method accepts {@link ToastMessageOptions} to customize individual notifications.\n *\n * @example\n * const toast = useToast({\n *   template: {\n *     success: 'Success, {message}',\n *     error: 'Error, {message} {additionalMessage}',\n *     info: 'Info, {message} {additionalMessage}',\n *   },\n *   icons: {\n *     success: 'emotion-happy-fill',\n *     error: 'emotion-unhappy-fill',\n *   }\n * });\n *\n * // Overiding the default config with ToastMessageOptions\n * toast.add({\n *   message: 'Operation completed successfully!',\n *   customMessage: true,\n *   icon: 'custom-success-icon',\n * });\n */\nconst useToast = ({ icons, template }: UseToastConfig = {}): ToastMethod => {\n  const toast = usePrimevueToast();\n  return {\n    add: (options: ToastMessageOptions): void => {\n      const {\n        message,\n        customMessage,\n        error,\n        severity,\n        life,\n        group = 'default-toast',\n        ...rest\n      } = options;\n\n      let additionalMessage = '';\n\n      if (error instanceof Error) {\n        if (error && (error as AxiosError<ErrorResponse>).isAxiosError) {\n          const isNetworkError =\n            (error as AxiosError<ErrorResponse>).code === 'ERR_NETWORK';\n\n          additionalMessage = isNetworkError\n            ? (template?.additionalMessage ?? '')\n            : '';\n        }\n      }\n\n      const formattedSeverity = error ? 'error' : (severity ?? 'success');\n\n      const detail =\n        template?.severity?.[formattedSeverity]\n          ?.replace('{message}', message)\n          ?.replace('{additionalMessage}', additionalMessage) || message;\n\n      const icon = rest.icon ?? icons?.[formattedSeverity];\n\n      toast.add({\n        severity: formattedSeverity,\n        detail: customMessage ? message : detail,\n        life: life ?? 3000,\n        group,\n      });\n\n      eventBus.emit('toast:add', {\n        messageId: uniqueId(),\n        ...options,\n        severity: formattedSeverity,\n        group,\n        icon,\n      });\n    },\n\n    removeGroup: (group: string): void => {\n      toast.removeGroup(group);\n    },\n\n    removeAllGroups: (): void => {\n      toast.removeAllGroups();\n    },\n  };\n};\n\nexport default useToast;\n"],"names":["useToast","icons","template","toast","usePrimevueToast","options","message","customMessage","error","severity","life","group","rest","additionalMessage","formattedSeverity","detail","_c","_b","_a","icon","eventBus","uniqueId"],"mappings":";;;AAuFA,MAAMA,IAAW,CAAC,EAAE,OAAAC,GAAO,UAAAC,EAAA,IAA6B,CAAA,MAAoB;AAC1E,QAAMC,IAAQC,EAAA;AACd,SAAO;AAAA,IACL,KAAK,CAACC,MAAuC;;AAC3C,YAAM;AAAA,QACJ,SAAAC;AAAA,QACA,eAAAC;AAAA,QACA,OAAAC;AAAA,QACA,UAAAC;AAAA,QACA,MAAAC;AAAA,QACA,OAAAC,IAAQ;AAAA,QACR,GAAGC;AAAA,MAAA,IACDP;AAEJ,UAAIQ,IAAoB;AAExB,MAAIL,aAAiB,SACfA,KAAUA,EAAoC,iBAIhDK,IAFGL,EAAoC,SAAS,iBAG3CN,KAAA,gBAAAA,EAAU,sBAAqB,KAChC;AAIR,YAAMY,IAAoBN,IAAQ,UAAWC,KAAY,WAEnDM,MACJC,KAAAC,KAAAC,IAAAhB,KAAA,gBAAAA,EAAU,aAAV,gBAAAgB,EAAqBJ,OAArB,gBAAAG,EACI,QAAQ,aAAaX,OADzB,gBAAAU,EAEI,QAAQ,uBAAuBH,OAAsBP,GAErDa,IAAOP,EAAK,SAAQX,KAAA,gBAAAA,EAAQa;AAElC,MAAAX,EAAM,IAAI;AAAA,QACR,UAAUW;AAAA,QACV,QAAQP,IAAgBD,IAAUS;AAAA,QAClC,MAAML,KAAQ;AAAA,QACd,OAAAC;AAAA,MAAA,CACD,GAEDS,EAAS,KAAK,aAAa;AAAA,QACzB,WAAWC,EAAA;AAAA,QACX,GAAGhB;AAAA,QACH,UAAUS;AAAA,QACV,OAAAH;AAAA,QACA,MAAAQ;AAAA,MAAA,CACD;AAAA,IACH;AAAA,IAEA,aAAa,CAACR,MAAwB;AACpC,MAAAR,EAAM,YAAYQ,CAAK;AAAA,IACzB;AAAA,IAEA,iBAAiB,MAAY;AAC3B,MAAAR,EAAM,gBAAA;AAAA,IACR;AAAA,EAAA;AAEJ;"}

package/utils/cookie.util.d.ts

@@ -0,0 +1,18 @@
+type SetCookieOptions = {
+  name: string;
+  value: string;
+  days?: number;
+  path?: string;
+  secure?: boolean;
+  sameSite?: 'Lax' | 'Strict' | 'None';
+};
+export declare const setCookie: ({
+  name,
+  value,
+  days,
+  path,
+  secure,
+  sameSite,
+}: SetCookieOptions) => void;
+export declare const getCookie: (name: string) => string | undefined;
+export {};

package/utils/cookie.util.es.js

@@ -0,0 +1,20 @@
+const a = ({
+  name: t,
+  value: e,
+  days: o = 365,
+  path: n = "/",
+  secure: c = !1,
+  sameSite: i
+}) => {
+  const r = new Date(Date.now() + o * 864e5).toUTCString();
+  let s = `${t}=${e}; expires=${r}; path=${n}`;
+  c && (s += "; Secure"), i && (s += `; SameSite=${i}`), document.cookie = s;
+}, p = (t) => {
+  const e = document.cookie.split("; ").find((o) => o.startsWith(`${t}=`));
+  return e == null ? void 0 : e.split("=")[1];
+};
+export {
+  p as g,
+  a as s
+};
+//# sourceMappingURL=cookie.util.es.js.map

package/utils/cookie.util.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cookie.util.es.js","sources":["../../../../library/utils/cookie.util.ts"],"sourcesContent":["type SetCookieOptions = {\n  name: string;\n  value: string;\n  days?: number; // Default: 365\n  path?: string; // Default: '/'\n  secure?: boolean; // Default: false\n  sameSite?: 'Lax' | 'Strict' | 'None'; // Optional\n};\n\nexport const setCookie = ({\n  name,\n  value,\n  days = 365,\n  path = '/',\n  secure = false,\n  sameSite,\n}: SetCookieOptions): void => {\n  const expires = new Date(Date.now() + days * 864e5).toUTCString();\n\n  let cookie = `${name}=${value}; expires=${expires}; path=${path}`;\n\n  if (secure) cookie += '; Secure';\n  if (sameSite) cookie += `; SameSite=${sameSite}`;\n\n  document.cookie = cookie;\n};\n\nexport const getCookie = (name: string): string | undefined => {\n  const cookie = document.cookie\n    .split('; ')\n    .find((row) => row.startsWith(`${name}=`));\n  return cookie?.split('=')[1];\n};\n"],"names":["setCookie","name","value","days","path","secure","sameSite","expires","cookie","getCookie","row"],"mappings":"AASO,MAAMA,IAAY,CAAC;AAAA,EACxB,MAAAC;AAAA,EACA,OAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,MAAAC,IAAO;AAAA,EACP,QAAAC,IAAS;AAAA,EACT,UAAAC;AACF,MAA8B;AAC5B,QAAMC,IAAU,IAAI,KAAK,KAAK,QAAQJ,IAAO,KAAK,EAAE,YAAA;AAEpD,MAAIK,IAAS,GAAGP,CAAI,IAAIC,CAAK,aAAaK,CAAO,UAAUH,CAAI;AAE/D,EAAIC,MAAQG,KAAU,aAClBF,MAAUE,KAAU,cAAcF,CAAQ,KAE9C,SAAS,SAASE;AACpB,GAEaC,IAAY,CAACR,MAAqC;AAC7D,QAAMO,IAAS,SAAS,OACrB,MAAM,IAAI,EACV,KAAK,CAACE,MAAQA,EAAI,WAAW,GAAGT,CAAI,GAAG,CAAC;AAC3C,SAAOO,KAAA,gBAAAA,EAAQ,MAAM,KAAK;AAC5B;"}

package/utils/date.util.d.ts

@@ -40,7 +40,7 @@ export type DateOptions = {
   /**
    * Show the time in the formatted date.
    *
-   * @default true - when `timeFormat` is provided
+   * @default false - But will be set to true when `DateOptions.timeFormat` is provided
    */
   showTime?: boolean;
   /**
@@ -57,6 +57,14 @@ export type DateOptions = {
 export declare const formatDate: (
   date: Date,
   options?: DateOptions,
+  /**
+   * If general settings is provided, automatically use general settings
+   * Turn it off if you want to avoid general settings usage even when general settings is available
+   *
+   * Just ignore this parameter if your project doesn't utilize general settings
+   *
+   * Note: DateOptions has higher priority than this option. When DateOptions specified by user, it will overides General Settings.
+   */
   useGeneralSettings?: boolean,
 ) => string;
 export declare const formatISODate: (date: string | Date) => string;
@@ -71,9 +79,22 @@ export declare const formatDateReadable: (
   date: Date,
   maxSeconds?: number,
 ) => string;
+/**
+ * A better "formatDateReadable"
+ * @param date
+ * @param maxSeconds
+ * @param lang
+ * @returns
+ */
+export declare const formatTimeAgo: (
+  date: Date,
+  maxSeconds?: number,
+  lang?: string,
+) => string;
 export declare const getRemainingTime: (deadline: string) => {
   seconds: number;
   days: number;
   hours: number;
   minutes: number;
 };
+export declare const isISODateString: (value: string) => boolean;