@firedesktop/react-base 1.0.0 → 1.1.0

package/README.md

@@ -1,6 +1,93 @@
-# Getting Started with Create React App
-
-This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app).
+This is the FireDesktop base package used to support every React Project in this Company.
+
+## Usage of Configuration 
+1. Installation
+
+ - Login in the shell using your npmjs account
+```bash
+npm i @firedesktop/react-base
+```
+
+2. Create a file with a name like 'config.json' with the following format and put it in the public/configuration
+    sample name it-IT.json
+
+ ```json
+ {
+   "myPropery": "myvalue",
+   "urls" : {
+       "first": "http..."
+   }
+}
+ ```
+
+3. Import
+ ```javascript
+ import { ConfigurationLoader } from '@firedesktop/react-base';
+ ```
+
+4. Load your configuration just put this component in the page where the Provider component is
+
+ ```javascript
+    <Provider store={store}>
+      ...
+      <ConfigurationLoader updateAppState={updateAppState} path={null} />
+    </Provider >
+ ```
+    - updateAppState: is a function with two paramenters
+ ```
+    updateAppState = (nameInState: string, configuration: object) 
+ ```
+      - nameInState: name of the property in the App state where to save the documentation
+      - path: is the path from where to load the configuration file (if null: /configuration/config.json)
+
+## Usage of LabelManager
+
+1. Installation
+ ```bash
+npm i @firedesktop/react-base
+ ```
+
+2. Create a file with a name like '[locale].json' with the following format and put it in the public/labels
+    sample name it-IT.json
+
+ ```json
+ {
+    "language": "it-IT",
+    "demo": {
+        "label_01": "Demo Label 01",
+        "label_02": "Demo Label 02"
+    },
+    "anotherContext": {}
+}
+ ```
+
+3. Import
+ ```javascript
+ import { LanguageLoader } from '@firedesktop/react-base';
+ ```
+
+4. Load your language Labels just put this component in the page where the Provider component is
+ ```javascript
+   <Provider store={store}>
+      ...
+      <LanguageLoader updateAppState={updateAppState} locale='it-IT' path={null} />
+    </Provider >
+ ```
+ 
+ 4. Show a label in code
+  ```javascript
+  import { useSelector } from "react-redux";
+  import LanguageManager from './lib/LanguageManager';
+  const { getLabel } = LanguageManager();
+
+   const { labels }: any = useSelector(state => state);
+
+    return (
+        <React.Fragment>
+            {getLabel(labels, 'demo.label_01', 'Ola')}
+        </React.Fragment>
+    );
+  ```
 
 ## Available Scripts
 
@@ -8,39 +95,20 @@ In the project directory, you can run:
 
 ### `npm start`
 
