@aglyn/plugins-commerce 1.0.0-beta.143

package/src/lib/components/gate.js

@@ -0,0 +1,202 @@
+import { _ as _extends } from "@swc/helpers/_/_extends";
+import { _ as _object_without_properties_loose } from "@swc/helpers/_/_object_without_properties_loose";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * @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.
+ */ import * as Aglyn from "@aglyn/aglyn";
+import { mdiLockOutline } from "@aglyn/shared-data-mdi";
+import Box from "@mui/material/Box";
+import Button from "@mui/material/Button";
+import Typography from "@mui/material/Typography";
+import { forwardRef, useEffect, useState } from "react";
+import { BUNDLE_ID } from "../constants/bundle-common.js";
+import { generatePresetId } from "../utils/generate-preset-id.js";
+// Component ids are persisted in screen documents; never rename.
+export const ID = 'gate';
+/**
+ * Content gate (AGL-309): renders children only for entitled members
+ * (purchase or live subscription, checked by the server-enforced gate
+ * API). Non-members see the teaser + CTA. Layout gating only — media
+ * that must stay secret should use the gated video block (AGL-315) or
+ * download links (AGL-302), which enforce on the server end-to-end.
+ */ const Gate = /*#__PURE__*/ forwardRef((props, ref)=>{
+    const { productId, teaserText, ctaLabel, ctaHref, children } = props, rest = _object_without_properties_loose(props, [
+        "productId",
+        "teaserText",
+        "ctaLabel",
+        "ctaHref",
+        "children"
+    ]);
+    // Node styles ride the renderer-merged sx; recompose (stack.ts pattern).
+    const nodeSx = Array.isArray(props['sx']) ? props['sx'] : [
+        props['sx']
+    ];
+    const { hostId } = Aglyn.useSite();
+    const [state, setState] = useState('checking');
+    useEffect(()=>{
+        if (!hostId) return;
+        let active = true;
+        void fetch(`/api/commerce/gate?hostId=${encodeURIComponent(hostId)}` + `&productId=${encodeURIComponent(productId || 'any')}`).then((response)=>response.json()).then((payload)=>{
+            if (!active) return;
+            setState((payload == null ? void 0 : payload.entitled) ? 'entitled' : (payload == null ? void 0 : payload.signedIn) ? 'blocked' : 'anonymous');
+        }).catch(()=>{
+            if (active) setState('blocked');
+        });
+        return ()=>{
+            active = false;
+        };
+    }, [
+        hostId,
+        productId
+    ]);
+    // Besigner canvas: children render with a members-only frame so the
+    // designer sees what they are building (the preview-as-member state).
+    if (!hostId) {
+        return /*#__PURE__*/ _jsxs(Box, _extends({
+            ref: ref
+        }, rest, {
+            sx: [
+                {
+                    border: '1px dashed',
+                    borderColor: 'primary.main',
+                    borderRadius: 1,
+                    p: 1
+                },
+                ...nodeSx
+            ],
+            children: [
+                /*#__PURE__*/ _jsx(Typography, {
+                    variant: "caption",
+                    color: "primary",
+                    children: '🔒 Members only — visitors see the teaser'
+                }),
+                /*#__PURE__*/ _jsx(Box, {
+                    children: children
+                })
+            ]
+        }));
+    }
+    if (state === 'checking') return /*#__PURE__*/ _jsx(Box, _extends({
+        ref: ref
+    }, rest));
+    if (state === 'entitled') {
+        return /*#__PURE__*/ _jsx(Box, _extends({
+            ref: ref
+        }, rest, {
+            children: children
+        }));
+    }
+    return /*#__PURE__*/ _jsxs(Box, _extends({
+        ref: ref
+    }, rest, {
+        sx: [
+            {
+                p: 4,
+                textAlign: 'center',
+                border: 1,
+                borderColor: 'divider',
+                borderRadius: 1
+            },
+            ...nodeSx
+        ],
+        children: [
+            /*#__PURE__*/ _jsx(Typography, {
+                variant: "h6",
+                gutterBottom: true,
+                children: '🔒 Members only'
+            }),
+            /*#__PURE__*/ _jsx(Typography, {
+                variant: "body2",
+                color: "text.secondary",
+                sx: {
+                    mb: 2
+                },
+                children: teaserText || (state === 'anonymous' ? 'Sign in or subscribe to unlock this content.' : 'Subscribe to unlock this content.')
+            }),
+            /*#__PURE__*/ _jsx(Button, {
+                variant: "contained",
+                color: "primary",
+                href: ctaHref || (state === 'anonymous' ? '/account' : '/shop'),
+                children: ctaLabel || (state === 'anonymous' ? 'Sign in' : 'Get access')
+            })
+        ]
+    }));
+});
+Gate.displayName = 'AglynGate';
+export const schema = {
+    $id: ID,
+    pluginId: BUNDLE_ID,
+    displayName: 'Members gate',
+    description: 'Shows its children only to entitled members. Everyone else sees the teaser.',
+    category: Aglyn.ComponentCategory.COMMERCE,
+    attributes: [
+        {
+            name: 'productId',
+            label: 'Required product id',
+            description: 'Members who bought or subscribe to this product get in; blank ' + 'accepts any live subscription.',
+            component: Aglyn.FieldComponentType.PRODUCT_SELECT
+        },
+        {
+            name: 'teaserText',
+            label: 'Teaser text',
+            description: 'What a signed-out or non-member visitor sees in place of the ' + 'gated content. A line that says what is behind the gate converts ' + 'better than one that only says access is denied.',
+            component: Aglyn.FieldComponentType.TEXT_FIELD
+        },
+        {
+            name: 'ctaLabel',
+            label: 'CTA label',
+            description: 'Button text for non-members.',
+            component: Aglyn.FieldComponentType.TEXT_FIELD
+        },
+        {
+            name: 'ctaHref',
+            label: 'CTA link',
+            description: 'Where the button sends non-members.',
+            component: Aglyn.FieldComponentType.TEXT_FIELD
+        }
+    ],
+    icon: {
+        path: mdiLockOutline.path,
+        sx: {
+            color: '#2e7d32'
+        }
+    }
+};
+export const presets = [
+    {
+        $id: generatePresetId(ID),
+        type: Aglyn.NodeType.PRESET,
+        displayName: 'Members gate',
+        pluginId: BUNDLE_ID,
+        description: 'Wraps content only entitled members can see',
+        category: Aglyn.ComponentCategory.COMMERCE,
+        icon: {
+            path: mdiLockOutline.path,
+            sx: {
+                color: '#2e7d32'
+            }
+        },
+        data: {
+            $id: null,
+            componentId: ID,
+            pluginId: BUNDLE_ID,
+            props: {}
+        }
+    }
+];
+export default Gate;
+
+//# sourceMappingURL=gate.js.map

