@addev-be/ui 0.7.2 → 0.7.4

package/dist/components/ui/Message/styles.js

@@ -0,0 +1,41 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MessageContent = exports.MessageContainer = void 0;
+var styled_components_1 = __importStar(require("styled-components"));
+exports.MessageContainer = styled_components_1.default.div.attrs({
+    className: 'MessageContainer',
+})(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: row;\n  box-shadow: var(--shadow-md);\n  border-radius: var(--rounded-md);\n  padding: var(--space-4);\n  gap: var(--space-4);\n\n  ", "\n\n  .MessageIcon {\n    width: var(--space-5);\n    height: var(--space-5);\n    flex-shrink: 0;\n  }\n"], ["\n  display: flex;\n  flex-direction: row;\n  box-shadow: var(--shadow-md);\n  border-radius: var(--rounded-md);\n  padding: var(--space-4);\n  gap: var(--space-4);\n\n  ", "\n\n  .MessageIcon {\n    width: var(--space-5);\n    height: var(--space-5);\n    flex-shrink: 0;\n  }\n"])), function (_a) {
+    var $baseColor = _a.$baseColor;
+    return (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    border: 1px solid var(--color-", "-300);\n    background-color: var(--color-", "-100);\n    color: var(--color-", "-600);\n\n    .MessageIcon {\n      fill: var(--color-", "-600);\n    }\n  "], ["\n    border: 1px solid var(--color-", "-300);\n    background-color: var(--color-", "-100);\n    color: var(--color-", "-600);\n\n    .MessageIcon {\n      fill: var(--color-", "-600);\n    }\n  "])), $baseColor, $baseColor, $baseColor, $baseColor);
+});
+exports.MessageContent = styled_components_1.default.div.attrs({
+    className: 'MessageContent',
+})(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  flex-grow: 1;\n"], ["\n  display: flex;\n  flex-direction: column;\n  flex-grow: 1;\n"])));
+var templateObject_1, templateObject_2, templateObject_3;

package/dist/components/ui/index.d.ts

@@ -0,0 +1,3 @@
+export * from './Card';
+export * from './ContextMenu';
+export * from './Message';

package/dist/components/ui/index.js

@@ -0,0 +1,19 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+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 });
+__exportStar(require("./Card"), exports);
+__exportStar(require("./ContextMenu"), exports);
+__exportStar(require("./Message"), exports);

package/dist/config/index.d.ts

@@ -0,0 +1,10 @@
+export type EnvType = 'dev' | 'test' | 'staging' | 'prod';
+export type Config = {
+    webSocketUrl: string;
+    httpServerUrl: `${string}/`;
+};
+type DeepPartial<T> = T extends object ? {
+    [P in keyof T]?: DeepPartial<T[P]>;
+} : T;
+export type PartialConfig = DeepPartial<Config>;
+export {};

package/dist/config/index.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/config/types.d.ts

@@ -0,0 +1,11 @@
+export type EnvType = 'dev' | 'test' | 'staging' | 'prod';
+export type Config = {
+    webSocketUrl: string;
+    httpServerUrl: `${string}/`;
+    invoicingEnabled?: boolean;
+};
+type DeepPartial<T> = T extends object ? {
+    [P in keyof T]?: DeepPartial<T[P]>;
+} : T;
+export type PartialConfig = DeepPartial<Config>;
+export {};

package/dist/config/types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/helpers/dates.d.ts

@@ -0,0 +1,3 @@
+import moment from 'moment';
+export declare const formatDate: (date: moment.MomentInput, format?: string) => string;
+export declare const formatDateTime: (date: moment.MomentInput, format?: string) => string;

package/dist/helpers/dates.js

@@ -0,0 +1,19 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.formatDateTime = exports.formatDate = void 0;
+var moment_1 = __importDefault(require("moment"));
+var formatDate = function (date, format) {
+    if (format === void 0) { format = 'DD/MM/YYYY'; }
+    var m = moment_1.default.utc(date);
+    return m.isValid() ? m.format(format) : '';
+};
+exports.formatDate = formatDate;
+var formatDateTime = function (date, format) {
+    if (format === void 0) { format = 'DD/MM/YYYY HH:mm:ss'; }
+    var m = moment_1.default.utc(date);
+    return m.isValid() ? m.format(format) : '';
+};
+exports.formatDateTime = formatDateTime;

package/dist/helpers/getScrollbarSize.d.ts

@@ -0,0 +1 @@
+export declare const getScrollBarSize: () => number[];

