mada-design-system 0.5.13 → 0.7.0

package/index.es93.js

@@ -1,117 +1,47 @@
-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.es176.js";
-import { AuthContext as L } from "./index.es92.js";
-import { initialAuthState as x } from "./index.es94.js";
-import { reducer as D } from "./index.es91.js";
-import { hasAuthParams as N, signinError as P, signoutError as T } from "./index.es95.js";
-const _ = ["clearStaleState", "querySessionStatus", "revokeTokens", "startSilentRenew", "stopSilentRenew"], j = [
-  "signinPopup",
-  "signinSilent",
-  "signinRedirect",
-  "signinResourceOwnerCredentials",
-  "signoutPopup",
-  "signoutRedirect",
-  "signoutSilent"
-], d = (a) => () => {
-  throw new Error(
-    `UserManager#${a} was called from an unsupported context. If this is a server-rendered page, defer this call with useEffect() or pass a custom UserManager implementation.`
-  );
-}, S = typeof window > "u" ? null : M, B = (a) => {
-  const {
-    children: U,
-    onSigninCallback: o,
-    skipSigninCallback: c,
-    matchSignoutCallback: i,
-    onSignoutCallback: u,
-    onRemoveUser: g,
-    userManager: f = null,
-    ...p
-  } = a, [e] = y(() => f ?? (S ? new S(p) : { settings: p })), [E, n] = C(D, x), h = I(
-    () => Object.assign(
-      {
-        settings: e.settings,
-        events: e.events
-      },
-      Object.fromEntries(
-        _.map((t) => {
-          var r;
-          return [t, ((r = e[t]) == null ? void 0 : r.bind(e)) ?? d(t)];
-        })
-      ),
-      Object.fromEntries(
-        j.map((t) => [
-          t,
-          e[t] ? async (r) => {
-            n({
-              type: "NAVIGATOR_INIT",
-              method: t
-            });
-            try {
-              return await e[t](r);
-            } catch (s) {
-              return n({ type: "ERROR", error: s }), null;
-            } finally {
-              n({ type: "NAVIGATOR_CLOSE" });
-            }
-          } : d(t)
-        ])
-      )
-    ),
-    [e]
-  ), m = b(!1);
-  v(() => {
-    !e || m.current || (m.current = !0, (async () => {
-      let t = null;
-      try {
-        N() && !c && (t = await e.signinCallback(), o && await o(t)), t = t || await e.getUser(), n({ type: "INITIALISED", user: t });
-      } catch (r) {
-        n({ type: "ERROR", error: P(r) });
-      }
-      try {
-        i && i(e.settings) && (await e.signoutCallback(), u && await u());
-      } catch (r) {
-        n({ type: "ERROR", error: T(r) });
-      }
-    })());
-  }, [e, c, o, u, i]), v(() => {
-    if (!e)
-      return;
-    const t = (l) => {
-      n({ type: "USER_LOADED", user: l });
-    };
-    e.events.addUserLoaded(t);
-    const r = () => {
-      n({ type: "USER_UNLOADED" });
-    };
-    e.events.addUserUnloaded(r);
-    const s = () => {
-      n({ type: "USER_SIGNED_OUT" });
-    };
-    e.events.addUserSignedOut(s);
-    const R = (l) => {
-      n({ type: "ERROR", error: l });
-    };
-    return e.events.addSilentRenewError(R), () => {
-      e.events.removeUserLoaded(t), e.events.removeUserUnloaded(r), e.events.removeUserSignedOut(s), e.events.removeSilentRenewError(R);
-    };
-  }, [e]);
-  const w = A(e ? () => e.removeUser().then(g) : d("removeUser"), [
-    e,
-    g
-  ]);
-  return /* @__PURE__ */ O(
-    L.Provider,
-    {
-      value: {
-        ...E,
-        ...h,
-        removeUser: w
-      },
-      children: U
-    }
-  );
+const s = (r, e) => {
+  switch (e.type) {
+    case "INITIALISED":
+    case "USER_LOADED":
+      return {
+        ...r,
+        user: e.user,
+        isLoading: !1,
+        isAuthenticated: e.user ? !e.user.expired : !1,
+        error: void 0
+      };
+    case "USER_SIGNED_OUT":
+    case "USER_UNLOADED":
+      return {
+        ...r,
+        user: void 0,
+        isAuthenticated: !1
+      };
+    case "NAVIGATOR_INIT":
+      return {
+        ...r,
+        isLoading: !0,
+        activeNavigator: e.method
+      };
+    case "NAVIGATOR_CLOSE":
+      return {
+        ...r,
+        isLoading: !1,
+        activeNavigator: void 0
+      };
+    case "ERROR":
+      return {
+        ...r,
+        isLoading: !1,
+        error: e.error
+      };
+    default:
+      return {
+        ...r,
+        isLoading: !1,
+        error: new Error(`unknown type ${e.type}`)
+      };
+  }
 };
 export {
-  B as AuthProvider
+  s as reducer
 };

package/index.es94.js

@@ -1,7 +1,6 @@
-const t = {
-  isLoading: !0,
-  isAuthenticated: !1
-};
+import t from "react";
+const e = t.createContext(void 0);
+e.displayName = "AuthContext";
 export {
-  t as initialAuthState
+  e as AuthContext
 };

package/index.es95.js

@@ -1,9 +1,117 @@
-const n = (e = window.location) => {
-  let r = new URLSearchParams(e.search);
-  return !!((r.get("code") || r.get("error")) && r.get("state") || (r = new URLSearchParams(e.hash.replace("#", "?")), (r.get("code") || r.get("error")) && r.get("state")));
-}, t = (e) => (r) => r instanceof Error ? r : new Error(e), a = t("Sign-in failed"), o = t("Sign-out failed");
+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.es182.js";
+import { AuthContext as L } from "./index.es94.js";
+import { initialAuthState as x } from "./index.es96.js";
+import { reducer as D } from "./index.es93.js";
+import { hasAuthParams as N, signinError as P, signoutError as T } from "./index.es97.js";
+const _ = ["clearStaleState", "querySessionStatus", "revokeTokens", "startSilentRenew", "stopSilentRenew"], j = [
+  "signinPopup",
+  "signinSilent",
+  "signinRedirect",
+  "signinResourceOwnerCredentials",
+  "signoutPopup",
+  "signoutRedirect",
+  "signoutSilent"
+], d = (a) => () => {
+  throw new Error(
+    `UserManager#${a} was called from an unsupported context. If this is a server-rendered page, defer this call with useEffect() or pass a custom UserManager implementation.`
+  );
+}, S = typeof window > "u" ? null : M, B = (a) => {
+  const {
+    children: U,
+    onSigninCallback: o,
+    skipSigninCallback: c,
+    matchSignoutCallback: i,
+    onSignoutCallback: u,
+    onRemoveUser: g,
+    userManager: f = null,
+    ...p
+  } = a, [e] = y(() => f ?? (S ? new S(p) : { settings: p })), [E, n] = C(D, x), h = I(
+    () => Object.assign(
+      {
+        settings: e.settings,
+        events: e.events
+      },
+      Object.fromEntries(
+        _.map((t) => {
+          var r;
+          return [t, ((r = e[t]) == null ? void 0 : r.bind(e)) ?? d(t)];
+        })
+      ),
+      Object.fromEntries(
+        j.map((t) => [
+          t,
+          e[t] ? async (r) => {
+            n({
+              type: "NAVIGATOR_INIT",
+              method: t
+            });
+            try {
+              return await e[t](r);
+            } catch (s) {
+              return n({ type: "ERROR", error: s }), null;
+            } finally {
+              n({ type: "NAVIGATOR_CLOSE" });
+            }
+          } : d(t)
+        ])
+      )
+    ),
+    [e]
+  ), m = b(!1);
+  v(() => {
+    !e || m.current || (m.current = !0, (async () => {
+      let t = null;
+      try {
+        N() && !c && (t = await e.signinCallback(), o && await o(t)), t = t || await e.getUser(), n({ type: "INITIALISED", user: t });
+      } catch (r) {
+        n({ type: "ERROR", error: P(r) });
+      }
+      try {
+        i && i(e.settings) && (await e.signoutCallback(), u && await u());
+      } catch (r) {
+        n({ type: "ERROR", error: T(r) });
+      }
+    })());
+  }, [e, c, o, u, i]), v(() => {
+    if (!e)
+      return;
+    const t = (l) => {
+      n({ type: "USER_LOADED", user: l });
+    };
+    e.events.addUserLoaded(t);
+    const r = () => {
+      n({ type: "USER_UNLOADED" });
+    };
+    e.events.addUserUnloaded(r);
+    const s = () => {
+      n({ type: "USER_SIGNED_OUT" });
+    };
+    e.events.addUserSignedOut(s);
+    const R = (l) => {
+      n({ type: "ERROR", error: l });
+    };
+    return e.events.addSilentRenewError(R), () => {
+      e.events.removeUserLoaded(t), e.events.removeUserUnloaded(r), e.events.removeUserSignedOut(s), e.events.removeSilentRenewError(R);
+    };
+  }, [e]);
+  const w = A(e ? () => e.removeUser().then(g) : d("removeUser"), [
+    e,
+    g
+  ]);
+  return /* @__PURE__ */ O(
+    L.Provider,
+    {
+      value: {
+        ...E,
+        ...h,
+        removeUser: w
+      },
+      children: U
+    }
+  );
+};
 export {
-  n as hasAuthParams,
-  a as signinError,
-  o as signoutError
+  B as AuthProvider
 };

package/index.es96.js

@@ -1,31 +1,7 @@
-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: !1,
-  loadUserInfo: !1,
-  silent_redirect_uri: `${e.baseUrl}/login/sso/callback`,
-  post_logout_redirect_uri: `${e.baseUrl}/logout/sso`,
-  audience: e.baseUrl,
-  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`,
-  token_endpoint: `${e}/token`,
-  userinfo_endpoint: `${e}/userinfo`,
-  end_session_endpoint: `${e}/revoke`,
-  check_session_iframe: `${e}/checksession`,
-  revocation_endpoint: `${e}/revoke`,
-  introspection_endpoint: `${e}/introspect`
-});
+const t = {
+  isLoading: !0,
+  isAuthenticated: !1
+};
 export {
-  s as createIdentityConfig,
-  t as createMetadataConfig
+  t as initialAuthState
 };

package/index.es97.js

@@ -1,30 +1,9 @@
-import { create as s } from "./index.es168.js";
-import { THEME as e } from "./index.es154.js";
-import o from "./index.es89.js";
-const a = () => {
-  window.matchMedia("(prefers-color-scheme: dark)").matches ? document.body.classList.add("dark") : document.body.classList.remove("dark");
-}, i = s()(
-  o(
-    (r) => ({
-      theme: e.SYSTEM,
-      setTheme: (t) => {
-        switch (localStorage.setItem("defaultTheme", String(t)), +t) {
-          case e.LIGHT:
-            document.body.classList.remove("dark");
-            break;
-          case e.DARK:
-            document.body.classList.add("dark");
-            break;
-          case e.SYSTEM:
-            a(), window.matchMedia("(prefers-color-scheme: dark)").addEventListener("change", a), window.matchMedia("(prefers-color-scheme: light)").addEventListener("change", a);
-            break;
-        }
-        return r({ theme: t });
-      }
-    }),
-    { name: "theme" }
-  )
-);
+const n = (e = window.location) => {
+  let r = new URLSearchParams(e.search);
+  return !!((r.get("code") || r.get("error")) && r.get("state") || (r = new URLSearchParams(e.hash.replace("#", "?")), (r.get("code") || r.get("error")) && r.get("state")));
+}, t = (e) => (r) => r instanceof Error ? r : new Error(e), a = t("Sign-in failed"), o = t("Sign-out failed");
 export {
-  i as useThemeStore
+  n as hasAuthParams,
+  a as signinError,
+  o as signoutError
 };

package/index.es98.js

@@ -1,13 +1,31 @@
-import r from "react-localization";
-import { default as p } from "react-localization";
-import { ar as t } from "./index.es99.js";
-import { en as e } from "./index.es100.js";
-const n = new r({
-  ar: t,
-  en: e
-}), g = (o) => n.setLanguage(o);
+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: !1,
+  loadUserInfo: !1,
+  silent_redirect_uri: `${e.baseUrl}/login/sso/callback`,
+  post_logout_redirect_uri: `${e.baseUrl}/logout/sso`,
+  audience: e.baseUrl,
+  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`,
+  token_endpoint: `${e}/token`,
+  userinfo_endpoint: `${e}/userinfo`,
+  end_session_endpoint: `${e}/revoke`,
+  check_session_iframe: `${e}/checksession`,
+  revocation_endpoint: `${e}/revoke`,
+  introspection_endpoint: `${e}/introspect`
+});
 export {
-  p as default,
-  g as setLanguage,
-  n as strings
+  s as createIdentityConfig,
+  t as createMetadataConfig
 };

