mada-design-system 0.2.2 → 0.2.4

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.es164.js";
-import w from "./index.es165.js";
-import c from "./index.es163.js";
-import N from "./index.es166.js";
+import x from "./index.es161.js";
+import w from "./index.es162.js";
+import c from "./index.es160.js";
+import N from "./index.es151.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.es107.js";
+import { cva as n } from "./index.es100.js";
 import * as i from "react";
 import { cn as b } from "./index.es79.js";
 const c = n(

package/index.es7.js

@@ -1,4 +1,4 @@
-import { jsx as r, jsxs as s, Fragment as F } from "react/jsx-runtime";
+import { jsx as e, jsxs as s, Fragment as F } from "react/jsx-runtime";
 import { cn as x, dateFormatter as v } from "./index.es79.js";
 import G from "./index.es83.js";
 import { CommandInput as O, CommandEmpty as T, CommandItem as A, Command as _, CommandGroup as k } from "./index.es27.js";
@@ -10,24 +10,24 @@ 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.es103.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 }) }));
+import K from "./index.es95.js";
+const P = D, Q = O, U = T, j = A, E = C.forwardRef(({ className: r, children: a, ...m }, c) => /* @__PURE__ */ e(M, { className: "min-w-[var(--radix-popover-trigger-width)]  p-space-02", ref: c, ...m, children: /* @__PURE__ */ e(_, { children: a }) }));
 E.displayName = "ComboboxContent";
 const S = C.forwardRef(
-  ({ className: e, children: a, variant: m, colors: c, size: d, rounded: f, placeholder: l, isLoading: g, isForm: u = !0, ...b }, i) => {
+  ({ className: r, children: a, variant: m, colors: c, size: d, rounded: f, placeholder: l, isLoading: i, isForm: u = !0, ...b }, h) => {
     const o = {
-      ref: i,
+      ref: h,
       role: "combobox",
       "aria-expanded": !1,
       "aria-label": l || "Select an option",
       title: l || "Select an option",
-      disabled: g,
-      className: x(J({ variant: m, colors: c, size: d, rounded: f }), e),
+      disabled: i,
+      className: x(J({ variant: m, colors: c, size: d, rounded: f }), r),
       ...b
-    }, h = /* @__PURE__ */ s(F, { children: [
-      l && !a && /* @__PURE__ */ r("span", { className: "pointer-events-none text-body-01 text-form-field-text-placeholder", children: l }),
-      a && /* @__PURE__ */ r("span", { className: "flex-1 truncate text-ellipsis text-right", children: a }),
-      g ? /* @__PURE__ */ r(B, {}) : /* @__PURE__ */ r(
+    }, g = /* @__PURE__ */ s(F, { children: [
+      l && !a && /* @__PURE__ */ e("span", { className: "pointer-events-none text-body-01 text-form-field-text-placeholder", children: l }),
+      a && /* @__PURE__ */ e("span", { className: "flex-1 text-right", children: a }),
+      i ? /* @__PURE__ */ e(B, {}) : /* @__PURE__ */ e(
         K,
         {
           className: "size-[20px]  shrink-0  transition-transform duration-300 ease-in-out group-data-[state=open]:rotate-180",
@@ -35,29 +35,29 @@ const S = C.forwardRef(
         }
       )
     ] });
-    return u ? /* @__PURE__ */ r(w, { asChild: !0, children: /* @__PURE__ */ r(z, { children: /* @__PURE__ */ r("button", { ...o, children: h }) }) }) : /* @__PURE__ */ r(w, { asChild: !0, children: /* @__PURE__ */ r("button", { ...o, children: h }) });
+    return u ? /* @__PURE__ */ e(w, { asChild: !0, children: /* @__PURE__ */ e(z, { children: /* @__PURE__ */ e("button", { ...o, children: g }) }) }) : /* @__PURE__ */ e(w, { asChild: !0, children: /* @__PURE__ */ e("button", { ...o, children: g }) });
   }
 );
 S.displayName = "ComboboxTrigger";
 const N = C.forwardRef(
-  ({ className: e, children: a, ...m }, c) => {
+  ({ className: r, children: a, ...m }, c) => {
     const { dir: d } = G(), f = C.Children.count(a);
     return /* @__PURE__ */ s(E, { children: [
       f > 9 && /* @__PURE__ */ s(F, { children: [
-        /* @__PURE__ */ r(Q, { placeholder: m == null ? void 0 : m.placeholder }),
-        /* @__PURE__ */ r(U, { children: I.Shared.NoDataFound })
+        /* @__PURE__ */ e(Q, { placeholder: m == null ? void 0 : m.placeholder }),
+        /* @__PURE__ */ e(U, { children: I.Shared.NoDataFound })
       ] }),
-      /* @__PURE__ */ r(q, { className: x({ "h-auto": f <= 7, "h-48 sm:h-64": f > 7 }), dir: d, children: /* @__PURE__ */ r(k, { ref: c, ...m, dir: document.dir, children: a }) })
+      /* @__PURE__ */ e(q, { className: x({ "h-auto": f <= 7, "h-48 sm:h-64": f > 7 }), dir: d, children: /* @__PURE__ */ e(k, { ref: c, ...m, dir: document.dir, children: a }) })
     ] });
   }
 );
 N.displayName = "ComboboxGroup";
-const ne = ({ options: e, optionLabel: a, placeholder: m, isLoading: c, optionValue: d, onChange: f, value: l, triggerProps: g, ...u }) => {
-  var h;
-  const [b, i] = R(!1), o = (e == null ? void 0 : e.length) && ((h = e == null ? void 0 : e.find((n) => String(n[d]) === l)) == null ? void 0 : h[a]) || "";
-  return /* @__PURE__ */ s(P, { open: b, onOpenChange: (n) => i(n), children: [
-    /* @__PURE__ */ r(S, { ...g, placeholder: m, isLoading: c, disabled: u == null ? void 0 : u.disabled, ...u, children: o.toString() }),
-    /* @__PURE__ */ r(N, { placeholder: m, className: "w-space-10", children: !!(e != null && e.length) && (e == null ? void 0 : e.map((n) => /* @__PURE__ */ r(
+const nr = ({ options: r, optionLabel: a, placeholder: m, isLoading: c, optionValue: d, onChange: f, value: l, triggerProps: i, ...u }) => {
+  var g;
+  const [b, h] = R(!1), o = (r == null ? void 0 : r.length) && ((g = r == null ? void 0 : r.find((n) => String(n[d]) === l)) == null ? void 0 : g[a]) || "";
+  return /* @__PURE__ */ s(P, { open: b, onOpenChange: (n) => h(n), children: [
+    /* @__PURE__ */ e(S, { ...i, placeholder: m, isLoading: c, disabled: u == null ? void 0 : u.disabled, ...u, children: o.toString() }),
+    /* @__PURE__ */ e(N, { placeholder: m, className: "w-space-10", children: !!(r != null && r.length) && (r == null ? void 0 : r.map((n) => /* @__PURE__ */ e(
       j,
       {
         className: x({
@@ -66,33 +66,33 @@ const ne = ({ options: e, optionLabel: a, placeholder: m, isLoading: c, optionVa
         }),
         value: String(n[a]),
         onSelect: () => {
-          f(String(n[d])), i(!1);
+          f(String(n[d])), h(!1);
         },
         children: String(n == null ? void 0 : n[a])
       },
       String(n[d])
     ))) })
   ] });
-}, de = ({
-  options: e,
+}, dr = ({
+  options: r,
   optionLabel: a,
   placeholder: m,
   isLoading: c,
   optionValue: d,
   onChange: f,
   value: l,
-  triggerProps: g,
+  triggerProps: i,
   isDate: u,
   disabledOption: b,
-  ...i
+  ...h
 }) => {
   var y;
-  const [o, h] = R(!1), n = (e == null ? void 0 : e.length) && ((y = e == null ? void 0 : e.find((t) => String(t[d]) === l)) == null ? void 0 : y[a]) || "";
-  return /* @__PURE__ */ s(P, { open: o, onOpenChange: (t) => h(t), children: [
-    /* @__PURE__ */ r(S, { isForm: !1, ...g, placeholder: m, isLoading: c, disabled: i == null ? void 0 : i.disabled, ...i, children: u ? v({ date: String(n) ?? "", format: "long" }) : n.toString() }),
+  const [o, g] = R(!1), n = (r == null ? void 0 : r.length) && ((y = r == null ? void 0 : r.find((t) => String(t[d]) === l)) == null ? void 0 : y[a]) || "";
+  return /* @__PURE__ */ s(P, { open: o, onOpenChange: (t) => g(t), children: [
+    /* @__PURE__ */ e(S, { isForm: !1, ...i, placeholder: m, isLoading: c, disabled: h == null ? void 0 : h.disabled, ...h, children: u ? v({ date: String(n) ?? "", format: "long" }) : n.toString() }),
     /* @__PURE__ */ s(N, { placeholder: m, children: [
-      /* @__PURE__ */ r(H, { shouldRender: !e || (e == null ? void 0 : e.length) < 1, children: /* @__PURE__ */ r("span", { className: "flex items-center justify-center", children: I.Shared.NoDataFound }) }),
-      !!(e != null && e.length) && (e == null ? void 0 : e.map((t) => /* @__PURE__ */ r(
+      /* @__PURE__ */ e(H, { shouldRender: !r || (r == null ? void 0 : r.length) < 1, children: /* @__PURE__ */ e("span", { className: "flex items-center justify-center", children: I.Shared.NoDataFound }) }),
+      !!(r != null && r.length) && (r == null ? void 0 : r.map((t) => /* @__PURE__ */ e(
         j,
         {
           className: x({
@@ -102,7 +102,7 @@ const ne = ({ options: e, optionLabel: a, placeholder: m, isLoading: c, optionVa
           value: String(t[a]),
           disabled: b && b(t),
           onSelect: () => {
-            f(String(t[d])), h(!1);
+            f(String(t[d])), g(!1);
           },
           children: u ? v({ date: String(t == null ? void 0 : t[a]) ?? "", format: "long" }) : String(t == null ? void 0 : t[a])
         },
@@ -114,8 +114,8 @@ const ne = ({ options: e, optionLabel: a, placeholder: m, isLoading: c, optionVa
 export {
   P as Combobox,
   E as ComboboxContent,
-  ne as ComboboxControl,
-  de as ComboboxControlNoForm,
+  nr as ComboboxControl,
+  dr as ComboboxControlNoForm,
   U as ComboboxEmpty,
   N as ComboboxGroup,
   Q as ComboboxInput,

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.es167.js";
-import y from "./index.es168.js";
+import n from "./index.es163.js";
+import d from "./index.es164.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.es169.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,8 +1,10 @@
-var o = Object.defineProperty;
-var d = (n, e, t) => e in n ? o(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t;
+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 a } from "./index.es94.js";
+import { UserManager as g, Log as r } from "./index.es167.js";
 import { createIdentityConfig as l, createMetadataConfig as c } from "./index.es89.js";
+import "./index.es2.js";
+import u from "./index.es81.js";
 const s = class s {
   constructor(e) {
     i(this, "userManager");
@@ -18,7 +20,7 @@ const s = class s {
     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 s.instance || (s.instance = new s(e)), s.instance;
@@ -32,7 +34,10 @@ const s = class s {
       this.error = e, this.user = null, this.isAuthenticated = !1, this.isLoading = !1;
     }), this.userManager.events.addAccessTokenExpired(() => {
       this.refreshToken().then((e) => {
-        e || this.signin();
+        if (!e) {
+          const { setExpireSession: t } = u.getState();
+          t();
+        }
       });
     }), this.userManager.events.addUserSignedIn(() => {
       this.isLoading = !1, this.error = void 0;
@@ -42,8 +47,8 @@ const s = class s {
     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) => {
@@ -63,15 +68,15 @@ const s = class s {
    */
   async clearSession() {
     return new Promise((e, t) => {
-      const r = window.open("https://iam-dev.moe.gov.sa/pkmslogout", "_blank", "width=800,height=600,noopener");
-      r ? setTimeout(() => {
-        r.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"));
     });
   }
 };
 i(s, "instance", null);
-let h = s;
+let o = s;
 export {
-  h as AuthService
+  o as AuthService
 };

package/index.es79.js

@@ -1,10 +1,10 @@
-import { clsx as s } from "./index.es95.js";
-import a from "./index.es96.js";
-import u from "./index.es97.js";
+import { clsx as s } from "./index.es97.js";
+import a from "./index.es114.js";
+import u from "./index.es168.js";
 import { strings as c } from "./index.es91.js";
-import { DateFormat as i } from "./index.es98.js";
+import { DateFormat as i } from "./index.es146.js";
 import l from "./index.es83.js";
-import { extendTailwindMerge as m } from "./index.es99.js";
+import { extendTailwindMerge as m } from "./index.es169.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.es107.js";
+import { cva as h } from "./index.es100.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.es100.js";
+import { create as s } from "./index.es155.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.es100.js";
+import { create as r } from "./index.es155.js";
 import m from "./index.es82.js";
 const i = r()(
   m(
@@ -23,9 +23,9 @@ const i = r()(
       setUser: (e) => a(() => (e.defaultRole && localStorage.setItem("defaultRole", e.defaultRole), localStorage.setItem("displayName", `${e.firstName} ${e.lastName}`), { user: e })),
       updateUser: (e) => a((o) => (e.defaultRole && localStorage.setItem("defaultRole", e.defaultRole), e.firstName && e.lastName && localStorage.setItem("displayName", `${e.firstName} ${e.lastName}`), { user: { ...o == null ? void 0 : o.user, ...e } })),
       logout: () => a((e) => {
-        var o, t;
-        return localStorage.removeItem("nationalId"), localStorage.removeItem("accessToken"), localStorage.removeItem("refreshToken"), localStorage.removeItem("displayName"), localStorage.removeItem("defaultRole"), localStorage.removeItem("jwt"), localStorage.removeItem("ERAlertHidden"), localStorage.removeItem("registrationStartDate"), localStorage.removeItem("registrationEndDate"), (t = (o = e == null ? void 0 : e.user) == null ? void 0 : o.roles) == null || t.map((l) => {
-          localStorage.removeItem(`${l}-evaluationCounter`), localStorage.removeItem(`${l}-evaluationSkipCounter`);
+        var o, l;
+        return localStorage.removeItem("nationalId"), localStorage.removeItem("accessToken"), localStorage.removeItem("refreshToken"), localStorage.removeItem("displayName"), localStorage.removeItem("defaultRole"), localStorage.removeItem("jwt"), localStorage.removeItem("ERAlertHidden"), localStorage.removeItem("registrationStartDate"), localStorage.removeItem("registrationEndDate"), (l = (o = e == null ? void 0 : e.user) == null ? void 0 : o.roles) == null || l.map((t) => {
+          localStorage.removeItem(`${t}-evaluationCounter`), localStorage.removeItem(`${t}-evaluationSkipCounter`), localStorage.removeItem(`${t}-onBoardingSkipCounter`);
         }), localStorage.removeItem("email"), {
           isAuthenticated: !1,
           nationalId: void 0,

package/index.es82.js

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

package/index.es83.js

@@ -1,4 +1,4 @@
-import { create as n } from "./index.es100.js";
+import { create as n } from "./index.es155.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.es94.js";
+import { UserManager as M } from "./index.es167.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.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.es108.js";
-import { SortableContext as U, useSortable as X, arrayMove as Y } from "./index.es109.js";
+import { useSensor as O, useSensors as V, DndContext as _, closestCenter as q, DragOverlay as J, MouseSensor as K, TouchSensor as Q } from "./index.es101.js";
+import { SortableContext as U, useSortable as X, arrayMove as Y } from "./index.es102.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.es110.js";
-import te from "./index.es111.js";
-import se from "./index.es112.js";
-import ie from "./index.es113.js";
+import re from "./index.es103.js";
+import te from "./index.es104.js";
+import se from "./index.es105.js";
+import ie from "./index.es106.js";
 function De({
   configs: s,
   isEditMode: o,

package/index.es90.js

@@ -1,5 +1,5 @@
-import { create as s } from "./index.es100.js";
-import { THEME as e } from "./index.es98.js";
+import { create as s } from "./index.es155.js";
+import { THEME as e } from "./index.es146.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: "الإقامة",
@@ -65,7 +66,7 @@ const e = {
     TermsAndConditions: "الشروط والأحكام",
     PolicyAndPrivacy: "سياسة الخصوصية",
     RegulationsPolicies: "اللوائح والسياسات",
-    Rights: "© {0} جميع الحقوق محفوظة لوزارة التعليم",
+    Rights: " جميع الحقوق محفوظة لوزارة التعليم © {0}",
     Version: "نسخة رقم ",
     DevelopedByTetco: "تطوير وتشغيل شركة تطوير لتقنيات التعليم"
   },

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",