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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@abyss-project/commons-front-core",
-  "version": "7.0.0",
+  "version": "8.0.0",
   "description": "Front Core package of AbyssProject",
   "main": "dist/index.js",
   "module": "./dist/index.js",
@@ -60,6 +60,8 @@
   "peerDependencies": {
     "@abyss-project/capacitor-auth": "^1.0.0",
     "@abyss-project/cloud": "^2.4.0",
+    "@abyss-project/console": "^12.4.0",
+    "@abyss-project/monitor-browser": "^1.2.0",
     "@dnd-kit/core": "^6.0.0",
     "@dnd-kit/sortable": "^9.0.0",
     "@dnd-kit/utilities": "^3.0.0",
@@ -78,7 +80,7 @@
     "react-is": "^18.0.0 || ^19.0.0",
     "react-router-dom": "^6.15.0",
     "zustand": "^5.0.0",
-    "@abyss-project/main": "14.0.0"
+    "@abyss-project/main": "15.1.0"
   },
   "peerDependenciesMeta": {
     "@abyss-project/capacitor-auth": {
@@ -90,7 +92,7 @@
     "@abyss-project/crypt": "^1.0.9",
     "@abyss-project/form": "^1.0.13",
     "@abyss-project/memories": "^1.0.12",
-    "@abyss-project/monitor": "^9.3.0",
+    "@abyss-project/monitor": "^10.0.0",
     "@abyss-project/spotlight": "^1.0.24",
     "@abyss-project/storage": "^1.0.30",
     "@capacitor/clipboard": "^7.0.1",
@@ -128,10 +130,12 @@
     "use-debounce": "^10.0.5",
     "uuid": "^9.0.0",
     "yup": "^0.32.11",
-    "@abyss-project/main": "14.0.0"
+    "@abyss-project/main": "15.1.0"
   },
   "devDependencies": {
     "@abyss-project/cloud": "^2.4.0",
+    "@abyss-project/console": "^12.4.0",
+    "@abyss-project/monitor-browser": "^1.2.0",
     "@playwright/test": "^1.52.0",
     "@testing-library/react": "^16.3.2",
     "@types/byte-size": "^8.1.0",
@@ -174,6 +178,7 @@
     "test": "vitest run --config vitest.config.ts",
     "test:watch": "vitest --config vitest.config.ts",
     "catalog": "vite --config catalog/vite.config.ts",
-    "catalog:test": "playwright test --config catalog/playwright.config.ts"
+    "catalog:test": "playwright test --config catalog/playwright.config.ts",
+    "catalog:test:ci": "vite build --config catalog/vite.config.ts && playwright test --config catalog/playwright.ci.config.ts"
   }
 }

package/vite.config.ts

