@01.software/sdk 0.2.9-dev.260314.f493447 → 0.4.0

package/dist/ui/video.d.ts

@@ -0,0 +1,96 @@
+import React, { CSSProperties } from 'react';
+import { MuxPlayerProps, MuxPlayerRefAttributes } from '@mux/mux-player-react';
+export { MuxPlayerRefAttributes as VideoPlayerRef } from '@mux/mux-player-react';
+import { V as Video } from '../payload-types-CZiaL4Wr.js';
+export { e as VideoGifOptions, V as VideoThumbnailOptions, a as getVideoGif, c as getVideoMp4Url, d as getVideoStoryboard, b as getVideoStreamUrl, g as getVideoThumbnail } from '../video-DbLL8yuc.js';
+
+interface VideoPlayerCSSProperties extends CSSProperties {
+    [key: `--${string}`]: string | undefined;
+}
+interface VideoPlayerProps {
+    /** Video document or playbackId string */
+    video: Video | string;
+    /** Theme accent color */
+    accentColor?: string;
+    /** Theme primary color (controls) */
+    primaryColor?: string;
+    /** Theme secondary color (time display, etc.) */
+    secondaryColor?: string;
+    /** Title overlay (auto-resolved from Video.title if omitted) */
+    title?: string;
+    /** Autoplay behavior */
+    autoPlay?: boolean | 'muted' | 'any';
+    /** Loop playback */
+    loop?: boolean;
+    /** Muted by default */
+    muted?: boolean;
+    /** Preload strategy (default: 'metadata') */
+    preload?: 'auto' | 'metadata' | 'none';
+    /** Start time in seconds */
+    startTime?: number;
+    /** Stream type (default: 'on-demand') */
+    streamType?: 'on-demand' | 'live' | 'll-live';
+    /** Audio-only mode */
+    audio?: boolean;
+    /** Disable keyboard shortcuts */
+    noHotKeys?: boolean;
+    /** Max resolution cap */
+    maxResolution?: '720p' | '1080p' | '1440p' | '2160p';
+    /** Thumbnail time for auto-generated poster (default: 0) */
+    thumbnailTime?: number;
+    /** Custom poster URL (overrides auto-generated thumbnail) */
+    poster?: string;
+    /** Placeholder text when video is not ready */
+    placeholder?: string;
+    /** CSS class for the placeholder */
+    placeholderClassName?: string;
+    /** Inline styles for the placeholder */
+    placeholderStyle?: CSSProperties;
+    /** CSS class */
+    className?: string;
+    /** Inline styles (supports --mux CSS custom properties) */
+    style?: VideoPlayerCSSProperties;
+    onPlay?: () => void;
+    onPause?: () => void;
+    onEnded?: () => void;
+    onTimeUpdate?: () => void;
+    onLoadedData?: () => void;
+    onError?: () => void;
+    /** Extra props forwarded directly to MuxPlayer */
+    playerProps?: Omit<MuxPlayerProps, 'playbackId' | 'streamType' | 'accentColor' | 'primaryColor' | 'secondaryColor' | 'title' | 'autoPlay' | 'loop' | 'muted' | 'preload' | 'startTime' | 'poster' | 'audio' | 'nohotkeys' | 'maxResolution' | 'className' | 'style'>;
+}
+/**
+ * Mux video player component.
+ * Requires `@mux/mux-player-react` (optional peer dependency).
+ *
+ * @example Basic usage
+ * ```tsx
+ * import { VideoPlayer } from '@01.software/sdk/ui/video'
+ *
+ * <VideoPlayer video={videoDoc} />
+ * ```
+ *
+ * @example With playback ID string
+ * ```tsx
+ * <VideoPlayer video="abc123def" autoPlay="muted" loop />
+ * ```
+ *
+ * @example Custom theming with CSS custom properties
+ * ```tsx
+ * <VideoPlayer
+ *   video={videoDoc}
+ *   accentColor="#f43f5e"
+ *   primaryColor="#fff"
+ *   className="rounded-lg overflow-hidden"
+ *   style={{ '--controls-backdrop-color': 'rgba(0,0,0,0.6)' }}
+ * />
+ * ```
+ *
+ * @example Audio-only mode
+ * ```tsx
+ * <VideoPlayer video={videoDoc} audio />
+ * ```
+ */
+declare const VideoPlayer: React.ForwardRefExoticComponent<VideoPlayerProps & React.RefAttributes<MuxPlayerRefAttributes>>;
+
+export { Video as VideoData, VideoPlayer, type VideoPlayerCSSProperties, type VideoPlayerProps };

package/dist/ui/video.js

