mada-design-system 1.0.1 → 1.0.3

package/index.es10.js

@@ -1,10 +1,10 @@
 import { jsx as t, jsxs as s } from "react/jsx-runtime";
 import * as l from "react";
-import { cn as n } from "./index.es94.js";
-import { strings as r } from "./index.es95.js";
-import c from "./index.es124.js";
-import m from "./index.es123.js";
-import d from "./index.es122.js";
+import { cn as n } from "./index.es95.js";
+import { strings as r } from "./index.es96.js";
+import c from "./index.es126.js";
+import m from "./index.es125.js";
+import d from "./index.es124.js";
 const v = ({ className: a, ...e }) => /* @__PURE__ */ t("nav", { "aria-label": "pagination", className: n("mx-auto flex w-full justify-center", a), ...e }), p = l.forwardRef(({ className: a, ...e }, i) => /* @__PURE__ */ t("ul", { ref: i, className: n("flex flex-row items-center gap-space-02", a), ...e }));
 p.displayName = "PaginationContent";
 const f = l.forwardRef(({ className: a, ...e }, i) => /* @__PURE__ */ t("li", { ref: i, className: n("", a), ...e }));

package/index.es100.js

@@ -1,7 +1,110 @@
-const t = {
-  isLoading: !0,
-  isAuthenticated: !1
+import { jsx as C } from "react/jsx-runtime";
+import { UserManager as I } from "./index.es187.js";
+import { useState as b, useReducer as A, useMemo as U, useRef as M, useEffect as E, useCallback as x } from "react";
+import { AuthContext as L } from "./index.es99.js";
+import { initialAuthState as D } from "./index.es101.js";
+import { reducer as N } from "./index.es98.js";
+import { hasAuthParams as P, signinError as T, signoutError as _ } from "./index.es102.js";
+const j = ["clearStaleState", "querySessionStatus", "revokeTokens", "startSilentRenew", "stopSilentRenew"], k = [
+  "signinPopup",
+  "signinSilent",
+  "signinRedirect",
+  "signinResourceOwnerCredentials",
+  "signoutPopup",
+  "signoutRedirect",
+  "signoutSilent"
+], c = (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.`
+  );
+}, h = typeof window > "u" ? null : I, F = (a) => {
+  const {
+    children: w,
+    onSigninCallback: o,
+    skipSigninCallback: d,
+    matchSignoutCallback: i,
+    onSignoutCallback: u,
+    onRemoveUser: g,
+    userManager: O = null,
+    ...p
+  } = a, [e] = b(() => O ?? (h ? new h(p) : { settings: p })), [m, n] = A(N, D), R = U(
+    () => Object.assign(
+      {
+        settings: e.settings,
+        events: e.events
+      },
+      Object.fromEntries(
+        j.map((t) => {
+          var r;
+          return [t, ((r = e[t]) == null ? void 0 : r.bind(e)) ?? c(t)];
+        })
+      ),
+      Object.fromEntries(
+        k.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" });
+            }
+          } : c(t)
+        ])
+      )
+    ),
+    [e]
+  ), v = M(!1);
+  E(() => {
+    !e || v.current || (v.current = !0, (async () => {
+      let t = null;
+      try {
+        P() && !d && (t = await e.signinCallback(), o && await o(t)), t = t || await e.getUser(), n({ type: "INITIALISED", user: t });
+      } catch (r) {
+        n({ type: "ERROR", error: T(r) });
+      }
+      try {
+        i && i(e.settings) && (await e.signoutCallback(), u && await u());
+      } catch (r) {
+        n({ type: "ERROR", error: _(r) });
+      }
+    })());
+  }, [e, d, o, u, i]), E(() => {
+    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 f = (l) => {
+      n({ type: "ERROR", error: l });
+    };
+    return e.events.addSilentRenewError(f), () => {
+      e.events.removeUserLoaded(t), e.events.removeUserUnloaded(r), e.events.removeUserSignedOut(s), e.events.removeSilentRenewError(f);
+    };
+  }, [e]);
+  const S = x(() => e ? e.removeUser().then(g) : c("removeUser")(), [e, g]), y = U(
+    () => ({
+      ...m,
+      ...R,
+      removeUser: S
+    }),
+    [m, R, S]
+  );
+  return /* @__PURE__ */ C(L.Provider, { value: y, children: w });
 };
 export {
-  t as initialAuthState
+  F as AuthProvider
 };

package/index.es101.js

@@ -1,9 +1,7 @@
-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.replaceAll("#", "?")), (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");
+const t = {
+  isLoading: !0,
+  isAuthenticated: !1
+};
 export {
-  n as hasAuthParams,
-  a as signinError,
-  o as signoutError
+  t as initialAuthState
 };

package/index.es102.js

@@ -1,31 +1,9 @@
-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 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.replaceAll("#", "?")), (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 {
-  s as createIdentityConfig,
-  t as createMetadataConfig
+  n as hasAuthParams,
+  a as signinError,
+  o as signoutError
 };

package/index.es103.js

@@ -1,30 +1,31 @@
-import { THEME as e } from "./index.es96.js";
-import s from "./index.es8.js";
-import { create as o } from "./index.es180.js";
-const a = () => {
-  window.matchMedia("(prefers-color-scheme: dark)").matches ? document.body.classList.add("dark") : document.body.classList.remove("dark");
-}, i = o()(
-  s(
-    (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 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 {
-  i as useThemeStore
+  s as createIdentityConfig,
+  t as createMetadataConfig
 };

package/index.es104.js

@@ -1,130 +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: "مسح",
-    Of: "من",
-    totalResults: "إجمالي النتائج: {0}"
-  },
-  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 { THEME as e } from "./index.es97.js";
+import s from "./index.es8.js";
+import { create as o } from "./index.es181.js";
+const a = () => {
+  window.matchMedia("(prefers-color-scheme: dark)").matches ? document.body.classList.add("dark") : document.body.classList.remove("dark");
+}, i = o()(
+  s(
+    (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
 };