allaw-ui 3.4.0 → 3.4.2

package/dist/components/molecules/appointmentSlot/AppointmentSlot.stories.d.ts

@@ -1,70 +0,0 @@
-declare namespace _default {
-    export let title: string;
-    export { AppointmentSlot as component };
-    export let tags: string[];
-    export namespace argTypes {
-        namespace status {
-            export namespace control {
-                let type: string;
-                let options: string[];
-            }
-            let options_1: string[];
-            export { options_1 as options };
-        }
-        namespace noteCount {
-            export namespace control_1 {
-                let type_1: string;
-                export { type_1 as type };
-            }
-            export { control_1 as control };
-        }
-        namespace documentCount {
-            let control_2: string;
-            export { control_2 as control };
-        }
-        namespace date {
-            let control_3: string;
-            export { control_3 as control };
-            export namespace _if {
-                let arg: string;
-                let eq: string;
-            }
-            export { _if as if };
-        }
-        namespace style {
-            export namespace control_4 {
-                let type_2: string;
-                export { type_2 as type };
-                let options_2: string[];
-                export { options_2 as options };
-            }
-            export { control_4 as control };
-            export let defaultValue: string;
-        }
-    }
-    export namespace parameters {
-        namespace actions {
-            let handles: string[];
-        }
-        namespace backgrounds {
-            let _default: string;
-            export { _default as default };
-            export let values: {
-                name: string;
-                value: string;
-            }[];
-        }
-    }
-}
-export default _default;
-export const Confirmed: any;
-export const ConfirmedBig: any;
-export const Pending: any;
-export const Available: any;
-export const Unavailable: any;
-export const Passed: any;
-export const Cancelled: any;
-export const Refused: any;
-export const Summary: any;
-export const SummaryBig: any;
-import AppointmentSlot from "./AppointmentSlot";

package/dist/components/molecules/appointmentSlot/AppointmentSlot.stories.js

@@ -1,186 +0,0 @@
-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);
-};
-import React from "react";
-import AppointmentSlot from "./AppointmentSlot";
-import "../../../styles/global.css";
-export default {
-    title: "Components/Molecules/AppointmentSlot",
-    component: AppointmentSlot,
-    tags: ["autodocs"],
-    argTypes: {
-        status: {
-            control: {
-                type: "select",
-                options: [
-                    "confirmed",
-                    "pending",
-                    "available",
-                    "unavailable",
-                    "passed",
-                    "summary",
-                    "cancelled",
-                    "refused",
-                ],
-            },
-            options: [
-                "confirmed",
-                "pending",
-                "available",
-                "unavailable",
-                "passed",
-                "summary",
-                "cancelled",
-                "refused",
-            ],
-        },
-        noteCount: {
-            control: {
-                type: "text",
-            },
-        },
-        documentCount: {
-            control: "text",
-        },
-        date: {
-            control: "text",
-            if: { arg: "status", eq: "summary" },
-        },
-        style: {
-            control: {
-                type: "select",
-                options: ["compact", "big"],
-            },
-            defaultValue: "compact",
-        },
-    },
-    parameters: {
-        actions: {
-            handles: [
-                "click .appointment-slot",
-                "click .dual-button",
-                "click .document-actions",
-                "click button",
-            ],
-        },
-        backgrounds: {
-            default: "light",
-            values: [
-                { name: "light", value: "#ffffff" },
-                { name: "grey", value: "#728ea7" },
-                { name: "figma", value: "#404040" },
-                { name: "dark", value: "#171e25" },
-            ],
-        },
-    },
-};
-var Template = function (args) { return React.createElement(AppointmentSlot, __assign({}, args)); };
-export var Confirmed = Template.bind({});
-Confirmed.args = {
-    status: "confirmed",
-    style: "compact",
-    startTime: "14:15",
-    endTime: "15:00",
-    clientName: "MME. JANE DOE",
-    appointmentContent: "Signature des docs",
-    tags: ["Premier rdv", "Divorce"],
-    documentCount: "1",
-    actions: {
-        onViewDocument: function () { return console.log("View document clicked"); },
-    },
-};
-export var ConfirmedBig = Template.bind({});
-ConfirmedBig.args = __assign(__assign({}, Confirmed.args), { style: "big" });
-export var Pending = Template.bind({});
-Pending.args = {
-    status: "pending",
-    style: "compact",
-    startTime: "14:15",
-    endTime: "15:00",
-    clientName: "MME. JANE DOE",
-    appointmentContent: "Signature des docs",
-    tags: ["Premier rdv", "Divorce"],
-    actions: {
-        onApprove: function () { },
-        onReject: function () { },
-    },
-};
-export var Available = Template.bind({});
-Available.args = {
-    status: "available",
-    style: "compact",
-    startTime: "14:15",
-    endTime: "15:00",
-    actions: {
-        onMakeUnavailable: function () { return console.log("Rendre indisponible clicked"); },
-    },
-};
-export var Unavailable = Template.bind({});
-Unavailable.args = {
-    status: "unavailable",
-    style: "compact",
-    startTime: "14:15",
-    endTime: "15:00",
-};
-export var Passed = Template.bind({});
-Passed.args = {
-    status: "passed",
-    style: "compact",
-    startTime: "14:15",
-    endTime: "15:00",
-    clientName: "MME. JANE DOE",
-    appointmentContent: "Signature des docs",
-    tags: ["Premier rdv", "Divorce"],
-    noteCount: "3",
-    documentCount: "1",
-    actions: {
-        onEdit: function () { return console.log("Edit clicked"); },
-        onViewDocument: function () { return console.log("View document clicked"); },
-    },
-};
-export var Cancelled = Template.bind({});
-Cancelled.args = {
-    status: "cancelled",
-    style: "compact",
-    startTime: "14:15",
-    endTime: "15:00",
-    clientName: "MME. JANE DOE",
-    appointmentContent: "Signature des docs",
-    tags: ["Premier rdv", "Divorce"],
-};
-export var Refused = Template.bind({});
-Refused.args = {
-    status: "refused",
-    style: "compact",
-    startTime: "14:15",
-    endTime: "15:00",
-    clientName: "MME. JANE DOE",
-    appointmentContent: "Signature des docs",
-    tags: ["Premier rdv", "Divorce"],
-};
-export var Summary = Template.bind({});
-Summary.args = {
-    status: "summary",
-    style: "compact",
-    startTime: "14:15",
-    endTime: "15:00",
-    date: "LUN. 12 AVRIL 2023",
-    clientName: "MME. JANE DOE",
-    appointmentContent: "Signature des docs",
-    tags: ["Suivi de dossier", "Divorce"],
-    documentCount: "1/3",
-    actions: {
-        onEdit: function () { return console.log("Edit clicked"); },
-        onViewDocument: function () { return console.log("View document clicked"); },
-    },
-};
-export var SummaryBig = Template.bind({});
-SummaryBig.args = __assign(__assign({}, Summary.args), { style: "big" });

