@cyberskill/shared 1.208.0 → 1.210.0

package/dist/react/storage/storage.hook.js

@@ -0,0 +1,61 @@
+import { useState as m, useEffect as v, useCallback as p } from "react";
+import { storage as n } from "./storage.util.js";
+import { serializer as w } from "../../util/serializer/serializer.util.js";
+import { catchError as u } from "../log/log.util.js";
+function S(e, o, a = w) {
+  const [c, r] = m(o), [i, l] = m(!1);
+  v(() => {
+    let t = !0;
+    return (async () => {
+      try {
+        const f = await n.get(e);
+        if (t)
+          if (f !== null) {
+            const d = a.deserialize(f);
+            r(d);
+          } else if (o !== void 0) {
+            const d = a.serialize(o);
+            await n.set(e, d), r(o);
+          } else
+            r(void 0);
+      } catch (f) {
+        u(f), t && r(o);
+      } finally {
+        t && l(!0);
+      }
+    })(), () => {
+      t = !1, l(!1);
+    };
+  }, [e, o, a]), v(() => {
+    if (!i)
+      return;
+    (async () => {
+      try {
+        if (c !== void 0) {
+          const s = a.serialize(c);
+          await n.set(e, s);
+        }
+      } catch (s) {
+        u(s);
+      }
+    })();
+  }, [c, e, a, i]);
+  const h = p(
+    (t) => {
+      r(
+        (s) => typeof t == "function" ? t(s) : t
+      );
+    },
+    []
+  ), g = p(async () => {
+    try {
+      await n.remove(e), r(void 0);
+    } catch (t) {
+      u(t);
+    }
+  }, [e]);
+  return { value: c, set: h, remove: g };
+}
+export {
+  S as useStorage
+};

package/dist/react/storage/storage.util.js

@@ -0,0 +1,35 @@
+import e from "localforage";
+import { catchError as a } from "../log/log.util.js";
+const s = {
+  async get(r) {
+    try {
+      return await e.getItem(r);
+    } catch (t) {
+      return a(t, { returnValue: null });
+    }
+  },
+  async set(r, t) {
+    try {
+      await e.setItem(r, t);
+    } catch (c) {
+      a(c);
+    }
+  },
+  async remove(r) {
+    try {
+      await e.removeItem(r);
+    } catch (t) {
+      a(t);
+    }
+  },
+  async keys() {
+    try {
+      return await e.keys() ?? [];
+    } catch (r) {
+      return a(r, { returnValue: [] });
+    }
+  }
+};
+export {
+  s as storage
+};

package/dist/react/userback/userback.component.js

@@ -0,0 +1,27 @@
+import a from "@userback/widget";
+import { useEffect as l } from "react";
+function d({ token: r, options: n }) {
+  return l(() => {
+    if (!r)
+      return;
+    let t;
+    return (async () => {
+      const { hide: e, ...u } = n || {};
+      await a(r, u), e && e.length > 0 && e.forEach((o) => {
+        document.querySelectorAll(o).forEach((c) => c.remove());
+      }), t = new MutationObserver(() => {
+        e && e.length > 0 && e.forEach((o) => {
+          document.querySelectorAll(o).forEach((c) => c.remove());
+        });
+      }), t.observe(document.body, {
+        childList: !0,
+        subtree: !0
+      });
+    })(), () => {
+      t?.disconnect();
+    };
+  }, [r, n]), null;
+}
+export {
+  d as Userback
+};

package/dist/style.css