-Runs the app in the development mode.\
+Runs the Demo app in the development mode.<br />
 Open [http://localhost:3000](http://localhost:3000) to view it in the browser.
 
-The page will reload if you make edits.\
+The page will reload if you make edits.<br />
 You will also see any lint errors in the console.
 
-### `npm test`
-
-Launches the test runner in the interactive watch mode.\
-See the section about [running tests](https://facebook.github.io/create-react-app/docs/running-tests) for more information.
-
-### `npm run build`
-
-Builds the app for production to the `build` folder.\
-It correctly bundles React in production mode and optimizes the build for the best performance.
-
-The build is minified and the filenames include the hashes.\
-Your app is ready to be deployed!
-
-See the section about [deployment](https://facebook.github.io/create-react-app/docs/deployment) for more information.
-
-### `npm run eject`
-
-**Note: this is a one-way operation. Once you `eject`, you can’t go back!**
-
-If you aren’t satisfied with the build tool and configuration choices, you can `eject` at any time. This command will remove the single build dependency from your project.
-
-Instead, it will copy all the configuration files and the transitive dependencies (webpack, Babel, ESLint, etc) right into your project so you have full control over them. All of the commands except `eject` will still work, but they will point to the copied scripts so you can tweak them. At this point you’re on your own.
+### `npm run distribute`
 
-You don’t have to ever use `eject`. The curated feature set is suitable for small and middle deployments, and you shouldn’t feel obligated to use this feature. However we understand that this tool wouldn’t be useful if you couldn’t customize it when you are ready for it.
+Builds (made for windows) the app for production to the `dist` folder.<br />
+It correctly bundles the React component.
 
-## Learn More
+### `npm publish`
 
-You can learn more in the [Create React App documentation](https://facebook.github.io/create-react-app/docs/getting-started).
+Publish the dist on npmjs.
 
-To learn React, check out the [React documentation](https://reactjs.org/).
+## License
+[MIT](https://choosealicense.com/licenses/mit/)

package/dist/ConfigurationLoader.js

@@ -1,2 +1,2 @@
-"use strict";function _typeof(a){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(a){return typeof a}:function(a){return a&&"function"==typeof Symbol&&a.constructor===Symbol&&a!==Symbol.prototype?"symbol":typeof a},_typeof(a)}Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireWildcard(require("react")),_reactRedux=require("react-redux"),_ConfigurationManager2=_interopRequireDefault(require("./ConfigurationManager"));function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}function _getRequireWildcardCache(){if("function"!=typeof WeakMap)return null;var a=new WeakMap;return _getRequireWildcardCache=function(){return a},a}function _interopRequireWildcard(a){if(a&&a.__esModule)return a;if(null===a||"object"!==_typeof(a)&&"function"!=typeof a)return{default:a};var b=_getRequireWildcardCache();if(b&&b.has(a))return b.get(a);var c={},d=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var e in a)if(Object.prototype.hasOwnProperty.call(a,e)){var f=d?Object.getOwnPropertyDescriptor(a,e):null;f&&(f.get||f.set)?Object.defineProperty(c,e,f):c[e]=a[e]}return c.default=a,b&&b.set(a,c),c}function ConfigurationLoader(a){var b=a.updateAppState,c=a.path,d=(0,_reactRedux.useDispatch)(),e=(0,_reactRedux.useSelector)(function(a){return a}),f=e.configuration,g=(0,_ConfigurationManager2.default)(),h=g.loadConfiguration,i="./configuration/config.json";return c&&(i=c),(0,_react.useEffect)(function(){f||(console.log("Loading Configuration for this Site in this path: ".concat(i)),h(i).then(function(a){console.log("Loaded Configuration for this Site in this path: ".concat(i),a),d(b("labels",a))}).catch(function(){console.log("Problem loading the Site Configuration in this path: ".concat(i))}))},[f,d,h,i,b]),/*#__PURE__*/_react.default.createElement(_react.default.Fragment,null)}var _default=ConfigurationLoader;exports.default=_default;
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uL3NyYy9saWIvQ29uZmlndXJhdGlvbkxvYWRlci50c3giXSwibmFtZXMiOlsiQ29uZmlndXJhdGlvbkxvYWRlciIsInVwZGF0ZUFwcFN0YXRlIiwicGF0aCIsImRpc3BhdGNoIiwic3RhdGUiLCJjb25maWd1cmF0aW9uIiwibG9hZENvbmZpZ3VyYXRpb24iLCJmdWxsUGF0aCIsImNvbnNvbGUiLCJsb2ciLCJ0aGVuIiwicmVzcG9uc2UiLCJjYXRjaCJdLCJtYXBwaW5ncyI6IjZzQ0FXQSxRQUFTQSxDQUFBQSxtQkFBVCxHQUFzRixJQUF2REMsQ0FBQUEsQ0FBdUQsR0FBdkRBLGNBQXVELENBQXZDQyxDQUF1QyxHQUF2Q0EsSUFBdUMsQ0FDNUVDLENBQVEsQ0FBRyw2QkFEaUUsR0FFbkQsNEJBQVksU0FBQUMsQ0FBSyxRQUFJQSxDQUFBQSxDQUFKLENBQWpCLENBRm1ELENBRTFFQyxDQUYwRSxHQUUxRUEsYUFGMEUsR0FHcEQsb0NBSG9ELENBRzFFQyxDQUgwRSxHQUcxRUEsaUJBSDBFLENBSzlFQyxDQUFRLENBQUcsNkJBTG1FLENBc0JsRixNQWhCSUwsQ0FBQUEsQ0FnQkosR0FmSUssQ0FBUSxDQUFHTCxDQWVmLEVBYkEscUJBQVUsVUFBTSxDQUNQRyxDQURPLEdBRVJHLE9BQU8sQ0FBQ0MsR0FBUiw2REFBaUVGLENBQWpFLEVBRlEsQ0FHUkQsQ0FBaUIsQ0FBQ0MsQ0FBRCxDQUFqQixDQUE0QkcsSUFBNUIsQ0FBaUMsU0FBQ0MsQ0FBRCxDQUFtQixDQUNoREgsT0FBTyxDQUFDQyxHQUFSLDREQUFnRUYsQ0FBaEUsRUFBNEVJLENBQTVFLENBRGdELENBRWhEUixDQUFRLENBQUNGLENBQWMsQ0FBQyxRQUFELENBQVdVLENBQVgsQ0FBZixDQUNYLENBSEQsRUFJS0MsS0FKTCxDQUlXLFVBQWMsQ0FDakJKLE9BQU8sQ0FBQ0MsR0FBUixnRUFBb0VGLENBQXBFLEVBQ0gsQ0FOTCxDQUhRLENBV2YsQ0FYRCxDQVdHLENBQUNGLENBQUQsQ0FBZ0JGLENBQWhCLENBQTBCRyxDQUExQixDQUE2Q0MsQ0FBN0MsQ0FBdUROLENBQXZELENBWEgsQ0FhQSxjQUNJLDZCQUFDLGNBQUQsQ0FBTyxRQUFQLE1BR1AsQyxhQUVjRCxtQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyB1c2VFZmZlY3QgfSBmcm9tIFwicmVhY3RcIjtcclxuaW1wb3J0IHsgdXNlRGlzcGF0Y2gsIHVzZVNlbGVjdG9yIH0gZnJvbSBcInJlYWN0LXJlZHV4XCI7XHJcblxyXG5pbXBvcnQgQ29uZmlndXJhdGlvbk1hbmFnZXIgZnJvbSAnLi9Db25maWd1cmF0aW9uTWFuYWdlcic7XHJcblxyXG5leHBvcnQgdHlwZSBjb25maWd1cmF0aW9uTG9hZGVyUGFyYW1zVHlwZSA9IHtcclxuICAgIHVwZGF0ZUFwcFN0YXRlOiBhbnksXHJcbiAgICBwYXRoOiBzdHJpbmcgfCBudWxsXHJcbiAgICAvLyB0b2dnbGU6IChjb25maXJtOiBib29sZWFuKSA9PiB2b2lkXHJcbn1cclxuXHJcbmZ1bmN0aW9uIENvbmZpZ3VyYXRpb25Mb2FkZXIoeyB1cGRhdGVBcHBTdGF0ZSwgcGF0aCB9OiBjb25maWd1cmF0aW9uTG9hZGVyUGFyYW1zVHlwZSkge1xyXG4gICAgY29uc3QgZGlzcGF0Y2ggPSB1c2VEaXNwYXRjaCgpO1xyXG4gICAgY29uc3QgeyBjb25maWd1cmF0aW9uIH06IGFueSA9IHVzZVNlbGVjdG9yKHN0YXRlID0+IHN0YXRlKTtcclxuICAgIGNvbnN0IHsgbG9hZENvbmZpZ3VyYXRpb24gfSA9IENvbmZpZ3VyYXRpb25NYW5hZ2VyKCk7XHJcblxyXG4gICAgbGV0IGZ1bGxQYXRoID0gJy4vY29uZmlndXJhdGlvbi9jb25maWcuanNvbic7XHJcbiAgICBpZiAocGF0aClcclxuICAgICAgICBmdWxsUGF0aCA9IHBhdGg7XHJcblxyXG4gICAgdXNlRWZmZWN0KCgpID0+IHtcclxuICAgICAgICBpZiAoIWNvbmZpZ3VyYXRpb24pIHtcclxuICAgICAgICAgICAgY29uc29sZS5sb2coYExvYWRpbmcgQ29uZmlndXJhdGlvbiBmb3IgdGhpcyBTaXRlIGluIHRoaXMgcGF0aDogJHtmdWxsUGF0aH1gKTtcclxuICAgICAgICAgICAgbG9hZENvbmZpZ3VyYXRpb24oZnVsbFBhdGgpLnRoZW4oKHJlc3BvbnNlOiBhbnkpID0+IHtcclxuICAgICAgICAgICAgICAgIGNvbnNvbGUubG9nKGBMb2FkZWQgQ29uZmlndXJhdGlvbiBmb3IgdGhpcyBTaXRlIGluIHRoaXMgcGF0aDogJHtmdWxsUGF0aH1gLCByZXNwb25zZSk7XHJcbiAgICAgICAgICAgICAgICBkaXNwYXRjaCh1cGRhdGVBcHBTdGF0ZShcImxhYmVsc1wiLCByZXNwb25zZSkpO1xyXG4gICAgICAgICAgICB9KVxyXG4gICAgICAgICAgICAgICAgLmNhdGNoKChlcnI6IGFueSkgPT4ge1xyXG4gICAgICAgICAgICAgICAgICAgIGNvbnNvbGUubG9nKGBQcm9ibGVtIGxvYWRpbmcgdGhlIFNpdGUgQ29uZmlndXJhdGlvbiBpbiB0aGlzIHBhdGg6ICR7ZnVsbFBhdGh9YCk7XHJcbiAgICAgICAgICAgICAgICB9KTtcclxuICAgICAgICB9XHJcbiAgICB9LCBbY29uZmlndXJhdGlvbiwgZGlzcGF0Y2gsIGxvYWRDb25maWd1cmF0aW9uLCBmdWxsUGF0aCwgdXBkYXRlQXBwU3RhdGVdKTtcclxuXHJcbiAgICByZXR1cm4gKFxyXG4gICAgICAgIDxSZWFjdC5GcmFnbWVudD5cclxuICAgICAgICA8L1JlYWN0LkZyYWdtZW50PlxyXG4gICAgKTtcclxufVxyXG5cclxuZXhwb3J0IGRlZmF1bHQgQ29uZmlndXJhdGlvbkxvYWRlcjtcclxuIl19
+"use strict";function _typeof(a){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(a){return typeof a}:function(a){return a&&"function"==typeof Symbol&&a.constructor===Symbol&&a!==Symbol.prototype?"symbol":typeof a},_typeof(a)}Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireWildcard(require("react")),_reactRedux=require("react-redux"),_ConfigurationManager2=_interopRequireDefault(require("./ConfigurationManager"));function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}function _getRequireWildcardCache(){if("function"!=typeof WeakMap)return null;var a=new WeakMap;return _getRequireWildcardCache=function(){return a},a}function _interopRequireWildcard(a){if(a&&a.__esModule)return a;if(null===a||"object"!==_typeof(a)&&"function"!=typeof a)return{default:a};var b=_getRequireWildcardCache();if(b&&b.has(a))return b.get(a);var c={},d=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var e in a)if(Object.prototype.hasOwnProperty.call(a,e)){var f=d?Object.getOwnPropertyDescriptor(a,e):null;f&&(f.get||f.set)?Object.defineProperty(c,e,f):c[e]=a[e]}return c.default=a,b&&b.set(a,c),c}function ConfigurationLoader(a){var b=a.updateAppState,c=a.path,d=(0,_reactRedux.useDispatch)(),e=(0,_reactRedux.useSelector)(function(a){return a}),f=e.configuration,g=(0,_ConfigurationManager2.default)(),h=g.loadConfiguration,i="./configuration/config.json";return c&&(i=c),(0,_react.useEffect)(function(){f||(console.log("Loading Configuration for this Site in this path: ".concat(i)),h(i).then(function(a){console.log("Loaded Configuration for this Site in this path: ".concat(i),a),d(b("configuration",a))}).catch(function(){console.log("Problem loading the Site Configuration in this path: ".concat(i))}))},[f,d,h,i,b]),/*#__PURE__*/_react.default.createElement(_react.default.Fragment,null)}var _default=ConfigurationLoader;exports.default=_default;
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uL3NyYy9saWIvQ29uZmlndXJhdGlvbkxvYWRlci50c3giXSwibmFtZXMiOlsiQ29uZmlndXJhdGlvbkxvYWRlciIsInVwZGF0ZUFwcFN0YXRlIiwicGF0aCIsImRpc3BhdGNoIiwic3RhdGUiLCJjb25maWd1cmF0aW9uIiwibG9hZENvbmZpZ3VyYXRpb24iLCJmdWxsUGF0aCIsImNvbnNvbGUiLCJsb2ciLCJ0aGVuIiwicmVzcG9uc2UiLCJjYXRjaCJdLCJtYXBwaW5ncyI6IjZzQ0FXQSxRQUFTQSxDQUFBQSxtQkFBVCxHQUFzRixJQUF2REMsQ0FBQUEsQ0FBdUQsR0FBdkRBLGNBQXVELENBQXZDQyxDQUF1QyxHQUF2Q0EsSUFBdUMsQ0FDNUVDLENBQVEsQ0FBRyw2QkFEaUUsR0FFbkQsNEJBQVksU0FBQUMsQ0FBSyxRQUFJQSxDQUFBQSxDQUFKLENBQWpCLENBRm1ELENBRTFFQyxDQUYwRSxHQUUxRUEsYUFGMEUsR0FHcEQsb0NBSG9ELENBRzFFQyxDQUgwRSxHQUcxRUEsaUJBSDBFLENBSzlFQyxDQUFRLENBQUcsNkJBTG1FLENBc0JsRixNQWhCSUwsQ0FBQUEsQ0FnQkosR0FmSUssQ0FBUSxDQUFHTCxDQWVmLEVBYkEscUJBQVUsVUFBTSxDQUNQRyxDQURPLEdBRVJHLE9BQU8sQ0FBQ0MsR0FBUiw2REFBaUVGLENBQWpFLEVBRlEsQ0FHUkQsQ0FBaUIsQ0FBQ0MsQ0FBRCxDQUFqQixDQUE0QkcsSUFBNUIsQ0FBaUMsU0FBQ0MsQ0FBRCxDQUFtQixDQUNoREgsT0FBTyxDQUFDQyxHQUFSLDREQUFnRUYsQ0FBaEUsRUFBNEVJLENBQTVFLENBRGdELENBRWhEUixDQUFRLENBQUNGLENBQWMsQ0FBQyxlQUFELENBQWtCVSxDQUFsQixDQUFmLENBQ1gsQ0FIRCxFQUlLQyxLQUpMLENBSVcsVUFBYyxDQUNqQkosT0FBTyxDQUFDQyxHQUFSLGdFQUFvRUYsQ0FBcEUsRUFDSCxDQU5MLENBSFEsQ0FXZixDQVhELENBV0csQ0FBQ0YsQ0FBRCxDQUFnQkYsQ0FBaEIsQ0FBMEJHLENBQTFCLENBQTZDQyxDQUE3QyxDQUF1RE4sQ0FBdkQsQ0FYSCxDQWFBLGNBQ0ksNkJBQUMsY0FBRCxDQUFPLFFBQVAsTUFHUCxDLGFBRWNELG1CIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IHVzZUVmZmVjdCB9IGZyb20gXCJyZWFjdFwiO1xyXG5pbXBvcnQgeyB1c2VEaXNwYXRjaCwgdXNlU2VsZWN0b3IgfSBmcm9tIFwicmVhY3QtcmVkdXhcIjtcclxuXHJcbmltcG9ydCBDb25maWd1cmF0aW9uTWFuYWdlciBmcm9tICcuL0NvbmZpZ3VyYXRpb25NYW5hZ2VyJztcclxuXHJcbmV4cG9ydCB0eXBlIGNvbmZpZ3VyYXRpb25Mb2FkZXJQYXJhbXNUeXBlID0ge1xyXG4gICAgdXBkYXRlQXBwU3RhdGU6IGFueSxcclxuICAgIHBhdGg6IHN0cmluZyB8IG51bGxcclxuICAgIC8vIHRvZ2dsZTogKGNvbmZpcm06IGJvb2xlYW4pID0+IHZvaWRcclxufVxyXG5cclxuZnVuY3Rpb24gQ29uZmlndXJhdGlvbkxvYWRlcih7IHVwZGF0ZUFwcFN0YXRlLCBwYXRoIH06IGNvbmZpZ3VyYXRpb25Mb2FkZXJQYXJhbXNUeXBlKSB7XHJcbiAgICBjb25zdCBkaXNwYXRjaCA9IHVzZURpc3BhdGNoKCk7XHJcbiAgICBjb25zdCB7IGNvbmZpZ3VyYXRpb24gfTogYW55ID0gdXNlU2VsZWN0b3Ioc3RhdGUgPT4gc3RhdGUpO1xyXG4gICAgY29uc3QgeyBsb2FkQ29uZmlndXJhdGlvbiB9ID0gQ29uZmlndXJhdGlvbk1hbmFnZXIoKTtcclxuXHJcbiAgICBsZXQgZnVsbFBhdGggPSAnLi9jb25maWd1cmF0aW9uL2NvbmZpZy5qc29uJztcclxuICAgIGlmIChwYXRoKVxyXG4gICAgICAgIGZ1bGxQYXRoID0gcGF0aDtcclxuXHJcbiAgICB1c2VFZmZlY3QoKCkgPT4ge1xyXG4gICAgICAgIGlmICghY29uZmlndXJhdGlvbikge1xyXG4gICAgICAgICAgICBjb25zb2xlLmxvZyhgTG9hZGluZyBDb25maWd1cmF0aW9uIGZvciB0aGlzIFNpdGUgaW4gdGhpcyBwYXRoOiAke2Z1bGxQYXRofWApO1xyXG4gICAgICAgICAgICBsb2FkQ29uZmlndXJhdGlvbihmdWxsUGF0aCkudGhlbigocmVzcG9uc2U6IGFueSkgPT4ge1xyXG4gICAgICAgICAgICAgICAgY29uc29sZS5sb2coYExvYWRlZCBDb25maWd1cmF0aW9uIGZvciB0aGlzIFNpdGUgaW4gdGhpcyBwYXRoOiAke2Z1bGxQYXRofWAsIHJlc3BvbnNlKTtcclxuICAgICAgICAgICAgICAgIGRpc3BhdGNoKHVwZGF0ZUFwcFN0YXRlKFwiY29uZmlndXJhdGlvblwiLCByZXNwb25zZSkpO1xyXG4gICAgICAgICAgICB9KVxyXG4gICAgICAgICAgICAgICAgLmNhdGNoKChlcnI6IGFueSkgPT4ge1xyXG4gICAgICAgICAgICAgICAgICAgIGNvbnNvbGUubG9nKGBQcm9ibGVtIGxvYWRpbmcgdGhlIFNpdGUgQ29uZmlndXJhdGlvbiBpbiB0aGlzIHBhdGg6ICR7ZnVsbFBhdGh9YCk7XHJcbiAgICAgICAgICAgICAgICB9KTtcclxuICAgICAgICB9XHJcbiAgICB9LCBbY29uZmlndXJhdGlvbiwgZGlzcGF0Y2gsIGxvYWRDb25maWd1cmF0aW9uLCBmdWxsUGF0aCwgdXBkYXRlQXBwU3RhdGVdKTtcclxuXHJcbiAgICByZXR1cm4gKFxyXG4gICAgICAgIDxSZWFjdC5GcmFnbWVudD5cclxuICAgICAgICA8L1JlYWN0LkZyYWdtZW50PlxyXG4gICAgKTtcclxufVxyXG5cclxuZXhwb3J0IGRlZmF1bHQgQ29uZmlndXJhdGlvbkxvYWRlcjtcclxuIl19

package/dist/LanguageLoader.js

@@ -0,0 +1,2 @@
+"use strict";function _typeof(a){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(a){return typeof a}:function(a){return a&&"function"==typeof Symbol&&a.constructor===Symbol&&a!==Symbol.prototype?"symbol":typeof a},_typeof(a)}Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireWildcard(require("react")),_reactRedux=require("react-redux"),_LanguageManager2=_interopRequireDefault(require("./LanguageManager"));function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}function _getRequireWildcardCache(){if("function"!=typeof WeakMap)return null;var a=new WeakMap;return _getRequireWildcardCache=function(){return a},a}function _interopRequireWildcard(a){if(a&&a.__esModule)return a;if(null===a||"object"!==_typeof(a)&&"function"!=typeof a)return{default:a};var b=_getRequireWildcardCache();if(b&&b.has(a))return b.get(a);var c={},d=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var e in a)if(Object.prototype.hasOwnProperty.call(a,e)){var f=d?Object.getOwnPropertyDescriptor(a,e):null;f&&(f.get||f.set)?Object.defineProperty(c,e,f):c[e]=a[e]}return c.default=a,b&&b.set(a,c),c}function LanguageLoader(a){var b=a.updateAppState,c=a.locale,d=a.path,e=(0,_reactRedux.useDispatch)(),f=(0,_reactRedux.useSelector)(function(a){return a}),g=f.labels,h=(0,_LanguageManager2.default)(),i=h.loadLabels,j="".concat(c,".json"),k="./labels/".concat(j);return d&&(k="./".concat(d,"/").concat(j)),(0,_react.useEffect)(function(){g||(console.log("Loading Language Labels for this Site in this path: ".concat(k)),i(k).then(function(a){console.log("Loaded Language Labels for this Site in this path: ".concat(k),a),e(b("labels",a))}).catch(function(){console.log("Problem loading the Site Language Labels in this path: ".concat(k))}))},[g,e,i,k,b]),/*#__PURE__*/_react.default.createElement(_react.default.Fragment,null)}var _default=LanguageLoader;exports.default=_default;
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uL3NyYy9saWIvTGFuZ3VhZ2VMb2FkZXIudHN4Il0sIm5hbWVzIjpbIkxhbmd1YWdlTG9hZGVyIiwidXBkYXRlQXBwU3RhdGUiLCJsb2NhbGUiLCJwYXRoIiwiZGlzcGF0Y2giLCJzdGF0ZSIsImxhYmVscyIsImxvYWRMYWJlbHMiLCJmaWxlTmFtZSIsImZ1bGxQYXRoIiwiY29uc29sZSIsImxvZyIsInRoZW4iLCJyZXNwb25zZSIsImNhdGNoIl0sIm1hcHBpbmdzIjoibXNDQVlBLFFBQVNBLENBQUFBLGNBQVQsR0FBb0YsSUFBMURDLENBQUFBLENBQTBELEdBQTFEQSxjQUEwRCxDQUExQ0MsQ0FBMEMsR0FBMUNBLE1BQTBDLENBQWxDQyxDQUFrQyxHQUFsQ0EsSUFBa0MsQ0FDMUVDLENBQVEsQ0FBRyw2QkFEK0QsR0FFeEQsNEJBQVksU0FBQUMsQ0FBSyxRQUFJQSxDQUFBQSxDQUFKLENBQWpCLENBRndELENBRXhFQyxDQUZ3RSxHQUV4RUEsTUFGd0UsR0FHekQsK0JBSHlELENBR3hFQyxDQUh3RSxHQUd4RUEsVUFId0UsQ0FLMUVDLENBQVEsV0FBTU4sQ0FBTixTQUxrRSxDQU81RU8sQ0FBUSxvQkFBZUQsQ0FBZixDQVBvRSxDQXdCaEYsTUFoQklMLENBQUFBLENBZ0JKLEdBZklNLENBQVEsYUFBUU4sQ0FBUixhQUFnQkssQ0FBaEIsQ0FlWixFQWJBLHFCQUFVLFVBQU0sQ0FDUEYsQ0FETyxHQUVSSSxPQUFPLENBQUNDLEdBQVIsK0RBQW1FRixDQUFuRSxFQUZRLENBR1JGLENBQVUsQ0FBQ0UsQ0FBRCxDQUFWLENBQXFCRyxJQUFyQixDQUEwQixTQUFDQyxDQUFELENBQW1CLENBQ3pDSCxPQUFPLENBQUNDLEdBQVIsOERBQWtFRixDQUFsRSxFQUE4RUksQ0FBOUUsQ0FEeUMsQ0FFekNULENBQVEsQ0FBQ0gsQ0FBYyxDQUFDLFFBQUQsQ0FBV1ksQ0FBWCxDQUFmLENBQ1gsQ0FIRCxFQUlLQyxLQUpMLENBSVcsVUFBYyxDQUNqQkosT0FBTyxDQUFDQyxHQUFSLGtFQUFzRUYsQ0FBdEUsRUFDSCxDQU5MLENBSFEsQ0FXZixDQVhELENBV0csQ0FBQ0gsQ0FBRCxDQUFTRixDQUFULENBQW1CRyxDQUFuQixDQUErQkUsQ0FBL0IsQ0FBeUNSLENBQXpDLENBWEgsQ0FhQSxjQUNJLDZCQUFDLGNBQUQsQ0FBTyxRQUFQLE1BR1AsQyxhQUVjRCxjIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IHVzZUVmZmVjdCB9IGZyb20gXCJyZWFjdFwiO1xyXG5pbXBvcnQgeyB1c2VEaXNwYXRjaCwgdXNlU2VsZWN0b3IgfSBmcm9tIFwicmVhY3QtcmVkdXhcIjtcclxuXHJcbmltcG9ydCBMYW5ndWFnZU1hbmFnZXIgZnJvbSAnLi9MYW5ndWFnZU1hbmFnZXInO1xyXG5cclxuZXhwb3J0IHR5cGUgbGFuZ3VhZ2VMb2FkZXJQYXJhbXNUeXBlID0ge1xyXG4gICAgdXBkYXRlQXBwU3RhdGU6IGFueSxcclxuICAgIGxvY2FsZTogc3RyaW5nLFxyXG4gICAgcGF0aDogc3RyaW5nIHwgbnVsbCxcclxuICAgIC8vIHRvZ2dsZTogKGNvbmZpcm06IGJvb2xlYW4pID0+IHZvaWRcclxufVxyXG5cclxuZnVuY3Rpb24gTGFuZ3VhZ2VMb2FkZXIoeyB1cGRhdGVBcHBTdGF0ZSwgbG9jYWxlLCBwYXRoIH06IGxhbmd1YWdlTG9hZGVyUGFyYW1zVHlwZSkge1xyXG4gICAgY29uc3QgZGlzcGF0Y2ggPSB1c2VEaXNwYXRjaCgpO1xyXG4gICAgY29uc3QgeyBsYWJlbHMgfTogYW55ID0gdXNlU2VsZWN0b3Ioc3RhdGUgPT4gc3RhdGUpO1xyXG4gICAgY29uc3QgeyBsb2FkTGFiZWxzIH0gPSBMYW5ndWFnZU1hbmFnZXIoKTtcclxuXHJcbiAgICBjb25zdCBmaWxlTmFtZSA9IGAke2xvY2FsZX0uanNvbmA7XHJcblxyXG4gICAgbGV0IGZ1bGxQYXRoID0gYC4vbGFiZWxzLyR7ZmlsZU5hbWV9YDtcclxuICAgIGlmIChwYXRoKVxyXG4gICAgICAgIGZ1bGxQYXRoID0gYC4vJHtwYXRofS8ke2ZpbGVOYW1lfWA7XHJcblxyXG4gICAgdXNlRWZmZWN0KCgpID0+IHtcclxuICAgICAgICBpZiAoIWxhYmVscykge1xyXG4gICAgICAgICAgICBjb25zb2xlLmxvZyhgTG9hZGluZyBMYW5ndWFnZSBMYWJlbHMgZm9yIHRoaXMgU2l0ZSBpbiB0aGlzIHBhdGg6ICR7ZnVsbFBhdGh9YCk7XHJcbiAgICAgICAgICAgIGxvYWRMYWJlbHMoZnVsbFBhdGgpLnRoZW4oKHJlc3BvbnNlOiBhbnkpID0+IHtcclxuICAgICAgICAgICAgICAgIGNvbnNvbGUubG9nKGBMb2FkZWQgTGFuZ3VhZ2UgTGFiZWxzIGZvciB0aGlzIFNpdGUgaW4gdGhpcyBwYXRoOiAke2Z1bGxQYXRofWAsIHJlc3BvbnNlKTtcclxuICAgICAgICAgICAgICAgIGRpc3BhdGNoKHVwZGF0ZUFwcFN0YXRlKFwibGFiZWxzXCIsIHJlc3BvbnNlKSk7XHJcbiAgICAgICAgICAgIH0pXHJcbiAgICAgICAgICAgICAgICAuY2F0Y2goKGVycjogYW55KSA9PiB7XHJcbiAgICAgICAgICAgICAgICAgICAgY29uc29sZS5sb2coYFByb2JsZW0gbG9hZGluZyB0aGUgU2l0ZSBMYW5ndWFnZSBMYWJlbHMgaW4gdGhpcyBwYXRoOiAke2Z1bGxQYXRofWApO1xyXG4gICAgICAgICAgICAgICAgfSk7XHJcbiAgICAgICAgfVxyXG4gICAgfSwgW2xhYmVscywgZGlzcGF0Y2gsIGxvYWRMYWJlbHMsIGZ1bGxQYXRoLCB1cGRhdGVBcHBTdGF0ZV0pO1xyXG5cclxuICAgIHJldHVybiAoXHJcbiAgICAgICAgPFJlYWN0LkZyYWdtZW50PlxyXG4gICAgICAgIDwvUmVhY3QuRnJhZ21lbnQ+XHJcbiAgICApO1xyXG59XHJcblxyXG5leHBvcnQgZGVmYXVsdCBMYW5ndWFnZUxvYWRlcjtcclxuIl19