package/dist/helpers/getScrollbarSize.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getScrollBarSize = void 0;
+var scrollBarSize = undefined;
+var getScrollBarSize = function () {
+    if (!scrollBarSize) {
+        var el = document.createElement('div');
+        el.style.cssText = 'overflow:scroll; visibility:hidden; position:absolute;';
+        document.body.appendChild(el);
+        var width = el.offsetWidth - el.clientWidth;
+        var height = el.offsetHeight - el.clientHeight;
+        el.remove();
+        scrollBarSize = [width, height];
+    }
+    return scrollBarSize;
+};
+exports.getScrollBarSize = getScrollBarSize;

package/dist/helpers/index.d.ts

@@ -0,0 +1,3 @@
+export * from './dates';
+export * from './numbers';
+export * from './text';

package/dist/helpers/index.js

@@ -0,0 +1,19 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+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 });
+__exportStar(require("./dates"), exports);
+__exportStar(require("./numbers"), exports);
+__exportStar(require("./text"), exports);

package/dist/helpers/numbers.d.ts

@@ -0,0 +1,4 @@
+export declare const formatMoney: (number: number, decimals?: number, currency?: string) => string;
+export declare const formatPercentage: (number: number, decimals?: number) => string;
+export declare const formatNumber: (number: number, decimals?: number) => string;
+export declare const formatNumberInvariant: (number: number, decimals?: number) => string;

package/dist/helpers/numbers.js

@@ -0,0 +1,39 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.formatNumberInvariant = exports.formatNumber = exports.formatPercentage = exports.formatMoney = void 0;
+var formatMoney = function (number, decimals, currency) {
+    if (decimals === void 0) { decimals = 2; }
+    if (currency === void 0) { currency = 'EUR'; }
+    return new Intl.NumberFormat(navigator.language, {
+        style: 'currency',
+        currency: currency,
+        minimumFractionDigits: decimals,
+        maximumFractionDigits: decimals,
+    }).format(number);
+};
+exports.formatMoney = formatMoney;
+var formatPercentage = function (number, decimals) {
+    if (decimals === void 0) { decimals = 2; }
+    return new Intl.NumberFormat(navigator.language, {
+        style: 'percent',
+        minimumFractionDigits: decimals,
+        maximumFractionDigits: decimals,
+    }).format(number);
+};
+exports.formatPercentage = formatPercentage;
+var formatNumber = function (number, decimals) {
+    if (decimals === void 0) { decimals = 2; }
+    return new Intl.NumberFormat(navigator.language, {
+        minimumFractionDigits: decimals,
+        maximumFractionDigits: decimals,
+    }).format(number);
+};
+exports.formatNumber = formatNumber;
+var formatNumberInvariant = function (number, decimals) {
+    if (decimals === void 0) { decimals = 2; }
+    return new Intl.NumberFormat('es-US', {
+        minimumFractionDigits: decimals,
+        maximumFractionDigits: decimals,
+    }).format(number);
+};
+exports.formatNumberInvariant = formatNumberInvariant;

package/dist/helpers/text.d.ts

@@ -0,0 +1,2 @@
+export declare const escapeForRegExp: (text: string) => string;
+export declare const extractTextFromHTML: (html: string) => string;

package/dist/helpers/text.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.extractTextFromHTML = exports.escapeForRegExp = void 0;
+var escapeForRegExp = function (text) {
+    return text.replace(/[-[\]{}()*+?.,\\^$|#\s]/g, '\\$&');
+};
+exports.escapeForRegExp = escapeForRegExp;
+var extractTextFromHTML = function (html) {
+    var div = document.createElement('div');
+    div.style.display = 'block';
+    div.style.whiteSpace = 'normal';
+    div.innerHTML = html;
+    document.body.appendChild(div);
+    var text = div.innerText || '';
+    document.body.removeChild(div);
+    return text;
+};
+exports.extractTextFromHTML = extractTextFromHTML;

package/dist/hooks/index.d.ts

@@ -0,0 +1,2 @@
+export * from './useElementSize';
+export * from './useWindowSize';

package/dist/hooks/index.js

@@ -0,0 +1,18 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+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 });
+__exportStar(require("./useElementSize"), exports);
+__exportStar(require("./useWindowSize"), exports);

package/dist/hooks/useElementSize.d.ts

@@ -0,0 +1,4 @@
+export declare const useElementSize: (element: HTMLElement | null) => {
+    width: number;
+    height: number;
+};