package/src/lib/components/gate.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../libs/plugins/commerce/src/lib/components/gate.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\nimport * as Aglyn from '@aglyn/aglyn'\nimport { mdiLockOutline } from '@aglyn/shared-data-mdi'\nimport Box from '@mui/material/Box'\nimport Button from '@mui/material/Button'\nimport Typography from '@mui/material/Typography'\nimport { forwardRef, useEffect, useState, type ReactNode } from 'react'\nimport { BUNDLE_ID } from '../constants/bundle-common'\nimport { generatePresetId } from '../utils/generate-preset-id'\n\n// Component ids are persisted in screen documents; never rename.\nexport const ID: Aglyn.ComponentId = 'gate'\n\nexport interface GateProps {\n  /** Product id granting access; blank = any live subscription. */\n  productId?: string\n  teaserText?: string\n  ctaLabel?: string\n  /** Where the CTA sends non-members (product or sign-in page). */\n  ctaHref?: string\n  children?: ReactNode\n}\n\n/**\n * Content gate (AGL-309): renders children only for entitled members\n * (purchase or live subscription, checked by the server-enforced gate\n * API). Non-members see the teaser + CTA. Layout gating only — media\n * that must stay secret should use the gated video block (AGL-315) or\n * download links (AGL-302), which enforce on the server end-to-end.\n */\nconst Gate = forwardRef<HTMLDivElement, GateProps>((props, ref) => {\n  const { productId, teaserText, ctaLabel, ctaHref, children, ...rest } = props\n  // Node styles ride the renderer-merged sx; recompose (stack.ts pattern).\n  const nodeSx = Array.isArray(props['sx']) ? props['sx'] : [props['sx']]\n  const { hostId } = Aglyn.useSite()\n  const [state, setState] = useState<\n    'checking' | 'entitled' | 'blocked' | 'anonymous'\n  >('checking')\n\n  useEffect(() => {\n    if (!hostId) return\n    let active = true\n    void fetch(\n      `/api/commerce/gate?hostId=${encodeURIComponent(hostId)}` +\n        `&productId=${encodeURIComponent(productId || 'any')}`,\n    )\n      .then((response) => response.json())\n      .then((payload) => {\n        if (!active) return\n        setState(\n          payload?.entitled\n            ? 'entitled'\n            : payload?.signedIn\n              ? 'blocked'\n              : 'anonymous',\n        )\n      })\n      .catch(() => {\n        if (active) setState('blocked')\n      })\n    return () => {\n      active = false\n    }\n  }, [hostId, productId])\n\n  // Besigner canvas: children render with a members-only frame so the\n  // designer sees what they are building (the preview-as-member state).\n  if (!hostId) {\n    return (\n      <Box\n        ref={ref}\n        {...rest}\n        sx={[\n          {\n            border: '1px dashed',\n            borderColor: 'primary.main',\n            borderRadius: 1,\n            p: 1,\n          },\n          ...nodeSx,\n        ]}\n      >\n        <Typography variant=\"caption\" color=\"primary\">\n          {'🔒 Members only — visitors see the teaser'}\n        </Typography>\n        <Box>{children}</Box>\n      </Box>\n    )\n  }\n  if (state === 'checking') return <Box ref={ref} {...rest} />\n  if (state === 'entitled') {\n    return (\n      <Box ref={ref} {...rest}>\n        {children}\n      </Box>\n    )\n  }\n  return (\n    <Box\n      ref={ref}\n      {...rest}\n      sx={[\n        {\n          p: 4,\n          textAlign: 'center',\n          border: 1,\n          borderColor: 'divider',\n          borderRadius: 1,\n        },\n        ...nodeSx,\n      ]}\n    >\n      <Typography variant=\"h6\" gutterBottom>\n        {'🔒 Members only'}\n      </Typography>\n      <Typography variant=\"body2\" color=\"text.secondary\" sx={{ mb: 2 }}>\n        {teaserText ||\n          (state === 'anonymous'\n            ? 'Sign in or subscribe to unlock this content.'\n            : 'Subscribe to unlock this content.')}\n      </Typography>\n      <Button\n        variant=\"contained\"\n        color=\"primary\"\n        href={ctaHref || (state === 'anonymous' ? '/account' : '/shop')}\n      >\n        {ctaLabel || (state === 'anonymous' ? 'Sign in' : 'Get access')}\n      </Button>\n    </Box>\n  )\n})\nGate.displayName = 'AglynGate'\n\nexport const schema: Aglyn.ComponentSchema<GateProps> = {\n  $id: ID,\n  pluginId: BUNDLE_ID,\n  displayName: 'Members gate',\n  description:\n    'Shows its children only to entitled members. Everyone else sees the teaser.',\n  category: Aglyn.ComponentCategory.COMMERCE,\n  attributes: [\n    {\n      name: 'productId',\n      label: 'Required product id',\n      description:\n        'Members who bought or subscribe to this product get in; blank ' +\n        'accepts any live subscription.',\n      component: Aglyn.FieldComponentType.PRODUCT_SELECT,\n    },\n    {\n      name: 'teaserText',\n      label: 'Teaser text',\n      description:\n        'What a signed-out or non-member visitor sees in place of the ' +\n        'gated content. A line that says what is behind the gate converts ' +\n        'better than one that only says access is denied.',\n      component: Aglyn.FieldComponentType.TEXT_FIELD,\n    },\n    {\n      name: 'ctaLabel',\n      label: 'CTA label',\n      description: 'Button text for non-members.',\n      component: Aglyn.FieldComponentType.TEXT_FIELD,\n    },\n    {\n      name: 'ctaHref',\n      label: 'CTA link',\n      description: 'Where the button sends non-members.',\n      component: Aglyn.FieldComponentType.TEXT_FIELD,\n    },\n  ],\n  icon: { path: mdiLockOutline.path, sx: { color: '#2e7d32' } },\n}\n\nexport const presets: Aglyn.PresetSchema[] = [\n  {\n    $id: generatePresetId(ID),\n    type: Aglyn.NodeType.PRESET,\n    displayName: 'Members gate',\n    pluginId: BUNDLE_ID,\n    description: 'Wraps content only entitled members can see',\n    category: Aglyn.ComponentCategory.COMMERCE,\n    icon: { path: mdiLockOutline.path, sx: { color: '#2e7d32' } },\n    data: {\n      $id: null,\n      componentId: ID,\n      pluginId: BUNDLE_ID,\n      props: {},\n    },\n  },\n]\n\nexport default Gate\n"],"names":["Aglyn","mdiLockOutline","Box","Button","Typography","forwardRef","useEffect","useState","BUNDLE_ID","generatePresetId","ID","Gate","props","ref","productId","teaserText","ctaLabel","ctaHref","children","rest","nodeSx","Array","isArray","hostId","useSite","state","setState","active","fetch","encodeURIComponent","then","response","json","payload","entitled","signedIn","catch","sx","border","borderColor","borderRadius","p","variant","color","textAlign","gutterBottom","mb","href","displayName","schema","$id","pluginId","description","category","ComponentCategory","COMMERCE","attributes","name","label","component","FieldComponentType","PRODUCT_SELECT","TEXT_FIELD","icon","path","presets","type","NodeType","PRESET","data","componentId"],"mappings":"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"}

