@delmaredigital/payload-experiments 0.2.0-rc.3 → 0.2.0-rc.5

package/dist/admin/theme.d.ts

@@ -0,0 +1,50 @@
+/** every Payload token reference lives in theme.css; porting to Payload 4 edits that file only */
+export declare const theme: {
+    readonly color: {
+        readonly bg: "var(--xp-bg)";
+        readonly text: "var(--xp-text)";
+        readonly surface: "var(--xp-surface)";
+        readonly surfaceRaised: "var(--xp-surface-raised)";
+        readonly border: "var(--xp-border)";
+        readonly borderStrong: "var(--xp-border-strong)";
+        readonly borderControl: "var(--xp-border-control)";
+        readonly inputBorder: "var(--xp-input-border)";
+        readonly borderAccent: "var(--xp-border-accent)";
+        readonly accent: "var(--xp-accent)";
+        readonly textMuted: "var(--xp-text-muted)";
+        readonly textStrong: "var(--xp-text-strong)";
+        readonly textEmphasis: "var(--xp-text-emphasis)";
+        readonly inputBg: "var(--xp-input-bg)";
+        readonly overlay: "var(--xp-overlay)";
+        readonly successSurface: "var(--xp-success-surface)";
+        readonly successBg: "var(--xp-success-bg)";
+        readonly success: "var(--xp-success)";
+        readonly successText: "var(--xp-success-text)";
+        readonly successTextStrong: "var(--xp-success-text-strong)";
+        readonly warningSurface: "var(--xp-warning-surface)";
+        readonly warningBg: "var(--xp-warning-bg)";
+        readonly warning: "var(--xp-warning)";
+        readonly warningText: "var(--xp-warning-text)";
+        readonly warningTextStrong: "var(--xp-warning-text-strong)";
+        readonly errorSurface: "var(--xp-error-surface)";
+        readonly error: "var(--xp-error)";
+        readonly errorText: "var(--xp-error-text)";
+    };
+    readonly radius: {
+        readonly small: "var(--xp-radius)";
+        readonly large: "var(--xp-radius-large)";
+    };
+    readonly space: {
+        readonly 1: "var(--xp-space-1)";
+        readonly 2: "var(--xp-space-2)";
+        readonly 3: "var(--xp-space-3)";
+        readonly 4: "var(--xp-space-4)";
+        readonly 5: "var(--xp-space-5)";
+        readonly 6: "var(--xp-space-6)";
+    };
+    readonly font: {
+        readonly body: "var(--xp-font-body)";
+        readonly small: "var(--xp-font-size-small)";
+        readonly size: "var(--xp-font-size-body)";
+    };
+};

package/dist/admin/theme.js

@@ -0,0 +1,49 @@
+/** every Payload token reference lives in theme.css; porting to Payload 4 edits that file only */ export const theme = {
+    color: {
+        bg: 'var(--xp-bg)',
+        text: 'var(--xp-text)',
+        surface: 'var(--xp-surface)',
+        surfaceRaised: 'var(--xp-surface-raised)',
+        border: 'var(--xp-border)',
+        borderStrong: 'var(--xp-border-strong)',
+        borderControl: 'var(--xp-border-control)',
+        inputBorder: 'var(--xp-input-border)',
+        borderAccent: 'var(--xp-border-accent)',
+        accent: 'var(--xp-accent)',
+        textMuted: 'var(--xp-text-muted)',
+        textStrong: 'var(--xp-text-strong)',
+        textEmphasis: 'var(--xp-text-emphasis)',
+        inputBg: 'var(--xp-input-bg)',
+        overlay: 'var(--xp-overlay)',
+        successSurface: 'var(--xp-success-surface)',
+        successBg: 'var(--xp-success-bg)',
+        success: 'var(--xp-success)',
+        successText: 'var(--xp-success-text)',
+        successTextStrong: 'var(--xp-success-text-strong)',
+        warningSurface: 'var(--xp-warning-surface)',
+        warningBg: 'var(--xp-warning-bg)',
+        warning: 'var(--xp-warning)',
+        warningText: 'var(--xp-warning-text)',
+        warningTextStrong: 'var(--xp-warning-text-strong)',
+        errorSurface: 'var(--xp-error-surface)',
+        error: 'var(--xp-error)',
+        errorText: 'var(--xp-error-text)'
+    },
+    radius: {
+        small: 'var(--xp-radius)',
+        large: 'var(--xp-radius-large)'
+    },
+    space: {
+        1: 'var(--xp-space-1)',
+        2: 'var(--xp-space-2)',
+        3: 'var(--xp-space-3)',
+        4: 'var(--xp-space-4)',
+        5: 'var(--xp-space-5)',
+        6: 'var(--xp-space-6)'
+    },
+    font: {
+        body: 'var(--xp-font-body)',
+        small: 'var(--xp-font-size-small)',
+        size: 'var(--xp-font-size-body)'
+    }
+};

