@churchapps/apphelper 0.2.29 → 0.2.31

package/dist/helpers/Locale.d.ts

@@ -0,0 +1,6 @@
+export declare class Locale {
+    private static keys;
+    static init: (backends: string[]) => Promise<void>;
+    static label(key: string): string;
+}
+//# sourceMappingURL=Locale.d.ts.map

package/dist/helpers/Locale.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Locale.d.ts","sourceRoot":"","sources":["../../src/helpers/Locale.ts"],"names":[],"mappings":"AAQA,qBAAa,MAAM;IAEjB,OAAO,CAAC,MAAM,CAAC,IAAI,CAAS;IAE5B,MAAM,CAAC,IAAI,aAAmB,MAAM,EAAE,mBAerC;IAED,MAAM,CAAC,KAAK,CAAC,GAAG,EAAC,MAAM;CAmDxB"}

package/dist/helpers/Locale.js

@@ -0,0 +1,56 @@
+"use strict";
+/*
+import i18n from 'i18next';
+import { initReactI18next } from 'react-i18next';
+import LanguageDetector from 'i18next-browser-languagedetector';
+import Backend from 'i18next-chained-backend';
+import HttpBackend from 'i18next-http-backend';
+*/
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var _a;
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Locale = void 0;
+class Locale {
+    static label(key) {
+        const parts = key.split(".");
+        let result = key;
+        let obj = this.keys;
+        for (let part of parts) {
+            if (obj[part]) {
+                obj = obj[part];
+                result = obj;
+            }
+            else {
+                return key;
+            }
+        }
+        return result;
+    }
+}
+exports.Locale = Locale;
+_a = Locale;
+Locale.keys = {};
+Locale.init = (backends) => __awaiter(void 0, void 0, void 0, function* () {
+    const l = navigator.language.split("-")[0];
+    const langs = (l === "en") ? [l] : ["en", l];
+    console.log("LANGUAGE", navigator.language, l, langs);
+    let result = {};
+    for (let lang of langs) {
+        for (let backend of backends) {
+            let url = backend.replace("{{lng}}", lang);
+            console.log(url);
+            const data = yield fetch(url).then((response) => response.json());
+            result = Object.assign(Object.assign({}, result), data);
+        }
+    }
+    _a.keys = result;
+});
+//# sourceMappingURL=Locale.js.map

package/dist/helpers/Locale.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Locale.js","sourceRoot":"","sources":["../../src/helpers/Locale.ts"],"names":[],"mappings":";AAAA;;;;;;EAME;;;;;;;;;;;;;AAEF,MAAa,MAAM;IAqBjB,MAAM,CAAC,KAAK,CAAC,GAAU;QACrB,MAAM,KAAK,GAAG,GAAG,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;QAC7B,IAAI,MAAM,GAAG,GAAG,CAAC;QACjB,IAAI,GAAG,GAAG,IAAI,CAAC,IAAI,CAAC;QACpB,KAAK,IAAI,IAAI,IAAI,KAAK,EAAE;YACtB,IAAI,GAAG,CAAC,IAAI,CAAC,EAAE;gBACb,GAAG,GAAG,GAAG,CAAC,IAAI,CAAC,CAAC;gBAChB,MAAM,GAAG,GAAG,CAAC;aACd;iBAAM;gBACL,OAAO,GAAG,CAAC;aACZ;SACF;QACD,OAAO,MAAM,CAAC;IAChB,CAAC;;AAlCH,wBAwEC;;AAtEgB,WAAI,GAAO,EAAE,AAAT,CAAS;AAErB,WAAI,GAAG,CAAO,QAAiB,EAAE,EAAE;IACxC,MAAM,CAAC,GAAG,SAAS,CAAC,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;IAC3C,MAAM,KAAK,GAAG,CAAC,CAAC,KAAG,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC;IAC3C,OAAO,CAAC,GAAG,CAAC,UAAU,EAAE,SAAS,CAAC,QAAQ,EAAE,CAAC,EAAE,KAAK,CAAC,CAAC;IAEtD,IAAI,MAAM,GAAG,EAAE,CAAC;IAChB,KAAK,IAAI,IAAI,IAAI,KAAK,EAAE;QACtB,KAAK,IAAI,OAAO,IAAI,QAAQ,EAAE;YAC5B,IAAI,GAAG,GAAG,OAAO,CAAC,OAAO,CAAC,SAAS,EAAE,IAAI,CAAC,CAAC;YAC3C,OAAO,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;YACjB,MAAM,IAAI,GAAG,MAAM,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,CAAC,QAAQ,EAAE,EAAE,CAAC,QAAQ,CAAC,IAAI,EAAE,CAAC,CAAC;YAClE,MAAM,mCAAO,MAAM,GAAK,IAAI,CAAC,CAAC;SAC/B;KACF;IACD,EAAI,CAAC,IAAI,GAAG,MAAM,CAAC;AACrB,CAAC,CAAA,AAfU,CAeV"}

