@abyss-project/commons-front-core 7.0.0 → 8.0.0

package/dist/CookieConsentSettings.component-DMEAuCVS.js

@@ -0,0 +1,77 @@
+import { jsx as e, jsxs as a } from "react/jsx-runtime";
+import { useState as m, useEffect as C } from "react";
+import { Card as v, CardContent as b, Stack as u, Typography as o, FormControlLabel as l, Box as r, Checkbox as d, Button as M } from "@mui/material";
+import { g as R, u as x } from "./AbyssCookieConsentProvider-BhSzVu8P.js";
+const B = () => {
+  const t = R(), { consent: i, save: y } = x(), [h, g] = m((i == null ? void 0 : i.analytics) ?? !1), [k, f] = m((i == null ? void 0 : i.marketing) ?? !1), c = i == null ? void 0 : i.analytics, n = i == null ? void 0 : i.marketing;
+  return C(() => {
+    c !== void 0 && g(c), n !== void 0 && f(n);
+  }, [c, n]), /* @__PURE__ */ e(v, { sx: { borderRadius: 3 }, children: /* @__PURE__ */ e(b, { children: /* @__PURE__ */ a(u, { spacing: 2, children: [
+    /* @__PURE__ */ e(o, { variant: "h6", children: t.formatRichMessage({ id: "cookies.configure.title" }) }),
+    /* @__PURE__ */ e(
+      l,
+      {
+        control: /* @__PURE__ */ e(d, { checked: !0, disabled: !0 }),
+        label: /* @__PURE__ */ a(r, { children: [
+          /* @__PURE__ */ e(o, { variant: "body2", fontWeight: 600, children: t.formatRichMessage({
+            id: "cookies.category.essentials.title"
+          }) }),
+          /* @__PURE__ */ e(o, { variant: "caption", color: "text.secondary", children: t.formatRichMessage({
+            id: "cookies.category.essentials.description"
+          }) })
+        ] })
+      }
+    ),
+    /* @__PURE__ */ e(
+      l,
+      {
+        control: /* @__PURE__ */ e(
+          d,
+          {
+            checked: h,
+            onChange: (p, s) => g(s)
+          }
+        ),
+        label: /* @__PURE__ */ a(r, { children: [
+          /* @__PURE__ */ e(o, { variant: "body2", fontWeight: 600, children: t.formatRichMessage({
+            id: "cookies.category.analytics.title"
+          }) }),
+          /* @__PURE__ */ e(o, { variant: "caption", color: "text.secondary", children: t.formatRichMessage({
+            id: "cookies.category.analytics.description"
+          }) })
+        ] })
+      }
+    ),
+    /* @__PURE__ */ e(
+      l,
+      {
+        control: /* @__PURE__ */ e(
+          d,
+          {
+            checked: k,
+            onChange: (p, s) => f(s)
+          }
+        ),
+        label: /* @__PURE__ */ a(r, { children: [
+          /* @__PURE__ */ e(o, { variant: "body2", fontWeight: 600, children: t.formatRichMessage({
+            id: "cookies.category.marketing.title"
+          }) }),
+          /* @__PURE__ */ e(o, { variant: "caption", color: "text.secondary", children: t.formatRichMessage({
+            id: "cookies.category.marketing.description"
+          }) })
+        ] })
+      }
+    ),
+    /* @__PURE__ */ e(r, { children: /* @__PURE__ */ e(
+      M,
+      {
+        variant: "contained",
+        onClick: () => y({ analytics: h, marketing: k }),
+        children: t.formatRichMessage({ id: "cookies.action.save" })
+      }
+    ) })
+  ] }) }) });
+};
+export {
+  B as C
+};

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

