@abyss-project/commons-front-core 13.3.0 → 15.0.0

package/dist/auth/components/AuthFlow/auth-flow.types.d.ts

@@ -52,6 +52,8 @@ export type AuthFlowStep = {
     kind: AuthFlowStepKind.MFA;
     challengeToken: string;
     factors: MfaFactorType[];
+    /** The second-factor step may offer "trust this browser for 30 days". */
+    trustDeviceAllowed: boolean;
 } | {
     kind: AuthFlowStepKind.ENROLLMENT;
     user: IUser;

package/dist/auth/components/AuthFlow/steps/MfaEnrollmentStep.component.d.ts

@@ -9,5 +9,7 @@ export type MfaEnrollmentStepProps = {
  * Mandatory set-up of a second factor (an administrator without one, Q6): no skip. Once the factor
  * exists, the session is re-proven with it — a session only counts as MFA once a second factor was
  * presented on it — so the admin token is granted right after this step, without signing in again.
+ * A passkey that cannot leave its device is followed by a proposal to add an authenticator app,
+ * which "Later" declines.
  */
 export declare const MfaEnrollmentStep: ({ passkeySupported, onEnrolled, onSignOut, }: MfaEnrollmentStepProps) => import("react/jsx-runtime").JSX.Element;

package/dist/auth/components/AuthFlow/steps/MfaStep.component.d.ts

@@ -8,13 +8,19 @@ export type MfaStepProps = {
     error: AuthErrorKind | null;
     /** The passkey sheet was dismissed: the user may try again or pick another factor. */
     passkeyCancelled: boolean;
-    onSubmitCode: (factor: MfaFactorType.TOTP | MfaFactorType.RECOVERY_CODE, code: string) => void;
-    onPasskey: () => void;
+    /**
+     * The challenge allows "trust this browser for 30 days" (#769): false for an administrator and
+     * outside a web browser, where the checkbox is not shown.
+     */
+    trustDeviceAllowed: boolean;
+    onSubmitCode: (factor: MfaFactorType.TOTP | MfaFactorType.RECOVERY_CODE, code: string, trustDevice: boolean) => void;
+    onPasskey: (trustDevice: boolean) => void;
     /** The challenge expired (5 min): back to the e-mail step. */
     onRestart: () => void;
 };
 /**
  * Second factor of a sign-in proven by password, e-mail code, Google or Apple (D6): authenticator
- * code, passkey, or one of the recovery codes (each usable once).
+ * code, passkey, or one of the recovery codes (each usable once). A help block, folded until a
+ * passkey ceremony is cancelled, tells what to do when the factor is out of reach here.
  */
-export declare const MfaStep: ({ factors, passkeySupported, busy, error, passkeyCancelled, onSubmitCode, onPasskey, onRestart, }: MfaStepProps) => import("react/jsx-runtime").JSX.Element;
+export declare const MfaStep: ({ factors, passkeySupported, busy, error, passkeyCancelled, trustDeviceAllowed, onSubmitCode, onPasskey, onRestart, }: MfaStepProps) => import("react/jsx-runtime").JSX.Element;

package/dist/auth/components/AuthFlow/steps/PasskeyNudgeStep.component.d.ts

@@ -6,6 +6,8 @@ export type PasskeyNudgeStepProps = {
 };
 /**
  * After a sign-in without passkey, on a device that can hold one (5.1, 7): a proposal to create
- * one, never a requirement. "Later" is remembered for this user on this device.
+ * one, never a requirement. "Later" is remembered for this user on this device. When the passkey
+ * created cannot leave this device and no authenticator app backs it up, an authenticator app is
+ * proposed next; "Later" there ends the step like everywhere else.
  */
 export declare const PasskeyNudgeStep: ({ user, onDone }: PasskeyNudgeStepProps) => import("react/jsx-runtime").JSX.Element;

package/dist/auth/components/AuthHeroLayout/auth-hero-gradient.d.ts

@@ -0,0 +1,18 @@
+/**
+ * The ends of the hero's brand gradient. Those of the light theme in both modes: the dark theme's
+ * (a pale blue) are made for a surface that is lit from below, and put the hero's white text under
+ * 4.5:1 (CA12). The hero is a brand surface that carries white text, so it keeps one dark enough
+ * background whatever the mode.
+ */
+export declare const HERO_GRADIENT_FROM: string;
+export declare const HERO_GRADIENT_TO: string;
+/** The shade under the text: transparent up to this share of the hero's height, then growing. */
+export declare const HERO_SHADE_START = 0.15;
+/** Opacity of the black shade at the bottom edge of the hero. */
+export declare const HERO_SHADE_ALPHA = 0.5;
+/**
+ * The highest point of the hero, as a share of its height, where its text can start (the compact
+ * row, its name centred next to the tile): from there down, the shade is what the contrast is
+ * measured with.
+ */
+export declare const HERO_TEXT_TOP = 0.5;

package/dist/auth/components/MfaRequirementBanner/MfaRequirementBanner.component.d.ts

@@ -6,7 +6,9 @@ export type MfaRequirementBannerProps = {
  * Says why a second factor is required while the user has none (`GET /user/me/mfa`): an
  * administrator account, or an organisation requiring it (Q1: 7 days of grace, then no access to
  * its projects — the personal account stays intact). Disappears once a factor exists, including
- * one added in this tab. Renders nothing for a signed-out user, while loading, or if the status
+ * one added in this tab. An enrolled account whose factors all stay on one device (a passkey that
+ * is not synced, no authenticator app) gets a warning instead: a sign-in from another browser
+ * would lock it out (#769). The requirement keeps priority over that warning. Renders nothing for a signed-out user, while loading, or if the status
  * cannot be read: the server enforces the requirement either way, the banner only announces it.
  */
 export declare const MfaRequirementBanner: ({ onConfigure, }: MfaRequirementBannerProps) => import("react/jsx-runtime").JSX.Element | null;

package/dist/auth/components/SecuritySettings/SecuritySettings.component.d.ts

@@ -1,5 +1,5 @@
 /**
- * The Security page of every Abyss front (5.2, 5.3): connected devices, passkeys, authenticator
+ * The Security page of every Abyss front (5.2, 5.3): connected devices, trusted devices, passkeys, authenticator
  * app, recovery codes, e-mail address, password. Must be rendered inside `<AuthProvider>`;
  * sensitive actions open the re-authentication dialog through the client (mount
  * `<AuthReauthHost />` once).

package/dist/auth/components/SecuritySettings/sections/PasskeysSection.component.d.ts

@@ -1,10 +1,15 @@
 type Props = {
     /** Whether this device can create a passkey (the list is shown either way). */
     passkeySupported: boolean;
+    /**
+     * Every factor of the account stays on one device (a passkey that is not synced, no
+     * authenticator app): a warning opens the section.
+     */
+    deviceBound: boolean;
 };
 /**
  * The account's passkeys: add one from this device, rename, remove. Adding and removing need a
  * proof of less than 5 minutes: the re-authentication dialog opens when it is older.
  */
-export declare const PasskeysSection: ({ passkeySupported }: Props) => import("react/jsx-runtime").JSX.Element;
+export declare const PasskeysSection: ({ passkeySupported, deviceBound }: Props) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/auth/components/SecuritySettings/sections/RecoveryCodesSection.component.d.ts

@@ -4,7 +4,9 @@ type Props = {
 };
 /**
  * The recovery codes (5.3): how many are left, and a new set of ten — replacing every previous
- * code — shown once. They stand in for a factor, so they exist only once one is enrolled.
+ * code — shown once. They stand in for a factor, so they exist only once one is enrolled. At two
+ * codes or fewer a callout carries the regenerate action (in danger at zero: nothing is left to
+ * fall back on).
  */
 export declare const RecoveryCodesSection: ({ status }: Props) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/auth/components/SecuritySettings/sections/TrustedDevicesSection.component.d.ts

@@ -0,0 +1,6 @@
+/**
+ * The browsers trusted for 30 days (#769, ADR-0240): signing in there asks no second factor.
+ * Label, addition date, last use and expiry; removing one — or all — makes the second factor
+ * required again at once. Any row can be removed, the current browser's included.
+ */
+export declare const TrustedDevicesSection: () => import("react/jsx-runtime").JSX.Element;

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

@@ -19,3 +19,4 @@ export { RequireSession } from './RequireSession/RequireSession.component';
 export type { RequireSessionProps } from './RequireSession/RequireSession.component';
 export { SessionErrorReason, SessionErrorScreen, } from './SessionErrorScreen/SessionErrorScreen.component';
 export type { SessionErrorScreenProps } from './SessionErrorScreen/SessionErrorScreen.component';
+export { SUPPORT_CONTACT_EMAIL } from './shared/support-contact';

package/dist/auth/components/shared/AuthLoadingScreen.component.d.ts

@@ -0,0 +1,5 @@
+/**
+ * The full-frame loading state shown while the session is restored: the `PageState` loading status
+ * (a named, busy `status`) with a centered progress indicator as its skeleton.
+ */
+export declare const AuthLoadingScreen: () => import("react/jsx-runtime").JSX.Element;

package/dist/auth/components/shared/SingleDevicePasskeyAdvice.component.d.ts

@@ -0,0 +1,13 @@
+type Props = {
+    /** Opens the set-up of another method (authenticator app). */
+    onAdd: () => void;
+    /** Declines: the sign-in goes on, nothing is blocked. */
+    onLater: () => void;
+    busy?: boolean;
+};
+/**
+ * Shown right after a passkey bound to one device became the account's only second factor: it
+ * will not work from another browser, so a portable method is proposed — never imposed.
+ */
+export declare const SingleDevicePasskeyAdvice: ({ onAdd, onLater, busy }: Props) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/auth/components/shared/passkey-ceremonies.d.ts

@@ -1,4 +1,4 @@
-import { IRegistrationVerifyPasskeyUserData } from '@abyss-project/main';
+import { IPasskey, IRegistrationVerifyPasskeyUserData } from '@abyss-project/main';
 import { AuthClient } from '../../client/auth-client';
 /**
  * Creates a passkey for the signed-in user: options from abyss-main, the platform ceremony, then
@@ -7,6 +7,11 @@ import { AuthClient } from '../../client/auth-client';
  * account's first second factor, to be shown once.
  */
 export declare const registerPasskey: (client: AuthClient, name: string) => Promise<IRegistrationVerifyPasskeyUserData>;
+/**
+ * A passkey the provider does not sync (`deviceType` of the WebAuthn credential): it only works
+ * on the device that holds it.
+ */
+export declare const isSingleDevicePasskey: (passkey: IPasskey) => boolean;
 /**
  * Re-proves the current session with one of the user's passkeys. The new session (fresh proof,
  * `mfa` from then on, rotated refresh token) goes through `handleResult`.

package/dist/auth/components/shared/support-contact.d.ts

@@ -0,0 +1,2 @@
+/** Where a user who lost every second factor writes: there is no self-service recovery. */
+export declare const SUPPORT_CONTACT_EMAIL = "contact@abyss-project.fr";

package/dist/auth/components/shared/use-async-resource.hook.d.ts

@@ -13,6 +13,9 @@ export interface AsyncResource<T> {
 }
 /**
  * Loads `load()` on mount and on every `reload()`. An answer that a later load overtook is
- * dropped, so a slow first answer never overwrites a fresh one.
+ * dropped, so a slow first answer never overwrites a fresh one. One load per version: React's
+ * development double-run of effects reuses the request in flight instead of sending a second one,
+ * which matters when the call is not idempotent (the authenticator setup draws a new secret each
+ * time, and the one shown must be the one the server kept).
  */
 export declare const useAsyncResource: <T>(load: () => Promise<T>) => AsyncResource<T>;

package/dist/auth/components/test-support/auth-sdk.mock.d.ts

@@ -47,6 +47,11 @@ export declare const sdkMock: {
         revoke: Mock<(...args: any[]) => any>;
         revokeOthers: Mock<(...args: any[]) => any>;
     };
+    trustedDevice: {
+        list: Mock<(...args: any[]) => any>;
+        revoke: Mock<(...args: any[]) => any>;
+        revokeAll: Mock<(...args: any[]) => any>;
+    };
     user: {
         me: Mock<(...args: any[]) => any>;
         updatePassword: Mock<(...args: any[]) => any>;

package/dist/auth/components/test-support/auth-test-harness.d.ts

@@ -3,6 +3,7 @@ import { vi } from 'vitest';
 import { ISessionAuthData, IUser, SessionPlatform, UserLanguage } from '@abyss-project/main';
 import { AuthBridge } from '../../client/auth-bridge';
 import { AuthClient } from '../../client/auth-client';
+import { TokenStorage } from '../../client/token-storage';
 export declare const testUser: IUser;
 export declare const sessionOf: (user?: IUser, overrides?: Partial<ISessionAuthData>) => ISessionAuthData;
 /** The rejection axios produces for an HTTP answer carrying an API error. */
@@ -34,6 +35,8 @@ export interface RenderWithAuthOptions {
     bridge?: MockBridge;
     /** Signed in at launch with this session; signed out (refresh refused) when absent. */
     session?: ISessionAuthData;
+    /** The refresh token store: the web one (cookie, nothing kept) when absent. A native bridge needs a token in it to restore a session. */
+    storage?: TokenStorage;
     language?: UserLanguage;
 }
 export interface RenderedWithAuth {

package/dist/clsx-OuTLNxxd.js

@@ -0,0 +1,16 @@
+function a(r) {
+  var f, n, t = "";
+  if (typeof r == "string" || typeof r == "number") t += r;
+  else if (typeof r == "object") if (Array.isArray(r)) {
+    var o = r.length;
+    for (f = 0; f < o; f++) r[f] && (n = a(r[f])) && (t && (t += " "), t += n);
+  } else for (n in r) r[n] && (t && (t += " "), t += n);
+  return t;
+}
+function i() {
+  for (var r, f, n = 0, t = "", o = arguments.length; n < o; n++) (r = arguments[n]) && (f = a(r)) && (t && (t += " "), t += f);
+  return t;
+}
+export {
+  i as c
+};

package/dist/{legacy/components/CookieConsent/CookieConsentBanner.component.d.ts → components/business/CookieConsent/CookieConsentBanner.d.ts}

@@ -1,6 +1,5 @@
-import { default as React } from 'react';
 import { UseCookieConsent } from '../../../hooks/use-cookie-consent.hook';
 export interface CookieConsentBannerProps {
     api: UseCookieConsent;
 }
-export declare const CookieConsentBanner: React.FC<CookieConsentBannerProps>;
+export declare function CookieConsentBanner({ api }: CookieConsentBannerProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/business/CookieConsent/CookieConsentSettings.d.ts

@@ -0,0 +1 @@
+export declare function CookieConsentSettings(): import("react/jsx-runtime").JSX.Element;

package/dist/{legacy/components → components/business}/CookieConsent/index.d.ts

@@ -1,7 +1,7 @@
 export * from './AbyssCookieConsentProvider';
 export * from '../../../utils/privacy-link.constant';
-export * from './CookieConsentBanner.component';
-export * from './CookieConsentSettings.component';
+export * from './CookieConsentBanner';
+export * from './CookieConsentSettings';
 export * from '../../../hooks/use-cookie-consent.hook';
 export * from '../../../utils/cookie-storage.utils';
 export * from '../../../utils/cookie-consent-reconcile.utils';

package/dist/components/business/Support/AbyssServiceSelect.component.d.ts

@@ -0,0 +1,26 @@
+import { ActivatableService } from '@abyss-project/main';
+import { SupportPillSize } from './SupportPill';
+/** The name of a service or of a game as a ticket shows it. */
+export declare const getSupportServiceName: (service: ActivatableService) => string;
+export interface AbyssServiceChipProps {
+    service: ActivatableService;
+    size?: SupportPillSize;
+}
+/** A service (or the game Odyssey): its mark and its name on a pill. */
+export declare const AbyssServiceChip: ({ service, size, }: AbyssServiceChipProps) => import("react/jsx-runtime").JSX.Element;
+export interface AbyssServiceSelectProps {
+    value: ActivatableService[];
+    onChange: (value: ActivatableService[]) => void;
+    /** Defaults to « Service ». */
+    label?: string;
+}
+/** The services a ticket can be about, several at a time (the list filter). */
+export declare const AbyssServiceSelect: ({ value, onChange, label, }: AbyssServiceSelectProps) => import("react/jsx-runtime").JSX.Element;
+export interface AbyssServiceSingleSelectProps {
+    value: ActivatableService | null;
+    onChange: (value: ActivatableService | null) => void;
+    /** Defaults to « Service ». */
+    label?: string;
+}
+/** The service a ticket is about: one, or none (the « Aucun service » option clears it). */
+export declare const AbyssServiceSingleSelect: ({ value, onChange, label, }: AbyssServiceSingleSelectProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/business/Support/SupportActionButtons.component.d.ts

@@ -0,0 +1,7 @@
+import { SupportActionButtonsProps } from './types';
+/**
+ * The actions open to the reader on a ticket, as a row of buttons. Taking over and resolving are
+ * the forward moves and are filled; each action asks for its confirmation first. Renders nothing
+ * when no action is open.
+ */
+export declare const SupportActionButtons: ({ ticket, isAdmin, onExecuteAction, isExecuting, }: SupportActionButtonsProps) => import("react/jsx-runtime").JSX.Element | null;

package/dist/components/business/Support/SupportActivityLog.component.d.ts

@@ -0,0 +1,7 @@
+import { SupportActivityLogProps } from './types';
+/**
+ * The history of a ticket as a timeline: one entry per action (what happened, its reason when
+ * there is one, who did it and when), a dot in the tone of the action on a vertical rail. Renders
+ * nothing without entries.
+ */
+export declare const SupportActivityLog: ({ activities, publicUsers, getProfilePictureUrl, }: SupportActivityLogProps) => import("react/jsx-runtime").JSX.Element | null;

package/dist/components/business/Support/SupportAttachmentsPanel.component.d.ts

@@ -0,0 +1,7 @@
+import { SupportAttachmentsPanelProps } from './types';
+/**
+ * The attachments of a ticket: one row per file (preview, name, scan badge, size, open, download,
+ * delete with a confirmation) and, while the limit is not reached, an upload entry. Download is
+ * never disabled by the scan status: the host wraps its handler with the antivirus warning.
+ */
+export declare const SupportAttachmentsPanel: ({ attachments, onUpload, onDelete, onDownload, onOpenAttachment, getAttachmentPreviewUrl, isUploading, maxAttachments, renderScanStatusBadge, getFileThumbnailUrl, cloudImport, }: SupportAttachmentsPanelProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/business/Support/SupportCategoryChip.component.d.ts

@@ -0,0 +1,12 @@
+import { ElementType } from 'react';
+import { SupportTicketCategory, SupportTicketCategoryGroup } from '@abyss-project/main';
+import { StatusTone } from '../../meaning/StatusBadge/StatusBadge';
+import { SupportCategoryChipProps } from './types';
+export declare const getCategoryGroup: (category: SupportTicketCategory) => SupportTicketCategoryGroup;
+/** The tone and the icon of the group a category belongs to. */
+export declare const getCategoryConfig: (category: SupportTicketCategory) => {
+    tone: StatusTone;
+    icon: ElementType;
+};
+/** The category of a support ticket: its name on a pill, a dot of its group's tone before it. */
+export declare const SupportCategoryChip: ({ category, size, }: SupportCategoryChipProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/business/Support/SupportCategoryGroupCards.component.d.ts

@@ -0,0 +1,2 @@
+import { SupportCategoryGroupCardsProps } from './types';
+export declare const SupportCategoryGroupCards: ({ value, onChange, service, onServiceChange, }: SupportCategoryGroupCardsProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/business/Support/SupportCategorySelect.component.d.ts

@@ -0,0 +1,21 @@
+import { SupportTicketCategory } from '@abyss-project/main';
+import { RichSelectSize } from '../../inputs/RichSelect/RichSelect';
+export interface SupportCategorySelectProps {
+    /** Single value mode (create form): the platform-owned categories are not offered. */
+    value?: SupportTicketCategory | null;
+    onChange?: (value: SupportTicketCategory | null) => void;
+    /** Multiple value mode (filter): every category, platform-owned ones included. */
+    multiple?: boolean;
+    multipleValue?: SupportTicketCategory[];
+    onMultipleChange?: (value: SupportTicketCategory[]) => void;
+    /** Defaults to « Catégorie ». */
+    label?: string;
+    /** The message under the field; its presence puts the field in error. */
+    error?: string;
+    size?: RichSelectSize;
+}
+/**
+ * The category of a ticket. Each option carries the icon of its group, in the group's tone, and
+ * the group's name under its own, the list being ordered by group.
+ */
+export declare const SupportCategorySelect: ({ value, onChange, multiple, multipleValue, onMultipleChange, label, error, size, }: SupportCategorySelectProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/business/Support/SupportCreateTextField.d.ts

@@ -0,0 +1,17 @@
+import { ChangeEvent, FocusEvent } from 'react';
+export interface SupportCreateTextFieldProps {
+    name: string;
+    label: string;
+    value: string;
+    onChange: (event: ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => void;
+    onBlur: (event: FocusEvent<HTMLInputElement | HTMLTextAreaElement>) => void;
+    placeholder?: string;
+    /** The message under the field; its presence puts the field in error. */
+    error?: string;
+    required?: boolean;
+    /** A text area of this many rows instead of a single line. */
+    rows?: number;
+    maxLength?: number;
+}
+/** A text field of the ticket-creation components: label above, message under, on `FormField`. */
+export declare const SupportCreateTextField: ({ name, label, value, onChange, onBlur, placeholder, error, required, rows, maxLength, }: SupportCreateTextFieldProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/business/Support/SupportMessageAttachment.component.d.ts

@@ -0,0 +1,9 @@
+import { ISupportTicketAttachment } from '@abyss-project/main';
+import { ReactNode } from 'react';
+export interface SupportMessageAttachmentProps {
+    attachment: ISupportTicketAttachment;
+    getFileThumbnailUrl?: (id: string) => string;
+    renderScanStatusBadge?: (attachment: ISupportTicketAttachment) => ReactNode;
+}
+/** An attachment of a message: its thumbnail or the icon of its type, its name and its size. */
+export declare const SupportMessageAttachment: ({ attachment, getFileThumbnailUrl, renderScanStatusBadge, }: SupportMessageAttachmentProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/business/Support/SupportMessageInput.component.d.ts

@@ -0,0 +1,7 @@
+import { SupportMessageInputProps } from './types';
+/**
+ * The composer of a ticket reply: a multiline field sent with Ctrl/Cmd+Enter or the send button,
+ * an attachment menu when the host takes files, and, for an admin, a switch to write an internal
+ * note instead. Renders nothing once the ticket is terminal.
+ */
+export declare const SupportMessageInput: ({ onSendMessage, onSendAdminNote, onAttachFile, isAdmin, isSending, isTerminal, cloudImport, }: SupportMessageInputProps) => import("react/jsx-runtime").JSX.Element | null;

package/dist/components/business/Support/SupportMessageLink.component.d.ts

@@ -0,0 +1,8 @@
+export interface SupportMessageLinkProps {
+    messageId: string;
+}
+/**
+ * The « copy link » button of a ticket message: it copies the page address carrying
+ * `?messageId=<id>` and confirms with a toast, or reports the failure.
+ */
+export declare const SupportMessageLink: ({ messageId }: SupportMessageLinkProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/business/Support/SupportMessageLink.component.spec.d.ts

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

package/dist/components/business/Support/SupportMessageThread.component.d.ts

@@ -0,0 +1,8 @@
+import { SupportMessageThreadProps } from './types';
+/**
+ * The conversation of a support ticket: the description of the request, then the messages grouped
+ * by author under date separators, admin notes (for admins only) and platform notices in between.
+ * It follows the bottom of the thread, signals a message arriving while the reader is higher up,
+ * and scrolls to and highlights the message a link points to.
+ */
+export declare const SupportMessageThread: ({ messages, currentUserId, isAdmin, publicUsers, getProfilePictureUrl, getFileThumbnailUrl, ticket, renderScanStatusBadge, targetMessageId, }: SupportMessageThreadProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/business/Support/SupportMessageThread.component.spec.d.ts

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

package/dist/components/business/Support/SupportPill.d.ts

@@ -0,0 +1,18 @@
+import { ReactNode } from 'react';
+import { StatusTone } from '../../meaning/StatusBadge/StatusBadge';
+export type SupportPillSize = 'small' | 'medium';
+export interface SupportPillProps {
+    size?: SupportPillSize;
+    /** The tone of the dot before the label. */
+    tone?: StatusTone;
+    /** A mark drawn before the label, in place of the dot. */
+    mark?: ReactNode;
+    testId?: string;
+    children: ReactNode;
+}
+/**
+ * The pill of the ticket lists (a category, a priority, a tag): its name on a token pill, a dot of
+ * its tone before it, or a `mark` of the host's own (a dot in a colour stored with the data). Shared
+ * by the support chips and the internal ticket lists.
+ */
+export declare const SupportPill: ({ size, tone, mark, testId, children, }: SupportPillProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/business/Support/SupportPriorityChip.component.d.ts

@@ -0,0 +1,3 @@
+import { SupportPriorityChipProps } from './types';
+/** The priority of a support ticket: its name on a pill, a dot of its tone before it. */
+export declare const SupportPriorityChip: ({ priority, size, }: SupportPriorityChipProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/business/Support/SupportSidebar.component.d.ts

@@ -0,0 +1,7 @@
+import { SupportSidebarProps } from './types';
+/**
+ * The column beside a ticket: its actions, its place in the life cycle, priority and
+ * classification (editable by the back office, read-only for the requester), the people and
+ * organization behind it, tags, dates, attachments and the journal of what happened to it.
+ */
+export declare const SupportSidebar: ({ ticket, isAdmin, currentUserId, onChangePriority, onChangeCategory, onChangeService, onAssign, onExecuteAction, isExecuting, adminUsers, activities, attachments, onUploadAttachment, onDeleteAttachment, onDownloadAttachment, onOpenAttachment, getAttachmentPreviewUrl, isUploadingAttachment, publicUsers, getProfilePictureUrl, tags, availableTags, onAddTag, onRemoveTag, organization, getOrgLogoUrl, project, onNavigateToUser, onNavigateToOrganization, onViewContext, renderScanStatusBadge, getFileThumbnailUrl, cloudImport, }: SupportSidebarProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/business/Support/SupportSidebar.component.spec.d.ts

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

package/dist/components/business/Support/SupportStatusBadge.component.d.ts

@@ -0,0 +1,3 @@
+import { SupportStatusBadgeProps } from './types';
+/** The status of a support ticket, in the tone `SUPPORT_STATUS_TONE` gives it. */
+export declare const SupportStatusBadge: ({ status }: SupportStatusBadgeProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/business/Support/SupportStatusTimeline.component.d.ts

@@ -0,0 +1,15 @@
+import { SupportTicketStatus } from '@abyss-project/main';
+export interface SupportStatusTimelineProps {
+    status: SupportTicketStatus;
+    /**
+     * The exact label of the current status, written above the rail: the rail has four phases, and
+     * waiting, escalated and archived tickets would otherwise read as their neighbour.
+     */
+    currentStatusLabel: string;
+}
+/**
+ * Where a support ticket is in its life: four phases on a rail, the reached ones filled. The exact
+ * status is written above the rail; a waiting, escalated or archived ticket also tints the rail and
+ * marks its active node with a glyph, so the difference is not told by colour alone.
+ */
+export declare const SupportStatusTimeline: ({ status, currentStatusLabel, }: SupportStatusTimelineProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/business/Support/SupportSystemMessage.component.d.ts

@@ -0,0 +1,11 @@
+import { ISupportTicketMessage } from '@abyss-project/main';
+export interface SupportSystemMessageProps {
+    message: ISupportTicketMessage;
+    /** The platform event the message tells; the caller checked it is set. */
+    systemEvent: NonNullable<ISupportTicketMessage['systemEvent']>;
+}
+/**
+ * A notice written by the platform (a funding programme event): centered, with no author. Its text
+ * is resolved from the event in the language of the viewer; an admin-only one is flagged as a note.
+ */
+export declare const SupportSystemMessage: ({ message, systemEvent, }: SupportSystemMessageProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/business/Support/SupportSystemMessage.component.spec.d.ts

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

package/dist/components/business/Support/SupportTagEditor.d.ts

@@ -0,0 +1,15 @@
+import { ISupportTicketTag } from '@abyss-project/main';
+export interface SupportTagEditorProps {
+    /** The tags of the ticket. */
+    tags: ISupportTicketTag[];
+    /** Every tag that exists, the ones of the ticket included. */
+    availableTags: ISupportTicketTag[];
+    /** Adds an existing tag by its id, or creates one by its name (`isNew`). */
+    onAddTag: (tagIdOrName: string, isNew?: boolean) => void;
+    onRemoveTag?: (tagId: string) => void;
+}
+/**
+ * The tags of a ticket as pills, each removable when the host allows it, and a button that opens a
+ * panel to add one: search the existing tags, pick one, or type a new name and create it.
+ */
+export declare const SupportTagEditor: ({ tags, availableTags, onAddTag, onRemoveTag, }: SupportTagEditorProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/business/Support/SupportTicketCreateForm.component.d.ts

@@ -0,0 +1,2 @@
+import { SupportTicketCreateFormProps } from './types';
+export declare const SupportTicketCreateForm: ({ onSubmit, isSubmitting, onBack, }: SupportTicketCreateFormProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/business/Support/SupportTicketCreateForm.component.spec.d.ts

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

package/dist/components/business/Support/SupportTicketCreateStepper.component.d.ts

@@ -0,0 +1,2 @@
+import { SupportTicketCreateStepperProps } from './types';
+export declare const SupportTicketCreateStepper: ({ onSubmit, isSubmitting, isAdmin, onCancel, initialValues, renderForWhoStep, renderProjectSelect, onRedirectedCategory, }: SupportTicketCreateStepperProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/business/Support/SupportTicketCreateStepper.component.spec.d.ts

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

package/dist/components/business/Support/SupportTicketDetail.component.d.ts

@@ -0,0 +1,8 @@
+import { SupportTicketDetailProps } from './types';
+/**
+ * A support ticket as one screen: the header with the actions, the conversation in the middle and
+ * the sidebar of information beside it (under it on a phone). While the ticket loads, fails to
+ * load (`error`, while there is no ticket to show) or does not exist, the screen shows that state
+ * under the way back.
+ */
+export declare const SupportTicketDetail: ({ ticket, messages, currentUserId, targetMessageId, isAdmin, isLoading, error, onNavigateBack, onSendMessage, onSendAdminNote, isSending, onExecuteAction, isExecuting, onChangePriority, onChangeCategory, onChangeService, onAssign, adminUsers, activities, attachments, onUploadAttachment, onDeleteAttachment, onDownloadAttachment, onOpenAttachment, getAttachmentPreviewUrl, isUploadingAttachment, publicUsers, getProfilePictureUrl, tags, availableTags, onAddTag, onRemoveTag, organization, getOrgLogoUrl, project, onUploadMessageAttachment, onNavigateToUser, onNavigateToOrganization, onViewContext, renderScanStatusBadge, getFileThumbnailUrl, cloudImport, }: SupportTicketDetailProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/business/Support/SupportTicketDetail.component.spec.d.ts

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

package/dist/components/business/Support/SupportTicketDetail.mobile-layout.spec.d.ts

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

package/dist/components/business/Support/SupportTicketList.component.spec.d.ts

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

package/dist/components/business/Support/SupportTicketList.week-preset.spec.d.ts

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

package/dist/components/business/Support/SupportTicketListFilterBar.d.ts

@@ -0,0 +1,15 @@
+import { ReactNode } from 'react';
+import { ISupportTicketTag } from '@abyss-project/main';
+import { SupportTicketListFilters } from './types';
+export interface SupportTicketListFilterBarProps {
+    filters: SupportTicketListFilters;
+    onFiltersChange: (filters: SupportTicketListFilters) => void;
+    isAdmin?: boolean;
+    availableTags?: ISupportTicketTag[];
+    renderExtraFilters?: () => ReactNode;
+}
+/**
+ * The search field, the filters and the chips of the active ones above the support ticket list.
+ * The search waits for a pause in the typing before it filters: the host fetches on every change.
+ */
+export declare const SupportTicketListFilterBar: ({ filters, onFiltersChange, isAdmin, availableTags, renderExtraFilters, }: SupportTicketListFilterBarProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/business/Support/SupportTopBar.component.d.ts

@@ -0,0 +1,7 @@
+import { SupportTopBarProps } from './types';
+/**
+ * The header of a ticket: the way back, the title, the status and the project, then the actions
+ * open to the reader. Forward moves are buttons; the rest sit in an overflow menu. Priority and
+ * category live in the sidebar, so the header does not say them twice.
+ */
+export declare const SupportTopBar: ({ ticket, isAdmin, onNavigateBack, onExecuteAction, isExecuting, project, }: SupportTopBarProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/business/Support/support-action.d.ts

@@ -0,0 +1,17 @@
+import { ReactElement } from 'react';
+import { SupportTicketAction } from '@abyss-project/main';
+/** The MUI palette color a button of the action is painted with. */
+export type SupportActionColor = 'primary' | 'success' | 'error' | 'warning';
+export interface SupportActionConfig {
+    icon: ReactElement;
+    color: SupportActionColor;
+    /** The action asks the reason for it in its confirmation. */
+    reasonRequired?: boolean;
+}
+export declare const SUPPORT_ACTION_CONFIG: Record<SupportTicketAction, SupportActionConfig>;
+/**
+ * Runs an action of the lifecycle of a ticket once the reader confirmed it. The confirmation says
+ * what the action does and, for resolving and closing, takes the reason; the callback gets the
+ * action and the reason, left out when empty.
+ */
+export declare const useSupportActionRunner: (onExecuteAction?: (action: SupportTicketAction, reason?: string) => void) => ((action: SupportTicketAction) => Promise<void>);