package/src/lib/components/gated-video.d.ts

@@ -0,0 +1,40 @@
+/**
+ * @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.
+ */
+import * as Aglyn from '@aglyn/aglyn';
+export declare const ID: Aglyn.ComponentId;
+export interface GatedVideoProps {
+    /** Product whose gatedVideos list this plays from. */
+    productId?: string;
+    /** Index into the product's gatedVideos (default 0). */
+    videoIndex?: number;
+    lockedText?: string;
+}
+/**
+ * Gated video block (AGL-315): entitled members get a short-TTL signed
+ * stream URL from the server (the gate is the mint step); playback
+ * resumes from the last position. SiteC's training-program player.
+ *
+ * Every link behind the player expires (AGL-2814), so a long sitting outlives
+ * the one it started with. When a request under an expired link fails, the
+ * player asks the stream endpoint for a new one, which re-checks the member's
+ * entitlement, and resumes at the second it stopped. A member who has lost
+ * the entitlement gets the locked state instead.
+ */
+declare const GatedVideo: import("react").ForwardRefExoticComponent<GatedVideoProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const schema: Aglyn.ComponentSchema<GatedVideoProps>;
+export declare const presets: Aglyn.PresetSchema[];
+export default GatedVideo;

package/src/lib/components/gated-video.js