@@ -0,0 +1,39 @@
+import { FC, ReactNode } from 'react';
+import { AbyssService } from '@abyss-project/main';
+/**
+ * - `web` (default): the hero below `md` only; from `md` up the children render alone, so the
+ *   host keeps its own desktop layout (abyss-main's split screen).
+ * - `native`: the hero at every width, the sheet centred and at most `SHEET_MAX_WIDTH` wide on a
+ *   large screen (a tablet in landscape keeps the service's identity).
+ */
+export declare enum AuthHeroLayoutVariant {
+    WEB = "web",
+    NATIVE = "native"
+}
+export type AuthHeroLayoutProps = {
+    /**
+     * Requested service, already validated. null/undefined or a service without a tagline -> Abyss
+     * logo, name and tagline; a service without logo (Odyssey) -> Abyss logo, its own name and tagline.
+     */
+    service?: AbyssService | null;
+    /** `AuthHeroLayoutVariant.WEB` by default. */
+    variant?: AuthHeroLayoutVariant;
+    children: ReactNode;
+};
+/**
+ * The frame of the sign-in screen (D1, D6): a hero carrying the requested service's logo, name and
+ * tagline on the brand gradient, then a sheet with rounded top corners climbing over it, holding
+ * the children. The hero pads the top safe area, the sheet the bottom one (D7). The sheet is the
+ * page's `<main>` landmark (the hosts have none around the sign-in screen).
+ *
+ * - `AuthHeroLayoutVariant.WEB` (default): the hero below `md` only. From `md` up the children
+ *   render alone, so the host keeps its own desktop layout; the wrappers then take no box
+ *   (`display: contents`), which keeps the children mounted when the screen crosses the breakpoint
+ *   (a rotated tablet does not restart the flow).
+ * - `AuthHeroLayoutVariant.NATIVE`: the hero at every width; on a screen wider than a phone the
+ *   sheet is centred, at most 480 px wide, and the hero's content is aligned on it.
+ *
+ * Children shrink the hero through `useAuthHero().setCompact` (`AuthFlow` does it at the code,
+ * second-factor and enrolment steps).
+ */
+export declare const AuthHeroLayout: FC<AuthHeroLayoutProps>;

package/dist/auth/components/AuthHeroLayout/AuthHeroLayout.component.spec.d.ts

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

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

@@ -0,0 +1,11 @@
+import { Context } from 'react';
+export interface AuthHeroContextValue {
+    /** Shrinks the hero (tile and name on one line, no tagline), or brings it back to full size. */
+    setCompact: (compact: boolean) => void;
+    /** Rendered in the hero's sheet: the hero pads the top safe area, the sheet the bottom one. */
+    insideHero: boolean;
+}
+/** Outside an `AuthHeroLayout` (or on a large screen): no hero to shrink, no safe area handled. */
+export declare const AuthHeroContext: Context<AuthHeroContextValue>;
+/** The hero around the auth screen, if any; a no-op outside `AuthHeroLayout`. */
+export declare const useAuthHero: () => AuthHeroContextValue;

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

@@ -1,5 +1,8 @@
 export { AuthFlow } from './AuthFlow/AuthFlow.component';
 export type { AuthFlowProps } from './AuthFlow/AuthFlow.component';
+export { AuthHeroLayout, AuthHeroLayoutVariant, } from './AuthHeroLayout/AuthHeroLayout.component';
+export type { AuthHeroLayoutProps } from './AuthHeroLayout/AuthHeroLayout.component';
+export { useAuthHero } from './AuthHeroLayout/auth-hero.context';
 export type { AuthFlowContext, AuthFlowLegal, AuthFlowResult, } from './AuthFlow/auth-flow.types';
 export { AuthProviderButtons, AuthProviderKind, } from './AuthProviderButtons/AuthProviderButtons.component';
 export type { AuthFlowProviders, AuthProviderButtonsProps, } from './AuthProviderButtons/AuthProviderButtons.component';

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

@@ -10,8 +10,12 @@ type Props = {
     autoFocus?: boolean;
 };
 /**
- * Six-digit code field (e-mail code, TOTP). `one-time-code` lets the platform offer the code it
- * just received; a pasted code keeps working whatever its spacing, since only the digits are kept.
+ * Six-digit code field (e-mail code, TOTP), drawn as six cells. The cells only render the value:
+ * the field stays a single real `<input>` laid transparent over them, so `one-time-code` still
+ * lets the platform offer the code it just received, a pasted code keeps working whatever its
+ * spacing (only the digits are kept), and a click on any cell lands in that input. After an
+ * error, the focus comes back to the input as soon as it can be typed in again, and the cells
+ * leave their red state at the first new digit (the host's message keeps saying the cause).
  */
 export declare const OneTimeCodeField: ({ id, label, value, onChange, disabled, error, autoFocus, }: Props) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/auth/components/shared/OneTimeCodeField.component.spec.d.ts

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

