@ray-js/ipc-player-integration 0.0.34 → 0.0.35-beta.10

package/lib/ctx/ctx.composition.js

@@ -4,7 +4,7 @@ const _excluded = ["title", "duration"];
 import { getCameraConfigInfo } from '@ray-js/ray-ipc-utils';
 import { IntercomMode, MuteMode, ClarityType } from '@ray-js/ray-ipc-utils/lib/interface';
 import { createUseCtx } from './ctx';
-import { FullSmallIntercom, VerticalSmallIntercom, BatteryFull, Battery, Screenshot, TempHumidity, Signal4G, RecordVideo, FullScreen, VideoBitKBP, Muted, Resolution, Ptz, MultiPtz, TileTip, PtzMoveableTip, LandscapeTip, TileActions, MoveablePtzControl, SwitchLayout, ToggleVerticalFull, RealTimeMagnification } from '../widgets';
+import { FullSmallIntercom, VerticalSmallIntercom, BatteryFull, Battery, Screenshot, TempHumidity, Signal4G, RecordVideo, FullScreen, VideoBitKBP, Muted, Floodlight, Siren, TryExperience, Resolution, Ptz, MultiPtz, TileTip, PtzMoveableTip, LandscapeTip, TileActions, MoveablePtzControl, SwitchLayout, ToggleVerticalFull, RealTimeMagnification } from '../widgets';
 import { authorizeStatus } from '../utils/authorize';
 import { landscapeTipId, moveablePtzControlId, multiPtzId, ptzMoveableTipId, tileActionsId, tileTipId } from '../ui/constant';
 import { multiPrefix } from '../widgets/multiCamera/constants';