package/dist/helpers/index.d.ts

@@ -8,6 +8,7 @@ export { DateHelper } from "./DateHelper";
 export { ErrorHelper } from "./ErrorHelper";
 export { EventHelper } from "./EventHelper";
 export { FileHelper } from "./FileHelper";
+export { Locale } from "./Locale";
 export { PersonHelper } from "./PersonHelper";
 export { SocketHelper } from "./SocketHelper";
 export { Themes } from "./Themes";

package/dist/helpers/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/helpers/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC;AACpC,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AACpE,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AACjD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAC7C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AACjC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,mBAAmB,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAC3E,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/helpers/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC;AACpC,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AACpE,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AACjD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAC7C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AACjC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,mBAAmB,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAC3E,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC"}

package/dist/helpers/index.js

@@ -14,7 +14,7 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.SlugHelper = exports.AppearanceHelper = exports.DonationHelper = exports.createEmotionCache = exports.UniqueIdHelper = exports.UserHelper = exports.Themes = exports.SocketHelper = exports.PersonHelper = exports.FileHelper = exports.EventHelper = exports.ErrorHelper = exports.DateHelper = exports.CurrencyHelper = exports.CommonEnvironmentHelper = exports.ArrayHelper = exports.ApiHelper = exports.AnalyticsHelper = void 0;
+exports.SlugHelper = exports.AppearanceHelper = exports.DonationHelper = exports.createEmotionCache = exports.UniqueIdHelper = exports.UserHelper = exports.Themes = exports.SocketHelper = exports.PersonHelper = exports.Locale = exports.FileHelper = exports.EventHelper = exports.ErrorHelper = exports.DateHelper = exports.CurrencyHelper = exports.CommonEnvironmentHelper = exports.ArrayHelper = exports.ApiHelper = exports.AnalyticsHelper = void 0;
 __exportStar(require("@churchapps/helpers"), exports);
 var AnalyticsHelper_1 = require("./AnalyticsHelper");
 Object.defineProperty(exports, "AnalyticsHelper", { enumerable: true, get: function () { return AnalyticsHelper_1.AnalyticsHelper; } });
@@ -34,6 +34,8 @@ var EventHelper_1 = require("./EventHelper");
 Object.defineProperty(exports, "EventHelper", { enumerable: true, get: function () { return EventHelper_1.EventHelper; } });
 var FileHelper_1 = require("./FileHelper");
 Object.defineProperty(exports, "FileHelper", { enumerable: true, get: function () { return FileHelper_1.FileHelper; } });
+var Locale_1 = require("./Locale");
+Object.defineProperty(exports, "Locale", { enumerable: true, get: function () { return Locale_1.Locale; } });
 var PersonHelper_1 = require("./PersonHelper");
 Object.defineProperty(exports, "PersonHelper", { enumerable: true, get: function () { return PersonHelper_1.PersonHelper; } });
 var SocketHelper_1 = require("./SocketHelper");

