@ai-stack/payloadcms 3.2.24-beta → 3.68.0

package/dist/ui/ProviderOptionsEditor/index.jsx

@@ -0,0 +1,210 @@
+'use client';
+import { RenderFields, useField, useFormFields } from '@payloadcms/ui';
+import React, { useEffect, useMemo, useState } from 'react';
+import { allProviderBlocks } from '../../ai/providers/blocks/index.js';
+/**
+ * Find a field by name within a block's fields, searching through tabs
+ */
+function findFieldInBlock(block, fieldName) {
+    const searchFields = (fields) => {
+        for (const field of fields) {
+            if ('name' in field && field.name === fieldName) {
+                return field;
+            }
+            if (field.type === 'tabs' && 'tabs' in field) {
+                for (const tab of field.tabs) {
+                    const found = searchFields(tab.fields);
+                    if (found) {
+                        return found;
+                    }
+                }
+            }
+            if (field.type === 'group' && 'fields' in field) {
+                const found = searchFields(field.fields);
+                if (found) {
+                    return found;
+                }
+            }
+        }
+        return undefined;
+    };
+    return searchFields(block.fields);
+}
+/**
+ * Get provider options fields for a given provider and use case
+ */
+function getProviderOptionsFields(providerSlug, useCase) {
+    const block = allProviderBlocks.find((b) => b.slug === providerSlug);
+    if (!block) {
+        return [];
+    }
+    const groupName = `${useCase}ProviderOptions`;
+    const optionsGroup = findFieldInBlock(block, groupName);
+    if (optionsGroup && optionsGroup.type === 'group' && 'fields' in optionsGroup) {
+        return optionsGroup.fields;
+    }
+    return [];
+}
+export const ProviderOptionsEditor = (props) => {
+    const { path } = props;
+    // Get parent path to find sibling provider field
+    const parentPath = path.split('.').slice(0, -1).join('.');
+    const providerField = useFormFields(([fields]) => fields[`${parentPath}.provider`]);
+    const provider = providerField?.value;
+    // Infer use case from path
+    // Handles:
+    // - AISettings: 'defaults.text.options' -> useCase is 'text'
+    // - Instructions: 'text-settings.providerOptions' -> useCase is 'text'
+    const useCase = useMemo(() => {
+        // Check for AISettings paths first (e.g., 'defaults.text.options')
+        const pathParts = path.split('.');
+        const parentName = pathParts[pathParts.length - 2];
+        if (['image', 'text', 'tts', 'video'].includes(parentName)) {
+            return parentName;
+        }
+        // Check for Instructions paths
+        if (path.includes('tts-settings')) {
+            return 'tts';
+        }
+        if (path.includes('image-settings')) {
+            return 'image';
+        }
+        if (path.includes('video-settings')) {
+            return 'video';
+        }
+        return 'text';
+    }, [path]);
+    const { setValue, value } = useField({ path });
+    const [aiSettings, setAiSettings] = useState(null);
+    // Fetch AI Settings to get current provider defaults
+    useEffect(() => {
+        fetch('/api/globals/ai-settings?depth=1')
+            .then((res) => res.json())
+            .then((data) => setAiSettings(data))
+            .catch((err) => console.error('Error fetching AI settings:', err));
+    }, []);
+    // Get the configured default options from AI Settings for this provider
+    const configuredDefaults = useMemo(() => {
+        if (!provider || !aiSettings) {
+            return null;
+        }
+        const providerBlock = aiSettings.providers?.find((p) => p.blockType === provider && p.enabled);
+        if (!providerBlock) {
+            return null;
+        }
+        // Get provider options by use case
+        const optionsKey = `${useCase}ProviderOptions`;
+        return providerBlock[optionsKey] || null;
+    }, [provider, useCase, aiSettings]);
+    // Get field definitions from provider block
+    const fields = useMemo(() => {
+        if (!provider) {
+            return [];
+        }
+        return getProviderOptionsFields(provider, useCase);
+    }, [provider, useCase]);
+    // Check if there are any overrides set
+    const hasOverrides = useMemo(() => {
+        return value && Object.keys(value).length > 0;
+    }, [value]);
+    if (!provider) {
+        return (<div className="field-type" style={{ padding: '12px 0' }}>
+        <p style={{ color: 'var(--theme-elevation-600)', fontSize: '13px', margin: 0 }}>
+          Please select a provider first to configure options.
+        </p>
+      </div>);
+    }
+    if (fields.length === 0) {
+        return (<div className="field-type" style={{ padding: '12px 0' }}>
+        <p style={{ color: 'var(--theme-elevation-600)', fontSize: '13px', margin: 0 }}>
+          No configurable options available for {provider} ({useCase}).
+        </p>
+      </div>);
+    }
+    return (<div className="field-type provider-options-editor">
+      <div style={{ marginBottom: '16px' }}>
+        <label className="field-label" style={{ display: 'block', marginBottom: '8px' }}>
+          Provider Options
+        </label>
+
+        {configuredDefaults && (<div style={{
+                background: 'var(--theme-elevation-50)',
+                border: '1px solid var(--theme-elevation-100)',
+                borderRadius: '4px',
+                fontSize: '12px',
+                marginBottom: '12px',
+                padding: '12px',
+            }}>
+            <div style={{
+                alignItems: 'center',
+                display: 'flex',
+                justifyContent: 'space-between',
+                marginBottom: '8px',
+            }}>
+              <strong style={{ color: 'var(--theme-elevation-800)' }}>
+                Defaults from AI Settings
+              </strong>
+              <span style={{
+                background: 'var(--theme-elevation-100)',
+                borderRadius: '10px',
+                color: 'var(--theme-elevation-500)',
+                fontSize: '11px',
+                padding: '2px 8px',
+            }}>
+                Inherited
+              </span>
+            </div>
+            <div style={{
+                color: 'var(--theme-elevation-600)',
+                display: 'flex',
+                flexWrap: 'wrap',
+                gap: '8px',
+            }}>
+              {Object.entries(configuredDefaults).map(([key, val]) => {
+                // Skip nested objects for display
+                if (typeof val === 'object' && val !== null) {
+                    return null;
+                }
+                return (<span key={key} style={{
+                        background: 'var(--theme-elevation-100)',
+                        borderRadius: '3px',
+                        fontSize: '11px',
+                        padding: '2px 6px',
+                    }}>
+                    {key}: <strong>{String(val)}</strong>
+                  </span>);
+            })}
+            </div>
+          </div>)}
+
+        <p style={{
+            color: 'var(--theme-elevation-500)',
+            fontSize: '12px',
+            fontStyle: 'italic',
+            marginBottom: '12px',
+        }}>
+          Override defaults for this specific field. Empty values inherit from AI Settings.
+        </p>
+      </div>
+
+      <RenderFields fields={fields} forceRender margins="small" parentIndexPath="" parentPath={path} parentSchemaPath={path} permissions={true}/>
+
+      {hasOverrides && (<button onClick={() => setValue({})} onMouseEnter={(e) => {
+                e.currentTarget.style.background = 'var(--theme-elevation-100)';
+            }} onMouseLeave={(e) => {
+                e.currentTarget.style.background = 'transparent';
+            }} style={{
+                background: 'transparent',
+                border: '1px solid var(--theme-elevation-200)',
+                borderRadius: '4px',
+                color: 'var(--theme-text)',
+                cursor: 'pointer',
+                fontSize: '13px',
+                marginTop: '12px',
+                padding: '8px 16px',
+                transition: 'all 0.15s ease',
+            }} type="button">
+          Reset to Defaults
+        </button>)}
+    </div>);
+};