@@ -41,6 +41,16 @@ export const defaultBottomLeftContent = [{
 }, {
   id: 'Muted',
   content: Muted
+}, {
+  id: 'Floodlight',
+  content: Floodlight
+}, {
+  id: 'Siren',
+  content: Siren
+}, /* TryExperience 必须紧跟 Muted，在 VerticalSmallIntercom 之前 */
+{
+  id: 'TryExperience',
+  content: TryExperience
 }, {
   id: 'VerticalSmallIntercom',
   content: VerticalSmallIntercom

package/lib/features/initPlayerWidgets/index.d.ts

@@ -13,6 +13,7 @@ export type InitPlayerWidgetsOptions = {
     showToggleVerticalFull?: boolean;
     showRealTimeMagnification?: boolean;
     directionControlProps?: Partial<React.ComponentProps<typeof FullScreen>['directionControlProps']>;
+    hideSmartImageQualityState?: boolean;
     topLeftContent?: ComponentConfig[];
     topRightContent?: ComponentConfig[];
     bottomLeftContent?: ComponentConfig[];

package/lib/features/initPlayerWidgets/index.js

@@ -17,8 +17,16 @@ export async function initPlayerWidgets(ctx, options) {
   }
   ctx.addContent('topRight', newDefaultTopRightContent);
   const resolutionIndex = newDefaultBottomLeftContent.findIndex(item => item.id === 'Resolution');
+  const tryExperienceIndex = newDefaultBottomLeftContent.findIndex(item => item.id === 'TryExperience');
   const screenShotIndex = newDefaultBottomLeftContent.findIndex(item => item.id === 'Screenshot');
   const recordVideoIndex = newDefaultBottomLeftContent.findIndex(item => item.id === 'RecordVideo');
+  if (tryExperienceIndex !== -1) {
+    var _options$hideSmartIma;
+    // @ts-ignore
+    newDefaultBottomLeftContent[tryExperienceIndex].initProps = {
+      hideTryExperienceMenu: (_options$hideSmartIma = options.hideSmartImageQualityState) !== null && _options$hideSmartIma !== void 0 ? _options$hideSmartIma : true
+    };
+  }
   if (resolutionIndex !== -1) {
     // @ts-ignore
     newDefaultBottomLeftContent[resolutionIndex].initProps = {

package/lib/i18n/index.d.ts

@@ -20,6 +20,7 @@ declare const Strings: kit.I18N<{
         ipc_player_authorize_confirm_text: string;
         ipc_player_error_record_tip: string;
         ipc_player_change_resolution_success: string;
+        ipc_player_try_experience: string;
         ipc_player_ptz_control_tip: string;
         ipc_player_ptz_close_control_tip: string;
         ipc_player_tile_tip_text_step1: string;
@@ -28,6 +29,11 @@ declare const Strings: kit.I18N<{
         ipc_player_tip_confirm: string;
         ipc_player_ptz_moveable_tip_text: string;
         ipc_player_flow_low_tip: string;
+        ipc_player_trial_in_use: string;
+        ipc_player_trial_preview_text: string;
+        ipc_player_trial_subscribe: string;
+        ipc_player_fetch_error: string;
+        ipc_player_low_phone_not_support: string;
     };
     zh: {
         ipc_player_resolution_HD: string;
@@ -49,6 +55,7 @@ declare const Strings: kit.I18N<{
         ipc_player_authorize_confirm_text: string;
         ipc_player_error_record_tip: string;
         ipc_player_change_resolution_success: string;
+        ipc_player_try_experience: string;
         ipc_player_ptz_control_tip: string;
         ipc_player_ptz_close_control_tip: string;
         ipc_player_tile_tip_text_step1: string;
@@ -57,6 +64,11 @@ declare const Strings: kit.I18N<{
         ipc_player_tip_confirm: string;
         ipc_player_ptz_moveable_tip_text: string;
         ipc_player_flow_low_tip: string;
+        ipc_player_trial_in_use: string;
+        ipc_player_trial_preview_text: string;
+        ipc_player_trial_subscribe: string;
+        ipc_player_fetch_error: string;
+        ipc_player_low_phone_not_support: string;
     };
 }, {
     ipc_player_resolution_HD: string;
@@ -78,6 +90,7 @@ declare const Strings: kit.I18N<{
     ipc_player_authorize_confirm_text: string;
     ipc_player_error_record_tip: string;
     ipc_player_change_resolution_success: string;
+    ipc_player_try_experience: string;
     ipc_player_ptz_control_tip: string;
     ipc_player_ptz_close_control_tip: string;
     ipc_player_tile_tip_text_step1: string;
@@ -86,6 +99,11 @@ declare const Strings: kit.I18N<{
     ipc_player_tip_confirm: string;
     ipc_player_ptz_moveable_tip_text: string;
     ipc_player_flow_low_tip: string;
+    ipc_player_trial_in_use: string;
+    ipc_player_trial_preview_text: string;
+    ipc_player_trial_subscribe: string;
+    ipc_player_fetch_error: string;
+    ipc_player_low_phone_not_support: string;
 } | {
     ipc_player_resolution_HD: string;
     ipc_player_resolution_SD: string;
@@ -106,6 +124,7 @@ declare const Strings: kit.I18N<{
     ipc_player_authorize_confirm_text: string;
     ipc_player_error_record_tip: string;
     ipc_player_change_resolution_success: string;
+    ipc_player_try_experience: string;
     ipc_player_ptz_control_tip: string;
     ipc_player_ptz_close_control_tip: string;
     ipc_player_tile_tip_text_step1: string;
@@ -114,5 +133,10 @@ declare const Strings: kit.I18N<{
     ipc_player_tip_confirm: string;
     ipc_player_ptz_moveable_tip_text: string;
     ipc_player_flow_low_tip: string;
+    ipc_player_trial_in_use: string;
+    ipc_player_trial_preview_text: string;
+    ipc_player_trial_subscribe: string;
+    ipc_player_fetch_error: string;
+    ipc_player_low_phone_not_support: string;
 }>;
 export default Strings;

package/lib/i18n/strings.d.ts

@@ -19,6 +19,7 @@ declare const _default: {
         ipc_player_authorize_confirm_text: string;
         ipc_player_error_record_tip: string;
         ipc_player_change_resolution_success: string;
+        ipc_player_try_experience: string;
         ipc_player_ptz_control_tip: string;
         ipc_player_ptz_close_control_tip: string;
         ipc_player_tile_tip_text_step1: string;
@@ -27,6 +28,11 @@ declare const _default: {
         ipc_player_tip_confirm: string;
         ipc_player_ptz_moveable_tip_text: string;
         ipc_player_flow_low_tip: string;
+        ipc_player_trial_in_use: string;
+        ipc_player_trial_preview_text: string;
+        ipc_player_trial_subscribe: string;
+        ipc_player_fetch_error: string;
+        ipc_player_low_phone_not_support: string;
     };
     zh: {
         ipc_player_resolution_HD: string;
@@ -48,6 +54,7 @@ declare const _default: {
         ipc_player_authorize_confirm_text: string;
         ipc_player_error_record_tip: string;
         ipc_player_change_resolution_success: string;
+        ipc_player_try_experience: string;
         ipc_player_ptz_control_tip: string;
         ipc_player_ptz_close_control_tip: string;
         ipc_player_tile_tip_text_step1: string;
@@ -56,6 +63,11 @@ declare const _default: {
         ipc_player_tip_confirm: string;
         ipc_player_ptz_moveable_tip_text: string;
         ipc_player_flow_low_tip: string;
+        ipc_player_trial_in_use: string;
+        ipc_player_trial_preview_text: string;
+        ipc_player_trial_subscribe: string;
+        ipc_player_fetch_error: string;
+        ipc_player_low_phone_not_support: string;
     };
 };
 export default _default;

package/lib/i18n/strings.js

@@ -19,6 +19,7 @@ export default {
     ipc_player_authorize_confirm_text: 'Go to Settings',
     ipc_player_error_record_tip: 'The recording has failed, please try again later.',
     ipc_player_change_resolution_success: 'Switch successful',
+    ipc_player_try_experience: 'Try it',
     ipc_player_ptz_control_tip: 'Swipe up, down, left, or right to control the PTZ direction.',
     ipc_player_ptz_close_control_tip: 'Close',
     ipc_player_tile_tip_text_step1: 'Click here to expand/collapse the player',
@@ -26,7 +27,12 @@ export default {
     ipc_player_tip_next: 'Next',
     ipc_player_tip_confirm: 'Got it',
     ipc_player_ptz_moveable_tip_text: 'Hold the middle to drag the direction control area',
-    ipc_player_flow_low_tip: 'The device’s remaining data is below 200MB. Please recharge as soon as possible.'
+    ipc_player_flow_low_tip: 'The device’s remaining data is below 200MB. Please recharge as soon as possible.',
+    ipc_player_trial_in_use: 'Trial',
+    ipc_player_trial_preview_text: 'End',
+    ipc_player_trial_subscribe: 'Open',
+    ipc_player_fetch_error: 'Failed to fetch data',
+    ipc_player_low_phone_not_support: 'This feature is not supported on this device'
   },
   zh: {
     ipc_player_resolution_HD: '高清',
@@ -48,6 +54,7 @@ export default {
     ipc_player_authorize_confirm_text: '去设置',
     ipc_player_error_record_tip: '录制出错了，请稍后再试',
     ipc_player_change_resolution_success: '切换成功',
+    ipc_player_try_experience: '去体验',
     ipc_player_ptz_control_tip: '上下左右滑动，控制云台方向',
     ipc_player_ptz_close_control_tip: '关闭',
     ipc_player_tile_tip_text_step1: '点击此处可展开/收起播放窗口',
@@ -55,6 +62,11 @@ export default {
     ipc_player_tip_next: '下一步',
     ipc_player_tip_confirm: '知道了',
     ipc_player_ptz_moveable_tip_text: '长按中间可拖动方向控制区域',
-    ipc_player_flow_low_tip: '设备当前剩余流量不足200M，请尽快充值'
+    ipc_player_flow_low_tip: '设备当前剩余流量不足200M，请尽快充值',
+    ipc_player_trial_in_use: '试用中',
+    ipc_player_trial_preview_text: '后结束',
+    ipc_player_trial_subscribe: '开通',
+    ipc_player_fetch_error: '获取异常',
+    ipc_player_low_phone_not_support: '当前设备不支持此功能'
   }
 };

package/lib/interface.d.ts

@@ -11,7 +11,7 @@ export type IpcContext = {
 };
 export type RetAtom<T> = PrimitiveAtom<T> & WithInitialValue<T>;
 export type ScreenType = 'full' | 'vertical';
-export type WidgetId = 'BatteryFull' | 'TempHumidity' | 'VideoBitKBP' | 'FullSmallIntercom' | 'Screenshot' | 'RecordVideo' | 'Muted' | 'VerticalSmallIntercom' | 'Ptz' | 'Resolution' | 'FullScreen' | 'moveablePtzControlId';
+export type WidgetId = 'BatteryFull' | 'TempHumidity' | 'VideoBitKBP' | 'FullSmallIntercom' | 'Screenshot' | 'RecordVideo' | 'Muted' | 'Floodlight' | 'Siren' | 'TryExperience' | 'VerticalSmallIntercom' | 'Ptz' | 'Resolution' | 'FullScreen' | 'moveablePtzControlId';
 export declare const enum PlayerStreamStatus {
     UnknownException = -1000,
     ConnectSuccess = 1001,

package/lib/ui/bottomLeftContent.d.ts

@@ -3,6 +3,9 @@ import { UseCtx } from '../interface';
 type Props = {
     ctx: ReturnType<UseCtx>;
     children: React.ReactNode;
+    /** 右下角组件占据的宽度（px），左下角通过该值约束自身可视宽度，避免与右下角重叠 */
+    reservedRight?: number;
+    canOpenSettings?: boolean;
 };
-declare const BottomLeftContent: ({ ctx, children }: Props) => React.JSX.Element;
+declare const BottomLeftContent: ({ ctx, children, reservedRight, canOpenSettings }: Props) => React.JSX.Element;
 export default BottomLeftContent;

package/lib/ui/bottomLeftContent.js

@@ -1,30 +1,115 @@
-import React from 'react';
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import "core-js/modules/esnext.iterator.constructor.js";
+import "core-js/modules/esnext.iterator.find.js";
+import React, { useMemo } from 'react';
 import { CoverView, View } from '@ray-js/ray';
 import clsx from 'clsx';
 import { useStore } from '../ctx/store';
 import { useComponentHideState } from './hooks';
+import { TrialBadge, useTrialBadge } from '../widgets/trialBadge';
+/** 右侧透明渐变宽度，用于提示横向可滑动 */
+const FADE_MASK = 'linear-gradient(to right, #000 calc(100% - 16px), transparent 100%)';
+
+/**
+ * 试用徽章在不同 screenType 下的容器样式。
+ * 「贴在底栏顶部」的策略一致（bottom: 100%），只是 left / marginBottom
+ * 等数值按横竖屏不同的边距规则做差异化处理。
+ */
+const TRIAL_BADGE_WRAP_STYLE_VERTICAL = {
+  position: 'absolute',
+  left: '0px',
+  bottom: '100%',
+  marginBottom: 4,
+  zIndex: 2,
+  width: 'max-content'
+};
+const TRIAL_BADGE_WRAP_STYLE_FULL = {
+  position: 'absolute',
+  left: '25px',
+  bottom: '100%',
+  marginBottom: 8,
+  zIndex: 2,
+  width: 'max-content'
+};
 const BottomLeftContent = _ref => {
   let {
     ctx,
-    children
+    children,
+    reservedRight = 0,
+    canOpenSettings = true
   } = _ref;
   const {
-    screenType
+    screenType,
+    brandColor,
+    bottomLeftContent
   } = useStore({
     screenType: ctx.screenType,
-    playState: ctx.playState
+    playState: ctx.playState,
+    brandColor: ctx.brandColor,
+    bottomLeftContent: ctx.bottomLeftContent
   });
+  const showSmartImageQuality = useMemo(() => {
+    var _tryExp$initProps;
+    const tryExp = bottomLeftContent === null || bottomLeftContent === void 0 ? void 0 : bottomLeftContent.find(item => item.id === 'TryExperience');
+    return !(tryExp !== null && tryExp !== void 0 && (_tryExp$initProps = tryExp.initProps) !== null && _tryExp$initProps !== void 0 && _tryExp$initProps.hideTryExperienceMenu);
+  }, [bottomLeftContent]);
+  const trialRemainingSec = useMemo(() => {
+    var _trialRemainingSec, _tryExp$initProps2;
+    const tryExp = bottomLeftContent === null || bottomLeftContent === void 0 ? void 0 : bottomLeftContent.find(item => item.id === 'TryExperience');
+    return (_trialRemainingSec = tryExp === null || tryExp === void 0 || (_tryExp$initProps2 = tryExp.initProps) === null || _tryExp$initProps2 === void 0 ? void 0 : _tryExp$initProps2.trialRemainingSec) !== null && _trialRemainingSec !== void 0 ? _trialRemainingSec : 0;
+  }, [bottomLeftContent]);
+  const refreshToken = useMemo(() => {
+    var _refreshToken, _tryExp$initProps3;
+    const tryExp = bottomLeftContent === null || bottomLeftContent === void 0 ? void 0 : bottomLeftContent.find(item => item.id === 'TryExperience');
+    return (_refreshToken = tryExp === null || tryExp === void 0 || (_tryExp$initProps3 = tryExp.initProps) === null || _tryExp$initProps3 === void 0 ? void 0 : _tryExp$initProps3.refreshToken) !== null && _refreshToken !== void 0 ? _refreshToken : 0;
+  }, [bottomLeftContent]);
+  const isLowPhone = useMemo(() => {
+    var _isLowPhone, _tryExp$initProps4;
+    const tryExp = bottomLeftContent === null || bottomLeftContent === void 0 ? void 0 : bottomLeftContent.find(item => item.id === 'TryExperience');
+    return (_isLowPhone = tryExp === null || tryExp === void 0 || (_tryExp$initProps4 = tryExp.initProps) === null || _tryExp$initProps4 === void 0 ? void 0 : _tryExp$initProps4.isLowPhone) !== null && _isLowPhone !== void 0 ? _isLowPhone : false;
+  }, []);
   const [shouldHide] = useComponentHideState();
+  const {
+    showTrialBadge,
+    handleTrialSubscribe,
+    handleCountdownEnd
+  } = useTrialBadge(ctx.event, ctx.devId, trialRemainingSec);
+  const paddingLeftPx = screenType === 'vertical' ? 0 : 25;
+  const trialBadgeWrapStyle = screenType === 'vertical' ? TRIAL_BADGE_WRAP_STYLE_VERTICAL : TRIAL_BADGE_WRAP_STYLE_FULL;
   return /*#__PURE__*/React.createElement(CoverView, {
-    className: clsx('ipc-player-bottom-left-content-wrap'),
+    className: clsx('ipc-player-bottom-left-content-wrap')
+    // 注意：不要在这里覆盖 position，CSS 类已经设置 position: absolute; left: 0; bottom: 0
+    // 否则 children 会失去贴底定位，从而与 bottomRightContent 不对齐
+    ,
     style: {
-      paddingRight: screenType === 'vertical' ? '0' : '50px',
+      right: `${reservedRight}px`,
       height: screenType === 'vertical' ? shouldHide ? '41px' : '40px' : shouldHide ? '57px' : '58px'
     }
-  }, /*#__PURE__*/React.createElement(View, {
+  }, showSmartImageQuality && showTrialBadge && canOpenSettings && !isLowPhone && /*#__PURE__*/React.createElement(View, {
+    className: clsx('bottom-left-item-container'),
+    style: _objectSpread(_objectSpread({}, trialBadgeWrapStyle), {}, {
+      transform: shouldHide ? 'translateY(40px)' : 'translateY(0)',
+      opacity: shouldHide ? 0 : 1,
+      transition: 'transform 0.3s ease-in-out, opacity 0.3s ease-in-out'
+    })
+  }, /*#__PURE__*/React.createElement(TrialBadge, {
+    brandColor: brandColor,
+    trialRemainingSec: trialRemainingSec,
+    refreshToken: refreshToken,
+    onSubscribe: handleTrialSubscribe,
+    onCountdownEnd: handleCountdownEnd
+  })), /*#__PURE__*/React.createElement(View, {
     style: {
       paddingBottom: screenType === 'vertical' ? '14px' : '32px',
-      paddingLeft: screenType === 'vertical' ? 0 : '25px'
+      paddingLeft: `${paddingLeftPx}px`,
+      paddingRight: '16px',
+      width: '100%',
+      overflowX: 'auto',
+      overflowY: 'hidden',
+      whiteSpace: 'nowrap',
+      WebkitOverflowScrolling: 'touch',
+      WebkitMaskImage: FADE_MASK,
+      maskImage: FADE_MASK
     },
     className: clsx('ipc-player-bottom-left-content-container', {
       // 'ipc-player-bottom-left-content-hide': shouldHide,

package/lib/ui/bottomRightContent.d.ts

@@ -3,6 +3,8 @@ import { UseCtx } from '../interface';
 type Props = {
     ctx: ReturnType<UseCtx>;
     children: React.ReactNode;
+    /** 由 ui.tsx 计算得到的右下角组件宽度（与左下角的 reservedRight 保持一致） */
+    width?: number;
 };
-declare const BottomRightContent: ({ ctx, children }: Props) => React.JSX.Element;
+declare const BottomRightContent: ({ ctx, children, width }: Props) => React.JSX.Element;
 export default BottomRightContent;

package/lib/ui/bottomRightContent.js

@@ -1,3 +1,4 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import React from 'react';
 import { CoverView, View } from '@ray-js/ray';
 import clsx from 'clsx';
@@ -6,7 +7,8 @@ import { useComponentHideState } from './hooks';
 const BottomRightContent = _ref => {
   let {
     ctx,
-    children
+    children,
+    width
   } = _ref;
   const {
     screenType
@@ -17,14 +19,19 @@ const BottomRightContent = _ref => {
   const [shouldHide] = useComponentHideState();
   return /*#__PURE__*/React.createElement(CoverView, {
     className: clsx('ipc-player-bottom-right-content-wrap'),
-    style: {
+    style: _objectSpread({
       paddingLeft: screenType === 'vertical' ? '10px' : '0',
       height: screenType === 'vertical' ? shouldHide ? '41px' : '40px' : shouldHide ? '57px' : '58px'
-    }
+    }, typeof width === 'number' && width > 0 ? {
+      width: `${width}px`,
+      boxSizing: 'border-box'
+    } : null)
   }, /*#__PURE__*/React.createElement(View, {
     style: {
       paddingBottom: screenType === 'vertical' ? '14px' : '32px',
-      paddingRight: screenType === 'vertical' ? 0 : '25px'
+      paddingRight: screenType === 'vertical' ? 0 : '25px',
+      width: '100%',
+      justifyContent: 'flex-end'
     },
     className: clsx('ipc-player-bottom-right-content-container', {
       // 'ipc-player-bottom-right-content-hide': shouldHide,

package/lib/ui/constant.d.ts

@@ -21,13 +21,22 @@ export declare const landscapeTipId = "landscapeTipId";
 export declare const multiPtzId = "multiPtzId";
 /** 控件点击统一事件：任意播放器内控件被点击时触发，可用于埋点或统一处理 */
 export declare const widgetClick = "widgetClick";
+/**
+ * 试看倒计时结束事件：试看徽章倒计时归零时触发，
+ * 业务侧/相关控件可监听此事件刷新自己的状态（例如 TryExperience 重新拉取状态）
+ */
+export declare const trialCountdownEnd = "trialCountdownEnd";
+export declare const refreshSmartImageQualityEvent = "refreshSmartImageQuality";
 /** 控件点击事件用的 widgetId，统一在此维护 */
 export declare const widgetLabs: {
     readonly SCREENSHOT: "Screenshot";
     readonly RECORD_VIDEO: "RecordVideo";
     readonly RESOLUTION: "Resolution";
+    readonly TRY_EXPERIENCE: "TryExperience";
     readonly FULL_RESOLUTION_CONTROL: "FullResolutionControl";
     readonly MUTED: "Muted";
+    readonly FLOODLIGHT: "Floodlight";
+    readonly SIREN: "Siren";
     readonly PTZ: "Ptz";
     readonly PTZ_CONTROL_TIP: "PtzControlTip";
     readonly MOVE_INTERACTIVE_CONTROL: "MoveInteractiveControl";

package/lib/ui/constant.js

@@ -22,13 +22,23 @@ export const multiPtzId = 'multiPtzId';
 /** 控件点击统一事件：任意播放器内控件被点击时触发，可用于埋点或统一处理 */
 export const widgetClick = 'widgetClick';
 
+/**
+ * 试看倒计时结束事件：试看徽章倒计时归零时触发，
+ * 业务侧/相关控件可监听此事件刷新自己的状态（例如 TryExperience 重新拉取状态）
+ */
+export const trialCountdownEnd = 'trialCountdownEnd';
+export const refreshSmartImageQualityEvent = 'refreshSmartImageQuality';
+
 /** 控件点击事件用的 widgetId，统一在此维护 */
 export const widgetLabs = {
   SCREENSHOT: 'Screenshot',
   RECORD_VIDEO: 'RecordVideo',
   RESOLUTION: 'Resolution',
+  TRY_EXPERIENCE: 'TryExperience',
   FULL_RESOLUTION_CONTROL: 'FullResolutionControl',
   MUTED: 'Muted',
+  FLOODLIGHT: 'Floodlight',
+  SIREN: 'Siren',
   PTZ: 'Ptz',
   PTZ_CONTROL_TIP: 'PtzControlTip',
   MOVE_INTERACTIVE_CONTROL: 'MoveInteractiveControl',

package/lib/ui/index.d.ts

@@ -3,4 +3,4 @@ export * from './hooks';
 export * from './context';
 export type * from './event';
 export { widgetClick } from './widgetClick';
-export { widgetLabs } from './constant';
+export { widgetLabs, trialCountdownEnd } from './constant';

package/lib/ui/index.js

@@ -2,4 +2,4 @@ export * from './ui';
 export * from './hooks';
 export * from './context';
 export { widgetClick } from './widgetClick';
-export { widgetLabs } from './constant';
+export { widgetLabs, trialCountdownEnd } from './constant';

package/lib/ui/ui.d.ts

@@ -37,6 +37,7 @@ type Props = {
     showFlowLowTip?: boolean;
     extend?: Record<string, any>;
     refreshElement?: boolean;
+    autoWakeUp?: boolean;
 };
 export declare const IPCPlayerIntegration: React.MemoExoticComponent<(props: Props) => React.JSX.Element>;
 export {};