@delmaredigital/payload-experiments 0.3.0-rc.4 → 0.4.0-rc.2

package/dist/options.js

@@ -49,7 +49,8 @@ export function resolveOptions(input) {
                 if (![
                     'block',
                     'document',
-                    'setting'
+                    'setting',
+                    'page'
                 ].includes(key)) throw new Error(`Unknown experiments admin.descriptions option: ${key}`);
                 if (value !== undefined && typeof value !== 'string') throw new Error(`Experiments admin.descriptions.${key} must be a string`);
             }
@@ -62,6 +63,31 @@ export function resolveOptions(input) {
             if (!entry || typeof entry.slug !== 'string' || !entry.slug.trim() || slugs.has(entry.slug) || typeof entry.pathOf !== 'function' || typeof entry.findByPath !== 'function') {
                 throw new Error('Experiments pages.collections requires unique slugs, pathOf and findByPath functions');
             }
+            if (entry.contentOf !== undefined && typeof entry.contentOf !== 'function') throw new Error('Experiments contentOf must be a function');
+            for (const [key, max] of [
+                [
+                    'copyHint',
+                    200
+                ],
+                [
+                    'copyLabel',
+                    40
+                ]
+            ]){
+                const value = entry[key];
+                if (value !== undefined && (typeof value !== 'string' || !value.trim() || value.length > max)) throw new Error(`Experiments ${key} must be a non-empty string of at most ${max} characters`);
+            }
+            if (entry.copyUrl !== undefined && !validCopyUrl(entry.copyUrl)) throw new Error('Experiments copyUrl must be a root-relative path');
+            if (entry.copyLabel !== undefined && entry.copyUrl === undefined) throw new Error('Experiments copyLabel requires copyUrl');
+            slugs.add(entry.slug);
+        }
+    }
+    if (input.blocks !== undefined) {
+        if (!input.blocks || !Array.isArray(input.blocks.collections) || !input.blocks.collections.length) throw new Error('Experiments blocks.collections must be a non-empty array');
+        const slugs = new Set();
+        for (const entry of input.blocks.collections){
+            if (!entry || typeof entry.slug !== 'string' || !entry.slug.trim() || slugs.has(entry.slug) || typeof entry.field !== 'string' || !entry.field.trim() || entry.blockSlug !== undefined && (typeof entry.blockSlug !== 'string' || !entry.blockSlug.trim()) || entry.appliesTo !== undefined && typeof entry.appliesTo !== 'function') throw new Error('Invalid experiments blocks collection');
+            if (puckCollections(input).some((puck)=>puck.slug === entry.slug) && !entry.appliesTo) throw new Error('A collection registered in puck and blocks requires appliesTo');
             slugs.add(entry.slug);
         }
     }
@@ -150,3 +176,17 @@ export function resolveOptions(input) {
         }
     };
 }
+function validCopyUrl(value) {
+    if (typeof value !== 'string' || !/^\/(?![/\\])/.test(value) || /[\s\x00-\x1f\x7f]/.test(value)) return false;
+    try {
+        return new URL(value, 'http://x').origin === 'http://x';
+    } catch  {
+        return false;
+    }
+}
+/** One published-row rule shared by scans, bindings, writes and editor links. */ export function documentEditor(options, collection, doc) {
+    const block = options.blocks?.collections.find((entry)=>entry.slug === collection);
+    const puck = options.puck?.enabled !== false && puckCollections(options).some((entry)=>entry.slug === collection);
+    if (block && (block.appliesTo ? block.appliesTo(doc) : true)) return 'blocks';
+    return puck ? 'puck' : 'page';
+}

package/dist/plugin.js

@@ -1,9 +1,11 @@
 import { buildCollections } from './collections/index.js';
 import { buildEndpoints } from './endpoints/index.js';
 import { contentChangesBeforeHook, contentChangesHook } from './hooks/contentChanges.js';
-import { pageGuardAfterOperation, pageGuardBeforeChange, pageGuardBeforeDelete, pageGuardBeforeOperation } from './hooks/pageGuard.js';
+import { puckGoalsBeforeChange } from './hooks/puckGoals.js';
+import { pageGuardAfterChange, pageGuardAfterOperation, pageGuardBeforeChange, pageGuardBeforeDelete, pageGuardBeforeOperation } from './hooks/pageGuard.js';
 import { createOnInit } from './onInit.js';
 import { puckCollections, resolveOptions } from './options.js';