package/dist/helpers/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/helpers/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,sDAAoC;AACpC,qDAAoD;AAA3C,kHAAA,eAAe,OAAA;AACxB,yCAAwC;AAA/B,sGAAA,SAAS,OAAA;AAClB,6CAA4C;AAAnC,0GAAA,WAAW,OAAA;AACpB,qEAAoE;AAA3D,kIAAA,uBAAuB,OAAA;AAChC,mDAAiD;AAAxC,gHAAA,cAAc,OAAA;AACvB,2CAA0C;AAAjC,wGAAA,UAAU,OAAA;AACnB,6CAA4C;AAAnC,0GAAA,WAAW,OAAA;AACpB,6CAA4C;AAAnC,0GAAA,WAAW,OAAA;AACpB,2CAA0C;AAAjC,wGAAA,UAAU,OAAA;AACnB,+CAA6C;AAApC,4GAAA,YAAY,OAAA;AACrB,+CAA8C;AAArC,4GAAA,YAAY,OAAA;AACrB,mCAAiC;AAAxB,gGAAA,MAAM,OAAA;AACf,2CAA0C;AAAjC,wGAAA,UAAU,OAAA;AACnB,mDAAkD;AAAzC,gHAAA,cAAc,OAAA;AACvB,2DAA0D;AAAjD,wHAAA,kBAAkB,OAAA;AAC3B,mDAAkD;AAAzC,gHAAA,cAAc,OAAA;AACvB,uDAA2E;AAA7C,oHAAA,gBAAgB,OAAA;AAC9C,2CAA0C;AAAjC,wGAAA,UAAU,OAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/helpers/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,sDAAoC;AACpC,qDAAoD;AAA3C,kHAAA,eAAe,OAAA;AACxB,yCAAwC;AAA/B,sGAAA,SAAS,OAAA;AAClB,6CAA4C;AAAnC,0GAAA,WAAW,OAAA;AACpB,qEAAoE;AAA3D,kIAAA,uBAAuB,OAAA;AAChC,mDAAiD;AAAxC,gHAAA,cAAc,OAAA;AACvB,2CAA0C;AAAjC,wGAAA,UAAU,OAAA;AACnB,6CAA4C;AAAnC,0GAAA,WAAW,OAAA;AACpB,6CAA4C;AAAnC,0GAAA,WAAW,OAAA;AACpB,2CAA0C;AAAjC,wGAAA,UAAU,OAAA;AACnB,mCAAkC;AAAzB,gGAAA,MAAM,OAAA;AACf,+CAA6C;AAApC,4GAAA,YAAY,OAAA;AACrB,+CAA8C;AAArC,4GAAA,YAAY,OAAA;AACrB,mCAAiC;AAAxB,gGAAA,MAAM,OAAA;AACf,2CAA0C;AAAjC,wGAAA,UAAU,OAAA;AACnB,mDAAkD;AAAzC,gHAAA,cAAc,OAAA;AACvB,2DAA0D;AAAjD,wHAAA,kBAAkB,OAAA;AAC3B,mDAAkD;AAAzC,gHAAA,cAAc,OAAA;AACvB,uDAA2E;AAA7C,oHAAA,gBAAgB,OAAA;AAC9C,2CAA0C;AAAjC,wGAAA,UAAU,OAAA"}