package/dist/components/molecules/appointmentSlot/index.d.ts

@@ -1,2 +0,0 @@
-export { default as AppointmentSlot } from "./AppointmentSlot";
-export type { AppointmentSlotProps } from "./AppointmentSlot";

package/dist/components/molecules/appointmentSlot/index.js

@@ -1 +0,0 @@
-export { default as AppointmentSlot } from "./AppointmentSlot";

package/dist/components/molecules/banner/Banner.d.ts

@@ -1,20 +0,0 @@
-import React from "react";
-export type BannerProps = {
-    tag?: string;
-    title: string;
-    content: string;
-    image?: {
-        src: string;
-        alt: string;
-        horizontalSide: "left" | "right";
-        verticalSide: "top" | "bottom";
-    };
-    action?: {
-        href: string;
-        label: string;
-    };
-    highlightColor: string;
-    backgroundColor: string;
-};
-declare const Banner: React.FC<BannerProps>;
-export default Banner;

package/dist/components/molecules/banner/Banner.js

@@ -1,28 +0,0 @@
-"use client";
-import React, { useState, useEffect } from "react";
-import Image from "next/image";
-import styles from "./Banner.module.css";
-import Link from "next/link";
-var Banner = function (_a) {
-    var tag = _a.tag, title = _a.title, content = _a.content, image = _a.image, action = _a.action, highlightColor = _a.highlightColor, backgroundColor = _a.backgroundColor;
-    var _b = useState(false), isMobile = _b[0], setIsMobile = _b[1];
-    useEffect(function () {
-        var updateIsMobile = function () {
-            setIsMobile(window.innerWidth <= 995);
-        };
-        updateIsMobile(); // Vérifie à l'initialisation
-        window.addEventListener("resize", updateIsMobile); // Met à jour au resize
-        return function () { return window.removeEventListener("resize", updateIsMobile); };
-    }, []);
-    return (React.createElement("section", { className: styles.bannerContainer, style: { backgroundColor: backgroundColor } },
-        image && (React.createElement("figure", { className: "".concat(styles.imageContainer, " ").concat(isMobile ? styles[image.verticalSide] : styles[image.horizontalSide]) },
-            React.createElement(Image, { src: image.src || "", alt: image.alt || "", fill: true, sizes: "(max-width: 995px) 100vw, 400px", className: styles.bannerImageContent }))),
-        React.createElement("div", { className: "".concat(styles.bannerContent, " ").concat(!image ? styles.bannerContentFullWidth : "") },
-            React.createElement("div", { className: styles.bannerHeading },
-                tag && (React.createElement("span", { className: styles.bannerTag, style: { color: highlightColor } }, tag)),
-                React.createElement("h2", { className: styles.bannerTitle }, title)),
-            React.createElement("p", { className: styles.bannerDescription }, content),
-            action && (React.createElement(Link, { href: action.href, className: styles.action, style: { background: highlightColor } },
-                React.createElement("span", { className: styles.actionLabel }, action.label))))));
-};
-export default Banner;

