mada-design-system 1.0.1 → 1.0.3

package/index.es93.js

@@ -1,6 +1,9 @@
-import t from "react";
-import { AuthContext as o } from "./index.es98.js";
-const u = () => t.useContext(o);
+import u from "./index.es7.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
 };

package/index.es94.js

@@ -1,84 +1,6 @@
-import { clsx as l } from "./index.es137.js";
-import { strings as c } from "./index.es95.js";
-import { useLanguage as m } from "./index.es9.js";
-import { isValidHijriDate as d, formatHijri as u, getHijriDate as g } from "./index.es132.js";
-import { extendTailwindMerge as f } from "./index.es189.js";
-import { isValid as p } from "./index.es190.js";
-import { formatDate as s } from "./index.es135.js";
-import { useToast as y } from "./index.es86.js";
-import { ar as A } from "./index.es129.js";
-import { enUS as x } from "./index.es130.js";
-const b = f({
-  classGroups: {
-    "font-size": ["text-caption-01", "text-caption-02", "text-subtitle-01", "text-subtitle-02", "text-body-01", "text-body-02"]
-  }
-});
-function v(...t) {
-  return b(l(t));
-}
-const L = {
-  enRegex: /^[a-zA-Z- ]+$/,
-  arRegex: /^[\u0621-\u064A- ]+$/,
-  bothArAndEnRegexonlyLetters: /^[a-zA-Z-\u0621-\u064A ]+$/,
-  bothArAndEnRegexonlyLettersAndNumbers: /^[a-zA-Z0-9-\u0621-\u064A ]+$/,
-  enletterAndNumbersRegex: /^[a-zA-Z0-9]*$/,
-  mobileNumber: /^(5)(\d){8}$/,
-  TelPhone: /^(0096611)(\d){7}$/,
-  nationalId: /^1(\d){9}$/,
-  nationalOrResidentId: /^[12](\d){9}$/,
-  nonSaudianNationalId: /^2(\d){9}$/,
-  tags: /<[^>]*>?/gm,
-  specialCharcter: /[!@#$%^&*()_+\-'~<>/\\?|÷×]/,
-  arSpaceRegex: /^[\u0621-\u064A\s]+$/
-}, N = (t, e) => (!/^[0-9\u0660-\u0669]+$/.test(t.target.value) && t.target.value !== "" && (t.target.value = e), t.target.value = t.target.value.replaceAll(/[٠١٢٣٤٥٦٧٨٩]/g, (n) => String(n.charCodeAt(0) - 1632)).replaceAll(/[۰۱۲۳۴۵۶۷۸۹]/g, (n) => String(n.charCodeAt(0) - 1776)), t), z = (...t) => t.map(
-  (e) => e.split(" ").map((r) => process.env.NODE_ENV === "production" ? `er-${r}` : r).join(" ")
-).join(" "), C = () => {
-  const { lang: t } = m((e) => e);
-  return (e = "", r = "") => String(t).toLocaleLowerCase() === "ar" ? e : r || e;
-};
-function I(t, e) {
-  let r = null;
-  return function(...n) {
-    const o = () => {
-      r = null, t.apply(this, n);
-    };
-    r !== null && clearTimeout(r), r = setTimeout(o, e);
-  };
-}
-const j = (t) => new Intl.DateTimeFormat(t === "rtl" ? "ar" : "en", { day: "2-digit", month: "short", year: "numeric" }), Z = (t) => new Intl.DateTimeFormat(t === "rtl" ? "ar" : "en", { timeStyle: "short" }), O = ({
-  date: t,
-  format: e,
-  isHijri: r = !1,
-  hasHijriFormat: n
-}) => {
-  const o = document.dir === "rtl", i = new Date(t ?? ""), a = o ? A : x;
-  if (!p(i) && !n) return "";
-  switch (e) {
-    case "short":
-      return s(i, o ? "dd MMM yyyy" : "MMM dd, yyyy", { locale: a });
-    case "mid":
-      return s(i, "EEEE", { locale: a });
-    case "long":
-      return r && n ? typeof t == "string" && !d(t) ? "" : u(t, o ? "iYYYY/iM/iD" : "iD/iM/iYYYY") : r ? u(g(i), o ? "iYYYY/iM/iD" : "iD/iM/iYYYY") : s(i, o ? "yyyy/MM/dd" : "dd/MM/yyyy", { locale: a });
-  }
-}, F = (t) => {
-  const { toast: e } = y();
-  navigator.clipboard.writeText(t).then(() => {
-    e({
-      description: c.Shared.CopiedSuccessfully
-    });
-  });
-};
+import t from "react";
+import { AuthContext as o } from "./index.es99.js";
+const u = () => t.useContext(o);
 export {
-  v as cn,
-  O as dateFormatter,
-  I as debounce,
-  j as formatter,
-  Z as formatterTime,
-  N as handleArabicNumbers,
-  L as langRegex,
-  z as tw,
-  b as twMerge,
-  F as useShareLink,
-  C as useSwitchData
+  u as useOIDCAuth
 };

package/index.es95.js

@@ -1,13 +1,84 @@
-import r from "react-localization";
-import { default as p } from "react-localization";
-import { ar as t } from "./index.es104.js";
-import { en as e } from "./index.es105.js";
-const n = new r({
-  ar: t,
-  en: e
-}), g = (o) => n.setLanguage(o);
+import { clsx as l } from "./index.es138.js";
+import { strings as c } from "./index.es96.js";
+import { useLanguage as m } from "./index.es9.js";
+import { isValidHijriDate as d, formatHijri as u, getHijriDate as g } from "./index.es92.js";
+import { extendTailwindMerge as f } from "./index.es188.js";
+import { isValid as p } from "./index.es189.js";
+import { formatDate as s } from "./index.es136.js";
+import { useToast as y } from "./index.es86.js";
+import { ar as A } from "./index.es131.js";
+import { enUS as x } from "./index.es132.js";
+const b = f({
+  classGroups: {
+    "font-size": ["text-caption-01", "text-caption-02", "text-subtitle-01", "text-subtitle-02", "text-body-01", "text-body-02"]
+  }
+});
+function v(...t) {
+  return b(l(t));
+}
+const L = {
+  enRegex: /^[a-zA-Z- ]+$/,
+  arRegex: /^[\u0621-\u064A- ]+$/,
+  bothArAndEnRegexonlyLetters: /^[a-zA-Z-\u0621-\u064A ]+$/,
+  bothArAndEnRegexonlyLettersAndNumbers: /^[a-zA-Z0-9-\u0621-\u064A ]+$/,
+  enletterAndNumbersRegex: /^[a-zA-Z0-9]*$/,
+  mobileNumber: /^(5)(\d){8}$/,
+  TelPhone: /^(0096611)(\d){7}$/,
+  nationalId: /^1(\d){9}$/,
+  nationalOrResidentId: /^[12](\d){9}$/,
+  nonSaudianNationalId: /^2(\d){9}$/,
+  tags: /<[^>]*>?/gm,
+  specialCharcter: /[!@#$%^&*()_+\-'~<>/\\?|÷×]/,
+  arSpaceRegex: /^[\u0621-\u064A\s]+$/
+}, N = (t, e) => (!/^[0-9\u0660-\u0669]+$/.test(t.target.value) && t.target.value !== "" && (t.target.value = e), t.target.value = t.target.value.replaceAll(/[٠١٢٣٤٥٦٧٨٩]/g, (n) => String(n.charCodeAt(0) - 1632)).replaceAll(/[۰۱۲۳۴۵۶۷۸۹]/g, (n) => String(n.charCodeAt(0) - 1776)), t), z = (...t) => t.map(
+  (e) => e.split(" ").map((r) => process.env.NODE_ENV === "production" ? `er-${r}` : r).join(" ")
+).join(" "), C = () => {
+  const { lang: t } = m((e) => e);
+  return (e = "", r = "") => String(t).toLocaleLowerCase() === "ar" ? e : r || e;
+};
+function I(t, e) {
+  let r = null;
+  return function(...n) {
+    const o = () => {
+      r = null, t.apply(this, n);
+    };
+    r !== null && clearTimeout(r), r = setTimeout(o, e);
+  };
+}
+const j = (t) => new Intl.DateTimeFormat(t === "rtl" ? "ar" : "en", { day: "2-digit", month: "short", year: "numeric" }), Z = (t) => new Intl.DateTimeFormat(t === "rtl" ? "ar" : "en", { timeStyle: "short" }), O = ({
+  date: t,
+  format: e,
+  isHijri: r = !1,
+  hasHijriFormat: n
+}) => {
+  const o = document.dir === "rtl", i = new Date(t ?? ""), a = o ? A : x;
+  if (!p(i) && !n) return "";
+  switch (e) {
+    case "short":
+      return s(i, o ? "dd MMM yyyy" : "MMM dd, yyyy", { locale: a });
+    case "mid":
+      return s(i, "EEEE", { locale: a });
+    case "long":
+      return r && n ? typeof t == "string" && !d(t) ? "" : u(t, o ? "iYYYY/iM/iD" : "iD/iM/iYYYY") : r ? u(g(i), o ? "iYYYY/iM/iD" : "iD/iM/iYYYY") : s(i, o ? "yyyy/MM/dd" : "dd/MM/yyyy", { locale: a });
+  }
+}, F = (t) => {
+  const { toast: e } = y();
+  navigator.clipboard.writeText(t).then(() => {
+    e({
+      description: c.Shared.CopiedSuccessfully
+    });
+  });
+};
 export {
-  p as default,
-  g as setLanguage,
-  n as strings
+  v as cn,
+  O as dateFormatter,
+  I as debounce,
+  j as formatter,
+  Z as formatterTime,
+  N as handleArabicNumbers,
+  L as langRegex,
+  z as tw,
+  b as twMerge,
+  F as useShareLink,
+  C as useSwitchData
 };

package/index.es96.js

@@ -1,14 +1,13 @@
-var l = /* @__PURE__ */ ((e) => (e[e.OK = 200] = "OK", e[e.BadRequest = 400] = "BadRequest", e[e.Unauthorized = 401] = "Unauthorized", e[e.PaymentRequired = 402] = "PaymentRequired", e[e.Forbidden = 403] = "Forbidden", e[e.NotFound = 404] = "NotFound", e[e.TooManyRequests = 429] = "TooManyRequests", e[e.InternalServerError = 500] = "InternalServerError", e[e.BadGateway = 502] = "BadGateway", e[e.ServerUnavailable = 503] = "ServerUnavailable", e))(l || {}), m = /* @__PURE__ */ ((e) => (e.None = "None", e.Employee = "Employee", e.Student = "K12Student", e.Parent = "ParentGuardian", e))(m || {}), n = /* @__PURE__ */ ((e) => (e[e.male = 1] = "male", e[e.female = 2] = "female", e))(n || {}), v = /* @__PURE__ */ ((e) => (e[e.single = 1] = "single", e[e.married = 2] = "married", e))(v || {}), Y = /* @__PURE__ */ ((e) => (e[e.email = 1] = "email", e[e.mobile = 2] = "mobile", e))(Y || {}), N = /* @__PURE__ */ ((e) => (e[e.None = 0] = "None", e[e.Local = 1] = "Local", e[e.IAM = 2] = "IAM", e))(N || {}), q = /* @__PURE__ */ ((e) => (e[e.Anonymous = 0] = "Anonymous", e[e.User = 1] = "User", e[e.Admin = 2] = "Admin", e))(q || {}), D = /* @__PURE__ */ ((e) => (e[e.New = 1] = "New", e[e.InProgress = 2] = "InProgress", e[e.Closed = 3] = "Closed", e[e.Resolved = 6] = "Resolved", e[e.Cancelled = 7] = "Cancelled", e[e.OnHold = 13] = "OnHold", e))(D || {}), K = /* @__PURE__ */ ((e) => (e[e.يناير = 0] = "يناير", e[e.فبراير = 1] = "فبراير", e[e.مارس = 2] = "مارس", e[e.أبريل = 3] = "أبريل", e[e.مايو = 4] = "مايو", e[e.يونيو = 5] = "يونيو", e[e.يوليو = 6] = "يوليو", e[e.أغسطس = 7] = "أغسطس", e[e.سبتمبر = 8] = "سبتمبر", e[e.اكتوبر = 9] = "اكتوبر", e[e.نوفمبر = 10] = "نوفمبر", e[e.ديسمبر = 11] = "ديسمبر", e))(K || {}), R = /* @__PURE__ */ ((e) => (e.ArShort = "DD MMMM YYYY", e.EnShort = "MMM DD, YYYY", e))(R || {}), g = /* @__PURE__ */ ((e) => (e[e.LIGHT = 1] = "LIGHT", e[e.DARK = 2] = "DARK", e[e.SYSTEM = 3] = "SYSTEM", e))(g || {});
+import r from "react-localization";
+import { default as p } from "react-localization";
+import { ar as t } from "./index.es105.js";
+import { en as e } from "./index.es106.js";
+const n = new r({
+  ar: t,
+  en: e
+}), g = (o) => n.setLanguage(o);
 export {
-  K as ArabicMonth,
-  R as DateFormat,
-  n as Gender,
-  N as IdentityProvider,
-  v as MaritalStatus,
-  q as Roles,
-  l as StatusCodes,
-  D as SupportStatusProcess,
-  g as THEME,
-  m as UserTypes,
-  Y as VerificationType
+  p as default,
+  g as setLanguage,
+  n as strings
 };

package/index.es97.js

@@ -1,47 +1,14 @@
-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}`)
-      };
-  }
-};
+var l = /* @__PURE__ */ ((e) => (e[e.OK = 200] = "OK", e[e.BadRequest = 400] = "BadRequest", e[e.Unauthorized = 401] = "Unauthorized", e[e.PaymentRequired = 402] = "PaymentRequired", e[e.Forbidden = 403] = "Forbidden", e[e.NotFound = 404] = "NotFound", e[e.TooManyRequests = 429] = "TooManyRequests", e[e.InternalServerError = 500] = "InternalServerError", e[e.BadGateway = 502] = "BadGateway", e[e.ServerUnavailable = 503] = "ServerUnavailable", e))(l || {}), m = /* @__PURE__ */ ((e) => (e.None = "None", e.Employee = "Employee", e.Student = "K12Student", e.Parent = "ParentGuardian", e))(m || {}), n = /* @__PURE__ */ ((e) => (e[e.male = 1] = "male", e[e.female = 2] = "female", e))(n || {}), v = /* @__PURE__ */ ((e) => (e[e.single = 1] = "single", e[e.married = 2] = "married", e))(v || {}), Y = /* @__PURE__ */ ((e) => (e[e.email = 1] = "email", e[e.mobile = 2] = "mobile", e))(Y || {}), N = /* @__PURE__ */ ((e) => (e[e.None = 0] = "None", e[e.Local = 1] = "Local", e[e.IAM = 2] = "IAM", e))(N || {}), q = /* @__PURE__ */ ((e) => (e[e.Anonymous = 0] = "Anonymous", e[e.User = 1] = "User", e[e.Admin = 2] = "Admin", e))(q || {}), D = /* @__PURE__ */ ((e) => (e[e.New = 1] = "New", e[e.InProgress = 2] = "InProgress", e[e.Closed = 3] = "Closed", e[e.Resolved = 6] = "Resolved", e[e.Cancelled = 7] = "Cancelled", e[e.OnHold = 13] = "OnHold", e))(D || {}), K = /* @__PURE__ */ ((e) => (e[e.يناير = 0] = "يناير", e[e.فبراير = 1] = "فبراير", e[e.مارس = 2] = "مارس", e[e.أبريل = 3] = "أبريل", e[e.مايو = 4] = "مايو", e[e.يونيو = 5] = "يونيو", e[e.يوليو = 6] = "يوليو", e[e.أغسطس = 7] = "أغسطس", e[e.سبتمبر = 8] = "سبتمبر", e[e.اكتوبر = 9] = "اكتوبر", e[e.نوفمبر = 10] = "نوفمبر", e[e.ديسمبر = 11] = "ديسمبر", e))(K || {}), R = /* @__PURE__ */ ((e) => (e.ArShort = "DD MMMM YYYY", e.EnShort = "MMM DD, YYYY", e))(R || {}), g = /* @__PURE__ */ ((e) => (e[e.LIGHT = 1] = "LIGHT", e[e.DARK = 2] = "DARK", e[e.SYSTEM = 3] = "SYSTEM", e))(g || {});
 export {
-  s as reducer
+  K as ArabicMonth,
+  R as DateFormat,
+  n as Gender,
+  N as IdentityProvider,
+  v as MaritalStatus,
+  q as Roles,
+  l as StatusCodes,
+  D as SupportStatusProcess,
+  g as THEME,
+  m as UserTypes,
+  Y as VerificationType
 };

package/index.es98.js

@@ -1,6 +1,47 @@
-import t from "react";
-const e = t.createContext(void 0);
-e.displayName = "AuthContext";
+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 {
-  e as AuthContext
+  s as reducer
 };

package/index.es99.js

@@ -1,110 +1,6 @@
-import { jsx as C } from "react/jsx-runtime";
-import { UserManager as I } from "./index.es188.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.es98.js";
-import { initialAuthState as D } from "./index.es100.js";
-import { reducer as N } from "./index.es97.js";
-import { hasAuthParams as P, signinError as T, signoutError as _ } from "./index.es101.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 });
-};
+import t from "react";
+const e = t.createContext(void 0);
+e.displayName = "AuthContext";
 export {
-  F as AuthProvider
+  e as AuthContext
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "mada-design-system",
-  "version": "1.0.1",
+  "version": "1.0.3",
   "sideEffects": false,
   "private": false,
   "main": "index.es.js",