@@ -0,0 +1,191 @@
+"use client";
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+
+// src/ui/Video/index.tsx
+import React, { forwardRef } from "react";
+import MuxPlayer from "@mux/mux-player-react";
+
+// src/utils/video.ts
+var MUX_IMAGE_BASE = "https://image.mux.com";
+var MUX_STREAM_BASE = "https://stream.mux.com";
+function getVideoThumbnail(playbackId, options) {
+  var _a;
+  const params = new URLSearchParams();
+  params.set("width", String((_a = options == null ? void 0 : options.width) != null ? _a : 640));
+  if (options == null ? void 0 : options.height) params.set("height", String(options.height));
+  if ((options == null ? void 0 : options.time) != null) params.set("time", String(options.time));
+  if (options == null ? void 0 : options.fitMode) params.set("fit_mode", options.fitMode);
+  if (options == null ? void 0 : options.flipH) params.set("flip_h", "true");
+  if (options == null ? void 0 : options.flipV) params.set("flip_v", "true");
+  if (options == null ? void 0 : options.rotate) params.set("rotate", String(options.rotate));
+  return `${MUX_IMAGE_BASE}/${playbackId}/thumbnail.jpg?${params}`;
+}
+function getVideoGif(playbackId, options) {
+  var _a;
+  const params = new URLSearchParams();
+  params.set("width", String((_a = options == null ? void 0 : options.width) != null ? _a : 320));
+  if ((options == null ? void 0 : options.start) != null) params.set("start", String(options.start));
+  if ((options == null ? void 0 : options.end) != null) params.set("end", String(options.end));
+  if (options == null ? void 0 : options.fps) params.set("fps", String(options.fps));
+  return `${MUX_IMAGE_BASE}/${playbackId}/animated.gif?${params}`;
+}
+function getVideoStoryboard(playbackId) {
+  return `${MUX_IMAGE_BASE}/${playbackId}/storyboard.vtt`;
+}
+function getVideoStreamUrl(playbackId) {
+  return `${MUX_STREAM_BASE}/${playbackId}.m3u8`;
+}
+function getVideoMp4Url(playbackId, resolution = "high") {
+  return `${MUX_STREAM_BASE}/${playbackId}/${resolution}.mp4`;
+}
+
+// src/ui/Video/index.tsx
+function resolvePlaybackId(video) {
+  var _a;
+  if (typeof video === "string") return video;
+  return (_a = video.muxPlaybackId) != null ? _a : null;
+}
+function resolveTitle(props) {
+  var _a;
+  if (props.title !== void 0) return props.title;
+  if (typeof props.video !== "string") return (_a = props.video.title) != null ? _a : void 0;
+  return void 0;
+}
+function resolvePoster(props) {
+  var _a;
+  if (props.poster) return props.poster;
+  if (typeof props.video !== "string" && props.video.thumbnail) {
+    const thumb = props.video.thumbnail;
+    if (typeof thumb === "object" && thumb !== null && "url" in thumb) {
+      const url = thumb.url;
+      if (url) return url;
+    }
+  }
+  const playbackId = resolvePlaybackId(props.video);
+  if (!playbackId) return void 0;
+  return getVideoThumbnail(playbackId, {
+    width: 1280,
+    time: (_a = props.thumbnailTime) != null ? _a : 0
+  });
+}
+function resolveAspectRatio(video) {
+  var _a;
+  if (typeof video === "string") return void 0;
+  return (_a = video.aspectRatio) != null ? _a : void 0;
+}
+function resolveStatus(video) {
+  var _a;
+  if (typeof video === "string") return "ready";
+  return (_a = video.status) != null ? _a : "waiting";
+}
+var VideoPlayer = forwardRef(
+  function VideoPlayer2(props, ref) {
+    const {
+      video,
+      accentColor,
+      primaryColor,
+      secondaryColor,
+      autoPlay,
+      loop,
+      muted,
+      preload = "metadata",
+      startTime,
+      streamType = "on-demand",
+      audio,
+      noHotKeys,
+      maxResolution,
+      placeholder,
+      placeholderClassName,
+      placeholderStyle,
+      className,
+      style,
+      onPlay,
+      onPause,
+      onEnded,
+      onTimeUpdate,
+      onLoadedData,
+      onError,
+      playerProps
+    } = props;
+    const playbackId = resolvePlaybackId(video);
+    const title = resolveTitle(props);
+    const poster = resolvePoster(props);
+    const aspectRatio = resolveAspectRatio(video);
+    const status = resolveStatus(video);
+    if (!playbackId || typeof video !== "string" && status !== "ready") {
+      return /* @__PURE__ */ React.createElement(
+        "div",
+        {
+          className: placeholderClassName != null ? placeholderClassName : className,
+          style: __spreadValues({
+            display: "flex",
+            alignItems: "center",
+            justifyContent: "center",
+            aspectRatio: aspectRatio != null ? aspectRatio : "16/9",
+            backgroundColor: "#000",
+            color: "#888",
+            fontSize: 14,
+            width: "100%"
+          }, placeholderStyle)
+        },
+        placeholder != null ? placeholder : status === "preparing" ? "Video is processing..." : status === "errored" ? "Video processing failed" : "Video not available"
+      );
+    }
+    return /* @__PURE__ */ React.createElement(
+      MuxPlayer,
+      __spreadValues({
+        ref,
+        playbackId,
+        streamType,
+        accentColor,
+        primaryColor,
+        secondaryColor,
+        title,
+        autoPlay,
+        loop,
+        muted,
+        preload,
+        startTime,
+        poster,
+        audio,
+        nohotkeys: noHotKeys,
+        maxResolution,
+        className,
+        style: __spreadValues({
+          aspectRatio: aspectRatio != null ? aspectRatio : "16/9",
+          width: "100%"
+        }, style),
+        onPlay,
+        onPause,
+        onEnded,
+        onTimeUpdate,
+        onLoadedData,
+        onError
+      }, playerProps)
+    );
+  }
+);
+export {
+  VideoPlayer,
+  getVideoGif,
+  getVideoMp4Url,
+  getVideoStoryboard,
+  getVideoStreamUrl,
+  getVideoThumbnail
+};
+//# sourceMappingURL=video.js.map