@@ -1 +1 @@
-._overlay_b1d9o_1,._full_b1d9o_1,._block_b1d9o_2{z-index:999999;background:linear-gradient(135deg,#ffffff59,#ffffffb3);backdrop-filter:blur(20px) saturate(200%);display:flex;justify-content:center;align-items:center;width:100%;height:100%;animation:_overlay-fade-in_b1d9o_1 .5s ease-out;border:1.5px solid rgba(255,255,255,.35);box-shadow:0 4px 32px #1f26872e,inset 0 1.5px 8px #ffffff40}._full_b1d9o_1,._block_b1d9o_2{pointer-events:none}._full_b1d9o_1{position:fixed;inset:0}._block_b1d9o_2{position:absolute;width:100%;height:100%;left:50%;top:50%;transform:translate(-50%,-50%);background:#ffffff1a;backdrop-filter:blur(4px)}._container_b1d9o_40{display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;padding:1rem;gap:1.5rem;text-align:center}._container_b1d9o_40 ._ring_b1d9o_50{width:clamp(60px,10vw,150px);height:clamp(60px,10vw,150px);border:2px solid transparent;border-radius:50%;position:absolute;transition:transform .3s ease}._container_b1d9o_40 ._ring_b1d9o_50:nth-child(1){border-bottom:8px solid hsl(315,90%,60%);animation:_rotate1_b1d9o_1 1s linear infinite}._container_b1d9o_40 ._ring_b1d9o_50:nth-child(2){border-bottom:8px solid hsl(345,90%,50%);animation:_rotate2_b1d9o_1 1s linear infinite}._container_b1d9o_40 ._ring_b1d9o_50:nth-child(3){border-bottom:8px solid hsl(180,80%,40%);animation:_rotate3_b1d9o_1 1s linear infinite}._container_b1d9o_40 ._ring_b1d9o_50:nth-child(4){border-bottom:8px solid hsl(40,100%,45%);animation:_rotate4_b1d9o_1 1s linear infinite}._container_b1d9o_40 ._message_b1d9o_74{font-weight:700;color:#2f2f37;text-shadow:0 1px 2px rgba(255,255,255,.8);animation:_text-fade_b1d9o_1 2s ease-in-out infinite alternate;word-break:break-word;hyphens:auto}@keyframes _rotate1_b1d9o_1{0%{transform:rotateX(50deg) rotate(110deg)}to{transform:rotateX(50deg) rotate(470deg)}}@keyframes _rotate2_b1d9o_1{0%{transform:rotateX(20deg) rotateY(50deg) rotate(20deg)}to{transform:rotateX(20deg) rotateY(50deg) rotate(380deg)}}@keyframes _rotate3_b1d9o_1{0%{transform:rotateX(40deg) rotateY(130deg) rotate(450deg)}to{transform:rotateX(40deg) rotateY(130deg) rotate(90deg)}}@keyframes _rotate4_b1d9o_1{0%{transform:rotateX(70deg) rotate(270deg)}to{transform:rotateX(70deg) rotate(630deg)}}@keyframes _text-fade_b1d9o_1{0%{opacity:.6}to{opacity:1}}@keyframes _overlay-fade-in_b1d9o_1{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion: reduce){._ring_b1d9o_50,._message_b1d9o_74,._overlay_b1d9o_1,._full_b1d9o_1,._block_b1d9o_2{animation:none!important}}._modal-backdrop_8fveh_1{position:fixed;inset:0;z-index:9999999;background-color:#0009;display:flex;align-items:center;justify-content:center;padding:1rem}._modal-backdrop_8fveh_1 ._modal-content_8fveh_11{position:relative;background-color:#0f172a;color:#fff;max-width:80vw;width:100%;border-radius:.75rem;box-shadow:0 10px 20px #00000080;overflow:hidden;padding:2rem}._modal-backdrop_8fveh_1 ._modal-content_8fveh_11 ._btn-close_8fveh_22{position:absolute;top:.75rem;right:1rem;font-size:1.25rem;color:#fff;background:none;border:none;cursor:pointer;transition:color .2s}._modal-backdrop_8fveh_1 ._modal-content_8fveh_11 ._btn-close_8fveh_22:hover{color:#f87171}._modal-backdrop_8fveh_1 ._modal-content_8fveh_11 ._error-title_8fveh_36{font-size:1.75rem;font-weight:700;margin-bottom:1rem}._modal-backdrop_8fveh_1 ._modal-content_8fveh_11 ._error-title_8fveh_36 ._btn-retry_8fveh_41{background:linear-gradient(to right,#3b82f6,#06b6d4);color:#fff;font-weight:600;padding:.5rem 1.5rem;border-radius:.75rem;transition:background .3s ease;border:none;cursor:pointer}._modal-backdrop_8fveh_1 ._modal-content_8fveh_11 ._error-title_8fveh_36 ._btn-retry_8fveh_41:hover{background:linear-gradient(to right,#2563eb,#0891b2)}._modal-backdrop_8fveh_1 ._modal-content_8fveh_11 ._error-details_8fveh_54{background-color:#1e293b;text-align:left;font-size:.875rem;border-radius:.5rem;padding:1rem;margin-bottom:1.5rem;max-height:50vh;overflow-y:auto;border:1px solid #334155;display:flex;flex-direction:column;gap:.5rem}._modal-backdrop_8fveh_1 ._modal-content_8fveh_11 ._error-details_8fveh_54 pre{white-space:pre-wrap;word-break:break-word}._modal-backdrop_8fveh_1 ._modal-content_8fveh_11 ._error-details_8fveh_54 pre._main_8fveh_72{color:#fca5a5}._modal-backdrop_8fveh_1 ._modal-content_8fveh_11 ._error-details_8fveh_54 pre._network_8fveh_75{color:#fde68a}._modal-backdrop_8fveh_1 ._modal-content_8fveh_11 ._error-details_8fveh_54 pre._extra_8fveh_78{color:#67e8f9;overflow-x:auto;white-space:pre;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;background-color:#0f172a;padding:.5rem;border-radius:.375rem}._modal-backdrop_8fveh_1 ._modal-content_8fveh_11 ._error-details_8fveh_54 ul{padding-left:1rem;color:#fda4af;list-style:disc}
+._overlay_b1d9o_1,._full_b1d9o_1,._block_b1d9o_2{z-index:999999;background:linear-gradient(135deg,#ffffff59,#ffffffb3);-webkit-backdrop-filter:blur(20px) saturate(200%);backdrop-filter:blur(20px) saturate(200%);display:flex;justify-content:center;align-items:center;width:100%;height:100%;animation:_overlay-fade-in_b1d9o_1 .5s ease-out;border:1.5px solid rgba(255,255,255,.35);box-shadow:0 4px 32px #1f26872e,inset 0 1.5px 8px #ffffff40}._full_b1d9o_1,._block_b1d9o_2{pointer-events:none}._full_b1d9o_1{position:fixed;inset:0}._block_b1d9o_2{position:absolute;width:100%;height:100%;left:50%;top:50%;transform:translate(-50%,-50%);background:#ffffff1a;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}._container_b1d9o_40{display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;padding:1rem;gap:1.5rem;text-align:center}._container_b1d9o_40 ._ring_b1d9o_50{width:clamp(60px,10vw,150px);height:clamp(60px,10vw,150px);border:2px solid transparent;border-radius:50%;position:absolute;transition:transform .3s ease}._container_b1d9o_40 ._ring_b1d9o_50:nth-child(1){border-bottom:8px solid hsl(315,90%,60%);animation:_rotate1_b1d9o_1 1s linear infinite}._container_b1d9o_40 ._ring_b1d9o_50:nth-child(2){border-bottom:8px solid hsl(345,90%,50%);animation:_rotate2_b1d9o_1 1s linear infinite}._container_b1d9o_40 ._ring_b1d9o_50:nth-child(3){border-bottom:8px solid hsl(180,80%,40%);animation:_rotate3_b1d9o_1 1s linear infinite}._container_b1d9o_40 ._ring_b1d9o_50:nth-child(4){border-bottom:8px solid hsl(40,100%,45%);animation:_rotate4_b1d9o_1 1s linear infinite}._container_b1d9o_40 ._message_b1d9o_74{font-weight:700;color:#2f2f37;text-shadow:0 1px 2px rgba(255,255,255,.8);animation:_text-fade_b1d9o_1 2s ease-in-out infinite alternate;word-break:break-word;-webkit-hyphens:auto;hyphens:auto}@keyframes _rotate1_b1d9o_1{0%{transform:rotateX(50deg) rotate(110deg)}to{transform:rotateX(50deg) rotate(470deg)}}@keyframes _rotate2_b1d9o_1{0%{transform:rotateX(20deg) rotateY(50deg) rotate(20deg)}to{transform:rotateX(20deg) rotateY(50deg) rotate(380deg)}}@keyframes _rotate3_b1d9o_1{0%{transform:rotateX(40deg) rotateY(130deg) rotate(450deg)}to{transform:rotateX(40deg) rotateY(130deg) rotate(90deg)}}@keyframes _rotate4_b1d9o_1{0%{transform:rotateX(70deg) rotate(270deg)}to{transform:rotateX(70deg) rotate(630deg)}}@keyframes _text-fade_b1d9o_1{0%{opacity:.6}to{opacity:1}}@keyframes _overlay-fade-in_b1d9o_1{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion: reduce){._ring_b1d9o_50,._message_b1d9o_74,._overlay_b1d9o_1,._full_b1d9o_1,._block_b1d9o_2{animation:none!important}}._modal-backdrop_8fveh_1{position:fixed;inset:0;z-index:9999999;background-color:#0009;display:flex;align-items:center;justify-content:center;padding:1rem}._modal-backdrop_8fveh_1 ._modal-content_8fveh_11{position:relative;background-color:#0f172a;color:#fff;max-width:80vw;width:100%;border-radius:.75rem;box-shadow:0 10px 20px #00000080;overflow:hidden;padding:2rem}._modal-backdrop_8fveh_1 ._modal-content_8fveh_11 ._btn-close_8fveh_22{position:absolute;top:.75rem;right:1rem;font-size:1.25rem;color:#fff;background:none;border:none;cursor:pointer;transition:color .2s}._modal-backdrop_8fveh_1 ._modal-content_8fveh_11 ._btn-close_8fveh_22:hover{color:#f87171}._modal-backdrop_8fveh_1 ._modal-content_8fveh_11 ._error-title_8fveh_36{font-size:1.75rem;font-weight:700;margin-bottom:1rem}._modal-backdrop_8fveh_1 ._modal-content_8fveh_11 ._error-title_8fveh_36 ._btn-retry_8fveh_41{background:linear-gradient(to right,#3b82f6,#06b6d4);color:#fff;font-weight:600;padding:.5rem 1.5rem;border-radius:.75rem;transition:background .3s ease;border:none;cursor:pointer}._modal-backdrop_8fveh_1 ._modal-content_8fveh_11 ._error-title_8fveh_36 ._btn-retry_8fveh_41:hover{background:linear-gradient(to right,#2563eb,#0891b2)}._modal-backdrop_8fveh_1 ._modal-content_8fveh_11 ._error-details_8fveh_54{background-color:#1e293b;text-align:left;font-size:.875rem;border-radius:.5rem;padding:1rem;margin-bottom:1.5rem;max-height:50vh;overflow-y:auto;border:1px solid #334155;display:flex;flex-direction:column;gap:.5rem}._modal-backdrop_8fveh_1 ._modal-content_8fveh_11 ._error-details_8fveh_54 pre{white-space:pre-wrap;word-break:break-word}._modal-backdrop_8fveh_1 ._modal-content_8fveh_11 ._error-details_8fveh_54 pre._main_8fveh_72{color:#fca5a5}._modal-backdrop_8fveh_1 ._modal-content_8fveh_11 ._error-details_8fveh_54 pre._network_8fveh_75{color:#fde68a}._modal-backdrop_8fveh_1 ._modal-content_8fveh_11 ._error-details_8fveh_54 pre._extra_8fveh_78{color:#67e8f9;overflow-x:auto;white-space:pre;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;background-color:#0f172a;padding:.5rem;border-radius:.375rem}._modal-backdrop_8fveh_1 ._modal-content_8fveh_11 ._error-details_8fveh_54 ul{padding-left:1rem;color:#fda4af;list-style:disc}

package/dist/typescript/index.d.ts

@@ -0,0 +1,2 @@
+export * from './common.type.js';
+export * from './react.type.js';

package/dist/typescript/index.js

@@ -0,0 +1,4 @@
+import { E_Environment as r } from "./common.type.js";
+export {
+  r as E_Environment
+};

package/dist/{src/util → util}/common/common.util.js

@@ -1,17 +1,6 @@
-var u = Object.defineProperty;
-var a = Object.getOwnPropertySymbols;
-var O = Object.prototype.hasOwnProperty, D = Object.prototype.propertyIsEnumerable;
-var p = (n, r, e) => r in n ? u(n, r, { enumerable: !0, configurable: !0, writable: !0, value: e }) : n[r] = e, E = (n, r) => {
-  for (var e in r || (r = {}))
-    O.call(r, e) && p(n, e, r[e]);
-  if (a)
-    for (var e of a(r))
-      D.call(r, e) && p(n, e, r[e]);
-  return n;
-};
-import N from "unorm";
-import { E_Environment as o } from "../../typescript/common.js";
-const s = {
+import a from "unorm";
+import { E_Environment as o } from "../../typescript/common.type.js";
+const E = {
   a: ["à", "á", "ạ", "ả", "ã", "â", "ầ", "ấ", "ậ", "ẩ", "ẫ", "ă", "ằ", "ắ", "ặ", "ẳ", "ẵ"],
   e: ["è", "é", "ẹ", "ẻ", "ẽ", "ê", "ề", "ế", "ệ", "ể", "ễ"],
   i: ["ì", "í", "ị", "ỉ", "ĩ"],
@@ -19,23 +8,23 @@ const s = {
   u: ["ù", "ú", "ụ", "ủ", "ũ", "ư", "ừ", "ứ", "ự", "ử", "ữ"],
   y: ["ỳ", "ý", "ỵ", "ỷ", "ỹ"],
   d: ["đ"]
-}, m = Object.entries(s).reduce(
+}, p = Object.entries(E).reduce(
   (n, [r, e]) => (n[r.toUpperCase()] = e.map((t) => t.toUpperCase()), n),
   {}
 );
-function P(n) {
-  n = N.nfkc(n);
-  const r = E(E({}, s), m);
+function O(n) {
+  n = a.nfkc(n);
+  const r = { ...E, ...p };
   for (const [e, t] of Object.entries(r)) {
     const c = `[${e}${t.join("")}]`, i = `(${[e, ...t].join("|")})`;
     n = n.replace(new RegExp(c, "g"), i);
   }
   return n;
 }
-function V(n) {
+function D(n) {
   return n.normalize("NFD").replace(new RegExp("\\p{Diacritic}", "gu"), "");
 }
-function _(n, r) {
+function N(n, r) {
   if (!r)
     return Array.from(new Set(n));
   const e = /* @__PURE__ */ new Set(), t = [];
@@ -45,15 +34,15 @@ function _(n, r) {
   }
   return t;
 }
-function C(n) {
+function m(n) {
   const { NODE_ENV: r = o.DEVELOPMENT, NODE_ENV_MODE: e = o.DEVELOPMENT } = n, t = r === o.DEVELOPMENT && e === o.DEVELOPMENT, c = r === o.PRODUCTION && e === o.STAGING, i = r === o.PRODUCTION && e === o.PRODUCTION;
   if (r === o.PRODUCTION && e === o.DEVELOPMENT)
     throw new Error("NODE_ENV_MODE must be set to staging or production in production environment");
   return { IS_DEV: t, IS_STAG: c, IS_PROD: i };
 }
 export {
-  C as mapEnvironment,
-  P as regexSearchMapper,
-  V as removeAccent,
-  _ as uniqueArray
+  m as mapEnvironment,
+  O as regexSearchMapper,
+  D as removeAccent,
+  N as uniqueArray
 };

package/dist/{src/util → util}/object/object.util.d.ts

@@ -1,4 +1,4 @@
-import { T_Object } from '../../typescript/common.js';
+import { T_Object } from '../../typescript/index.js';
 /**
  * Check if a string is a valid JSON string.
  * @param str - The string to check.

package/dist/util/object/object.util.js

@@ -0,0 +1,67 @@
+function a(e) {
+  try {
+    return JSON.parse(e), !0;
+  } catch {
+    return !1;
+  }
+}
+function s(e) {
+  return typeof e == "object" && e !== null && !Array.isArray(e);
+}
+function f(...e) {
+  const t = {};
+  for (const n of e.flat())
+    for (const [r, u] of Object.entries(n)) {
+      const o = t[r];
+      if (Array.isArray(u)) {
+        const i = Array.isArray(o) ? o : [];
+        t[r] = [.../* @__PURE__ */ new Set([...i, ...u])];
+        continue;
+      }
+      if (s(u)) {
+        t[r] = f(
+          s(o) ? o : {},
+          u
+        );
+        continue;
+      }
+      t[r] = u;
+    }
+  return t;
+}
+function l(e) {
+  return JSON.parse(JSON.stringify(e));
+}
+function y(e, t) {
+  return t.reduce((n, r) => {
+    if (n && typeof n == "object" && r in n)
+      return n[r];
+  }, e);
+}
+function c(e, t, n) {
+  if (t.length === 0)
+    return e;
+  const [r, ...u] = t;
+  if (u.length === 0)
+    return {
+      ...e,
+      [r]: n
+    };
+  const o = e[r];
+  return {
+    ...e,
+    [r]: c(
+      typeof o == "object" && o !== null ? o : {},
+      u,
+      n
+    )
+  };
+}
+export {
+  l as deepClone,
+  f as deepMerge,
+  y as getNestedValue,
+  a as isJson,
+  s as isObject,
+  c as setNestedValue
+};

package/dist/util/string/string.util.js

@@ -0,0 +1,51 @@
+import i from "crypto-js";
+import c from "slugify";
+import { isObject as f } from "../object/object.util.js";
+const l = c.default || c;
+function g(e, r) {
+  const n = (t) => l(t ?? "", {
+    lower: r?.lower ?? !0,
+    locale: r?.locale ?? "vi",
+    ...r
+  });
+  if (f(e)) {
+    const t = {};
+    for (const [o, s] of Object.entries(e))
+      t[o] = n(s);
+    return t;
+  }
+  return n(e);
+}
+function m(e, r = 4) {
+  return i.SHA256(e).toString(i.enc.Hex).slice(0, r);
+}
+function h(e = 8) {
+  const r = "abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789!@#$%^&*()_+[]{}|;:,.<>?";
+  let n = "";
+  for (let t = 0; t < e; t++) {
+    const o = Math.floor(Math.random() * r.length);
+    n += r.charAt(o);
+  }
+  return n;
+}
+function x(e = "", r = !1) {
+  const n = e.split(/[?#]/)[0] || "", t = n.substring(n.lastIndexOf("/") + 1);
+  if (r)
+    return t;
+  const o = t.lastIndexOf(".");
+  return o > 0 ? t.slice(0, o) : t;
+}
+function w(e, r, n) {
+  const t = e.indexOf(r);
+  if (t === -1)
+    return "";
+  const o = t + r.length, s = e.indexOf(n, o);
+  return s === -1 ? "" : e.slice(o, s);
+}
+export {
+  h as generateRandomPassword,
+  m as generateShortId,
+  g as generateSlug,
+  x as getFileName,
+  w as substringBetween
+};