@rubixstudios/payload-media 1.0.0

package/dist/components/search-drawer/media/heart.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"heart.d.ts","sourceRoot":"","sources":["../../../../src/components/search-drawer/media/heart.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,KAAK,QAAQ,EAAE,MAAM,OAAO,CAAA;AAE5C,wBAAgB,SAAS,CAAC,KAAK,EAAE,QAAQ,CAAC,aAAa,CAAC,qBASvD"}

package/dist/components/search-drawer/media/heart.js

@@ -0,0 +1,12 @@
+import React from 'react';
+export function HeartIcon(props) {
+    return /*#__PURE__*/ React.createElement("svg", {
+        viewBox: "0 0 15 15",
+        xmlns: "http://www.w3.org/2000/svg",
+        "aria-hidden": "true",
+        ...props
+    }, /*#__PURE__*/ React.createElement("path", {
+        d: "M13.91 6.75c-1.17 2.25-4.3 5.31-6.07 6.94a.52.52 0 0 1-.67 0C5.39 12.06 2.26 9 1.09 6.75-1.48 1.8 5-1.5 7.5 3.45 10-1.5 16.48 1.8 13.91 6.75z",
+        fill: "currentColor"
+    }));
+}

package/dist/components/search-drawer/media/image.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { type ProviderResult } from '../../../types.js';
+type ImageCardProps = {
+    data: ProviderResult;
+    baseClass: string;
+    onSelect: (url: string, download?: string) => void;
+};
+export declare const ImageCard: ({ data, baseClass, onSelect }: ImageCardProps) => React.JSX.Element;
+export {};
+//# sourceMappingURL=image.d.ts.map

package/dist/components/search-drawer/media/image.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"image.d.ts","sourceRoot":"","sources":["../../../../src/components/search-drawer/media/image.tsx"],"names":[],"mappings":"AACA,OAAO,KAAmB,MAAM,OAAO,CAAA;AAEvC,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,mBAAmB,CAAA;AAGvD,KAAK,cAAc,GAAG;IACpB,IAAI,EAAE,cAAc,CAAA;IACpB,SAAS,EAAE,MAAM,CAAA;IACjB,QAAQ,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;CACnD,CAAA;AAED,eAAO,MAAM,SAAS,GAAI,+BAA+B,cAAc,sBA+DtE,CAAA"}

package/dist/components/search-drawer/media/image.js

@@ -0,0 +1,58 @@
+import { LinkIcon, Tooltip } from '@payloadcms/ui';
+import React, { useState } from 'react';
+import { HeartIcon } from './heart.js';
+export const ImageCard = ({ data, baseClass, onSelect })=>{
+    const [show, setShow] = useState(false);
+    return /*#__PURE__*/ React.createElement("div", {
+        key: data.id,
+        className: `${baseClass}__card`
+    }, /*#__PURE__*/ React.createElement("button", {
+        type: "button",
+        className: `${baseClass}__button`,
+        onClick: ()=>onSelect(data.urls.original, data.urls?.downloadLocation),
+        style: {
+            backgroundColor: data.color
+        }
+    }, /*#__PURE__*/ React.createElement("img", {
+        src: data.urls.view,
+        alt: data.alt,
+        width: data.width,
+        height: data.height
+    })), /*#__PURE__*/ React.createElement("div", {
+        className: `${baseClass}__topOverlay`
+    }, data.likes !== undefined && /*#__PURE__*/ React.createElement("button", {
+        type: "button",
+        className: `${baseClass}__likes`,
+        onMouseEnter: ()=>setShow(true),
+        onMouseLeave: ()=>setShow(false),
+        onFocus: ()=>setShow(true),
+        onBlur: ()=>setShow(false)
+    }, /*#__PURE__*/ React.createElement(HeartIcon, null), /*#__PURE__*/ React.createElement(Tooltip, {
+        position: "bottom",
+        alignCaret: "center",
+        show: show
+    }, data.likes, " likes")), /*#__PURE__*/ React.createElement("a", {
+        className: `${baseClass}__download`,
+        href: data.urls.download,
+        target: "_blank",
+        rel: "noopener noreferrer"
+    }, /*#__PURE__*/ React.createElement(LinkIcon, null))), /*#__PURE__*/ React.createElement("div", {
+        className: `${baseClass}__bottomOverlay`
+    }, /*#__PURE__*/ React.createElement("a", {
+        className: `${baseClass}__attribution`,
+        href: data.attribution.link,
+        target: "_blank",
+        rel: "noopener noreferrer"
+    }, data.avatar ? /*#__PURE__*/ React.createElement("img", {
+        className: `${baseClass}__avatar`,
+        src: data.avatar,
+        alt: data.attribution.name,
+        width: 24,
+        height: 24,
+        loading: "lazy",
+        referrerPolicy: "no-referrer"
+    }) : /*#__PURE__*/ React.createElement("div", {
+        className: `${baseClass}__avatarFallback`,
+        "aria-hidden": true
+    }), data.attribution.name)));
+};