package/dist/admin/views/ExperimentsRootView.js

@@ -18,7 +18,11 @@ export async function ExperimentsRootView({ initPageResult, params, searchParams
     let id;
     if (tail.length === 0) route = 'home';
     else if (tail.length === 1 && tail[0] === 'new') route = 'new';
-    else if (tail.length === 1) {
+    else if (tail.length === 1 && tail[0] === 'goals') route = 'goals';
+    else if (tail.length === 2 && tail[0] === 'goals') {
+        route = tail[1] === 'new' ? 'goalNew' : 'goal';
+        if (route === 'goal') id = tail[1];
+    } else if (tail.length === 1) {
         route = 'test';
         id = tail[0];
     } else if (tail.length === 2 && tail[1] === 'results') {
@@ -41,6 +45,8 @@ export async function ExperimentsRootView({ initPageResult, params, searchParams
             path: `${login}?redirect=${encodeURIComponent(currentPath)}`
         }));
     }
+    // Keep the server export importable in plain Node; Next loads the CSS-bearing client boundary when this view renders.
+    const { RootViewMessage } = await import('../components/RootViewMessage.js');
     const options = xpOptionsFromReq(req);
     async function permits(access) {
         try {
@@ -60,12 +66,7 @@ export async function ExperimentsRootView({ initPageResult, params, searchParams
         canManage,
         canReadResults
     }) !== 'ok') {
-        return /*#__PURE__*/ _jsx("div", {
-            style: {
-                padding: 'var(--base)',
-                color: 'var(--theme-text)',
-                background: 'var(--theme-bg)'
-            },
+        return /*#__PURE__*/ _jsx(RootViewMessage, {
             children: SURFACE_COPY.noAccess
         });
     }
@@ -131,7 +132,11 @@ export async function ExperimentsRootView({ initPageResult, params, searchParams
         }
     }))).flat() : undefined;
     const descriptions = options.admin?.descriptions;
+    const returnToTest = (await searchParams)?.return;
     const clientProps = {
+        ...typeof returnToTest === 'string' && /^[\w-]+$/.test(returnToTest) ? {
+            returnToTest
+        } : {},
         route,
         ...id === undefined ? {} : {
             id
@@ -155,6 +160,12 @@ export async function ExperimentsRootView({ initPageResult, params, searchParams
             }
         } : {}
     };
+    function TestsSurfaceFallback() {
+        return /*#__PURE__*/ _jsx(RootViewMessage, {
+            alert: true,
+            children: SURFACE_COPY.notInstalled
+        });
+    }
     return RenderServerComponent({
         Component: XP_TESTS_SURFACE,
         Fallback: TestsSurfaceFallback,
@@ -162,14 +173,3 @@ export async function ExperimentsRootView({ initPageResult, params, searchParams
         clientProps
     });
 }
-function TestsSurfaceFallback() {
-    return /*#__PURE__*/ _jsx("div", {
-        role: "alert",
-        style: {
-            padding: 'var(--base)',
-            color: 'var(--theme-text)',
-            background: 'var(--theme-bg)'
-        },
-        children: SURFACE_COPY.notInstalled
-    });
-}

package/dist/collections/events.js

@@ -4,6 +4,7 @@ export function eventsCollection(options) {
         slug: 'xp-events',
         graphQL: false,
         disableDuplicate: true,
+        versions: false,
         admin: {
             hidden: true
         },

package/dist/collections/identities.js

@@ -4,6 +4,7 @@ export function identitiesCollection(options) {
         slug: 'xp-identities',
         graphQL: false,
         disableDuplicate: true,
+        versions: false,
         admin: {
             hidden: true
         },

package/dist/collections/layers.js

@@ -12,6 +12,7 @@ export function layersCollection(options) {
         slug: 'xp-layers',
         graphQL: false,
         disableDuplicate: true,
+        versions: false,
         // group:false hides navigation while keeping collection routes reachable (hidden causes 404s).
         labels: {
             singular: 'Test group',

package/dist/collections/metricValidation.d.ts

@@ -0,0 +1,3 @@
+/** Shared with the goals form; preserve Payload's field validation messages. */
+export declare function validateCappingType(value: unknown, capValue: unknown, sourceKind?: string): true | string;
+export declare function validateCappingValue(value: unknown, type: unknown): true | string;

package/dist/collections/metricValidation.js

@@ -0,0 +1,9 @@
+/** Shared with the goals form; preserve Payload's field validation messages. */ export function validateCappingType(value, capValue, sourceKind) {
+    const hasCapping = value != null || capValue != null;
+    if (hasCapping && sourceKind && sourceKind !== 'revenue') return 'Count and yes-or-no goals cannot use a limit.';
+    return !hasCapping || value === 'percentile' || value === 'absolute' || 'Choose how to set the limit.';
+}
+export function validateCappingValue(value, type) {
+    if (value == null && !type) return true;
+    return typeof value === 'number' && Number.isFinite(value) && value >= 0 && (type === 'absolute' || type === 'percentile' && value > 0 && value <= 1) || 'Enter a valid limit (for past amounts, use a number greater than 0 and at most 1).';
+}

package/dist/collections/metrics.js

@@ -1,12 +1,14 @@
 import { XP_METRIC_SOURCE_SELECT } from '../admin/paths.js';
 import { managedAccess } from './access.js';
 import { serializeMetricSources } from './serialize.js';
+import { validateCappingType, validateCappingValue } from './metricValidation.js';
 export function metricsCollection(options) {
     const sources = serializeMetricSources(options);
     return {
         slug: 'xp-metrics',
         graphQL: false,
         disableDuplicate: true,
+        versions: false,
         // group:false hides navigation while keeping collection routes reachable (hidden causes 404s).
         labels: {
             singular: 'Goal',
@@ -125,10 +127,8 @@ export function metricsCollection(options) {
                             description: 'Choose whether the limit comes from past amounts or a fixed amount.'
                         },
                         validate: (value, { data, siblingData })=>{
-                            const hasCapping = value != null || siblingData?.value != null;
                             const source = sources.find((source)=>source.id === data?.source);
-                            if (hasCapping && source && source.kind !== 'revenue') return 'Count and yes-or-no goals cannot use a limit.';
-                            return !hasCapping || value === 'percentile' || value === 'absolute' || 'Choose how to set the limit.';
+                            return validateCappingType(value, siblingData?.value, source?.kind);
                         }
                     },
                     {
@@ -140,8 +140,7 @@ export function metricsCollection(options) {
                             description: 'For past amounts, enter how much of the usual range to keep, such as 0.99 to limit only the largest 1%; or enter a fixed amount.'
                         },
                         validate: (value, { siblingData })=>{
-                            if (value == null && !siblingData?.type) return true;
-                            return typeof value === 'number' && Number.isFinite(value) && value >= 0 && (siblingData?.type === 'absolute' || siblingData?.type === 'percentile' && value > 0 && value <= 1) || 'Enter a valid limit (for past amounts, use a number greater than 0 and at most 1).';
+                            return validateCappingValue(value, siblingData?.type);
                         }
                     }
                 ]

package/dist/collections/phases.js

@@ -4,6 +4,7 @@ export function phasesCollection(options) {
         slug: 'xp-phases',
         graphQL: false,
         disableDuplicate: true,
+        versions: false,
         admin: {
             hidden: true
         },

package/dist/collections/snapshots.js

@@ -4,6 +4,7 @@ export function snapshotsCollection(options) {
         slug: 'xp-results-snapshots',
         graphQL: false,
         disableDuplicate: true,
+        versions: false,
         admin: {
             hidden: true
         },

package/dist/exports/adminClient.d.ts

@@ -3,3 +3,4 @@ export { MetricSourceSelect } from '../admin/MetricSourceSelect.js';
 export { ArmSelectField } from '../admin/armSelect/ArmSelectField.js';
 export { TestsNavLink } from '../admin/TestsNavLink.js';
 export { TestsSurface } from '../admin/surface/TestsSurface.js';
+export { TestsDashboardCards } from '../admin/TestsDashboardCards.js';

package/dist/exports/adminClient.js

@@ -4,3 +4,4 @@ export { MetricSourceSelect } from '../admin/MetricSourceSelect.js';
 export { ArmSelectField } from '../admin/armSelect/ArmSelectField.js';
 export { TestsNavLink } from '../admin/TestsNavLink.js';
 export { TestsSurface } from '../admin/surface/TestsSurface.js';
+export { TestsDashboardCards } from '../admin/TestsDashboardCards.js';

package/dist/globals/state.js

@@ -4,6 +4,7 @@ export function stateGlobal(options) {
         slug: 'xp-state',
         dbName: 'xp_state',
         graphQL: false,
+        versions: false,
         admin: {
             hidden: true
         },

package/dist/plugin.js

@@ -15,6 +15,8 @@ export function createExperimentsPlugin(input) {
         // Erase the user subtype only at this non-generic factory boundary.
         const { collections, globals } = buildCollections(options);
         const onInit = createOnInit(options);
+        const beforeDashboard = config.admin?.components?.beforeDashboard ?? [];
+        const beforeNavLinks = config.admin?.components?.beforeNavLinks ?? [];
         return {
             ...config,
             admin: {
@@ -35,8 +37,12 @@ export function createExperimentsPlugin(input) {
                             path: '/experiments/:segments*'
                         }
                     },
-                    afterNavLinks: [
-                        ...config.admin?.components?.afterNavLinks ?? [],
+                    beforeDashboard: beforeDashboard.includes(paths.XP_TESTS_DASHBOARD_CARDS) ? beforeDashboard : [
+                        ...beforeDashboard,
+                        paths.XP_TESTS_DASHBOARD_CARDS
+                    ],
+                    beforeNavLinks: beforeNavLinks.includes(paths.XP_TESTS_NAV_LINK) ? beforeNavLinks : [
+                        ...beforeNavLinks,
                         paths.XP_TESTS_NAV_LINK
                     ]
                 }

package/dist/puck/editor/CreateExperimentDrawer.d.ts

@@ -1,4 +1,5 @@
 import type { ExperimentRef } from '../../types/puck.js';
+import './editor.css';
 export declare function CreateExperimentDrawer({ onCreate, onClose, initialName }: {
     initialName?: string;
     onCreate: (experiment: ExperimentRef) => void;

package/dist/puck/editor/CreateExperimentDrawer.js

@@ -3,8 +3,10 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useId, useRef, useState } from 'react';
 import { CreateRefused, createTest } from './createTest.js';
 import { editorCopy } from './copy.js';
+import './editor.css';
 export function CreateExperimentDrawer({ onCreate, onClose, initialName = '' }) {
     const titleId = useId();
+    const nameId = useId();
     const [name, setName] = useState(initialName);
     const inFlight = useRef(false);
     const [pending, setPending] = useState(false);
@@ -30,27 +32,26 @@ export function CreateExperimentDrawer({ onCreate, onClose, initialName = '' })
         }
     }
     return /*#__PURE__*/ _jsxs("aside", {
+        className: "xp-slot-root xp-slot-drawer",
         role: "dialog",
         "aria-labelledby": titleId,
-        style: {
-            padding: 16,
-            border: '1px solid #aaa',
-            background: 'Canvas',
-            color: 'CanvasText'
-        },
         children: [
             /*#__PURE__*/ _jsx("h3", {
+                className: "xp-slot-title",
                 id: titleId,
                 children: editorCopy.createLabel
             }),
-            /*#__PURE__*/ _jsxs("label", {
-                style: {
-                    display: 'block',
-                    marginBottom: 8
-                },
+            /*#__PURE__*/ _jsxs("div", {
+                className: "xp-slot-field",
                 children: [
-                    editorCopy.name,
+                    /*#__PURE__*/ _jsx("label", {
+                        className: "xp-slot-label",
+                        htmlFor: nameId,
+                        children: editorCopy.name
+                    }),
                     /*#__PURE__*/ _jsx("input", {
+                        className: "xp-slot-input",
+                        id: nameId,
                         value: name,
                         disabled: pending,
                         onChange: (event)=>setName(event.currentTarget.value)
@@ -58,22 +59,30 @@ export function CreateExperimentDrawer({ onCreate, onClose, initialName = '' })
                 ]
             }),
             error ? /*#__PURE__*/ _jsx("p", {
+                className: "xp-slot-error",
                 role: "alert",
                 children: error
             }) : null,
-            /*#__PURE__*/ _jsx("button", {
-                type: "button",
-                disabled: pending || !name.trim(),
-                onClick: ()=>{
-                    void submitNew();
-                },
-                children: pending ? editorCopy.creating : editorCopy.createLabel
-            }),
-            /*#__PURE__*/ _jsx("button", {
-                type: "button",
-                disabled: pending,
-                onClick: onClose,
-                children: editorCopy.cancel
+            /*#__PURE__*/ _jsxs("div", {
+                className: "xp-slot-actions",
+                children: [
+                    /*#__PURE__*/ _jsx("button", {
+                        className: "xp-slot-button xp-slot-button-primary",
+                        type: "button",
+                        disabled: pending || !name.trim(),
+                        onClick: ()=>{
+                            void submitNew();
+                        },
+                        children: pending ? editorCopy.creating : editorCopy.createLabel
+                    }),
+                    /*#__PURE__*/ _jsx("button", {
+                        className: "xp-slot-button",
+                        type: "button",
+                        disabled: pending,
+                        onClick: onClose,
+                        children: editorCopy.cancel
+                    })
+                ]
             })
         ]
     });

package/dist/puck/editor/ExperimentSlotEditor.d.ts

@@ -1,3 +1,4 @@
 import { type ComponentConfig } from '@puckeditor/core';
 import type { ExperimentSlotProps } from '../../types/puck.js';
+import './editor.css';
 export declare const ExperimentSlotEditor: ComponentConfig<ExperimentSlotProps>;