@axinom/mosaic-managed-workflow-integration 0.1.4-rc.8 → 0.2.0-rc.0

package/dist/video/types/video-select-explorer.js

@@ -0,0 +1,41 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PreviewStatus = exports.OutputFormat = exports.EncodingState = void 0;
+var EncodingState;
+(function (EncodingState) {
+    /** Waiting */
+    EncodingState["Waiting"] = "WAITING";
+    /** In progress */
+    EncodingState["InProgress"] = "IN_PROGRESS";
+    /** Ready */
+    EncodingState["Ready"] = "READY";
+    /** Error */
+    EncodingState["Error"] = "ERROR";
+    /** Not started */
+    EncodingState["NotStarted"] = "NOT_STARTED";
+    /** Initializing */
+    EncodingState["Initializing"] = "INITIALIZING";
+})(EncodingState = exports.EncodingState || (exports.EncodingState = {}));
+var OutputFormat;
+(function (OutputFormat) {
+    /** HLS */
+    OutputFormat["Hls"] = "HLS";
+    /** DASH */
+    OutputFormat["Dash"] = "DASH";
+    /** DASH & HLS */
+    OutputFormat["DashHls"] = "DASH_HLS";
+    /** CMAF */
+    OutputFormat["Cmaf"] = "CMAF";
+    /** DASH On Demand */
+    OutputFormat["DashOnDemand"] = "DASH_ON_DEMAND";
+})(OutputFormat = exports.OutputFormat || (exports.OutputFormat = {}));
+var PreviewStatus;
+(function (PreviewStatus) {
+    /** Not previewed */
+    PreviewStatus["NotPreviewed"] = "NOT_PREVIEWED";
+    /** Not approved */
+    PreviewStatus["NotApproved"] = "NOT_APPROVED";
+    /** Approved */
+    PreviewStatus["Approved"] = "APPROVED";
+})(PreviewStatus = exports.PreviewStatus || (exports.PreviewStatus = {}));
+//# sourceMappingURL=video-select-explorer.js.map

package/dist/video/types/video-select-explorer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"video-select-explorer.js","sourceRoot":"","sources":["../../../src/video/types/video-select-explorer.ts"],"names":[],"mappings":";;;AA2CA,IAAY,aAaX;AAbD,WAAY,aAAa;IACvB,cAAc;IACd,oCAAmB,CAAA;IACnB,kBAAkB;IAClB,2CAA0B,CAAA;IAC1B,YAAY;IACZ,gCAAe,CAAA;IACf,YAAY;IACZ,gCAAe,CAAA;IACf,kBAAkB;IAClB,2CAA0B,CAAA;IAC1B,mBAAmB;IACnB,8CAA6B,CAAA;AAC/B,CAAC,EAbW,aAAa,GAAb,qBAAa,KAAb,qBAAa,QAaxB;AAED,IAAY,YAWX;AAXD,WAAY,YAAY;IACtB,UAAU;IACV,2BAAW,CAAA;IACX,WAAW;IACX,6BAAa,CAAA;IACb,iBAAiB;IACjB,oCAAoB,CAAA;IACpB,WAAW;IACX,6BAAa,CAAA;IACb,qBAAqB;IACrB,+CAA+B,CAAA;AACjC,CAAC,EAXW,YAAY,GAAZ,oBAAY,KAAZ,oBAAY,QAWvB;AAED,IAAY,aAOX;AAPD,WAAY,aAAa;IACvB,oBAAoB;IACpB,+CAA8B,CAAA;IAC9B,mBAAmB;IACnB,6CAA4B,CAAA;IAC5B,eAAe;IACf,sCAAqB,CAAA;AACvB,CAAC,EAPW,aAAa,GAAb,qBAAa,KAAb,qBAAa,QAOxB"}

package/dist/video/types/video-select-field.d.ts