package/dist/LanguageManager.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;function asyncGeneratorStep(a,b,c,d,e,f,g){try{var h=a[f](g),i=h.value}catch(a){return void c(a)}h.done?b(i):Promise.resolve(i).then(d,e)}function _asyncToGenerator(a){return function(){var b=this,c=arguments;return new Promise(function(d,e){function f(a){asyncGeneratorStep(h,d,e,f,g,"next",a)}function g(a){asyncGeneratorStep(h,d,e,f,g,"throw",a)}var h=a.apply(b,c);f(void 0)})}}function LanguageManager(){function a(){return b.apply(this,arguments)}function b(){return b=_asyncToGenerator(/*#__PURE__*/regeneratorRuntime.mark(function a(b){var c;return regeneratorRuntime.wrap(function(a){for(;;)switch(a.prev=a.next){case 0:return a.prev=0,a.next=3,fetch(b,{headers:{"Content-Type":"application/json; charset=utf-8"}});case 3:return c=a.sent,a.next=6,c.json();case 6:return a.abrupt("return",a.sent);case 9:a.prev=9,a.t0=a["catch"](0),console.log("Problem loading the Site Labels");case 12:case"end":return a.stop();}},a,null,[[0,9]])})),b.apply(this,arguments)}return{getLabel:function(a,b,c){if(null===a||a===void 0)return c||"";try{for(var d,e=b.split("."),f=a,g=0;g<e.length;g++)d=e[g],f=f[d];return null!==f&&void 0!==f?f:c?c:b}catch(a){return c?c:b}},loadLabels:a}}var _default=LanguageManager;exports.default=_default;
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uL3NyYy9saWIvTGFuZ3VhZ2VNYW5hZ2VyLnRzIl0sIm5hbWVzIjpbIkxhbmd1YWdlTWFuYWdlciIsImxvYWRMYWJlbHMiLCJmdWxsUGF0aCIsImZldGNoIiwiaGVhZGVycyIsInJlcyIsImpzb24iLCJjb25zb2xlIiwibG9nIiwiZ2V0TGFiZWwiLCJsYWJlbHMiLCJpZCIsImRlZmF1bHRWYWx1ZSIsImVsZW1lbnQiLCJzcGxpdHMiLCJzcGxpdCIsIm1lc3NhZ2UiLCJpbmRleCIsImxlbmd0aCIsImV4Il0sIm1hcHBpbmdzIjoid2RBQUEsUUFBU0EsQ0FBQUEsZUFBVCxFQUF5QyxTQUV0QkMsQ0FBQUEsQ0FGc0IsK0dBRXJDLFdBQTBCQyxDQUExQixnSEFFMEJDLEtBQUssQ0FBQ0QsQ0FBRCxDQUFXLENBQUVFLE9BQU8sQ0FBRSxDQUFFLGVBQWdCLGlDQUFsQixDQUFYLENBQVgsQ0FGL0IsY0FFY0MsQ0FBQUEsQ0FGZCxpQkFHcUJBLENBQUcsQ0FBQ0MsSUFBSixFQUhyQiw0RUFNUUMsT0FBTyxDQUFDQyxHQUFSLENBQVksaUNBQVosQ0FOUixzREFGcUMsMkJBZ0NyQyxNQUFPLENBQUVDLFFBQVEsQ0FwQmpCLFNBQWtCQyxDQUFsQixDQUErQkMsQ0FBL0IsQ0FBMkNDLENBQTNDLENBQWlFLENBQzdELEdBQWUsSUFBWCxHQUFBRixDQUFNLEVBQWFBLENBQU0sU0FBN0IsQ0FDSSxNQUFPRSxDQUFBQSxDQUFZLEVBQUksRUFBdkIsQ0FFSixHQUFJLENBR0EsT0FDVUMsQ0FBQUEsQ0FEVixDQUZNQyxDQUFNLENBQUdILENBQUUsQ0FBQ0ksS0FBSCxDQUFTLEdBQVQsQ0FFZixDQURJQyxDQUFPLENBQUdOLENBQ2QsQ0FBU08sQ0FBSyxDQUFHLENBQWpCLENBQW9CQSxDQUFLLENBQUdILENBQU0sQ0FBQ0ksTUFBbkMsQ0FBMkNELENBQUssRUFBaEQsQ0FDVUosQ0FEVixDQUNvQkMsQ0FBTSxDQUFDRyxDQUFELENBRDFCLENBRUlELENBQU8sQ0FBR0EsQ0FBTyxDQUFDSCxDQUFELENBRnJCLENBSEEsTUFPZ0IsS0FBWixHQUFBRyxDQUFPLEVBQWEsU0FBQUEsQ0FQeEIsQ0FRV0EsQ0FSWCxDQVVPSixDQUFZLENBQUdBLENBQUgsQ0FBa0JELENBQ3hDLENBQUMsTUFBT1EsQ0FBUCxDQUFXLENBQ1QsTUFBT1AsQ0FBQUEsQ0FBWSxDQUFHQSxDQUFILENBQWtCRCxDQUN4QyxDQUNKLENBRU0sQ0FBWVYsVUFBVSxDQUFWQSxDQUFaLENBQ1YsQyxhQUVjRCxlIiwic291cmNlc0NvbnRlbnQiOlsiZnVuY3Rpb24gTGFuZ3VhZ2VNYW5hZ2VyKGZvcm1EYXRhPzogYW55KSB7XHJcblxyXG4gICAgYXN5bmMgZnVuY3Rpb24gbG9hZExhYmVscyhmdWxsUGF0aDogc3RyaW5nKSB7XHJcbiAgICAgICAgdHJ5IHtcclxuICAgICAgICAgICAgY29uc3QgcmVzID0gYXdhaXQgZmV0Y2goZnVsbFBhdGgsIHsgaGVhZGVyczogeyBcIkNvbnRlbnQtVHlwZVwiOiBcImFwcGxpY2F0aW9uL2pzb247IGNoYXJzZXQ9dXRmLThcIiB9IH0pO1xyXG4gICAgICAgICAgICByZXR1cm4gYXdhaXQgcmVzLmpzb24oKTtcclxuICAgICAgICB9XHJcbiAgICAgICAgY2F0Y2ggKGVycikge1xyXG4gICAgICAgICAgICBjb25zb2xlLmxvZyhcIlByb2JsZW0gbG9hZGluZyB0aGUgU2l0ZSBMYWJlbHNcIik7XHJcbiAgICAgICAgfVxyXG4gICAgfTtcclxuXHJcbiAgICBmdW5jdGlvbiBnZXRMYWJlbChsYWJlbHM6IGFueSwgaWQ6IHN0cmluZywgZGVmYXVsdFZhbHVlOiBzdHJpbmcpIHtcclxuICAgICAgICBpZiAobGFiZWxzID09PSBudWxsIHx8IGxhYmVscyA9PT0gdW5kZWZpbmVkKVxyXG4gICAgICAgICAgICByZXR1cm4gZGVmYXVsdFZhbHVlIHx8ICcnO1xyXG5cclxuICAgICAgICB0cnkge1xyXG4gICAgICAgICAgICBjb25zdCBzcGxpdHMgPSBpZC5zcGxpdCgnLicpO1xyXG4gICAgICAgICAgICBsZXQgbWVzc2FnZSA9IGxhYmVscztcclxuICAgICAgICAgICAgZm9yIChsZXQgaW5kZXggPSAwOyBpbmRleCA8IHNwbGl0cy5sZW5ndGg7IGluZGV4KyspIHtcclxuICAgICAgICAgICAgICAgIGNvbnN0IGVsZW1lbnQgPSBzcGxpdHNbaW5kZXhdO1xyXG4gICAgICAgICAgICAgICAgbWVzc2FnZSA9IG1lc3NhZ2VbZWxlbWVudF07XHJcbiAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgaWYgKG1lc3NhZ2UgIT09IG51bGwgJiYgbWVzc2FnZSAhPT0gdW5kZWZpbmVkKVxyXG4gICAgICAgICAgICAgICAgcmV0dXJuIG1lc3NhZ2U7XHJcblxyXG4gICAgICAgICAgICByZXR1cm4gZGVmYXVsdFZhbHVlID8gZGVmYXVsdFZhbHVlIDogaWQ7XHJcbiAgICAgICAgfSBjYXRjaCAoZXgpIHtcclxuICAgICAgICAgICAgcmV0dXJuIGRlZmF1bHRWYWx1ZSA/IGRlZmF1bHRWYWx1ZSA6IGlkO1xyXG4gICAgICAgIH1cclxuICAgIH1cclxuXHJcbiAgICByZXR1cm4geyBnZXRMYWJlbCwgbG9hZExhYmVscyB9O1xyXG59XHJcblxyXG5leHBvcnQgZGVmYXVsdCBMYW5ndWFnZU1hbmFnZXI7XHJcblxyXG4iXX0=

