@aglyn/plugins-commerce 1.0.0-beta.143

package/src/lib/components/console/paid-media.js

@@ -0,0 +1,397 @@
+/**
+ * @license
+ * Copyright 2026 Aglyn LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */ 'use client';
+import { _ as _extends } from "@swc/helpers/_/_extends";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { formatMediaRef, paidMediaAssetOf, parsePaidMediaSource, useMediaPicker } from "@aglyn/aglyn";
+import { useConfirmationContext } from "@aglyn/shared-ui-jsx";
+import { useSnackbar } from "@aglyn/shared-ui-snackstack";
+import { authorizedFetch } from "@aglyn/shared-util-http/authorized-token";
+import { useFirestore, useUser } from "@aglyn/tenant-feature-instance";
+import { Button, Chip, Stack, Tooltip, Typography } from "@mui/material";
+import { doc, getDoc } from "firebase/firestore";
+import { useCallback, useEffect, useState } from "react";
+const PAID_MEDIA_COPY = {
+    video: {
+        title: 'Make this video private?',
+        lead: 'Members videos are private: buyers play them through a link that ' + 'expires, and nobody else can open them.',
+        notAdded: 'The video was not added.',
+        unusable: 'Members cannot play it until it is private.',
+        choose: 'Choose the video from the media library, so its links can expire.'
+    },
+    download: {
+        title: 'Make this file private?',
+        lead: 'Paid downloads are private: buyers get a link that expires, and nobody ' + 'else can open the file.',
+        notAdded: 'The file was not added.',
+        unusable: 'Buyers cannot download it until it is private.',
+        choose: 'Choose the file from the media library, so its links can expire.'
+    }
+};
+/** The request body that names an asset's library to the media routes. */ export function paidMediaScopeBody(scope) {
+    return scope.startsWith('org:') ? {
+        orgId: scope.slice('org:'.length).split(':')[0]
+    } : {
+        hostId: scope
+    };
+}
+/**
+ * Where an asset is used, apart from the product it is being added to. That
+ * product's own row is not a place making it private could break.
+ */ export function usesBesideProduct(references, product) {
+    return references.filter((reference)=>!(product.productId && reference.kind === 'plugin' && reference.collectionId === 'products' && reference.hostId === product.hostId && reference.id === product.productId));
+}
+/** What the author reads before a video becomes private. */ export function paidMediaConfirmation(options) {
+    var _options_kind;
+    const { others, checked } = options;
+    const { lead } = PAID_MEDIA_COPY[(_options_kind = options.kind) != null ? _options_kind : 'video'];
+    let usage;
+    if (others.length) {
+        const names = others.slice(0, 3).map((reference)=>`“${reference.name}”`).join(', ');
+        const more = others.length > 3 ? ` and ${others.length - 3} more` : '';
+        usage = `It is also used on ${names}${more}, and it stops showing there.`;
+    } else if (checked === 'full') {
+        usage = 'Nothing else uses it.';
+    } else if (checked === 'partial') {
+        usage = 'We could not check everywhere it might be used, so something else ' + 'could still rely on it.';
+    } else {
+        usage = 'We could not check where else it is used.';
+    }
+    return `${lead} ${usage} Any public link to it that was already shared stops working too.`;
+}
+/**
+ * Adds a picked file to a product as paid media, making it private first when
+ * it is not, and makes an already-added one private.
+ */ export function usePaidMediaAttach(product) {
+    var _product_kind;
+    const { hostId, productId } = product;
+    const kind = (_product_kind = product.kind) != null ? _product_kind : 'video';
+    const copy = PAID_MEDIA_COPY[kind];
+    const { data: user } = useUser();
+    const { confirm } = useConfirmationContext();
+    const { enqueueSnackbar } = useSnackbar();
+    const protect = useCallback(async (asset, options)=>{
+        const scopeBody = paidMediaScopeBody(asset.scope);
+        let others = [];
+        let checked = 'failed';
+        try {
+            const response = await authorizedFetch(user, '/api/media/references', {
+                method: 'POST',
+                headers: {
+                    'Content-Type': 'application/json'
+                },
+                body: JSON.stringify(_extends({}, scopeBody, {
+                    mediaId: asset.mediaId
+                }))
+            });
+            if (response.ok) {
+                const payload = await response.json();
+                others = usesBesideProduct(Array.isArray(payload == null ? void 0 : payload.references) ? payload.references : [], {
+                    hostId,
+                    productId
+                });
+                checked = (payload == null ? void 0 : payload.complete) ? 'full' : 'partial';
+            }
+        } catch (unused) {
+        // Said in the confirmation instead: "we could not check" is not
+        // "nothing uses it".
+        }
+        const confirmed = await confirm({
+            title: copy.title,
+            description: paidMediaConfirmation({
+                others,
+                checked,
+                kind
+            }),
+            confirmationText: 'Make private'
+        }).then(()=>true).catch(()=>false);
+        if (!confirmed) return false;
+        const response = await authorizedFetch(user, '/api/media/folders', {
+            method: 'POST',
+            headers: {
+                'Content-Type': 'application/json'
+            },
+            body: JSON.stringify(_extends({}, scopeBody, {
+                action: 'set-private',
+                mediaId: asset.mediaId,
+                private: true
+            }))
+        });
+        const payload = await response.json().catch(()=>({}));
+        if (!response.ok) {
+            var _ref;
+            const reason = String((_ref = payload == null ? void 0 : payload.error) != null ? _ref : 'Could not make the video private');
+            enqueueSnackbar(`${reason}. ${options.adding ? copy.notAdded : copy.unusable}`, {
+                variant: 'error',
+                allowDuplicate: true
+            });
+            return false;
+        }
+        if ((payload == null ? void 0 : payload.rawUrlCleared) === false) {
+            enqueueSnackbar('The video is private, but an old public download link to it could ' + 'not be confirmed dead. Make it private again from the media ' + 'library to retry.', {
+                variant: 'warning',
+                persist: false
+            });
+        }
+        return true;
+    }, [
+        confirm,
+        copy,
+        enqueueSnackbar,
+        hostId,
+        kind,
+        productId,
+        user
+    ]);
+    /** The value to store on the product, or null when nothing was added. */ const attach = useCallback(async (picked)=>{
+        const reference = picked.mediaScope && picked.mediaId ? formatMediaRef(picked.mediaScope, picked.mediaId) : undefined;
+        if (!reference || !picked.mediaScope || !picked.mediaId) {
+            enqueueSnackbar(copy.choose, {
+                variant: 'warning',
+                persist: false
+            });
+            return null;
+        }
+        if (picked.private) return reference;
+        const madePrivate = await protect({
+            scope: picked.mediaScope,
+            mediaId: picked.mediaId
+        }, {
+            adding: true
+        });
+        return madePrivate ? reference : null;
+    }, [
+        copy,
+        enqueueSnackbar,
+        protect
+    ]);
+    return {
+        attach,
+        protect
+    };
+}
+/**
+ * Whether one stored paid file can be delivered, read off its media document.
+ * A public one gets the button that fixes it.
+ */ export function PaidMediaProtection(props) {
+    const { url, hostId, productId, kind } = props;
+    const firestore = useFirestore();
+    const { protect } = usePaidMediaAttach({
+        hostId,
+        productId,
+        kind
+    });
+    const [protection, setProtection] = useState('checking');
+    const [generation, setGeneration] = useState(0);
+    const source = parsePaidMediaSource(url);
+    const asset = paidMediaAssetOf(url);
+    useEffect(()=>{
+        const target = paidMediaAssetOf(url);
+        if (!target) return;
+        let active = true;
+        setProtection('checking');
+        const reference = target.scope.startsWith('org:') ? doc(firestore, 'orgs', target.scope.slice('org:'.length).split(':')[0], 'media', target.mediaId) : doc(firestore, 'hosts', target.scope, 'media', target.mediaId);
+        getDoc(reference).then((snapshot)=>{
+            if (!active) return;
+            if (!snapshot.exists() || snapshot.get('deletedAt')) {
+                setProtection('missing');
+            } else {
+                setProtection(snapshot.get('private') === true ? 'private' : 'public');
+            }
+        }).catch(()=>{
+            if (active) setProtection('unknown');
+        });
+        return ()=>{
+            active = false;
+        };
+    }, [
+        firestore,
+        url,
+        generation
+    ]);
+    if (source.kind === 'external') {
+        return /*#__PURE__*/ _jsx(Tooltip, {
+            title: "Served by another site, so its links cannot be made to expire.",
+            children: /*#__PURE__*/ _jsx(Chip, {
+                size: "small",
+                label: "Hosted elsewhere"
+            })
+        });
+    }
+    if (source.kind === 'malformed') {
+        return /*#__PURE__*/ _jsx(Chip, {
+            size: "small",
+            color: "error",
+            label: "Cannot be played"
+        });
+    }
+    if (!asset) return null;
+    if (protection === 'private') {
+        return /*#__PURE__*/ _jsx(Tooltip, {
+            title: "Buyers get a link that expires.",
+            children: /*#__PURE__*/ _jsx(Chip, {
+                size: "small",
+                color: "success",
+                label: "Private"
+            })
+        });
+    }
+    if (protection === 'public') {
+        return /*#__PURE__*/ _jsxs(Stack, {
+            direction: "row",
+            spacing: 1,
+            sx: {
+                alignItems: 'center'
+            },
+            children: [
+                /*#__PURE__*/ _jsx(Tooltip, {
+                    title: "Anyone with its link can open a public file, so buyers cannot get it until it is private.",
+                    children: /*#__PURE__*/ _jsx(Chip, {
+                        size: "small",
+                        color: "warning",
+                        label: "Public"
+                    })
+                }),
+                /*#__PURE__*/ _jsx(Button, {
+                    size: "small",
+                    onClick: ()=>void protect(asset, {
+                            adding: false
+                        }).then((madePrivate)=>{
+                            if (madePrivate) setGeneration((value)=>value + 1);
+                        }),
+                    children: 'Make private'
+                })
+            ]
+        });
+    }
+    if (protection === 'missing') {
+        return /*#__PURE__*/ _jsx(Chip, {
+            size: "small",
+            color: "error",
+            label: "Not in the media library"
+        });
+    }
+    return null;
+}
+/**
+ * A product's members videos: each with whether it can play, and the button
+ * that adds one.
+ *
+ * Its own component so the product editor's body stays free while the editor
+ * is closed: the editor is rendered on every visit to the catalog, and this
+ * only mounts inside the open dialog.
+ */ export function MembersVideosField(props) {
+    const { hostId, productId, videos, onChange } = props;
+    const { pickMedia } = useMediaPicker();
+    const { attach } = usePaidMediaAttach({
+        hostId,
+        productId
+    });
+    return /*#__PURE__*/ _jsxs(_Fragment, {
+        children: [
+            videos.map((video, index)=>/*#__PURE__*/ _jsxs(Stack, {
+                    direction: "row",
+                    spacing: 1,
+                    sx: {
+                        alignItems: 'center'
+                    },
+                    children: [
+                        /*#__PURE__*/ _jsx(Typography, {
+                            variant: "body2",
+                            sx: {
+                                flex: 1
+                            },
+                            noWrap: true,
+                            children: `🎬 ${video.title || video.url}`
+                        }),
+                        /*#__PURE__*/ _jsx(PaidMediaProtection, {
+                            url: video.url,
+                            hostId: hostId,
+                            productId: productId
+                        }),
+                        /*#__PURE__*/ _jsx(Button, {
+                            size: "small",
+                            color: "error",
+                            onClick: ()=>onChange(videos.filter((_item, itemIndex)=>itemIndex !== index)),
+                            children: '✕'
+                        })
+                    ]
+                }, index)),
+            /*#__PURE__*/ _jsx(Button, {
+                size: "small",
+                sx: {
+                    alignSelf: 'flex-start'
+                },
+                onClick: ()=>void (async ()=>{
+                        var _media_fileName;
+                        // A private file is the only kind a members video can be, so the
+                        // picker offers private files here and nowhere else. And a film is
+                        // the only kind of file it can play, so the picker lists and
+                        // uploads nothing else (AGL-2953).
+                        const media = await (pickMedia == null ? void 0 : pickMedia({
+                            allowPrivate: true,
+                            kind: 'video'
+                        }));
+                        if (!media) return;
+                        const url = await attach(media);
+                        if (!url) return;
+                        onChange([
+                            ...videos,
+                            {
+                                url,
+                                title: (_media_fileName = media.fileName) != null ? _media_fileName : ''
+                            }
+                        ]);
+                    })(),
+                children: 'Add members video'
+            })
+        ]
+    });
+}
+/**
+ * The button that adds a paid download (AGL-2847): the picker offers private
+ * files, and a public one is made private before it is added.
+ *
+ * Its own component for the same reason as {@link MembersVideosField}: the
+ * product editor's body runs while the editor is closed, and this only mounts
+ * inside the open dialog.
+ */ export function PaidDownloadAddButton(props) {
+    const { hostId, productId, onAdd } = props;
+    const { pickMedia } = useMediaPicker();
+    const { attach } = usePaidMediaAttach({
+        hostId,
+        productId,
+        kind: 'download'
+    });
+    return /*#__PURE__*/ _jsx(Button, {
+        size: "small",
+        onClick: ()=>void (async ()=>{
+                var _media_fileName;
+                const media = await (pickMedia == null ? void 0 : pickMedia({
+                    allowPrivate: true
+                }));
+                if (!media) return;
+                const url = await attach(media);
+                if (!url) return;
+                onAdd({
+                    url,
+                    fileName: (_media_fileName = media.fileName) != null ? _media_fileName : 'download'
+                });
+            })(),
+        children: 'Add file (media library)'
+    });
+}
+
+//# sourceMappingURL=paid-media.js.map

