mada-design-system 0.2.1 → 0.2.3

package/index.es68.js

@@ -2,10 +2,10 @@ import { jsxs as r, jsx as e } from "react/jsx-runtime";
 import { ToastProvider as m, Toast as f, ToastIcon as d, ToastTitle as p, ToastDescription as u, ToastClose as T, ToastViewport as v } from "./index.es67.js";
 import { useToast as g } from "./index.es72.js";
 import h from "./index.es80.js";
-import x from "./index.es159.js";
-import w from "./index.es160.js";
-import c from "./index.es158.js";
-import N from "./index.es161.js";
+import x from "./index.es166.js";
+import w from "./index.es167.js";
+import c from "./index.es165.js";
+import N from "./index.es157.js";
 const y = {
   destructive: /* @__PURE__ */ e(x, {}),
   success: /* @__PURE__ */ e(w, {}),

package/index.es69.js

@@ -1,6 +1,6 @@
 import { jsx as s } from "react/jsx-runtime";
 import * as t from "@radix-ui/react-toggle";
-import { cva as n } from "./index.es99.js";
+import { cva as n } from "./index.es108.js";
 import * as i from "react";
 import { cn as b } from "./index.es79.js";
 const c = n(

package/index.es7.js

@@ -10,7 +10,7 @@ import { strings as I } from "./index.es91.js";
 import B from "./index.es3.js";
 import { ShouldRender as H } from "./index.es14.js";
 import { selectVariants as J } from "./index.es57.js";
-import K from "./index.es94.js";
+import K from "./index.es104.js";
 const P = D, Q = O, U = T, j = A, E = C.forwardRef(({ className: e, children: a, ...m }, c) => /* @__PURE__ */ r(M, { className: "min-w-[var(--radix-popover-trigger-width)]  p-space-02", ref: c, ...m, children: /* @__PURE__ */ r(_, { children: a }) }));
 E.displayName = "ComboboxContent";
 const S = C.forwardRef(

package/index.es73.js

@@ -1,13 +1,13 @@
 import { jsx as u, jsxs as o } from "react/jsx-runtime";
 import { useState as p } from "react";
 import "./index.es2.js";
-import { Stack as n } from "./index.es40.js";
-import d from "./index.es162.js";
-import y from "./index.es163.js";
+import n from "./index.es168.js";
+import d from "./index.es169.js";
+import { Stack as y } from "./index.es40.js";
 import { cn as f } from "./index.es79.js";
 function R({ max: e = 5, onChange: a, value: m = 0, ...t }) {
   const [s, i] = p(0);
-  return /* @__PURE__ */ u(n, { gap: "none", children: Array.from({ length: e }, (c, r) => /* @__PURE__ */ u(
+  return /* @__PURE__ */ u(y, { gap: "none", children: Array.from({ length: e }, (c, r) => /* @__PURE__ */ u(
     x,
     {
       star: r + 1,
@@ -35,7 +35,7 @@ function x({ star: e, rating: a, hoverRating: m, onHover: t, onClick: s, readOnl
       }),
       children: [
         /* @__PURE__ */ u(
-          d,
+          n,
           {
             className: f("absolute size-full   shrink-0 ", {
               "group-hover:opacity-0": !i
@@ -43,7 +43,7 @@ function x({ star: e, rating: a, hoverRating: m, onHover: t, onClick: s, readOnl
           }
         ),
         /* @__PURE__ */ u(
-          y,
+          d,
           {
             className: f("absolute   size-full   shrink-0   opacity-0 transition-all", {
               "opacity-100": e <= (m || a),

package/index.es75.js

@@ -1,4 +1,4 @@
-import { produce as u } from "./index.es164.js";
+import { produce as u } from "./index.es94.js";
 const d = (a) => (e, t) => {
   a.setQueryData(e, (r) => typeof t != "function" ? t : u(r, (o) => {
     t(o);

package/index.es76.js

@@ -1,27 +1,29 @@
 var h = Object.defineProperty;
-var d = (r, e, t) => e in r ? h(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t;
-var s = (r, e, t) => (d(r, typeof e != "symbol" ? e + "" : e, t), t);
-import { UserManager as g, Log as a } from "./index.es167.js";
+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.es95.js";
 import { createIdentityConfig as l, createMetadataConfig as c } from "./index.es89.js";
-const i = class i {
+import "./index.es2.js";
+import u from "./index.es81.js";
+const s = class s {
   constructor(e) {
-    s(this, "userManager");
-    s(this, "config");
-    s(this, "user");
-    s(this, "isLoading");
-    s(this, "isAuthenticated");
-    s(this, "error");
-    s(this, "signout", async (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, a.setLogger(console), a.setLevel(a.DEBUG), this.setupEventListeners();
+    }), 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 i.instance || (i.instance = new i(e)), i.instance;
+    return s.instance || (s.instance = new s(e)), s.instance;
   }
   setupEventListeners() {
     this.userManager.events.addUserLoaded((e) => {
@@ -31,7 +33,12 @@ const i = class i {
     }), this.userManager.events.addSilentRenewError((e) => {
       this.error = e, this.user = null, this.isAuthenticated = !1, this.isLoading = !1;
     }), this.userManager.events.addAccessTokenExpired(() => {
-      this.signin();
+      this.refreshToken().then((e) => {
+        if (!e) {
+          const { setExpireSession: t } = u.getState();
+          t();
+        }
+      });
     }), this.userManager.events.addUserSignedIn(() => {
       this.isLoading = !1, this.error = void 0;
     });
@@ -40,8 +47,8 @@ const i = class i {
     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() {
-    return this.isLoading = !0, this.error = void 0, this.user = null, this.userManager.signinRedirect();
+  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) => {
@@ -53,20 +60,23 @@ const i = class i {
       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 n = window.open("https://iam-dev.moe.gov.sa/pkmslogout", "_blank", "width=800,height=600,noopener");
-      n ? setTimeout(() => {
-        n.close(), e();
+      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"));
     });
   }
 };
-s(i, "instance", null);
-let o = i;
+i(s, "instance", null);
+let o = s;
 export {
   o as AuthService
 };

package/index.es79.js

@@ -1,10 +1,10 @@
 import { clsx as s } from "./index.es96.js";
-import a from "./index.es113.js";
-import u from "./index.es168.js";
+import a from "./index.es97.js";
+import u from "./index.es98.js";
 import { strings as c } from "./index.es91.js";
-import { DateFormat as i } from "./index.es145.js";
+import { DateFormat as i } from "./index.es99.js";
 import l from "./index.es83.js";
-import { extendTailwindMerge as m } from "./index.es169.js";
+import { extendTailwindMerge as m } from "./index.es100.js";
 import { useToast as d } from "./index.es72.js";
 const g = m({
   classGroups: {

package/index.es8.js

@@ -1,5 +1,5 @@
 import { jsx as s, jsxs as i } from "react/jsx-runtime";
-import { cva as h } from "./index.es99.js";
+import { cva as h } from "./index.es108.js";
 import { forwardRef as o } from "react";
 import { cn as n } from "./index.es79.js";
 const x = h("grid border-b border-border-secondary", {

package/index.es80.js

@@ -1,4 +1,4 @@
-import { create as s } from "./index.es153.js";
+import { create as s } from "./index.es101.js";
 import f from "./index.es82.js";
 const m = ({ state: e }) => {
   var o, i, n, t, l, r;

package/index.es81.js

@@ -1,4 +1,4 @@
-import { create as r } from "./index.es153.js";
+import { create as r } from "./index.es101.js";
 import m from "./index.es82.js";
 const i = r()(
   m(

package/index.es82.js

@@ -1,5 +1,5 @@
-import { devtools as t } from "./index.es165.js";
-import { immer as s } from "./index.es166.js";
+import { devtools as t } from "./index.es102.js";
+import { immer as s } from "./index.es103.js";
 const l = {
   name: "Store",
   enabled: !0,

package/index.es83.js

@@ -1,4 +1,4 @@
-import { create as n } from "./index.es153.js";
+import { create as n } from "./index.es101.js";
 import t from "./index.es82.js";
 const l = n()(
   t(

package/index.es86.js

@@ -1,6 +1,6 @@
 import { jsx as O } from "react/jsx-runtime";
 import { useState as y, useReducer as C, useMemo as I, useRef as b, useEffect as v, useCallback as A } from "react";
-import { UserManager as M } from "./index.es167.js";
+import { UserManager as M } from "./index.es95.js";
 import { AuthContext as L } from "./index.es85.js";
 import { initialAuthState as x } from "./index.es87.js";
 import { reducer as D } from "./index.es84.js";

package/index.es89.js

@@ -1,19 +1,20 @@
-const t = (e) => ({
+const s = (e) => ({
   authority: e.authUrl,
   client_id: e.clientId,
   client_secret: e.clientSecret,
   redirect_uri: `${e.baseUrl}/login/sso/callback`,
   login: e.authUrl,
-  automaticSilentRenew: !0,
+  automaticSilentRenew: !1,
   loadUserInfo: !1,
   silent_redirect_uri: `${e.baseUrl}/login/sso/callback`,
   post_logout_redirect_uri: `${e.baseUrl}/logout/sso`,
   audience: e.baseUrl,
-  responseType: "id_token token",
-  grantType: "password",
-  scope: "openid NationalID",
-  webAuthResponseType: "id_token token"
-}), n = (e, o) => ({
+  responseType: "code",
+  grantType: "authorization_code",
+  scope: "openid NationalID offline_access",
+  webAuthResponseType: "code",
+  disablePKCE: e.disablePKCE ?? !1
+}), t = (e, o) => ({
   issuer: "https://iam-dev.moe.gov.sa",
   jwks_uri: `${e}/jwks/${o}`,
   authorization_endpoint: `${e}/authorize`,
@@ -25,6 +26,6 @@ const t = (e) => ({
   introspection_endpoint: `${e}/introspect`
 });
 export {
-  t as createIdentityConfig,
-  n as createMetadataConfig
+  s as createIdentityConfig,
+  t as createMetadataConfig
 };

package/index.es9.js

@@ -1,6 +1,6 @@
 import { jsxs as f, Fragment as T, jsx as r } from "react/jsx-runtime";
-import { useSensor as O, useSensors as V, DndContext as _, closestCenter as q, DragOverlay as J, MouseSensor as K, TouchSensor as Q } from "./index.es100.js";
-import { SortableContext as U, useSortable as X, arrayMove as Y } from "./index.es101.js";
+import { useSensor as O, useSensors as V, DndContext as _, closestCenter as q, DragOverlay as J, MouseSensor as K, TouchSensor as Q } from "./index.es109.js";
+import { SortableContext as U, useSortable as X, arrayMove as Y } from "./index.es110.js";
 import { useState as A } from "react";
 import { createPortal as W } from "react-dom";
 import { cn as j } from "./index.es79.js";
@@ -9,10 +9,10 @@ import E from "./index.es3.js";
 import { Button as y } from "./index.es22.js";
 import { Separator as M } from "./index.es58.js";
 import { Stack as ee } from "./index.es40.js";
-import re from "./index.es102.js";
-import te from "./index.es103.js";
-import se from "./index.es104.js";
-import ie from "./index.es105.js";
+import re from "./index.es111.js";
+import te from "./index.es112.js";
+import se from "./index.es113.js";
+import ie from "./index.es114.js";
 function De({
   configs: s,
   isEditMode: o,

package/index.es90.js

@@ -1,5 +1,5 @@
-import { create as s } from "./index.es153.js";
-import { THEME as e } from "./index.es145.js";
+import { create as s } from "./index.es101.js";
+import { THEME as e } from "./index.es99.js";
 import o from "./index.es82.js";
 const a = () => {
   window.matchMedia("(prefers-color-scheme: dark)").matches ? document.body.classList.add("dark") : document.body.classList.remove("dark");

package/index.es92.js

@@ -4,6 +4,7 @@ const e = {
     required: "{0} اجباري"
   },
   Shared: {
+    trialVersion: "نسخة تجريبية",
     soon: "قريبًا",
     NationalId: "الهوية الوطنية",
     ResidentID: "الإقامة",

package/index.es93.js

@@ -4,6 +4,7 @@ const e = {
     required: "{0} is required"
   },
   Shared: {
+    trialVersion: "Beta version",
     soon: "soon",
     NationalId: "National ID",
     ResidentID: "Resident ID",