package/dist/index.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"ConfigurationLoader",{enumerable:!0,get:function get(){return _ConfigurationLoader.default}}),Object.defineProperty(exports,"ConfigurationManager",{enumerable:!0,get:function get(){return _ConfigurationManager.default}});var _ConfigurationLoader=_interopRequireDefault(require("./ConfigurationLoader")),_ConfigurationManager=_interopRequireDefault(require("./ConfigurationManager"));function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"ConfigurationLoader",{enumerable:!0,get:function get(){return _ConfigurationLoader.default}}),Object.defineProperty(exports,"ConfigurationManager",{enumerable:!0,get:function get(){return _ConfigurationManager.default}}),Object.defineProperty(exports,"LanguageLoader",{enumerable:!0,get:function get(){return _LanguageLoader.default}}),Object.defineProperty(exports,"LanguageManager",{enumerable:!0,get:function get(){return _LanguageManager.default}});var _ConfigurationLoader=_interopRequireDefault(require("./ConfigurationLoader")),_ConfigurationManager=_interopRequireDefault(require("./ConfigurationManager")),_LanguageLoader=_interopRequireDefault(require("./LanguageLoader")),_LanguageManager=_interopRequireDefault(require("./LanguageManager"));function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}
 //# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsInNvdXJjZXNDb250ZW50IjpbXX0=

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@firedesktop/react-base",
-  "version": "1.0.0",
+  "version": "1.1.0",
   "license": "ISC",
   "main": "dist/index.js",
   "description": "This is the FireDesktop base package used to support every React Project in this Company.",