package/dist/ui/video.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/ui/Video/index.tsx","../../src/utils/video.ts"],"sourcesContent":["'use client'\n\nimport React, { forwardRef, type CSSProperties } from 'react'\nimport MuxPlayer from '@mux/mux-player-react'\nimport type {\n  MuxPlayerRefAttributes,\n  MuxPlayerProps,\n} from '@mux/mux-player-react'\nimport type { Video, Image } from '../../payload-types'\nimport { getVideoThumbnail } from '../../utils/video'\n\n// Re-export video utilities for convenience\nexport {\n  getVideoThumbnail,\n  getVideoGif,\n  getVideoStreamUrl,\n  getVideoMp4Url,\n  getVideoStoryboard,\n  type VideoThumbnailOptions,\n  type VideoGifOptions,\n} from '../../utils/video'\n\n// ── CSS custom properties ──\n\nexport interface VideoPlayerCSSProperties extends CSSProperties {\n  [key: `--${string}`]: string | undefined\n}\n\n// ── Props ──\n\nexport interface VideoPlayerProps {\n  /** Video document or playbackId string */\n  video: Video | string\n\n  // ── Theming ──\n  /** Theme accent color */\n  accentColor?: string\n  /** Theme primary color (controls) */\n  primaryColor?: string\n  /** Theme secondary color (time display, etc.) */\n  secondaryColor?: string\n\n  // ── Playback ──\n  /** Title overlay (auto-resolved from Video.title if omitted) */\n  title?: string\n  /** Autoplay behavior */\n  autoPlay?: boolean | 'muted' | 'any'\n  /** Loop playback */\n  loop?: boolean\n  /** Muted by default */\n  muted?: boolean\n  /** Preload strategy (default: 'metadata') */\n  preload?: 'auto' | 'metadata' | 'none'\n  /** Start time in seconds */\n  startTime?: number\n  /** Stream type (default: 'on-demand') */\n  streamType?: 'on-demand' | 'live' | 'll-live'\n  /** Audio-only mode */\n  audio?: boolean\n  /** Disable keyboard shortcuts */\n  noHotKeys?: boolean\n  /** Max resolution cap */\n  maxResolution?: '720p' | '1080p' | '1440p' | '2160p'\n\n  // ── Poster ──\n  /** Thumbnail time for auto-generated poster (default: 0) */\n  thumbnailTime?: number\n  /** Custom poster URL (overrides auto-generated thumbnail) */\n  poster?: string\n\n  // ── Placeholder (when video not ready) ──\n  /** Placeholder text when video is not ready */\n  placeholder?: string\n  /** CSS class for the placeholder */\n  placeholderClassName?: string\n  /** Inline styles for the placeholder */\n  placeholderStyle?: CSSProperties\n\n  // ── Styling ──\n  /** CSS class */\n  className?: string\n  /** Inline styles (supports --mux CSS custom properties) */\n  style?: VideoPlayerCSSProperties\n\n  // ── Events ──\n  onPlay?: () => void\n  onPause?: () => void\n  onEnded?: () => void\n  onTimeUpdate?: () => void\n  onLoadedData?: () => void\n  onError?: () => void\n\n  // ── Escape hatch ──\n  /** Extra props forwarded directly to MuxPlayer */\n  playerProps?: Omit<\n    MuxPlayerProps,\n    | 'playbackId'\n    | 'streamType'\n    | 'accentColor'\n    | 'primaryColor'\n    | 'secondaryColor'\n    | 'title'\n    | 'autoPlay'\n    | 'loop'\n    | 'muted'\n    | 'preload'\n    | 'startTime'\n    | 'poster'\n    | 'audio'\n    | 'nohotkeys'\n    | 'maxResolution'\n    | 'className'\n    | 'style'\n  >\n}\n\n// ── Helpers ──\n\nfunction resolvePlaybackId(video: Video | string): string | null {\n  if (typeof video === 'string') return video\n  return video.muxPlaybackId ?? null\n}\n\nfunction resolveTitle(props: VideoPlayerProps): string | undefined {\n  if (props.title !== undefined) return props.title\n  if (typeof props.video !== 'string') return props.video.title ?? undefined\n  return undefined\n}\n\nfunction resolvePoster(props: VideoPlayerProps): string | undefined {\n  // 1. Explicit poster URL (highest priority)\n  if (props.poster) return props.poster\n\n  // 2. Video.thumbnail uploaded image\n  if (typeof props.video !== 'string' && props.video.thumbnail) {\n    const thumb = props.video.thumbnail\n    if (typeof thumb === 'object' && thumb !== null && 'url' in thumb) {\n      const url = (thumb as Image).url\n      if (url) return url\n    }\n  }\n\n  // 3. Auto-generate from Mux image API\n  const playbackId = resolvePlaybackId(props.video)\n  if (!playbackId) return undefined\n  return getVideoThumbnail(playbackId, {\n    width: 1280,\n    time: props.thumbnailTime ?? 0,\n  })\n}\n\nfunction resolveAspectRatio(video: Video | string): string | undefined {\n  if (typeof video === 'string') return undefined\n  return video.aspectRatio ?? undefined\n}\n\nfunction resolveStatus(video: Video | string): string {\n  if (typeof video === 'string') return 'ready'\n  return video.status ?? 'waiting'\n}\n\n// ── Component ──\n\n/**\n * Mux video player component.\n * Requires `@mux/mux-player-react` (optional peer dependency).\n *\n * @example Basic usage\n * ```tsx\n * import { VideoPlayer } from '@01.software/sdk/ui/video'\n *\n * <VideoPlayer video={videoDoc} />\n * ```\n *\n * @example With playback ID string\n * ```tsx\n * <VideoPlayer video=\"abc123def\" autoPlay=\"muted\" loop />\n * ```\n *\n * @example Custom theming with CSS custom properties\n * ```tsx\n * <VideoPlayer\n *   video={videoDoc}\n *   accentColor=\"#f43f5e\"\n *   primaryColor=\"#fff\"\n *   className=\"rounded-lg overflow-hidden\"\n *   style={{ '--controls-backdrop-color': 'rgba(0,0,0,0.6)' }}\n * />\n * ```\n *\n * @example Audio-only mode\n * ```tsx\n * <VideoPlayer video={videoDoc} audio />\n * ```\n */\nexport const VideoPlayer: React.ForwardRefExoticComponent<\n  VideoPlayerProps & React.RefAttributes<MuxPlayerRefAttributes>\n> = forwardRef<MuxPlayerRefAttributes, VideoPlayerProps>(\n  function VideoPlayer(props, ref) {\n    const {\n      video,\n      accentColor,\n      primaryColor,\n      secondaryColor,\n      autoPlay,\n      loop,\n      muted,\n      preload = 'metadata',\n      startTime,\n      streamType = 'on-demand',\n      audio,\n      noHotKeys,\n      maxResolution,\n      placeholder,\n      placeholderClassName,\n      placeholderStyle,\n      className,\n      style,\n      onPlay,\n      onPause,\n      onEnded,\n      onTimeUpdate,\n      onLoadedData,\n      onError,\n      playerProps,\n    } = props\n\n    const playbackId = resolvePlaybackId(video)\n    const title = resolveTitle(props)\n    const poster = resolvePoster(props)\n    const aspectRatio = resolveAspectRatio(video)\n    const status = resolveStatus(video)\n\n    // Show placeholder when no playbackId or video not ready\n    if (!playbackId || (typeof video !== 'string' && status !== 'ready')) {\n      return (\n        <div\n          className={placeholderClassName ?? className}\n          style={{\n            display: 'flex',\n            alignItems: 'center',\n            justifyContent: 'center',\n            aspectRatio: aspectRatio ?? '16/9',\n            backgroundColor: '#000',\n            color: '#888',\n            fontSize: 14,\n            width: '100%',\n            ...placeholderStyle,\n          }}\n        >\n          {placeholder ??\n            (status === 'preparing'\n              ? 'Video is processing...'\n              : status === 'errored'\n                ? 'Video processing failed'\n                : 'Video not available')}\n        </div>\n      )\n    }\n\n    return (\n      <MuxPlayer\n        ref={ref}\n        playbackId={playbackId}\n        streamType={streamType}\n        accentColor={accentColor}\n        primaryColor={primaryColor}\n        secondaryColor={secondaryColor}\n        title={title}\n        autoPlay={autoPlay}\n        loop={loop}\n        muted={muted}\n        preload={preload}\n        startTime={startTime}\n        poster={poster}\n        audio={audio}\n        nohotkeys={noHotKeys}\n        maxResolution={maxResolution}\n        className={className}\n        style={{\n          aspectRatio: aspectRatio ?? '16/9',\n          width: '100%',\n          ...style,\n        }}\n        onPlay={onPlay}\n        onPause={onPause}\n        onEnded={onEnded}\n        onTimeUpdate={onTimeUpdate}\n        onLoadedData={onLoadedData}\n        onError={onError}\n        {...playerProps}\n      />\n    )\n  },\n)\n\n// ── Type Exports ──\n\nexport type { MuxPlayerRefAttributes as VideoPlayerRef } from '@mux/mux-player-react'\nexport type { Video as VideoData } from '../../payload-types'\n","const MUX_IMAGE_BASE = 'https://image.mux.com'\nconst MUX_STREAM_BASE = 'https://stream.mux.com'\n\n// ── Thumbnail ──\n\nexport interface VideoThumbnailOptions {\n  /** Width in pixels (default: 640) */\n  width?: number\n  /** Height in pixels (auto if omitted) */\n  height?: number\n  /** Time offset in seconds (default: 0) */\n  time?: number\n  /** Fit mode (default: 'smartcrop') */\n  fitMode?: 'preserve' | 'stretch' | 'crop' | 'smartcrop' | 'pad'\n  /** Flip horizontally */\n  flipH?: boolean\n  /** Flip vertically */\n  flipV?: boolean\n  /** Rotation in degrees (90, 180, 270) */\n  rotate?: 90 | 180 | 270\n}\n\n/**\n * Returns a Mux thumbnail URL for a video.\n *\n * @example\n * ```ts\n * getVideoThumbnail('abc123')\n * // => 'https://image.mux.com/abc123/thumbnail.jpg?width=640'\n *\n * getVideoThumbnail('abc123', { width: 320, time: 5 })\n * // => 'https://image.mux.com/abc123/thumbnail.jpg?width=320&time=5'\n * ```\n */\nexport function getVideoThumbnail(\n  playbackId: string,\n  options?: VideoThumbnailOptions,\n): string {\n  const params = new URLSearchParams()\n  params.set('width', String(options?.width ?? 640))\n  if (options?.height) params.set('height', String(options.height))\n  if (options?.time != null) params.set('time', String(options.time))\n  if (options?.fitMode) params.set('fit_mode', options.fitMode)\n  if (options?.flipH) params.set('flip_h', 'true')\n  if (options?.flipV) params.set('flip_v', 'true')\n  if (options?.rotate) params.set('rotate', String(options.rotate))\n  return `${MUX_IMAGE_BASE}/${playbackId}/thumbnail.jpg?${params}`\n}\n\n// ── Animated GIF ──\n\nexport interface VideoGifOptions {\n  /** Width in pixels (default: 320) */\n  width?: number\n  /** Start time in seconds (default: 0) */\n  start?: number\n  /** End time in seconds (default: start + 5) */\n  end?: number\n  /** Frames per second (default: 15) */\n  fps?: number\n}\n\n/**\n * Returns a Mux animated GIF URL for a video.\n *\n * @example\n * ```ts\n * getVideoGif('abc123')\n * // => 'https://image.mux.com/abc123/animated.gif?width=320'\n *\n * getVideoGif('abc123', { width: 240, start: 2, end: 6 })\n * // => 'https://image.mux.com/abc123/animated.gif?width=240&start=2&end=6'\n * ```\n */\nexport function getVideoGif(\n  playbackId: string,\n  options?: VideoGifOptions,\n): string {\n  const params = new URLSearchParams()\n  params.set('width', String(options?.width ?? 320))\n  if (options?.start != null) params.set('start', String(options.start))\n  if (options?.end != null) params.set('end', String(options.end))\n  if (options?.fps) params.set('fps', String(options.fps))\n  return `${MUX_IMAGE_BASE}/${playbackId}/animated.gif?${params}`\n}\n\n// ── Storyboard ──\n\n/**\n * Returns a Mux storyboard VTT URL for timeline hover previews.\n *\n * @example\n * ```ts\n * getVideoStoryboard('abc123')\n * // => 'https://image.mux.com/abc123/storyboard.vtt'\n * ```\n */\nexport function getVideoStoryboard(playbackId: string): string {\n  return `${MUX_IMAGE_BASE}/${playbackId}/storyboard.vtt`\n}\n\n// ── Stream / Playback URLs ──\n\n/**\n * Returns the HLS stream URL for a video.\n *\n * @example\n * ```ts\n * getVideoStreamUrl('abc123')\n * // => 'https://stream.mux.com/abc123.m3u8'\n * ```\n */\nexport function getVideoStreamUrl(playbackId: string): string {\n  return `${MUX_STREAM_BASE}/${playbackId}.m3u8`\n}\n\n/**\n * Returns a Mux MP4 download URL for a video.\n * Only available if the asset was created with `mp4_support` enabled.\n *\n * @example\n * ```ts\n * getVideoMp4Url('abc123', 'high')\n * // => 'https://stream.mux.com/abc123/high.mp4'\n * ```\n */\nexport function getVideoMp4Url(\n  playbackId: string,\n  resolution: 'high' | 'medium' | 'low' = 'high',\n): string {\n  return `${MUX_STREAM_BASE}/${playbackId}/${resolution}.mp4`\n}\n"],"mappings":"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","names":["VideoPlayer"]}