+import { injectTestBlock } from './admin/blocks/inject.js';
 import * as paths from './admin/paths.js';
 export function createExperimentsPlugin(input) {
     const options = resolveOptions(input);
@@ -15,12 +17,13 @@ export function createExperimentsPlugin(input) {
         for (const { slug } of options.pages?.collections ?? []){
             if (!config.collections?.some((collection)=>collection.slug === slug)) throw new Error(`Unknown experiments page collection: ${slug}`);
         }
+        for (const { slug } of options.blocks?.collections ?? []){
+            if (!config.collections?.some((collection)=>collection.slug === slug)) throw new Error(`Unknown experiments blocks collection: ${slug}`);
+        }
         // The frozen factories consume registration/access metadata, never TUser callbacks.
         // 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: {
@@ -30,10 +33,6 @@ export function createExperimentsPlugin(input) {
                     xpTestsSurface: {
                         path: paths.XP_TESTS_SURFACE,
                         type: 'component'
-                    },
-                    xpTestsNav: {
-                        path: paths.XP_TESTS_NAV_CLIENT,
-                        type: 'component'
                     }
                 },
                 components: {
@@ -44,59 +43,67 @@ export function createExperimentsPlugin(input) {
                             Component: paths.XP_TESTS_VIEW,
                             path: '/experiments/:segments*'
                         }
-                    },
-                    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
-                    ]
+                    }
                 }
             },
             collections: [
+                ...[
+                    'xp-experiments',
+                    'xp-metrics'
+                ].map((slug)=>collections.find((collection)=>collection.slug === slug)),
                 ...(config.collections ?? []).map((collection)=>{
-                    const puck = options.puck?.enabled && registrations.some((entry)=>entry.slug === collection.slug);
+                    const puck = options.puck?.enabled && registrations.find((entry)=>entry.slug === collection.slug);
                     const page = options.pages?.collections.some((entry)=>entry.slug === collection.slug);
-                    if (!puck && !page) return collection;
+                    const blocks = options.blocks?.collections.find((entry)=>entry.slug === collection.slug);
+                    if (!puck && !page && !blocks) return collection;
                     return {
                         ...collection,
+                        fields: [
+                            ...page ? [
+                                {
+                                    name: 'xpPlacementStatus',
+                                    type: 'ui',
+                                    admin: {
+                                        position: 'sidebar',
+                                        components: {
+                                            Field: paths.XP_PLACEMENT_STATUS
+                                        }
+                                    }
+                                }
+                            ] : [],
+                            ...blocks ? injectTestBlock(collection.fields, blocks) : collection.fields
+                        ],
                         hooks: {
                             ...collection.hooks,
                             beforeChange: [
                                 ...collection.hooks?.beforeChange ?? [],
-                                ...page ? [
-                                    pageGuardBeforeChange
-                                ] : [],
+                                pageGuardBeforeChange,
+                                contentChangesBeforeHook,
                                 ...puck ? [
-                                    contentChangesBeforeHook
+                                    puckGoalsBeforeChange(puck.field)
                                 ] : []
                             ],
-                            ...page ? {
-                                beforeOperation: [
-                                    ...collection.hooks?.beforeOperation ?? [],
-                                    pageGuardBeforeOperation
-                                ],
-                                beforeDelete: [
-                                    ...collection.hooks?.beforeDelete ?? [],
-                                    pageGuardBeforeDelete
-                                ],
-                                afterOperation: [
-                                    pageGuardAfterOperation,
-                                    ...collection.hooks?.afterOperation ?? []
-                                ]
-                            } : {},
-                            ...puck ? {
-                                afterChange: [
-                                    ...collection.hooks?.afterChange ?? [],
-                                    contentChangesHook
-                                ]
-                            } : {}
+                            beforeOperation: [
+                                ...collection.hooks?.beforeOperation ?? [],
+                                pageGuardBeforeOperation
+                            ],
+                            beforeDelete: [
+                                ...collection.hooks?.beforeDelete ?? [],
+                                pageGuardBeforeDelete
+                            ],
+                            afterOperation: [
+                                pageGuardAfterOperation,
+                                ...collection.hooks?.afterOperation ?? []
+                            ],
+                            afterChange: [
+                                ...collection.hooks?.afterChange ?? [],
+                                pageGuardAfterChange,
+                                contentChangesHook
+                            ]
                         }
                     };
                 }),
-                ...collections
+                ...collections.filter((collection)=>collection.slug !== 'xp-experiments' && collection.slug !== 'xp-metrics')
             ],
             globals: [
                 ...config.globals ?? [],

package/dist/puck/copy.d.ts

@@ -1,3 +1,4 @@
+export declare const categoryTitle = "A/B tests";
 export declare const slotLabels: {
     readonly control: "Original";
     readonly variantA: "Variant A";

package/dist/puck/copy.js

@@ -1,4 +1,5 @@
 import { ARM_LABELS } from '../labels/arms.js';
+export const categoryTitle = 'A/B tests';
 export const slotLabels = {
     control: ARM_LABELS.control,
     variantA: ARM_LABELS.variantA,

package/dist/puck/editor/editor.chrome.css

@@ -119,3 +119,17 @@
 .xp-slot-readout { display: grid; gap: var(--xp-space-2); }
 .xp-slot-readout > .xp-ui-button { justify-self: start; }
 .xp-slot-editor .xp-ui-tablist { flex: 1 1 auto; min-width: 0; flex-wrap: wrap; }
+.xp-slot-root.xp-puck-field { display: grid; gap: var(--xp-space-3); min-width: 0; }
+
+/* Puck's inline field sidebar stays light, including under Payload's dark-mode text overrides. */
+[class*="_PuckFields"] .xp-slot-root .xp-ui-button--secondary { color: var(--xp-text); }
+[class*="_PuckFields"] .xp-slot-root .xp-ui-button--primary { color: var(--xp-accent-fg); }
+[class*="_PuckFields"] .xp-slot-root .xp-ui-error { color: var(--xp-error); }
+[class*="_PuckFields"] .xp-slot-root .xp-ui-help { color: var(--xp-text-2); }
+[class*="_PuckFields"] .xp-slot-root .xp-ui-field label { color: var(--xp-text); }
+[class*="_PuckFields"] .xp-puck-field .xp-ui-button:disabled {
+  opacity: 1;
+  background: var(--xp-surface-3);
+  border-color: var(--xp-border-strong);
+  color: var(--xp-text-2);
+}

package/dist/puck/editor/editor.css

@@ -55,6 +55,7 @@
   --xp-space-3: 12px;
   --xp-space-4: 16px;
   --xp-space-5: 20px;
+  --xp-field-gap: calc((20 / 13) * 1rem);
   --xp-space-6: 24px;
   --xp-space-7: 28px;
   --xp-space-8: 32px;
@@ -141,6 +142,7 @@
   --xp-space-3: 12px;
   --xp-space-4: 16px;
   --xp-space-5: 20px;
+  --xp-field-gap: calc((20 / 13) * 1rem);
   --xp-space-6: 24px;
   --xp-space-7: 28px;
   --xp-space-8: 32px;
@@ -170,6 +172,92 @@
   --xp-font-size-body: 15px;
 }
 
+[class*="_PuckFields"] .xp-slot-root {
+  --xp-bg: rgb(245, 245, 245);
+  --xp-surface: rgb(255, 255, 255);
+  --xp-surface-2: rgb(235, 235, 235);
+  --xp-surface-3: rgb(221, 221, 221);
+  --xp-border: rgb(235, 235, 235);
+  --xp-border-strong: rgb(195, 195, 195);
+  --xp-text: rgb(34, 34, 34);
+  --xp-text-2: rgb(87, 87, 87);
+  --xp-text-3: rgb(141, 141, 141);
+  --xp-accent: rgb(47, 47, 47);
+  --xp-accent-hover: rgb(20, 20, 20);
+  --xp-accent-active: rgb(7, 7, 7);
+  --xp-accent-subtle: rgb(208, 208, 208);
+  --xp-accent-fg: rgb(255, 255, 255);
+  --xp-accent-text: rgb(34, 34, 34);
+  --xp-accent-text-decoration: none;
+  --xp-focus: rgb(47, 47, 47);
+  --xp-series-muted: rgb(181, 181, 181);
+  --xp-success: #1a6a3a;
+  --xp-success-bg: #e8f4ec;
+  --xp-success-border: #bddfc9;
+  --xp-warning: #8a5a0b;
+  --xp-warning-bg: #fbf3e1;
+  --xp-warning-border: #ecd6a2;
+  --xp-error: #a63030;
+  --xp-error-bg: #fbeaea;
+  --xp-error-border: #efc3c3;
+  --xp-series-a: #2a78d6;
+  --xp-series-b: #eb6834;
+  --xp-series-c: #8056b3;
+  --xp-radius-control: 8px;
+  --xp-radius-card: 12px;
+  --xp-radius-chip: 6px;
+  --xp-font: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
+  --xp-mono: 'SF Mono', Menlo, Consolas, Monaco, monospace;
+  --xp-text-display: 600 28px/32px -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
+  --xp-text-title: 600 20px/28px -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
+  --xp-text-body: 400 15px/22px -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
+  --xp-text-small: 400 13px/18px -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
+  --xp-motion: 120ms;
+  --xp-space-half: 2px;
+  --xp-space-one-half: 6px;
+  --xp-version-share-width: 96px;
+  --xp-version-share-width-mobile: 84px;
+  --xp-version-state-width: 192px;
+  --xp-version-remove-width: 128px;
+  --xp-targeting-attribute-width: 150px;
+  --xp-targeting-comparison-width: 140px;
+  --xp-legend-key-size: 10px;
+  --xp-legend-key-radius: 3px;
+  --xp-space-1: 4px;
+  --xp-space-2: 8px;
+  --xp-space-3: 12px;
+  --xp-space-4: 16px;
+  --xp-space-5: 20px;
+  --xp-field-gap: calc((20 / 13) * 1rem);
+  --xp-space-6: 24px;
+  --xp-space-7: 28px;
+  --xp-space-8: 32px;
+  --xp-surface-raised: rgb(235, 235, 235);
+  --xp-border-control: rgb(195, 195, 195);
+  --xp-input-border: rgb(181, 181, 181);
+  --xp-border-accent: rgb(154, 154, 154);
+  --xp-text-muted: rgb(87, 87, 87);
+  --xp-text-strong: rgb(34, 34, 34);
+  --xp-text-emphasis: rgb(34, 34, 34);
+  --xp-input-bg: rgb(255, 255, 255);
+  --xp-overlay: rgba(5, 5, 5, 0.5);
+  --xp-success-surface: #e8f4ec;
+  --xp-success-text: #1a6a3a;
+  --xp-success-text-strong: #1a6a3a;
+  --xp-warning-surface: #fbf3e1;
+  --xp-warning-text: #8a5a0b;
+  --xp-warning-text-strong: #8a5a0b;
+  --xp-error-surface: #fbeaea;
+  --xp-error-text: #a63030;
+  --xp-radius: 8px;
+  --xp-radius-large: 12px;
+  --xp-dash-card-gap: 12px;
+  --xp-dash-card-gap-small: 8px;
+  --xp-font-body: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
+  --xp-font-size-small: 13px;
+  --xp-font-size-body: 15px;
+}
+
 /* Shared primitives: no host palette references, and no global element resets. */
 .xp-ui-chips, .xp-ui-chips-control, .xp-ui-chips-item, .xp-ui-button, .xp-ui-input, .xp-ui-toggle, .xp-ui-tab, .xp-ui-dialog, .xp-ui-card { box-sizing: border-box; }
 .xp-ui-button { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 36px; padding: 7px 14px; border-radius: var(--xp-radius-control); border: 1px solid transparent; font: 500 14px/20px var(--xp-font); color: var(--xp-text); background: transparent; cursor: pointer; white-space: normal; overflow-wrap: anywhere; max-width: 100%; min-width: 0; text-decoration: none; transition: background-color var(--xp-motion), border-color var(--xp-motion), color var(--xp-motion); }
@@ -246,6 +334,10 @@
 .xp-ui-chips p:not(.xp-ui-error) { margin: 0; color: var(--xp-text-muted); font-size: var(--xp-font-size-small); }
 /* Quiet actions and breadcrumb links stay neutral; only the selected tab takes the text accent. */
 .xp-ui-button-group { display: flex; flex-wrap: wrap; gap: 8px; min-width: 0; max-width: 100%; }
+.xp-ui-inline-row { display: flex; flex-wrap: wrap; align-items: end; gap: var(--xp-space-3); min-width: 0; }
+.xp-ui-inline-row > .xp-ui-field { flex: 1 1 auto; min-width: 0; }
+.xp-ui-inline-row > .xp-ui-button { flex: 0 0 auto; }
+.xp-ui-subpanel { display: grid; gap: var(--xp-space-3); border: 1px solid var(--xp-border); border-radius: var(--xp-radius-card); padding: var(--xp-space-4); }
 @media (prefers-reduced-motion: reduce) {
   .xp-ui-button, .xp-ui-input, .xp-ui-toggle, .xp-ui-toggle::before, .xp-ui-chips-control { transition: none; }
 }
@@ -384,3 +476,17 @@
 .xp-slot-readout { display: grid; gap: var(--xp-space-2); }
 .xp-slot-readout > .xp-ui-button { justify-self: start; }
 .xp-slot-editor .xp-ui-tablist { flex: 1 1 auto; min-width: 0; flex-wrap: wrap; }
+.xp-slot-root.xp-puck-field { display: grid; gap: var(--xp-space-3); min-width: 0; }
+
+/* Puck's inline field sidebar stays light, including under Payload's dark-mode text overrides. */
+[class*="_PuckFields"] .xp-slot-root .xp-ui-button--secondary { color: var(--xp-text); }
+[class*="_PuckFields"] .xp-slot-root .xp-ui-button--primary { color: var(--xp-accent-fg); }
+[class*="_PuckFields"] .xp-slot-root .xp-ui-error { color: var(--xp-error); }
+[class*="_PuckFields"] .xp-slot-root .xp-ui-help { color: var(--xp-text-2); }
+[class*="_PuckFields"] .xp-slot-root .xp-ui-field label { color: var(--xp-text); }
+[class*="_PuckFields"] .xp-puck-field .xp-ui-button:disabled {
+  opacity: 1;
+  background: var(--xp-surface-3);
+  border-color: var(--xp-border-strong);
+  color: var(--xp-text-2);
+}

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

@@ -17,10 +17,11 @@ export declare function bannerFor(status?: Status | null, winner?: string): stri
 export declare function slugify(name: string): string;
 /** Complete draft defaults, shared by the page hand-off and setting creation. */
 export declare function newTestBody(input: {
-    kind: 'block' | 'flag';
+    kind: 'block' | 'flag' | 'page';
     name: string;
     slug: string;
     unitType: UnitType;
+    pageCollection?: string;
     flagPoint?: string;
     layer?: DocId;
     hypothesis?: string;
@@ -28,9 +29,10 @@ export declare function newTestBody(input: {
     hypothesis?: string | undefined;
     layer?: DocId | undefined;
     flagPoint?: string | undefined;
+    pageCollection?: string | undefined;
     name: string;
     slug: string;
-    kind: "block" | "flag";
+    kind: "block" | "page" | "flag";
     unitType: UnitType;
     exposurePolicy: string;
     arms: Arm[];

package/dist/puck/editor/editor.model.js

@@ -32,7 +32,7 @@ export function slugify(name) {
     return name.normalize('NFKD').replace(/[\u0300-\u036f]/g, '').toLowerCase().replace(/[^a-z0-9]+/g, '-').replace(/^-+|-+$/g, '').slice(0, 64).replace(/-+$/g, '');
 }
 /** Complete draft defaults, shared by the page hand-off and setting creation. */ export function newTestBody(input) {
-    const { kind, name, slug, unitType, flagPoint, layer, hypothesis } = input;
+    const { kind, name, slug, unitType, flagPoint, layer, hypothesis, pageCollection } = input;
     const arms = [
         {
             key: 'control',
@@ -57,13 +57,16 @@ export function slugify(name) {
         name,
         slug,
         kind,
-        unitType,
-        exposurePolicy: kind === 'block' ? 'render' : 'manual',
+        unitType: kind === 'page' ? 'visitor' : unitType,
+        exposurePolicy: kind === 'block' ? 'render' : kind === 'page' ? 'pageview' : 'manual',
         arms,
         allocation: 100,
         analysis: {
             plannedDurationDays: 28
         },
+        ...pageCollection === undefined ? {} : {
+            pageCollection
+        },
         ...flagPoint === undefined ? {} : {
             flagPoint
         },

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

@@ -0,0 +1,10 @@
+import { type ExperimentsPuckIntegration } from '../../types/puck.js';
+import type { PuckRoutes } from '../routes.js';
+/**
+ * Call once at module scope in a 'use client' module. A new object per render
+ * rebuilds Puck's config and plugin list.
+ */
+export declare function experimentsPuckEditor({ routes, accent }?: {
+    routes?: PuckRoutes;
+    accent?: string;
+}): ExperimentsPuckIntegration;

package/dist/puck/editor/integration.js

@@ -0,0 +1,30 @@
+'use client';
+import { EXPERIMENT_SLOT_TYPE } from '../../types/puck.js';
+import { categoryTitle } from '../copy.js';
+import { createExperimentSlotEditor } from './ExperimentSlotEditor.js';
+import { experimentOutlinePlugin } from './experimentOutlinePlugin.js';
+/**
+ * Call once at module scope in a 'use client' module. A new object per render
+ * rebuilds Puck's config and plugin list.
+ */ export function experimentsPuckEditor({ routes, accent } = {}) {
+    return {
+        name: 'experiments',
+        components: {
+            [EXPERIMENT_SLOT_TYPE]: createExperimentSlotEditor({
+                routes,
+                accent
+            })
+        },
+        categories: {
+            experiments: {
+                title: categoryTitle,
+                components: [
+                    EXPERIMENT_SLOT_TYPE
+                ]
+            }
+        },
+        plugins: [
+            experimentOutlinePlugin()
+        ]
+    };
+}

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

@@ -0,0 +1,7 @@
+import type { CustomField } from '@puckeditor/core';
+import { type PuckRoutes } from '../routes.js';
+import './editor.css';
+/** Editor config only. The render config keeps xpGoalPuckField() from /puck. */
+export declare function xpGoalPuckEditorField(options?: {
+    routes?: PuckRoutes;
+}): CustomField<string>;

package/dist/puck/editor/xpGoalPuckEditorField.js

@@ -0,0 +1,142 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useId } from 'react';
+import { useClickGoalPicker } from '../../goals/picker/useClickGoalPicker.js';
+import { CLICK_GOAL_COPY as C } from '../../goals/picker/copy.js';
+import { TextInput, Select } from '../../ui/Inputs.js';
+import { Button } from '../../ui/Button.js';
+import { resolvePuckRoutes } from '../routes.js';
+import './editor.css';
+function XpGoalPuckEditor({ value, onChange, api, readOnly }) {
+    const picker = useClickGoalPicker(api, {
+        onSelect: onChange
+    });
+    const id = useId();
+    const stopEnter = (event)=>{
+        if (event.key === 'Enter') {
+            event.preventDefault();
+            event.stopPropagation();
+        }
+    };
+    return /*#__PURE__*/ _jsxs("div", {
+        className: "xp-slot-root xp-puck-field",
+        children: [
+            /*#__PURE__*/ _jsx(TextInput, {
+                id: `${id}-value`,
+                label: C.label,
+                value: value ?? '',
+                readOnly: readOnly,
+                onChange: (event)=>onChange(event.currentTarget.value)
+            }),
+            picker.canManage && !readOnly ? /*#__PURE__*/ _jsxs(_Fragment, {
+                children: [
+                    /*#__PURE__*/ _jsxs("div", {
+                        className: "xp-ui-inline-row",
+                        children: [
+                            /*#__PURE__*/ _jsxs(Select, {
+                                id: `${id}-picker`,
+                                label: C.choose,
+                                value: picker.goals.some((goal)=>goal.slug === value) ? value : '',
+                                onChange: (event)=>{
+                                    if (event.currentTarget.value) onChange(event.currentTarget.value);
+                                },
+                                children: [
+                                    /*#__PURE__*/ _jsx("option", {
+                                        value: "",
+                                        children: C.choose
+                                    }),
+                                    picker.goals.map((goal)=>/*#__PURE__*/ _jsx("option", {
+                                            value: goal.slug,
+                                            children: goal.name
+                                        }, goal.id))
+                                ]
+                            }),
+                            !picker.panel.open ? /*#__PURE__*/ _jsx(Button, {
+                                type: "button",
+                                onClick: picker.open,
+                                children: C.newGoal
+                            }) : null
+                        ]
+                    }),
+                    picker.undefinedKey(value ?? '') ? /*#__PURE__*/ _jsx("p", {
+                        className: "xp-ui-help",
+                        role: "status",
+                        children: C.undefinedKey
+                    }) : null,
+                    picker.panel.open ? /*#__PURE__*/ _jsxs("section", {
+                        className: "xp-ui-subpanel",
+                        "aria-labelledby": `${id}-title`,
+                        children: [
+                            /*#__PURE__*/ _jsx("h3", {
+                                id: `${id}-title`,
+                                children: C.title
+                            }),
+                            /*#__PURE__*/ _jsx(TextInput, {
+                                id: `${id}-name`,
+                                label: C.name,
+                                value: picker.panel.name,
+                                disabled: picker.panel.pending,
+                                onKeyDown: stopEnter,
+                                onChange: (event)=>picker.setName(event.currentTarget.value)
+                            }),
+                            /*#__PURE__*/ _jsxs("details", {
+                                open: picker.panel.advanced,
+                                onToggle: (event)=>picker.setAdvanced(event.currentTarget.open),
+                                children: [
+                                    /*#__PURE__*/ _jsx("summary", {
+                                        children: C.advanced
+                                    }),
+                                    /*#__PURE__*/ _jsx(TextInput, {
+                                        id: `${id}-slug`,
+                                        label: C.slug,
+                                        value: picker.panel.slug,
+                                        disabled: picker.panel.pending,
+                                        onKeyDown: stopEnter,
+                                        error: picker.panel.errors.slug,
+                                        onChange: (event)=>picker.setSlug(event.currentTarget.value)
+                                    })
+                                ]
+                            }),
+                            picker.panel.errors.general ? /*#__PURE__*/ _jsx("p", {
+                                className: "xp-ui-error",
+                                role: "alert",
+                                children: picker.panel.errors.general
+                            }) : null,
+                            /*#__PURE__*/ _jsxs("div", {
+                                className: "xp-ui-button-group",
+                                children: [
+                                    /*#__PURE__*/ _jsx(Button, {
+                                        type: "button",
+                                        variant: "primary",
+                                        disabled: picker.panel.pending || !picker.panel.name.trim(),
+                                        onClick: ()=>void picker.create(),
+                                        children: C.createGoal
+                                    }),
+                                    /*#__PURE__*/ _jsx(Button, {
+                                        type: "button",
+                                        disabled: picker.panel.pending,
+                                        onClick: picker.cancel,
+                                        children: C.cancel
+                                    })
+                                ]
+                            })
+                        ]
+                    }) : null
+                ]
+            }) : null
+        ]
+    });
+}
+/** Editor config only. The render config keeps xpGoalPuckField() from /puck. */ export function xpGoalPuckEditorField(options) {
+    const routes = resolvePuckRoutes(options?.routes);
+    return {
+        type: 'custom',
+        label: C.label,
+        render: ({ value, onChange, readOnly })=>/*#__PURE__*/ _jsx(XpGoalPuckEditor, {
+                value: value,
+                onChange: onChange,
+                api: routes.api,
+                readOnly: readOnly
+            })
+    };
+}

package/dist/puck/integration.d.ts

@@ -0,0 +1,6 @@
+import { type ExperimentsPuckIntegration } from '../types/puck.js';
+import type { PuckRoutes } from './routes.js';
+/** Bundle the test block and its sidebar category for a host render config. */
+export declare function experimentsPuck({ routes }?: {
+    routes?: PuckRoutes;
+}): ExperimentsPuckIntegration;

package/dist/puck/integration.js

@@ -0,0 +1,21 @@
+import { EXPERIMENT_SLOT_TYPE } from '../types/puck.js';
+import { createExperimentSlot } from './ExperimentSlot.js';
+import { categoryTitle } from './copy.js';
+/** Bundle the test block and its sidebar category for a host render config. */ export function experimentsPuck({ routes } = {}) {
+    return {
+        name: 'experiments',
+        components: {
+            [EXPERIMENT_SLOT_TYPE]: createExperimentSlot({
+                routes
+            })
+        },
+        categories: {
+            experiments: {
+                title: categoryTitle,
+                components: [
+                    EXPERIMENT_SLOT_TYPE
+                ]
+            }
+        }
+    };
+}

package/dist/puck/xpGoalField.d.ts

@@ -0,0 +1,3 @@
+import type { TextField } from '@puckeditor/core';
+/** Prop config only. Components render xpGoal as data-xp-goal. */
+export declare function xpGoalPuckField(): TextField;