package/dist/pageComponents/components/Login.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Login.d.ts","sourceRoot":"","sources":["../../../src/pageComponents/components/Login.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAkB,UAAU,EAAE,MAAM,eAAe,CAAC;AAE3D,UAAU,KAAK;IAGb,KAAK,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,IAAI,CAAC;IAC3B,YAAY,EAAE,OAAO,CAAC;IACtB,eAAe,EAAE,CAAC,YAAY,EAAE,OAAO,KAAK,IAAI,CAAC;IACjD,aAAa,EAAE,CAAC,UAAU,EAAE,OAAO,KAAK,IAAI,CAAC;IAC7C,SAAS,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACtC,qBAAqB,CAAC,EAAE,UAAU,CAAC;CACpC;AAED,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAsCjC,CAAA"}
+{"version":3,"file":"Login.d.ts","sourceRoot":"","sources":["../../../src/pageComponents/components/Login.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAkB,UAAU,EAAE,MAAM,eAAe,CAAC;AAG3D,UAAU,KAAK;IAGb,KAAK,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,IAAI,CAAC;IAC3B,YAAY,EAAE,OAAO,CAAC;IACtB,eAAe,EAAE,CAAC,YAAY,EAAE,OAAO,KAAK,IAAI,CAAC;IACjD,aAAa,EAAE,CAAC,UAAU,EAAE,OAAO,KAAK,IAAI,CAAC;IAC7C,SAAS,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACtC,qBAAqB,CAAC,EAAE,UAAU,CAAC;CACpC;AAED,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAsCjC,CAAA"}

package/dist/pageComponents/components/Login.js

@@ -18,6 +18,7 @@ exports.Login = void 0;
 const react_1 = __importDefault(require("react"));
 const components_1 = require("../../components");
 const material_1 = require("@mui/material");
+const Locale_1 = require("../../helpers/Locale");
 const Login = (_a) => {
     var { mainContainerCssProps = {} } = _a, props = __rest(_a, ["mainContainerCssProps"]);
     const [email, setEmail] = react_1.default.useState("");
@@ -26,11 +27,11 @@ const Login = (_a) => {
     const validate = () => {
         const result = [];
         if (!email)
-            result.push("Please enter your email address.");
+            result.push(Locale_1.Locale.label("login.validate.email"));
         else if (!validateEmail(email))
-            result.push("Please enter a valid email address.");
+            result.push(Locale_1.Locale.label("login.validate.email"));
         if (!password)
-            result.push("Please enter your password.");
+            result.push(Locale_1.Locale.label("login.validate.password"));
         props.setErrors(result);
         return result.length === 0;
     };
@@ -39,18 +40,18 @@ const Login = (_a) => {
             props.login({ email, password });
     };
     const getRegisterLink = () => (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement("a", { href: "about:blank", className: "text-decoration", onClick: handleShowRegister }, "Register"),
+        react_1.default.createElement("a", { href: "about:blank", className: "text-decoration", onClick: handleShowRegister }, Locale_1.Locale.label("login.register")),
         " \u00A0 | \u00A0 "));
     const handleShowRegister = (e) => {
         e.preventDefault();
         props.setShowRegister(true);
     };
-    return (react_1.default.createElement(components_1.InputBox, { headerText: "Please Sign In", saveFunction: submitLogin, saveButtonType: "submit", saveText: props.isSubmitting ? "Please wait..." : "Sign in", isSubmitting: props.isSubmitting, mainContainerCssProps: mainContainerCssProps },
-        react_1.default.createElement(material_1.TextField, { fullWidth: true, autoFocus: true, name: "email", type: "email", label: "Email", value: email, onChange: (e) => { e.preventDefault(); setEmail(e.target.value); } }),
-        react_1.default.createElement(material_1.TextField, { fullWidth: true, name: "email", type: "password", label: "Password", value: password, onChange: (e) => { e.preventDefault(); setPassword(e.target.value); } }),
+    return (react_1.default.createElement(components_1.InputBox, { headerText: Locale_1.Locale.label("login.signInTitle"), saveFunction: submitLogin, saveButtonType: "submit", saveText: props.isSubmitting ? Locale_1.Locale.label("common.pleaseWait") : Locale_1.Locale.label("login.signIn"), isSubmitting: props.isSubmitting, mainContainerCssProps: mainContainerCssProps },
+        react_1.default.createElement(material_1.TextField, { fullWidth: true, autoFocus: true, name: "email", type: "email", label: Locale_1.Locale.label("login.email"), value: email, onChange: (e) => { e.preventDefault(); setEmail(e.target.value); } }),
+        react_1.default.createElement(material_1.TextField, { fullWidth: true, name: "email", type: "password", label: Locale_1.Locale.label("login.password"), value: password, onChange: (e) => { e.preventDefault(); setPassword(e.target.value); } }),
         react_1.default.createElement(material_1.Box, { sx: { textAlign: "right", marginY: 1 } },
             getRegisterLink(),
-            react_1.default.createElement("a", { href: "about:blank", className: "text-decoration", onClick: (e) => { e.preventDefault(); props.setShowForgot(true); } }, "Forgot Password"),
+            react_1.default.createElement("a", { href: "about:blank", className: "text-decoration", onClick: (e) => { e.preventDefault(); props.setShowForgot(true); } }, Locale_1.Locale.label("login.forgot")),
             "\u00A0")));
 };
 exports.Login = Login;

package/dist/pageComponents/components/Login.js.map

@@ -1 +1 @@
-{"version":3,"file":"Login.js","sourceRoot":"","sources":["../../../src/pageComponents/components/Login.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Login.js","sourceRoot":"","sources":["../../../src/pageComponents/components/Login.tsx"],"names":[],"mappings":"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"}

package/dist/public/locales/en.json

@@ -0,0 +1,22 @@
+{
+  "common": {
+    "cancel": "Cancel",
+    "delete": "Delete",
+    "edit": "Edit",
+    "save": "Save",
+    "submit": "Submit",
+    "pleaseWait": "Please wait..."
+  },
+  "login": {
+    "email": "Email",
+    "password": "Password",
+    "forgot": "Forgot Password",
+    "signInTitle": "Please Sign In",
+    "signIn": "Sign In",
+    "register": "Register",
+    "validate": {
+      "email": "Please enter a valid email address.",
+      "password": "Please enter a password."
+    }
+  }
+}

package/dist/public/locales/es.json

@@ -0,0 +1,22 @@
+{
+  "common": {
+    "cancel": "Cancelar",
+    "delete": "Eliminar",
+    "edit": "Editar",
+    "save": "Guardar",
+    "submit": "Enviar",
+    "pleaseWait": "Por favor, espere..."
+  },
+  "login": {
+    "email": "Correo electrónico",
+    "password": "Contraseña",
+    "forgot": "Olvidé la contraseña",
+    "signInTitle": "Por favor, inicie sesión",
+    "signIn": "Iniciar sesión",
+    "register": "Registrarse",
+    "validate": {
+      "email": "Por favor, introduzca una dirección de correo electrónico válida.",
+      "password": "Por favor, introduzca una contraseña."
+    }
+  }
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@churchapps/apphelper",
-  "version": "0.2.29",
+  "version": "0.2.31",
   "description": "Library of helper functions for React and NextJS ChurchApps",
   "main": "dist/index.js",
   "scripts": {
@@ -9,7 +9,8 @@
     "copy-css": "copyfiles -f src/components/markdownEditor/editor.css dist/components/markdownEditor",
     "copy-icons": "copyfiles -f src/components/markdownEditor/images/icons/* dist/components/markdownEditor/images/icons",
     "copy-emojis": "copyfiles -f src/components/markdownEditor/images/emoji/* dist/components/markdownEditor/images/emoji",
-    "copy-assets": "npm-run-all copy-css copy-icons copy-emojis",
+    "copy-languages": "copyfiles -a public/** dist",
+    "copy-assets": "npm-run-all copy-css copy-icons copy-emojis copy-languages",
     "link": "link",
     "tsc": "tsc",
     "build": "npm-run-all clean tsc copy-assets",
@@ -34,7 +35,7 @@
     "react-router-dom": "^6.15.0"
   },
   "dependencies": {
-    "@churchapps/helpers": "^1.0.21",
+    "@churchapps/helpers": "^1.0.22",
     "@emotion/cache": "^11.11.0",
     "@emotion/react": "^11.11.1",
     "@emotion/styled": "^11.11.0",

package/public/locales/en.json

@@ -0,0 +1,22 @@
+{
+  "common": {
+    "cancel": "Cancel",
+    "delete": "Delete",
+    "edit": "Edit",
+    "save": "Save",
+    "submit": "Submit",
+    "pleaseWait": "Please wait..."
+  },
+  "login": {
+    "email": "Email",
+    "password": "Password",
+    "forgot": "Forgot Password",
+    "signInTitle": "Please Sign In",
+    "signIn": "Sign In",
+    "register": "Register",
+    "validate": {
+      "email": "Please enter a valid email address.",
+      "password": "Please enter a password."
+    }
+  }
+}

package/public/locales/es.json

@@ -0,0 +1,22 @@
+{
+  "common": {
+    "cancel": "Cancelar",
+    "delete": "Eliminar",
+    "edit": "Editar",
+    "save": "Guardar",
+    "submit": "Enviar",
+    "pleaseWait": "Por favor, espere..."
+  },
+  "login": {
+    "email": "Correo electrónico",
+    "password": "Contraseña",
+    "forgot": "Olvidé la contraseña",
+    "signInTitle": "Por favor, inicie sesión",
+    "signIn": "Iniciar sesión",
+    "register": "Registrarse",
+    "validate": {
+      "email": "Por favor, introduzca una dirección de correo electrónico válida.",
+      "password": "Por favor, introduzca una contraseña."
+    }
+  }
+}

package/src/helpers/Locale.ts

@@ -0,0 +1,81 @@
+/*
+import i18n from 'i18next';
+import { initReactI18next } from 'react-i18next';
+import LanguageDetector from 'i18next-browser-languagedetector';
+import Backend from 'i18next-chained-backend';
+import HttpBackend from 'i18next-http-backend';
+*/
+
+export class Locale {
+
+  private static keys:any = {}
+
+  static init = async (backends:string[]) => {
+    const l = navigator.language.split("-")[0];
+    const langs = (l==="en") ? [l] : ["en", l];
+    console.log("LANGUAGE", navigator.language, l, langs);
+
+    let result = {};
+    for (let lang of langs) {
+      for (let backend of backends) {
+        let url = backend.replace("{{lng}}", lang);
+        console.log(url);
+        const data = await fetch(url).then((response) => response.json());
+        result = {...result, ...data};
+      }
+    }
+    this.keys = result;
+  }
+
+  static label(key:string) {
+    const parts = key.split(".");
+    let result = key;
+    let obj = this.keys;
+    for (let part of parts) {
+      if (obj[part]) {
+        obj = obj[part];
+        result = obj;
+      } else {
+        return key;
+      }
+    }
+    return result;
+  }
+
+  /*
+  //'/locales/{{lng}}.json'
+  static init = async (backends:string[]) => {
+
+    const backendOptions = backends.map((path) => ({ loadPath: path }));
+
+
+    console.log("backend options", backendOptions)
+    console.log({backend: {
+      backends: backends.map(() => HttpBackend),
+      backendOptions,
+    }})
+
+    await i18n
+  	  .use(Backend)
+  	  .use(LanguageDetector)
+      .use(initReactI18next)
+      .init({
+        fallbackLng: 'en',
+        debug: true,
+        interpolation: {
+          escapeValue: false, // React already does escaping
+        },
+        backend: {
+          backends: backends.map(() => HttpBackend),
+          backendOptions,
+        },
+        supportedLngs: ['en', 'es'],
+      });
+  }
+
+  static label(key:string) {
+    return i18n.t(key);
+  }
+  */
+
+}

package/src/helpers/index.ts

@@ -8,6 +8,7 @@ export { DateHelper } from "./DateHelper";
 export { ErrorHelper } from "./ErrorHelper";
 export { EventHelper } from "./EventHelper";
 export { FileHelper } from "./FileHelper";
+export { Locale } from "./Locale";
 export { PersonHelper } from "./PersonHelper"
 export { SocketHelper } from "./SocketHelper";
 export { Themes } from "./Themes"

package/src/pageComponents/components/Login.tsx

@@ -1,6 +1,7 @@
 import React from "react";
 import { InputBox } from "../../components";
 import { TextField, Box, PaperProps } from "@mui/material";
+import { Locale } from "../../helpers/Locale";
 
 interface Props {
   //registerCallback: () => void,
@@ -21,9 +22,9 @@ export const Login: React.FC<Props> = ({ mainContainerCssProps = {}, ...props })
 
   const validate = () => {
     const result = [];
-    if (!email) result.push("Please enter your email address.");
-    else if (!validateEmail(email)) result.push("Please enter a valid email address.");
-    if (!password) result.push("Please enter your password.");
+    if (!email) result.push(Locale.label("login.validate.email"));
+    else if (!validateEmail(email)) result.push(Locale.label("login.validate.email"));
+    if (!password) result.push(Locale.label("login.validate.password"));
     props.setErrors(result);
     return result.length === 0;
   }
@@ -33,7 +34,7 @@ export const Login: React.FC<Props> = ({ mainContainerCssProps = {}, ...props })
   }
 
   const getRegisterLink = () => (
-    <><a href="about:blank" className="text-decoration" onClick={handleShowRegister}>Register</a> &nbsp; | &nbsp; </>
+    <><a href="about:blank" className="text-decoration" onClick={handleShowRegister}>{Locale.label("login.register")}</a> &nbsp; | &nbsp; </>
   )
 
   const handleShowRegister = (e: React.MouseEvent) => {
@@ -42,12 +43,12 @@ export const Login: React.FC<Props> = ({ mainContainerCssProps = {}, ...props })
   }
 
   return (
-    <InputBox headerText="Please Sign In" saveFunction={submitLogin} saveButtonType="submit" saveText={props.isSubmitting ? "Please wait..." : "Sign in"} isSubmitting={props.isSubmitting} mainContainerCssProps={mainContainerCssProps}>
-      <TextField fullWidth autoFocus name="email" type="email" label="Email" value={email} onChange={(e) => { e.preventDefault(); setEmail(e.target.value) }} />
-      <TextField fullWidth name="email" type="password" label="Password" value={password} onChange={(e) => { e.preventDefault(); setPassword(e.target.value) }} />
+    <InputBox headerText={Locale.label("login.signInTitle")} saveFunction={submitLogin} saveButtonType="submit" saveText={props.isSubmitting ? Locale.label("common.pleaseWait") : Locale.label("login.signIn")} isSubmitting={props.isSubmitting} mainContainerCssProps={mainContainerCssProps}>
+      <TextField fullWidth autoFocus name="email" type="email" label={Locale.label("login.email")} value={email} onChange={(e) => { e.preventDefault(); setEmail(e.target.value) }} />
+      <TextField fullWidth name="email" type="password" label={Locale.label("login.password")} value={password} onChange={(e) => { e.preventDefault(); setPassword(e.target.value) }} />
       <Box sx={{ textAlign: "right", marginY: 1 }}>
         {getRegisterLink()}
-        <a href="about:blank" className="text-decoration" onClick={(e) => { e.preventDefault(); props.setShowForgot(true); }}>Forgot Password</a>&nbsp;
+        <a href="about:blank" className="text-decoration" onClick={(e) => { e.preventDefault(); props.setShowForgot(true); }}>{Locale.label("login.forgot")}</a>&nbsp;
       </Box>
     </InputBox>
   );