package/src/lib/components/console/paid-media.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../../libs/plugins/commerce/src/lib/components/console/paid-media.tsx"],"sourcesContent":["/**\n * @license\n * Copyright 2026 Aglyn LLC\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *   http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\n'use client'\n\nimport {\n  formatMediaRef,\n  paidMediaAssetOf,\n  parsePaidMediaSource,\n  type PickedMedia,\n  useMediaPicker,\n} from '@aglyn/aglyn'\nimport { useConfirmationContext } from '@aglyn/shared-ui-jsx'\nimport { useSnackbar } from '@aglyn/shared-ui-snackstack'\nimport { authorizedFetch } from '@aglyn/shared-util-http/authorized-token'\nimport { useFirestore, useUser } from '@aglyn/tenant-feature-instance'\nimport { Button, Chip, Stack, Tooltip, Typography } from '@mui/material'\nimport { doc, getDoc } from 'firebase/firestore'\nimport { useCallback, useEffect, useState } from 'react'\n\n/**\n * A product's members videos (AGL-2814) and paid downloads (AGL-2847) are\n * private files.\n *\n * The stream and download routes only ever hand a buyer a link that expires,\n * and they can only do that for a PRIVATE asset: a public one already has a\n * URL that works for anyone, forever, and the routes refuse to deliver it. So\n * adding a file to a product makes it private, and the product editor shows,\n * per file, whether that is still true.\n *\n * Making a file private is visible outside the product. A trailer that is\n * also on a public page stops playing there, and every public link to it that\n * was already shared dies. The author is told which places use it before\n * confirming, from the same where-used scan the media library runs before a\n * delete.\n */\n\n/** A where-used row, reduced to what the confirmation reads. */\nexport interface PaidMediaReference {\n  kind: string\n  id: string\n  name: string\n  hostId: string\n  collectionId?: string\n}\n\n/** How far the where-used scan got before the author was asked. */\nexport type PaidMediaUsageCheck = 'full' | 'partial' | 'failed'\n\n/** Which list a flow adds to, for the words it uses. */\nexport type PaidMediaKind = 'video' | 'download'\n\nconst PAID_MEDIA_COPY: Record<\n  PaidMediaKind,\n  { title: string; lead: string; notAdded: string; unusable: string; choose: string }\n> = {\n  video: {\n    title: 'Make this video private?',\n    lead:\n      'Members videos are private: buyers play them through a link that ' +\n      'expires, and nobody else can open them.',\n    notAdded: 'The video was not added.',\n    unusable: 'Members cannot play it until it is private.',\n    choose: 'Choose the video from the media library, so its links can expire.',\n  },\n  download: {\n    title: 'Make this file private?',\n    lead:\n      'Paid downloads are private: buyers get a link that expires, and nobody ' +\n      'else can open the file.',\n    notAdded: 'The file was not added.',\n    unusable: 'Buyers cannot download it until it is private.',\n    choose: 'Choose the file from the media library, so its links can expire.',\n  },\n}\n\n/** The request body that names an asset's library to the media routes. */\nexport function paidMediaScopeBody(\n  scope: string,\n): { orgId: string } | { hostId: string } {\n  return scope.startsWith('org:')\n    ? { orgId: scope.slice('org:'.length).split(':')[0] }\n    : { hostId: scope }\n}\n\n/**\n * Where an asset is used, apart from the product it is being added to. That\n * product's own row is not a place making it private could break.\n */\nexport function usesBesideProduct(\n  references: readonly PaidMediaReference[],\n  product: { hostId: string; productId?: string },\n): PaidMediaReference[] {\n  return references.filter(\n    (reference) =>\n      !(\n        product.productId &&\n        reference.kind === 'plugin' &&\n        reference.collectionId === 'products' &&\n        reference.hostId === product.hostId &&\n        reference.id === product.productId\n      ),\n  )\n}\n\n/** What the author reads before a video becomes private. */\nexport function paidMediaConfirmation(options: {\n  others: readonly PaidMediaReference[]\n  checked: PaidMediaUsageCheck\n  kind?: PaidMediaKind\n}): string {\n  const { others, checked } = options\n  const { lead } = PAID_MEDIA_COPY[options.kind ?? 'video']\n  let usage: string\n  if (others.length) {\n    const names = others\n      .slice(0, 3)\n      .map((reference) => `“${reference.name}”`)\n      .join(', ')\n    const more = others.length > 3 ? ` and ${others.length - 3} more` : ''\n    usage = `It is also used on ${names}${more}, and it stops showing there.`\n  } else if (checked === 'full') {\n    usage = 'Nothing else uses it.'\n  } else if (checked === 'partial') {\n    usage =\n      'We could not check everywhere it might be used, so something else ' +\n      'could still rely on it.'\n  } else {\n    usage = 'We could not check where else it is used.'\n  }\n  return `${lead} ${usage} Any public link to it that was already shared stops working too.`\n}\n\n/**\n * Adds a picked file to a product as paid media, making it private first when\n * it is not, and makes an already-added one private.\n */\nexport function usePaidMediaAttach(product: {\n  hostId: string\n  productId?: string\n  kind?: PaidMediaKind\n}) {\n  const { hostId, productId } = product\n  const kind = product.kind ?? 'video'\n  const copy = PAID_MEDIA_COPY[kind]\n  const { data: user } = useUser()\n  const { confirm } = useConfirmationContext()\n  const { enqueueSnackbar } = useSnackbar()\n\n  const protect = useCallback(\n    async (\n      asset: { scope: string; mediaId: string },\n      options: { adding: boolean },\n    ): Promise<boolean> => {\n      const scopeBody = paidMediaScopeBody(asset.scope)\n      let others: PaidMediaReference[] = []\n      let checked: PaidMediaUsageCheck = 'failed'\n      try {\n        const response = await authorizedFetch(user, '/api/media/references', {\n          method: 'POST',\n          headers: { 'Content-Type': 'application/json' },\n          body: JSON.stringify({ ...scopeBody, mediaId: asset.mediaId }),\n        })\n        if (response.ok) {\n          const payload = await response.json()\n          others = usesBesideProduct(\n            Array.isArray(payload?.references) ? payload.references : [],\n            { hostId, productId },\n          )\n          checked = payload?.complete ? 'full' : 'partial'\n        }\n      } catch {\n        // Said in the confirmation instead: \"we could not check\" is not\n        // \"nothing uses it\".\n      }\n      const confirmed = await confirm({\n        title: copy.title,\n        description: paidMediaConfirmation({ others, checked, kind }),\n        confirmationText: 'Make private',\n      })\n        .then(() => true)\n        .catch(() => false)\n      if (!confirmed) return false\n      const response = await authorizedFetch(user, '/api/media/folders', {\n        method: 'POST',\n        headers: { 'Content-Type': 'application/json' },\n        body: JSON.stringify({\n          ...scopeBody,\n          action: 'set-private',\n          mediaId: asset.mediaId,\n          private: true,\n        }),\n      })\n      const payload = await response.json().catch(() => ({}))\n      if (!response.ok) {\n        const reason = String(payload?.error ?? 'Could not make the video private')\n        enqueueSnackbar(\n          `${reason}. ${options.adding ? copy.notAdded : copy.unusable}`,\n          { variant: 'error', allowDuplicate: true },\n        )\n        return false\n      }\n      if (payload?.rawUrlCleared === false) {\n        enqueueSnackbar(\n          'The video is private, but an old public download link to it could ' +\n            'not be confirmed dead. Make it private again from the media ' +\n            'library to retry.',\n          { variant: 'warning', persist: false },\n        )\n      }\n      return true\n    },\n    [confirm, copy, enqueueSnackbar, hostId, kind, productId, user],\n  )\n\n  /** The value to store on the product, or null when nothing was added. */\n  const attach = useCallback(\n    async (picked: PickedMedia): Promise<string | null> => {\n      const reference =\n        picked.mediaScope && picked.mediaId\n          ? formatMediaRef(picked.mediaScope, picked.mediaId)\n          : undefined\n      if (!reference || !picked.mediaScope || !picked.mediaId) {\n        enqueueSnackbar(copy.choose, { variant: 'warning', persist: false })\n        return null\n      }\n      if (picked.private) return reference\n      const madePrivate = await protect(\n        { scope: picked.mediaScope, mediaId: picked.mediaId },\n        { adding: true },\n      )\n      return madePrivate ? reference : null\n    },\n    [copy, enqueueSnackbar, protect],\n  )\n\n  return { attach, protect }\n}\n\ntype Protection = 'checking' | 'private' | 'public' | 'missing' | 'unknown'\n\n/**\n * Whether one stored paid file can be delivered, read off its media document.\n * A public one gets the button that fixes it.\n */\nexport function PaidMediaProtection(props: {\n  url: string\n  hostId: string\n  productId?: string\n  kind?: PaidMediaKind\n}) {\n  const { url, hostId, productId, kind } = props\n  const firestore = useFirestore()\n  const { protect } = usePaidMediaAttach({ hostId, productId, kind })\n  const [protection, setProtection] = useState<Protection>('checking')\n  const [generation, setGeneration] = useState(0)\n  const source = parsePaidMediaSource(url)\n  const asset = paidMediaAssetOf(url)\n\n  useEffect(() => {\n    const target = paidMediaAssetOf(url)\n    if (!target) return\n    let active = true\n    setProtection('checking')\n    const reference = target.scope.startsWith('org:')\n      ? doc(\n          firestore,\n          'orgs',\n          target.scope.slice('org:'.length).split(':')[0],\n          'media',\n          target.mediaId,\n        )\n      : doc(firestore, 'hosts', target.scope, 'media', target.mediaId)\n    getDoc(reference)\n      .then((snapshot) => {\n        if (!active) return\n        if (!snapshot.exists() || snapshot.get('deletedAt')) {\n          setProtection('missing')\n        } else {\n          setProtection(snapshot.get('private') === true ? 'private' : 'public')\n        }\n      })\n      .catch(() => {\n        if (active) setProtection('unknown')\n      })\n    return () => {\n      active = false\n    }\n  }, [firestore, url, generation])\n\n  if (source.kind === 'external') {\n    return (\n      <Tooltip title=\"Served by another site, so its links cannot be made to expire.\">\n        <Chip size=\"small\" label=\"Hosted elsewhere\" />\n      </Tooltip>\n    )\n  }\n  if (source.kind === 'malformed') {\n    return <Chip size=\"small\" color=\"error\" label=\"Cannot be played\" />\n  }\n  if (!asset) return null\n  if (protection === 'private') {\n    return (\n      <Tooltip title=\"Buyers get a link that expires.\">\n        <Chip size=\"small\" color=\"success\" label=\"Private\" />\n      </Tooltip>\n    )\n  }\n  if (protection === 'public') {\n    return (\n      <Stack direction=\"row\" spacing={1} sx={{ alignItems: 'center' }}>\n        <Tooltip title=\"Anyone with its link can open a public file, so buyers cannot get it until it is private.\">\n          <Chip size=\"small\" color=\"warning\" label=\"Public\" />\n        </Tooltip>\n        <Button\n          size=\"small\"\n          onClick={() =>\n            void protect(asset, { adding: false }).then((madePrivate) => {\n              if (madePrivate) setGeneration((value) => value + 1)\n            })\n          }\n        >\n          {'Make private'}\n        </Button>\n      </Stack>\n    )\n  }\n  if (protection === 'missing') {\n    return <Chip size=\"small\" color=\"error\" label=\"Not in the media library\" />\n  }\n  return null\n}\n\n/** One entry of a product's members video list. */\nexport interface MembersVideo {\n  url: string\n  title?: string\n}\n\n/**\n * A product's members videos: each with whether it can play, and the button\n * that adds one.\n *\n * Its own component so the product editor's body stays free while the editor\n * is closed: the editor is rendered on every visit to the catalog, and this\n * only mounts inside the open dialog.\n */\nexport function MembersVideosField(props: {\n  hostId: string\n  productId?: string\n  videos: readonly MembersVideo[]\n  onChange: (videos: MembersVideo[]) => void\n}) {\n  const { hostId, productId, videos, onChange } = props\n  const { pickMedia } = useMediaPicker()\n  const { attach } = usePaidMediaAttach({ hostId, productId })\n  return (\n    <>\n      {videos.map((video, index) => (\n        <Stack key={index} direction=\"row\" spacing={1} sx={{ alignItems: 'center' }}>\n          <Typography variant=\"body2\" sx={{ flex: 1 }} noWrap>\n            {`🎬 ${video.title || video.url}`}\n          </Typography>\n          <PaidMediaProtection url={video.url} hostId={hostId} productId={productId} />\n          <Button\n            size=\"small\"\n            color=\"error\"\n            onClick={() =>\n              onChange(videos.filter((_item, itemIndex) => itemIndex !== index))\n            }\n          >\n            {'✕'}\n          </Button>\n        </Stack>\n      ))}\n      <Button\n        size=\"small\"\n        sx={{ alignSelf: 'flex-start' }}\n        onClick={() =>\n          void (async () => {\n            // A private file is the only kind a members video can be, so the\n            // picker offers private files here and nowhere else. And a film is\n            // the only kind of file it can play, so the picker lists and\n            // uploads nothing else (AGL-2953).\n            const media = await pickMedia?.({\n              allowPrivate: true,\n              kind: 'video',\n            })\n            if (!media) return\n            const url = await attach(media)\n            if (!url) return\n            onChange([...videos, { url, title: media.fileName ?? '' }])\n          })()\n        }\n      >\n        {'Add members video'}\n      </Button>\n    </>\n  )\n}\n\n/**\n * The button that adds a paid download (AGL-2847): the picker offers private\n * files, and a public one is made private before it is added.\n *\n * Its own component for the same reason as {@link MembersVideosField}: the\n * product editor's body runs while the editor is closed, and this only mounts\n * inside the open dialog.\n */\nexport function PaidDownloadAddButton(props: {\n  hostId: string\n  productId?: string\n  onAdd: (file: { url: string; fileName: string }) => void\n}) {\n  const { hostId, productId, onAdd } = props\n  const { pickMedia } = useMediaPicker()\n  const { attach } = usePaidMediaAttach({ hostId, productId, kind: 'download' })\n  return (\n    <Button\n      size=\"small\"\n      onClick={() =>\n        void (async () => {\n          const media = await pickMedia?.({ allowPrivate: true })\n          if (!media) return\n          const url = await attach(media)\n          if (!url) return\n          onAdd({ url, fileName: media.fileName ?? 'download' })\n        })()\n      }\n    >\n      {'Add file (media library)'}\n    </Button>\n  )\n}\n"],"names":["formatMediaRef","paidMediaAssetOf","parsePaidMediaSource","useMediaPicker","useConfirmationContext","useSnackbar","authorizedFetch","useFirestore","useUser","Button","Chip","Stack","Tooltip","Typography","doc","getDoc","useCallback","useEffect","useState","PAID_MEDIA_COPY","video","title","lead","notAdded","unusable","choose","download","paidMediaScopeBody","scope","startsWith","orgId","slice","length","split","hostId","usesBesideProduct","references","product","filter","reference","productId","kind","collectionId","id","paidMediaConfirmation","options","others","checked","usage","names","map","name","join","more","usePaidMediaAttach","copy","data","user","confirm","enqueueSnackbar","protect","asset","scopeBody","response","method","headers","body","JSON","stringify","mediaId","ok","payload","json","Array","isArray","complete","confirmed","description","confirmationText","then","catch","action","private","reason","String","error","adding","variant","allowDuplicate","rawUrlCleared","persist","attach","picked","mediaScope","undefined","madePrivate","PaidMediaProtection","props","url","firestore","protection","setProtection","generation","setGeneration","source","target","active","snapshot","exists","get","size","label","color","direction","spacing","sx","alignItems","onClick","value","MembersVideosField","videos","onChange","pickMedia","index","flex","noWrap","_item","itemIndex","alignSelf","media","allowPrivate","fileName","PaidDownloadAddButton","onAdd"],"mappings":"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"}

package/src/lib/components/console/payments-settings-card.component.d.ts

@@ -0,0 +1,13 @@
+export interface PaymentsSettingsCardProps {
+    hostId: string;
+}
+/**
+ * Merchant payments card (AGL-284): Stripe Connect Express onboarding
+ * status for the org owner + the plan's transaction-fee ladder so the
+ * "upgrade to kill fees" motion (AGL-278) is visible where it matters.
+ */
+export declare function PaymentsSettingsCard(props: PaymentsSettingsCardProps): import("react").JSX.Element;
+export declare namespace PaymentsSettingsCard {
+    var displayName: string;
+}
+export default PaymentsSettingsCard;