@@ -77,7 +77,7 @@ export default defineConfig({
         // subpath stays `./auth` (package.json `exports`) — only the dist filename differs.
         'auth-client': resolve(__dirname, 'src/auth/client/index.ts'),
         // The previous design system (theme, visual components, their visual utils and hooks),
-        // isolated until every app has migrated off it (ADR-0166 §2). Public subpath `./legacy`.
+        // isolated until every app has migrated off it (ADR-0174 §2). Public subpath `./legacy`.
         legacy: resolve(__dirname, 'src/legacy/index.ts'),
       },
       formats: ['es'],

package/dist/CookieConsentSettings.component-CE2qOlyC.js

@@ -1,299 +0,0 @@
-import { jsxs as r, Fragment as S, jsx as e } from "react/jsx-runtime";
-import { useState as b, createContext as I, useContext as P, useMemo as j, useEffect as F } from "react";
-import { useTheme as R, Paper as _, Typography as s, Link as z, Stack as f, Button as m, Box as p, Switch as E, Card as T, CardContent as L, FormControlLabel as x, Checkbox as y } from "@mui/material";
-import { b as v, l as k, D as Y, A as $, u as D } from "./AbyssModal.component-Be9980v8.js";
-const C = ({ category: i, checked: o, locked: t = !1, onChange: c }) => {
-  const n = R(), a = v();
-  return /* @__PURE__ */ r(
-    f,
-    {
-      direction: "row",
-      spacing: 2,
-      alignItems: "flex-start",
-      sx: {
-        p: 2,
-        borderRadius: "12px",
-        border: "1px solid",
-        borderColor: k(n.palette.mode).glass.border,
-        bgcolor: k(n.palette.mode).glass.background
-      },
-      children: [
-        /* @__PURE__ */ r(p, { sx: { flex: 1, minWidth: 0 }, children: [
-          /* @__PURE__ */ r(f, { direction: "row", spacing: 1, alignItems: "center", children: [
-            /* @__PURE__ */ e(s, { variant: "body2", fontWeight: 600, children: a.formatRichMessage({
-              id: `cookies.category.${i}.title`
-            }) }),
-            t && /* @__PURE__ */ e(
-              s,
-              {
-                variant: "caption",
-                sx: {
-                  px: 0.75,
-                  py: 0.125,
-                  borderRadius: "6px",
-                  color: n.palette.primary.main,
-                  border: "1px solid",
-                  borderColor: k(n.palette.mode).glass.borderHover,
-                  whiteSpace: "nowrap"
-                },
-                children: a.formatRichMessage({
-                  id: "cookies.category.essentials.always-on"
-                })
-              }
-            )
-          ] }),
-          /* @__PURE__ */ e(
-            s,
-            {
-              variant: "caption",
-              color: "text.secondary",
-              sx: { display: "block", mt: 0.5 },
-              children: a.formatRichMessage({
-                id: `cookies.category.${i}.description`
-              })
-            }
-          )
-        ] }),
-        /* @__PURE__ */ e(
-          E,
-          {
-            checked: o,
-            disabled: t,
-            onChange: (d, l) => c == null ? void 0 : c(l),
-            inputProps: {
-              "aria-label": a.formatRichMessage({
-                id: `cookies.category.${i}.title`
-              })
-            }
-          }
-        )
-      ]
-    }
-  );
-}, H = ({
-  api: i
-}) => {
-  const o = R(), t = v(), { acceptAll: c, rejectAll: n, save: a } = i, [d, l] = b(!1), [h, u] = b(!1), [g, w] = b(!1), A = () => {
-    a({ analytics: h, marketing: g }), l(!1);
-  };
-  return /* @__PURE__ */ r(S, { children: [
-    /* @__PURE__ */ r(
-      _,
-      {
-        elevation: 0,
-        role: "dialog",
-        "aria-modal": !1,
-        "aria-labelledby": "cookie-consent-title",
-        "aria-describedby": "cookie-consent-description",
-        sx: {
-          position: "fixed",
-          bottom: { xs: 12, md: 24 },
-          left: { xs: 12, md: "auto" },
-          right: { xs: 12, md: 24 },
-          width: { xs: "auto", md: 420 },
-          zIndex: (W) => W.zIndex.snackbar,
-          p: { xs: 2.5, md: 3 },
-          borderRadius: "16px",
-          border: "1px solid",
-          borderColor: k(o.palette.mode).glass.border,
-          // Opaque base under the gradient: the surface gradient is translucent,
-          // and on its own it let the page text behind the card show through.
-          backgroundColor: o.palette.background.paper,
-          backgroundImage: k(o.palette.mode).gradients.surface,
-          backdropFilter: k(o.palette.mode).glass.blurStrong,
-          boxShadow: "0 16px 48px rgba(0, 0, 0, 0.45)",
-          animation: "cookie-consent-in 320ms cubic-bezier(0.16, 1, 0.3, 1)",
-          "@keyframes cookie-consent-in": {
-            from: { opacity: 0, transform: "translateY(12px)" },
-            to: { opacity: 1, transform: "translateY(0)" }
-          },
-          "@media (prefers-reduced-motion: reduce)": {
-            animation: "none"
-          }
-        },
-        children: [
-          /* @__PURE__ */ e(
-            s,
-            {
-              id: "cookie-consent-title",
-              variant: "subtitle1",
-              fontWeight: 700,
-              children: t.formatRichMessage({ id: "cookies.banner.title" })
-            }
-          ),
-          /* @__PURE__ */ e(
-            s,
-            {
-              id: "cookie-consent-description",
-              variant: "body2",
-              color: "text.secondary",
-              sx: { mt: 1 },
-              children: t.formatRichMessage({ id: "cookies.banner.description" })
-            }
-          ),
-          /* @__PURE__ */ e(
-            z,
-            {
-              href: Y,
-              rel: "noreferrer",
-              underline: "hover",
-              variant: "body2",
-              sx: {
-                display: "inline-block",
-                mt: 1.5,
-                color: o.palette.primary.main
-              },
-              children: t.formatRichMessage({ id: "cookies.banner.privacy-link" })
-            }
-          ),
-          /* @__PURE__ */ r(f, { direction: "row", spacing: 1, sx: { mt: 2.5 }, children: [
-            /* @__PURE__ */ e(m, { variant: "contained", onClick: c, sx: { flex: 1 }, children: t.formatRichMessage({ id: "cookies.action.accept-all" }) }),
-            /* @__PURE__ */ e(m, { variant: "outlined", onClick: n, sx: { flex: 1 }, children: t.formatRichMessage({ id: "cookies.action.reject-all" }) })
-          ] }),
-          /* @__PURE__ */ e(
-            m,
-            {
-              variant: "text",
-              size: "small",
-              onClick: () => l(!0),
-              sx: { mt: 1, width: "100%", color: "text.secondary" },
-              children: t.formatRichMessage({ id: "cookies.action.configure" })
-            }
-          )
-        ]
-      }
-    ),
-    /* @__PURE__ */ r(
-      $,
-      {
-        open: d,
-        onClose: () => l(!1),
-        maxWidth: "sm",
-        fullWidth: !0,
-        children: [
-          /* @__PURE__ */ e(s, { variant: "h6", fontWeight: 700, children: t.formatRichMessage({ id: "cookies.configure.title" }) }),
-          /* @__PURE__ */ r(f, { spacing: 1.5, sx: { mt: 3 }, children: [
-            /* @__PURE__ */ e(C, { category: "essentials", checked: !0, locked: !0 }),
-            /* @__PURE__ */ e(
-              C,
-              {
-                category: "analytics",
-                checked: h,
-                onChange: u
-              }
-            ),
-            /* @__PURE__ */ e(
-              C,
-              {
-                category: "marketing",
-                checked: g,
-                onChange: w
-              }
-            )
-          ] }),
-          /* @__PURE__ */ r(
-            f,
-            {
-              direction: "row",
-              spacing: 1,
-              justifyContent: "flex-end",
-              sx: { mt: 3 },
-              children: [
-                /* @__PURE__ */ e(m, { variant: "text", onClick: () => l(!1), children: t.formatRichMessage({ id: "cookies.action.cancel" }) }),
-                /* @__PURE__ */ e(m, { variant: "contained", onClick: A, children: t.formatRichMessage({ id: "cookies.action.save" }) })
-              ]
-            }
-          )
-        ]
-      }
-    )
-  ] });
-}, M = I(null), O = () => {
-  const i = P(M);
-  if (!i)
-    throw new Error(
-      "useAbyssCookieConsent must be used inside <AbyssCookieConsentProvider>"
-    );
-  return i;
-}, G = ({ children: i, consentVersion: o, isAuthenticated: t, domain: c, renderBanner: n }) => {
-  const a = D({ isAuthenticated: t, consentVersion: o, domain: c }), d = j(() => a.isResolved ? null : n ? n(a) : /* @__PURE__ */ e(H, { api: a }), [a, n]);
-  return /* @__PURE__ */ r(M.Provider, { value: a, children: [
-    i,
-    d
-  ] });
-}, J = () => {
-  const i = v(), { consent: o, save: t } = O(), [c, n] = b((o == null ? void 0 : o.analytics) ?? !1), [a, d] = b((o == null ? void 0 : o.marketing) ?? !1), l = o == null ? void 0 : o.analytics, h = o == null ? void 0 : o.marketing;
-  return F(() => {
-    l !== void 0 && n(l), h !== void 0 && d(h);
-  }, [l, h]), /* @__PURE__ */ e(T, { sx: { borderRadius: 3 }, children: /* @__PURE__ */ e(L, { children: /* @__PURE__ */ r(f, { spacing: 2, children: [
-    /* @__PURE__ */ e(s, { variant: "h6", children: i.formatRichMessage({ id: "cookies.configure.title" }) }),
-    /* @__PURE__ */ e(
-      x,
-      {
-        control: /* @__PURE__ */ e(y, { checked: !0, disabled: !0 }),
-        label: /* @__PURE__ */ r(p, { children: [
-          /* @__PURE__ */ e(s, { variant: "body2", fontWeight: 600, children: i.formatRichMessage({
-            id: "cookies.category.essentials.title"
-          }) }),
-          /* @__PURE__ */ e(s, { variant: "caption", color: "text.secondary", children: i.formatRichMessage({
-            id: "cookies.category.essentials.description"
-          }) })
-        ] })
-      }
-    ),
-    /* @__PURE__ */ e(
-      x,
-      {
-        control: /* @__PURE__ */ e(
-          y,
-          {
-            checked: c,
-            onChange: (u, g) => n(g)
-          }
-        ),
-        label: /* @__PURE__ */ r(p, { children: [
-          /* @__PURE__ */ e(s, { variant: "body2", fontWeight: 600, children: i.formatRichMessage({
-            id: "cookies.category.analytics.title"
-          }) }),
-          /* @__PURE__ */ e(s, { variant: "caption", color: "text.secondary", children: i.formatRichMessage({
-            id: "cookies.category.analytics.description"
-          }) })
-        ] })
-      }
-    ),
-    /* @__PURE__ */ e(
-      x,
-      {
-        control: /* @__PURE__ */ e(
-          y,
-          {
-            checked: a,
-            onChange: (u, g) => d(g)
-          }
-        ),
-        label: /* @__PURE__ */ r(p, { children: [
-          /* @__PURE__ */ e(s, { variant: "body2", fontWeight: 600, children: i.formatRichMessage({
-            id: "cookies.category.marketing.title"
-          }) }),
-          /* @__PURE__ */ e(s, { variant: "caption", color: "text.secondary", children: i.formatRichMessage({
-            id: "cookies.category.marketing.description"
-          }) })
-        ] })
-      }
-    ),
-    /* @__PURE__ */ e(p, { children: /* @__PURE__ */ e(
-      m,
-      {
-        variant: "contained",
-        onClick: () => t({ analytics: c, marketing: a }),
-        children: i.formatRichMessage({ id: "cookies.action.save" })
-      }
-    ) })
-  ] }) }) });
-};
-export {
-  G as A,
-  H as C,
-  J as a,
-  O as u
-};

package/test-results/catalog/.last-run.json

@@ -1,4 +0,0 @@
-{
-  "status": "passed",
-  "failedTests": []
-}