@club-employes/utopia 4.433.0 → 4.434.0

package/dist/components/molecules/EmptyState/EmptyState.d.ts

@@ -5,8 +5,8 @@ import { ButtonColor } from '../../atoms/Button/types';
 declare const _default: DefineComponent<EmptyStateProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<EmptyStateProps> & Readonly<{}>, {
     title: string;
     icon: IconName;
-    buttonLabel: string;
     description: string;
+    buttonLabel: string;
     iconSize: IconSize;
     iconColor: string;
     buttonAction: () => void;

package/dist/components/molecules/GrantSelect/GrantSelect.d.ts

@@ -6,9 +6,9 @@ declare const _default: DefineComponent<GrantSelectItemProps, {}, {}, {}, {}, Co
     "onUpdate:modelValue"?: ((value: string | number | boolean | undefined) => any) | undefined;
 }>, {
     disabled: boolean;
+    empty: boolean;
     dropdownPlaceholder: string;
     options: GrantSelectOption[];
-    empty: boolean;
     amountLabel: string;
     accordionTitle: string;
     categoryLabel: string;

package/dist/components/molecules/IconPicker/IconPicker.d.ts

@@ -10,7 +10,7 @@ declare const _default: DefineComponent<IconPickerProps, {}, {}, {}, {}, Compone
     size: "small" | "medium" | "large";
     disabled: boolean;
     modelValue: string;
-    placeholder: string;
     description: string;
+    placeholder: string;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
 export default _default;

package/dist/components/organisms/BenefitsPreview/BenefitsCollapse.d.ts

@@ -0,0 +1,27 @@
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+type __VLS_Props = {
+    /** Id référencé par l'`aria-controls` du bouton de bascule. */
+    id: string;
+    expanded: boolean;
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {
+        contentEl: HTMLDivElement;
+    };
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {
+    contentEl: HTMLDivElement;
+}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/organisms/BenefitsPreview/BenefitsLineItem.d.ts

@@ -0,0 +1,11 @@
+import { BenefitsLine } from './types';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+type __VLS_Props = {
+    line: BenefitsLine;
+};
+declare const _default: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    activate: (event: MouseEvent) => any;
+}, string, PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onActivate?: ((event: MouseEvent) => any) | undefined;
+}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/dist/components/organisms/BenefitsPreview/BenefitsPanel.d.ts

@@ -0,0 +1,18 @@
+import { BenefitsLine, BenefitsPanelProps } from './types';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+type __VLS_Props = BenefitsPanelProps;
+type __VLS_PublicProps = {
+    'expanded'?: string[];
+} & __VLS_Props;
+declare const _default: DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    toggle: (id: string, expanded: boolean) => any;
+    action: (id: string, event: MouseEvent) => any;
+    "line-click": (line: BenefitsLine, groupId: string, event: MouseEvent) => any;
+    "update:expanded": (value: string[]) => any;
+}, string, PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    onToggle?: ((id: string, expanded: boolean) => any) | undefined;
+    onAction?: ((id: string, event: MouseEvent) => any) | undefined;
+    "onLine-click"?: ((line: BenefitsLine, groupId: string, event: MouseEvent) => any) | undefined;
+    "onUpdate:expanded"?: ((value: string[]) => any) | undefined;
+}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/dist/components/organisms/BenefitsPreview/BenefitsPreview.d.ts