@@ -0,0 +1,17 @@
+import { BaseFormControl, BaseInputEvents } from '@axinom/mosaic-ui';
+import { ID } from '../../common';
+export interface VideoSelectFieldProps extends BaseFormControl, BaseInputEvents {
+    /** Current value the form control has */
+    value?: ID[];
+    /** Maximum number of items which can be assigned */
+    maxItems?: number;
+    /** Label to be displayed */
+    label: string;
+    /** Default tag to filter results by */
+    defaultFilterTag?: string;
+    /** Raised when the value has changed */
+    onChange: (event: unknown) => void;
+    /** Controls the sticky option of the video list */
+    isSticky?: boolean;
+}
+//# sourceMappingURL=video-select-field.d.ts.map

package/dist/video/types/video-select-field.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"video-select-field.d.ts","sourceRoot":"","sources":["../../../src/video/types/video-select-field.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACrE,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAElC,MAAM,WAAW,qBACf,SAAQ,eAAe,EACrB,eAAe;IACjB,yCAAyC;IACzC,KAAK,CAAC,EAAE,EAAE,EAAE,CAAC;IACb,oDAAoD;IACpD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,4BAA4B;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,uCAAuC;IACvC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,wCAAwC;IACxC,QAAQ,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACnC,mDAAmD;IACnD,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB"}

package/dist/video/types/video-select-field.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=video-select-field.js.map

package/dist/video/types/video-select-field.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"video-select-field.js","sourceRoot":"","sources":["../../../src/video/types/video-select-field.ts"],"names":[],"mappings":""}

package/dist/video/video-cue-points.d.ts

@@ -0,0 +1,25 @@
+import { PiletApi } from '@axinom/mosaic-portal';
+import { ID, Maybe } from '../common';
+import { EncodingState } from './types';
+interface VideoServiceCuePoints {
+    __typename?: 'CuePoint';
+    id: ID;
+    timeInSeconds: number;
+}
+interface VideoData {
+    __typename?: 'Video';
+    lengthInSeconds?: Maybe<number>;
+    encodingState: EncodingState;
+    cuePoints: {
+        __typename?: 'CuePointsConnection';
+        nodes: VideoServiceCuePoints[];
+    };
+}
+export declare let getVideoCuePointsData: () => (id: ID, cuePointTypeKeys?: string[]) => Promise<VideoData>;
+/**
+ * Initializes the video-cue-points-data function.
+ * @param app The PiletApi object.
+ */
+export declare function setGetVideoCuePointsData(app: PiletApi): void;
+export {};
+//# sourceMappingURL=video-cue-points.d.ts.map

package/dist/video/video-cue-points.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"video-cue-points.d.ts","sourceRoot":"","sources":["../../src/video/video-cue-points.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAE,EAAE,EAAE,KAAK,EAAE,MAAM,WAAW,CAAC;AACtC,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAExC,UAAU,qBAAqB;IAC7B,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,EAAE,EAAE,EAAE,CAAC;IACP,aAAa,EAAE,MAAM,CAAC;CACvB;AAED,UAAU,SAAS;IACjB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,eAAe,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IAChC,aAAa,EAAE,aAAa,CAAC;IAC7B,SAAS,EAAE;QACT,UAAU,CAAC,EAAE,qBAAqB,CAAC;QACnC,KAAK,EAAE,qBAAqB,EAAE,CAAC;KAChC,CAAC;CACH;AAED,eAAO,IAAI,qBAAqB,EAAE,MAAM,CACtC,EAAE,EAAE,EAAE,EACN,gBAAgB,CAAC,EAAE,MAAM,EAAE,KACxB,OAAO,CAAC,SAAS,CAAC,CAAC;AAExB;;;GAGG;AACH,wBAAgB,wBAAwB,CAAC,GAAG,EAAE,QAAQ,GAAG,IAAI,CAE5D"}

package/dist/video/video-cue-points.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.setGetVideoCuePointsData = exports.getVideoCuePointsData = void 0;
+/**
+ * Initializes the video-cue-points-data function.
+ * @param app The PiletApi object.
+ */
+function setGetVideoCuePointsData(app) {
+    exports.getVideoCuePointsData = () => app.getData('video-cue-points-data');
+}
+exports.setGetVideoCuePointsData = setGetVideoCuePointsData;
+//# sourceMappingURL=video-cue-points.js.map