package/dist/components/search-drawer/media/video.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { type ProviderResult } from '../../../types.js';
+type VideoCardProps = {
+    data: ProviderResult;
+    baseClass: string;
+};
+export declare const VideoCard: ({ data, baseClass }: VideoCardProps) => React.JSX.Element;
+export {};
+//# sourceMappingURL=video.d.ts.map

package/dist/components/search-drawer/media/video.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"video.d.ts","sourceRoot":"","sources":["../../../../src/components/search-drawer/media/video.tsx"],"names":[],"mappings":"AACA,OAAO,KAAmB,MAAM,OAAO,CAAA;AAEvC,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,mBAAmB,CAAA;AAGvD,KAAK,cAAc,GAAG;IACpB,IAAI,EAAE,cAAc,CAAA;IACpB,SAAS,EAAE,MAAM,CAAA;CAClB,CAAA;AAED,eAAO,MAAM,SAAS,GAAI,qBAAqB,cAAc,sBAkE5D,CAAA"}

package/dist/components/search-drawer/media/video.js

@@ -0,0 +1,55 @@
+import { LinkIcon, Tooltip } from '@payloadcms/ui';
+import React, { useState } from 'react';
+import { HeartIcon } from './heart.js';
+export const VideoCard = ({ data, baseClass })=>{
+    const [show, setShow] = useState(false);
+    return /*#__PURE__*/ React.createElement("div", {
+        key: data.id,
+        className: `${baseClass}__video`
+    }, /*#__PURE__*/ React.createElement("video", {
+        src: data.urls.original,
+        poster: data.urls.view,
+        controls: true,
+        preload: "metadata",
+        style: {
+            width: '100%',
+            height: '100%',
+            aspectRatio: `${data.width} / ${data.height}`,
+            objectFit: 'cover',
+            display: 'block'
+        }
+    }), /*#__PURE__*/ React.createElement("div", {
+        className: `${baseClass}__topOverlay`
+    }, /*#__PURE__*/ React.createElement("a", {
+        className: `${baseClass}__attribution`,
+        href: data.attribution.link,
+        target: "_blank",
+        rel: "noopener noreferrer"
+    }, data.avatar && /*#__PURE__*/ React.createElement("img", {
+        className: `${baseClass}__avatar`,
+        src: data.avatar,
+        alt: data.attribution.name,
+        width: 24,
+        height: 24,
+        loading: "lazy",
+        referrerPolicy: "no-referrer"
+    }), data.attribution.name), /*#__PURE__*/ React.createElement("div", {
+        className: `${baseClass}__actions`
+    }, data.likes !== undefined && /*#__PURE__*/ React.createElement("button", {
+        type: "button",
+        className: `${baseClass}__likes`,
+        onMouseEnter: ()=>setShow(true),
+        onMouseLeave: ()=>setShow(false),
+        onFocus: ()=>setShow(true),
+        onBlur: ()=>setShow(false)
+    }, /*#__PURE__*/ React.createElement(HeartIcon, null), /*#__PURE__*/ React.createElement(Tooltip, {
+        position: "bottom",
+        alignCaret: "center",
+        show: show
+    }, data.likes, " likes")), /*#__PURE__*/ React.createElement("a", {
+        className: `${baseClass}__download`,
+        href: data.urls.download,
+        target: "_blank",
+        rel: "noopener noreferrer"
+    }, /*#__PURE__*/ React.createElement(LinkIcon, null)))));
+};

package/dist/components/search-drawer/style.css