@@ -0,0 +1,35 @@
+import { BenefitsLine, BenefitsPreviewProps } from './types';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+type OpenSource = 'hover' | 'click' | 'keyboard';
+type __VLS_Props = BenefitsPreviewProps;
+type __VLS_PublicProps = {
+    'open'?: boolean;
+    'expanded'?: string[];
+} & __VLS_Props;
+declare const _default: DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    toggle: (id: string, expanded: boolean) => any;
+    action: (id: string, event: MouseEvent) => any;
+    opened: (source: OpenSource) => any;
+    "update:open": (value: boolean) => any;
+    "line-click": (line: BenefitsLine, groupId: string, event: MouseEvent) => any;
+    "update:expanded": (value: string[]) => any;
+    "first-open": () => any;
+}, string, PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    onToggle?: ((id: string, expanded: boolean) => any) | undefined;
+    onAction?: ((id: string, event: MouseEvent) => any) | undefined;
+    onOpened?: ((source: OpenSource) => any) | undefined;
+    "onUpdate:open"?: ((value: boolean) => any) | undefined;
+    "onLine-click"?: ((line: BenefitsLine, groupId: string, event: MouseEvent) => any) | undefined;
+    "onUpdate:expanded"?: ((value: string[]) => any) | undefined;
+    "onFirst-open"?: (() => any) | undefined;
+}>, {
+    openDelay: number;
+    closeDelay: number;
+    triggerIcon: string;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {
+    rootEl: HTMLDivElement;
+    triggerEl: HTMLButtonElement;
+    panelEl: HTMLDivElement;
+    sheetEl: HTMLDivElement;
+}, HTMLDivElement>;
+export default _default;

package/dist/components/organisms/BenefitsPreview/BenefitsVoucherCard.d.ts

@@ -0,0 +1,18 @@
+import { BenefitsCard } from './types';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+type __VLS_Props = {
+    card: BenefitsCard;
+    expanded: boolean;
+    /** Préfixe d'ids unique (aria-controls / aria-describedby). */
+    idPrefix: string;
+    showDetailsLabel: string;
+    hideDetailsLabel: string;
+};
+declare const _default: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    toggle: () => any;
+    action: (id: string, event: MouseEvent) => any;
+}, string, PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onToggle?: (() => any) | undefined;
+    onAction?: ((id: string, event: MouseEvent) => any) | undefined;
+}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/dist/components/organisms/BenefitsPreview/__tests__/BenefitsPanel.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/organisms/BenefitsPreview/__tests__/BenefitsPreview.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/organisms/BenefitsPreview/__tests__/fixtures.d.ts

@@ -0,0 +1,4 @@
+import { BenefitsHero, BenefitsSection } from '../types';
+/** Données des maquettes (écrans 1 à 5), réutilisées par les specs. */
+export declare const hero: BenefitsHero;
+export declare const sections: BenefitsSection[];

package/dist/components/organisms/BenefitsPreview/index.d.ts

@@ -0,0 +1,3 @@
+export { default as BenefitsPreview } from './BenefitsPreview';
+export { default as BenefitsPanel } from './BenefitsPanel';
+export type { BenefitsCard, BenefitsCardLine, BenefitsGroup, BenefitsHelpId, BenefitsHelpItem, BenefitsHero, BenefitsLine, BenefitsLineBadge, BenefitsLink, BenefitsPanelProps, BenefitsPreviewProps, BenefitsSection } from './types';

package/dist/components/organisms/BenefitsPreview/types.d.ts