package/dist/video/video-cue-points.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"video-cue-points.js","sourceRoot":"","sources":["../../src/video/video-cue-points.ts"],"names":[],"mappings":";;;AAyBA;;;GAGG;AACH,SAAgB,wBAAwB,CAAC,GAAa;IACpD,6BAAqB,GAAG,GAAG,EAAE,CAAC,GAAG,CAAC,OAAO,CAAC,uBAAuB,CAAC,CAAC;AACrE,CAAC;AAFD,4DAEC"}

package/dist/video/video-extensions.d.ts

@@ -0,0 +1,4 @@
+import { PiletApi } from '@axinom/mosaic-portal';
+import { VideoExtensions } from './types';
+export declare const bindVideoExtensions: (app: PiletApi) => VideoExtensions;
+//# sourceMappingURL=video-extensions.d.ts.map

package/dist/video/video-extensions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"video-extensions.d.ts","sourceRoot":"","sources":["../../src/video/video-extensions.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAGjD,OAAO,EACL,eAAe,EAGhB,MAAM,SAAS,CAAC;AAEjB,eAAO,MAAM,mBAAmB,QAAS,QAAQ,KAAG,eAqBnD,CAAC"}

package/dist/video/video-extensions.js

@@ -0,0 +1,18 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.bindVideoExtensions = void 0;
+const react_1 = __importDefault(require("react"));
+const common_1 = require("../common");
+const bindVideoExtensions = (app) => {
+    const VideoSelectExplorer = (props) => (react_1.default.createElement(app.Extension, { name: "video-select-explorer", empty: common_1.extensionDefaultValue, params: props }));
+    const VideoSelectField = (props) => (react_1.default.createElement(app.Extension, { name: "video-select-field", empty: common_1.extensionDefaultValue, params: props }));
+    return {
+        VideoSelectExplorer,
+        VideoSelectField,
+    };
+};
+exports.bindVideoExtensions = bindVideoExtensions;
+//# sourceMappingURL=video-extensions.js.map

package/dist/video/video-extensions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"video-extensions.js","sourceRoot":"","sources":["../../src/video/video-extensions.tsx"],"names":[],"mappings":";;;;;;AACA,kDAA0B;AAC1B,sCAAkD;AAO3C,MAAM,mBAAmB,GAAG,CAAC,GAAa,EAAmB,EAAE;IACpE,MAAM,mBAAmB,GAAuC,CAAC,KAAK,EAAE,EAAE,CAAC,CACzE,8BAAC,GAAG,CAAC,SAAS,IACZ,IAAI,EAAC,uBAAuB,EAC5B,KAAK,EAAE,8BAAqB,EAC5B,MAAM,EAAE,KAAK,GACb,CACH,CAAC;IAEF,MAAM,gBAAgB,GAAoC,CAAC,KAAK,EAAE,EAAE,CAAC,CACnE,8BAAC,GAAG,CAAC,SAAS,IACZ,IAAI,EAAC,oBAAoB,EACzB,KAAK,EAAE,8BAAqB,EAC5B,MAAM,EAAE,KAAK,GACb,CACH,CAAC;IAEF,OAAO;QACL,mBAAmB;QACnB,gBAAgB;KACjB,CAAC;AACJ,CAAC,CAAC;AArBW,QAAA,mBAAmB,uBAqB9B"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@axinom/mosaic-managed-workflow-integration",
-  "version": "0.1.4-rc.8",
+  "version": "0.2.0-rc.0",
   "description": "Shared types and helpers for integrating functionality provided by managed service workflows",
   "author": "Axinom",
   "license": "PROPRIETARY",
@@ -23,8 +23,8 @@
     "lint": "eslint . --ext .ts,.tsx,.js --color --cache"
   },
   "devDependencies": {
-    "@axinom/mosaic-portal": "^0.18.0-rc.8",
-    "@axinom/mosaic-ui": "^0.34.0-rc.8",
+    "@axinom/mosaic-portal": "^0.18.0-rc.18",
+    "@axinom/mosaic-ui": "^0.34.0-rc.18",
     "@types/react": "^17",
     "@types/react-dom": "^17",
     "eslint": "^8.35.0",
@@ -42,5 +42,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "5edc02cc390133cd76b231e57bde5394db8a5aa0"
+  "gitHead": "f1bb8f0764177210d9b811135b90569f86f6ee32"
 }