package/dist/video-DbLL8yuc.d.cts

@@ -0,0 +1,85 @@
+interface VideoThumbnailOptions {
+    /** Width in pixels (default: 640) */
+    width?: number;
+    /** Height in pixels (auto if omitted) */
+    height?: number;
+    /** Time offset in seconds (default: 0) */
+    time?: number;
+    /** Fit mode (default: 'smartcrop') */
+    fitMode?: 'preserve' | 'stretch' | 'crop' | 'smartcrop' | 'pad';
+    /** Flip horizontally */
+    flipH?: boolean;
+    /** Flip vertically */
+    flipV?: boolean;
+    /** Rotation in degrees (90, 180, 270) */
+    rotate?: 90 | 180 | 270;
+}
+/**
+ * Returns a Mux thumbnail URL for a video.
+ *
+ * @example
+ * ```ts
+ * getVideoThumbnail('abc123')
+ * // => 'https://image.mux.com/abc123/thumbnail.jpg?width=640'
+ *
+ * getVideoThumbnail('abc123', { width: 320, time: 5 })
+ * // => 'https://image.mux.com/abc123/thumbnail.jpg?width=320&time=5'
+ * ```
+ */
+declare function getVideoThumbnail(playbackId: string, options?: VideoThumbnailOptions): string;
+interface VideoGifOptions {
+    /** Width in pixels (default: 320) */
+    width?: number;
+    /** Start time in seconds (default: 0) */
+    start?: number;
+    /** End time in seconds (default: start + 5) */
+    end?: number;
+    /** Frames per second (default: 15) */
+    fps?: number;
+}
+/**
+ * Returns a Mux animated GIF URL for a video.
+ *
+ * @example
+ * ```ts
+ * getVideoGif('abc123')
+ * // => 'https://image.mux.com/abc123/animated.gif?width=320'
+ *
+ * getVideoGif('abc123', { width: 240, start: 2, end: 6 })
+ * // => 'https://image.mux.com/abc123/animated.gif?width=240&start=2&end=6'
+ * ```
+ */
+declare function getVideoGif(playbackId: string, options?: VideoGifOptions): string;
+/**
+ * Returns a Mux storyboard VTT URL for timeline hover previews.
+ *
+ * @example
+ * ```ts
+ * getVideoStoryboard('abc123')
+ * // => 'https://image.mux.com/abc123/storyboard.vtt'
+ * ```
+ */
+declare function getVideoStoryboard(playbackId: string): string;
+/**
+ * Returns the HLS stream URL for a video.
+ *
+ * @example
+ * ```ts
+ * getVideoStreamUrl('abc123')
+ * // => 'https://stream.mux.com/abc123.m3u8'
+ * ```
+ */
+declare function getVideoStreamUrl(playbackId: string): string;
+/**
+ * Returns a Mux MP4 download URL for a video.
+ * Only available if the asset was created with `mp4_support` enabled.
+ *
+ * @example
+ * ```ts
+ * getVideoMp4Url('abc123', 'high')
+ * // => 'https://stream.mux.com/abc123/high.mp4'
+ * ```
+ */
+declare function getVideoMp4Url(playbackId: string, resolution?: 'high' | 'medium' | 'low'): string;
+
+export { type VideoThumbnailOptions as V, getVideoGif as a, getVideoStreamUrl as b, getVideoMp4Url as c, getVideoStoryboard as d, type VideoGifOptions as e, getVideoThumbnail as g };