@@ -0,0 +1,157 @@
+/**
+ * BenefitsPreview / BenefitsPanel — aperçu « Mes avantages » du header
+ * (subventions, cagnottes, titres-restaurant).
+ *
+ * Organisme « bête » : toutes les valeurs (montants, dates, compteurs…)
+ * arrivent PRÉ-FORMATÉES du consommateur, le DS ne fait aucun calcul métier.
+ * Les `id` sont opaques et stables : ils sont réémis tels quels (`action`,
+ * `toggle`, `line-click`) et alimentent l'analytics côté consommateur.
+ */
+/** Identifiants des explications par défaut du bloc « Comment ça marche ? » (dictionnaire i18n du DS). */
+export type BenefitsHelpId = 'product-grant' | 'cart-grant' | 'jackpot' | 'refund' | 'meal-voucher';
+/** Encart de synthèse en tête de panneau (« Disponible sur la plateforme »). */
+export interface BenefitsHero {
+    label: string;
+    /** Montant pré-formaté (« 440,00 € »). */
+    amount: string;
+    /** Détail du montant (« Cagnottes 440,00 € »), une puce par ligne. */
+    breakdown?: {
+        label: string;
+        value: string;
+    }[];
+}
+/** Une explication du bloc « Comment ça marche ? ». */
+export interface BenefitsHelpItem {
+    id: string;
+    /** Nom d'icône Utopia (ex. 'Tag', 'Piggy-bank'). */
+    icon: string;
+    title: string;
+    description: string;
+    /** Fond de la tuile d'icône (défaut 'primary'). */
+    tone?: 'primary' | 'warning' | 'neutral';
+}
+/** Pastille au-dessus du titre d'une ligne (« CAMPAGNE », « REMB. SUR FACTURE »). */
+export interface BenefitsLineBadge {
+    label: string;
+    icon?: string;
+    /** Défaut 'primary'. */
+    tone?: 'primary' | 'warning';
+}
+/** Une ligne (subvention, remboursement…) dans un groupe déplié. */
+export interface BenefitsLine {
+    id: string;
+    title: string;
+    /** « CAMPAGNE » / « REMB. SUR FACTURE » */
+    badge?: BenefitsLineBadge;
+    /** Valeur à droite du titre : « 140,00 € restants » / « 45,00 € ». */
+    value?: string;
+    /** Compteur en pastille à droite du titre : « 3/4 achats ». */
+    counter?: string;
+    /** Règle de prise en charge : icône + libellé (« -30 % sur le prix du produit »). */
+    rule?: {
+        icon: string;
+        label: string;
+    };
+    /** Barre de progression (le consommateur fournit les deux bornes). */
+    progress?: {
+        value: number;
+        max: number;
+    };
+    /**
+     * Ligne de temporalité — icône selon `kind` :
+     * 'renewal' → Repeat, 'expiration' → Calendar-clock, 'validated' → Calendar-check.
+     */
+    timing?: {
+        kind: 'renewal' | 'expiration' | 'validated';
+        label: string;
+    };
+    /** Complément ajouté après la temporalité (« sur 320,00 € »). */
+    meta?: string;
+    /** Ligne cliquable : émet `line-click` (le titre devient un bouton couvrant la carte). */
+    interactive?: boolean;
+}
+/** Lien d'action (rendu en bouton, émet `action` avec son `id` — la navigation appartient au consommateur). */
+export interface BenefitsLink {
+    id: string;
+    label: string;
+    icon?: string;
+}
+/** Groupe repliable (Subventions, Cagnottes). */
+export interface BenefitsGroup {
+    id: string;
+    /** Nom d'icône Utopia de la tuile (ex. 'Wallet', 'Piggy-bank'). */
+    icon: string;
+    title: string;
+    subtitle?: string;
+    /** Résumé à droite : « 4 subventions » (accent) | « 440,00 € » (default). */
+    summary: string;
+    /** 'accent' = couleur de marque, 'default' = texte fort (défaut). */
+    summaryTone?: 'accent' | 'default';
+    lines: BenefitsLine[];
+    /** Libellé quand `lines` est vide (défaut i18n). */
+    emptyLabel?: string;
+    /** Lien affiché en bas du groupe déplié, émet `action`. */
+    link?: BenefitsLink;
+}
+/** Ligne de détail d'une carte (« Dotation de juin 2026 » / « + 180,00 € »). */
+export interface BenefitsCardLine {
+    id: string;
+    label: string;
+    value: string;
+}
+/** Carte sombre « Titres-restaurant » avec bascule Détails / Masquer. */
+export interface BenefitsCard {
+    id: string;
+    title: string;
+    /** Montant pré-formaté (« 214,56 € »). */
+    amount: string;
+    /** Légende sous le montant (« Réseau Mastercard »). */
+    caption?: string;
+    /** Détails (révélés par la bascule, masquée si aucun détail). */
+    description?: string;
+    lines?: BenefitsCardLine[];
+    /** « Voir ma carte » — émet `action`. */
+    action?: BenefitsLink;
+}
+/** Section surmontée d'un sur-titre (« UTILISABLE SUR LA PLATEFORME »). */
+export interface BenefitsSection {
+    id: string;
+    label: string;
+    /** Pastille du sur-titre : 'success' (vert) | 'neutral' (gris). Aucune si absent. */
+    dot?: 'success' | 'neutral';
+    groups?: BenefitsGroup[];
+    cards?: BenefitsCard[];
+}
+export interface BenefitsPanelProps {
+    hero?: BenefitsHero;
+    sections: BenefitsSection[];
+    /** Remplace les explications par défaut du DS. */
+    helpItems?: BenefitsHelpItem[];
+    /** Filtre les explications par défaut (ordre canonique conservé ; ignoré si `helpItems` est fourni). */
+    helpIds?: BenefitsHelpId[];
+    /** Masque le bloc « Comment ça marche ? ». */
+    hideHelp?: boolean;
+    /** Titre du bloc d'aide (défaut i18n « Comment ça marche ? »). */
+    helpTitle?: string;
+    /** Squelettes à la place de l'encart et des sections. */
+    loading?: boolean;
+    /** Message d'erreur global (remplace l'encart et les sections). */
+    error?: string;
+    /** Force la langue des libellés internes (sinon locale Utopia globale). */
+    language?: string;
+}
+export interface BenefitsPreviewProps extends BenefitsPanelProps {
+    /** Libellé du trigger pill (« 4 subventions »). */
+    triggerLabel: string;
+    /** Icône Utopia du trigger (défaut 'Badge-percent'). */
+    triggerIcon?: string;
+    /** Nom accessible du trigger (doit contenir le libellé visible). */
+    triggerAriaLabel?: string;
+    /** Nom accessible du dialog (défaut i18n « Mes avantages »). */
+    title?: string;
+    /** Délai d'ouverture au survol, en ms (défaut 150). */
+    openDelay?: number;
+    /** Délai de fermeture à la sortie du survol, en ms (défaut 300). */
+    closeDelay?: number;
+    disabled?: boolean;
+}

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