package/src/channel/index.ts

@@ -0,0 +1 @@
+export * from './types';

package/src/channel/types/fast-provider.ts

@@ -0,0 +1,23 @@
+import { ID, Maybe } from '../../common';
+
+export interface FastProviderData {
+  type: string;
+  label: string;
+  selectionComponent: React.FC<{
+    onClose: () => void;
+    onSelected: (items: ProgramEntity[]) => void;
+  }>;
+  detailsResolver?: (params: {
+    entityId: string;
+    entityType: string;
+  }) => string;
+}
+
+export type FastProviderType = 'fast-provider';
+
+export interface ProgramEntity {
+  title: string;
+  videoId: ID;
+  entityId: string;
+  imageId?: Maybe<ID>;
+}

package/src/channel/types/index.ts

@@ -0,0 +1 @@
+export * from './fast-provider';

package/src/common/index.ts

@@ -1,3 +1,2 @@
 export * from './default-extension-value';
-export * from './models';
-export * from './piral-extensions';
+export * from './types';

package/src/common/types/index.ts

@@ -0,0 +1 @@
+export * from './models';

package/src/common/{models.ts → types/models.ts}

@@ -16,3 +16,5 @@ export type Datetime = Scalars['Datetime'];
 export type BigFloat = Scalars['BigFloat'];
 
 export type ID = Scalars['UUID'];
+
+export type Maybe<T> = T | null;

package/src/image/thumbnail-renderer.tsx

@@ -1,11 +1,20 @@
 import { PiletApi } from '@axinom/mosaic-portal';
 import { ColumnMap, ColumnRenderer, Data } from '@axinom/mosaic-ui';
 import React from 'react';
+import {
+  ThumbnailProperty,
+  ThumbnailResolver,
+  ThumbnailResolverType,
+} from './types';
 