package/dist/video-DbLL8yuc.d.ts

@@ -0,0 +1,85 @@
+interface VideoThumbnailOptions {
+    /** Width in pixels (default: 640) */
+    width?: number;
+    /** Height in pixels (auto if omitted) */
+    height?: number;
+    /** Time offset in seconds (default: 0) */
+    time?: number;
+    /** Fit mode (default: 'smartcrop') */
+    fitMode?: 'preserve' | 'stretch' | 'crop' | 'smartcrop' | 'pad';
+    /** Flip horizontally */
+    flipH?: boolean;
+    /** Flip vertically */
+    flipV?: boolean;
+    /** Rotation in degrees (90, 180, 270) */
+    rotate?: 90 | 180 | 270;
+}
+/**
+ * Returns a Mux thumbnail URL for a video.
+ *
+ * @example
+ * ```ts
+ * getVideoThumbnail('abc123')
+ * // => 'https://image.mux.com/abc123/thumbnail.jpg?width=640'
+ *
+ * getVideoThumbnail('abc123', { width: 320, time: 5 })
+ * // => 'https://image.mux.com/abc123/thumbnail.jpg?width=320&time=5'
+ * ```
+ */
+declare function getVideoThumbnail(playbackId: string, options?: VideoThumbnailOptions): string;
+interface VideoGifOptions {
+    /** Width in pixels (default: 320) */
+    width?: number;
+    /** Start time in seconds (default: 0) */
+    start?: number;
+    /** End time in seconds (default: start + 5) */
+    end?: number;
+    /** Frames per second (default: 15) */
+    fps?: number;
+}
+/**
+ * Returns a Mux animated GIF URL for a video.
+ *
+ * @example
+ * ```ts
+ * getVideoGif('abc123')
+ * // => 'https://image.mux.com/abc123/animated.gif?width=320'
+ *
+ * getVideoGif('abc123', { width: 240, start: 2, end: 6 })
+ * // => 'https://image.mux.com/abc123/animated.gif?width=240&start=2&end=6'
+ * ```
+ */
+declare function getVideoGif(playbackId: string, options?: VideoGifOptions): string;
+/**
+ * Returns a Mux storyboard VTT URL for timeline hover previews.
+ *
+ * @example
+ * ```ts
+ * getVideoStoryboard('abc123')
+ * // => 'https://image.mux.com/abc123/storyboard.vtt'
+ * ```
+ */
+declare function getVideoStoryboard(playbackId: string): string;
+/**
+ * Returns the HLS stream URL for a video.
+ *
+ * @example
+ * ```ts
+ * getVideoStreamUrl('abc123')
+ * // => 'https://stream.mux.com/abc123.m3u8'
+ * ```
+ */
+declare function getVideoStreamUrl(playbackId: string): string;
+/**
+ * Returns a Mux MP4 download URL for a video.
+ * Only available if the asset was created with `mp4_support` enabled.
+ *
+ * @example
+ * ```ts
+ * getVideoMp4Url('abc123', 'high')
+ * // => 'https://stream.mux.com/abc123/high.mp4'
+ * ```
+ */
+declare function getVideoMp4Url(playbackId: string, resolution?: 'high' | 'medium' | 'low'): string;
+
+export { type VideoThumbnailOptions as V, getVideoGif as a, getVideoStreamUrl as b, getVideoMp4Url as c, getVideoStoryboard as d, type VideoGifOptions as e, getVideoThumbnail as g };

package/dist/webhook-3iL9OEyq.d.cts