package/dist/hooks/useElementSize.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useElementSize = void 0;
+var react_1 = require("react");
+var useElementSize = function (element) {
+    var _a = (0, react_1.useState)({ width: 0, height: 0 }), size = _a[0], setSize = _a[1];
+    (0, react_1.useEffect)(function () {
+        if (!element) {
+            return;
+        }
+        var observer = new ResizeObserver(function (entries) {
+            var entry = entries[0];
+            var _a = entry.contentRect, width = _a.width, height = _a.height;
+            setSize({ width: width, height: height });
+        });
+        observer.observe(element);
+        return function () {
+            observer.disconnect();
+        };
+    }, [element]);
+    return size;
+};
+exports.useElementSize = useElementSize;

package/dist/hooks/useWindowSize.d.ts

@@ -0,0 +1,4 @@
+export declare const useWindowSize: () => {
+    width: number;
+    height: number;
+};

package/dist/hooks/useWindowSize.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useWindowSize = void 0;
+var react_1 = require("react");
+var useWindowSize = function () {
+    var _a = (0, react_1.useState)({ width: 0, height: 0 }), size = _a[0], setSize = _a[1];
+    (0, react_1.useEffect)(function () {
+        var handleResize = function () {
+            setSize({ width: window.outerWidth, height: window.outerHeight });
+        };
+        window.addEventListener('resize', handleResize);
+        handleResize();
+        return function () {
+            window.removeEventListener('resize', handleResize);
+        };
+    }, []);
+    return size;
+};
+exports.useWindowSize = useWindowSize;

package/dist/index.d.ts

@@ -0,0 +1,6 @@
+export * from './components';
+export * from './providers';
+export * from './Icons';
+export * from './config';
+export * from './helpers';
+export * from './services';

package/dist/index.js

@@ -0,0 +1,22 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+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 });
+__exportStar(require("./components"), exports);
+__exportStar(require("./providers"), exports);
+__exportStar(require("./Icons"), exports);
+__exportStar(require("./config"), exports);
+__exportStar(require("./helpers"), exports);
+__exportStar(require("./services"), exports);

package/dist/providers/AuthenticationProvider/helpers.d.ts

@@ -0,0 +1 @@
+export declare const basePermissions: Record<string, string>;

package/dist/providers/AuthenticationProvider/helpers.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.basePermissions = void 0;
+exports.basePermissions = {
+    'users.manage': 'Gérer les utilisateurs',
+};

package/dist/providers/AuthenticationProvider/index.d.ts

@@ -0,0 +1,22 @@
+import { FC, PropsWithChildren } from 'react';
+import { UserDTO } from '../../services';
+export type AuthenticationContextProps = {
+    token?: string;
+    user?: UserDTO;
+    isAuthenticated: boolean;
+    authenticate: () => void;
+    login: (username: string, password: string) => Promise<boolean>;
+    logout: () => Promise<boolean>;
+    sendRecoveryKey: (email: string) => Promise<number>;
+    checkRecoveryKey: (key: string) => Promise<number>;
+    resetPassword: (key: string, password: string) => Promise<number>;
+    permissions: Record<string, string>;
+    hasPermission: (permission: string) => boolean;
+};
+export declare const AuthenticationContext: import("react").Context<AuthenticationContextProps>;
+export type AuthenticationProviderProps = PropsWithChildren<{
+    permissions?: Record<string, string>;
+    loginComponent?: FC;
+    requestHandlerName?: string;
+}>;
+export declare const AuthenticationProvider: FC<AuthenticationProviderProps>;

package/dist/providers/AuthenticationProvider/index.js