@@ -0,0 +1 @@
+.drawer__content-children{display:flex;flex-flow:column nowrap}.search-media{width:100%;display:flex;flex-flow:column nowrap;flex:1;padding:2rem 0}.search-media__fields{display:flex;gap:1.5rem}.search-media__fields .search-filter{flex:1}.search-media__fields .search-filter__input{height:100%;padding:0 1rem}.search-media__fields .rs__indicators{margin-left:.5rem}.search-media__filters{display:flex;margin-top:15px;gap:16px}.search-media__filters .react-select{min-width:130px}.search-media__results{margin-top:3rem;column-gap:16px;column-count:5}.search-media__card{break-inside:avoid;margin-bottom:16px}.search-media__video{break-inside:avoid;margin-bottom:16px}.search-media__results>div{width:100%}.search-media__results img{max-width:100%;width:100%}.search-media__pagination{margin-top:auto;padding-top:2rem;display:flex;justify-content:center}.search-media__loading,.search-media__noResults{display:flex;justify-content:center;align-items:center;flex:1}.search-media__card{position:relative;display:block;overflow:hidden}.search-media__video{position:relative;display:block;overflow:hidden}.search-media__card::after{content:"";position:absolute;inset:0;background:rgba(0,0,0,.45);opacity:0;transition:opacity .2s ease;pointer-events:none}.search-media__card:hover::after{opacity:1}.search-media__button{appearance:none;border:none;background-color:transparent;display:block;margin:0;padding:0;cursor:pointer;width:100%}.search-media__button img{display:block;width:100%;height:auto}.search-media__button svg{color:#fff}.search-media__bottomOverlay,.search-media__topOverlay{position:absolute;z-index:1;display:flex;opacity:0;transition:opacity .4s ease;max-width:calc(100% - 20px - 1rem)}.search-media__card .search-media__topOverlay{right:1rem;top:.8rem}.search-media__card .search-media__bottomOverlay{left:1rem;bottom:.8rem}.search-media__card:hover .search-media__bottomOverlay,.search-media__card:hover .search-media__topOverlay{opacity:1;pointer-events:auto}.search-media__video .search-media__topOverlay{top:.8rem;left:1rem;right:1rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.search-media__video:hover .search-media__bottomOverlay,.search-media__video:hover .search-media__topOverlay{opacity:1;pointer-events:auto}.search-media__actions{display:flex;align-items:stretch;position:relative}.search-media__likes{cursor:pointer;background:#fff;border-radius:6px;border:0;margin-right:10px;padding:7px;font-size:1em;line-height:1}.search-media__likes svg{width:14px}.search-media__likes:hover{background:rgb(255 255 255 / 80%);transition:background-color .4s ease}.search-media__likes .tooltip{left:14px}.search-media__download{background:#fff;border-radius:6px;padding:4px;font-size:1em;line-height:1;width:28px;text-align:center}.search-media__download svg{pointer-events:none}a.search-media__download:hover{background:rgb(255 255 255 / 80%);transition:background-color .4s ease}.search-media__download,.search-media__likes{display:flex;align-items:center;justify-content:center}img.search-media__avatar{max-width:24px;max-height:24px;margin-right:10px;border-radius:100%}.search-media__avatarFallback{width:24px;height:24px;margin-right:10px;border-radius:100%;background:rgba(255 255 255 / 25%)}.search-media__attribution{display:flex;align-items:center;white-space:nowrap;text-overflow:ellipsis;color:#fff;font-size:1rem;font-weight:600;line-height:1;text-decoration:none;overflow:hidden}.search-media__attribution:hover{text-decoration:underline}.search-media__image{border-radius:4px;object-fit:cover;width:100%}.search-media__options{min-width:140px}.search-media__provider{display:flex;justify-content:center;padding-top:3rem;margin-top:auto;margin-bottom:30px}@media (max-width:1600px){.search-media__results{column-count:5}}@media (max-width:1400px){.search-media__results{column-count:4}}@media (max-width:1200px){.search-media__results{column-count:3}}@media (max-width:900px){.search-media__results{column-count:2}.search-media__filters{display:grid}}@media (max-width:600px){.search-media__results{column-count:1}.search-media__filters{display:grid}}

package/dist/defaults.d.ts

@@ -0,0 +1,3 @@
+import { type ProviderConfig } from './types.js';
+export declare const defaultPluginOptions: Required<ProviderConfig>;
+//# sourceMappingURL=defaults.d.ts.map

package/dist/defaults.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"defaults.d.ts","sourceRoot":"","sources":["../src/defaults.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,YAAY,CAAA;AAEhD,eAAO,MAAM,oBAAoB,EAAE,QAAQ,CAAC,cAAc,CAOzD,CAAA"}

package/dist/defaults.js

@@ -0,0 +1,8 @@
+export const defaultPluginOptions = {
+    disabled: false,
+    unsplash: '',
+    pexels: '',
+    pixabay: '',
+    openverse: '',
+    access: ({ req: { user } })=>Boolean(user)
+};

package/dist/endpoints/handler/pexels.d.ts

@@ -0,0 +1,12 @@
+import { type PexelsFilters, type PexelsResult, type PexelsVideo, type ProviderResult } from '../../types.js';
+import { Provider, type Resolver } from './provider.js';
+export declare class Pexels extends Provider {
+    constructor(apiKey: Resolver);
+    getFetchBaseUrl(): string;
+    getFetchHeaders(): Record<string, string>;
+    getFeatured(filters?: PexelsFilters): Promise<unknown>;
+    getSearch(query: string, page: number, filters?: PexelsFilters): Promise<unknown>;
+    formatVideoResults(data: PexelsVideo[]): ProviderResult[];
+    formatResults(data: PexelsResult[]): ProviderResult[];
+}
+//# sourceMappingURL=pexels.d.ts.map

package/dist/endpoints/handler/pexels.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pexels.d.ts","sourceRoot":"","sources":["../../../src/endpoints/handler/pexels.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,aAAa,EAClB,KAAK,YAAY,EACjB,KAAK,WAAW,EAEhB,KAAK,cAAc,EACpB,MAAM,gBAAgB,CAAA;AACvB,OAAO,EAAE,QAAQ,EAAE,KAAK,QAAQ,EAAE,MAAM,eAAe,CAAA;AAEvD,qBAAa,MAAO,SAAQ,QAAQ;gBACtB,MAAM,EAAE,QAAQ;IAInB,eAAe,IAAI,MAAM;IAIzB,eAAe,IAAI,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC;IAInC,WAAW,CAAC,OAAO,CAAC,EAAE,aAAa,GAAG,OAAO,CAAC,OAAO,CAAC;IAwBtD,SAAS,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,aAAa,GAAG,OAAO,CAAC,OAAO,CAAC;IA2ChG,kBAAkB,CAAC,IAAI,EAAE,WAAW,EAAE,GAAG,cAAc,EAAE;IAyBhD,aAAa,CAAC,IAAI,EAAE,YAAY,EAAE,GAAG,cAAc,EAAE;CAkB/D"}

package/dist/endpoints/handler/pexels.js

@@ -0,0 +1,105 @@
+import { Provider } from './provider.js';
+export class Pexels extends Provider {
+    constructor(apiKey){
+        super('pexels', 'Pexels', 'https://www.pexels.com/', apiKey);
+    }
+    getFetchBaseUrl() {
+        return 'https://api.pexels.com';
+    }
+    getFetchHeaders() {
+        return {
+            Authorization: `${this.getApiKey()}`
+        };
+    }
+    async getFeatured(filters) {
+        if (filters?.media === 'video') {
+            const data = await this.fetch('GET', `/videos/popular?per_page=${this.getFetchLimit()}`);
+            return {
+                images: this.formatVideoResults(data.videos),
+                totalImages: null,
+                totalPages: null
+            };
+        }
+        if (filters?.color || filters?.orientation || filters?.size) {
+            return this.getSearch('featured', 1, filters);
+        }
+        const data = await this.fetch('GET', `/v1/curated?per_page=${this.getFetchLimit()}`);
+        return {
+            images: this.formatResults(data.photos),
+            totalImages: null,
+            totalPages: null
+        };
+    }
+    async getSearch(query, page, filters) {
+        if (filters?.media === 'video') {
+            const params = new URLSearchParams({
+                query: query || 'featured',
+                page: String(page),
+                per_page: String(this.getFetchLimit())
+            });
+            if (filters?.size) params.set('size', filters.size);
+            if (filters?.orientation) params.set('orientation', filters.orientation);
+            const data = await this.fetch('GET', `/videos/search?${params.toString()}`);
+            const totalResults = data.total_results;
+            return {
+                images: this.formatVideoResults(data.videos),
+                totalImages: totalResults,
+                totalPages: Math.min(Math.ceil(totalResults / this.getFetchLimit()), 100)
+            };
+        }
+        const params = new URLSearchParams({
+            query: query || 'featured',
+            page: String(page),
+            per_page: String(this.getFetchLimit())
+        });
+        if (filters?.color) params.set('color', filters.color);
+        if (filters?.size) params.set('size', filters.size);
+        if (filters?.orientation) params.set('orientation', filters.orientation);
+        const data = await this.fetch('GET', `/v1/search?${params.toString()}`);
+        const totalResults = data.total_results;
+        return {
+            images: this.formatResults(data.photos),
+            totalImages: totalResults,
+            totalPages: Math.min(Math.ceil(totalResults / this.getFetchLimit()), 100)
+        };
+    }
+    formatVideoResults(data) {
+        return data.map((video)=>{
+            const file = video.video_files.find((f)=>f.quality === 'hd' && f.file_type === 'video/mp4') ?? video.video_files.find((f)=>f.file_type === 'video/mp4');
+            return {
+                id: video.id,
+                alt: video.url || '',
+                width: file?.width || video.width || 0,
+                height: file?.height || video.height || 0,
+                color: '#000',
+                urls: {
+                    view: video.image || '',
+                    original: file?.link || video.url || '',
+                    download: file?.link || video.url || ''
+                },
+                attribution: {
+                    name: video.user?.name || '',
+                    link: video.user?.url || ''
+                }
+            };
+        });
+    }
+    formatResults(data) {
+        return data.map((image)=>({
+                id: image.id,
+                alt: image.alt || '',
+                width: image.width,
+                height: image.height,
+                color: image.avg_color,
+                urls: {
+                    view: image.src.medium,
+                    original: image.src.original,
+                    download: image.url
+                },
+                attribution: {
+                    name: image.photographer,
+                    link: image.photographer_url
+                }
+            }));
+    }
+}

package/dist/endpoints/handler/pixabay.d.ts

@@ -0,0 +1,12 @@
+import { type PixabayFilters, type PixabayResult, type PixabayVideo, type ProviderResult } from '../../types.js';
+import { Provider, type Resolver } from './provider.js';
+export declare class Pixabay extends Provider {
+    constructor(apiKey: Resolver);
+    getFetchBaseUrl(): string;
+    getFetchHeaders(): Record<string, string>;
+    getFeatured(filters?: PixabayFilters): Promise<unknown>;
+    getSearch(query: string, page: number, filters?: PixabayFilters): Promise<unknown>;
+    formatVideoResults(data: PixabayVideo[]): ProviderResult[];
+    formatResults(data: PixabayResult[]): ProviderResult[];
+}
+//# sourceMappingURL=pixabay.d.ts.map

package/dist/endpoints/handler/pixabay.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pixabay.d.ts","sourceRoot":"","sources":["../../../src/endpoints/handler/pixabay.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,cAAc,EACnB,KAAK,aAAa,EAClB,KAAK,YAAY,EAEjB,KAAK,cAAc,EACpB,MAAM,gBAAgB,CAAA;AACvB,OAAO,EAAE,QAAQ,EAAE,KAAK,QAAQ,EAAE,MAAM,eAAe,CAAA;AAEvD,qBAAa,OAAQ,SAAQ,QAAQ;gBACvB,MAAM,EAAE,QAAQ;IAInB,eAAe,IAAI,MAAM;IAIzB,eAAe,IAAI,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC;IAInC,WAAW,CAAC,OAAO,CAAC,EAAE,cAAc,GAAG,OAAO,CAAC,OAAO,CAAC;IAoCvD,SAAS,CACtB,KAAK,EAAE,MAAM,EACb,IAAI,EAAE,MAAM,EACZ,OAAO,CAAC,EAAE,cAAc,GACvB,OAAO,CAAC,OAAO,CAAC;IA+CnB,kBAAkB,CAAC,IAAI,EAAE,YAAY,EAAE,GAAG,cAAc,EAAE;IA0BjD,aAAa,CAAC,IAAI,EAAE,aAAa,EAAE,GAAG,cAAc,EAAE;CAoBhE"}

package/dist/endpoints/handler/pixabay.js

@@ -0,0 +1,112 @@
+import { Provider } from './provider.js';
+export class Pixabay extends Provider {
+    constructor(apiKey){
+        super('pixabay', 'Pixabay', 'https://pixabay.com', apiKey);
+    }
+    getFetchBaseUrl() {
+        return 'https://pixabay.com';
+    }
+    getFetchHeaders() {
+        return {};
+    }
+    async getFeatured(filters) {
+        if (filters?.media === 'video') {
+            const data = await this.fetch('GET', `/api/videos?key=${this.getApiKey()}&per_page=${this.getFetchLimit()}`);
+            return {
+                images: this.formatVideoResults(data.hits),
+                totalImages: null,
+                totalPages: null
+            };
+        }
+        if (filters?.image_type || filters?.orientation || filters?.colors || filters?.category || filters?.order) {
+            return this.getSearch('', 1, filters);
+        }
+        const data = await this.fetch('GET', `/api?key=${this.getApiKey()}&per_page=${this.getFetchLimit()}`);
+        return {
+            images: this.formatResults(data.hits),
+            totalImages: null,
+            totalPages: null
+        };
+    }
+    async getSearch(query, page, filters) {
+        if (filters?.media === 'video') {
+            const params = new URLSearchParams({
+                key: this.getApiKey(),
+                q: query || '',
+                page: String(page),
+                per_page: String(this.getFetchLimit())
+            });
+            if (filters?.category) params.set('category', filters.category);
+            if (filters?.order) params.set('order', filters.order);
+            const data = await this.fetch('GET', `/api/videos?${params.toString()}`);
+            const totalHits = data.totalHits;
+            return {
+                images: this.formatVideoResults(data.hits),
+                totalImages: totalHits,
+                totalPages: Math.min(Math.ceil(totalHits / this.getFetchLimit()), 100)
+            };
+        }
+        const params = new URLSearchParams({
+            key: this.getApiKey(),
+            q: query || '',
+            page: String(page),
+            per_page: String(this.getFetchLimit())
+        });
+        if (filters?.category) params.set('category', filters.category);
+        if (filters?.image_type) params.set('image_type', filters.image_type);
+        if (filters?.colors) params.set('colors', filters.colors);
+        if (filters?.orientation) params.set('orientation', filters.orientation);
+        if (filters?.order) params.set('order', filters.order);
+        const data = await this.fetch('GET', `/api?${params.toString()}`);
+        const totalHits = data.totalHits;
+        return {
+            images: this.formatResults(data.hits),
+            totalImages: totalHits,
+            totalPages: Math.min(Math.ceil(totalHits / this.getFetchLimit()), 100)
+        };
+    }
+    formatVideoResults(data) {
+        return data.map((video)=>{
+            const videos = video.videos || {};
+            const videoFormat = videos.large || videos.medium || videos.small || {};
+            return {
+                id: video.id,
+                alt: video.tags || '',
+                width: videoFormat.width || 0,
+                height: videoFormat.height || 0,
+                color: '#000',
+                likes: video.likes,
+                urls: {
+                    view: videoFormat.thumbnail || '',
+                    original: videoFormat.url || '',
+                    download: videoFormat.url ? `${videoFormat.url}?download=1` : ''
+                },
+                attribution: {
+                    name: video.user || '',
+                    link: `https://pixabay.com/users/${video.user}-${video.user_id}/`
+                },
+                avatar: video.userImageURL
+            };
+        });
+    }
+    formatResults(data) {
+        return data.map((image)=>({
+                id: image.id,
+                alt: '',
+                width: image.imageWidth,
+                height: image.imageHeight,
+                color: '#ccc',
+                likes: image.likes,
+                urls: {
+                    view: image.webformatURL,
+                    original: image.imageURL || image.largeImageURL,
+                    download: image.imageURL || image.largeImageURL
+                },
+                attribution: {
+                    name: image.user,
+                    link: `https://pixabay.com/users/${image.user}-${image.user_id}/`
+                },
+                avatar: image.userImageURL
+            }));
+    }
+}

package/dist/endpoints/handler/provider.d.ts

@@ -0,0 +1,20 @@
+import { type ProviderResult } from '../../types.js';
+export type Resolver = () => string | undefined;
+export declare class Provider {
+    protected apiKey?: Resolver;
+    key: string;
+    name: string;
+    url: string;
+    constructor(key: string, name: string, url: string, apiKey?: Resolver);
+    fetch(method: string, urlPath: string, data?: object): Promise<unknown>;
+    get isConfigured(): boolean;
+    protected getApiKey(): string;
+    getFetchBaseUrl(): string;
+    getFetchHeaders(): Record<string, string>;
+    getFetchLimit(): number;
+    getFeatured(_filters?: Record<string, unknown>): Promise<unknown>;
+    getSearch(_query: string, _page: number): Promise<unknown>;
+    trackDownload(_url: string): null;
+    formatResults(_data: object): ProviderResult[];
+}
+//# sourceMappingURL=provider.d.ts.map

package/dist/endpoints/handler/provider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"provider.d.ts","sourceRoot":"","sources":["../../../src/endpoints/handler/provider.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,gBAAgB,CAAA;AAEpD,MAAM,MAAM,QAAQ,GAAG,MAAM,MAAM,GAAG,SAAS,CAAA;AAE/C,qBAAa,QAAQ;IACnB,SAAS,CAAC,MAAM,CAAC,EAAE,QAAQ,CAAA;IAC3B,GAAG,EAAE,MAAM,CAAA;IACX,IAAI,EAAE,MAAM,CAAA;IACZ,GAAG,EAAE,MAAM,CAAA;gBAEC,GAAG,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,QAAQ;IAO/D,KAAK,CAAC,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC,OAAO,CAAC;IAU7E,IAAI,YAAY,IAAI,OAAO,CAE1B;IAED,SAAS,CAAC,SAAS,IAAI,MAAM;IAU7B,eAAe,IAAI,MAAM;IAIzB,eAAe,IAAI,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC;IAIzC,aAAa,IAAI,MAAM;IAIvB,WAAW,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,OAAO,CAAC,OAAO,CAAC;IAIjE,SAAS,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,OAAO,CAAC,OAAO,CAAC;IAI1D,aAAa,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI;IAIjC,aAAa,CAAC,KAAK,EAAE,MAAM,GAAG,cAAc,EAAE;CAG/C"}

package/dist/endpoints/handler/provider.js

@@ -0,0 +1,53 @@
+export class Provider {
+    apiKey;
+    key;
+    name;
+    url;
+    constructor(key, name, url, apiKey){
+        this.key = key;
+        this.name = name;
+        this.url = url;
+        this.apiKey = apiKey;
+    }
+    async fetch(method, urlPath, data) {
+        const response = await fetch(new URL(urlPath, this.getFetchBaseUrl()), {
+            method,
+            headers: this.getFetchHeaders(),
+            ...data && {
+                body: JSON.stringify(data)
+            }
+        });
+        return response.json();
+    }
+    get isConfigured() {
+        return Boolean(this.apiKey?.());
+    }
+    getApiKey() {
+        const key = this.apiKey?.();
+        if (!key) {
+            throw new Error(`Provider "${this.key}" is not configured`);
+        }
+        return key;
+    }
+    getFetchBaseUrl() {
+        return '';
+    }
+    getFetchHeaders() {
+        return {};
+    }
+    getFetchLimit() {
+        return 24;
+    }
+    getFeatured(_filters) {
+        return Promise.resolve({});
+    }
+    getSearch(_query, _page) {
+        return Promise.resolve({});
+    }
+    trackDownload(_url) {
+        return null;
+    }
+    formatResults(_data) {
+        return [];
+    }
+}

package/dist/endpoints/handler/unsplash.d.ts

@@ -0,0 +1,12 @@
+import { type ProviderResult, type UnsplashFilters, type UnsplashResult } from '../../types.js';
+import { Provider, type Resolver } from './provider.js';
+export declare class Unsplash extends Provider {
+    constructor(apiKey: Resolver);
+    getFetchBaseUrl(): string;
+    getFetchHeaders(): Record<string, string>;
+    getFeatured(filters?: UnsplashFilters): Promise<unknown>;
+    getSearch(query: string, page: number, filters?: UnsplashFilters): Promise<unknown>;
+    trackDownload(url: string): null;
+    formatResults(data: UnsplashResult[]): ProviderResult[];
+}
+//# sourceMappingURL=unsplash.d.ts.map

package/dist/endpoints/handler/unsplash.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"unsplash.d.ts","sourceRoot":"","sources":["../../../src/endpoints/handler/unsplash.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAE,KAAK,eAAe,EAAE,KAAK,cAAc,EAAE,MAAM,gBAAgB,CAAA;AAC/F,OAAO,EAAE,QAAQ,EAAE,KAAK,QAAQ,EAAE,MAAM,eAAe,CAAA;AAIvD,qBAAa,QAAS,SAAQ,QAAQ;gBACxB,MAAM,EAAE,QAAQ;IAInB,eAAe,IAAI,MAAM;IAIzB,eAAe,IAAI,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC;IAInC,WAAW,CAAC,OAAO,CAAC,EAAE,eAAe,GAAG,OAAO,CAAC,OAAO,CAAC;IAoCxD,SAAS,CACtB,KAAK,EAAE,MAAM,EACb,IAAI,EAAE,MAAM,EACZ,OAAO,CAAC,EAAE,eAAe,GACxB,OAAO,CAAC,OAAO,CAAC;IAmBV,aAAa,CAAC,GAAG,EAAE,MAAM;IAMzB,aAAa,CAAC,IAAI,EAAE,cAAc,EAAE,GAAG,cAAc,EAAE;CAqBjE"}

package/dist/endpoints/handler/unsplash.js

@@ -0,0 +1,82 @@
+import { Provider } from './provider.js';
+const UTMParams = 'utm_source=rubixstudios-payload-images&utm_medium=referral';
+export class Unsplash extends Provider {
+    constructor(apiKey){
+        super('unsplash', 'Unsplash', 'https://unsplash.com', apiKey);
+    }
+    getFetchBaseUrl() {
+        return 'https://api.unsplash.com';
+    }
+    getFetchHeaders() {
+        return {
+            Authorization: `Client-ID ${this.getApiKey()}`
+        };
+    }
+    async getFeatured(filters) {
+        if (filters?.color || filters?.orientation) {
+            const params = new URLSearchParams({
+                per_page: String(this.getFetchLimit()),
+                query: 'featured'
+            });
+            if (filters.color) {
+                params.set('color', filters.color);
+            }
+            if (filters.orientation) {
+                params.set('orientation', filters.orientation);
+            }
+            const data = await this.fetch('GET', `/search/photos?${params.toString()}`);
+            return {
+                images: this.formatResults(data.results),
+                countOfImages: null,
+                countOfPages: null
+            };
+        }
+        const data = await this.fetch('GET', `/photos/random?featured=true&count=${this.getFetchLimit()}`);
+        return {
+            images: this.formatResults(data),
+            countOfImages: null,
+            countOfPages: null
+        };
+    }
+    async getSearch(query, page, filters) {
+        const params = new URLSearchParams({
+            per_page: String(this.getFetchLimit()),
+            page: String(page),
+            query
+        });
+        if (filters?.color) params.set('color', filters.color);
+        if (filters?.orientation) params.set('orientation', filters.orientation);
+        const data = await this.fetch('GET', `/search/photos?${params.toString()}`);
+        return {
+            images: this.formatResults(data.results),
+            totalImages: data.total,
+            totalPages: Math.min(data.total_pages, 100)
+        };
+    }
+    trackDownload(url) {
+        const downloadUrl = new URL(url);
+        void this.fetch('GET', `${downloadUrl.pathname}${downloadUrl.search}`);
+        return null;
+    }
+    formatResults(data) {
+        return data.map((image)=>({
+                id: image.id,
+                alt: image.alt_description || '',
+                width: image.width,
+                height: image.height,
+                color: image.color,
+                likes: image.likes,
+                avatar: image.user?.profile_image?.medium ?? undefined,
+                urls: {
+                    view: image.urls?.thumb,
+                    original: image.urls?.full,
+                    download: `${image.links?.download}?${UTMParams}`,
+                    downloadLocation: `${image.links.download_location}&${UTMParams}`
+                },
+                attribution: {
+                    name: image.user?.name,
+                    link: `${image.user?.links?.html}?${UTMParams}`
+                }
+            }));
+    }
+}

package/dist/endpoints/index.d.ts

@@ -0,0 +1,3 @@
+import { type Endpoint } from 'payload';
+export declare const providers: Endpoint[];
+//# sourceMappingURL=index.d.ts.map

package/dist/endpoints/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/endpoints/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,SAAS,CAAA;AAOvC,eAAO,MAAM,SAAS,EAAE,QAAQ,EA6I/B,CAAA"}