@firedesktop/react-base 1.0.1 → 1.2.0

package/README.md

@@ -1,28 +1,114 @@
-This is the FireDesktop base package used to support every React Project in this Company.
-
-## Usage
-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';
- ```
-
- ... to be done...
+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
+
+In the project directory, you can run:
+
+### `npm start`
+
+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.<br />
+You will also see any lint errors in the console.
+
+### `npm run distribute`
+
+Builds (made for windows) the app for production to the `dist` folder.<br />
+It correctly bundles the React component.
+
+### `npm publish`
+
+Publish the dist on npmjs.
+
+## License
+[MIT](https://choosealicense.com/licenses/mit/)

package/debug.log

@@ -1,2 +1,2 @@
-[1024/175356.424:ERROR:directory_reader_win.cc(43)] FindFirstFile: The system cannot find the path specified. (0x3)
-[1025/090606.275:ERROR:directory_reader_win.cc(43)] FindFirstFile: The system cannot find the path specified. (0x3)
+[1024/175356.424:ERROR:directory_reader_win.cc(43)] FindFirstFile: The system cannot find the path specified. (0x3)
+[1025/090606.275:ERROR:directory_reader_win.cc(43)] FindFirstFile: The system cannot find the path specified. (0x3)

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,59 +1,59 @@
-{
-  "name": "@firedesktop/react-base",
-  "version": "1.0.1",
-  "license": "ISC",
-  "main": "dist/index.js",
-  "description": "This is the FireDesktop base package used to support every React Project in this Company.",
-  "author": "alessandro.gambaro",
-  "repository": "https://firedesktopDevOps@dev.azure.com/firedesktopDevOps/baseFEComponents/_git/baseFEComponents",
-  "dependencies": {
-    "@testing-library/jest-dom": "^5.11.5",
-    "@testing-library/react": "^11.1.0",
-    "@testing-library/user-event": "^12.1.10",
-    "@types/jest": "^26.0.15",
-    "@types/node": "^12.19.1",
-    "@types/react": "^16.9.53",
-    "@types/react-dom": "^16.9.8",
-    "react": "^17.0.1",
-    "react-dom": "^17.0.1",
-    "react-scripts": "4.0.0",
-    "react-redux": "^7.2.1",
-    "redux": "^4.0.5",
-    "@types/react-redux": "^7.1.9",
-    "typescript": "^4.0.3",
-    "web-vitals": "^0.2.4"
-  },
-  "devDependencies": {
-    "@babel/cli": "^7.10.5",
-    "@babel/core": "^7.10.5",
-    "@babel/plugin-proposal-class-properties": "7.10.4",
-    "@babel/plugin-transform-arrow-functions": "^7.12.1",
-    "@babel/preset-typescript": "^7.12.1",
-    "babel-preset-minify": "0.5.1",
-    "babel-plugin-minify-builtins": "^0.5.0",
-    "react-scripts": "^3.4.3"
-  },
-  "peerDependencies": {},
-  "scripts": {
-    "distribute": "rmdir /s /q dist & mkdir dist && npx babel src/lib --out-dir dist --extensions \".js,.ts,.tsx\" --source-maps inline",
-    "start": "react-scripts start"
-  },
-  "eslintConfig": {
-    "extends": [
-      "react-app",
-      "react-app/jest"
-    ]
-  },
-  "browserslist": {
-    "production": [
-      ">0.2%",
-      "not dead",
-      "not op_mini all"
-    ],
-    "development": [
-      "last 1 chrome version",
-      "last 1 firefox version",
-      "last 1 safari version"
-    ]
-  }
-}
+{
+  "name": "@firedesktop/react-base",
+  "version": "1.2.0",
+  "license": "ISC",
+  "main": "dist/index.js",
+  "description": "This is the FireDesktop base package used to support every React Project in this Company.",
+  "author": "alessandro.gambaro",
+  "repository": "https://firedesktopDevOps@dev.azure.com/firedesktopDevOps/baseFEComponents/_git/baseFEComponents",
+  "dependencies": {
+    "react": "^17.0.1",
+    "react-dom": "^17.0.1",
+    "react-scripts": "4.0.0",
+    "react-redux": "^7.2.1",
+    "redux": "^4.0.5"
+  },
+  "devDependencies": {
+    "@types/jest": "^26.0.15",
+    "@types/node": "^12.19.1",
+    "@types/react": "^16.9.53",
+    "@types/react-dom": "^16.9.8",
+    "@types/react-redux": "^7.1.9",
+    "@testing-library/jest-dom": "^5.11.5",
+    "@testing-library/react": "^11.1.0",
+    "@testing-library/user-event": "^12.1.10",
+    "@babel/cli": "^7.10.5",
+    "@babel/core": "^7.10.5",
+    "@babel/plugin-proposal-class-properties": "7.10.4",
+    "@babel/plugin-transform-arrow-functions": "^7.12.1",
+    "@babel/preset-typescript": "^7.12.1",
+    "babel-preset-minify": "0.5.1",
+    "babel-plugin-minify-builtins": "^0.5.0",
+    "react-scripts": "^3.4.3",
+    "typescript": "^4.0.3",
+    "web-vitals": "^0.2.4"
+  },
+  "peerDependencies": {},
+  "scripts": {
+    "distribute": "rmdir /s /q dist & mkdir dist && npx babel src/lib --out-dir dist --extensions \".js,.ts,.tsx\" --source-maps inline",
+    "start": "react-scripts start"
+  },
+  "eslintConfig": {
+    "extends": [
+      "react-app",
+      "react-app/jest"
+    ]
+  },
+  "browserslist": {
+    "production": [
+      ">0.2%",
+      "not dead",
+      "not op_mini all"
+    ],
+    "development": [
+      "last 1 chrome version",
+      "last 1 firefox version",
+      "last 1 safari version"
+    ]
+  }
+}

package/public/index.html

@@ -1,43 +1,43 @@
-<!DOCTYPE html>
-<html lang="en">
-  <head>
-    <meta charset="utf-8" />
-    <link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
-    <meta name="viewport" content="width=device-width, initial-scale=1" />
-    <meta name="theme-color" content="#000000" />
-    <meta
-      name="description"
-      content="Web site created using create-react-app"
-    />
-    <link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
-    <!--
-      manifest.json provides metadata used when your web app is installed on a
-      user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/
-    -->
-    <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
-    <!--
-      Notice the use of %PUBLIC_URL% in the tags above.
-      It will be replaced with the URL of the `public` folder during the build.
-      Only files inside the `public` folder can be referenced from the HTML.
-
-      Unlike "/favicon.ico" or "favicon.ico", "%PUBLIC_URL%/favicon.ico" will
-      work correctly both with client-side routing and a non-root public URL.
-      Learn how to configure a non-root public URL by running `npm run build`.
-    -->
-    <title>React App</title>
-  </head>
-  <body>
-    <noscript>You need to enable JavaScript to run this app.</noscript>
-    <div id="root"></div>
-    <!--
-      This HTML file is a template.
-      If you open it directly in the browser, you will see an empty page.
-
-      You can add webfonts, meta tags, or analytics to this file.
-      The build step will place the bundled scripts into the <body> tag.
-
-      To begin the development, run `npm start` or `yarn start`.
-      To create a production bundle, use `npm run build` or `yarn build`.
-    -->
-  </body>
-</html>
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <meta name="theme-color" content="#000000" />
+    <meta
+      name="description"
+      content="Web site created using create-react-app"
+    />
+    <link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
+    <!--
+      manifest.json provides metadata used when your web app is installed on a
+      user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/
+    -->
+    <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
+    <!--
+      Notice the use of %PUBLIC_URL% in the tags above.
+      It will be replaced with the URL of the `public` folder during the build.
+      Only files inside the `public` folder can be referenced from the HTML.
+
+      Unlike "/favicon.ico" or "favicon.ico", "%PUBLIC_URL%/favicon.ico" will
+      work correctly both with client-side routing and a non-root public URL.
+      Learn how to configure a non-root public URL by running `npm run build`.
+    -->
+    <title>React App</title>
+  </head>
+  <body>
+    <noscript>You need to enable JavaScript to run this app.</noscript>
+    <div id="root"></div>
+    <!--
+      This HTML file is a template.
+      If you open it directly in the browser, you will see an empty page.
+
+      You can add webfonts, meta tags, or analytics to this file.
+      The build step will place the bundled scripts into the <body> tag.
+
+      To begin the development, run `npm start` or `yarn start`.
+      To create a production bundle, use `npm run build` or `yarn build`.
+    -->
+  </body>
+</html>

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/public/manifest.json

@@ -1,25 +1,25 @@
-{
-  "short_name": "React App",
-  "name": "Create React App Sample",
-  "icons": [
-    {
-      "src": "favicon.ico",
-      "sizes": "64x64 32x32 24x24 16x16",
-      "type": "image/x-icon"
-    },
-    {
-      "src": "logo192.png",
-      "type": "image/png",
-      "sizes": "192x192"
-    },
-    {
-      "src": "logo512.png",
-      "type": "image/png",
-      "sizes": "512x512"
-    }
-  ],
-  "start_url": ".",
-  "display": "standalone",
-  "theme_color": "#000000",
-  "background_color": "#ffffff"
-}
+{
+  "short_name": "React App",
+  "name": "Create React App Sample",
+  "icons": [
+    {
+      "src": "favicon.ico",
+      "sizes": "64x64 32x32 24x24 16x16",
+      "type": "image/x-icon"
+    },
+    {
+      "src": "logo192.png",
+      "type": "image/png",
+      "sizes": "192x192"
+    },
+    {
+      "src": "logo512.png",
+      "type": "image/png",
+      "sizes": "512x512"
+    }
+  ],
+  "start_url": ".",
+  "display": "standalone",
+  "theme_color": "#000000",
+  "background_color": "#ffffff"
+}

package/public/robots.txt

@@ -1,3 +1,3 @@
-# https://www.robotstxt.org/robotstxt.html
-User-agent: *
-Disallow:
+# https://www.robotstxt.org/robotstxt.html
+User-agent: *
+Disallow:

package/src/App.test.tsx

@@ -1,9 +1,9 @@
-import React from 'react';
-import { render, screen } from '@testing-library/react';
-import App from './App';
-
-test('renders learn react link', () => {
-  render(<App />);
-  const linkElement = screen.getByText(/learn react/i);
-  expect(linkElement).toBeInTheDocument();
-});
+import React from 'react';
+import { render, screen } from '@testing-library/react';
+import App from './App';
+
+test('renders learn react link', () => {
+  render(<App />);
+  const linkElement = screen.getByText(/learn react/i);
+  expect(linkElement).toBeInTheDocument();
+});

package/src/App.tsx

@@ -1,29 +1,51 @@
-import React from 'react';
-import { Provider } from "react-redux";
-import { createStore } from 'redux';
-
-import ConfigurationLoader from './lib/ConfigurationLoader';
-
-const appReducer = (state = {}, action: any) => {
-  return state;
-}
-
-function App() {
-
-  const updateAppState = (nameInState: string, configuration: object) => {
-    debugger;
-    console.log(`updateState name: ${nameInState}, configuration: ${configuration}`);
-  }
-
-  // @ts-ignore 
-  const store = createStore(appReducer);
-
-  return (
-
-    <Provider store={store}>
-      <ConfigurationLoader updateAppState={updateAppState} path={null} />
-    </Provider >
-  );
-}
-
-export default App;
+import React from 'react';
+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) => {
+  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 = (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 >
+  );
+}
+
+export default App;

package/src/TestLabelFunction.tsx

@@ -0,0 +1,17 @@
+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/index.tsx

@@ -1,16 +1,16 @@
-import React from 'react';
-import ReactDOM from 'react-dom';
-import App from './App';
-import reportWebVitals from './reportWebVitals';
-
-ReactDOM.render(
-  <React.StrictMode>
-    <App />
-  </React.StrictMode>,
-  document.getElementById('root')
-);
-
-// If you want to start measuring performance in your app, pass a function
-// to log results (for example: reportWebVitals(console.log))
-// or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals
-reportWebVitals();
+import React from 'react';
+import ReactDOM from 'react-dom';
+import App from './App';
+import reportWebVitals from './reportWebVitals';
+
+ReactDOM.render(
+  <React.StrictMode>
+    <App />
+  </React.StrictMode>,
+  document.getElementById('root')
+);
+
+// If you want to start measuring performance in your app, pass a function
+// to log results (for example: reportWebVitals(console.log))
+// or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals
+reportWebVitals();

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 };

package/src/reportWebVitals.ts

@@ -1,15 +1,15 @@
-import { ReportHandler } from 'web-vitals';
-
-const reportWebVitals = (onPerfEntry?: ReportHandler) => {
-  if (onPerfEntry && onPerfEntry instanceof Function) {
-    import('web-vitals').then(({ getCLS, getFID, getFCP, getLCP, getTTFB }) => {
-      getCLS(onPerfEntry);  
-      getFID(onPerfEntry);
-      getFCP(onPerfEntry);
-      getLCP(onPerfEntry);
-      getTTFB(onPerfEntry);
-    });
-  }
-}
-
-export default reportWebVitals;
+import { ReportHandler } from 'web-vitals';
+
+const reportWebVitals = (onPerfEntry?: ReportHandler) => {
+  if (onPerfEntry && onPerfEntry instanceof Function) {
+    import('web-vitals').then(({ getCLS, getFID, getFCP, getLCP, getTTFB }) => {
+      getCLS(onPerfEntry);  
+      getFID(onPerfEntry);
+      getFCP(onPerfEntry);
+      getLCP(onPerfEntry);
+      getTTFB(onPerfEntry);
+    });
+  }
+}
+
+export default reportWebVitals;

package/src/setupTests.ts

@@ -1,5 +1,5 @@
-// jest-dom adds custom jest matchers for asserting on DOM nodes.
-// allows you to do things like:
-// expect(element).toHaveTextContent(/react/i)
-// learn more: https://github.com/testing-library/jest-dom
-import '@testing-library/jest-dom';
+// jest-dom adds custom jest matchers for asserting on DOM nodes.
+// allows you to do things like:
+// expect(element).toHaveTextContent(/react/i)
+// learn more: https://github.com/testing-library/jest-dom
+import '@testing-library/jest-dom';