@mvriu5/payload-ai 0.5.9 → 1.1.1

package/dist/components/MentionPopover.d.ts

@@ -0,0 +1,19 @@
+import type { CSSProperties } from "react";
+import type { RefObject } from "react";
+export type MentionOption = {
+    collection?: string;
+    id?: string;
+    isDefault?: boolean;
+    label: string;
+    parent?: string;
+    slug: string;
+    type: "block" | "collection" | "doc" | "global" | "locale";
+};
+type MentionPopoverProps = {
+    containerRef?: RefObject<HTMLDivElement | null>;
+    suggestions: MentionOption[];
+    onSelect: (suggestion: MentionOption) => void;
+    style?: CSSProperties;
+};
+export declare const MentionPopover: ({ containerRef, onSelect, style, suggestions }: MentionPopoverProps) => import("react").JSX.Element | null;
+export {};

package/dist/components/MentionPopover.js

@@ -0,0 +1,95 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import styles from "./MentionPopover.module.css";
+const suggestionGroups = [
+    {
+        label: "Collections",
+        type: "collection"
+    },
+    {
+        label: "Documents",
+        type: "doc"
+    },
+    {
+        label: "Globals",
+        type: "global"
+    },
+    {
+        label: "Blocks",
+        type: "block"
+    },
+    {
+        label: "Locales",
+        type: "locale"
+    }
+];
+const getSuggestionTitle = (suggestion)=>{
+    if (suggestion.type === "collection") return `@${suggestion.slug}`;
+    if (suggestion.type === "global") return `@${suggestion.slug}`;
+    if (suggestion.type === "block") return `@${suggestion.slug}`;
+    if (suggestion.type === "locale") return `@${suggestion.slug}`;
+    return suggestion.label;
+};
+const getSuggestionLabel = (suggestion)=>{
+    if (suggestion.type === "collection") return suggestion.label;
+    if (suggestion.type === "global") return "global";
+    if (suggestion.type === "block") return `${suggestion.parent} block`;
+    if (suggestion.type === "locale") return suggestion.isDefault ? "default locale" : "locale";
+    return `${suggestion.collection} item`;
+};
+export const MentionPopover = ({ containerRef, onSelect, style, suggestions })=>{
+    if (suggestions.length === 0) return null;
+    const onKeyDown = (event, suggestion)=>{
+        if (event.key === "Enter" || event.key === " ") {
+            event.preventDefault();
+            onSelect(suggestion);
+            return;
+        }
+        if (event.key !== "ArrowDown" && event.key !== "ArrowUp") return;
+        const popover = event.currentTarget.closest(`.${styles.popover}`);
+        if (!popover) return;
+        const buttons = Array.from(popover.querySelectorAll("button"));
+        const currentIndex = buttons.indexOf(event.currentTarget);
+        if (currentIndex === -1) return;
+        event.preventDefault();
+        const nextIndex = event.key === "ArrowDown" ? Math.min(currentIndex + 1, buttons.length - 1) : Math.max(currentIndex - 1, 0);
+        buttons[nextIndex]?.focus();
+    };
+    const onMouseDown = (event, suggestion)=>{
+        event.preventDefault();
+        onSelect(suggestion);
+    };
+    return /*#__PURE__*/ _jsx("div", {
+        className: styles.popover,
+        ref: containerRef,
+        style: style,
+        children: suggestionGroups.map((group)=>{
+            const groupSuggestions = suggestions.filter((s)=>s.type === group.type);
+            if (groupSuggestions.length === 0) return null;
+            return /*#__PURE__*/ _jsxs("div", {
+                className: styles.group,
+                children: [
+                    /*#__PURE__*/ _jsx("div", {
+                        className: styles.groupLabel,
+                        children: group.label
+                    }),
+                    groupSuggestions.map((suggestion)=>/*#__PURE__*/ _jsxs("button", {
+                            className: styles.option,
+                            onMouseDown: (e)=>onMouseDown(e, suggestion),
+                            onKeyDown: (e)=>onKeyDown(e, suggestion),
+                            type: "button",
+                            children: [
+                                /*#__PURE__*/ _jsx("span", {
+                                    className: styles.slug,
+                                    children: getSuggestionTitle(suggestion)
+                                }),
+                                /*#__PURE__*/ _jsx("span", {
+                                    className: styles.label,
+                                    children: getSuggestionLabel(suggestion)
+                                })
+                            ]
+                        }, `${suggestion.type}-${suggestion.slug}-${suggestion.parent || ""}-${suggestion.collection || ""}-${suggestion.id || ""}`))
+                ]
+            }, group.type);
+        })
+    });
+};

package/dist/components/{CollectionMentionPopover.module.css → MentionPopover.module.css}

@@ -3,14 +3,12 @@
     border: 1px solid var(--theme-elevation-150);
     border-radius: 6px;
     box-shadow: 0 8px 24px rgb(0 0 0 / 12%);
-    left: 0;
     max-height: 220px;
     max-width: calc(100% - 96px);
     min-width: 260px;
     overflow: auto;
     padding: 6px;
     position: absolute;
-    top: calc(100% + 6px);
     z-index: 10;
 }
 

package/dist/components/hooks/useAISettings.d.ts

@@ -1,10 +1,12 @@
 import { type AIProvider } from "../../ai/providerOptions.js";