package/dist/components/molecules/banner/Banner.stories.d.ts

@@ -1,31 +0,0 @@
-declare namespace _default {
-    export let title: string;
-    export { Banner as component };
-    export namespace argTypes {
-        namespace highlightColor {
-            let control: string;
-        }
-        namespace backgroundColor {
-            let control_1: string;
-            export { control_1 as control };
-        }
-        namespace image {
-            let control_2: boolean;
-            export { control_2 as control };
-        }
-        namespace action {
-            let control_3: boolean;
-            export { control_3 as control };
-        }
-    }
-}
-export default _default;
-export const Default: any;
-export const HorizontalSideLeft: any;
-export const HorizontalSideRight: any;
-export const CustomColors: any;
-export const VerticalSideTop: any;
-export const VerticalSideBottom: any;
-export const LongTextWithLongImage: any;
-export const ShortTextWithLongImage: any;
-import Banner from "./Banner";

package/dist/components/molecules/banner/Banner.stories.js

@@ -1,123 +0,0 @@
-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);
-};
-import React from "react";
-import { Meta, StoryFn } from "@storybook/react";
-import Banner, { BannerProps } from "./Banner";
-export default {
-    title: "Components/Molecules/Banner",
-    component: Banner,
-    argTypes: {
-        highlightColor: { control: "color" },
-        backgroundColor: { control: "color" },
-        image: {
-            control: false,
-        },
-        action: {
-            control: false,
-        },
-    },
-};
-var Template = function (args) { return React.createElement(Banner, __assign({}, args)); };
-export var Default = Template.bind({});
-Default.args = {
-    tag: "Promotion",
-    title: "Découvrez notre offre spéciale",
-    content: "Acc\u00E9dez \u00E0 des solutions juridiques rapides et adapt\u00E9es \u00E0 vos besoins.\n\n  Consultez des experts qualifi\u00E9s en toute confiance, o\u00F9 que vous soyez.\n\n  Obtenez des r\u00E9ponses claires et pr\u00E9cises \u00E0 vos questions juridiques.\n\n  Rejoignez notre plateforme pour une justice plus accessible \u00E0 tous.",
-    highlightColor: "#FF5733",
-    backgroundColor: "#F8F9FA",
-    action: {
-        href: "/offer",
-        label: "Bouton",
-    },
-};
-export var HorizontalSideLeft = Template.bind({});
-HorizontalSideLeft.args = __assign(__assign({}, Default.args), { image: {
-        src: "https://plus.unsplash.com/premium_photo-1695449439526-9cebdbfa1a2c?q=80&w=2009&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D",
-        alt: "Offre spéciale à gauche",
-        horizontalSide: "left",
-        verticalSide: "top",
-    } });
-export var HorizontalSideRight = Template.bind({});
-HorizontalSideRight.args = __assign(__assign({}, Default.args), { image: {
-        src: "https://plus.unsplash.com/premium_photo-1695449439526-9cebdbfa1a2c?q=80&w=2009&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D",
-        alt: "Offre spéciale à droite",
-        horizontalSide: "right",
-        verticalSide: "top",
-    } });
-export var CustomColors = Template.bind({});
-CustomColors.args = {
-    tag: "Exclusivité",
-    title: "Ne manquez pas notre nouvelle offre",
-    content: "B\u00E9n\u00E9ficiez d'un service juridique personnalis\u00E9 pour r\u00E9pondre \u00E0 vos besoins.\n\n  Consultez nos experts en toute simplicit\u00E9 et obtenez des solutions rapides et efficaces.\n\n  Rejoignez notre plateforme pour acc\u00E9der \u00E0 des offres exclusives.",
-    highlightColor: "#4CAF50",
-    backgroundColor: "#E8F5E9",
-    action: {
-        href: "/exclusive",
-        label: "Découvrir l'offre",
-    },
-    image: {
-        src: "https://images.unsplash.com/photo-1593642532973-d31b6557fa68?ixlib=rb-4.0.3&auto=format&fit=crop&w=800&q=60",
-        alt: "Exclusivité sur les offres",
-        horizontalSide: "right",
-        verticalSide: "top",
-    },
-};
-export var VerticalSideTop = Template.bind({});
-VerticalSideTop.args = __assign(__assign({}, HorizontalSideLeft.args), { image: {
-        src: "https://plus.unsplash.com/premium_photo-1695449439526-9cebdbfa1a2c?q=80&w=2009&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D",
-        alt: "Image en haut",
-        horizontalSide: "left",
-        verticalSide: "top",
-    } });
-export var VerticalSideBottom = Template.bind({});
-VerticalSideBottom.args = __assign(__assign({}, HorizontalSideRight.args), { image: {
-        src: "https://plus.unsplash.com/premium_photo-1695449439526-9cebdbfa1a2c?q=80&w=2009&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D",
-        alt: "Image en haut",
-        horizontalSide: "right",
-        verticalSide: "bottom",
-    } });
-export var LongTextWithLongImage = Template.bind({});
-LongTextWithLongImage.args = {
-    tag: "Annonce",
-    title: "Découvrez tous les détails",
-    content: "Nous proposons des solutions juridiques sur mesure pour r\u00E9pondre \u00E0 vos besoins sp\u00E9cifiques.\n\n  Notre \u00E9quipe d'experts est disponible pour vous accompagner dans toutes vos d\u00E9marches, qu'il s'agisse de conseils juridiques, de r\u00E9daction de documents ou de repr\u00E9sentation l\u00E9gale.\n\n  Profitez de notre plateforme intuitive pour acc\u00E9der \u00E0 des services rapides, fiables et enti\u00E8rement personnalis\u00E9s.\n\n  Nos services incluent \u00E9galement des guides d\u00E9taill\u00E9s pour vous aider \u00E0 mieux comprendre vos droits et vos obligations.\n\n  N'attendez plus pour b\u00E9n\u00E9ficier de conseils avis\u00E9s et d'un accompagnement complet.\n\n  Rejoignez notre communaut\u00E9 d\u00E8s aujourd'hui et profitez de tous les avantages que nous offrons.",
-    highlightColor: "#FFC107",
-    backgroundColor: "#FFF8E1",
-    action: {
-        href: "/details",
-        label: "Lire la suite",
-    },
-    image: {
-        src: "https://plus.unsplash.com/premium_photo-1693966067170-2835a8a17a18?q=80&w=1827&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D",
-        alt: "Illustration pour long texte",
-        horizontalSide: "right",
-        verticalSide: "top",
-    },
-};
-export var ShortTextWithLongImage = Template.bind({});
-ShortTextWithLongImage.args = {
-    tag: "Annonce",
-    title: "Découvrez tous les détails",
-    content: "Nous proposons des solutions juridiques sur mesure pour r\u00E9pondre \u00E0 vos besoins sp\u00E9cifiques.\n",
-    highlightColor: "#FFC107",
-    backgroundColor: "#FFF8E1",
-    action: {
-        href: "/details",
-        label: "Lire la suite",
-    },
-    image: {
-        src: "https://plus.unsplash.com/premium_photo-1693966067170-2835a8a17a18?q=80&w=1827&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D",
-        alt: "Illustration pour long texte",
-        horizontalSide: "right",
-        verticalSide: "top",
-    },
-};

