@steveencues/starter-react-ui 0.0.0-stage → 1.0.1

package/dist/index.js

@@ -0,0 +1,602 @@
+import { createContext as e, useCallback as t, useContext as n, useEffect as r, useMemo as i, useState as a } from "react";
+import { jsx as o } from "react/jsx-runtime";
+//#region src/libs/aplicacion/contexts/translate.context.ts
+var s = e(null), c = e(null);
+//#endregion
+//#region src/libs/aplicacion/hooks/use-language.ts
+function l() {
+	let e = n(s);
+	if (e === null) throw Error("useLanguage must be used inside TranslateProvider.");
+	return e;
+}
+//#endregion
+//#region src/libs/aplicacion/hooks/use-theme.ts
+function u() {
+	let e = n(c);
+	if (e === null) throw Error("useTheme must be used inside ThemeProvider.");
+	return e;
+}
+//#endregion
+//#region src/libs/infraestructura/storage/encrypted-preference.storage.ts
+async function d(e, t, n) {
+	if (t.length !== 0 && n.length !== 0) try {
+		let r = W();
+		if (r === void 0) return;
+		let i = await Q(t, n);
+		if (i === void 0) return;
+		r.setItem(e, i);
+	} catch {}
+}
+async function f(e, t) {
+	if (t.length !== 0) try {
+		let n = W();
+		if (n === void 0) return;
+		let r = n.getItem(e);
+		return r === null ? void 0 : await $(r, t);
+	} catch {
+		return;
+	}
+}
+//#endregion
+//#region src/libs/infraestructura/storage/language-preference.storage.ts
+var p = "starter-react-ui:language-preference:v1";
+function m(e, t) {
+	return d(p, e, t);
+}
+async function h(e, t) {
+	let n = await f(p, t);
+	if (n !== void 0 && e.includes(n)) return n;
+}
+//#endregion
+//#region src/libs/infraestructura/storage/theme-preference.storage.ts
+var g = "starter-react-ui:theme-preference:v1";
+function _(e, t) {
+	return d(g, e, t);
+}
+async function v(e, t) {
+	let n = await f(g, t);
+	if (n !== void 0) return e.find((e) => e.name === n)?.name;
+}
+//#endregion
+//#region src/libs/aplicacion/hooks/use-theme-preference.hook.ts
+function y(e, t, n) {
+	return {
+		...e,
+		themeName: t,
+		isLoaded: n
+	};
+}
+function b(e, t) {
+	return e.themes === t.themes && e.initialTheme === t.initialTheme && e.themeEncryptionKey === t.themeEncryptionKey;
+}
+async function ee(e) {
+	try {
+		return await v(e.themes, e.themeEncryptionKey);
+	} catch {
+		return;
+	}
+}
+function te(e, t) {
+	r(() => {
+		let n = !0;
+		return (async () => {
+			let r = await ee(e);
+			if (!n) return;
+			let i = z(e.themes, e.initialTheme);
+			t((t) => b(t, e) && t.isLoaded ? t : y(e, r ?? i.name, !0));
+		})(), () => {
+			n = !1;
+		};
+	}, [e, t]);
+}
+function ne(e, n) {
+	return t((t) => {
+		V(e.themes, t), n(y(e, t, !0));
+	}, [e, n]);
+}
+function x(e) {
+	let { themes: t, initialTheme: n, themeEncryptionKey: r } = e, o = i(() => ({
+		themes: t,
+		initialTheme: n,
+		themeEncryptionKey: r
+	}), [
+		t,
+		n,
+		r
+	]), [s, c] = a(() => y(o, z(t, n).name, !1));
+	te(o, c);
+	let l = b(s, o);
+	return {
+		themeName: l ? s.themeName : z(t, n).name,
+		isPreferenceLoaded: l && s.isLoaded,
+		setThemeName: ne(o, c)
+	};
+}
+//#endregion
+//#region src/libs/aplicacion/providers/translate.provider.tsx
+function S(e, t, n) {
+	return {
+		...e,
+		selectedLanguage: t,
+		isLoaded: n
+	};
+}
+function C(e, t) {
+	return e.translations === t.translations && e.initialLanguage === t.initialLanguage && e.fallbackLanguage === t.fallbackLanguage && e.languageEncryptionKey === t.languageEncryptionKey && e.languages === t.languages;
+}
+async function re(e) {
+	try {
+		return await h(e.languages, e.languageEncryptionKey);
+	} catch {
+		return;
+	}
+}
+function ie(e, t) {
+	r(() => {
+		let n = !0;
+		return (async () => {
+			let r = await re(e);
+			if (!n) return;
+			let i = j(e.translations, e.initialLanguage, e.fallbackLanguage);
+			t((t) => C(t, e) && t.isLoaded ? t : S(e, r ?? i, !0));
+		})(), () => {
+			n = !1;
+		};
+	}, [e, t]);
+}
+function ae(e, t, n) {
+	r(() => {
+		n && m(t, e.languageEncryptionKey);
+	}, [
+		e.languageEncryptionKey,
+		t,
+		n
+	]);
+}
+function oe(e, n) {
+	return t((t) => {
+		N(e.translations, t), n(S(e, t, !0));
+	}, [e, n]);
+}
+function se(e) {
+	let [t, n] = a(() => S(e, e.initialLanguage, !1));
+	ie(e, n);
+	let r = C(t, e), i = r ? t.selectedLanguage : e.initialLanguage, o = r && t.isLoaded, s = oe(e, n);
+	return {
+		language: M(e.translations, i, e.initialLanguage, e.fallbackLanguage),
+		isLoaded: o,
+		setLanguage: s
+	};
+}
+function ce({ translations: e, initialLanguage: t, fallbackLanguage: n = "en", languageEncryptionKey: r, children: a }) {
+	let c = i(() => Object.keys(e), [e]), l = i(() => ({
+		translations: e,
+		initialLanguage: t,
+		fallbackLanguage: n,
+		languageEncryptionKey: r,
+		languages: c
+	}), [
+		e,
+		t,
+		n,
+		r,
+		c
+	]), u = se(l);
+	ae(l, u.language, u.isLoaded);
+	let d = le(l, u);
+	return /* @__PURE__ */ o(s.Provider, {
+		value: d,
+		children: a
+	});
+}
+function le(e, n) {
+	let r = e.translations[n.language], a = e.translations[e.fallbackLanguage], o = t((e, t) => L(r, a, e, t), [r, a]);
+	return i(() => ({
+		language: n.language,
+		languages: e.languages,
+		setLanguage: n.setLanguage,
+		t: o
+	}), [
+		n.language,
+		n.setLanguage,
+		e.languages,
+		o
+	]);
+}
+//#endregion
+//#region src/libs/aplicacion/providers/theme-provider.tsx
+function ue({ themes: e, initialTheme: n, themeEncryptionKey: a, children: s }) {
+	let { themeName: l, isPreferenceLoaded: u, setThemeName: d } = x({
+		themes: e,
+		initialTheme: n,
+		themeEncryptionKey: a
+	}), f = B(e, l, n);
+	r(() => {
+		u && _(f.name, a);
+	}, [
+		u,
+		f.name,
+		a
+	]);
+	let p = t((e) => d(e), [d]), m = i(() => H(f), [f]), h = i(() => ({
+		theme: f,
+		themeName: f.name,
+		themes: e,
+		setTheme: p
+	}), [
+		f,
+		e,
+		p
+	]);
+	return /* @__PURE__ */ o(c.Provider, {
+		value: h,
+		children: /* @__PURE__ */ o("div", {
+			"data-rui-theme": f.name,
+			style: {
+				...m,
+				display: "contents"
+			},
+			children: s
+		})
+	});
+}
+//#endregion
+//#region src/libs/domain/enums/translation-regex.enum.ts
+var w = Object.freeze({ INTERPOLATION_PLACEHOLDER: String.raw`\{\{([a-zA-Z0-9_]+)\}\}` }), de = "g", T = "AES-GCM", fe = 12, E = "SHA-256", pe = "raw", D = ".", O = ["encrypt", "decrypt"], me = 2, k = {
+	SURFACE_BACKGROUND: "--rui-surface-background",
+	SURFACE_SURFACE: "--rui-surface-surface",
+	SURFACE_SURFACE_ELEVATED: "--rui-surface-surface-elevated",
+	SURFACE_SURFACE_HOVER: "--rui-surface-surface-hover",
+	SURFACE_SURFACE_ACTIVE: "--rui-surface-surface-active",
+	SURFACE_SURFACE_DISABLED: "--rui-surface-surface-disabled",
+	TEXT_PRIMARY: "--rui-text-primary",
+	TEXT_SECONDARY: "--rui-text-secondary",
+	TEXT_MUTED: "--rui-text-muted",
+	TEXT_DISABLED: "--rui-text-disabled",
+	TEXT_INVERSE: "--rui-text-inverse",
+	TEXT_LINK: "--rui-text-link",
+	TEXT_LINK_HOVER: "--rui-text-link-hover",
+	BRAND_PRIMARY: "--rui-brand-primary",
+	BRAND_PRIMARY_HOVER: "--rui-brand-primary-hover",
+	BRAND_PRIMARY_ACTIVE: "--rui-brand-primary-active",
+	BRAND_PRIMARY_CONTRAST: "--rui-brand-primary-contrast",
+	BRAND_SECONDARY: "--rui-brand-secondary",
+	BRAND_SECONDARY_HOVER: "--rui-brand-secondary-hover",
+	BRAND_SECONDARY_ACTIVE: "--rui-brand-secondary-active",
+	BRAND_SECONDARY_CONTRAST: "--rui-brand-secondary-contrast",
+	BRAND_ACCENT: "--rui-brand-accent",
+	BRAND_ACCENT_HOVER: "--rui-brand-accent-hover",
+	BRAND_ACCENT_CONTRAST: "--rui-brand-accent-contrast",
+	STATE_SUCCESS: "--rui-state-success",
+	STATE_SUCCESS_BACKGROUND: "--rui-state-success-background",
+	STATE_WARNING: "--rui-state-warning",
+	STATE_WARNING_BACKGROUND: "--rui-state-warning-background",
+	STATE_ERROR: "--rui-state-error",
+	STATE_ERROR_BACKGROUND: "--rui-state-error-background",
+	STATE_INFO: "--rui-state-info",
+	STATE_INFO_BACKGROUND: "--rui-state-info-background",
+	BORDER_DEFAULT: "--rui-border-default",
+	BORDER_SUBTLE: "--rui-border-subtle",
+	BORDER_STRONG: "--rui-border-strong",
+	BORDER_FOCUS: "--rui-border-focus",
+	BORDER_HOVER: "--rui-border-hover",
+	BORDER_ACTIVE: "--rui-border-active",
+	BORDER_DISABLED: "--rui-border-disabled",
+	SHADOW_COLOR: "--rui-shadow-color",
+	SHADOW_SUBTLE: "--rui-shadow-subtle",
+	SHADOW_SMALL: "--rui-shadow-small",
+	SHADOW_MEDIUM: "--rui-shadow-medium",
+	SHADOW_LARGE: "--rui-shadow-large",
+	SHADOW_GLOW: "--rui-shadow-glow",
+	EFFECTS_OVERLAY: "--rui-effects-overlay",
+	EFFECTS_BACKDROP: "--rui-effects-backdrop",
+	EFFECTS_BLUR: "--rui-effects-blur",
+	EFFECTS_BLUR_STRONG: "--rui-effects-blur-strong",
+	EFFECTS_GLASS_BACKGROUND: "--rui-effects-glass-background",
+	EFFECTS_GLASS_BORDER: "--rui-effects-glass-border",
+	TYPOGRAPHY_HEADING_PRIMARY: "--rui-typography-heading-primary",
+	TYPOGRAPHY_HEADING_SECONDARY: "--rui-typography-heading-secondary",
+	TYPOGRAPHY_HEADING_MUTED: "--rui-typography-heading-muted",
+	TYPOGRAPHY_BODY_PRIMARY: "--rui-typography-body-primary",
+	TYPOGRAPHY_BODY_SECONDARY: "--rui-typography-body-secondary",
+	TYPOGRAPHY_BODY_MUTED: "--rui-typography-body-muted",
+	TYPOGRAPHY_LABEL_PRIMARY: "--rui-typography-label-primary",
+	TYPOGRAPHY_LABEL_SECONDARY: "--rui-typography-label-secondary",
+	TYPOGRAPHY_LABEL_MUTED: "--rui-typography-label-muted",
+	TYPOGRAPHY_BUTTON_PRIMARY: "--rui-typography-button-primary",
+	TYPOGRAPHY_BUTTON_SECONDARY: "--rui-typography-button-secondary"
+};
+//#endregion
+//#region src/libs/aplicacion/utils/translation.utils.ts
+function A(e, t) {
+	return Object.hasOwn(e, t);
+}
+function he(e) {
+	let [t] = Object.keys(e);
+	return t;
+}
+function j(e, t, n) {
+	if (A(e, t)) return t;
+	if (A(e, n)) return n;
+	let r = he(e);
+	if (r === void 0) throw Error("TranslateProvider requires at least one translation catalog.");
+	return r;
+}
+function M(e, t, n, r) {
+	return A(e, t) ? t : j(e, n, r);
+}
+function N(e, t) {
+	if (!A(e, t)) throw Error(`Language "${t}" is not available in the translation catalog.`);
+}
+function ge(e, t) {
+	let n = e;
+	for (let e of t.split(".")) {
+		if (typeof n == "string" || !Object.hasOwn(n, e)) return;
+		n = n[e];
+	}
+	return n;
+}
+function P(e, t) {
+	if (e === void 0 || t === "") return;
+	let n = ge(e, t);
+	return typeof n == "string" ? n : void 0;
+}
+function _e(e, t, n) {
+	let r = n?.[t];
+	return r === void 0 ? e : String(r);
+}
+function F(e, t) {
+	let n = new RegExp(w.INTERPOLATION_PLACEHOLDER, "g");
+	return e.replace(n, (e, n) => _e(e, n, t));
+}
+function I(e, t, n) {
+	let r = P(e, n);
+	return r === void 0 ? P(t, n) ?? n : r;
+}
+function L(e, t, n, r) {
+	return F(I(e, t, n), r);
+}
+//#endregion
+//#region src/libs/aplicacion/utils/theme.utils.ts
+function R(e, t) {
+	return e.find((e) => e.name === t);
+}
+function ve(e) {
+	if (e.length === 0) throw Error("ThemeProvider requires at least one registered theme.");
+	return e[0];
+}
+function z(e, t) {
+	return R(e, t) ?? ve(e);
+}
+function B(e, t, n) {
+	return R(e, t) ?? z(e, n);
+}
+function V(e, t) {
+	if (R(e, t) === void 0) throw Error(`Theme "${t}" is not registered in ThemeProvider.`);
+}
+function ye(e) {
+	return {
+		[k.SURFACE_BACKGROUND]: e.surface.background,
+		[k.SURFACE_SURFACE]: e.surface.surface,
+		[k.SURFACE_SURFACE_ELEVATED]: e.surface.surfaceElevated,
+		[k.SURFACE_SURFACE_HOVER]: e.surface.surfaceHover,
+		[k.SURFACE_SURFACE_ACTIVE]: e.surface.surfaceActive,
+		[k.SURFACE_SURFACE_DISABLED]: e.surface.surfaceDisabled
+	};
+}
+function be(e) {
+	return {
+		[k.TEXT_PRIMARY]: e.text.primary,
+		[k.TEXT_SECONDARY]: e.text.secondary,
+		[k.TEXT_MUTED]: e.text.muted,
+		[k.TEXT_DISABLED]: e.text.disabled,
+		[k.TEXT_INVERSE]: e.text.inverse,
+		[k.TEXT_LINK]: e.text.link,
+		[k.TEXT_LINK_HOVER]: e.text.linkHover
+	};
+}
+function xe(e) {
+	return {
+		[k.BRAND_PRIMARY]: e.brand.primary,
+		[k.BRAND_PRIMARY_HOVER]: e.brand.primaryHover,
+		[k.BRAND_PRIMARY_ACTIVE]: e.brand.primaryActive,
+		[k.BRAND_PRIMARY_CONTRAST]: e.brand.primaryContrast,
+		[k.BRAND_SECONDARY]: e.brand.secondary,
+		[k.BRAND_SECONDARY_HOVER]: e.brand.secondaryHover,
+		[k.BRAND_SECONDARY_ACTIVE]: e.brand.secondaryActive,
+		[k.BRAND_SECONDARY_CONTRAST]: e.brand.secondaryContrast,
+		[k.BRAND_ACCENT]: e.brand.accent,
+		[k.BRAND_ACCENT_HOVER]: e.brand.accentHover,
+		[k.BRAND_ACCENT_CONTRAST]: e.brand.accentContrast
+	};
+}
+function Se(e) {
+	return {
+		[k.STATE_SUCCESS]: e.state.success,
+		[k.STATE_SUCCESS_BACKGROUND]: e.state.successBackground,
+		[k.STATE_WARNING]: e.state.warning,
+		[k.STATE_WARNING_BACKGROUND]: e.state.warningBackground,
+		[k.STATE_ERROR]: e.state.error,
+		[k.STATE_ERROR_BACKGROUND]: e.state.errorBackground,
+		[k.STATE_INFO]: e.state.info,
+		[k.STATE_INFO_BACKGROUND]: e.state.infoBackground
+	};
+}
+function Ce(e) {
+	return {
+		[k.BORDER_DEFAULT]: e.border.default,
+		[k.BORDER_SUBTLE]: e.border.subtle,
+		[k.BORDER_STRONG]: e.border.strong,
+		[k.BORDER_FOCUS]: e.border.focus,
+		[k.BORDER_HOVER]: e.border.hover,
+		[k.BORDER_ACTIVE]: e.border.active,
+		[k.BORDER_DISABLED]: e.border.disabled
+	};
+}
+function we(e) {
+	return {
+		[k.SHADOW_COLOR]: e.shadow.color,
+		[k.SHADOW_SUBTLE]: e.shadow.subtle,
+		[k.SHADOW_SMALL]: e.shadow.small,
+		[k.SHADOW_MEDIUM]: e.shadow.medium,
+		[k.SHADOW_LARGE]: e.shadow.large,
+		[k.SHADOW_GLOW]: e.shadow.glow
+	};
+}
+function Te(e) {
+	return {
+		[k.EFFECTS_OVERLAY]: e.effects.overlay,
+		[k.EFFECTS_BACKDROP]: e.effects.backdrop,
+		[k.EFFECTS_BLUR]: e.effects.blur,
+		[k.EFFECTS_BLUR_STRONG]: e.effects.blurStrong,
+		[k.EFFECTS_GLASS_BACKGROUND]: e.effects.glassBackground,
+		[k.EFFECTS_GLASS_BORDER]: e.effects.glassBorder
+	};
+}
+function Ee(e) {
+	return {
+		[k.TYPOGRAPHY_HEADING_PRIMARY]: e.typography.heading.primary,
+		[k.TYPOGRAPHY_HEADING_SECONDARY]: e.typography.heading.secondary,
+		[k.TYPOGRAPHY_HEADING_MUTED]: e.typography.heading.muted,
+		[k.TYPOGRAPHY_BODY_PRIMARY]: e.typography.body.primary,
+		[k.TYPOGRAPHY_BODY_SECONDARY]: e.typography.body.secondary,
+		[k.TYPOGRAPHY_BODY_MUTED]: e.typography.body.muted,
+		[k.TYPOGRAPHY_LABEL_PRIMARY]: e.typography.label.primary,
+		[k.TYPOGRAPHY_LABEL_SECONDARY]: e.typography.label.secondary,
+		[k.TYPOGRAPHY_LABEL_MUTED]: e.typography.label.muted,
+		[k.TYPOGRAPHY_BUTTON_PRIMARY]: e.typography.button.primary,
+		[k.TYPOGRAPHY_BUTTON_SECONDARY]: e.typography.button.secondary
+	};
+}
+function H(e) {
+	let { colors: t } = e;
+	return {
+		...ye(t),
+		...be(t),
+		...xe(t),
+		...Se(t),
+		...Ce(t),
+		...we(t),
+		...Te(t),
+		...Ee(t)
+	};
+}
+//#endregion
+//#region src/libs/aplicacion/utils/crypto-api.util.ts
+function U() {
+	try {
+		return globalThis.crypto;
+	} catch {
+		return;
+	}
+}
+//#endregion
+//#region src/libs/aplicacion/utils/storage-api.util.ts
+function W() {
+	try {
+		return globalThis.localStorage;
+	} catch {
+		return;
+	}
+}
+//#endregion
+//#region src/libs/aplicacion/utils/text-encoding.util.ts
+function G(e) {
+	return new TextEncoder().encode(e);
+}
+function K(e) {
+	return new TextDecoder().decode(e);
+}
+//#endregion
+//#region src/libs/aplicacion/utils/base64.util.ts
+function q(e) {
+	let t = "";
+	for (let n of e) t += String.fromCharCode(n);
+	return btoa(t);
+}
+function J(e) {
+	let t = atob(e), n = new Uint8Array(t.length);
+	for (let e = 0; e < t.length; e += 1) n[e] = t.charCodeAt(e);
+	return n;
+}
+//#endregion
+//#region src/libs/aplicacion/services/encryption.service.ts
+async function Y(e) {
+	let t = U();
+	if (t === void 0 || e.length === 0) return;
+	let n = await t.subtle.digest(E, G(e));
+	return t.subtle.importKey("raw", n, { name: T }, !1, O);
+}
+function De() {
+	let e = U();
+	if (e === void 0) throw Error("Cryptographic API is unavailable.");
+	return e.getRandomValues(/* @__PURE__ */ new Uint8Array(12));
+}
+function Oe(e) {
+	try {
+		let t = J(e);
+		return t.length === 12 ? t : void 0;
+	} catch {
+		return;
+	}
+}
+function ke(e) {
+	return e.length === 2;
+}
+function X(e) {
+	if (ke(e)) return [e[0], e[1]];
+}
+function Ae(e) {
+	let t = X(e.split("."));
+	if (t === void 0) return;
+	let [n, r] = t, i = Oe(n);
+	if (i !== void 0) try {
+		return {
+			iv: i,
+			ciphertext: J(r)
+		};
+	} catch {
+		return;
+	}
+}
+async function je(e, t, n) {
+	return Z().subtle.encrypt({
+		name: T,
+		iv: n
+	}, t, e);
+}
+async function Me(e, t) {
+	return Z().subtle.decrypt({
+		name: T,
+		iv: e.iv
+	}, t, e.ciphertext);
+}
+function Z() {
+	let e = U();
+	if (e === void 0) throw Error("Cryptographic API is unavailable.");
+	return e;
+}
+async function Q(e, t) {
+	try {
+		let n = await Y(t);
+		if (n === void 0) return;
+		let r = De(), i = await je(G(e), n, r);
+		return [q(r), q(new Uint8Array(i))].join(".");
+	} catch {
+		return;
+	}
+}
+async function $(e, t) {
+	try {
+		let n = Ae(e);
+		if (n === void 0) return;
+		let r = await Y(t);
+		return r === void 0 ? void 0 : K(await Me(n, r));
+	} catch {
+		return;
+	}
+}
+//#endregion
+export { T as AES_GCM_ALGORITHM, fe as AES_GCM_IV_LENGTH, me as ENCRYPTED_VALUE_PART_COUNT, de as GLOBAL_REGEX_FLAG, O as KEY_USAGES, pe as RAW_KEY_FORMAT, E as SHA_256_ALGORITHM, D as STORAGE_VALUE_SEPARATOR, c as ThemeContext, k as ThemeCssVariable, ue as ThemeProvider, s as TranslateContext, ce as TranslateProvider, w as TranslationRegex, N as assertLanguageExists, V as assertThemeExists, H as createThemeVariables, J as decodeBase64, K as decodeText, $ as decryptText, q as encodeBase64, G as encodeText, Q as encryptText, P as findTranslation, U as getCryptoApi, W as getLocalStorage, F as interpolateTranslation, f as loadEncryptedPreference, h as loadLanguagePreference, v as loadThemePreference, M as resolveActiveLanguage, B as resolveActiveTheme, j as resolveInitialLanguage, z as resolveInitialTheme, d as saveEncryptedPreference, m as saveLanguagePreference, _ as saveThemePreference, L as translateMessage, l as useLanguage, u as useTheme, x as useThemePreference };
+
+//# sourceMappingURL=index.js.map