@@ -0,0 +1,20 @@
+import { C as Collection } from './const-BpirbGBD.cjs';
+import { C as Config } from './payload-types-CZiaL4Wr.cjs';
+
+type CollectionType<T extends Collection> = T extends keyof Config['collections'] ? Config['collections'][T] : never;
+
+type WebhookOperation = 'create' | 'update';
+interface WebhookEvent<T extends Collection = Collection> {
+    collection: T;
+    operation: WebhookOperation;
+    data: CollectionType<T>;
+}
+type WebhookHandler<T extends Collection = Collection> = (event: WebhookEvent<T>) => Promise<void> | void;
+interface WebhookOptions {
+    secret?: string;
+}
+declare function isValidWebhookEvent(data: unknown): data is WebhookEvent;
+declare function handleWebhook<T extends Collection = Collection>(request: Request, handler: WebhookHandler<T>, options?: WebhookOptions): Promise<Response>;
+declare function createTypedWebhookHandler<T extends Collection>(collection: T, handler: (event: WebhookEvent<T>) => Promise<void> | void): WebhookHandler<T>;
+
+export { type CollectionType as C, type WebhookOperation as W, type WebhookEvent as a, type WebhookHandler as b, type WebhookOptions as c, createTypedWebhookHandler as d, handleWebhook as h, isValidWebhookEvent as i };

package/dist/webhook-DuTqrH9x.d.ts

@@ -0,0 +1,20 @@
+import { C as Collection } from './const-qZSQiSSC.js';
+import { C as Config } from './payload-types-CZiaL4Wr.js';
+
+type CollectionType<T extends Collection> = T extends keyof Config['collections'] ? Config['collections'][T] : never;
+
+type WebhookOperation = 'create' | 'update';
+interface WebhookEvent<T extends Collection = Collection> {
+    collection: T;
+    operation: WebhookOperation;
+    data: CollectionType<T>;
+}
+type WebhookHandler<T extends Collection = Collection> = (event: WebhookEvent<T>) => Promise<void> | void;
+interface WebhookOptions {
+    secret?: string;
+}
+declare function isValidWebhookEvent(data: unknown): data is WebhookEvent;
+declare function handleWebhook<T extends Collection = Collection>(request: Request, handler: WebhookHandler<T>, options?: WebhookOptions): Promise<Response>;
+declare function createTypedWebhookHandler<T extends Collection>(collection: T, handler: (event: WebhookEvent<T>) => Promise<void> | void): WebhookHandler<T>;
+
+export { type CollectionType as C, type WebhookOperation as W, type WebhookEvent as a, type WebhookHandler as b, type WebhookOptions as c, createTypedWebhookHandler as d, handleWebhook as h, isValidWebhookEvent as i };

package/dist/webhook.cjs