package/dist/auth/components/test-support/own-css.d.ts

@@ -0,0 +1,5 @@
+/**
+ * The declarations emotion generated for an element's own classes (pseudo-elements excluded), as
+ * written: unlike `getComputedStyle`, it keeps `var(...)` and `calc(...)` values readable.
+ */
+export declare const ownCss: (element: Element) => string;

package/dist/components/layers/Toast/Toast.d.ts

@@ -22,7 +22,7 @@ export interface ToastProviderProps {
 }
 /**
  * Time a toast stays on screen, in ms, counted again from the start each time the pointer or the
- * focus leaves it. Not an ADR-0166 value: the ADR fixes animation durations only.
+ * focus leaves it. Not an ADR-0174 value: the ADR fixes animation durations only.
  */
 export declare const TOAST_DURATION = 5000;
 /**

package/dist/components/structure/AppShell/AppShell.d.ts

@@ -1,6 +1,6 @@
 import { AppShellProps } from './app-shell.types';
 /**
- * The frame of every web front (ADR-0166 §5, mock-up `.app`, `.side`): the space card with the
+ * The frame of every web front (ADR-0174 §5, mock-up `.app`, `.side`): the space card with the
  * product icon and the personal or organization space menu, the "Mon espace Abyss" link, the
  * navigation sections with their counts, an optional footer, a top bar and the page. There is no
  * application switcher: each service keeps its own front.

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

@@ -3,7 +3,7 @@ import { RenderResult } from '@testing-library/react';
 import { Theme } from '@mui/material/styles';
 import { Density, ThemeMode } from '../../../theme';
 export declare const THEME_MODES: ThemeMode[];
-/** Viewport widths of the three layouts (ADR-0166 §3, paliers). */
+/** Viewport widths of the three layouts (ADR-0174 §3, paliers). */
 export declare const VIEWPORT: {
     readonly desktop: 1440;
     readonly tablet: 1024;

package/dist/cookie-consent.js

@@ -1,18 +1,19 @@
-import { A as s, C as a, a as n, u as C } from "./CookieConsentSettings.component-CE2qOlyC.js";
-import { C as t, D as r, R as A, V as k, c, f as l, r as f, a as u, u as D, w as E } from "./AbyssModal.component-Be9980v8.js";
+import { A as e, c as a, C as n, D as C, R as i, V as t, d as r, f as A, r as k, e as c, u as l, b, a as f, w as u } from "./AbyssCookieConsentProvider-BhSzVu8P.js";
+import { C as E } from "./CookieConsentSettings.component-DMEAuCVS.js";
 export {
-  s as AbyssCookieConsentProvider,
-  t as COOKIE_NAME,
-  a as CookieConsentBanner,
-  n as CookieConsentSettings,
-  r as DEFAULT_PRIVACY_HREF,
-  A as ReconcileAction,
-  k as VALIDITY_DAYS,
-  c as clearCookie,
-  l as flattenTranslations,
-  f as readCookie,
-  u as reconcile,
-  C as useAbyssCookieConsent,
-  D as useCookieConsent,
-  E as writeCookie
+  e as AbyssCookieConsentProvider,
+  a as COOKIE_NAME,
+  n as CookieConsentBanner,
+  E as CookieConsentSettings,
+  C as DEFAULT_PRIVACY_HREF,
+  i as ReconcileAction,
+  t as VALIDITY_DAYS,
+  r as clearCookie,
+  A as flattenTranslations,
+  k as readCookie,
+  c as reconcile,
+  l as useAbyssCookieConsent,
+  b as useCookieConsent,
+  f as useOptionalAbyssCookieConsent,
+  u as writeCookie
 };