mada-design-system 0.5.10 → 0.5.12

package/index.es79.js

@@ -1,95 +1,23 @@
-import * as c from "react";
-const d = 1, p = 1e6;
-let u = 0;
-function A() {
-  return u = (u + 1) % Number.MAX_VALUE, u.toString();
-}
-const a = /* @__PURE__ */ new Map(), S = (t) => {
-  if (a.has(t))
-    return;
-  const s = setTimeout(() => {
-    a.delete(t), n({
-      type: "REMOVE_TOAST",
-      toastId: t
-    });
-  }, p);
-  a.set(t, s);
-}, f = (t, s) => {
-  switch (s.type) {
-    case "ADD_TOAST":
-      return {
-        ...t,
-        toasts: [s.toast, ...t.toasts].slice(0, d)
-      };
-    case "UPDATE_TOAST":
-      return {
-        ...t,
-        toasts: t.toasts.map((e) => e.id === s.toast.id ? { ...e, ...s.toast } : e)
-      };
-    case "DISMISS_TOAST": {
-      const { toastId: e } = s;
-      return e ? S(e) : t.toasts.forEach((o) => {
-        S(o.id);
-      }), {
-        ...t,
-        toasts: t.toasts.map(
-          (o) => o.id === e || e === void 0 ? {
-            ...o,
-            open: !1
-          } : o
-        )
-      };
-    }
-    case "REMOVE_TOAST":
-      return s.toastId === void 0 ? {
-        ...t,
-        toasts: []
-      } : {
-        ...t,
-        toasts: t.toasts.filter((e) => e.id !== s.toastId)
-      };
+import { jsx as a } from "react/jsx-runtime";
+import * as o from "@radix-ui/react-tooltip";
+import * as r from "react";
+import { cn as s } from "./index.es86.js";
+const l = o.Provider, f = o.Root, c = o.Trigger, m = r.forwardRef(({ className: t, sideOffset: e = 4, ...i }, d) => /* @__PURE__ */ a(
+  o.Content,
+  {
+    ref: d,
+    sideOffset: e,
+    className: s(
+      "z-[10000] overflow-hidden rounded-md border  bg-popover px-3 py-1.5 text-body-01 text-popover-foreground shadow-md  animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
+      t
+    ),
+    ...i
   }
-}, r = [];
-let T = { toasts: [] };
-function n(t) {
-  T = f(T, t), r.forEach((s) => {
-    s(T);
-  });
-}
-function O({ ...t }) {
-  const s = A(), e = (i) => n({
-    type: "UPDATE_TOAST",
-    toast: { ...i, id: s }
-  }), o = () => n({ type: "DISMISS_TOAST", toastId: s });
-  return n({
-    type: "ADD_TOAST",
-    toast: {
-      ...t,
-      id: s,
-      open: !0,
-      onOpenChange: (i) => {
-        i || o();
-      }
-    }
-  }), {
-    id: s,
-    dismiss: o,
-    update: e
-  };
-}
-function m() {
-  const [t, s] = c.useState(T);
-  return c.useEffect(() => (r.push(s), () => {
-    const e = r.indexOf(s);
-    e > -1 && r.splice(e, 1);
-  }), [t]), {
-    ...t,
-    toast: O,
-    dismiss: (e) => n({ type: "DISMISS_TOAST", toastId: e })
-  };
-}
+));
+m.displayName = o.Content.displayName;
 export {
-  f as reducer,
-  O as toast,
-  m as useToast
+  f as Tooltip,
+  m as TooltipContent,
+  l as TooltipProvider,
+  c as TooltipTrigger
 };

package/index.es8.js

@@ -1,59 +1,125 @@
-import { jsx as s, jsxs as i } from "react/jsx-runtime";
-import { cva as h } from "./index.es105.js";
-import { forwardRef as o } from "react";
-import { cn as n } from "./index.es85.js";
-const x = h("grid border-b border-border-secondary", {
-  variants: {
-    variant: {
-      default: "[&>dt]:text-foreground-secondary",
-      list: "[&>dd]:text-card-foreground"
-    },
-    size: {
-      default: "text-body-01",
-      sm: "text-caption-01"
-    },
-    orientation: {
-      vertical: "grid-cols-1 gap-space-01",
-      horizental: "grid-cols-1   gap-space-02  sm:grid-cols-[min(50%,theme(spacing.80))_auto]"
-    },
-    lastItem: {
-      true: "border-none"
-    },
-    stretch: {
-      true: ""
-    },
-    padding: {
-      default: "p-space-04",
-      none: "p-space-00"
-    }
-  },
-  compoundVariants: [
-    {
-      orientation: "horizental",
-      stretch: !0,
-      className: "sm:grid-cols-2 sm:[&>dd]:text-end"
-    }
-  ],
-  defaultVariants: {
-    orientation: "horizental",
-    variant: "default",
-    padding: "default",
-    size: "default"
+import { jsx as e, jsxs as s, Fragment as R } from "react/jsx-runtime";
+import { cn as x, dateFormatter as v } from "./index.es86.js";
+import T from "./index.es90.js";
+import { CommandInput as A, CommandEmpty as _, CommandItem as k, Command as z, CommandGroup as D } from "./index.es28.js";
+import { FormControl as M } from "./index.es36.js";
+import { Popover as q, PopoverContent as B, PopoverTrigger as F } from "./index.es60.js";
+import { ScrollArea as H } from "./index.es63.js";
+import C, { useState as O } from "react";
+import { strings as P } from "./index.es98.js";
+import J from "./index.es3.js";
+import { ShouldRender as K } from "./index.es15.js";
+import { selectVariants as Q } from "./index.es65.js";
+import U from "./index.es101.js";
+const j = q, W = A, X = _, E = k, G = C.forwardRef(({ className: r, children: t, ...n }, c) => /* @__PURE__ */ e(B, { className: "min-w-[var(--radix-popover-trigger-width)]  p-space-02", ref: c, ...n, children: /* @__PURE__ */ e(z, { children: t }) }));
+G.displayName = "ComboboxContent";
+const S = C.forwardRef(
+  ({ className: r, children: t, variant: n, colors: c, size: d, rounded: l, placeholder: f, isLoading: h, isForm: i = !0, ...o }, g) => {
+    const u = {
+      ref: g,
+      role: "combobox",
+      "aria-expanded": !1,
+      "aria-label": f || "Select an option",
+      title: f || "Select an option",
+      disabled: h,
+      className: x(Q({ variant: n, colors: c, size: d, rounded: l }), r),
+      ...o
+    }, b = /* @__PURE__ */ s(R, { children: [
+      f && !t && /* @__PURE__ */ e("span", { className: "pointer-events-none text-body-01 text-form-field-text-placeholder", children: f }),
+      t && /* @__PURE__ */ e("span", { className: "flex-1 text-right", children: t }),
+      h ? /* @__PURE__ */ e(J, {}) : /* @__PURE__ */ e(
+        U,
+        {
+          className: "size-[20px]  shrink-0  transition-transform duration-300 ease-in-out group-data-[state=open]:rotate-180",
+          "aria-hidden": !0
+        }
+      )
+    ] });
+    return i ? /* @__PURE__ */ e(F, { asChild: !0, children: /* @__PURE__ */ e(M, { children: /* @__PURE__ */ e("button", { ...u, children: b }) }) }) : /* @__PURE__ */ e(F, { asChild: !0, children: /* @__PURE__ */ e("button", { ...u, children: b }) });
   }
-}), b = o(({ children: e, className: t, ...a }, r) => /* @__PURE__ */ s("div", { ref: r, className: n("rounded-2 bg-background", t), ...a, children: e }));
-b.displayName = "Description";
-const N = o(
-  ({ icon: e, variant: t, title: a, children: r, orientation: d, stretch: c, lastItem: l, size: m, padding: p, className: u, ...f }, g) => /* @__PURE__ */ i("dl", { ref: g, className: n(x({ variant: t, orientation: d, size: m, stretch: c, lastItem: l, padding: p }), u), ...f, children: [
-    /* @__PURE__ */ i("dt", { className: "col-start-1 inline-flex items-center gap-space-01", children: [
-      e && /* @__PURE__ */ s(e, { className: "h-8 w-8 shrink-0" }),
-      a,
-      ":"
-    ] }),
-    /* @__PURE__ */ s("dd", { className: "line-clamp-1", children: r })
-  ] })
 );
-N.displayName = "DescriptionItem";
+S.displayName = "ComboboxTrigger";
+const N = C.forwardRef(
+  ({ className: r, children: t, ...n }, c) => {
+    const { dir: d } = T(), l = C.Children.count(t);
+    return /* @__PURE__ */ s(G, { children: [
+      l > 9 && /* @__PURE__ */ s(R, { children: [
+        /* @__PURE__ */ e(W, { placeholder: n == null ? void 0 : n.placeholder }),
+        /* @__PURE__ */ e(X, { children: P.Shared.NoDataFound })
+      ] }),
+      /* @__PURE__ */ e(H, { className: x({ "h-auto": l <= 7, "h-48 sm:h-64": l > 7 }), dir: d, children: /* @__PURE__ */ e(D, { ref: c, ...n, dir: document.dir, children: t }) })
+    ] });
+  }
+);
+N.displayName = "ComboboxGroup";
+const lr = ({ options: r, optionLabel: t, placeholder: n, isLoading: c, optionValue: d, onChange: l, value: f, triggerProps: h, ...i }) => {
+  var b;
+  const [o, g] = O(!1), u = (r == null ? void 0 : r.length) && ((b = r == null ? void 0 : r.find((m) => String(m[d]) === f)) == null ? void 0 : b[t]) || "";
+  return /* @__PURE__ */ s(j, { open: o, onOpenChange: (m) => g(m), children: [
+    /* @__PURE__ */ e(S, { ...h, placeholder: n, isLoading: c, disabled: i == null ? void 0 : i.disabled, ...i, children: u.toString() }),
+    /* @__PURE__ */ e(N, { placeholder: n, className: "w-space-10", children: !!(r != null && r.length) && (r == null ? void 0 : r.map((m) => /* @__PURE__ */ e(
+      E,
+      {
+        className: x({
+          relative: !0,
+          "after:absolute after:bottom-auto after:right-space-01 after:top-auto after:h-[75%] after:w-[2px] after:rounded-full after:bg-primary": String(m[d]) === f
+        }),
+        value: String(m[t]),
+        onSelect: () => {
+          l(String(m[d])), g(!1);
+        },
+        children: String(m == null ? void 0 : m[t])
+      },
+      String(m[d])
+    ))) })
+  ] });
+}, cr = ({
+  options: r,
+  optionLabel: t,
+  placeholder: n,
+  isLoading: c,
+  optionValue: d,
+  renderItem: l,
+  onChange: f,
+  value: h,
+  triggerProps: i,
+  isDate: o,
+  disabledOption: g,
+  ...u
+}) => {
+  var y;
+  const [b, m] = O(!1), w = (r == null ? void 0 : r.length) && ((y = r == null ? void 0 : r.find((a) => String(a[d]) === h)) == null ? void 0 : y[t]) || "", I = (a) => l ? l(a) : o ? v({ date: String(a == null ? void 0 : a[t]) ?? "", format: "long" }) : String(a == null ? void 0 : a[t]);
+  return /* @__PURE__ */ s(j, { open: b, onOpenChange: (a) => m(a), children: [
+    /* @__PURE__ */ e(S, { isForm: !1, ...i, placeholder: n, isLoading: c, disabled: u == null ? void 0 : u.disabled, ...u, children: o ? v({ date: String(w) ?? "", format: "long" }) : w.toString() }),
+    /* @__PURE__ */ s(N, { placeholder: n, children: [
+      /* @__PURE__ */ e(K, { shouldRender: !r || (r == null ? void 0 : r.length) < 1, children: /* @__PURE__ */ e("span", { className: "flex items-center justify-center", children: P.Shared.NoDataFound }) }),
+      !!(r != null && r.length) && (r == null ? void 0 : r.map((a) => /* @__PURE__ */ e(
+        E,
+        {
+          className: x({
+            "relative min-w-[220px]": !0,
+            "after:absolute after:bottom-auto after:start-space-01 after:top-auto after:h-[50%] after:w-[2px] after:rounded-full after:bg-primary": String(a[d]) === h
+          }),
+          value: String(a[t]),
+          disabled: g && g(a),
+          onSelect: () => {
+            f(String(a[d])), m(!1);
+          },
+          children: I(a)
+        },
+        String(a[d])
+      )))
+    ] })
+  ] });
+};
 export {
-  b as Description,
-  N as DescriptionItem
+  j as Combobox,
+  G as ComboboxContent,
+  lr as ComboboxControl,
+  cr as ComboboxControlNoForm,
+  X as ComboboxEmpty,
+  N as ComboboxGroup,
+  W as ComboboxInput,
+  E as ComboboxItem,
+  S as ComboboxTrigger
 };

package/index.es80.js

@@ -1,24 +1,95 @@
-import { useIsFetching as t } from "@tanstack/react-query";
-function g(c, o, n) {
-  const a = o.getQueryData(c), s = o.getQueryState(c), i = t({ queryKey: c }, o);
-  return {
-    data: n ? n(a) : a,
-    status: (s == null ? void 0 : s.status) ?? "idle",
-    // Default to 'idle' if no status is available
-    isError: !!(s != null && s.error),
-    error: s == null ? void 0 : s.error,
-    // react-query error
-    isFetching: !!i,
-    // Indicates if the query is currently in-progress
-    isPending: (s == null ? void 0 : s.status) === "pending",
-    // Custom pending state if applicable
-    isSuccess: (s == null ? void 0 : s.status) === "success",
-    // Success state if data is available
-    refetch: () => {
-      o.resetQueries({ queryKey: c });
+import * as c from "react";
+const d = 1, p = 1e6;
+let u = 0;
+function A() {
+  return u = (u + 1) % Number.MAX_VALUE, u.toString();
+}
+const a = /* @__PURE__ */ new Map(), S = (t) => {
+  if (a.has(t))
+    return;
+  const s = setTimeout(() => {
+    a.delete(t), n({
+      type: "REMOVE_TOAST",
+      toastId: t
+    });
+  }, p);
+  a.set(t, s);
+}, f = (t, s) => {
+  switch (s.type) {
+    case "ADD_TOAST":
+      return {
+        ...t,
+        toasts: [s.toast, ...t.toasts].slice(0, d)
+      };
+    case "UPDATE_TOAST":
+      return {
+        ...t,
+        toasts: t.toasts.map((e) => e.id === s.toast.id ? { ...e, ...s.toast } : e)
+      };
+    case "DISMISS_TOAST": {
+      const { toastId: e } = s;
+      return e ? S(e) : t.toasts.forEach((o) => {
+        S(o.id);
+      }), {
+        ...t,
+        toasts: t.toasts.map(
+          (o) => o.id === e || e === void 0 ? {
+            ...o,
+            open: !1
+          } : o
+        )
+      };
+    }
+    case "REMOVE_TOAST":
+      return s.toastId === void 0 ? {
+        ...t,
+        toasts: []
+      } : {
+        ...t,
+        toasts: t.toasts.filter((e) => e.id !== s.toastId)
+      };
+  }
+}, r = [];
+let T = { toasts: [] };
+function n(t) {
+  T = f(T, t), r.forEach((s) => {
+    s(T);
+  });
+}
+function O({ ...t }) {
+  const s = A(), e = (i) => n({
+    type: "UPDATE_TOAST",
+    toast: { ...i, id: s }
+  }), o = () => n({ type: "DISMISS_TOAST", toastId: s });
+  return n({
+    type: "ADD_TOAST",
+    toast: {
+      ...t,
+      id: s,
+      open: !0,
+      onOpenChange: (i) => {
+        i || o();
+      }
     }
+  }), {
+    id: s,
+    dismiss: o,
+    update: e
+  };
+}
+function m() {
+  const [t, s] = c.useState(T);
+  return c.useEffect(() => (r.push(s), () => {
+    const e = r.indexOf(s);
+    e > -1 && r.splice(e, 1);
+  }), [t]), {
+    ...t,
+    toast: O,
+    dismiss: (e) => n({ type: "DISMISS_TOAST", toastId: e })
   };
 }
 export {
-  g as useCachedData
+  f as reducer,
+  O as toast,
+  m as useToast
 };

package/index.es81.js

@@ -1,10 +1,24 @@
-import { produce as u } from "./index.es174.js";
-const d = (a) => (e, t) => {
-  a.setQueryData(e, (r) => typeof t != "function" ? t : u(r, (o) => {
-    t(o);
-  }));
-};
+import { useIsFetching as t } from "@tanstack/react-query";
+function g(c, o, n) {
+  const a = o.getQueryData(c), s = o.getQueryState(c), i = t({ queryKey: c }, o);
+  return {
+    data: n ? n(a) : a,
+    status: (s == null ? void 0 : s.status) ?? "idle",
+    // Default to 'idle' if no status is available
+    isError: !!(s != null && s.error),
+    error: s == null ? void 0 : s.error,
+    // react-query error
+    isFetching: !!i,
+    // Indicates if the query is currently in-progress
+    isPending: (s == null ? void 0 : s.status) === "pending",
+    // Custom pending state if applicable
+    isSuccess: (s == null ? void 0 : s.status) === "success",
+    // Success state if data is available
+    refetch: () => {
+      o.resetQueries({ queryKey: c });
+    }
+  };
+}
 export {
-  d as default,
-  d as useUpdateCachedData
+  g as useCachedData
 };

package/index.es82.js

@@ -1,82 +1,10 @@
-var h = Object.defineProperty;
-var d = (n, e, t) => e in n ? h(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t;
-var i = (n, e, t) => (d(n, typeof e != "symbol" ? e + "" : e, t), t);
-import { UserManager as g, Log as r } from "./index.es175.js";
-import { createIdentityConfig as l, createMetadataConfig as c } from "./index.es95.js";
-import "./index.es2.js";
-import u from "./index.es87.js";
-const s = class s {
-  constructor(e) {
-    i(this, "userManager");
-    i(this, "config");
-    i(this, "user");
-    i(this, "isLoading");
-    i(this, "isAuthenticated");
-    i(this, "error");
-    i(this, "signout", async (e = "") => {
-      var t;
-      this.isLoading = !1, window.location.href = `${(t = this.config) == null ? void 0 : t.oauth20LogoutUrl}${e}`;
-    });
-    this.config = e, this.userManager = new g({
-      ...l(e),
-      metadata: c(e.authUrl, (e == null ? void 0 : e.jwks) ?? "UP_Definition")
-    }), this.isAuthenticated = !1, this.isLoading = !1, this.user = null, this.error = void 0, r.setLogger(console), r.setLevel(r.DEBUG), this.setupEventListeners();
-  }
-  static getInstance(e) {
-    return s.instance || (s.instance = new s(e)), s.instance;
-  }
-  setupEventListeners() {
-    this.userManager.events.addUserLoaded((e) => {
-      this.user = e, this.isAuthenticated = !(e != null && e.expired), this.error = void 0, this.isLoading = !1;
-    }), this.userManager.events.addUserUnloaded(() => {
-      this.isAuthenticated = !1, this.isLoading = !1, this.user = null, this.error = void 0;
-    }), this.userManager.events.addSilentRenewError((e) => {
-      this.error = e, this.user = null, this.isAuthenticated = !1, this.isLoading = !1;
-    }), this.userManager.events.addAccessTokenExpired(() => {
-      this.refreshToken().then((e) => {
-        if (!e) {
-          const { setExpireSession: t } = u.getState();
-          t();
-        }
-      });
-    }), this.userManager.events.addUserSignedIn(() => {
-      this.isLoading = !1, this.error = void 0;
-    });
-  }
-  hasAuthParams(e = window.location) {
-    let t = new URLSearchParams(e.search);
-    return !!((t.get("code") || t.get("error")) && t.get("state") || (t = new URLSearchParams(e.hash.replace("#", "?")), (t.get("code") || t.get("error")) && t.get("state")));
-  }
-  signin(e = {}) {
-    return this.isLoading = !0, this.error = void 0, this.user = null, this.userManager.signinRedirect({ state: e });
-  }
-  completeSignIn() {
-    return this.userManager.signinRedirectCallback().then(async (e) => (this.isLoading = !1, e ? (this.user = e, this.isAuthenticated = !(e != null && e.expired)) : this.user = await this.userManager.getUser(), e)).catch((e) => {
-      throw this.isLoading = !1, this.error = e, Error(e);
-    });
-  }
-  getUser() {
-    return this.isLoading = !0, this.userManager.getUser().then((e) => (e && (this.user = e, this.isAuthenticated = !(e != null && e.expired), this.isLoading = !1), e)).catch((e) => {
-      throw this.error = e, this.isLoading = !1, e;
-    });
-  }
-  async refreshToken() {
-    return this.userManager.signinSilent().then((e) => (e && (this.user = e, this.isAuthenticated = !(e != null && e.expired), localStorage.setItem("accessToken", (e == null ? void 0 : e.id_token) ?? "")), e)).catch((e) => (this.error = e, null));
-  }
-  /**
-   * function to call another url to kill opend session with 'sso service'
-   */
-  async clearSession() {
-    return new Promise((e, t) => {
-      const a = window.open("https://iam-dev.moe.gov.sa/pkmslogout", "_blank", "width=800,height=600,noopener");
-      a ? setTimeout(() => {
-        a.close(), e();
-      }, 1e3) : t(new Error("Unable to open new popup window"));
-    });
-  }
+import { produce as u } from "./index.es174.js";
+const d = (a) => (e, t) => {
+  a.setQueryData(e, (r) => typeof t != "function" ? t : u(r, (o) => {
+    t(o);
+  }));
 };
-i(s, "instance", null);
-let o = s;
 export {
-  o as AuthService
+  d as default,
+  d as useUpdateCachedData
 };

package/index.es83.js

@@ -1,9 +1,82 @@
-import u from "./index.es87.js";
-const n = () => {
-  const { isAuthenticated: t, user: e, nationalId: o } = u((r) => r);
-  return { isAuthenticated: t, user: e, nationalId: o };
+var h = Object.defineProperty;
+var d = (n, e, t) => e in n ? h(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t;
+var i = (n, e, t) => (d(n, typeof e != "symbol" ? e + "" : e, t), t);
+import { UserManager as g, Log as r } from "./index.es175.js";
+import { createIdentityConfig as l, createMetadataConfig as c } from "./index.es96.js";
+import "./index.es2.js";
+import u from "./index.es88.js";
+const s = class s {
+  constructor(e) {
+    i(this, "userManager");
+    i(this, "config");
+    i(this, "user");
+    i(this, "isLoading");
+    i(this, "isAuthenticated");
+    i(this, "error");
+    i(this, "signout", async (e = "") => {
+      var t;
+      this.isLoading = !1, window.location.href = `${(t = this.config) == null ? void 0 : t.oauth20LogoutUrl}${e}`;
+    });
+    this.config = e, this.userManager = new g({
+      ...l(e),
+      metadata: c(e.authUrl, (e == null ? void 0 : e.jwks) ?? "UP_Definition")
+    }), this.isAuthenticated = !1, this.isLoading = !1, this.user = null, this.error = void 0, r.setLogger(console), r.setLevel(r.DEBUG), this.setupEventListeners();
+  }
+  static getInstance(e) {
+    return s.instance || (s.instance = new s(e)), s.instance;
+  }
+  setupEventListeners() {
+    this.userManager.events.addUserLoaded((e) => {
+      this.user = e, this.isAuthenticated = !(e != null && e.expired), this.error = void 0, this.isLoading = !1;
+    }), this.userManager.events.addUserUnloaded(() => {
+      this.isAuthenticated = !1, this.isLoading = !1, this.user = null, this.error = void 0;
+    }), this.userManager.events.addSilentRenewError((e) => {
+      this.error = e, this.user = null, this.isAuthenticated = !1, this.isLoading = !1;
+    }), this.userManager.events.addAccessTokenExpired(() => {
+      this.refreshToken().then((e) => {
+        if (!e) {
+          const { setExpireSession: t } = u.getState();
+          t();
+        }
+      });
+    }), this.userManager.events.addUserSignedIn(() => {
+      this.isLoading = !1, this.error = void 0;
+    });
+  }
+  hasAuthParams(e = window.location) {
+    let t = new URLSearchParams(e.search);
+    return !!((t.get("code") || t.get("error")) && t.get("state") || (t = new URLSearchParams(e.hash.replace("#", "?")), (t.get("code") || t.get("error")) && t.get("state")));
+  }
+  signin(e = {}) {
+    return this.isLoading = !0, this.error = void 0, this.user = null, this.userManager.signinRedirect({ state: e });
+  }
+  completeSignIn() {
+    return this.userManager.signinRedirectCallback().then(async (e) => (this.isLoading = !1, e ? (this.user = e, this.isAuthenticated = !(e != null && e.expired)) : this.user = await this.userManager.getUser(), e)).catch((e) => {
+      throw this.isLoading = !1, this.error = e, Error(e);
+    });
+  }
+  getUser() {
+    return this.isLoading = !0, this.userManager.getUser().then((e) => (e && (this.user = e, this.isAuthenticated = !(e != null && e.expired), this.isLoading = !1), e)).catch((e) => {
+      throw this.error = e, this.isLoading = !1, e;
+    });
+  }
+  async refreshToken() {
+    return this.userManager.signinSilent().then((e) => (e && (this.user = e, this.isAuthenticated = !(e != null && e.expired), localStorage.setItem("accessToken", (e == null ? void 0 : e.id_token) ?? "")), e)).catch((e) => (this.error = e, null));
+  }
+  /**
+   * function to call another url to kill opend session with 'sso service'
+   */
+  async clearSession() {
+    return new Promise((e, t) => {
+      const a = window.open("https://iam-dev.moe.gov.sa/pkmslogout", "_blank", "width=800,height=600,noopener");
+      a ? setTimeout(() => {
+        a.close(), e();
+      }, 1e3) : t(new Error("Unable to open new popup window"));
+    });
+  }
 };
+i(s, "instance", null);
+let o = s;
 export {
-  n as default,
-  n as useAuth
+  o as AuthService
 };

package/index.es84.js

@@ -1,6 +1,9 @@
-import t from "react";
-import { AuthContext as o } from "./index.es91.js";
-const u = () => t.useContext(o);
+import u from "./index.es88.js";
+const n = () => {
+  const { isAuthenticated: t, user: e, nationalId: o } = u((r) => r);
+  return { isAuthenticated: t, user: e, nationalId: o };
+};
 export {
-  u as useOIDCAuth
+  n as default,
+  n as useAuth
 };