@@ -50,3 +50,5 @@ export { CampaignAncvCard } from './CampaignAncvCard';
 export type { CampaignAncvCardProps } from './CampaignAncvCard';
 export { OrderCard } from './OrderCard';
 export type { OrderCardProps, OrderCardImage, OrderCardAddress, OrderCardItem, OrderCardItemStatus, OrderCardItemAction, OrderCardItemDelivery, OrderCardItemTracking, OrderCardLink, OrderCardActionPayload } from './OrderCard';
+export { BenefitsPreview, BenefitsPanel } from './BenefitsPreview';
+export type { BenefitsPreviewProps, BenefitsPanelProps, BenefitsHelpId, BenefitsHero, BenefitsHelpItem, BenefitsLineBadge, BenefitsLine, BenefitsLink, BenefitsGroup, BenefitsCardLine, BenefitsCard, BenefitsSection } from './BenefitsPreview';

package/dist/i18n/messages/fr.d.ts

@@ -80,6 +80,38 @@ declare const _default: {
         showMore: string;
         showLess: string;
     };
+    benefitsPreview: {
+        title: string;
+        helpTitle: string;
+        showDetails: string;
+        hideDetails: string;
+        emptyGroup: string;
+        empty: string;
+        loading: string;
+        close: string;
+        help: {
+            productGrant: {
+                title: string;
+                description: string;
+            };
+            cartGrant: {
+                title: string;
+                description: string;
+            };
+            jackpot: {
+                title: string;
+                description: string;
+            };
+            refund: {
+                title: string;
+                description: string;
+            };
+            mealVoucher: {
+                title: string;
+                description: string;
+            };
+        };
+    };
     campaignAncvCard: {
         reference: string;
         faceValue: string;

package/dist/index.d.ts

@@ -110,6 +110,7 @@ export type { OrderCardProps, OrderCardImage, OrderCardAddress, OrderCardItem, O
 export type { AddressFormProps, AddressFormSchema, AddressFormSection } from './components/organisms/AddressForm/types';
 export type { CartPreviewProps, CartPreviewPrice, CartPreviewPriceLine } from './components/organisms/CartPreview/types';
 export type { CartPreviewItemProps } from './components/molecules/CartPreviewItem/types';
+export type { BenefitsPreviewProps, BenefitsPanelProps, BenefitsHelpId, BenefitsHero, BenefitsHelpItem, BenefitsLineBadge, BenefitsLine, BenefitsLink, BenefitsGroup, BenefitsCardLine, BenefitsCard, BenefitsSection } from './components/organisms/BenefitsPreview/types';
 export { MyUserGroups } from './components/molecules/MyUserGroups';
 export type { MyUserGroupsProps, UserGroupCriterion } from './components/molecules/MyUserGroups/types';
 export type { TreeProps, TreeNode, TreeSelectionKey } from './components/molecules/Tree/types';