-export declare const useAISettings: ({ adminUserSlug, apiRoute, defaultModels, }: {
+interface UseAISettingsOptions {
     adminUserSlug?: string;
     apiRoute: string;
     defaultModels: Record<AIProvider, string>;
-}) => {
+}
+export declare const useAISettings: ({ adminUserSlug, apiRoute, defaultModels }: UseAISettingsOptions) => {
     selectedModel: string;
-    setSelectedModel: import("react").Dispatch<import("react").SetStateAction<string>>;
-    settingsProvider: "claude" | "google" | "mistral" | "openai" | null;
+    setSelectedModel: (model: string) => void;
+    settingsProvider: "claude" | "google" | "mistral" | "openai" | "openrouter" | null;
 };
+export {};

package/dist/components/hooks/useAISettings.js

@@ -2,10 +2,25 @@
 import { formatAdminURL } from "payload/shared";
 import { useEffect, useState } from "react";
 import { isAIProvider } from "../../ai/providerOptions.js";
-import { isAbortError } from "./utils.js";
+import { isAbortError } from "../../payload/shared.js";
+const getStoredModelKey = (provider)=>`payload-ai:selected-model:${provider}`;
+const getStoredModel = (provider)=>{
+    if (typeof window === "undefined") return null;
+    return window.localStorage.getItem(getStoredModelKey(provider));
+};
+const storeModel = (provider, model)=>{
+    if (typeof window === "undefined") return;
+    window.localStorage.setItem(getStoredModelKey(provider), model);
+};
 export const useAISettings = ({ adminUserSlug, apiRoute, defaultModels })=>{
     const [settingsProvider, setSettingsProvider] = useState(null);
     const [selectedModel, setSelectedModel] = useState("");
+    const setStoredSelectedModel = (model)=>{
+        setSelectedModel(model);
+        if (settingsProvider && model) {
+            storeModel(settingsProvider, model);
+        }
+    };
     useEffect(()=>{
         if (!adminUserSlug) {
             setSettingsProvider(null);
@@ -34,7 +49,7 @@ export const useAISettings = ({ adminUserSlug, apiRoute, defaultModels })=>{
                     return;
                 }
                 setSettingsProvider(provider);
-                setSelectedModel(defaultModels[provider]);
+                setSelectedModel(getStoredModel(provider) || defaultModels[provider]);
             } catch (err) {
                 if (isAbortError(err)) return;
                 setSettingsProvider(null);
@@ -50,7 +65,7 @@ export const useAISettings = ({ adminUserSlug, apiRoute, defaultModels })=>{
     ]);
     return {
         selectedModel,
-        setSelectedModel,
+        setSelectedModel: setStoredSelectedModel,
         settingsProvider
     };
 };

package/dist/components/hooks/useDocumentMentionSuggestions.d.ts

@@ -1,4 +1,4 @@
-import type { CollectionMentionOption } from "../CollectionMentionPopover.js";
+import type { MentionOption } from "../MentionPopover.js";
 type MentionRange = {
     end: number;
     start: number;
@@ -9,8 +9,8 @@ interface DocumentMentionSuggestions {
     mentionQuery: string;
     mentionRange: MentionRange | null;
 }
-export declare const useDocumentMentionSuggestions: ({ apiRoute, documentSuggestionCollection, mentionQuery, mentionRange, }: DocumentMentionSuggestions) => {
-    documentSuggestions: CollectionMentionOption[];
+export declare const useDocumentMentionSuggestions: ({ apiRoute, documentSuggestionCollection, mentionQuery, mentionRange }: DocumentMentionSuggestions) => {
+    documentSuggestions: MentionOption[];
     resetDocumentSuggestions: () => void;
 };
 export {};

package/dist/components/hooks/useDocumentMentionSuggestions.js

@@ -1,7 +1,7 @@
 "use client";
 import { formatAdminURL } from "payload/shared";
 import { useEffect, useState } from "react";
-import { isAbortError } from "./utils.js";
+import { isAbortError } from "../../payload/shared.js";
 export const useDocumentMentionSuggestions = ({ apiRoute, documentSuggestionCollection, mentionQuery, mentionRange })=>{
     const [documentSuggestions, setDocumentSuggestions] = useState([]);
     useEffect(()=>{
@@ -15,7 +15,7 @@ export const useDocumentMentionSuggestions = ({ apiRoute, documentSuggestionColl
             try {
                 const res = await fetch(formatAdminURL({
                     apiRoute,
-                    path: "/ai-mention-suggestions"
+                    path: "/ai-mention-suggestion"
                 }), {
                     body: JSON.stringify({
                         collectionSlug: documentSuggestionCollection,

package/dist/exports/client.d.ts

@@ -1,2 +1,4 @@
-export { AIInput } from "../components/AIInput.js";
-export { AIApiKeyField } from "../components/AIApiKeyField.js";
+import AIInput from "../components/AIInput.js";
+import APIKeyField from "../components/APIKeyField.js";
+export { AIInput };
+export { APIKeyField as AIApiKeyField };

package/dist/exports/client.js

@@ -1,2 +1,4 @@
-export { AIInput } from "../components/AIInput.js";
-export { AIApiKeyField } from "../components/AIApiKeyField.js";
+import AIInput from "../components/AIInput.js";
+import APIKeyField from "../components/APIKeyField.js";
+export { AIInput };
+export { APIKeyField as AIApiKeyField };

package/dist/handlers/applyActionHandler.d.ts

@@ -0,0 +1,8 @@
+import type { PayloadHandler } from "payload";
+import { type ResolvedCollectionPermissionMap } from "../payload/collectionPermissions.js";
+type ApplyActionOptions = {
+    changeLogCollection?: string;
+    collections?: ResolvedCollectionPermissionMap;
+};
+export declare const createApplyActionHandler: (options?: ApplyActionOptions) => PayloadHandler;
+export {};