@pro-laico/payload-mux 0.0.0

package/LICENSE.md

@@ -0,0 +1,52 @@
+MIT License
+
+Copyright (c) 2024-2026 Pro Laico LLC <contact@prolaico.com>
+
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of this software and associated documentation files (the
+'Software'), to deal in the Software without restriction, including
+without limitation the rights to use, copy, modify, merge, publish,
+distribute, sublicense, and/or sell copies of the Software, and to
+permit persons to whom the Software is furnished to do so, subject to
+the following conditions:
+
+The above copyright notice and this permission notice shall be
+included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED 'AS IS', WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT.
+IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY
+CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT,
+TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE
+SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+
+---
+
+## Third-party notices
+
+Portions of this package are derived from
+[`@oversightstudio/mux-video`](https://github.com/oversightstudio/payload-plugins),
+used under the MIT License:
+
+MIT License
+
+Copyright (c) 2025 OVERSIGHT STUDIO LIMITED
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,11 @@
+# @pro-laico/payload-mux
+
+[Mux Video](https://www.mux.com/) for [Payload CMS](https://payloadcms.com/) — a Videos collection that uploads directly to Mux, supports public or signed playback, exposes virtual playback/poster/gif URLs, and keeps Payload and Mux in sync.
+
+```bash
+pnpm add @pro-laico/payload-mux
+```
+
+**[Documentation →](https://payload-plugins.prolaico.com/docs/plugins/payload-mux)**
+
+Based on [`@oversightstudio/mux-video`](https://github.com/oversightstudio/payload-plugins) (MIT) by [Idan Yekutiel](https://github.com/idanyekutiel).

package/dist/collections/MuxVideo.d.ts

@@ -0,0 +1,7 @@
+import type Mux from '@mux/mux-node';
+import type { CollectionConfig } from 'payload';
+import type { MuxVideoPluginOptions } from '../types';
+/** The Videos collection: an uploader field, identifying metadata Mux fills in, and a
+ *  `playbackOptions` array whose virtual fields resolve to signed-or-public Mux URLs. */
+export declare const MuxVideo: (mux: Mux, options: MuxVideoPluginOptions) => CollectionConfig;
+//# sourceMappingURL=MuxVideo.d.ts.map

package/dist/collections/MuxVideo.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MuxVideo.d.ts","sourceRoot":"","sources":["../../src/collections/MuxVideo.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,GAAG,MAAM,eAAe,CAAA;AACpC,OAAO,KAAK,EAAE,gBAAgB,EAAS,MAAM,SAAS,CAAA;AAKtD,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,UAAU,CAAA;AA2DrD;yFACyF;AACzF,eAAO,MAAM,QAAQ,GAAI,KAAK,GAAG,EAAE,SAAS,qBAAqB,KAAG,gBAoHlE,CAAA"}

package/dist/collections/MuxVideo.js

@@ -0,0 +1,266 @@
+import { getAfterDeleteHook } from "../hooks/afterDelete.js";
+import { getBeforeChangeHook } from "../hooks/beforeChange.js";
+import { getBeforeValidateHook } from "../hooks/beforeValidate.js";
+import { isAllowed } from "../lib/isAllowed.js";
+const C = '@pro-laico/payload-mux/components';
+/** Resolve the list-view Cell component for the configured `adminThumbnail` mode. */ const thumbnailCell = (mode)=>{
+    if (mode === 'image') return `${C}/MuxVideoImageCell#MuxVideoImageCell`;
+    if (mode === 'none') return undefined;
+    return `${C}/MuxVideoGifCell#MuxVideoGifCell`;
+};
+/** Sign a playback id for a given media `type` when the policy is `signed`, and append the
+ *  token to `url`. A no-op for public playback. */ const signIfNeeded = async (mux, options, url, playbackId, policy, type, posterTimestamp)=>{
+    if (policy !== 'signed') return;
+    const params = typeof posterTimestamp === 'number' ? {
+        time: posterTimestamp.toString()
+    } : undefined;
+    const token = await mux.jwt.signPlaybackId(playbackId, {
+        expiration: options.signedUrlOptions?.expiration ?? '1d',
+        type,
+        params
+    });
+    url.searchParams.set('token', token);
+};
+/** Build one virtual, read-only URL field (`playbackUrl` / `posterUrl` / `gifUrl`). On read it
+ *  builds the Mux URL from the sibling `playbackId`, stamps the poster `time` for thumbnail/gif,
+ *  and signs it when the policy is `signed`. Returns null until a playback id exists. */ const signableUrlField = (mux, options, name, label, type, buildUrl)=>({
+        name,
+        label,
+        type: 'text',
+        virtual: true,
+        admin: {
+            hidden: true
+        },
+        hooks: {
+            afterRead: [
+                async ({ data, siblingData })=>{
+                    const playbackId = siblingData?.playbackId;
+                    if (!playbackId) return null;
+                    const posterTimestamp = type !== 'video' && typeof data?.posterTimestamp === 'number' ? data.posterTimestamp : undefined;
+                    const url = buildUrl(playbackId);
+                    if (posterTimestamp !== undefined) url.searchParams.set('time', posterTimestamp.toString());
+                    await signIfNeeded(mux, options, url, playbackId, siblingData.playbackPolicy, type, posterTimestamp);
+                    return url.toString();
+                }
+            ]
+        }
+    });
+/** The Videos collection: an uploader field, identifying metadata Mux fills in, and a
+ *  `playbackOptions` array whose virtual fields resolve to signed-or-public Mux URLs. */ export const MuxVideo = (mux, options)=>({
+        slug: options.extendCollection ?? 'mux-video',
+        labels: {
+            singular: 'Video',
+            plural: 'Videos'
+        },
+        // Declares this as a `@pro-laico/payload-seed` asset collection: instead of uploading bytes,
+        // the seed engine hands a doc's `_file` to the `source` field below, whose beforeValidate hook
+        // uploads it to Mux. Plain config — payload-mux doesn't import the seed package.
+        custom: {
+            seedAsset: {
+                sourceField: 'source'
+            }
+        },
+        access: {
+            read: ({ req })=>isAllowed(options, req)
+        },
+        // Grouped with the other asset collections (images/icons/fonts) — but never re-grouping a
+        // collection the plugin merely extends.
+        admin: {
+            ...options.extendCollection ? {} : {
+                group: 'Assets'
+            },
+            useAsTitle: 'title',
+            defaultColumns: [
+                'title',
+                'muxUploader',
+                'duration'
+            ]
+        },
+        hooks: {
+            afterDelete: [
+                getAfterDeleteHook(mux)
+            ],
+            beforeValidate: [
+                getBeforeValidateHook(mux, options)
+            ],
+            beforeChange: [
+                getBeforeChangeHook(mux)
+            ]
+        },
+        fields: [
+            {
+                name: 'muxUploader',
+                label: 'Video Preview',
+                type: 'ui',
+                admin: {
+                    components: {
+                        Field: `${C}/MuxUploaderField#MuxUploaderField`,
+                        Cell: thumbnailCell(options.adminThumbnail)
+                    }
+                }
+            },
+            // Transient server-side ingest input (a local path / URL, or `{ file|url, playbackPolicy,
+            // posterTimestamp }`). The beforeValidate hook uploads it to Mux and strips it — never
+            // persisted. Lets a video be created from a file without the admin's client-side upload.
+            {
+                name: 'source',
+                type: 'json',
+                admin: {
+                    hidden: true,
+                    disableListColumn: true,
+                    disableBulkEdit: true
+                }
+            },
+            {
+                name: 'title',
+                type: 'text',
+                label: 'Title',
+                required: true,
+                unique: true,
+                admin: {
+                    description: 'A unique title for this video that will help you identify it later.'
+                }
+            },
+            // Not `required`: it's filled by the beforeValidate (server-side ingest) / beforeChange
+            // (admin upload) hooks before the row is written. Marking it required would reject a
+            // create that supplies a `source` instead of an already-resolved `assetId`.
+            // Indexed: the webhook looks a doc up by assetId on every Mux event.
+            {
+                name: 'assetId',
+                type: 'text',
+                index: true,
+                admin: {
+                    readOnly: true,
+                    condition: (data)=>data.assetId
+                }
+            },
+            // Encoding lifecycle, hook-written: 'preparing' until Mux reports the asset ready (short
+            // poll or webhook), 'ready' once playable, 'errored' when Mux rejects it (see `error`).
+            // Not required — docs created before this field existed have no status.
+            {
+                name: 'status',
+                type: 'select',
+                options: [
+                    {
+                        label: 'Preparing',
+                        value: 'preparing'
+                    },
+                    {
+                        label: 'Ready',
+                        value: 'ready'
+                    },
+                    {
+                        label: 'Errored',
+                        value: 'errored'
+                    }
+                ],
+                admin: {
+                    position: 'sidebar',
+                    readOnly: true,
+                    condition: (data)=>data.status
+                }
+            },
+            // Mux's error messages when `status` is 'errored'; surfaced by the uploader field.
+            {
+                name: 'error',
+                type: 'text',
+                admin: {
+                    hidden: true,
+                    readOnly: true
+                }
+            },
+            {
+                name: 'duration',
+                label: 'Duration',
+                type: 'number',
+                admin: {
+                    readOnly: true,
+                    condition: (data)=>data.duration
+                }
+            },
+            {
+                name: 'posterTimestamp',
+                type: 'number',
+                label: 'Poster Timestamp',
+                min: 0,
+                admin: {
+                    description: 'A timestamp (in seconds) from the video to be used as the poster image. When unset, defaults to the middle of the video.',
+                    condition: (data)=>data.duration,
+                    step: 0.25
+                },
+                validate: (value, { siblingData })=>{
+                    if (!siblingData.duration || !value) return true;
+                    return siblingData.duration > value || 'Poster timestamp must be less than the video duration.';
+                }
+            },
+            {
+                name: 'aspectRatio',
+                label: 'Aspect Ratio',
+                type: 'text',
+                admin: {
+                    readOnly: true,
+                    condition: (data)=>data.aspectRatio
+                }
+            },
+            {
+                name: 'maxWidth',
+                type: 'number',
+                admin: {
+                    readOnly: true,
+                    condition: (data)=>data.maxWidth
+                }
+            },
+            {
+                name: 'maxHeight',
+                type: 'number',
+                admin: {
+                    readOnly: true,
+                    condition: (data)=>data.maxHeight
+                }
+            },
+            {
+                name: 'playbackOptions',
+                type: 'array',
+                admin: {
+                    readOnly: true,
+                    condition: (data)=>!!data.playbackOptions
+                },
+                fields: [
+                    // Both required: the pair is always written together, and it tightens the generated types.
+                    {
+                        name: 'playbackId',
+                        label: 'Playback ID',
+                        type: 'text',
+                        required: true,
+                        admin: {
+                            readOnly: true
+                        }
+                    },
+                    {
+                        name: 'playbackPolicy',
+                        label: 'Playback Policy',
+                        type: 'select',
+                        required: true,
+                        options: [
+                            {
+                                label: 'signed',
+                                value: 'signed'
+                            },
+                            {
+                                label: 'public',
+                                value: 'public'
+                            }
+                        ],
+                        admin: {
+                            readOnly: true
+                        }
+                    },
+                    signableUrlField(mux, options, 'playbackUrl', 'Playback URL', 'video', (id)=>new URL(`https://stream.mux.com/${id}.m3u8`)),
+                    signableUrlField(mux, options, 'posterUrl', 'Poster URL', 'thumbnail', (id)=>new URL(`https://image.mux.com/${id}/thumbnail.${options.posterExtension ?? 'png'}`)),
+                    signableUrlField(mux, options, 'gifUrl', 'Gif URL', 'gif', (id)=>new URL(`https://image.mux.com/${id}/animated.${options.animatedGifExtension ?? 'gif'}`))
+                ]
+            }
+        ]
+    });
+
+//# sourceMappingURL=MuxVideo.js.map

package/dist/collections/MuxVideo.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/collections/MuxVideo.ts"],"sourcesContent":["import type Mux from '@mux/mux-node'\nimport type { CollectionConfig, Field } from 'payload'\nimport { getAfterDeleteHook } from '../hooks/afterDelete'\nimport { getBeforeChangeHook } from '../hooks/beforeChange'\nimport { getBeforeValidateHook } from '../hooks/beforeValidate'\nimport { isAllowed } from '../lib/isAllowed'\nimport type { MuxVideoPluginOptions } from '../types'\n\nconst C = '@pro-laico/payload-mux/components'\n\n/** Resolve the list-view Cell component for the configured `adminThumbnail` mode. */\nconst thumbnailCell = (mode: MuxVideoPluginOptions['adminThumbnail']): string | undefined => {\n  if (mode === 'image') return `${C}/MuxVideoImageCell#MuxVideoImageCell`\n  if (mode === 'none') return undefined\n  return `${C}/MuxVideoGifCell#MuxVideoGifCell`\n}\n\n/** Sign a playback id for a given media `type` when the policy is `signed`, and append the\n *  token to `url`. A no-op for public playback. */\nconst signIfNeeded = async (\n  mux: Mux,\n  options: MuxVideoPluginOptions,\n  url: URL,\n  playbackId: string,\n  policy: unknown,\n  type: 'video' | 'thumbnail' | 'gif',\n  posterTimestamp?: number,\n): Promise<void> => {\n  if (policy !== 'signed') return\n  const params = typeof posterTimestamp === 'number' ? { time: posterTimestamp.toString() } : undefined\n  const token = await mux.jwt.signPlaybackId(playbackId, { expiration: options.signedUrlOptions?.expiration ?? '1d', type, params })\n  url.searchParams.set('token', token)\n}\n\n/** Build one virtual, read-only URL field (`playbackUrl` / `posterUrl` / `gifUrl`). On read it\n *  builds the Mux URL from the sibling `playbackId`, stamps the poster `time` for thumbnail/gif,\n *  and signs it when the policy is `signed`. Returns null until a playback id exists. */\nconst signableUrlField = (\n  mux: Mux,\n  options: MuxVideoPluginOptions,\n  name: string,\n  label: string,\n  type: 'video' | 'thumbnail' | 'gif',\n  buildUrl: (playbackId: string) => URL,\n): Field => ({\n  name,\n  label,\n  type: 'text',\n  virtual: true,\n  admin: { hidden: true },\n  hooks: {\n    afterRead: [\n      async ({ data, siblingData }) => {\n        const playbackId = siblingData?.playbackId\n        if (!playbackId) return null\n        const posterTimestamp = type !== 'video' && typeof data?.posterTimestamp === 'number' ? data.posterTimestamp : undefined\n        const url = buildUrl(playbackId)\n        if (posterTimestamp !== undefined) url.searchParams.set('time', posterTimestamp.toString())\n        await signIfNeeded(mux, options, url, playbackId, siblingData.playbackPolicy, type, posterTimestamp)\n        return url.toString()\n      },\n    ],\n  },\n})\n\n/** The Videos collection: an uploader field, identifying metadata Mux fills in, and a\n *  `playbackOptions` array whose virtual fields resolve to signed-or-public Mux URLs. */\nexport const MuxVideo = (mux: Mux, options: MuxVideoPluginOptions): CollectionConfig => ({\n  slug: (options.extendCollection as string) ?? 'mux-video',\n  labels: { singular: 'Video', plural: 'Videos' },\n  // Declares this as a `@pro-laico/payload-seed` asset collection: instead of uploading bytes,\n  // the seed engine hands a doc's `_file` to the `source` field below, whose beforeValidate hook\n  // uploads it to Mux. Plain config — payload-mux doesn't import the seed package.\n  custom: { seedAsset: { sourceField: 'source' } },\n  access: { read: ({ req }) => isAllowed(options, req) },\n  // Grouped with the other asset collections (images/icons/fonts) — but never re-grouping a\n  // collection the plugin merely extends.\n  admin: {\n    ...(options.extendCollection ? {} : { group: 'Assets' }),\n    useAsTitle: 'title',\n    defaultColumns: ['title', 'muxUploader', 'duration'],\n  },\n  hooks: {\n    afterDelete: [getAfterDeleteHook(mux)],\n    beforeValidate: [getBeforeValidateHook(mux, options)],\n    beforeChange: [getBeforeChangeHook(mux)],\n  },\n  fields: [\n    {\n      name: 'muxUploader',\n      label: 'Video Preview',\n      type: 'ui',\n      admin: { components: { Field: `${C}/MuxUploaderField#MuxUploaderField`, Cell: thumbnailCell(options.adminThumbnail) } },\n    },\n    // Transient server-side ingest input (a local path / URL, or `{ file|url, playbackPolicy,\n    // posterTimestamp }`). The beforeValidate hook uploads it to Mux and strips it — never\n    // persisted. Lets a video be created from a file without the admin's client-side upload.\n    { name: 'source', type: 'json', admin: { hidden: true, disableListColumn: true, disableBulkEdit: true } },\n    {\n      name: 'title',\n      type: 'text',\n      label: 'Title',\n      required: true,\n      unique: true,\n      admin: { description: 'A unique title for this video that will help you identify it later.' },\n    },\n    // Not `required`: it's filled by the beforeValidate (server-side ingest) / beforeChange\n    // (admin upload) hooks before the row is written. Marking it required would reject a\n    // create that supplies a `source` instead of an already-resolved `assetId`.\n    // Indexed: the webhook looks a doc up by assetId on every Mux event.\n    { name: 'assetId', type: 'text', index: true, admin: { readOnly: true, condition: (data) => data.assetId } },\n    // Encoding lifecycle, hook-written: 'preparing' until Mux reports the asset ready (short\n    // poll or webhook), 'ready' once playable, 'errored' when Mux rejects it (see `error`).\n    // Not required — docs created before this field existed have no status.\n    {\n      name: 'status',\n      type: 'select',\n      options: [\n        { label: 'Preparing', value: 'preparing' },\n        { label: 'Ready', value: 'ready' },\n        { label: 'Errored', value: 'errored' },\n      ],\n      admin: { position: 'sidebar', readOnly: true, condition: (data) => data.status },\n    },\n    // Mux's error messages when `status` is 'errored'; surfaced by the uploader field.\n    { name: 'error', type: 'text', admin: { hidden: true, readOnly: true } },\n    { name: 'duration', label: 'Duration', type: 'number', admin: { readOnly: true, condition: (data) => data.duration } },\n    {\n      name: 'posterTimestamp',\n      type: 'number',\n      label: 'Poster Timestamp',\n      min: 0,\n      admin: {\n        description: 'A timestamp (in seconds) from the video to be used as the poster image. When unset, defaults to the middle of the video.',\n        condition: (data) => data.duration,\n        step: 0.25,\n      },\n      validate: (value: number | null | undefined, { siblingData }: { siblingData: Partial<{ duration: number }> }) => {\n        if (!siblingData.duration || !value) return true\n        return siblingData.duration > value || 'Poster timestamp must be less than the video duration.'\n      },\n    },\n    { name: 'aspectRatio', label: 'Aspect Ratio', type: 'text', admin: { readOnly: true, condition: (data) => data.aspectRatio } },\n    { name: 'maxWidth', type: 'number', admin: { readOnly: true, condition: (data) => data.maxWidth } },\n    { name: 'maxHeight', type: 'number', admin: { readOnly: true, condition: (data) => data.maxHeight } },\n    {\n      name: 'playbackOptions',\n      type: 'array',\n      admin: { readOnly: true, condition: (data) => !!data.playbackOptions },\n      fields: [\n        // Both required: the pair is always written together, and it tightens the generated types.\n        { name: 'playbackId', label: 'Playback ID', type: 'text', required: true, admin: { readOnly: true } },\n        {\n          name: 'playbackPolicy',\n          label: 'Playback Policy',\n          type: 'select',\n          required: true,\n          options: [\n            { label: 'signed', value: 'signed' },\n            { label: 'public', value: 'public' },\n          ],\n          admin: { readOnly: true },\n        },\n        signableUrlField(mux, options, 'playbackUrl', 'Playback URL', 'video', (id) => new URL(`https://stream.mux.com/${id}.m3u8`)),\n        signableUrlField(\n          mux,\n          options,\n          'posterUrl',\n          'Poster URL',\n          'thumbnail',\n          (id) => new URL(`https://image.mux.com/${id}/thumbnail.${options.posterExtension ?? 'png'}`),\n        ),\n        signableUrlField(\n          mux,\n          options,\n          'gifUrl',\n          'Gif URL',\n          'gif',\n          (id) => new URL(`https://image.mux.com/${id}/animated.${options.animatedGifExtension ?? 'gif'}`),\n        ),\n      ],\n    },\n  ],\n})\n"],"names":["getAfterDeleteHook","getBeforeChangeHook","getBeforeValidateHook","isAllowed","C","thumbnailCell","mode","undefined","signIfNeeded","mux","options","url","playbackId","policy","type","posterTimestamp","params","time","toString","token","jwt","signPlaybackId","expiration","signedUrlOptions","searchParams","set","signableUrlField","name","label","buildUrl","virtual","admin","hidden","hooks","afterRead","data","siblingData","playbackPolicy","MuxVideo","slug","extendCollection","labels","singular","plural","custom","seedAsset","sourceField","access","read","req","group","useAsTitle","defaultColumns","afterDelete","beforeValidate","beforeChange","fields","components","Field","Cell","adminThumbnail","disableListColumn","disableBulkEdit","required","unique","description","index","readOnly","condition","assetId","value","position","status","duration","min","step","validate","aspectRatio","maxWidth","maxHeight","playbackOptions","id","URL","posterExtension","animatedGifExtension"],"mappings":"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"}

package/dist/components/MuxUploaderField.d.ts

@@ -0,0 +1,10 @@
+import './mux-uploader.css';
+/**
+ * The admin Field for the `muxUploader` UI field. Four states: an uploader before a video
+ * exists, a "processing" notice while Mux encodes, an error notice when Mux rejected the
+ * upload (`status: 'errored'`), and the Mux player once a playback URL is available. Uploads
+ * go directly to Mux via a direct-upload URL the plugin's endpoint mints.
+ */
+export declare const MuxUploaderField: () => import("react").JSX.Element;
+export default MuxUploaderField;
+//# sourceMappingURL=MuxUploaderField.d.ts.map

package/dist/components/MuxUploaderField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MuxUploaderField.d.ts","sourceRoot":"","sources":["../../src/components/MuxUploaderField.tsx"],"names":[],"mappings":"AAMA,OAAO,oBAAoB,CAAA;AAK3B;;;;;GAKG;AACH,eAAO,MAAM,gBAAgB,mCAyF5B,CAAA;AAED,eAAe,gBAAgB,CAAA"}

package/dist/components/MuxUploaderField.js

@@ -0,0 +1,143 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import MuxPlayer from "@mux/mux-player-react";
+import MuxUploader from "@mux/mux-uploader-react";
+import { toast, useConfig, useForm, useFormFields } from "@payloadcms/ui";
+import { useCallback, useEffect, useRef, useState } from "react";
+import "./mux-uploader.css";
+/** Strip the extension from a filename (`clip.final.mp4` → `clip.final`). */ const stripExtension = (name)=>name.replace(/\.[^./\\]+$/, '');
+/**
+ * The admin Field for the `muxUploader` UI field. Four states: an uploader before a video
+ * exists, a "processing" notice while Mux encodes, an error notice when Mux rejected the
+ * upload (`status: 'errored'`), and the Mux player once a playback URL is available. Uploads
+ * go directly to Mux via a direct-upload URL the plugin's endpoint mints.
+ */ export const MuxUploaderField = ()=>{
+    const { config } = useConfig();
+    const apiUrl = config.routes.api;
+    const [uploadId, setUploadId] = useState('');
+    const { assetId, setAssetId, title, setTitle, setFile, playbackUrl, status, error } = useFormFields(([fields, dispatch])=>({
+            assetId: fields.assetId,
+            setAssetId: (value)=>dispatch({
+                    type: 'UPDATE',
+                    path: 'assetId',
+                    value
+                }),
+            title: fields.title,
+            setTitle: (value)=>dispatch({
+                    type: 'UPDATE',
+                    path: 'title',
+                    value
+                }),
+            setFile: (value)=>dispatch({
+                    type: 'UPDATE',
+                    path: 'file',
+                    value
+                }),
+            playbackUrl: fields['playbackOptions.0.playbackUrl']?.value,
+            status: fields.status?.value,
+            error: fields.error?.value
+        }));
+    const { submit, setProcessing } = useForm();
+    const containerRef = useRef(null);
+    const getUploadUrl = useCallback(async ()=>{
+        const response = await fetch(`${apiUrl}/mux/upload`, {
+            method: 'POST'
+        });
+        if (!response.ok) {
+            const body = (await response.text()).slice(0, 200);
+            toast.error(`Could not create a Mux upload (${response.status}): ${body}`);
+            throw new Error(`[payload-mux] upload URL request failed (${response.status}): ${body}`);
+        }
+        const { id, url } = await response.json();
+        setUploadId(id);
+        return url;
+    }, [
+        apiUrl
+    ]);
+    const onUploadStart = useCallback(({ detail: { file } })=>{
+        const resolvedTitle = title?.value || stripExtension(file.name);
+        if (!title?.value) setTitle(resolvedTitle);
+        setFile(new File([], resolvedTitle, {
+            type: file.type,
+            lastModified: file.lastModified
+        }));
+    }, [
+        title?.value,
+        setTitle,
+        setFile
+    ]);
+    const onSuccess = useCallback(async ()=>{
+        setProcessing(true);
+        const fetchUpload = async ()=>(await fetch(`${apiUrl}/mux/upload?id=${uploadId}`)).json();
+        let upload = await fetchUpload();
+        // The asset_id may lag the upload by a moment; poll until Mux assigns it — but bound it so a
+        // stuck/errored upload can't hang the form on "processing" forever.
+        const deadline = Date.now() + 60_000;
+        while(!upload.asset_id && Date.now() < deadline){
+            await new Promise((resolve)=>setTimeout(resolve, 1000));
+            upload = await fetchUpload();
+        }
+        if (!upload.asset_id) {
+            setProcessing(false);
+            toast.error('The upload did not produce a Mux asset id within 60 seconds — please try again.');
+            return;
+        }
+        const { asset_id } = upload;
+        setAssetId(asset_id);
+        // Defer the submit so the assetId dispatch is flushed first.
+        setTimeout(()=>submit({
+                overrides: {
+                    assetId: asset_id
+                }
+            }), 0);
+    }, [
+        apiUrl,
+        uploadId,
+        setAssetId,
+        setProcessing,
+        submit
+    ]);
+    // Hide Payload's default `.file-field` (present only when extending an upload collection),
+    // scoped to this field's own form so it can't hide a file field elsewhere on the page.
+    useEffect(()=>{
+        const fileField = containerRef.current?.closest('form')?.querySelector('.file-field');
+        if (fileField) fileField.style.display = 'none';
+    }, []);
+    return /*#__PURE__*/ _jsxs("div", {
+        className: "mux-uploader",
+        ref: containerRef,
+        children: [
+            !assetId?.value && /*#__PURE__*/ _jsx(MuxUploader, {
+                endpoint: getUploadUrl,
+                onUploadStart: onUploadStart,
+                onSuccess: onSuccess
+            }),
+            Boolean(assetId?.value) && status === 'errored' && /*#__PURE__*/ _jsxs("div", {
+                className: "mux-uploader__error",
+                children: [
+                    "Mux could not process this video",
+                    error ? `: ${error}` : '',
+                    ". Delete this video and upload it again."
+                ]
+            }),
+            Boolean(assetId?.value) && !playbackUrl && status !== 'errored' && /*#__PURE__*/ _jsxs("div", {
+                className: "mux-uploader__processing",
+                children: [
+                    "Video is being encoded. This typically takes less than 90 seconds, please refresh the page in a moment. If this persists, ensure your Mux webhook points at ",
+                    `${apiUrl}/mux/webhook`,
+                    " (see docs)"
+                ]
+            }),
+            playbackUrl && /*#__PURE__*/ _jsx(MuxPlayer, {
+                src: playbackUrl,
+                streamType: "on-demand",
+                style: {
+                    height: '60vh'
+                }
+            })
+        ]
+    });
+};
+export default MuxUploaderField;
+
+//# sourceMappingURL=MuxUploaderField.js.map

package/dist/components/MuxUploaderField.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/MuxUploaderField.tsx"],"sourcesContent":["'use client'\n\nimport MuxPlayer from '@mux/mux-player-react'\nimport MuxUploader from '@mux/mux-uploader-react'\nimport { toast, useConfig, useForm, useFormFields } from '@payloadcms/ui'\nimport { useCallback, useEffect, useRef, useState } from 'react'\nimport './mux-uploader.css'\n\n/** Strip the extension from a filename (`clip.final.mp4` → `clip.final`). */\nconst stripExtension = (name: string): string => name.replace(/\\.[^./\\\\]+$/, '')\n\n/**\n * The admin Field for the `muxUploader` UI field. Four states: an uploader before a video\n * exists, a \"processing\" notice while Mux encodes, an error notice when Mux rejected the\n * upload (`status: 'errored'`), and the Mux player once a playback URL is available. Uploads\n * go directly to Mux via a direct-upload URL the plugin's endpoint mints.\n */\nexport const MuxUploaderField = () => {\n  const { config } = useConfig()\n  const apiUrl = config.routes.api\n\n  const [uploadId, setUploadId] = useState('')\n  const { assetId, setAssetId, title, setTitle, setFile, playbackUrl, status, error } = useFormFields(([fields, dispatch]) => ({\n    assetId: fields.assetId,\n    setAssetId: (value: string) => dispatch({ type: 'UPDATE', path: 'assetId', value }),\n    title: fields.title,\n    setTitle: (value: string) => dispatch({ type: 'UPDATE', path: 'title', value }),\n    setFile: (value: File) => dispatch({ type: 'UPDATE', path: 'file', value }),\n    playbackUrl: fields['playbackOptions.0.playbackUrl']?.value as string | undefined,\n    status: fields.status?.value as string | undefined,\n    error: fields.error?.value as string | undefined,\n  }))\n\n  const { submit, setProcessing } = useForm()\n  const containerRef = useRef<HTMLDivElement>(null)\n\n  const getUploadUrl = useCallback(async () => {\n    const response = await fetch(`${apiUrl}/mux/upload`, { method: 'POST' })\n    if (!response.ok) {\n      const body = (await response.text()).slice(0, 200)\n      toast.error(`Could not create a Mux upload (${response.status}): ${body}`)\n      throw new Error(`[payload-mux] upload URL request failed (${response.status}): ${body}`)\n    }\n    const { id, url } = (await response.json()) as { id: string; url: string }\n    setUploadId(id)\n    return url\n  }, [apiUrl])\n\n  const onUploadStart = useCallback(\n    ({ detail: { file } }: { detail: { file: File } }) => {\n      const resolvedTitle = (title?.value as string) || stripExtension(file.name)\n      if (!title?.value) setTitle(resolvedTitle)\n      setFile(new File([], resolvedTitle, { type: file.type, lastModified: file.lastModified }))\n    },\n    [title?.value, setTitle, setFile],\n  )\n\n  const onSuccess = useCallback(async () => {\n    setProcessing(true)\n\n    const fetchUpload = async () => (await fetch(`${apiUrl}/mux/upload?id=${uploadId}`)).json()\n    let upload = await fetchUpload()\n    // The asset_id may lag the upload by a moment; poll until Mux assigns it — but bound it so a\n    // stuck/errored upload can't hang the form on \"processing\" forever.\n    const deadline = Date.now() + 60_000\n    while (!upload.asset_id && Date.now() < deadline) {\n      await new Promise((resolve) => setTimeout(resolve, 1000))\n      upload = await fetchUpload()\n    }\n\n    if (!upload.asset_id) {\n      setProcessing(false)\n      toast.error('The upload did not produce a Mux asset id within 60 seconds — please try again.')\n      return\n    }\n\n    const { asset_id } = upload\n    setAssetId(asset_id)\n    // Defer the submit so the assetId dispatch is flushed first.\n    setTimeout(() => submit({ overrides: { assetId: asset_id } }), 0)\n  }, [apiUrl, uploadId, setAssetId, setProcessing, submit])\n\n  // Hide Payload's default `.file-field` (present only when extending an upload collection),\n  // scoped to this field's own form so it can't hide a file field elsewhere on the page.\n  useEffect(() => {\n    const fileField = containerRef.current?.closest('form')?.querySelector('.file-field') as HTMLElement | null\n    if (fileField) fileField.style.display = 'none'\n  }, [])\n\n  return (\n    <div className=\"mux-uploader\" ref={containerRef}>\n      {!assetId?.value && <MuxUploader endpoint={getUploadUrl} onUploadStart={onUploadStart} onSuccess={onSuccess} />}\n      {Boolean(assetId?.value) && status === 'errored' && (\n        <div className=\"mux-uploader__error\">\n          Mux could not process this video{error ? `: ${error}` : ''}. Delete this video and upload it again.\n        </div>\n      )}\n      {Boolean(assetId?.value) && !playbackUrl && status !== 'errored' && (\n        <div className=\"mux-uploader__processing\">\n          Video is being encoded. This typically takes less than 90 seconds, please refresh the page in a moment. If this persists, ensure your\n          Mux webhook points at {`${apiUrl}/mux/webhook`} (see docs)\n        </div>\n      )}\n      {playbackUrl && <MuxPlayer src={playbackUrl} streamType=\"on-demand\" style={{ height: '60vh' }} />}\n    </div>\n  )\n}\n\nexport default MuxUploaderField\n"],"names":["MuxPlayer","MuxUploader","toast","useConfig","useForm","useFormFields","useCallback","useEffect","useRef","useState","stripExtension","name","replace","MuxUploaderField","config","apiUrl","routes","api","uploadId","setUploadId","assetId","setAssetId","title","setTitle","setFile","playbackUrl","status","error","fields","dispatch","value","type","path","submit","setProcessing","containerRef","getUploadUrl","response","fetch","method","ok","body","text","slice","Error","id","url","json","onUploadStart","detail","file","resolvedTitle","File","lastModified","onSuccess","fetchUpload","upload","deadline","Date","now","asset_id","Promise","resolve","setTimeout","overrides","fileField","current","closest","querySelector","style","display","div","className","ref","endpoint","Boolean","src","streamType","height"],"mappings":"AAAA;;AAEA,OAAOA,eAAe,wBAAuB;AAC7C,OAAOC,iBAAiB,0BAAyB;AACjD,SAASC,KAAK,EAAEC,SAAS,EAAEC,OAAO,EAAEC,aAAa,QAAQ,iBAAgB;AACzE,SAASC,WAAW,EAAEC,SAAS,EAAEC,MAAM,EAAEC,QAAQ,QAAQ,QAAO;AAChE,OAAO,qBAAoB;AAE3B,2EAA2E,GAC3E,MAAMC,iBAAiB,CAACC,OAAyBA,KAAKC,OAAO,CAAC,eAAe;AAE7E;;;;;CAKC,GACD,OAAO,MAAMC,mBAAmB;IAC9B,MAAM,EAAEC,MAAM,EAAE,GAAGX;IACnB,MAAMY,SAASD,OAAOE,MAAM,CAACC,GAAG;IAEhC,MAAM,CAACC,UAAUC,YAAY,GAAGV,SAAS;IACzC,MAAM,EAAEW,OAAO,EAAEC,UAAU,EAAEC,KAAK,EAAEC,QAAQ,EAAEC,OAAO,EAAEC,WAAW,EAAEC,MAAM,EAAEC,KAAK,EAAE,GAAGtB,cAAc,CAAC,CAACuB,QAAQC,SAAS,GAAM,CAAA;YAC3HT,SAASQ,OAAOR,OAAO;YACvBC,YAAY,CAACS,QAAkBD,SAAS;oBAAEE,MAAM;oBAAUC,MAAM;oBAAWF;gBAAM;YACjFR,OAAOM,OAAON,KAAK;YACnBC,UAAU,CAACO,QAAkBD,SAAS;oBAAEE,MAAM;oBAAUC,MAAM;oBAASF;gBAAM;YAC7EN,SAAS,CAACM,QAAgBD,SAAS;oBAAEE,MAAM;oBAAUC,MAAM;oBAAQF;gBAAM;YACzEL,aAAaG,MAAM,CAAC,gCAAgC,EAAEE;YACtDJ,QAAQE,OAAOF,MAAM,EAAEI;YACvBH,OAAOC,OAAOD,KAAK,EAAEG;QACvB,CAAA;IAEA,MAAM,EAAEG,MAAM,EAAEC,aAAa,EAAE,GAAG9B;IAClC,MAAM+B,eAAe3B,OAAuB;IAE5C,MAAM4B,eAAe9B,YAAY;QAC/B,MAAM+B,WAAW,MAAMC,MAAM,GAAGvB,OAAO,WAAW,CAAC,EAAE;YAAEwB,QAAQ;QAAO;QACtE,IAAI,CAACF,SAASG,EAAE,EAAE;YAChB,MAAMC,OAAO,AAAC,CAAA,MAAMJ,SAASK,IAAI,EAAC,EAAGC,KAAK,CAAC,GAAG;YAC9CzC,MAAMyB,KAAK,CAAC,CAAC,+BAA+B,EAAEU,SAASX,MAAM,CAAC,GAAG,EAAEe,MAAM;YACzE,MAAM,IAAIG,MAAM,CAAC,yCAAyC,EAAEP,SAASX,MAAM,CAAC,GAAG,EAAEe,MAAM;QACzF;QACA,MAAM,EAAEI,EAAE,EAAEC,GAAG,EAAE,GAAI,MAAMT,SAASU,IAAI;QACxC5B,YAAY0B;QACZ,OAAOC;IACT,GAAG;QAAC/B;KAAO;IAEX,MAAMiC,gBAAgB1C,YACpB,CAAC,EAAE2C,QAAQ,EAAEC,IAAI,EAAE,EAA8B;QAC/C,MAAMC,gBAAgB,AAAC7B,OAAOQ,SAAoBpB,eAAewC,KAAKvC,IAAI;QAC1E,IAAI,CAACW,OAAOQ,OAAOP,SAAS4B;QAC5B3B,QAAQ,IAAI4B,KAAK,EAAE,EAAED,eAAe;YAAEpB,MAAMmB,KAAKnB,IAAI;YAAEsB,cAAcH,KAAKG,YAAY;QAAC;IACzF,GACA;QAAC/B,OAAOQ;QAAOP;QAAUC;KAAQ;IAGnC,MAAM8B,YAAYhD,YAAY;QAC5B4B,cAAc;QAEd,MAAMqB,cAAc,UAAY,AAAC,CAAA,MAAMjB,MAAM,GAAGvB,OAAO,eAAe,EAAEG,UAAU,CAAA,EAAG6B,IAAI;QACzF,IAAIS,SAAS,MAAMD;QACnB,6FAA6F;QAC7F,oEAAoE;QACpE,MAAME,WAAWC,KAAKC,GAAG,KAAK;QAC9B,MAAO,CAACH,OAAOI,QAAQ,IAAIF,KAAKC,GAAG,KAAKF,SAAU;YAChD,MAAM,IAAII,QAAQ,CAACC,UAAYC,WAAWD,SAAS;YACnDN,SAAS,MAAMD;QACjB;QAEA,IAAI,CAACC,OAAOI,QAAQ,EAAE;YACpB1B,cAAc;YACdhC,MAAMyB,KAAK,CAAC;YACZ;QACF;QAEA,MAAM,EAAEiC,QAAQ,EAAE,GAAGJ;QACrBnC,WAAWuC;QACX,6DAA6D;QAC7DG,WAAW,IAAM9B,OAAO;gBAAE+B,WAAW;oBAAE5C,SAASwC;gBAAS;YAAE,IAAI;IACjE,GAAG;QAAC7C;QAAQG;QAAUG;QAAYa;QAAeD;KAAO;IAExD,2FAA2F;IAC3F,uFAAuF;IACvF1B,UAAU;QACR,MAAM0D,YAAY9B,aAAa+B,OAAO,EAAEC,QAAQ,SAASC,cAAc;QACvE,IAAIH,WAAWA,UAAUI,KAAK,CAACC,OAAO,GAAG;IAC3C,GAAG,EAAE;IAEL,qBACE,MAACC;QAAIC,WAAU;QAAeC,KAAKtC;;YAChC,CAACf,SAASU,uBAAS,KAAC7B;gBAAYyE,UAAUtC;gBAAcY,eAAeA;gBAAeM,WAAWA;;YACjGqB,QAAQvD,SAASU,UAAUJ,WAAW,2BACrC,MAAC6C;gBAAIC,WAAU;;oBAAsB;oBACF7C,QAAQ,CAAC,EAAE,EAAEA,OAAO,GAAG;oBAAG;;;YAG9DgD,QAAQvD,SAASU,UAAU,CAACL,eAAeC,WAAW,2BACrD,MAAC6C;gBAAIC,WAAU;;oBAA2B;oBAEjB,GAAGzD,OAAO,YAAY,CAAC;oBAAC;;;YAGlDU,6BAAe,KAACzB;gBAAU4E,KAAKnD;gBAAaoD,YAAW;gBAAYR,OAAO;oBAAES,QAAQ;gBAAO;;;;AAGlG,EAAC;AAED,eAAejE,iBAAgB"}

package/dist/components/MuxVideoGifCell.d.ts

@@ -0,0 +1,5 @@
+import type { DefaultCellComponentProps } from 'payload';
+/** List-view Cell showing an animated Mux gif preview (the `adminThumbnail: 'gif'` mode). */
+export declare const MuxVideoGifCell: ({ rowData }: DefaultCellComponentProps) => import("react").JSX.Element;
+export default MuxVideoGifCell;
+//# sourceMappingURL=MuxVideoGifCell.d.ts.map

package/dist/components/MuxVideoGifCell.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MuxVideoGifCell.d.ts","sourceRoot":"","sources":["../../src/components/MuxVideoGifCell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,SAAS,CAAA;AAExD,6FAA6F;AAC7F,eAAO,MAAM,eAAe,GAAI,aAAa,yBAAyB,gCAMrE,CAAA;AAED,eAAe,eAAe,CAAA"}

package/dist/components/MuxVideoGifCell.js

@@ -0,0 +1,21 @@
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+/** List-view Cell showing an animated Mux gif preview (the `adminThumbnail: 'gif'` mode). */ export const MuxVideoGifCell = ({ rowData })=>{
+    const playbackOption = rowData?.playbackOptions?.[0];
+    if (!playbackOption) return /*#__PURE__*/ _jsx(_Fragment, {
+        children: "Preview not available."
+    });
+    // biome-ignore lint/performance/noImgElement: admin list-view thumbnail (Mux image URL), not a Next page
+    return /*#__PURE__*/ _jsx("img", {
+        style: {
+            width: 80,
+            height: 80,
+            objectFit: 'cover'
+        },
+        loading: "lazy",
+        alt: rowData?.title,
+        src: playbackOption.gifUrl
+    });
+};
+export default MuxVideoGifCell;
+
+//# sourceMappingURL=MuxVideoGifCell.js.map

package/dist/components/MuxVideoGifCell.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/MuxVideoGifCell.tsx"],"sourcesContent":["import type { DefaultCellComponentProps } from 'payload'\n\n/** List-view Cell showing an animated Mux gif preview (the `adminThumbnail: 'gif'` mode). */\nexport const MuxVideoGifCell = ({ rowData }: DefaultCellComponentProps) => {\n  const playbackOption = rowData?.playbackOptions?.[0]\n  if (!playbackOption) return <>Preview not available.</>\n\n  // biome-ignore lint/performance/noImgElement: admin list-view thumbnail (Mux image URL), not a Next page\n  return <img style={{ width: 80, height: 80, objectFit: 'cover' }} loading=\"lazy\" alt={rowData?.title} src={playbackOption.gifUrl} />\n}\n\nexport default MuxVideoGifCell\n"],"names":["MuxVideoGifCell","rowData","playbackOption","playbackOptions","img","style","width","height","objectFit","loading","alt","title","src","gifUrl"],"mappings":";AAEA,2FAA2F,GAC3F,OAAO,MAAMA,kBAAkB,CAAC,EAAEC,OAAO,EAA6B;IACpE,MAAMC,iBAAiBD,SAASE,iBAAiB,CAAC,EAAE;IACpD,IAAI,CAACD,gBAAgB,qBAAO;kBAAE;;IAE9B,yGAAyG;IACzG,qBAAO,KAACE;QAAIC,OAAO;YAAEC,OAAO;YAAIC,QAAQ;YAAIC,WAAW;QAAQ;QAAGC,SAAQ;QAAOC,KAAKT,SAASU;QAAOC,KAAKV,eAAeW,MAAM;;AAClI,EAAC;AAED,eAAeb,gBAAe"}

package/dist/components/MuxVideoImageCell.d.ts

@@ -0,0 +1,5 @@
+import type { DefaultCellComponentProps } from 'payload';
+/** List-view Cell showing a static Mux poster image (the `adminThumbnail: 'image'` mode). */
+export declare const MuxVideoImageCell: ({ rowData }: DefaultCellComponentProps) => import("react").JSX.Element;
+export default MuxVideoImageCell;
+//# sourceMappingURL=MuxVideoImageCell.d.ts.map

package/dist/components/MuxVideoImageCell.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MuxVideoImageCell.d.ts","sourceRoot":"","sources":["../../src/components/MuxVideoImageCell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,SAAS,CAAA;AAExD,6FAA6F;AAC7F,eAAO,MAAM,iBAAiB,GAAI,aAAa,yBAAyB,gCAMvE,CAAA;AAED,eAAe,iBAAiB,CAAA"}

package/dist/components/MuxVideoImageCell.js

@@ -0,0 +1,21 @@
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+/** List-view Cell showing a static Mux poster image (the `adminThumbnail: 'image'` mode). */ export const MuxVideoImageCell = ({ rowData })=>{
+    const playbackOption = rowData?.playbackOptions?.[0];
+    if (!playbackOption) return /*#__PURE__*/ _jsx(_Fragment, {
+        children: "Preview not available."
+    });
+    // biome-ignore lint/performance/noImgElement: admin list-view thumbnail (Mux image URL), not a Next page
+    return /*#__PURE__*/ _jsx("img", {
+        style: {
+            width: 80,
+            height: 80,
+            objectFit: 'cover'
+        },
+        loading: "lazy",
+        alt: rowData?.title,
+        src: playbackOption.posterUrl
+    });
+};
+export default MuxVideoImageCell;
+
+//# sourceMappingURL=MuxVideoImageCell.js.map

package/dist/components/MuxVideoImageCell.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/MuxVideoImageCell.tsx"],"sourcesContent":["import type { DefaultCellComponentProps } from 'payload'\n\n/** List-view Cell showing a static Mux poster image (the `adminThumbnail: 'image'` mode). */\nexport const MuxVideoImageCell = ({ rowData }: DefaultCellComponentProps) => {\n  const playbackOption = rowData?.playbackOptions?.[0]\n  if (!playbackOption) return <>Preview not available.</>\n\n  // biome-ignore lint/performance/noImgElement: admin list-view thumbnail (Mux image URL), not a Next page\n  return <img style={{ width: 80, height: 80, objectFit: 'cover' }} loading=\"lazy\" alt={rowData?.title} src={playbackOption.posterUrl} />\n}\n\nexport default MuxVideoImageCell\n"],"names":["MuxVideoImageCell","rowData","playbackOption","playbackOptions","img","style","width","height","objectFit","loading","alt","title","src","posterUrl"],"mappings":";AAEA,2FAA2F,GAC3F,OAAO,MAAMA,oBAAoB,CAAC,EAAEC,OAAO,EAA6B;IACtE,MAAMC,iBAAiBD,SAASE,iBAAiB,CAAC,EAAE;IACpD,IAAI,CAACD,gBAAgB,qBAAO;kBAAE;;IAE9B,yGAAyG;IACzG,qBAAO,KAACE;QAAIC,OAAO;YAAEC,OAAO;YAAIC,QAAQ;YAAIC,WAAW;QAAQ;QAAGC,SAAQ;QAAOC,KAAKT,SAASU;QAAOC,KAAKV,eAAeW,SAAS;;AACrI,EAAC;AAED,eAAeb,kBAAiB"}