@@ -0,0 +1,207 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+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 __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
+    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AuthenticationProvider = exports.AuthenticationContext = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
+var services_1 = require("../../services");
+var helpers_1 = require("./helpers");
+exports.AuthenticationContext = (0, react_1.createContext)({
+    authenticate: function () { },
+    isAuthenticated: false,
+    login: function () { return __awaiter(void 0, void 0, void 0, function () { return __generator(this, function (_a) {
+        return [2 /*return*/, false];
+    }); }); },
+    logout: function () { return __awaiter(void 0, void 0, void 0, function () { return __generator(this, function (_a) {
+        return [2 /*return*/, false];
+    }); }); },
+    sendRecoveryKey: function () { return __awaiter(void 0, void 0, void 0, function () { return __generator(this, function (_a) {
+        return [2 /*return*/, -1];
+    }); }); },
+    checkRecoveryKey: function () { return __awaiter(void 0, void 0, void 0, function () { return __generator(this, function (_a) {
+        return [2 /*return*/, -1];
+    }); }); },
+    resetPassword: function () { return __awaiter(void 0, void 0, void 0, function () { return __generator(this, function (_a) {
+        return [2 /*return*/, -1];
+    }); }); },
+    permissions: {},
+    hasPermission: function () { return false; },
+});
+var AuthenticationProvider = function (_a) {
+    var permissions = _a.permissions, LoginComponent = _a.loginComponent, children = _a.children, requestHandlerName = _a.requestHandlerName;
+    var allPermissions = (0, react_1.useMemo)(function () { return (__assign(__assign({}, helpers_1.basePermissions), permissions)); }, [permissions]);
+    var _b = (0, react_1.useState)(false), setWebSocketStatus = _b[1];
+    var _c = (0, react_1.useState)(sessionStorage.getItem('authToken') || undefined), token = _c[0], setToken = _c[1];
+    var _d = (0, react_1.useState)(undefined), user = _d[0], setUser = _d[1];
+    var sendAuthenticateRequest = (0, services_1.useAuthenticateRequestHandler)(requestHandlerName);
+    var sendLoginRequest = (0, services_1.useLoginRequestHandler)();
+    var sendLogoutRequest = (0, services_1.useLogoutRequestHandler)();
+    var sendSendRecoveryKeyRequest = (0, services_1.useSendRecoveryKeyRequestHandler)();
+    var sendCheckRecoveryKeyRequest = (0, services_1.useCheckRecoveryKeyRequestHandler)();
+    var sendResetPasswordRequest = (0, services_1.useResetPasswordRequestHandler)();
+    (0, react_1.useEffect)(function () {
+        if (token) {
+            sessionStorage.setItem('authToken', token);
+        }
+        else {
+            sessionStorage.removeItem('authToken');
+        }
+    }, [token]);
+    var authenticate = (0, react_1.useCallback)(function () {
+        if (token && !user) {
+            sendAuthenticateRequest({ token: token }).then(function (response) {
+                if (response.status === 0 && response.user) {
+                    setUser(response.user);
+                }
+                else if (response.status > 0) {
+                    setToken(undefined);
+                    setUser(undefined);
+                }
+            }, function () {
+                setToken(undefined);
+                setUser(undefined);
+            });
+        }
+    }, [sendAuthenticateRequest, token, user]);
+    var login = (0, react_1.useCallback)(function (username, password) { return __awaiter(void 0, void 0, void 0, function () {
+        return __generator(this, function (_a) {
+            return [2 /*return*/, sendLoginRequest({ username: username, password: password })
+                    .then(function (response) {
+                    if (response.status === 0 && response.user) {
+                        setToken(response.token);
+                        setUser(response.user);
+                        return true;
+                    }
+                    throw new Error("Login failed with status ".concat(response.status));
+                })
+                    .catch(function () {
+                    setToken(undefined);
+                    setUser(undefined);
+                    return false;
+                })];
+        });
+    }); }, [sendLoginRequest]);
+    var logout = (0, react_1.useCallback)(function () { return __awaiter(void 0, void 0, void 0, function () {
+        return __generator(this, function (_a) {
+            return [2 /*return*/, sendLogoutRequest({})
+                    .then(function (response) {
+                    return response.status === 0;
+                })
+                    .finally(function () {
+                    setToken(undefined);
+                    setUser(undefined);
+                })];
+        });
+    }); }, [sendLogoutRequest]);
+    var sendRecoveryKey = (0, react_1.useCallback)(function (email) { return __awaiter(void 0, void 0, void 0, function () {
+        return __generator(this, function (_a) {
+            return [2 /*return*/, sendSendRecoveryKeyRequest({ email: email }).then(function (response) {
+                    return response.status;
+                })];
+        });
+    }); }, [sendSendRecoveryKeyRequest]);
+    var resetPassword = (0, react_1.useCallback)(function (key, password) { return __awaiter(void 0, void 0, void 0, function () {
+        return __generator(this, function (_a) {
+            return [2 /*return*/, sendResetPasswordRequest({ key: key, password: password }).then(function (response) {
+                    return response.status;
+                })];
+        });
+    }); }, [sendResetPasswordRequest]);
+    var checkRecoveryKey = (0, react_1.useCallback)(function (key) { return __awaiter(void 0, void 0, void 0, function () {
+        return __generator(this, function (_a) {
+            return [2 /*return*/, sendCheckRecoveryKeyRequest({ key: key }).then(function (response) {
+                    return response.status;
+                })];
+        });
+    }); }, [sendCheckRecoveryKeyRequest]);
+    var hasPermission = (0, react_1.useCallback)(function (permission) {
+        var _a, _b;
+        return permission in allPermissions &&
+            !!allPermissions[permission] &&
+            ((user === null || user === void 0 ? void 0 : user.isAdmin) || ((_b = (_a = user === null || user === void 0 ? void 0 : user.permissions) === null || _a === void 0 ? void 0 : _a.includes(permission)) !== null && _b !== void 0 ? _b : false));
+    }, [allPermissions, user === null || user === void 0 ? void 0 : user.isAdmin, user === null || user === void 0 ? void 0 : user.permissions]);
+    var contextValue = (0, react_1.useMemo)(function () { return ({
+        token: token,
+        user: user,
+        isAuthenticated: !!user,
+        authenticate: authenticate,
+        login: login,
+        logout: logout,
+        sendRecoveryKey: sendRecoveryKey,
+        checkRecoveryKey: checkRecoveryKey,
+        resetPassword: resetPassword,
+        permissions: allPermissions,
+        hasPermission: hasPermission,
+    }); }, [
+        allPermissions,
+        authenticate,
+        checkRecoveryKey,
+        hasPermission,
+        login,
+        logout,
+        resetPassword,
+        sendRecoveryKey,
+        token,
+        user,
+    ]);
+    (0, react_1.useEffect)(function () {
+        var _a;
+        var subscription = (_a = services_1.WebSocketService.getInstance()) === null || _a === void 0 ? void 0 : _a.status$.subscribe(function (newStatus) {
+            setWebSocketStatus(function (previousStatus) {
+                if (!previousStatus && newStatus) {
+                    authenticate();
+                }
+                return newStatus;
+            });
+        });
+        return function () { return subscription === null || subscription === void 0 ? void 0 : subscription.unsubscribe(); };
+    }, [authenticate]);
+    return ((0, jsx_runtime_1.jsx)(exports.AuthenticationContext.Provider, { value: contextValue, children: !user ? (LoginComponent ? ((0, jsx_runtime_1.jsx)(LoginComponent, {})) : ((0, jsx_runtime_1.jsx)("div", { children: "Not authenticated" }))) : (children) }));
+};
+exports.AuthenticationProvider = AuthenticationProvider;