package/dist/components/molecules/banner/index.d.ts

@@ -1,2 +0,0 @@
-export { default as Banner } from "./Banner";
-export type { BannerProps } from "./Banner";

package/dist/components/molecules/banner/index.js

@@ -1 +0,0 @@
-export { default as Banner } from "./Banner";

package/dist/components/molecules/billingCount/BillingCount.d.ts

@@ -1,11 +0,0 @@
-import React from "react";
-import "./BillingCount.css";
-export type BillingCountProps = {
-    onEnd: (time: number) => void;
-    setIsStarted?: (value: boolean) => void;
-    resetTimer?: boolean;
-    pauseTimer?: boolean;
-    responsiveSize?: number;
-};
-declare const BillingCount: ({ onEnd, setIsStarted, resetTimer, pauseTimer, responsiveSize, }: BillingCountProps) => React.JSX.Element;
-export default BillingCount;

package/dist/components/molecules/billingCount/BillingCount.js

@@ -1,169 +0,0 @@
-import React, { useEffect, useState, useRef } from "react";
-import "./BillingCount.css";
-var LOCAL_STORAGE_KEYS = {
-    START_TIME: "startTimeBilling",
-    ACCUMULATED_TIME: "accumulatedTime",
-    IS_RUNNING: "isRunning",
-    HAS_STARTED_BEFORE: "hasStartedBefore",
-};
-var BillingCount = function (_a) {
-    var onEnd = _a.onEnd, setIsStarted = _a.setIsStarted, resetTimer = _a.resetTimer, pauseTimer = _a.pauseTimer, responsiveSize = _a.responsiveSize;
-    var _b = useState(0), elapsedSeconds = _b[0], setElapsedSeconds = _b[1];
-    var _c = useState(false), isRunning = _c[0], setIsRunning = _c[1];
-    var intervalRef = useRef(null);
-    var _d = useState(true), isVisible = _d[0], setIsVisible = _d[1];
-    // --- Au premier render, on relit le localStorage
-    useEffect(function () {
-        var savedAccumulated = getAccumulatedTime();
-        var savedIsRunning = localStorage.getItem(LOCAL_STORAGE_KEYS.IS_RUNNING) === "true";
-        var savedStartTime = getStartTime();
-        var hasStartedBefore = localStorage.getItem(LOCAL_STORAGE_KEYS.HAS_STARTED_BEFORE) === "true"; // ✅ Vérifier si un chrono a déjà été utilisé
-        if (savedAccumulated > 0) {
-            setElapsedSeconds(savedAccumulated);
-        }
-        if (hasStartedBefore && savedIsRunning && savedStartTime > 0) {
-            // ✅ Reprendre seulement si le chrono a déjà été lancé au moins une fois
-            setIsRunning(true);
-            setIsStarted && setIsStarted(true);
-        }
-        else {
-            // ✅ Ne pas démarrer automatiquement si aucun chrono n'a été lancé
-            setIsRunning(false);
-            setIsStarted && setIsStarted(false);
-        }
-    }, [setIsStarted]);
-    // --- Gère l'interval pour mettre à jour l'affichage
-    useEffect(function () {
-        if (isRunning) {
-            // Créé un interval toutes les 1000ms
-            intervalRef.current = window.setInterval(function () {
-                var newElapsed = computeElapsedTime(); // on recalcule via Date.now()
-                setElapsedSeconds(newElapsed);
-            }, 1000);
-        }
-        else if (intervalRef.current) {
-            // On stoppe l'interval
-            clearInterval(intervalRef.current);
-            intervalRef.current = null;
-        }
-        // Cleanup si le composant se démonte
-        return function () {
-            if (intervalRef.current)
-                clearInterval(intervalRef.current);
-        };
-    }, [isRunning]);
-    // --- Sur changement de resetTimer/pauseTimer
-    //     on applique la logique de reset, de pause ou de start
-    useEffect(function () {
-        var hasStartedBefore = localStorage.getItem(LOCAL_STORAGE_KEYS.HAS_STARTED_BEFORE) === "true";
-        var savedAccumulated = getAccumulatedTime();
-        if (resetTimer) {
-            resetTimerHandler();
-        }
-        else if (pauseTimer) {
-            pauseTimerHandler();
-        }
-        else if (!pauseTimer && !resetTimer) {
-            // ⚠️ Ne lance le chrono que s'il est déjà en cours ou s'il y a du temps accumulé
-            if (hasStartedBefore && savedAccumulated > 0) {
-                startTimerHandler();
-            }
-        }
-    }, [resetTimer, pauseTimer]);
-    useEffect(function () {
-        var handleResize = function () {
-            if (responsiveSize !== undefined) {
-                var width = window.innerWidth;
-                setIsVisible(width >= responsiveSize);
-            }
-        };
-        handleResize();
-        window.addEventListener("resize", handleResize);
-        return function () { return window.removeEventListener("resize", handleResize); };
-    }, [responsiveSize]);
-    // --- Fonctions utilitaires ---
-    // Calcule la différence en s'appuyant sur:
-    //   accumulatedTime (secondes) + (Date.now() - startTime) / 1000
-    var computeElapsedTime = function () {
-        var savedStartTime = getStartTime();
-        var savedAccumulated = getAccumulatedTime();
-        if (!savedStartTime)
-            return savedAccumulated;
-        var now = Date.now();
-        var diffSeconds = Math.floor((now - savedStartTime) / 1000);
-        return savedAccumulated + diffSeconds;
-    };
-    // On lance ou relance le chrono
-    var startTimerHandler = function () {
-        var isRunningFlag = localStorage.getItem(LOCAL_STORAGE_KEYS.IS_RUNNING) === "true";
-        if (!isRunningFlag) {
-            // ✅ Indiquer que le chrono a été démarré au moins une fois
-            localStorage.setItem(LOCAL_STORAGE_KEYS.HAS_STARTED_BEFORE, "true");
-            localStorage.setItem(LOCAL_STORAGE_KEYS.START_TIME, Date.now().toString());
-            localStorage.setItem(LOCAL_STORAGE_KEYS.IS_RUNNING, "true");
-            setIsRunning(true);
-            setIsStarted && setIsStarted(true);
-        }
-    };
-    // On met le chrono en pause
-    var pauseTimerHandler = function () {
-        var currentlyRunning = localStorage.getItem(LOCAL_STORAGE_KEYS.IS_RUNNING) === "true";
-        if (currentlyRunning) {
-            // On calcule le temps total vraiment écoulé
-            var newElapsed = computeElapsedTime();
-            // On met à jour l'accumulatedTime en localStorage
-            localStorage.setItem(LOCAL_STORAGE_KEYS.ACCUMULATED_TIME, newElapsed.toString());
-            // On arrête
-            localStorage.setItem(LOCAL_STORAGE_KEYS.IS_RUNNING, "false");
-            localStorage.removeItem(LOCAL_STORAGE_KEYS.START_TIME);
-            setElapsedSeconds(newElapsed);
-            setIsRunning(false);
-            setIsStarted && setIsStarted(false);
-            onEnd(newElapsed); // si on veut déclencher l'événement "onEnd"
-        }
-    };
-    // On remet tout à zéro
-    var resetTimerHandler = function () {
-        clearTimerData();
-        localStorage.setItem(LOCAL_STORAGE_KEYS.HAS_STARTED_BEFORE, "false");
-        setElapsedSeconds(0);
-        setIsRunning(false);
-        setIsStarted && setIsStarted(false);
-    };
-    var handleButtonClick = function () {
-        if (isRunning) {
-            pauseTimerHandler();
-        }
-        else {
-            startTimerHandler();
-        }
-    };
-    // --- Lecture / écriture localStorage ---
-    var getStartTime = function () {
-        var val = localStorage.getItem(LOCAL_STORAGE_KEYS.START_TIME);
-        return val ? parseInt(val, 10) : 0;
-    };
-    var getAccumulatedTime = function () {
-        var val = localStorage.getItem(LOCAL_STORAGE_KEYS.ACCUMULATED_TIME);
-        return val ? parseInt(val, 10) : 0;
-    };
-    var clearTimerData = function () {
-        localStorage.removeItem(LOCAL_STORAGE_KEYS.START_TIME);
-        localStorage.removeItem(LOCAL_STORAGE_KEYS.ACCUMULATED_TIME);
-        localStorage.removeItem(LOCAL_STORAGE_KEYS.IS_RUNNING);
-    };
-    // --- Format d'affichage
-    var formatTime = function (totalSeconds) {
-        var hrs = Math.floor(totalSeconds / 3600);
-        var mins = Math.floor((totalSeconds % 3600) / 60);
-        var secs = totalSeconds % 60;
-        return "".concat(hrs.toString().padStart(2, "0"), ":").concat(mins
-            .toString()
-            .padStart(2, "0"), ":").concat(secs.toString().padStart(2, "0"));
-    };
-    return (React.createElement("button", { onClick: handleButtonClick, className: "billing-button-wrapper ".concat(isRunning ? "isRunning" : "") },
-        React.createElement("i", { className: "allaw-icon-clock" }),
-        isVisible && (React.createElement("span", { className: "billing-time" }, formatTime(elapsedSeconds))),
-        React.createElement("i", { className: isRunning ? "allaw-icon-pause" : "allaw-icon-play", style: { fontSize: "12px", color: "#25BEEB", fontWeight: 800 } })));
-};
-export default BillingCount;