@glomex/integration-react 1.1431.1 → 1.1435.0

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

@@ -1,17 +1,15 @@
-import { type ExternalMediaItemElement, type MediaItem } from '@glomex/integration-web-component';
-import type { DetailedHTMLProps, HTMLAttributes } from 'react';
-declare global {
+import { type MediaItem } from '@glomex/integration-web-component';
+declare module 'react/jsx-runtime' {
     namespace JSX {
         interface IntrinsicElements {
-            'glomex-external-media-item': DetailedHTMLProps<HTMLAttributes<ExternalMediaItemElement> & {
+            'glomex-external-media-item': JSX.IntrinsicElements['div'] & {
                 poster?: string;
                 duration?: number;
-                type?: string;
-            }, ExternalMediaItemElement>;
+            };
         }
     }
 }
 /**
  * React component to define an external media item.
  */
-export declare const ExternalMediaItemReact: (mediaItem: MediaItem) => JSX.Element;
+export declare const ExternalMediaItemReact: (mediaItem: MediaItem) => import("react/jsx-runtime").JSX.Element;

package/dist/external-media-item-react.js

@@ -4,5 +4,5 @@ import { ScriptType } from '@glomex/integration-web-component';
  * React component to define an external media item.
  */
 export const ExternalMediaItemReact = (mediaItem) => {
-    return (_jsx("glomex-external-media-item", { id: mediaItem.id, poster: mediaItem.poster, duration: mediaItem.duration, "channel-name": 'channelName' in mediaItem ? mediaItem.channelName : undefined, "channel-logo": 'channelLogo' in mediaItem ? mediaItem.channelLogo : undefined, title: mediaItem.title, "aspect-ratio": mediaItem.aspectRatio, "minimum-age": mediaItem.minimumAge, "release-date": mediaItem.releaseDate, "has-product-placement": 'hasProductPlacement' in mediaItem ? mediaItem.hasProductPlacement : undefined, children: mediaItem ? (_jsx("script", { type: ScriptType.EXTERNAL_MEDIA_ITEM, children: JSON.stringify(mediaItem) })) : null }));
+    return (_jsx("glomex-external-media-item", { id: mediaItem.id, poster: mediaItem.poster, duration: mediaItem.duration, "channel-name": mediaItem.channel?.name, "channel-logo": mediaItem.channel?.logo, title: mediaItem.title, "aspect-ratio": mediaItem.aspectRatio, "minimum-age": mediaItem.minimumAge, "release-date": mediaItem.releaseDate, "has-product-placement": mediaItem.hasProductPlacement, children: mediaItem ? (_jsx("script", { type: ScriptType.EXTERNAL_MEDIA_ITEM, children: JSON.stringify(mediaItem) })) : null }));
 };

package/dist/glomex-media-item-react.d.ts

@@ -1,11 +1,10 @@
-import { type GlomexMediaItemElement, type GlomexMediaItemWithOverrides } from '@glomex/integration-web-component';
-import type { DetailedHTMLProps, HTMLAttributes } from 'react';
-declare global {
+import { type GlomexMediaItemWithOverrides } from '@glomex/integration-web-component';
+declare module 'react/jsx-runtime' {
     namespace JSX {
         interface IntrinsicElements {
-            'glomex-media-item': DetailedHTMLProps<HTMLAttributes<GlomexMediaItemElement> & {
+            'glomex-media-item': JSX.IntrinsicElements['div'] & {
                 poster?: string;
-            }, GlomexMediaItemElement>;
+            };
         }
     }
 }
@@ -15,4 +14,4 @@ declare global {
 export declare const GlomexMediaItemReact: (item: {
     id: string;
     overrides?: GlomexMediaItemWithOverrides["overrides"];
-}) => JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/glomex-media-item-react.js

@@ -5,5 +5,5 @@ import { ScriptType } from '@glomex/integration-web-component';
  */
 export const GlomexMediaItemReact = (item) => {
     const { id: mediaItemId, overrides: mediaItemOverrides } = item;
-    return (_jsx("glomex-media-item", { id: mediaItemId, title: mediaItemOverrides?.title, poster: mediaItemOverrides?.poster, children: _jsx("script", { type: ScriptType.EXTERNAL_MEDIA_ITEM, children: JSON.stringify(mediaItemOverrides || {}) }) }));
+    return (_jsx("glomex-media-item", { id: mediaItemId, ...(mediaItemOverrides?.title && { title: mediaItemOverrides.title }), ...(mediaItemOverrides?.poster && { poster: mediaItemOverrides.poster }), children: _jsx("script", { type: ScriptType.EXTERNAL_MEDIA_ITEM, children: JSON.stringify(mediaItemOverrides || {}) }) }));
 };

package/dist/integration-react.d.ts

@@ -1,14 +1,19 @@
 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 {
+import { type CSSProperties } from 'react';
+declare module 'react/jsx-runtime' {
     namespace JSX {
         interface IntrinsicElements {
-            'glomex-integration': DetailedHTMLProps<HTMLAttributes<IntegrationElement> & {
+            'glomex-integration': Omit<JSX.IntrinsicElements['div'], 'ref' | 'children'> & {
+                ref?: React.Ref<IntegrationElement | null>;
+                children?: React.ReactNode;
                 index?: number;
                 placement?: string;
+                'integration-id'?: string;
+                'playlist-id'?: string;
+                'use-ads-sdk'?: boolean;
+                'top-level-iframe'?: boolean;
                 hidden?: boolean;
-                style?: CSSProperties;
-            }, IntegrationElement>;
+            };
         }
     }
 }

package/dist/integration-react.js

@@ -14,7 +14,7 @@ function isGlomexMediaItem(item) {
  * @see {@link IntegrationElementEventMap} for all available events.
  */
 export const Integration = forwardRef((props, ref) => {
-    const { children, integrationId, playlistId, index, hidden, topLevelIframe, placement, mediaItems, configs, preventLoadIntegration, extraContext, ...rest } = props;
+    const { children, integrationId, playlistId, index, hidden, topLevelIframe, useAdsSdk, placement, mediaItems, configs, preventLoadIntegration, extraContext, ...rest } = props;
     const elementRef = useRef(null);
     if (mediaItems && playlistId) {
         throw new Error('Cannot specify both mediaItems and playlistId');
@@ -43,5 +43,5 @@ export const Integration = forwardRef((props, ref) => {
                 new Promise((resolve) => window.customElements.whenDefined(ComponentName.INTEGRATION).then(() => resolve()));
         return element;
     }, [extraContext]);
-    return (_jsxs(_Fragment, { children: [integrationId && _jsx("link", { rel: "stylesheet", href: getIntegrationCssUrl(integrationId) }), _jsxs("glomex-integration", { ref: elementRef, "integration-id": integrationId, "playlist-id": playlistId, index: index, hidden: hidden, "top-level-iframe": topLevelIframe, placement: placement, ...rest, children: [mediaItemComponents, children, configs && (_jsx("script", { type: ScriptType.INTEGRATION_CONFIGS, children: JSON.stringify(configs) }))] })] }));
+    return (_jsxs(_Fragment, { children: [integrationId && _jsx("link", { rel: "stylesheet", href: getIntegrationCssUrl(integrationId) }), _jsxs("glomex-integration", { ref: elementRef, "integration-id": integrationId, "playlist-id": playlistId, index: index, hidden: hidden, "use-ads-sdk": useAdsSdk, "top-level-iframe": topLevelIframe, placement: placement, ...rest, children: [mediaItemComponents, children, configs && (_jsx("script", { type: ScriptType.INTEGRATION_CONFIGS, children: JSON.stringify(configs) }))] })] }));
 });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@glomex/integration-react",
-  "version": "1.1431.1",
+  "version": "1.1435.0",
   "description": "React component to integrate the glomex player",
   "documentation": "https://docs.glomex.com",
   "homepage": "https://glomex.com",
@@ -28,7 +28,7 @@
     "watch": "tsc --build --watch"
   },
   "dependencies": {
-    "@glomex/integration-web-component": "1.1431.1"
+    "@glomex/integration-web-component": "1.1435.0"
   },
   "peerDependencies": {
     "preact": ">=10",
@@ -41,9 +41,9 @@
   "license": "MIT",
   "devDependencies": {
     "@biomejs/biome": "catalog:",
-    "@types/react": "^16.8.0",
-    "@types/react-dom": "^16.8.0",
+    "@types/react": "^19.2.2",
+    "@types/react-dom": "^19.2.2",
     "typescript": "catalog:"
   },
-  "gitHead": "7edd927f899cee302edb5660559f098b8fe4c53d"
+  "gitHead": "7bfcf125b01bc8a81bbbbb99d89302422055e5b1"
 }