package/dist/ui/VoicesFetcher/index.d.ts

@@ -0,0 +1,7 @@
+import type { FieldClientComponent } from 'payload';
+/**
+ * VoicesFetcher Component
+ * Fetches voices from ElevenLabs API (server-side) and populates the voices array field
+ * SECURE: API key is never exposed to the client
+ */
+export declare const VoicesFetcher: FieldClientComponent;

package/dist/ui/VoicesFetcher/index.js

@@ -0,0 +1,72 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button, useForm } from '@payloadcms/ui';
+import React, { useCallback, useState } from 'react';
+import { PLUGIN_API_ENDPOINT_FETCH_VOICES } from '../../defaults.js';
+/**
+ * VoicesFetcher Component
+ * Fetches voices from ElevenLabs API (server-side) and populates the voices array field
+ * SECURE: API key is never exposed to the client
+ */ export const VoicesFetcher = ({ path })=>{
+    const [loading, setLoading] = useState(false);
+    const { dispatchFields } = useForm();
+    // Get the parent path (the block path)
+    const fieldPath = path || '';
+    const blockPath = fieldPath.split('.').slice(0, -1).join('.');
+    const voicesPath = `${blockPath}.voices`;
+    const fetchVoices = useCallback(async ()=>{
+        setLoading(true);
+        try {
+            // Call server endpoint - it will read the API key from the database
+            const response = await fetch(`/api${PLUGIN_API_ENDPOINT_FETCH_VOICES}`, {
+                headers: {
+                    'Content-Type': 'application/json'
+                },
+                method: 'POST'
+            });
+            if (!response.ok) {
+                const error = await response.json();
+                throw new Error(error.message || 'Failed to fetch voices');
+            }
+            const data = await response.json();
+            // Update the voices field with fetched voices
+            dispatchFields({
+                type: 'UPDATE',
+                path: voicesPath,
+                value: data.voices || []
+            });
+            alert(`Successfully fetched ${data.voices?.length || 0} voices!`);
+        } catch (error) {
+            alert(`Error: ${error instanceof Error ? error.message : 'Failed to fetch voices'}`);
+        } finally{
+            setLoading(false);
+        }
+    }, [
+        dispatchFields,
+        voicesPath
+    ]);
+    return /*#__PURE__*/ _jsxs("div", {
+        style: {
+            marginBottom: '20px'
+        },
+        children: [
+            /*#__PURE__*/ _jsx(Button, {
+                buttonStyle: "secondary",
+                disabled: loading,
+                onClick: fetchVoices,
+                size: "medium",
+                children: loading ? 'Fetching Voices...' : 'Fetch Voices from ElevenLabs'
+            }),
+            /*#__PURE__*/ _jsx("p", {
+                style: {
+                    color: 'var(--theme-elevation-600)',
+                    fontSize: '13px',
+                    marginTop: '8px'
+                },
+                children: "This will fetch all available voices from your ElevenLabs account. Make sure you have saved your API key in the Setup tab first."
+            })
+        ]
+    });
+};
+
+//# sourceMappingURL=index.js.map