package/dist/providers/LoadingProvider/index.d.ts

@@ -0,0 +1,7 @@
+import { FC, PropsWithChildren } from 'react';
+export type LoadingContextType = {
+    startLoading: () => void;
+    stopLoading: () => void;
+};
+export declare const LoadingContext: import("react").Context<LoadingContextType>;
+export declare const LoadingProvider: FC<PropsWithChildren>;

package/dist/providers/LoadingProvider/index.js

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LoadingProvider = exports.LoadingContext = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
+var components_1 = require("../../components");
+exports.LoadingContext = (0, react_1.createContext)({
+    startLoading: function () { },
+    stopLoading: function () { },
+});
+var LoadingProvider = function (_a) {
+    var children = _a.children;
+    var _b = (0, react_1.useState)(0), loadingCount = _b[0], setLoadingCount = _b[1];
+    var startLoading = (0, react_1.useCallback)(function () {
+        setLoadingCount(function (count) { return count + 1; });
+    }, []);
+    var stopLoading = (0, react_1.useCallback)(function () {
+        setLoadingCount(function (count) { return count - 1; });
+    }, []);
+    var value = (0, react_1.useMemo)(function () { return ({
+        startLoading: startLoading,
+        stopLoading: stopLoading,
+    }); }, [startLoading, stopLoading]);
+    return ((0, jsx_runtime_1.jsxs)(exports.LoadingContext.Provider, { value: value, children: [(0, jsx_runtime_1.jsx)(components_1.Loading, { visible: loadingCount > 0, children: "Chargement ..." }), children] }));
+};
+exports.LoadingProvider = LoadingProvider;

package/dist/providers/PortalsProvider/index.d.ts

@@ -0,0 +1,10 @@
+import { FC, PropsWithChildren, ReactNode, ReactPortal } from 'react';
+export type PortalProps = {
+    key: string;
+    children: ReactNode;
+};
+export type PortalsContextType = {
+    createPortal: (children: ReactNode) => ReactPortal | null;
+};
+export declare const PortalsContext: import("react").Context<PortalsContextType>;
+export declare const PortalsProvider: FC<PropsWithChildren>;