@zeedhi/zd-user-info-common 1.3.4 → 3.0.0

package/dist/user-info-common.es.js

@@ -0,0 +1,635 @@
+var y = Object.create;
+var S = Object.defineProperty;
+var G = Object.getOwnPropertyDescriptor;
+var K = (o, t) => (t = Symbol[o]) ? t : Symbol.for("Symbol." + o), E = (o) => {
+  throw TypeError(o);
+};
+var A = (o, t, e) => t in o ? S(o, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : o[t] = e;
+var P = (o, t) => S(o, "name", { value: t, configurable: !0 });
+var C = (o) => [, , , y((o == null ? void 0 : o[K("metadata")]) ?? null)], M = ["class", "method", "getter", "setter", "accessor", "field", "value", "get", "set"], u = (o) => o !== void 0 && typeof o != "function" ? E("Function expected") : o, X = (o, t, e, i, a) => ({ kind: M[o], name: t, metadata: i, addInitializer: (r) => e._ ? E("Already initialized") : a.push(u(r || null)) }), q = (o, t) => A(t, K("metadata"), o[3]), T = (o, t, e, i) => {
+  for (var a = 0, r = o[t >> 1], d = r && r.length; a < d; a++) t & 1 ? r[a].call(e) : i = r[a].call(e, i);
+  return i;
+}, b = (o, t, e, i, a, r) => {
+  var d, m, F, I, g, s = t & 7, f = !!(t & 8), c = !!(t & 16), v = s > 3 ? o.length + 1 : s ? f ? 1 : 2 : 0, k = M[s + 5], L = s > 3 && (o[v - 1] = []), Y = o[v] || (o[v] = []), h = s && (!c && !f && (a = a.prototype), s < 5 && (s > 3 || !c) && G(s < 4 ? a : { get [e]() {
+    return x(this, r);
+  }, set [e](l) {
+    return V(this, r, l);
+  } }, e));
+  s ? c && s < 4 && P(r, (s > 2 ? "set " : s > 1 ? "get " : "") + e) : P(a, e);
+  for (var R = i.length - 1; R >= 0; R--)
+    I = X(s, e, F = {}, o[3], Y), s && (I.static = f, I.private = c, g = I.access = { has: c ? (l) => j(a, l) : (l) => e in l }, s ^ 3 && (g.get = c ? (l) => (s ^ 1 ? x : J)(l, a, s ^ 4 ? r : h.get) : (l) => l[e]), s > 2 && (g.set = c ? (l, O) => V(l, a, O, s ^ 4 ? r : h.set) : (l, O) => l[e] = O)), m = (0, i[R])(s ? s < 4 ? c ? r : h[k] : s > 4 ? void 0 : { get: h.get, set: h.set } : a, I), F._ = 1, s ^ 4 || m === void 0 ? u(m) && (s > 4 ? L.unshift(m) : s ? c ? r = m : h[k] = m : a = m) : typeof m != "object" || m === null ? E("Object expected") : (u(d = m.get) && (h.get = d), u(d = m.set) && (h.set = d), u(d = m.init) && L.unshift(d));
+  return s || q(o, a), h && S(a, e, h), c ? s ^ 4 ? r : h : a;
+}, n = (o, t, e) => A(o, typeof t != "symbol" ? t + "" : t, e), U = (o, t, e) => t.has(o) || E("Cannot " + e), j = (o, t) => Object(t) !== t ? E('Cannot use the "in" operator on this value') : o.has(t), x = (o, t, e) => (U(o, t, "read from private field"), e ? e.call(o) : t.get(o));
+var V = (o, t, e, i) => (U(o, t, "write to private field"), i ? i.call(o, e) : t.set(o, e), e), J = (o, t, e) => (U(o, t, "access private method"), e);
+import { ComponentRender as Q, ModalService as Z, List as ee } from "@zeedhi/common";
+import { Singleton as w, Messages as D, Loader as z, Metadata as W, Http as te } from "@zeedhi/core";
+var H, N;
+H = [w];
+class p {
+  constructor(t) {
+    n(this, "component");
+    this.component = t;
+  }
+  get showChangeProfile() {
+    const { changeProfile: t } = this.component.visibleItems;
+    return t || t === void 0;
+  }
+  get showLogout() {
+    const { logout: t } = this.component.visibleItems;
+    return t || t === void 0;
+  }
+}
+N = C(null), p = b(N, 0, "UserInfoController", H, p), T(N, 1, p);
+class oe extends Q {
+  constructor(e) {
+    super(e);
+    /**
+     * Dropdown activator
+     */
+    n(this, "activator");
+    /**
+     * Props to be passed to the ZdAvatar component
+     */
+    n(this, "avatarProps", {});
+    /**
+     * Components to be rendered on the bottom slot
+     */
+    n(this, "bottomSlot", []);
+    /**
+     * Components to be rendered on the center slot
+     */
+    n(this, "centerSlot", []);
+    /**
+     * Components to be rendered on the top slot
+     */
+    n(this, "topSlot", []);
+    /**
+     * User name
+     */
+    n(this, "user", "");
+    /**
+     * User image
+     */
+    n(this, "userImage", "");
+    /**
+    * Designates if menu should close on outside-activator click.
+    */
+    n(this, "closeOnClick", !0);
+    /**
+    * Designates if menu should close when its content is clicked.
+    */
+    n(this, "closeOnContentClick", !0);
+    /**
+    * Applies position fixed to the dropdown.
+    */
+    n(this, "fixed", !1);
+    /**
+    * Components to be rendered on the menu header
+    */
+    n(this, "headerSlot", []);
+    /**
+    * Props to be passed to the ZdImage component (rendered inside the avatar)
+    */
+    n(this, "imageProps", {});
+    /**
+    * Offset the menu on the x-axis.
+    */
+    n(this, "offsetX", !1);
+    /**
+    * Offset the menu on the x-axis.
+    */
+    n(this, "offsetY", !0);
+    /**
+    * Designates whether menu should open on activator click.
+    */
+    n(this, "openOnClick", !0);
+    /**
+    * Designates whether menu should open on activator hover.
+    */
+    n(this, "openOnHover", !1);
+    /**
+    * Controls whether the component is visible or hidden.
+    */
+    n(this, "value", !1);
+    n(this, "visibleItems", {
+      userName: !0,
+      changeProfile: !0,
+      logout: !0
+    });
+    /**
+     * Sets the height for the dropdown.
+     */
+    n(this, "height", "auto");
+    /**
+     * Sets the maximum height for the dropdown.
+     */
+    n(this, "maxHeight");
+    /**
+     * Sets the maximum width for the dropdown.
+     */
+    n(this, "maxWidth");
+    /**
+     * Sets the minimum height for the dropdown.
+     */
+    n(this, "minHeight");
+    /**
+     * Sets the minimum width for the dropdown.
+     */
+    n(this, "minWidth");
+    n(this, "propCenterSlot");
+    this.user = this.getInitValue("user", e.user, this.user), this.userImage = this.getInitValue("userImage", e.userImage, this.userImage), this.closeOnClick = this.getInitValue("closeOnClick", e.closeOnClick, this.closeOnClick), this.closeOnContentClick = this.getInitValue("closeOnContentClick", e.closeOnContentClick, this.closeOnContentClick), this.fixed = this.getInitValue("fixed", e.fixed, this.fixed), this.offsetX = this.getInitValue("offsetX", e.offsetX, this.offsetX), this.offsetY = this.getInitValue("offsetY", e.offsetY, this.offsetY), this.openOnClick = this.getInitValue("openOnClick", e.openOnClick, this.openOnClick), this.openOnHover = this.getInitValue("openOnHover", e.openOnHover, this.openOnHover), this.value = this.getInitValue("value", e.value, this.value), this.visibleItems = this.getInitValue("visibleItems", e.visibleItems, this.visibleItems), this.height = this.getInitValue("height", e.height, this.height), this.maxHeight = this.getInitValue("maxHeight", e.maxHeight, this.maxHeight), this.minHeight = this.getInitValue("minHeight", e.minHeight, this.minHeight), this.maxWidth = this.getInitValue("maxWidth", e.maxWidth, this.maxWidth), this.minWidth = this.getInitValue("minWidth", e.minWidth, this.minWidth), this.avatarProps = e.avatarProps || this.avatarProps, this.imageProps = e.imageProps || this.imageProps, this.activator = e.activator || this.getActivator(), this.bottomSlot = e.bottomSlot || this.bottomSlot, this.propCenterSlot = e.centerSlot, this.topSlot = e.topSlot || this.topSlot, this.headerSlot = e.headerSlot || this.headerSlot, this.createAccessors();
+  }
+  getActivator() {
+    return {
+      name: `${this.name}_activator_tooltip`,
+      component: "ZdTooltip",
+      bottom: !0,
+      label: this.user,
+      children: [
+        {
+          name: `${this.name}_activator`,
+          component: "ZdAvatar",
+          avatarSlot: [
+            {
+              name: `${this.name}_image`,
+              component: "ZdImage",
+              src: this.userImage,
+              ...this.imageProps
+            }
+          ],
+          ...this.avatarProps
+        }
+      ]
+    };
+  }
+  getCenterSlot() {
+    return [
+      {
+        name: `${this.name}_center_list`,
+        component: "ZdList",
+        dense: !0,
+        items: [
+          {
+            name: `${this.name}_change_profile`,
+            component: "ZdListItem",
+            title: "USERINFO_CHANGE_PROFILE",
+            prependIcon: "mdi-account",
+            cssClass: "zd-px-2",
+            isVisible: `{{UserInfoController_${this.componentId}.showChangeProfile}}`,
+            events: {
+              click: ({ event: e, element: i }) => this.onProfileChange(e, i)
+            }
+          },
+          {
+            name: `${this.name}_logout`,
+            component: "ZdListItem",
+            title: "USERINFO_LOGOUT",
+            prependIcon: "mdi-logout-variant",
+            cssClass: "zd-px-2",
+            isVisible: `{{UserInfoController_${this.componentId}.showLogout}}`,
+            events: {
+              click: ({ event: e, element: i }) => this.onLogoutClick(e, i)
+            }
+          }
+        ]
+      }
+    ];
+  }
+  onLogoutClick(e, i) {
+    this.callEvent("onLogoutClick", { event: e, element: i, component: this });
+  }
+  onProfileChange(e, i) {
+    this.callEvent("onProfileChange", { event: e, element: i, component: this });
+  }
+  onCreated() {
+    super.onCreated(), z.addController(`UserInfoController_${this.componentId}`, p, [this]), this.centerSlot = this.propCenterSlot ? this.propCenterSlot : this.getCenterSlot();
+  }
+}
+D.add({
+  "pt-BR": {
+    translation: {
+      USERINFO_CHANGE_PROFILE: "Alterar perfil",
+      USERINFO_LOGOUT: "Sair"
+    }
+  },
+  "en-US": {
+    translation: {
+      USERINFO_CHANGE_PROFILE: "Change profile",
+      USERINFO_LOGOUT: "Sign out"
+    }
+  },
+  "es-CL": {
+    translation: {
+      USERINFO_CHANGE_PROFILE: "Cambiar el perfil",
+      USERINFO_LOGOUT: "Salir"
+    }
+  }
+});
+var B, $;
+B = [w];
+class _ {
+  constructor(t) {
+    n(this, "component");
+    this.component = t;
+  }
+  get versionInfo() {
+    return this.component.versionInfo;
+  }
+  get name() {
+    var t;
+    return ((t = this.versionInfo) == null ? void 0 : t.name) || "";
+  }
+  set name(t) {
+    this.versionInfo && (this.versionInfo.name = t);
+  }
+  get version() {
+    var t;
+    return ((t = this.versionInfo) == null ? void 0 : t.version) || "";
+  }
+  set version(t) {
+    this.versionInfo && (this.versionInfo.version = t);
+  }
+  get hasDefaultEmail() {
+    return !!this.component.defaultEmail;
+  }
+  get hasAboutImage() {
+    return !!this.component.aboutImage;
+  }
+  mergeText(t, e) {
+    return `<li>${t} - <b>${e}</b></li>`;
+  }
+  get mainVersion() {
+    var t;
+    return !((t = this.versionInfo) != null && t.name) || !this.versionInfo.version ? "" : `${this.versionInfo.name} - <b>${this.versionInfo.version}</b>`;
+  }
+  getItems(t) {
+    return this.versionInfo ? `<ul>${this.versionInfo[t].map((i) => this.mergeText(i.name, i.version)).join("")}</ul>` : [];
+  }
+  get frontendItems() {
+    return this.getItems("frontend");
+  }
+  get backendItems() {
+    return this.getItems("backend");
+  }
+  get modulesItems() {
+    return this.getItems("modules");
+  }
+  get showReportError() {
+    const { reportError: t } = this.component.visibleItems;
+    return t || t === void 0;
+  }
+  get showVersionInfo() {
+    const { versionInfo: t } = this.component.visibleItems;
+    return t || t === void 0;
+  }
+  get showAbout() {
+    const { about: t } = this.component.visibleItems;
+    return t || t === void 0;
+  }
+}
+$ = C(null), _ = b($, 0, "TekUserInfoController", B, _), T($, 1, _);
+class ne extends oe {
+  constructor(e) {
+    super(e);
+    n(this, "aboutModal");
+    n(this, "reportModal");
+    /**
+    * Data about the application version
+    */
+    n(this, "versionInfo", null);
+    /**
+    * Default email address to be defined in the Report Bug form
+    */
+    n(this, "defaultEmail", "");
+    /**
+    * Url from which the version info will be retrieved
+    */
+    n(this, "versionUrl", "");
+    /**
+    * Path to the image to be shown on about modal
+    */
+    n(this, "aboutImage", "");
+    n(this, "propBottomSlot");
+    this.versionInfo = this.getInitValue("versionInfo", e.versionInfo, this.versionInfo), this.defaultEmail = this.getInitValue("defaultEmail", e.defaultEmail, this.defaultEmail), this.versionUrl = this.getInitValue("versionUrl", e.versionUrl, this.versionUrl), this.aboutImage = this.getInitValue("aboutImage", e.aboutImage, this.aboutImage), this.createAccessors(), this.propBottomSlot = e.bottomSlot;
+  }
+  getBottomSlot() {
+    return [
+      {
+        name: `${this.name}_bottom_list`,
+        component: "TekUserInfoList",
+        parentName: this.name
+      }
+    ];
+  }
+  onAboutClick() {
+    this.aboutModal || (this.aboutModal = Z.create({
+      name: `${this.name}_about_modal`,
+      cssClass: "about-modal",
+      grid: { cols: 8, sm: 4, lg: 5 },
+      children: [
+        {
+          name: `${this.name}_about_header`,
+          component: "ZdHeader",
+          color: "transparent",
+          padless: !0,
+          elevation: 0,
+          rightSlot: [
+            {
+              name: `${this.name}_about_close_button`,
+              component: "ZdModalCloseButton",
+              small: !0,
+              modalName: `${this.name}_about_modal`
+            }
+          ]
+        },
+        {
+          name: `${this.name}_about_row`,
+          component: "ZdTag",
+          tag: "div",
+          cssClass: "zd-justify-center zd-px-6",
+          isVisible: `{{TekUserInfoController_${this.componentId}.hasAboutImage}}`,
+          children: [
+            {
+              name: `${this.name}_about_image`,
+              component: "ZdImage",
+              width: "100%",
+              src: this.aboutImage
+            }
+          ]
+        },
+        {
+          name: `${this.name}_version_tabs`,
+          cssClass: "zd-pt-3 zd-tekUserInfo-tab",
+          component: "ZdTabs",
+          tabs: [
+            {
+              name: `${this.name}_version_frontend_tab`,
+              tabTitle: "Frontend",
+              children: this.getVersionTree("frontend")
+            },
+            {
+              name: `${this.name}_version_backend_tab`,
+              tabTitle: "Backend",
+              children: this.getVersionTree("backend")
+            },
+            {
+              name: `${this.name}_version_modules_tab`,
+              tabTitle: "Modules",
+              children: this.getVersionTree("modules")
+            }
+          ]
+        }
+      ]
+    })), this.aboutModal.show();
+  }
+  getVersionTree(e) {
+    if (!this.versionInfo) return [];
+    const i = {
+      name: `${this.name}_version_${e}_main`,
+      component: "ZdText",
+      text: `{{TekUserInfoController_${this.componentId}.mainVersion}}`
+    }, a = {
+      name: `${this.name}_version_${e}`,
+      component: "ZdText",
+      cssClass: "zd-pl-4",
+      text: `{{TekUserInfoController_${this.componentId}.${e}Items}}`
+    };
+    return [i, a];
+  }
+  onReportClick() {
+    this.reportModal || (this.reportModal = Z.create({
+      name: `${this.name}_report_modal`,
+      children: [
+        {
+          name: `${this.name}_report_header`,
+          component: "ZdHeader",
+          color: "transparent",
+          padless: !0,
+          elevation: 0,
+          leftSlot: [
+            {
+              name: `${this.name}_report_title`,
+              component: "ZdText",
+              text: "TEKUSERINFO_REPORT_ERROR",
+              cssClass: "zd-theme-font-title"
+            }
+          ],
+          rightSlot: [
+            {
+              name: `${this.name}_report_close_button`,
+              component: "ZdModalCloseButton",
+              small: !0,
+              modalName: `${this.name}_report_modal`
+            }
+          ]
+        },
+        {
+          name: `${this.name}_report_form`,
+          component: "ZdForm",
+          cssClass: "zd-pt-4",
+          children: [
+            {
+              name: "report_email",
+              component: "ZdTextInput",
+              label: "E-mail",
+              grid: {
+                cols: "12"
+              },
+              value: this.defaultEmail,
+              readonly: `{{TekUserInfoController_${this.componentId}.hasDefaultEmail}}`,
+              validations: {
+                required: {},
+                email: {}
+              }
+            },
+            {
+              name: "report_cc",
+              component: "ZdTextInput",
+              label: "CC",
+              placeholder: "TEKUSERINFO_EMAIL_PLACEHOLDER",
+              grid: {
+                cols: "12"
+              }
+            },
+            {
+              name: "report_type",
+              component: "ZdSelect",
+              label: "TEKUSERINFO_TYPE",
+              dataValue: "value",
+              dataText: "text",
+              datasource: {
+                uniqueKey: "value",
+                translate: !0,
+                data: [
+                  { value: "0", text: "TEKUSERINFO_ERROR" },
+                  { value: "1", text: "TEKUSERINFO_IMPROVEMENT" }
+                ]
+              },
+              grid: {
+                cols: "12"
+              },
+              validations: {
+                required: {}
+              }
+            },
+            {
+              name: "report_description",
+              component: "ZdTextarea",
+              label: "TEKUSERINFO_DESCRIPTION",
+              grid: {
+                cols: "12"
+              },
+              validations: {
+                required: {}
+              }
+            }
+          ]
+        },
+        {
+          name: `${this.name}_report_footer`,
+          component: "ZdFooter",
+          color: "transparent",
+          padless: !0,
+          rightSlot: [
+            {
+              name: `${this.name}_report_cancel`,
+              component: "ZdButton",
+              label: "TEKUSERINFO_CANCEL",
+              outline: !0,
+              events: {
+                click: () => {
+                  var e;
+                  (e = this.reportModal) == null || e.hide();
+                }
+              }
+            },
+            {
+              name: `${this.name}_report_send`,
+              component: "ZdButton",
+              label: "TEKUSERINFO_SEND",
+              events: {
+                click: (e) => this.onSendReport(e)
+              }
+            }
+          ]
+        }
+      ]
+    })), this.reportModal.show();
+  }
+  async onSendReport({ event: e, element: i }) {
+    if (!this.reportModal) return;
+    const a = W.getInstance(`${this.name}_report_form`);
+    (await a.validate()).valid && (this.callEvent("onSendReport", {
+      event: e,
+      element: i,
+      component: this,
+      form: a
+    }), this.reportModal.hide());
+  }
+  onCreated() {
+    super.onCreated(), z.addController(`TekUserInfoController_${this.componentId}`, _, [this]), this.bottomSlot = this.propBottomSlot ? this.propBottomSlot : this.getBottomSlot();
+  }
+  async onMounted(e) {
+    if (super.onMounted(e), this.versionUrl) {
+      const i = await te.get(this.versionUrl);
+      this.versionInfo = i.data.versionInfo;
+    }
+  }
+}
+D.add({
+  "pt-BR": {
+    translation: {
+      TEKUSERINFO_ABOUT: "Sobre",
+      TEKUSERINFO_REPORT_ERROR: "Reportar Erro",
+      TEKUSERINFO_EMAIL_PLACEHOLDER: 'Separe e-mails usando ";"',
+      TEKUSERINFO_TYPE: "Tipo",
+      TEKUSERINFO_ERROR: "Erro",
+      TEKUSERINFO_IMPROVEMENT: "Melhoria",
+      TEKUSERINFO_DESCRIPTION: "Descrição",
+      TEKUSERINFO_CANCEL: "Cancelar",
+      TEKUSERINFO_SEND: "Enviar"
+    }
+  },
+  "en-US": {
+    translation: {
+      TEKUSERINFO_ABOUT: "About",
+      TEKUSERINFO_REPORT_ERROR: "Report Bug",
+      TEKUSERINFO_EMAIL_PLACEHOLDER: 'Separate e-mails using ";"',
+      TEKUSERINFO_TYPE: "Type",
+      TEKUSERINFO_ERROR: "Bug",
+      TEKUSERINFO_IMPROVEMENT: "Improvement",
+      TEKUSERINFO_DESCRIPTION: "Description",
+      TEKUSERINFO_CANCEL: "Cancel",
+      TEKUSERINFO_SEND: "Send"
+    }
+  },
+  "es-CL": {
+    translation: {
+      TEKUSERINFO_ABOUT: "Sobre",
+      TEKUSERINFO_REPORT_ERROR: "Reportar Error",
+      TEKUSERINFO_EMAIL_PLACEHOLDER: 'Separar e-mails usando ";"',
+      TEKUSERINFO_TYPE: "Tipo",
+      TEKUSERINFO_ERROR: "Error",
+      TEKUSERINFO_IMPROVEMENT: "Mejora",
+      TEKUSERINFO_DESCRIPTION: "Descripción",
+      TEKUSERINFO_CANCEL: "Cancelar",
+      TEKUSERINFO_SEND: "Enviar"
+    }
+  }
+});
+class re extends ee {
+  constructor(e) {
+    super(e);
+    /**
+     * Name of the user info component
+     */
+    n(this, "parentName", "");
+    n(this, "dense", !0);
+    this.parentName = e.parentName || "";
+  }
+  onCreated() {
+    super.onCreated(), this.items = this.getItems();
+  }
+  getItems() {
+    const e = this.parentName ? W.getInstance(this.parentName) : this.parent;
+    if (!(e instanceof ne))
+      throw Error(`Could not find the TekUserInfo component associated with ${this.name} TekUserInfoList`);
+    return [
+      {
+        name: `${e.name}_version`,
+        component: "ZdListItem",
+        title: `{{TekUserInfoController_${e.componentId}.name}}`,
+        subtitle: `{{TekUserInfoController_${e.componentId}.version}}`,
+        isVisible: `{{TekUserInfoController_${e.componentId}.showVersionInfo}}`,
+        cssClass: "zd-px-2"
+      },
+      {
+        name: `${e.name}_about`,
+        component: "ZdListItem",
+        title: "TEKUSERINFO_ABOUT",
+        prependIcon: "infoOutline",
+        cssClass: "zd-px-2",
+        isVisible: `{{TekUserInfoController_${e.componentId}.showAbout}}`,
+        events: {
+          click: () => e.onAboutClick()
+        }
+      },
+      {
+        name: `${e.name}_report`,
+        component: "ZdListItem",
+        title: "TEKUSERINFO_REPORT_ERROR",
+        prependIcon: "mdi-ladybug",
+        cssClass: "zd-px-2",
+        isVisible: `{{TekUserInfoController_${e.componentId}.showReportError}}`,
+        events: {
+          click: () => e.onReportClick()
+        }
+      }
+    ];
+  }
+}
+export {
+  ne as TekUserInfo,
+  re as TekUserInfoList,
+  oe as UserInfo
+};

package/package.json

@@ -1,27 +1,41 @@
 {
   "name": "@zeedhi/zd-user-info-common",
-  "version": "1.3.4",
-  "description": "Implementation of UserInfo componente using Zeedhi Next",
-  "main": "dist/user-info-common.umd.js",
-  "module": "dist/user-info-common.esm.js",
-  "typings": "types/index.d.ts",
+  "version": "3.0.0",
+  "type": "module",
+  "files": [
+    "dist"
+  ],
   "publishConfig": {
     "access": "public"
   },
-  "scripts": {
-    "build": "rollup -c",
-    "lint": "eslint . --fix --ext .ts",
-    "test": "jest",
-    "watch": "npm run build -- -w"
+  "module": "./dist/user-info-common.es.js",
+  "types": "./dist/types/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/user-info-common.es.js",
+      "types": "./dist/types/index.d.ts"
+    }
   },
-  "devDependencies": {
-    "@types/jest": "26.0.*",
-    "jest": "26.6.*",
-    "ts-jest": "26.5.*"
+  "scripts": {
+    "dev": "vite",
+    "build": "tsc && vite build",
+    "test": "vitest run --coverage",
+    "test:watch": "vitest"
   },
   "peerDependencies": {
-    "@zeedhi/common": "^1.57.0",
-    "@zeedhi/core": "^1.57.0"
+    "@zeedhi/common": "^3.0.0",
+    "@zeedhi/core": "^3.0.0"
+  },
+  "devDependencies": {
+    "@types/node": "^22.10.2",
+    "@vitest/coverage-v8": "^2.1.8",
+    "@zeedhi/common": "^3.0.0",
+    "@zeedhi/core": "^3.0.0",
+    "jsdom": "^25.0.1",
+    "typescript": "~5.6.2",
+    "vite": "^5.4.0",
+    "vite-plugin-dts": "^4.3.0",
+    "vitest": "^2.1.8"
   },
-  "gitHead": "0257077f641d5717050e0edd32c3b8e8a9d290b6"
+  "gitHead": "4a32d69e039978568226f2285b2f3563bb41d614"
 }