package/public/labels/it-IT.json

@@ -0,0 +1,8 @@
+{
+    "language": "it-IT",
+    "demo": {
+        "label_01": "Demo Label 01",
+        "label_02": "Demo Label 02"
+    },
+    "anotherContext": {}
+}

package/src/App.tsx

@@ -3,25 +3,47 @@ import { Provider } from "react-redux";
 import { createStore } from 'redux';
 
 import ConfigurationLoader from './lib/ConfigurationLoader';
+import LanguageLoader from './lib/LanguageLoader';
+import TestLabelFunction from './TestLabelFunction';
 
+export const UPDATE_APP_STATE = 'UPDATE_APP_STATE';
 const appReducer = (state = {}, action: any) => {
-  return state;
+  switch (action.type) {
+    case UPDATE_APP_STATE: {
+      const { name, value } = action.payload;
+      const newState = { ...state, [name]: value };
+      return newState;
+    }
+    default:
+      return state;
+  }
 }
 
 function App() {
 
-  const updateAppState = (nameInState: string, configuration: object) => {
-    debugger;
-    console.log(`updateState name: ${nameInState}, configuration: ${configuration}`);
+  const updateAppState = (name: string, value: object) => {
+    console.log(`updateState name: ${name}, configuration: ${value}`);
+      return {
+        type: UPDATE_APP_STATE,
+        payload: {
+          name,
+          value,
+        },
+      };
   }
 
   // @ts-ignore 
   const store = createStore(appReducer);
 
+
   return (
 
     <Provider store={store}>
+      
+      <TestLabelFunction />
+      
       <ConfigurationLoader updateAppState={updateAppState} path={null} />
+      <LanguageLoader updateAppState={updateAppState} locale='it-IT' path={null} />
     </Provider >
   );
 }

package/src/TestLabelFunction.tsx

@@ -0,0 +1,18 @@
+import React from 'react';
+import { useSelector } from "react-redux";
+
+import LanguageManager from './lib/LanguageManager';
+const { getLabel } = LanguageManager();
+
+
+function TestLabelFunction() {
+    const { labels }: any = useSelector(state => state);
+
+    return (
+        <React.Fragment>
+            {getLabel(labels, 'demo.label_01', 'Ola')}
+        </React.Fragment>
+    );
+}
+
+export default TestLabelFunction;

package/src/lib/ConfigurationLoader.tsx

@@ -23,7 +23,7 @@ function ConfigurationLoader({ updateAppState, path }: configurationLoaderParams
             console.log(`Loading Configuration for this Site in this path: ${fullPath}`);
             loadConfiguration(fullPath).then((response: any) => {
                 console.log(`Loaded Configuration for this Site in this path: ${fullPath}`, response);
-                dispatch(updateAppState("labels", response));
+                dispatch(updateAppState("configuration", response));
             })
                 .catch((err: any) => {
                     console.log(`Problem loading the Site Configuration in this path: ${fullPath}`);

package/src/lib/LanguageLoader.tsx

@@ -0,0 +1,43 @@
+import React, { useEffect } from "react";
+import { useDispatch, useSelector } from "react-redux";
+
+import LanguageManager from './LanguageManager';
+
+export type languageLoaderParamsType = {
+    updateAppState: any,
+    locale: string,
+    path: string | null,
+    // toggle: (confirm: boolean) => void
+}
+
+function LanguageLoader({ updateAppState, locale, path }: languageLoaderParamsType) {
+    const dispatch = useDispatch();
+    const { labels }: any = useSelector(state => state);
+    const { loadLabels } = LanguageManager();
+
+    const fileName = `${locale}.json`;
+
+    let fullPath = `./labels/${fileName}`;
+    if (path)
+        fullPath = `./${path}/${fileName}`;
+
+    useEffect(() => {
+        if (!labels) {
+            console.log(`Loading Language Labels for this Site in this path: ${fullPath}`);
+            loadLabels(fullPath).then((response: any) => {
+                console.log(`Loaded Language Labels for this Site in this path: ${fullPath}`, response);
+                dispatch(updateAppState("labels", response));
+            })
+                .catch((err: any) => {
+                    console.log(`Problem loading the Site Language Labels in this path: ${fullPath}`);
+                });
+        }
+    }, [labels, dispatch, loadLabels, fullPath, updateAppState]);
+
+    return (
+        <React.Fragment>
+        </React.Fragment>
+    );
+}
+
+export default LanguageLoader;

package/src/lib/LanguageManager.ts

@@ -0,0 +1,37 @@
+function LanguageManager(formData?: any) {
+
+    async function loadLabels(fullPath: string) {
+        try {
+            const res = await fetch(fullPath, { headers: { "Content-Type": "application/json; charset=utf-8" } });
+            return await res.json();
+        }
+        catch (err) {
+            console.log("Problem loading the Site Labels");
+        }
+    };
+
+    function getLabel(labels: any, id: string, defaultValue: string) {
+        if (labels === null || labels === undefined)
+            return defaultValue || '';
+
+        try {
+            const splits = id.split('.');
+            let message = labels;
+            for (let index = 0; index < splits.length; index++) {
+                const element = splits[index];
+                message = message[element];
+            }
+            if (message !== null && message !== undefined)
+                return message;
+
+            return defaultValue ? defaultValue : id;
+        } catch (ex) {
+            return defaultValue ? defaultValue : id;
+        }
+    }
+
+    return { getLabel, loadLabels };
+}
+
+export default LanguageManager;
+

package/src/lib/index.ts

@@ -1,4 +1,6 @@
 import ConfigurationLoader from './ConfigurationLoader';
 import ConfigurationManager from './ConfigurationManager';
+import LanguageLoader from './LanguageLoader';
+import LanguageManager from './LanguageManager';
 
-export { ConfigurationLoader, ConfigurationManager };
+export { ConfigurationLoader, ConfigurationManager, LanguageLoader, LanguageManager };