@club-employes/utopia 4.432.0 → 4.433.0

package/dist/components/layouts/DefaultLayout/components/MenuSection.d.ts

@@ -25,8 +25,8 @@ declare const __VLS_component: DefineComponent<Props, {}, {}, {}, {}, ComponentO
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
 }>, {
     modelValue: boolean;
-    collapsed: boolean;
     defaultExpanded: boolean;
+    collapsed: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {
     sentinelRef: HTMLDivElement;
     sectionRef: HTMLButtonElement;

package/dist/components/layouts/DefaultLayout/components/NavItemGroup.d.ts

@@ -23,8 +23,8 @@ declare const _default: DefineComponent<Props, {}, {}, {}, {}, ComponentOptionsM
     "onChild-click"?: ((child: ChildItem, event: MouseEvent) => any) | undefined;
 }>, {
     children: ChildItem[];
-    collapsed: boolean;
     defaultExpanded: boolean;
+    collapsed: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {
     groupRef: HTMLDivElement;
     flyoutRef: HTMLDivElement;

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

@@ -0,0 +1,12 @@
+import { SavingsAccordionProps } from './types';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+declare const _default: DefineComponent<SavingsAccordionProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    toggle: (expanded: boolean) => any;
+}, string, PublicProps, Readonly<SavingsAccordionProps> & Readonly<{
+    onToggle?: ((expanded: boolean) => any) | undefined;
+}>, {
+    defaultExpanded: boolean;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {
+    linesRef: HTMLDivElement;
+}, HTMLDivElement>;
+export default _default;

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

@@ -0,0 +1,2 @@
+export { default as SavingsAccordion } from './SavingsAccordion';
+export type { SavingsAccordionProps, SavingsAccordionLine, SavingsAccordionLineColor } from './types';

package/dist/components/molecules/SavingsAccordion/types.d.ts

@@ -0,0 +1,17 @@
+/** Color of the leading bullet on a savings line. */
+export type SavingsAccordionLineColor = 'accent' | 'subvention' | 'echeque' | 'secondary';
+/** One line in the collapsible savings breakdown. */
+export interface SavingsAccordionLine {
+    label: string;
+    /** Pre-formatted amount, e.g. "-9,00 €". */
+    value: string;
+    /** Leading bullet color. Defaults to 'secondary'. */
+    color?: SavingsAccordionLineColor;
+}
+/** The blue collapsible "X € d'économisé" breakdown. */
+export interface SavingsAccordionProps {
+    /** Pre-formatted headline, e.g. "53 € d'économisé". */
+    label: string;
+    lines: SavingsAccordionLine[];
+    defaultExpanded?: boolean;
+}

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

@@ -77,3 +77,5 @@ export { VerticalStepper } from './VerticalStepper';
 export type { VerticalStepperProps, VerticalStep, VerticalStepStatus, VerticalStepperStatus } from './VerticalStepper';
 export { OfferCard } from './OfferCard';
 export type { OfferCardProps, OfferCardMeta, OfferCardMetaTone } from './OfferCard';
+export { SavingsAccordion } from './SavingsAccordion';
+export type { SavingsAccordionProps, SavingsAccordionLine, SavingsAccordionLineColor } from './SavingsAccordion';

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

@@ -1,4 +1,5 @@
 import { ProductRecapProps } from '../ProductRecap/types';
+import { SavingsAccordionLine, SavingsAccordionLineColor, SavingsAccordionProps } from '../../molecules/SavingsAccordion/types';
 /** A read-only info block — delivery/billing address.
  *  `lines` are pre-formatted strings, each rendered as its own row. */
 export interface CartConfirmationAddress {
@@ -13,15 +14,10 @@ export interface CartConfirmationPayment {
     type: CartConfirmationPaymentType;
     lines?: string[];
 }
-/** Color of the leading bullet on a savings line. */
-export type CartConfirmationSavingColor = 'accent' | 'subvention' | 'echeque' | 'secondary';
-/** One line in the collapsible savings breakdown. */
-export interface CartConfirmationSavingLine {
-    label: string;
-    /** Pre-formatted amount, e.g. "-9,00 €". */
-    value: string;
-    color?: CartConfirmationSavingColor;
-}
+/** @deprecated Use `SavingsAccordionLineColor`. */
+export type CartConfirmationSavingColor = SavingsAccordionLineColor;
+/** @deprecated Use `SavingsAccordionLine`. */
+export type CartConfirmationSavingLine = SavingsAccordionLine;
 /** A totals row (sous-total / frais de livraison) with an optional struck old value. */
 export interface CartConfirmationSummaryRow {
     label: string;
@@ -30,13 +26,9 @@ export interface CartConfirmationSummaryRow {
     /** Pre-formatted previous value, rendered struck-through before `value`. */
     oldValue?: string;
 }
-/** The blue collapsible "X € d'économisé" breakdown. Hidden when absent. */
-export interface CartConfirmationSavings {
-    /** e.g. "21 € d'économisé". */
-    label: string;
-    defaultExpanded?: boolean;
-    lines: CartConfirmationSavingLine[];
-}
+/** The blue collapsible "X € d'économisé" breakdown. Hidden when absent.
+ *  @deprecated Use `SavingsAccordionProps`. */
+export type CartConfirmationSavings = SavingsAccordionProps;
 export interface CartConfirmationSummary {
     /** Sous-total row — hidden when absent. */
     subtotal?: CartConfirmationSummaryRow;

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

@@ -0,0 +1,22 @@
+import { OrderCardProps, OrderCardItem, OrderCardItemAction } from './types';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+declare const _default: DefineComponent<OrderCardProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    "action-click": (payload: {
+        item: OrderCardItem;
+        action: OrderCardItemAction;
+    }) => any;
+    "invoice-click": (event: MouseEvent) => any;
+    "details-click": (event: MouseEvent) => any;
+    "savings-toggle": (expanded: boolean) => any;
+}, string, PublicProps, Readonly<OrderCardProps> & Readonly<{
+    "onAction-click"?: ((payload: {
+        item: OrderCardItem;
+        action: OrderCardItemAction;
+    }) => any) | undefined;
+    "onInvoice-click"?: ((event: MouseEvent) => any) | undefined;
+    "onDetails-click"?: ((event: MouseEvent) => any) | undefined;
+    "onSavings-toggle"?: ((expanded: boolean) => any) | undefined;
+}>, {
+    loadingRows: number;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

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

@@ -0,0 +1,2 @@
+export { default as OrderCard } from './OrderCard';
+export type { OrderCardProps, OrderCardImage, OrderCardAddress, OrderCardItem, OrderCardItemStatus, OrderCardItemAction, OrderCardItemDelivery, OrderCardItemTracking, OrderCardLink, OrderCardActionPayload } from './types';

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

@@ -0,0 +1,105 @@
+import { ChipVariant } from '../../atoms/Chip/types';
+import { ImageFits } from '../../atoms/DefaultImage/types';
+import { SavingsAccordionProps } from '../../molecules/SavingsAccordion/types';
+import { UtopiaLocale } from '../../../i18n/types';
+export interface OrderCardImage {
+    url: string;
+    alt?: string;
+    fit?: ImageFits;
+}
+/** An underlined text action in the card header. Hidden when absent.
+ *  It carries no href: the component only emits, and the caller decides what
+ *  happens (navigate, open a modal, fetch an authenticated file, …). */
+export interface OrderCardLink {
+    /** Defaults from i18n. */
+    label?: string;
+    disabled?: boolean;
+}
+/** One column of the grey address bar. One or two columns are supported. */
+export interface OrderCardAddress {
+    /** Uppercase caption. Defaults from i18n by position (livraison, then facturation). */
+    label?: string;
+    /** Defaults by position: 'fa:regular:location-dot', then 'fa:regular:file-lines'. */
+    icon?: string;
+    /** Bold lead, e.g. "Raneem Bach" or "Club Employés SAS". */
+    name: string;
+    /** Pre-formatted remainder, e.g. "12 Rue de la République, 38100 Grenoble". */
+    address: string;
+}
+/** Status chip on an item row, e.g. "En préparation" (warning), "Expédiées" (success). */
+export interface OrderCardItemStatus {
+    label: string;
+    variant?: ChipVariant;
+    leftIcon?: string;
+}
+/** Shipping method line under an item title, e.g. "Colissimo · Dom." */
+export interface OrderCardItemDelivery {
+    label: string;
+    /** Defaults to 'fa:regular:truck'. Use 'fa:regular:envelope' for digital delivery. */
+    icon?: string;
+}
+/** Carrier tracking link under an item title, e.g. "FR123456789". */
+export interface OrderCardItemTracking {
+    label: string;
+    to?: string;
+}
+/** A download button attached to an item row. */
+export interface OrderCardItemAction {
+    id: string | number;
+    label: string;
+    /** Defaults to 'fa:regular:arrow-down-to-line'. */
+    icon?: string;
+    /** Opened in a new tab by the component when set. */
+    url?: string;
+    disabled?: boolean;
+    loading?: boolean;
+}
+export interface OrderCardItem {
+    id: string | number;
+    image?: OrderCardImage;
+    title: string;
+    /** Brand, rendered muted after a "·". Hidden when absent. */
+    brand?: string;
+    status?: OrderCardItemStatus;
+    /** Shipping method line — hidden when absent. */
+    delivery?: OrderCardItemDelivery;
+    /** Carrier tracking link — hidden when absent. */
+    tracking?: OrderCardItemTracking;
+    /** Pre-formatted line total, e.g. "144 €". */
+    price?: string;
+    /** Pre-formatted unit price including its suffix, e.g. "48 € / unité". Hidden when absent. */
+    unitPrice?: string;
+    quantity?: number;
+    /** Download buttons under the row. Hidden when empty. */
+    actions?: OrderCardItemAction[];
+}
+export interface OrderCardProps {
+    loading?: boolean;
+    /** Full reference line, e.g. "Commande #835C7175A9R67". */
+    reference?: string;
+    /** Pre-formatted subtitle, e.g. "06 Mai 2026 · 6 articles". */
+    subtitle?: string;
+    /** Pre-formatted grand total, e.g. "198 €". */
+    total?: string;
+    /** Collapsible savings breakdown. Full width on a narrow card. Hidden when absent. */
+    savings?: SavingsAccordionProps;
+    /** "Voir les détails" action — hidden when absent. Emits `details-click`. */
+    details?: OrderCardLink;
+    /** "Télécharger la facture" action — hidden when absent. Emits `invoice-click`. */
+    invoice?: OrderCardLink;
+    /** One or two columns; the grey bar is hidden when empty. Stacks on a narrow card. */
+    addresses?: OrderCardAddress[];
+    items?: OrderCardItem[];
+    /** Prefix before the quantity, e.g. "Qt :". Defaults from i18n. */
+    quantityLabel?: string;
+    /** Number of skeleton item rows rendered while `loading`. */
+    loadingRows?: number;
+    /** Don't open `action.url` after emitting `action-click`.
+     *  Use when the caller downloads the file itself (e.g. an authenticated fetch). */
+    skipWindowOpen?: boolean;
+    language?: UtopiaLocale;
+}
+export interface OrderCardActionPayload {
+    item: OrderCardItem;
+    action: OrderCardItemAction;
+}

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

@@ -48,3 +48,5 @@ export { ExplanationStepper } from './ExplanationStepper';
 export type { ExplanationStepperProps } from './ExplanationStepper';
 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';

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

@@ -402,6 +402,14 @@ declare const _default: {
         placeholder: string;
         outOfStock: string;
     };
+    orderCard: {
+        deliveryAddress: string;
+        billingAddress: string;
+        singleAddress: string;
+        details: string;
+        invoice: string;
+        quantity: string;
+    };
     pageNavigation: {
         previous: string;
         next: string;

package/dist/index.d.ts

@@ -106,6 +106,7 @@ export type { UserSelectionProps } from './components/organisms/UserSelection/ty
 export type { ContestCardProps } from './components/organisms/ContestCard/types';
 export type { ExplanationStepperProps } from './components/organisms/ExplanationStepper/types';
 export type { CampaignAncvCardProps } from './components/organisms/CampaignAncvCard/types';
+export type { OrderCardProps, OrderCardImage, OrderCardAddress, OrderCardItem, OrderCardItemStatus, OrderCardItemAction, OrderCardItemDelivery, OrderCardItemTracking, OrderCardLink, OrderCardActionPayload } from './components/organisms/OrderCard/types';
 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';
@@ -114,6 +115,7 @@ export type { MyUserGroupsProps, UserGroupCriterion } from './components/molecul
 export type { TreeProps, TreeNode, TreeSelectionKey } from './components/molecules/Tree/types';
 export type { VerticalStepperProps, VerticalStep, VerticalStepStatus, VerticalStepperStatus } from './components/molecules/VerticalStepper/types';
 export type { OfferCardProps, OfferCardMeta, OfferCardMetaTone } from './components/molecules/OfferCard/types';
+export type { SavingsAccordionProps, SavingsAccordionLine, SavingsAccordionLineColor } from './components/molecules/SavingsAccordion/types';
 export { clubEmployesDark, clubEmployesLight } from './themes/club-employes';
 export { gifteoDark, gifteoLight } from './themes/gifteo';
 export type { LoaderProps } from './components/templates/Loader/types';