package/index.es99.js

@@ -1,128 +1,30 @@
-const e = {
-  messages: {
-    exceedlimitedField: "{0} يجب ان لا يتجاوز {1} حرف",
-    required: "{0} اجباري"
-  },
-  Shared: {
-    trialVersion: "نسخة تجريبية",
-    soon: "قريبًا",
-    NationalId: "الهوية الوطنية",
-    ResidentID: "الإقامة",
-    Welcome: "أهلًا ",
-    Login: "تسجيل الدخول",
-    Logout: "تسجيل الخروج",
-    InformationPanel: "لوحة المعلومات",
-    AccountSettings: "إعدادات الحساب",
-    Chat: "تواصل معنا",
-    TechnicalSupport: "الدعم الفني",
-    FullName: "الاسم الكامل",
-    PersonalInformation: "المعلومات الشخصية",
-    TicketInformation: "معلومات التذكرة",
-    TicketDetails: "تفاصيل التذكرة",
-    Title: "العنوان",
-    Description: "الوصف",
-    Enter: "ادخل",
-    AddSupportingFiles: "أرفق ملفات داعمة",
-    Send: "إرسال",
-    Submit: "إرسال الطلب",
-    Cancel: "إلغاء",
-    Main: "الرئيسية",
-    Select: "اختر",
-    NotRobot: "الرجاء التحقق",
-    Search: "بحث",
-    Number: "الرقم",
-    Date: "التاريخ",
-    hijriCalendar: "التاريخ الهجري",
-    male: "ذكر",
-    female: "أنثى",
-    submit: "ارسال",
-    next: "التالي",
-    previous: "السابق",
-    morePages: "المزيد",
-    Total: "الإجمالي",
-    YearTitle: "السنة",
-    MonthTitle: "الشهر",
-    PaginationDesc: "الصفحة {0} من {1}",
-    LinesPerPage: "عدد السطور بالصفحة: ",
-    Actions: "الإجراءات",
-    ViewDetails: "عرض التفاصيل",
-    Language: "اللغة",
-    Specify: "حدد",
-    ServerError: "عفوًا، حدث خطأ ما",
-    BackToHome: "العودة للصفحة الرئيسية",
-    NoDataFound: "لا توجد بيانات",
-    showResults: "عرض النتائج",
-    reset: "إعادة التعيين",
-    CopiedSuccessfully: "تم النسخ بنجاح",
-    comma: "،",
-    accessibilityTools: "أداة سهولة الوصول",
-    sortBy: "تصنيف حسب",
-    siteLanguageText: "English",
-    lightMode: "الوضع الفاتح",
-    darkMode: "الوضع الداكن",
-    showLess: "أظهر أقل",
-    showMore: "أظهر أكثر",
-    noResultsFound: "لا توجد نتائج",
-    Clear: "مسح"
-  },
-  Footer: {
-    KSA: "وزارة التعليم - المملكة العربية السعودية",
-    TermsAndConditions: "الشروط والأحكام",
-    PolicyAndPrivacy: "سياسة الخصوصية",
-    RegulationsPolicies: "اللوائح والسياسات",
-    Rights: " جميع الحقوق محفوظة لوزارة التعليم © {0}",
-    Version: "نسخة رقم ",
-    DevelopedByTetco: "تطوير وتشغيل شركة تطوير لتقنيات التعليم"
-  },
-  DragAndDrop: {
-    SaveCustomization: "حفظ",
-    Delete: "إزالة",
-    Half: "تصغير",
-    Full: "توسيع",
-    Width: "العرض",
-    Show: "اظهار",
-    AddToDashboard: "خصص تجربتك"
-  },
-  Attachments: {
-    error: "عفوًا، صيغة أو حجم  المرفق غير مسموح بها",
-    Attachments: "المرفقات",
-    AddAttachment: "أرفق الملفات",
-    dragFiles: "اسحب و أفلت الملفات هنا للرفع",
-    browseFile: "تصفح الملفات",
-    uploadFiles: "رفع المرفقات",
-    allowedFormats: "وتشمل الصيغ المدعومة {0}",
-    maxSize: "الحد الأقصى لحجم الملف المسموح به هو {0} ميجابايت",
-    ApplyFile: "تقديم الملف",
-    maxAcceptedFilesCount: "أقصى عدد من الملفات التي يمكنك إرفاقها هنا هو {0} ملفات",
-    attachedFile: "مرفق ملف"
-  },
-  Accessibility: {
-    Accessibility: "تمكين الوصول",
-    FontSize: "حجم الخط",
-    IncreaseFontSize: "تكبير حجم الخط",
-    DecreaseFontSize: "تصغير حجم الخط",
-    ColorContrast: "تباين الألوان",
-    SignLanguage: "دعم لغة الإشارة",
-    VoiceCommands: "الأوامر الصوتية"
-  },
-  DigitalSignatureContent: {
-    secureTitle: "المواقع الالكترونية الحكومية تستخدم بروتوكول {0} للتشفير و الأمان.",
-    secureDesc: "المواقع الالكترونية الآمنة في المملكة العربية السعودية تستخدم بروتوكول HTTPS للتشفير.",
-    registered: "مسجل لدى هيئة الحكومة الرقمية برقم :",
-    howCheck: "كيف تتحقق؟",
-    officialSite: "موقع حكومي رسمي تابع لحكومة المملكة العربية السعودية",
-    govSaTitle: "روابط المواقع الالكترونية الرسمية السعودية تنتهي بـ {0} ",
-    govSaDesc: "جميع روابط المواقع الرسمية التابعة للجهات الحكومية في المملكة العربية السعودية تنتهي بـ .gov.sa",
-    eduSaTitle: "روابط المواقع الالكترونية الرسمية السعودية تنتهي بـ {0} ",
-    eduSaDesc: "جميع روابط المواقع الرسمية التعليمية في المملكة العربية السعودية تنتهي بـ sch.sa أو edu.sa",
-    orgSaTitle: "روابط المواقع الالكترونية الرسمية السعودية تنتهي بـ {0} ",
-    orgSaDesc: "جميع روابط المواقع الرسمية للمؤسسات الغير ربحية في المملكة العربية السعودية تنتهي بـ org.sa",
-    saTitle: "روابط المواقع الالكترونية الرسمية السعودية تنتهي بـ {0} ",
-    saDesc: "جميع روابط المواقع الرسمية للأنشطة والمبادرات في المملكة العربية السعودية تنتهي بـ sa.",
-    schSaTitle: "روابط المواقع الالكترونية الرسمية السعودية تنتهي بـ {0} ",
-    schSaDesc: "جميع روابط المواقع الرسمية التعليمية في المملكة العربية السعودية تنتهي بـ sch.sa أو edu.sa"
-  }
-};
+import { create as s } from "./index.es171.js";
+import { THEME as e } from "./index.es157.js";
+import o from "./index.es91.js";
+const a = () => {
+  window.matchMedia("(prefers-color-scheme: dark)").matches ? document.body.classList.add("dark") : document.body.classList.remove("dark");
+}, i = s()(
+  o(
+    (r) => ({
+      theme: e.SYSTEM,
+      setTheme: (t) => {
+        switch (localStorage.setItem("defaultTheme", String(t)), +t) {
+          case e.LIGHT:
+            document.body.classList.remove("dark");
+            break;
+          case e.DARK:
+            document.body.classList.add("dark");
+            break;
+          case e.SYSTEM:
+            a(), window.matchMedia("(prefers-color-scheme: dark)").addEventListener("change", a), window.matchMedia("(prefers-color-scheme: light)").addEventListener("change", a);
+            break;
+        }
+        return r({ theme: t });
+      }
+    }),
+    { name: "theme" }
+  )
+);
 export {
-  e as ar
+  i as useThemeStore
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "mada-design-system",
-  "version": "0.5.13",
+  "version": "0.7.0",
   "sideEffects": false,
   "private": false,
   "main": "index.es.js",
@@ -59,7 +59,7 @@
     "clsx": "^2.1.1",
     "cmdk": "^0.2.0",
     "embla-carousel-react": "^8.5.2",
-    "google-material-icons": "^2.0.1",
+    "google-material-icons": "^2.1.4",
     "immer": "^10.1.1",
     "input-otp": "^1.4.2",
     "moment": "^2.30.1",
@@ -79,6 +79,7 @@
   },
   "devDependencies": {
     "@chromatic-com/storybook": "^3",
+    "@faker-js/faker": "^9.9.0",
     "@commitlint/cli": "^19.8.1",
     "@commitlint/config-conventional": "^19.8.1",
     "@originjs/vite-plugin-commonjs": "^1.0.3",