@@ -54,22 +54,22 @@ function isValidWebhookEvent(data) {
 }
 function verifySignature(payload, secret, signature) {
   return __async(this, null, function* () {
+    var _a;
     const encoder = new TextEncoder();
     const key = yield crypto.subtle.importKey(
       "raw",
       encoder.encode(secret),
       { name: "HMAC", hash: "SHA-256" },
       false,
-      ["sign"]
+      ["verify"]
     );
-    const sig = yield crypto.subtle.sign("HMAC", key, encoder.encode(payload));
-    const expected = Array.from(new Uint8Array(sig)).map((b) => b.toString(16).padStart(2, "0")).join("");
-    let result = expected.length !== signature.length ? 1 : 0;
-    const len = Math.max(expected.length, signature.length);
-    for (let i = 0; i < len; i++) {
-      result |= (expected.charCodeAt(i) || 0) ^ (signature.charCodeAt(i) || 0);
+    if (signature.length % 2 !== 0 || !/^[0-9a-fA-F]*$/.test(signature)) {
+      return false;
     }
-    return result === 0;
+    const sigBytes = new Uint8Array(
+      ((_a = signature.match(/.{2}/g)) != null ? _a : []).map((byte) => parseInt(byte, 16))
+    );
+    return crypto.subtle.verify("HMAC", key, sigBytes, encoder.encode(payload));
   });
 }
 function handleWebhook(request, handler, options) {

package/dist/webhook.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/webhook.ts","../src/core/webhook/index.ts"],"sourcesContent":["export {\n  handleWebhook,\n  createTypedWebhookHandler,\n  isValidWebhookEvent,\n} from './core/webhook'\nexport type {\n  WebhookEvent,\n  WebhookHandler,\n  WebhookOperation,\n  WebhookOptions,\n} from './core/webhook'\n","import type { Collection } from '../client/types'\nimport type { CollectionType } from '../collection/types'\n\nexport type WebhookOperation = 'create' | 'update'\n\nexport interface WebhookEvent<T extends Collection = Collection> {\n  collection: T\n  operation: WebhookOperation\n  data: CollectionType<T>\n}\n\nexport type WebhookHandler<T extends Collection = Collection> = (\n  event: WebhookEvent<T>,\n) => Promise<void> | void\n\nexport interface WebhookOptions {\n  secret?: string\n}\n\nexport function isValidWebhookEvent(data: unknown): data is WebhookEvent {\n  if (typeof data !== 'object' || data === null) return false\n  const obj = data as Record<string, unknown>\n  return (\n    typeof obj.collection === 'string' &&\n    (obj.operation === 'create' || obj.operation === 'update') &&\n    typeof obj.data === 'object' &&\n    obj.data !== null\n  )\n}\n\nasync function verifySignature(\n  payload: string,\n  secret: string,\n  signature: string,\n): Promise<boolean> {\n  const encoder = new TextEncoder()\n  const key = await crypto.subtle.importKey(\n    'raw',\n    encoder.encode(secret),\n    { name: 'HMAC', hash: 'SHA-256' },\n    false,\n    ['sign'],\n  )\n  const sig = await crypto.subtle.sign('HMAC', key, encoder.encode(payload))\n  const expected = Array.from(new Uint8Array(sig))\n    .map((b) => b.toString(16).padStart(2, '0'))\n    .join('')\n  // Constant-time comparison to prevent timing attacks\n  let result = expected.length !== signature.length ? 1 : 0\n  const len = Math.max(expected.length, signature.length)\n  for (let i = 0; i < len; i++) {\n    result |= (expected.charCodeAt(i) || 0) ^ (signature.charCodeAt(i) || 0)\n  }\n  return result === 0\n}\n\nexport async function handleWebhook<T extends Collection = Collection>(\n  request: Request,\n  handler: WebhookHandler<T>,\n  options?: WebhookOptions,\n): Promise<Response> {\n  try {\n    const rawBody = await request.text()\n\n    if (options?.secret) {\n      const signature = request.headers.get('x-webhook-signature') || ''\n      const valid = await verifySignature(rawBody, options.secret, signature)\n      if (!valid) {\n        return new Response(\n          JSON.stringify({ error: 'Invalid webhook signature' }),\n          { status: 401, headers: { 'Content-Type': 'application/json' } },\n        )\n      }\n    } else {\n      console.warn(\n        '[@01.software/sdk] Webhook signature verification is disabled. ' +\n          'Set { secret } in handleWebhook() options to enable HMAC-SHA256 verification.',\n      )\n    }\n\n    const body = JSON.parse(rawBody)\n\n    if (!isValidWebhookEvent(body)) {\n      return new Response(\n        JSON.stringify({ error: 'Invalid webhook event format' }),\n        { status: 400, headers: { 'Content-Type': 'application/json' } },\n      )\n    }\n\n    await handler(body as WebhookEvent<T>)\n\n    return new Response(\n      JSON.stringify({ success: true, message: 'Webhook processed' }),\n      { status: 200, headers: { 'Content-Type': 'application/json' } },\n    )\n  } catch (error) {\n    console.error('Webhook processing error:', error)\n\n    return new Response(JSON.stringify({ error: 'Internal server error' }), {\n      status: 500,\n      headers: { 'Content-Type': 'application/json' },\n    })\n  }\n}\n\nexport function createTypedWebhookHandler<T extends Collection>(\n  collection: T,\n  handler: (event: WebhookEvent<T>) => Promise<void> | void,\n): WebhookHandler<T> {\n  return async (event: WebhookEvent<T>) => {\n    if (event.collection !== collection) {\n      throw new Error(\n        `Expected collection \"${collection}\", got \"${event.collection}\"`,\n      )\n    }\n    return handler(event)\n  }\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../src/webhook.ts","../src/core/webhook/index.ts"],"sourcesContent":["export {\n  handleWebhook,\n  createTypedWebhookHandler,\n  isValidWebhookEvent,\n} from './core/webhook'\nexport type {\n  WebhookEvent,\n  WebhookHandler,\n  WebhookOperation,\n  WebhookOptions,\n} from './core/webhook'\n","import type { Collection } from '../client/types'\nimport type { CollectionType } from '../collection/types'\n\nexport type WebhookOperation = 'create' | 'update'\n\nexport interface WebhookEvent<T extends Collection = Collection> {\n  collection: T\n  operation: WebhookOperation\n  data: CollectionType<T>\n}\n\nexport type WebhookHandler<T extends Collection = Collection> = (\n  event: WebhookEvent<T>,\n) => Promise<void> | void\n\nexport interface WebhookOptions {\n  secret?: string\n}\n\nexport function isValidWebhookEvent(data: unknown): data is WebhookEvent {\n  if (typeof data !== 'object' || data === null) return false\n  const obj = data as Record<string, unknown>\n  return (\n    typeof obj.collection === 'string' &&\n    (obj.operation === 'create' || obj.operation === 'update') &&\n    typeof obj.data === 'object' &&\n    obj.data !== null\n  )\n}\n\nasync function verifySignature(\n  payload: string,\n  secret: string,\n  signature: string,\n): Promise<boolean> {\n  const encoder = new TextEncoder()\n  const key = await crypto.subtle.importKey(\n    'raw',\n    encoder.encode(secret),\n    { name: 'HMAC', hash: 'SHA-256' },\n    false,\n    ['verify'],\n  )\n  // Validate and convert hex signature to Uint8Array\n  if (signature.length % 2 !== 0 || !/^[0-9a-fA-F]*$/.test(signature)) {\n    return false\n  }\n  const sigBytes = new Uint8Array(\n    (signature.match(/.{2}/g) ?? []).map((byte) => parseInt(byte, 16)),\n  )\n  // crypto.subtle.verify performs constant-time comparison internally\n  return crypto.subtle.verify('HMAC', key, sigBytes, encoder.encode(payload))\n}\n\nexport async function handleWebhook<T extends Collection = Collection>(\n  request: Request,\n  handler: WebhookHandler<T>,\n  options?: WebhookOptions,\n): Promise<Response> {\n  try {\n    const rawBody = await request.text()\n\n    if (options?.secret) {\n      const signature = request.headers.get('x-webhook-signature') || ''\n      const valid = await verifySignature(rawBody, options.secret, signature)\n      if (!valid) {\n        return new Response(\n          JSON.stringify({ error: 'Invalid webhook signature' }),\n          { status: 401, headers: { 'Content-Type': 'application/json' } },\n        )\n      }\n    } else {\n      console.warn(\n        '[@01.software/sdk] Webhook signature verification is disabled. ' +\n          'Set { secret } in handleWebhook() options to enable HMAC-SHA256 verification.',\n      )\n    }\n\n    const body = JSON.parse(rawBody)\n\n    if (!isValidWebhookEvent(body)) {\n      return new Response(\n        JSON.stringify({ error: 'Invalid webhook event format' }),\n        { status: 400, headers: { 'Content-Type': 'application/json' } },\n      )\n    }\n\n    await handler(body as WebhookEvent<T>)\n\n    return new Response(\n      JSON.stringify({ success: true, message: 'Webhook processed' }),\n      { status: 200, headers: { 'Content-Type': 'application/json' } },\n    )\n  } catch (error) {\n    console.error('Webhook processing error:', error)\n\n    return new Response(JSON.stringify({ error: 'Internal server error' }), {\n      status: 500,\n      headers: { 'Content-Type': 'application/json' },\n    })\n  }\n}\n\nexport function createTypedWebhookHandler<T extends Collection>(\n  collection: T,\n  handler: (event: WebhookEvent<T>) => Promise<void> | void,\n): WebhookHandler<T> {\n  return async (event: WebhookEvent<T>) => {\n    if (event.collection !== collection) {\n      throw new Error(\n        `Expected collection \"${collection}\", got \"${event.collection}\"`,\n      )\n    }\n    return handler(event)\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACmBO,SAAS,oBAAoB,MAAqC;AACvE,MAAI,OAAO,SAAS,YAAY,SAAS,KAAM,QAAO;AACtD,QAAM,MAAM;AACZ,SACE,OAAO,IAAI,eAAe,aACzB,IAAI,cAAc,YAAY,IAAI,cAAc,aACjD,OAAO,IAAI,SAAS,YACpB,IAAI,SAAS;AAEjB;AAEA,SAAe,gBACb,SACA,QACA,WACkB;AAAA;AAlCpB;AAmCE,UAAM,UAAU,IAAI,YAAY;AAChC,UAAM,MAAM,MAAM,OAAO,OAAO;AAAA,MAC9B;AAAA,MACA,QAAQ,OAAO,MAAM;AAAA,MACrB,EAAE,MAAM,QAAQ,MAAM,UAAU;AAAA,MAChC;AAAA,MACA,CAAC,QAAQ;AAAA,IACX;AAEA,QAAI,UAAU,SAAS,MAAM,KAAK,CAAC,iBAAiB,KAAK,SAAS,GAAG;AACnE,aAAO;AAAA,IACT;AACA,UAAM,WAAW,IAAI;AAAA,QAClB,eAAU,MAAM,OAAO,MAAvB,YAA4B,CAAC,GAAG,IAAI,CAAC,SAAS,SAAS,MAAM,EAAE,CAAC;AAAA,IACnE;AAEA,WAAO,OAAO,OAAO,OAAO,QAAQ,KAAK,UAAU,QAAQ,OAAO,OAAO,CAAC;AAAA,EAC5E;AAAA;AAEA,SAAsB,cACpB,SACA,SACA,SACmB;AAAA;AACnB,QAAI;AACF,YAAM,UAAU,MAAM,QAAQ,KAAK;AAEnC,UAAI,mCAAS,QAAQ;AACnB,cAAM,YAAY,QAAQ,QAAQ,IAAI,qBAAqB,KAAK;AAChE,cAAM,QAAQ,MAAM,gBAAgB,SAAS,QAAQ,QAAQ,SAAS;AACtE,YAAI,CAAC,OAAO;AACV,iBAAO,IAAI;AAAA,YACT,KAAK,UAAU,EAAE,OAAO,4BAA4B,CAAC;AAAA,YACrD,EAAE,QAAQ,KAAK,SAAS,EAAE,gBAAgB,mBAAmB,EAAE;AAAA,UACjE;AAAA,QACF;AAAA,MACF,OAAO;AACL,gBAAQ;AAAA,UACN;AAAA,QAEF;AAAA,MACF;AAEA,YAAM,OAAO,KAAK,MAAM,OAAO;AAE/B,UAAI,CAAC,oBAAoB,IAAI,GAAG;AAC9B,eAAO,IAAI;AAAA,UACT,KAAK,UAAU,EAAE,OAAO,+BAA+B,CAAC;AAAA,UACxD,EAAE,QAAQ,KAAK,SAAS,EAAE,gBAAgB,mBAAmB,EAAE;AAAA,QACjE;AAAA,MACF;AAEA,YAAM,QAAQ,IAAuB;AAErC,aAAO,IAAI;AAAA,QACT,KAAK,UAAU,EAAE,SAAS,MAAM,SAAS,oBAAoB,CAAC;AAAA,QAC9D,EAAE,QAAQ,KAAK,SAAS,EAAE,gBAAgB,mBAAmB,EAAE;AAAA,MACjE;AAAA,IACF,SAAS,OAAO;AACd,cAAQ,MAAM,6BAA6B,KAAK;AAEhD,aAAO,IAAI,SAAS,KAAK,UAAU,EAAE,OAAO,wBAAwB,CAAC,GAAG;AAAA,QACtE,QAAQ;AAAA,QACR,SAAS,EAAE,gBAAgB,mBAAmB;AAAA,MAChD,CAAC;AAAA,IACH;AAAA,EACF;AAAA;AAEO,SAAS,0BACd,YACA,SACmB;AACnB,SAAO,CAAO,UAA2B;AACvC,QAAI,MAAM,eAAe,YAAY;AACnC,YAAM,IAAI;AAAA,QACR,wBAAwB,UAAU,WAAW,MAAM,UAAU;AAAA,MAC/D;AAAA,IACF;AACA,WAAO,QAAQ,KAAK;AAAA,EACtB;AACF;","names":[]}

package/dist/webhook.d.cts

@@ -1,2 +1,3 @@
-export { c as WebhookEvent, d as WebhookHandler, W as WebhookOperation, e as WebhookOptions, f as createTypedWebhookHandler, h as handleWebhook, i as isValidWebhookEvent } from './webhook-DInps2xX.cjs';
-import './payload-types-ggU6BNuH.cjs';
+export { a as WebhookEvent, b as WebhookHandler, W as WebhookOperation, c as WebhookOptions, d as createTypedWebhookHandler, h as handleWebhook, i as isValidWebhookEvent } from './webhook-3iL9OEyq.cjs';
+import './const-BpirbGBD.cjs';
+import './payload-types-CZiaL4Wr.cjs';

package/dist/webhook.d.ts

@@ -1,2 +1,3 @@
-export { c as WebhookEvent, d as WebhookHandler, W as WebhookOperation, e as WebhookOptions, f as createTypedWebhookHandler, h as handleWebhook, i as isValidWebhookEvent } from './webhook-B54a-HGd.js';
-import './payload-types-ggU6BNuH.js';
+export { a as WebhookEvent, b as WebhookHandler, W as WebhookOperation, c as WebhookOptions, d as createTypedWebhookHandler, h as handleWebhook, i as isValidWebhookEvent } from './webhook-DuTqrH9x.js';
+import './const-qZSQiSSC.js';
+import './payload-types-CZiaL4Wr.js';

package/dist/webhook.js

@@ -27,22 +27,22 @@ function isValidWebhookEvent(data) {
 }
 function verifySignature(payload, secret, signature) {
   return __async(this, null, function* () {
+    var _a;
     const encoder = new TextEncoder();
     const key = yield crypto.subtle.importKey(
       "raw",
       encoder.encode(secret),
       { name: "HMAC", hash: "SHA-256" },
       false,
-      ["sign"]
+      ["verify"]
     );
-    const sig = yield crypto.subtle.sign("HMAC", key, encoder.encode(payload));
-    const expected = Array.from(new Uint8Array(sig)).map((b) => b.toString(16).padStart(2, "0")).join("");
-    let result = expected.length !== signature.length ? 1 : 0;
-    const len = Math.max(expected.length, signature.length);
-    for (let i = 0; i < len; i++) {
-      result |= (expected.charCodeAt(i) || 0) ^ (signature.charCodeAt(i) || 0);
+    if (signature.length % 2 !== 0 || !/^[0-9a-fA-F]*$/.test(signature)) {
+      return false;
     }
-    return result === 0;
+    const sigBytes = new Uint8Array(
+      ((_a = signature.match(/.{2}/g)) != null ? _a : []).map((byte) => parseInt(byte, 16))
+    );
+    return crypto.subtle.verify("HMAC", key, sigBytes, encoder.encode(payload));
   });
 }
 function handleWebhook(request, handler, options) {