package/dist/ui/VoicesFetcher/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/ui/VoicesFetcher/index.tsx"],"sourcesContent":["'use client'\n\nimport type { FieldClientComponent } from 'payload'\n\nimport { Button, useForm } from '@payloadcms/ui'\nimport React, { useCallback, useState } from 'react'\n\nimport { PLUGIN_API_ENDPOINT_FETCH_VOICES } from '../../defaults.js'\n\n/**\n * VoicesFetcher Component\n * Fetches voices from ElevenLabs API (server-side) and populates the voices array field\n * SECURE: API key is never exposed to the client\n */\nexport const VoicesFetcher: FieldClientComponent = ({ path }) => {\n  const [loading, setLoading] = useState(false)\n  const { dispatchFields } = useForm()\n\n  // Get the parent path (the block path)\n  const fieldPath = (path as string) || ''\n  const blockPath = fieldPath.split('.').slice(0, -1).join('.')\n  const voicesPath = `${blockPath}.voices`\n\n  const fetchVoices = useCallback(async () => {\n    setLoading(true)\n\n    try {\n      // Call server endpoint - it will read the API key from the database\n      const response = await fetch(`/api${PLUGIN_API_ENDPOINT_FETCH_VOICES}`, {\n        headers: {\n          'Content-Type': 'application/json',\n        },\n        method: 'POST',\n      })\n\n      if (!response.ok) {\n        const error = await response.json()\n        throw new Error(error.message || 'Failed to fetch voices')\n      }\n\n      const data = await response.json()\n\n      // Update the voices field with fetched voices\n      dispatchFields({\n        type: 'UPDATE',\n        path: voicesPath,\n        value: data.voices || [],\n      })\n\n      alert(`Successfully fetched ${data.voices?.length || 0} voices!`)\n    } catch (error) {\n      alert(`Error: ${error instanceof Error ? error.message : 'Failed to fetch voices'}`)\n    } finally {\n      setLoading(false)\n    }\n  }, [dispatchFields, voicesPath])\n\n  return (\n    <div style={{ marginBottom: '20px' }}>\n      <Button buttonStyle=\"secondary\" disabled={loading} onClick={fetchVoices} size=\"medium\">\n        {loading ? 'Fetching Voices...' : 'Fetch Voices from ElevenLabs'}\n      </Button>\n      <p style={{ color: 'var(--theme-elevation-600)', fontSize: '13px', marginTop: '8px' }}>\n        This will fetch all available voices from your ElevenLabs account. Make sure you have saved\n        your API key in the Setup tab first.\n      </p>\n    </div>\n  )\n}\n"],"names":["Button","useForm","React","useCallback","useState","PLUGIN_API_ENDPOINT_FETCH_VOICES","VoicesFetcher","path","loading","setLoading","dispatchFields","fieldPath","blockPath","split","slice","join","voicesPath","fetchVoices","response","fetch","headers","method","ok","error","json","Error","message","data","type","value","voices","alert","length","div","style","marginBottom","buttonStyle","disabled","onClick","size","p","color","fontSize","marginTop"],"mappings":"AAAA;;AAIA,SAASA,MAAM,EAAEC,OAAO,QAAQ,iBAAgB;AAChD,OAAOC,SAASC,WAAW,EAAEC,QAAQ,QAAQ,QAAO;AAEpD,SAASC,gCAAgC,QAAQ,oBAAmB;AAEpE;;;;CAIC,GACD,OAAO,MAAMC,gBAAsC,CAAC,EAAEC,IAAI,EAAE;IAC1D,MAAM,CAACC,SAASC,WAAW,GAAGL,SAAS;IACvC,MAAM,EAAEM,cAAc,EAAE,GAAGT;IAE3B,uCAAuC;IACvC,MAAMU,YAAY,AAACJ,QAAmB;IACtC,MAAMK,YAAYD,UAAUE,KAAK,CAAC,KAAKC,KAAK,CAAC,GAAG,CAAC,GAAGC,IAAI,CAAC;IACzD,MAAMC,aAAa,CAAC,EAAEJ,UAAU,OAAO,CAAC;IAExC,MAAMK,cAAcd,YAAY;QAC9BM,WAAW;QAEX,IAAI;YACF,oEAAoE;YACpE,MAAMS,WAAW,MAAMC,MAAM,CAAC,IAAI,EAAEd,iCAAiC,CAAC,EAAE;gBACtEe,SAAS;oBACP,gBAAgB;gBAClB;gBACAC,QAAQ;YACV;YAEA,IAAI,CAACH,SAASI,EAAE,EAAE;gBAChB,MAAMC,QAAQ,MAAML,SAASM,IAAI;gBACjC,MAAM,IAAIC,MAAMF,MAAMG,OAAO,IAAI;YACnC;YAEA,MAAMC,OAAO,MAAMT,SAASM,IAAI;YAEhC,8CAA8C;YAC9Cd,eAAe;gBACbkB,MAAM;gBACNrB,MAAMS;gBACNa,OAAOF,KAAKG,MAAM,IAAI,EAAE;YAC1B;YAEAC,MAAM,CAAC,qBAAqB,EAAEJ,KAAKG,MAAM,EAAEE,UAAU,EAAE,QAAQ,CAAC;QAClE,EAAE,OAAOT,OAAO;YACdQ,MAAM,CAAC,OAAO,EAAER,iBAAiBE,QAAQF,MAAMG,OAAO,GAAG,yBAAyB,CAAC;QACrF,SAAU;YACRjB,WAAW;QACb;IACF,GAAG;QAACC;QAAgBM;KAAW;IAE/B,qBACE,MAACiB;QAAIC,OAAO;YAAEC,cAAc;QAAO;;0BACjC,KAACnC;gBAAOoC,aAAY;gBAAYC,UAAU7B;gBAAS8B,SAASrB;gBAAasB,MAAK;0BAC3E/B,UAAU,uBAAuB;;0BAEpC,KAACgC;gBAAEN,OAAO;oBAAEO,OAAO;oBAA8BC,UAAU;oBAAQC,WAAW;gBAAM;0BAAG;;;;AAM7F,EAAC"}

package/dist/ui/VoicesFetcher/index.jsx

@@ -0,0 +1,56 @@
+'use client';
+import { Button, useForm } from '@payloadcms/ui';
+import React, { useCallback, useState } from 'react';
+import { PLUGIN_API_ENDPOINT_FETCH_VOICES } from '../../defaults.js';
+/**
+ * VoicesFetcher Component
+ * Fetches voices from ElevenLabs API (server-side) and populates the voices array field
+ * SECURE: API key is never exposed to the client
+ */
+export const VoicesFetcher = ({ path }) => {
+    const [loading, setLoading] = useState(false);
+    const { dispatchFields } = useForm();
+    // Get the parent path (the block path)
+    const fieldPath = path || '';
+    const blockPath = fieldPath.split('.').slice(0, -1).join('.');
+    const voicesPath = `${blockPath}.voices`;
+    const fetchVoices = useCallback(async () => {
+        setLoading(true);
+        try {
+            // Call server endpoint - it will read the API key from the database
+            const response = await fetch(`/api${PLUGIN_API_ENDPOINT_FETCH_VOICES}`, {
+                headers: {
+                    'Content-Type': 'application/json',
+                },
+                method: 'POST',
+            });
+            if (!response.ok) {
+                const error = await response.json();
+                throw new Error(error.message || 'Failed to fetch voices');
+            }
+            const data = await response.json();
+            // Update the voices field with fetched voices
+            dispatchFields({
+                type: 'UPDATE',
+                path: voicesPath,
+                value: data.voices || [],
+            });
+            alert(`Successfully fetched ${data.voices?.length || 0} voices!`);
+        }
+        catch (error) {
+            alert(`Error: ${error instanceof Error ? error.message : 'Failed to fetch voices'}`);
+        }
+        finally {
+            setLoading(false);
+        }
+    }, [dispatchFields, voicesPath]);
+    return (<div style={{ marginBottom: '20px' }}>
+      <Button buttonStyle="secondary" disabled={loading} onClick={fetchVoices} size="medium">
+        {loading ? 'Fetching Voices...' : 'Fetch Voices from ElevenLabs'}
+      </Button>
+      <p style={{ color: 'var(--theme-elevation-600)', fontSize: '13px', marginTop: '8px' }}>
+        This will fetch all available voices from your ElevenLabs account. Make sure you have saved
+        your API key in the Setup tab first.
+      </p>
+    </div>);
+};

package/dist/utilities/encryption.d.ts

@@ -0,0 +1,2 @@
+export declare function encrypt(text: string, secret: string): string;
+export declare function decrypt(text: string, secret: string): string;

package/dist/utilities/encryption.js

@@ -0,0 +1,47 @@
+import crypto from 'crypto';
+const algorithm = 'aes-256-cbc';
+const ivLength = 16;
+export function encrypt(text, secret) {
+    if (!text) {
+        return text;
+    }
+    if (!secret) {
+        throw new Error('No secret provided for encryption');
+    }
+    // Ensure secret is 32 bytes
+    const key = crypto.createHash('sha256').update(secret).digest();
+    const iv = crypto.randomBytes(ivLength);
+    const cipher = crypto.createCipheriv(algorithm, key, iv);
+    let encrypted = cipher.update(text);
+    encrypted = Buffer.concat([
+        encrypted,
+        cipher.final()
+    ]);
+    return iv.toString('hex') + ':' + encrypted.toString('hex');
+}
+export function decrypt(text, secret) {
+    if (!text) {
+        return text;
+    }
+    if (!secret) {
+        throw new Error('No secret provided for decryption');
+    }
+    try {
+        const textParts = text.split(':');
+        const iv = Buffer.from(textParts.shift(), 'hex');
+        const encryptedText = Buffer.from(textParts.join(':'), 'hex');
+        const key = crypto.createHash('sha256').update(secret).digest();
+        const decipher = crypto.createDecipheriv(algorithm, key, iv);
+        let decrypted = decipher.update(encryptedText);
+        decrypted = Buffer.concat([
+            decrypted,
+            decipher.final()
+        ]);
+        return decrypted.toString();
+    } catch (e) {
+        // If decryption fails, return original text (might be already plain or invalid)
+        return text;
+    }
+}
+
+//# sourceMappingURL=encryption.js.map

package/dist/utilities/encryption.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/utilities/encryption.ts"],"sourcesContent":["import crypto from 'crypto'\n\nconst algorithm = 'aes-256-cbc'\nconst ivLength = 16\n\nexport function encrypt(text: string, secret: string): string {\n  if (!text) {return text}\n  if (!secret) {throw new Error('No secret provided for encryption')}\n\n  // Ensure secret is 32 bytes\n  const key = crypto.createHash('sha256').update(secret).digest()\n  const iv = crypto.randomBytes(ivLength)\n  const cipher = crypto.createCipheriv(algorithm, key, iv)\n  let encrypted = cipher.update(text)\n  encrypted = Buffer.concat([encrypted, cipher.final()])\n  return iv.toString('hex') + ':' + encrypted.toString('hex')\n}\n\nexport function decrypt(text: string, secret: string): string {\n  if (!text) {return text}\n  if (!secret) {throw new Error('No secret provided for decryption')}\n\n  try {\n    const textParts = text.split(':')\n    const iv = Buffer.from(textParts.shift()!, 'hex')\n    const encryptedText = Buffer.from(textParts.join(':'), 'hex')\n    const key = crypto.createHash('sha256').update(secret).digest()\n    const decipher = crypto.createDecipheriv(algorithm, key, iv)\n    let decrypted = decipher.update(encryptedText)\n    decrypted = Buffer.concat([decrypted, decipher.final()])\n    return decrypted.toString()\n  } catch (e) {\n    // If decryption fails, return original text (might be already plain or invalid)\n    return text\n  }\n}\n"],"names":["crypto","algorithm","ivLength","encrypt","text","secret","Error","key","createHash","update","digest","iv","randomBytes","cipher","createCipheriv","encrypted","Buffer","concat","final","toString","decrypt","textParts","split","from","shift","encryptedText","join","decipher","createDecipheriv","decrypted","e"],"mappings":"AAAA,OAAOA,YAAY,SAAQ;AAE3B,MAAMC,YAAY;AAClB,MAAMC,WAAW;AAEjB,OAAO,SAASC,QAAQC,IAAY,EAAEC,MAAc;IAClD,IAAI,CAACD,MAAM;QAAC,OAAOA;IAAI;IACvB,IAAI,CAACC,QAAQ;QAAC,MAAM,IAAIC,MAAM;IAAoC;IAElE,4BAA4B;IAC5B,MAAMC,MAAMP,OAAOQ,UAAU,CAAC,UAAUC,MAAM,CAACJ,QAAQK,MAAM;IAC7D,MAAMC,KAAKX,OAAOY,WAAW,CAACV;IAC9B,MAAMW,SAASb,OAAOc,cAAc,CAACb,WAAWM,KAAKI;IACrD,IAAII,YAAYF,OAAOJ,MAAM,CAACL;IAC9BW,YAAYC,OAAOC,MAAM,CAAC;QAACF;QAAWF,OAAOK,KAAK;KAAG;IACrD,OAAOP,GAAGQ,QAAQ,CAAC,SAAS,MAAMJ,UAAUI,QAAQ,CAAC;AACvD;AAEA,OAAO,SAASC,QAAQhB,IAAY,EAAEC,MAAc;IAClD,IAAI,CAACD,MAAM;QAAC,OAAOA;IAAI;IACvB,IAAI,CAACC,QAAQ;QAAC,MAAM,IAAIC,MAAM;IAAoC;IAElE,IAAI;QACF,MAAMe,YAAYjB,KAAKkB,KAAK,CAAC;QAC7B,MAAMX,KAAKK,OAAOO,IAAI,CAACF,UAAUG,KAAK,IAAK;QAC3C,MAAMC,gBAAgBT,OAAOO,IAAI,CAACF,UAAUK,IAAI,CAAC,MAAM;QACvD,MAAMnB,MAAMP,OAAOQ,UAAU,CAAC,UAAUC,MAAM,CAACJ,QAAQK,MAAM;QAC7D,MAAMiB,WAAW3B,OAAO4B,gBAAgB,CAAC3B,WAAWM,KAAKI;QACzD,IAAIkB,YAAYF,SAASlB,MAAM,CAACgB;QAChCI,YAAYb,OAAOC,MAAM,CAAC;YAACY;YAAWF,SAAST,KAAK;SAAG;QACvD,OAAOW,UAAUV,QAAQ;IAC3B,EAAE,OAAOW,GAAG;QACV,gFAAgF;QAChF,OAAO1B;IACT;AACF"}

package/dist/utilities/extractImageData.d.ts

@@ -5,5 +5,14 @@ type ImageData = {
         url: string;
     };
 }[];
+/**
+ * Extracts hardcoded image URLs from text using regex.
+ *
+ * NOTE: This only handles direct URLs in the text.
+ * For @field references, use resolveImageReferences utility instead.
+ *
+ * @param input - Text containing image URLs
+ * @returns Array of extracted image data
+ */
 export declare function extractImageData(input: string): ImageData;
 export {};

package/dist/utilities/extractImageData.js

@@ -1,7 +1,17 @@
-export function extractImageData(input) {
+/**
+ * Extracts hardcoded image URLs from text using regex.
+ * 
+ * NOTE: This only handles direct URLs in the text.
+ * For @field references, use resolveImageReferences utility instead.
+ * 
+ * @param input - Text containing image URLs
+ * @returns Array of extracted image data
+ */ export function extractImageData(input) {
     const regex = /(?:https?:)?\/[\w%\-.,/]+\.(png|jpe?g|webp)/gi;
     const matches = input.match(regex);
-    if (!matches) return [];
+    if (!matches) {
+        return [];
+    }
     return matches.map((url)=>{
         const decodedUrl = decodeURIComponent(url);
         const parts = decodedUrl.split('/');

package/dist/utilities/extractImageData.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/utilities/extractImageData.ts"],"sourcesContent":["type ImageData = {\n  image: { name: string; type: string; url: string }\n}[]\n\nexport function extractImageData(input: string): ImageData {\n  const regex = /(?:https?:)?\\/[\\w%\\-.,/]+\\.(png|jpe?g|webp)/gi\n  const matches = input.match(regex)\n\n  if (!matches) return []\n\n  return matches.map((url) => {\n    const decodedUrl = decodeURIComponent(url)\n    const parts = decodedUrl.split('/')\n    const filename = parts[parts.length - 1]\n    const name = filename.replace(/\\.(png|jpe?g|webp)$/i, '')\n    const typeMatch = filename.match(/\\.(png|jpe?g|webp)$/i)\n    const type = typeMatch ? typeMatch[1].toLowerCase() : 'unknown'\n\n    return {\n      image: {\n        name,\n        type,\n        url,\n      },\n    }\n  })\n}\n"],"names":["extractImageData","input","regex","matches","match","map","url","decodedUrl","decodeURIComponent","parts","split","filename","length","name","replace","typeMatch","type","toLowerCase","image"],"mappings":"AAIA,OAAO,SAASA,iBAAiBC,KAAa;IAC5C,MAAMC,QAAQ;IACd,MAAMC,UAAUF,MAAMG,KAAK,CAACF;IAE5B,IAAI,CAACC,SAAS,OAAO,EAAE;IAEvB,OAAOA,QAAQE,GAAG,CAAC,CAACC;QAClB,MAAMC,aAAaC,mBAAmBF;QACtC,MAAMG,QAAQF,WAAWG,KAAK,CAAC;QAC/B,MAAMC,WAAWF,KAAK,CAACA,MAAMG,MAAM,GAAG,EAAE;QACxC,MAAMC,OAAOF,SAASG,OAAO,CAAC,wBAAwB;QACtD,MAAMC,YAAYJ,SAASP,KAAK,CAAC;QACjC,MAAMY,OAAOD,YAAYA,SAAS,CAAC,EAAE,CAACE,WAAW,KAAK;QAEtD,OAAO;YACLC,OAAO;gBACLL;gBACAG;gBACAV;YACF;QACF;IACF;AACF"}
+{"version":3,"sources":["../../src/utilities/extractImageData.ts"],"sourcesContent":["type ImageData = {\n  image: { name: string; type: string; url: string }\n}[]\n\n/**\n * Extracts hardcoded image URLs from text using regex.\n * \n * NOTE: This only handles direct URLs in the text.\n * For @field references, use resolveImageReferences utility instead.\n * \n * @param input - Text containing image URLs\n * @returns Array of extracted image data\n */\nexport function extractImageData(input: string): ImageData {\n  const regex = /(?:https?:)?\\/[\\w%\\-.,/]+\\.(png|jpe?g|webp)/gi\n  const matches = input.match(regex)\n\n  if (!matches) {return []}\n\n  return matches.map((url) => {\n    const decodedUrl = decodeURIComponent(url)\n    const parts = decodedUrl.split('/')\n    const filename = parts[parts.length - 1]\n    const name = filename.replace(/\\.(png|jpe?g|webp)$/i, '')\n    const typeMatch = filename.match(/\\.(png|jpe?g|webp)$/i)\n    const type = typeMatch ? typeMatch[1].toLowerCase() : 'unknown'\n\n    return {\n      image: {\n        name,\n        type,\n        url,\n      },\n    }\n  })\n}\n"],"names":["extractImageData","input","regex","matches","match","map","url","decodedUrl","decodeURIComponent","parts","split","filename","length","name","replace","typeMatch","type","toLowerCase","image"],"mappings":"AAIA;;;;;;;;CAQC,GACD,OAAO,SAASA,iBAAiBC,KAAa;IAC5C,MAAMC,QAAQ;IACd,MAAMC,UAAUF,MAAMG,KAAK,CAACF;IAE5B,IAAI,CAACC,SAAS;QAAC,OAAO,EAAE;IAAA;IAExB,OAAOA,QAAQE,GAAG,CAAC,CAACC;QAClB,MAAMC,aAAaC,mBAAmBF;QACtC,MAAMG,QAAQF,WAAWG,KAAK,CAAC;QAC/B,MAAMC,WAAWF,KAAK,CAACA,MAAMG,MAAM,GAAG,EAAE;QACxC,MAAMC,OAAOF,SAASG,OAAO,CAAC,wBAAwB;QACtD,MAAMC,YAAYJ,SAASP,KAAK,CAAC;QACjC,MAAMY,OAAOD,YAAYA,SAAS,CAAC,EAAE,CAACE,WAAW,KAAK;QAEtD,OAAO;YACLC,OAAO;gBACLL;gBACAG;gBACAV;YACF;QACF;IACF;AACF"}

package/dist/utilities/fetchImages.d.ts

@@ -0,0 +1,14 @@
+import type { ImagePart } from 'ai';
+import type { PayloadRequest } from 'payload';
+export interface FetchableImage {
+    image: {
+        mimeType?: string;
+        thumbnailURL?: string;
+        url: string;
+    };
+}
+/**
+ * Fetches images from a list of objects containing URLs (and optional thumbnails/mimetypes)
+ * and converts them to AI SDK compatible ImageParts.
+ */
+export declare function fetchImages(req: PayloadRequest, images: FetchableImage[]): Promise<ImagePart[]>;

package/dist/utilities/fetchImages.js

@@ -0,0 +1,38 @@
+import * as process from 'node:process';
+/**
+ * Fetches images from a list of objects containing URLs (and optional thumbnails/mimetypes)
+ * and converts them to AI SDK compatible ImageParts.
+ */ export async function fetchImages(req, images) {
+    const imageParts = [];
+    for (const img of images){
+        const serverURL = req.payload.config?.serverURL || process.env.SERVER_URL || process.env.NEXT_PUBLIC_SERVER_URL;
+        let url = img.image.thumbnailURL || img.image.url;
+        if (!url.startsWith('http')) {
+            url = `${String(serverURL)}${String(url)}`;
+        }
+        try {
+            const response = await fetch(url, {
+                headers: {
+                    Authorization: `Bearer ${req.headers.get('Authorization')?.split('Bearer ')[1] || ''}`
+                },
+                method: 'GET'
+            });
+            if (!response.ok) {
+                throw new Error(`Failed to fetch image: ${response.statusText}`);
+            }
+            const blob = await response.blob();
+            const arrayBuffer = await blob.arrayBuffer();
+            imageParts.push({
+                type: 'image',
+                image: arrayBuffer,
+                mediaType: img.image.mimeType || blob.type || 'image/png'
+            });
+        } catch (e) {
+            req.payload.logger.error(e, `Error fetching reference image ${url}`);
+            throw new Error("We couldn't fetch the images. Please ensure the images are accessible and hosted publicly.");
+        }
+    }
+    return imageParts;
+}
+
+//# sourceMappingURL=fetchImages.js.map

package/dist/utilities/fetchImages.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/utilities/fetchImages.ts"],"sourcesContent":["import type { ImagePart } from 'ai'\nimport type { PayloadRequest } from 'payload'\n\nimport * as process from 'node:process'\n\nexport interface FetchableImage {\n  image: {\n    mimeType?: string\n    thumbnailURL?: string\n    url: string\n  }\n}\n\n/**\n * Fetches images from a list of objects containing URLs (and optional thumbnails/mimetypes)\n * and converts them to AI SDK compatible ImageParts.\n */\nexport async function fetchImages(\n  req: PayloadRequest,\n  images: FetchableImage[],\n): Promise<ImagePart[]> {\n  const imageParts: ImagePart[] = []\n\n  for (const img of images) {\n    const serverURL =\n      req.payload.config?.serverURL ||\n      process.env.SERVER_URL ||\n      process.env.NEXT_PUBLIC_SERVER_URL\n\n    let url = img.image.thumbnailURL || img.image.url\n    if (!url.startsWith('http')) {\n      url = `${String(serverURL)}${String(url)}`\n    }\n\n    try {\n      const response = await fetch(url, {\n        headers: {\n          Authorization: `Bearer ${req.headers.get('Authorization')?.split('Bearer ')[1] || ''}`,\n        },\n        method: 'GET',\n      })\n\n      if (!response.ok) {\n        throw new Error(`Failed to fetch image: ${response.statusText}`)\n      }\n\n      const blob = await response.blob()\n      const arrayBuffer = await blob.arrayBuffer()\n\n      imageParts.push({\n        type: 'image',\n        image: arrayBuffer,\n        mediaType: img.image.mimeType || blob.type || 'image/png',\n      })\n    } catch (e) {\n      req.payload.logger.error(e, `Error fetching reference image ${url}`)\n      throw new Error(\n        \"We couldn't fetch the images. Please ensure the images are accessible and hosted publicly.\",\n      )\n    }\n  }\n\n  return imageParts\n}\n"],"names":["process","fetchImages","req","images","imageParts","img","serverURL","payload","config","env","SERVER_URL","NEXT_PUBLIC_SERVER_URL","url","image","thumbnailURL","startsWith","String","response","fetch","headers","Authorization","get","split","method","ok","Error","statusText","blob","arrayBuffer","push","type","mediaType","mimeType","e","logger","error"],"mappings":"AAGA,YAAYA,aAAa,eAAc;AAUvC;;;CAGC,GACD,OAAO,eAAeC,YACpBC,GAAmB,EACnBC,MAAwB;IAExB,MAAMC,aAA0B,EAAE;IAElC,KAAK,MAAMC,OAAOF,OAAQ;QACxB,MAAMG,YACJJ,IAAIK,OAAO,CAACC,MAAM,EAAEF,aACpBN,QAAQS,GAAG,CAACC,UAAU,IACtBV,QAAQS,GAAG,CAACE,sBAAsB;QAEpC,IAAIC,MAAMP,IAAIQ,KAAK,CAACC,YAAY,IAAIT,IAAIQ,KAAK,CAACD,GAAG;QACjD,IAAI,CAACA,IAAIG,UAAU,CAAC,SAAS;YAC3BH,MAAM,CAAC,EAAEI,OAAOV,WAAW,EAAEU,OAAOJ,KAAK,CAAC;QAC5C;QAEA,IAAI;YACF,MAAMK,WAAW,MAAMC,MAAMN,KAAK;gBAChCO,SAAS;oBACPC,eAAe,CAAC,OAAO,EAAElB,IAAIiB,OAAO,CAACE,GAAG,CAAC,kBAAkBC,MAAM,UAAU,CAAC,EAAE,IAAI,GAAG,CAAC;gBACxF;gBACAC,QAAQ;YACV;YAEA,IAAI,CAACN,SAASO,EAAE,EAAE;gBAChB,MAAM,IAAIC,MAAM,CAAC,uBAAuB,EAAER,SAASS,UAAU,CAAC,CAAC;YACjE;YAEA,MAAMC,OAAO,MAAMV,SAASU,IAAI;YAChC,MAAMC,cAAc,MAAMD,KAAKC,WAAW;YAE1CxB,WAAWyB,IAAI,CAAC;gBACdC,MAAM;gBACNjB,OAAOe;gBACPG,WAAW1B,IAAIQ,KAAK,CAACmB,QAAQ,IAAIL,KAAKG,IAAI,IAAI;YAChD;QACF,EAAE,OAAOG,GAAG;YACV/B,IAAIK,OAAO,CAAC2B,MAAM,CAACC,KAAK,CAACF,GAAG,CAAC,+BAA+B,EAAErB,IAAI,CAAC;YACnE,MAAM,IAAIa,MACR;QAEJ;IACF;IAEA,OAAOrB;AACT"}

package/dist/utilities/fieldToJsonSchema.d.ts

@@ -8,6 +8,7 @@
  * Arrays are emitted only when field.hasMany is true and the field type supports hasMany
  * (text, textarea, select; for others only if your config truly sets hasMany).
  */
+import type { Field } from 'payload';
 export type JsonSchema = Record<string, any>;
 type BaseField = {
     admin?: {
@@ -30,7 +31,7 @@ type BaseField = {
     type?: string;
     typescriptSchema?: unknown;
 };
-export declare function fieldToJsonSchema(fieldInput: BaseField, opts?: {
+export declare function fieldToJsonSchema(fieldInput: BaseField & Field, opts?: {
     nameOverride?: string;
     wrapObject?: boolean;
 }): JsonSchema;

package/dist/utilities/fieldToJsonSchema.js

@@ -124,6 +124,67 @@ export function fieldToJsonSchema(fieldInput, opts) {
     const type = field.type;
     let valueSchema = null;
     switch(type){
+        case 'array':
+        case 'group':
+            {
+                if ('fields' in field && Array.isArray(field.fields)) {
+                    const properties = {};
+                    const required = [];
+                    const processFields = (fields)=>{
+                        for (const subField of fields){
+                            if (subField.type === 'row' || subField.type === 'collapsible') {
+                                if (subField.fields) {
+                                    processFields(subField.fields);
+                                }
+                                continue;
+                            }
+                            if (!subField.name) {
+                                continue;
+                            }
+                            const subSchema = fieldToJsonSchema(subField, {
+                                wrapObject: false
+                            });
+                            if (subSchema && Object.keys(subSchema).length > 0) {
+                                properties[subField.name] = subSchema;
+                                if (subField.required) {
+                                    required.push(subField.name);
+                                }
+                            }
+                        }
+                    };
+                    processFields(field.fields);
+                    const objSchema = {
+                        type: 'object',
+                        additionalProperties: false,
+                        properties,
+                        required: required.length ? required : undefined
+                    };
+                    if (type === 'array') {
+                        valueSchema = {
+                            type: 'array',
+                            items: objSchema
+                        };
+                    } else {
+                        valueSchema = objSchema;
+                    }
+                    const description = getDescription(field);
+                    if (description) {
+                        valueSchema.description = description;
+                    }
+                }
+                break;
+            }
+        case 'checkbox':
+            {
+                valueSchema = {
+                    type: 'boolean'
+                };
+                const description = getDescription(field);
+                if (description) {
+                    valueSchema.description = description;
+                }
+                break;
+            }
         case 'code':
             {
                 const base = codeSchema(field);
@@ -180,7 +241,6 @@ export function fieldToJsonSchema(fieldInput, opts) {
             {
                 const base = numberWithBounds(field);
                 if (field.hasMany) {
-                    // Respect hasMany only if truly configured; Payload rarely uses hasMany for number, but allow if present.
                     valueSchema = {
                         type: 'array',
                         items: base
@@ -243,9 +303,13 @@ export function fieldToJsonSchema(fieldInput, opts) {
                 }
                 break;
             }
+        // Explicitly handle organizational types to avoid default breakage if passed directly
+        // though usually they are handled by parent recursion in group/array case above.
+        // If passed as root, we can't really return a meaningful single-value schema without a wrapper?
+        // But let's leave default for them or handle if necessary. 
+        // For now, if someone passes a 'row' as root, it will fall to default (null).
         default:
             {
-                // Unsupported type: return null to allow caller to decide how to proceed (e.g., no schema)
                 valueSchema = null;
                 break;
             }
@@ -255,7 +319,6 @@ export function fieldToJsonSchema(fieldInput, opts) {
         return valueSchema || {};
     }
     if (!valueSchema) {
-        // Return undefined-like schema if not supported; caller may choose to skip passing schema
         return {};
     }
     const schema = {