@@ -0,0 +1,366 @@
+import { _ as _extends } from "@swc/helpers/_/_extends";
+import { _ as _object_without_properties_loose } from "@swc/helpers/_/_object_without_properties_loose";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * @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.
+ */ import * as Aglyn from "@aglyn/aglyn";
+import { mdiPlayCircleOutline } from "@aglyn/shared-data-mdi";
+import Box from "@mui/material/Box";
+import Button from "@mui/material/Button";
+import Typography from "@mui/material/Typography";
+import { forwardRef, useCallback, useEffect, useRef, useState } from "react";
+import { BUNDLE_ID } from "../constants/bundle-common.js";
+import { generatePresetId } from "../utils/generate-preset-id.js";
+// Component ids are persisted in screen documents; never rename.
+export const ID = 'gated-video';
+/**
+ * How many fresh links the player asks for in a row, with no playback in
+ * between, before it stops and asks the viewer to reload (AGL-2814).
+ *
+ * Two covers the two links that can expire under a playing video: the stream
+ * link itself, for a browser that re-requests the element's own `src`, and the
+ * signed media session behind it. A third failure with nothing played means
+ * the problem is not an expiry, and asking again would only loop.
+ */ const MAX_SILENT_RECOVERIES = 2;
+/**
+ * Seconds of playback on a fresh link that prove it works. Past this the
+ * budget above resets, so an expiry hours later recovers as quietly as the
+ * first one did.
+ */ const RECOVERED_AFTER_SECONDS = 5;
+/**
+ * The `MediaError` codes a fresh link can cure: `MEDIA_ERR_NETWORK` (2), which
+ * a refused byte-range request raises mid-play, and
+ * `MEDIA_ERR_SRC_NOT_SUPPORTED` (4), which a refused first request raises.
+ * An abort (1) is the page or the viewer stopping the load, and a decode error (3) is
+ * a broken file that no new link can fix.
+ */ const RECOVERABLE_MEDIA_ERRORS = new Set([
+    2,
+    4
+]);
+/**
+ * Gated video block (AGL-315): entitled members get a short-TTL signed
+ * stream URL from the server (the gate is the mint step); playback
+ * resumes from the last position. SiteC's training-program player.
+ *
+ * Every link behind the player expires (AGL-2814), so a long sitting outlives
+ * the one it started with. When a request under an expired link fails, the
+ * player asks the stream endpoint for a new one, which re-checks the member's
+ * entitlement, and resumes at the second it stopped. A member who has lost
+ * the entitlement gets the locked state instead.
+ */ const GatedVideo = /*#__PURE__*/ forwardRef((props, ref)=>{
+    const { productId, videoIndex, lockedText } = props, rest = _object_without_properties_loose(props, [
+        "productId",
+        "videoIndex",
+        "lockedText"
+    ]);
+    // Node styles ride the renderer-merged sx; recompose (stack.ts pattern).
+    const nodeSx = Array.isArray(props['sx']) ? props['sx'] : [
+        props['sx']
+    ];
+    const { hostId } = Aglyn.useSite();
+    const siteFetch = Aglyn.useSiteFetch();
+    const [src, setSrc] = useState(null);
+    const [state, setState] = useState('loading');
+    const videoRef = useRef(null);
+    /**
+     * Where a recovery stands. A ref, not state: the media events that read
+     * and write it fire many times a second, and none of it is rendered.
+     */ const recovery = useRef({
+        attempts: 0,
+        resumeAt: 0,
+        resume: false,
+        playing: false,
+        playedFrom: 0
+    });
+    const resumeKey = `aglyn_video_${hostId}_${productId}_${videoIndex != null ? videoIndex : 0}`;
+    /** One POST to the stream endpoint: a link, or why there is none. */ const requestLink = useCallback(async ()=>{
+        try {
+            const response = await siteFetch('/api/commerce/stream', {
+                method: 'POST',
+                headers: {
+                    'Content-Type': 'application/json'
+                },
+                body: JSON.stringify({
+                    hostId,
+                    productId,
+                    video: videoIndex != null ? videoIndex : 0
+                })
+            });
+            if (response.status === 401 || response.status === 403) return 'locked';
+            if (!response.ok) return 'failed';
+            const payload = await response.json();
+            return typeof (payload == null ? void 0 : payload.url) === 'string' && payload.url ? payload.url : 'failed';
+        } catch (unused) {
+            return 'failed';
+        }
+    }, [
+        hostId,
+        productId,
+        videoIndex,
+        siteFetch
+    ]);
+    useEffect(()=>{
+        if (!hostId || !productId) return;
+        let active = true;
+        recovery.current = {
+            attempts: 0,
+            resumeAt: 0,
+            resume: false,
+            playing: false,
+            playedFrom: 0
+        };
+        void requestLink().then((link)=>{
+            if (!active) return;
+            // Before anything has played, every refusal reads as the lock: the
+            // viewer's next step is to sign in or to buy.
+            if (link === 'locked' || link === 'failed') return setState('locked');
+            setSrc(link);
+            setState('ready');
+        });
+        return ()=>{
+            active = false;
+        };
+    }, [
+        hostId,
+        productId,
+        requestLink
+    ]);
+    const handleError = ()=>{
+        var _element_error;
+        const element = videoRef.current;
+        if (!element || !RECOVERABLE_MEDIA_ERRORS.has(Number((_element_error = element.error) == null ? void 0 : _element_error.code))) {
+            return;
+        }
+        const progress = recovery.current;
+        if (progress.attempts >= MAX_SILENT_RECOVERIES) {
+            setState('stalled');
+            return;
+        }
+        progress.attempts += 1;
+        progress.resumeAt = element.currentTime || progress.resumeAt;
+        progress.resume = progress.playing || !element.paused;
+        void requestLink().then((link)=>{
+            if (link === 'locked') return setState('locked');
+            if (link === 'failed') return setState('stalled');
+            setSrc(link);
+        });
+    };
+    const handleLoadedMetadata = ()=>{
+        var _window_localStorage_getItem;
+        const element = videoRef.current;
+        if (!element) return;
+        const progress = recovery.current;
+        const saved = Number((_window_localStorage_getItem = window.localStorage.getItem(resumeKey)) != null ? _window_localStorage_getItem : 0);
+        const target = progress.resumeAt > 0 ? progress.resumeAt : saved > 5 ? saved : 0;
+        if (target > 0) element.currentTime = target;
+        progress.playedFrom = target;
+        if (progress.resume) {
+            progress.resume = false;
+            try {
+                void Promise.resolve(element.play()).catch(()=>undefined);
+            } catch (unused) {
+            // A refused autoplay leaves the video paused at the right second,
+            // which is the useful half of a resume.
+            }
+        }
+    };
+    const handleTimeUpdate = ()=>{
+        const element = videoRef.current;
+        if (!element) return;
+        window.localStorage.setItem(resumeKey, String(Math.floor(element.currentTime)));
+        const progress = recovery.current;
+        if (progress.attempts && element.currentTime - progress.playedFrom >= RECOVERED_AFTER_SECONDS) {
+            progress.attempts = 0;
+            progress.resumeAt = 0;
+        }
+    };
+    if (!hostId) {
+        return /*#__PURE__*/ _jsx(Box, _extends({
+            ref: ref
+        }, rest, {
+            sx: [
+                {
+                    aspectRatio: '16 / 9',
+                    bgcolor: 'action.hover',
+                    borderRadius: 1,
+                    display: 'flex',
+                    alignItems: 'center',
+                    justifyContent: 'center',
+                    color: 'text.secondary',
+                    fontSize: 13,
+                    fontFamily: 'system-ui, sans-serif'
+                },
+                ...nodeSx
+            ],
+            children: '▶ Members-only video'
+        }));
+    }
+    if (state === 'loading') return /*#__PURE__*/ _jsx(Box, _extends({
+        ref: ref
+    }, rest));
+    if (state === 'stalled') {
+        return /*#__PURE__*/ _jsxs(Box, _extends({
+            ref: ref
+        }, rest, {
+            sx: [
+                {
+                    aspectRatio: '16 / 9',
+                    bgcolor: 'action.hover',
+                    borderRadius: 1,
+                    display: 'flex',
+                    flexDirection: 'column',
+                    gap: 1,
+                    alignItems: 'center',
+                    justifyContent: 'center',
+                    px: 2,
+                    textAlign: 'center'
+                },
+                ...nodeSx
+            ],
+            children: [
+                /*#__PURE__*/ _jsx(Typography, {
+                    variant: "body2",
+                    color: "text.secondary",
+                    children: 'Playback stopped. Reload the page to keep watching.'
+                }),
+                /*#__PURE__*/ _jsx(Button, {
+                    size: "small",
+                    variant: "contained",
+                    onClick: ()=>window.location.reload(),
+                    children: 'Reload'
+                })
+            ]
+        }));
+    }
+    if (state === 'locked' || !src) {
+        return /*#__PURE__*/ _jsxs(Box, _extends({
+            ref: ref
+        }, rest, {
+            sx: [
+                {
+                    aspectRatio: '16 / 9',
+                    bgcolor: 'action.hover',
+                    borderRadius: 1,
+                    display: 'flex',
+                    flexDirection: 'column',
+                    gap: 1,
+                    alignItems: 'center',
+                    justifyContent: 'center'
+                },
+                ...nodeSx
+            ],
+            children: [
+                /*#__PURE__*/ _jsx(Typography, {
+                    variant: "body2",
+                    color: "text.secondary",
+                    children: lockedText || '🔒 Sign in with an active subscription to watch'
+                }),
+                /*#__PURE__*/ _jsx(Button, {
+                    size: "small",
+                    variant: "contained",
+                    href: "/account",
+                    children: 'Sign in'
+                })
+            ]
+        }));
+    }
+    return /*#__PURE__*/ _jsx(Box, _extends({
+        ref: ref
+    }, rest, {
+        children: /*#__PURE__*/ _jsx("video", {
+            ref: videoRef,
+            src: src,
+            controls: true,
+            controlsList: "nodownload",
+            style: {
+                width: '100%',
+                borderRadius: 8
+            },
+            onLoadedMetadata: handleLoadedMetadata,
+            onTimeUpdate: handleTimeUpdate,
+            onPlay: ()=>{
+                recovery.current.playing = true;
+            },
+            onPause: ()=>{
+                recovery.current.playing = false;
+            },
+            onError: handleError
+        })
+    }));
+});
+GatedVideo.displayName = 'AglynGatedVideo';
+export const schema = {
+    $id: ID,
+    pluginId: BUNDLE_ID,
+    displayName: 'Members video',
+    description: 'A video only entitled members can play, resuming where they left off.',
+    category: Aglyn.ComponentCategory.COMMERCE,
+    icon: {
+        path: mdiPlayCircleOutline.path,
+        sx: {
+            color: '#2e7d32'
+        }
+    },
+    flags: {
+        selfClosing: Aglyn.FEATURE_FLAG.ENABLED
+    },
+    attributes: [
+        {
+            name: 'productId',
+            label: 'Product id',
+            description: 'Members entitled to this product can watch its gated videos.',
+            component: Aglyn.FieldComponentType.PRODUCT_SELECT
+        },
+        {
+            name: 'videoIndex',
+            label: 'Video number',
+            description: 'Which of the product’s videos to play (1st = 0).',
+            component: Aglyn.FieldComponentType.TEXT_FIELD,
+            type: 'number'
+        },
+        {
+            name: 'lockedText',
+            label: 'Locked text',
+            description: 'The message over the poster frame when the viewer cannot play ' + 'this video. The poster image still shows, so this only has to ' + 'explain the lock.',
+            component: Aglyn.FieldComponentType.TEXT_FIELD
+        }
+    ]
+};
+export const presets = [
+    {
+        $id: generatePresetId(ID),
+        type: Aglyn.NodeType.PRESET,
+        displayName: 'Members video',
+        pluginId: BUNDLE_ID,
+        description: 'Subscription-gated video with resume',
+        category: Aglyn.ComponentCategory.COMMERCE,
+        icon: {
+            path: mdiPlayCircleOutline.path,
+            sx: {
+                color: '#2e7d32'
+            }
+        },
+        data: {
+            $id: null,
+            componentId: ID,
+            pluginId: BUNDLE_ID,
+            props: {}
+        }
+    }
+];
+export default GatedVideo;
+
+//# sourceMappingURL=gated-video.js.map