-const thumbnailFallback = (
-  _thumbnailProperty: keyof Data,
+/**
+ * A fallback for the `getThumbnailAndStateRenderer` function.
+ */
+const thumbnailFallback = <T extends Data>(
+  _thumbnailPropertyOrResolver: ThumbnailProperty<T> | ThumbnailResolver<T>,
   _map?: ColumnMap,
-): ColumnRenderer<Data> => {
+  _resolverType?: ThumbnailResolverType,
+): ColumnRenderer<T> => {
   const ThumbnailFallbackRenderer = (
     _state: unknown,
     _data: unknown,
@@ -15,13 +24,22 @@ const thumbnailFallback = (
   return ThumbnailFallbackRenderer;
 };
 
-export let getThumbnailAndStateRenderer = (): ((
-  _thumbnailProperty: keyof Data,
+/**
+ * A function that returns thumbnail and state renderer function.
+ * @returns A thumbnail and state column renderer
+ */
+export let getThumbnailAndStateRenderer = <T extends Data>(): ((
+  _thumbnailPropertyOrResolver: ThumbnailProperty<T> | ThumbnailResolver<T>,
   _map?: ColumnMap,
-) => ColumnRenderer<Data>) => thumbnailFallback;
+  _resolverType?: ThumbnailResolverType,
+) => ColumnRenderer<T>) => thumbnailFallback;
 
 /**
- * Initializes the getThumbnailAndStateRenderer function.
+ * Sets the `getThumbnailAndStateRenderer` utility function from the PiletApi object.
+ *
+ * The `getThumbnailAndStateRenderer` function simplifies access to shared functionality provided by the image workflow in the PiletApi object.
+ * It is used to retrieve the thumbnail renderer function, which is supplied by the image pilet.
+ *
  * @param app The PiletApi object.
  */
 export function setGetThumbnailAndStateRenderer(app: PiletApi): void {

package/src/image/types/index.ts

@@ -3,3 +3,4 @@ export * from './image-explorer-extension';
 export * from './image-extensions';
 export * from './image-preview-extension';
 export * from './image-select-field-extension';
+export * from './thumbnail-renderer';

package/src/image/types/thumbnail-renderer.ts

@@ -0,0 +1,41 @@
+/**
+ * A property name of the data object that will be used to access the UUID of a thumbnail image.
+ *
+ * The property value can be an image UUID directly or an object with the following structure:
+ * {
+ *   nodes?: { imageId?: Scalars['UUID'] }[];
+ * }
+ * @example
+ * // thumbnail property name 'images' for a value containing an object
+ * {
+ *   images: {
+ *     nodes: [
+ *       {
+ *         imageId: '12345678-1234-1234-1234-123456789012'
+ *       }
+ *     ]
+ *   }
+ * }
+ * @example
+ * // thumbnail property name 'imageId' for a value containing a string
+ * {
+ *   imageId: '12345678-1234-1234-1234-123456789012'
+ * }
+ *
+ * @template T - The type of the data object containing the thumbnail property.
+ */
+export type ThumbnailProperty<T> = keyof T;
+
+/**
+ * A function that resolves the thumbnail url or imageId from the data
+ * @param data The data object
+ * @returns The thumbnail url or image UUID
+ */
+export type ThumbnailResolver<T> = (data: T) => string | undefined;
+
+/**
+ * Specifies the type of `ThumbnailResolver` (defaults to 'url')
+ * `uuid` will resolve the imageId of the thumbnail that will be used to construct the thumbnail url
+ * `url` will resolve the thumbnail url directly from the data
+ */
+export type ThumbnailResolverType = 'uuid' | 'url';

package/src/index.ts

@@ -1,3 +1,6 @@
+export * from './channel';
 export * from './common';
 export * from './image';
 export * from './localization';
+export * from './piral-extensions';
+export * from './video';

package/src/piral-extensions.ts

@@ -0,0 +1,27 @@
+import { PiletApi } from '@axinom/mosaic-portal';
+import { FastProviderData, FastProviderType } from './channel';
+import {
+  ImageCoverProps,
+  ImagePreviewProps,
+  ImageSelectExplorerProps,
+  ImageSelectFieldProps,
+} from './image';
+import { VideoSelectExplorerProps, VideoSelectFieldProps } from './video';
+
+declare module '@axinom/mosaic-portal' {
+  export interface PiralCustomExtensionSlotMap {
+    'image-cover': ImageCoverProps;
+    'image-select-field': ImageSelectFieldProps;
+    'image-preview': ImagePreviewProps;
+    'image-select-explorer': ImageSelectExplorerProps;
+    'video-select-explorer': VideoSelectExplorerProps;
+    'video-select-field': VideoSelectFieldProps;
+  }
+
+  interface ProviderRegistration {
+    (type: FastProviderType, data: FastProviderData): void;
+  }
+  interface GetProviders {
+    (type: FastProviderType): FastProviderData[];
+  }
+}

package/src/video/index.ts

@@ -0,0 +1,3 @@
+export * from './types';
+export * from './video-cue-points';
+export * from './video-extensions';

package/src/video/types/index.ts

@@ -0,0 +1,3 @@
+export * from './video-extensions';
+export * from './video-select-explorer';
+export * from './video-select-field';

package/src/video/types/video-extensions.ts

@@ -0,0 +1,7 @@
+import { VideoSelectExplorerProps } from './video-select-explorer';
+import { VideoSelectFieldProps } from './video-select-field';
+
+export interface VideoExtensions {
+  VideoSelectExplorer: React.FC<VideoSelectExplorerProps>;
+  VideoSelectField: React.FC<VideoSelectFieldProps>;
+}

package/src/video/types/video-select-explorer.ts

@@ -0,0 +1,83 @@
+import { FilterValues, ItemSelection } from '@axinom/mosaic-ui';
+import { Datetime, ID, Maybe } from '../../common';
+
+export interface VideoSelectExplorerProps {
+  /** Optional Title shown in page header (default: 'Videos') */
+  title?: string;
+  /** Whether or not the selection of multiple items is allowed (default: false) */
+  allowBulkSelect?: boolean;
+  /** IDs of items which will be excluded from the explorer. Can be used to remove already selected items. */
+  excludeItems?: ID[];
+  /** Unique identifier used to store states related to explorer */
+  stationKey?: string;
+  /** In multiselect mode, whether the Select All button will be displayed. This is currently not fully supported. (default: false) */
+  enableSelectAll?: boolean;
+  /** A set of initial filter values which the Explorer will use. (default: empty) */
+  predefinedFilterValues?: FilterValues<Video>;
+  /**
+   * Callback called when the user finished the selection.
+   * The IDs of the selected item (or items) will be passed as argument to the callback.
+   */
+  onSelection: (selection: ItemSelection<Video>) => void;
+  /** Callback called when the user cancels the selection */
+  onCancel?: () => void;
+}
+
+export interface Video {
+  id: ID;
+  title: string;
+  isProtected: boolean;
+  encodingState: EncodingState;
+  audioLanguages: Maybe<string>[];
+  captionLanguages: Maybe<string>[];
+  subtitleLanguages: Maybe<string>[];
+  lengthInSeconds?: Maybe<number>;
+  isArchived: boolean;
+  createdDate: Datetime;
+  updatedDate: Datetime;
+  sourceFullFileName?: Maybe<string>;
+  previewStatus: PreviewStatus;
+  outputFormat: OutputFormat;
+  videosTags: { nodes: VideosTag[] };
+}
+
+export enum EncodingState {
+  /** Waiting */
+  Waiting = 'WAITING',
+  /** In progress */
+  InProgress = 'IN_PROGRESS',
+  /** Ready */
+  Ready = 'READY',
+  /** Error */
+  Error = 'ERROR',
+  /** Not started */
+  NotStarted = 'NOT_STARTED',
+  /** Initializing */
+  Initializing = 'INITIALIZING',
+}
+
+export enum OutputFormat {
+  /** HLS */
+  Hls = 'HLS',
+  /** DASH */
+  Dash = 'DASH',
+  /** DASH & HLS */
+  DashHls = 'DASH_HLS',
+  /** CMAF */
+  Cmaf = 'CMAF',
+  /** DASH On Demand */
+  DashOnDemand = 'DASH_ON_DEMAND',
+}
+
+export enum PreviewStatus {
+  /** Not previewed */
+  NotPreviewed = 'NOT_PREVIEWED',
+  /** Not approved */
+  NotApproved = 'NOT_APPROVED',
+  /** Approved */
+  Approved = 'APPROVED',
+}
+
+export interface VideosTag {
+  name: string;
+}

package/src/video/types/video-select-field.ts

@@ -0,0 +1,19 @@
+import { BaseFormControl, BaseInputEvents } from '@axinom/mosaic-ui';
+import { ID } from '../../common';
+
+export interface VideoSelectFieldProps
+  extends BaseFormControl,
+    BaseInputEvents {
+  /** Current value the form control has */
+  value?: ID[];
+  /** Maximum number of items which can be assigned */
+  maxItems?: number;
+  /** Label to be displayed */
+  label: string;
+  /** Default tag to filter results by */
+  defaultFilterTag?: string;
+  /** Raised when the value has changed */
+  onChange: (event: unknown) => void;
+  /** Controls the sticky option of the video list */
+  isSticky?: boolean;
+}

package/src/video/video-cue-points.ts

@@ -0,0 +1,32 @@
+import { PiletApi } from '@axinom/mosaic-portal';
+import { ID, Maybe } from '../common';
+import { EncodingState } from './types';
+
+interface VideoServiceCuePoints {
+  __typename?: 'CuePoint';
+  id: ID;
+  timeInSeconds: number;
+}
+
+interface VideoData {
+  __typename?: 'Video';
+  lengthInSeconds?: Maybe<number>;
+  encodingState: EncodingState;
+  cuePoints: {
+    __typename?: 'CuePointsConnection';
+    nodes: VideoServiceCuePoints[];
+  };
+}
+
+export let getVideoCuePointsData: () => (
+  id: ID,
+  cuePointTypeKeys?: string[],
+) => Promise<VideoData>;
+
+/**
+ * Initializes the video-cue-points-data function.
+ * @param app The PiletApi object.
+ */
+export function setGetVideoCuePointsData(app: PiletApi): void {
+  getVideoCuePointsData = () => app.getData('video-cue-points-data');
+}

package/src/video/video-extensions.tsx

@@ -0,0 +1,31 @@
+import { PiletApi } from '@axinom/mosaic-portal';
+import React from 'react';
+import { extensionDefaultValue } from '../common';
+import {
+  VideoExtensions,
+  VideoSelectExplorerProps,
+  VideoSelectFieldProps,
+} from './types';
+
+export const bindVideoExtensions = (app: PiletApi): VideoExtensions => {
+  const VideoSelectExplorer: React.FC<VideoSelectExplorerProps> = (props) => (
+    <app.Extension
+      name="video-select-explorer"
+      empty={extensionDefaultValue}
+      params={props}
+    />
+  );
+
+  const VideoSelectField: React.FC<VideoSelectFieldProps> = (props) => (
+    <app.Extension
+      name="video-select-field"
+      empty={extensionDefaultValue}
+      params={props}
+    />
+  );
+
+  return {
+    VideoSelectExplorer,
+    VideoSelectField,
+  };
+};

package/dist/common/models.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"models.d.ts","sourceRoot":"","sources":["../../src/common/models.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,UAAU,OAAO;IACf,qGAAqG;IACrG,IAAI,EAAE,GAAG,CAAC;IACV,mFAAmF;IACnF,QAAQ,EAAE,GAAG,CAAC;IACd;;;OAGG;IACH,QAAQ,EAAE,GAAG,CAAC;CACf;AAED,MAAM,MAAM,QAAQ,GAAG,OAAO,CAAC,UAAU,CAAC,CAAC;AAE3C,MAAM,MAAM,QAAQ,GAAG,OAAO,CAAC,UAAU,CAAC,CAAC;AAE3C,MAAM,MAAM,EAAE,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC"}

package/dist/common/models.js

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=models.js.map

package/dist/common/piral-extensions.d.ts

@@ -1,10 +0,0 @@
-import { ImageCoverProps, ImagePreviewProps, ImageSelectExplorerProps, ImageSelectFieldProps } from '../image';
-declare module '@axinom/mosaic-portal' {
-    interface PiralCustomExtensionSlotMap {
-        'image-cover': ImageCoverProps;
-        'image-select-field': ImageSelectFieldProps;
-        'image-preview': ImagePreviewProps;
-        'image-select-explorer': ImageSelectExplorerProps;
-    }
-}
-//# sourceMappingURL=piral-extensions.d.ts.map

package/dist/common/piral-extensions.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"piral-extensions.d.ts","sourceRoot":"","sources":["../../src/common/piral-extensions.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,eAAe,EACf,iBAAiB,EACjB,wBAAwB,EACxB,qBAAqB,EACtB,MAAM,UAAU,CAAC;AAElB,OAAO,QAAQ,uBAAuB,CAAC;IACrC,UAAiB,2BAA2B;QAC1C,aAAa,EAAE,eAAe,CAAC;QAC/B,oBAAoB,EAAE,qBAAqB,CAAC;QAC5C,eAAe,EAAE,iBAAiB,CAAC;QACnC,uBAAuB,EAAE,wBAAwB,CAAC;KACnD;CACF"}

package/dist/common/piral-extensions.js

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=piral-extensions.js.map

package/dist/common/piral-extensions.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"piral-extensions.js","sourceRoot":"","sources":["../../src/common/piral-extensions.ts"],"names":[],"mappings":""}

package/src/common/piral-extensions.ts

@@ -1,15 +0,0 @@
-import {
-  ImageCoverProps,
-  ImagePreviewProps,
-  ImageSelectExplorerProps,
-  ImageSelectFieldProps,
-} from '../image';
-
-declare module '@axinom/mosaic-portal' {
-  export interface PiralCustomExtensionSlotMap {
-    'image-cover': ImageCoverProps;
-    'image-select-field': ImageSelectFieldProps;
-    'image-preview': ImagePreviewProps;
-    'image-select-explorer': ImageSelectExplorerProps;
-  }
-}