@glomex/integration-react 1.1305.0 → 1.1307.0

package/build/external-media-item-react.d.ts

@@ -1,4 +1,4 @@
-import { type ExternalMediaItemElement, type MediaItem, type MinimalMediaItem } from '@glomex/integration-web-component';
+import { type ExternalMediaItemElement, type MediaItem } from '@glomex/integration-web-component';
 import type { DetailedHTMLProps, HTMLAttributes } from 'react';
 declare global {
     namespace JSX {
@@ -14,4 +14,4 @@ declare global {
 /**
  * React component to define an external media item.
  */
-export declare const ExternalMediaItemReact: (mediaItem: MediaItem | MinimalMediaItem) => JSX.Element;
+export declare const ExternalMediaItemReact: (mediaItem: MediaItem) => JSX.Element;

package/build/integration-react.d.ts

@@ -1,4 +1,4 @@
-import { type IntegrationElement, type IntegrationProperties, type MediaItem, type MinimalMediaItem } from '@glomex/integration-web-component';
+import { type GlomexMediaItemWithOverrides, type IntegrationElement, type IntegrationProperties, type MediaItem } from '@glomex/integration-web-component';
 import { type CSSProperties, type DetailedHTMLProps, type HTMLAttributes } from 'react';
 declare global {
     namespace JSX {
@@ -19,13 +19,7 @@ declare global {
  */
 export declare const Integration: import("react").ForwardRefExoticComponent<IntegrationProperties & {
     id?: string;
-    mediaItems?: (string | {
-        id: string;
-        overrides: {
-            title?: string;
-            poster?: string;
-        };
-    } | MinimalMediaItem | MediaItem)[];
+    mediaItems?: (string | GlomexMediaItemWithOverrides | MediaItem)[];
     preventLoadIntegration?: boolean;
     configs?: Record<string, unknown>;
     style?: CSSProperties;

package/build/integration-react.js

@@ -3,6 +3,11 @@ import { ScriptType, getIntegrationCssUrl, loadIntegrationComponent } from '@glo
 import { forwardRef, useEffect, useImperativeHandle, useRef } from 'react';
 import { ExternalMediaItemReact } from './external-media-item-react.js';
 import { GlomexMediaItemReact } from './glomex-media-item-react.js';
+function isGlomexMediaItem(item) {
+    return (typeof item === 'object' &&
+        item !== null &&
+        ('overrides' in item || (Object.keys(item).length === 1 && 'id' in item)));
+}
 /**
  * React component for the integration.
  *
@@ -19,7 +24,7 @@ export const Integration = forwardRef((props, ref) => {
         if (typeof item === 'string') {
             return _jsx(GlomexMediaItemReact, { id: item }, `${item}-${keyIndex}`);
         }
-        if ('id' in item && !('title' in item)) {
+        if (isGlomexMediaItem(item)) {
             return (_jsx(GlomexMediaItemReact, { id: item.id, overrides: item.overrides }, `${item.id}-${keyIndex}`));
         }
         return _jsx(ExternalMediaItemReact, { ...item }, `${item.id}-${keyIndex}`);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@glomex/integration-react",
-  "version": "1.1305.0",
+  "version": "1.1307.0",
   "description": "React component to integrate the glomex player",
   "documentation": "https://docs.glomex.com",
   "homepage": "https://glomex.com",
@@ -27,7 +27,7 @@
     "watch": "tsc --build --watch"
   },
   "dependencies": {
-    "@glomex/integration-web-component": "^1.1305.0"
+    "@glomex/integration-web-component": "^1.1307.0"
   },
   "peerDependencies": {
     "react": ">=16.8.0",
@@ -40,5 +40,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "acc38129ee0700428d347661b777f53dc9cbe1cc"
+  "gitHead": "2a424fb7203a73ed818e3f58ec4b20c9e56b9b14"
 }