@ray-js/ipc-player-integration 0.0.35-beta.2 → 0.0.35-beta.3

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

@@ -8,18 +8,12 @@ export type InitPlayerWidgetsOptions = {
     hideScreenShotMenu?: boolean;
     hideRecordVideoMenu?: boolean;
     hideResolutionMenu?: boolean;
-    hideTryExperienceMenu?: boolean;
     hideKbsMenu?: boolean;
     hideSignalMenu?: boolean;
     showToggleVerticalFull?: boolean;
     showRealTimeMagnification?: boolean;
     directionControlProps?: Partial<React.ComponentProps<typeof FullScreen>['directionControlProps']>;
-    smartImageQualityState?: {
-        isPurchase: boolean;
-        buttonState: number;
-        trialRemainingSec: number;
-        canOpenSettings: boolean;
-    };
+    hideSmartImageQualityState?: boolean;
     topLeftContent?: ComponentConfig[];
     topRightContent?: ComponentConfig[];
     bottomLeftContent?: ComponentConfig[];

package/lib/features/initPlayerWidgets/index.js

@@ -21,12 +21,10 @@ export async function initPlayerWidgets(ctx, options) {
   const screenShotIndex = newDefaultBottomLeftContent.findIndex(item => item.id === 'Screenshot');
   const recordVideoIndex = newDefaultBottomLeftContent.findIndex(item => item.id === 'RecordVideo');
   if (tryExperienceIndex !== -1) {
-    var _options$smartImageQu, _options$smartImageQu2;
+    var _options$hideSmartIma;
     // @ts-ignore
     newDefaultBottomLeftContent[tryExperienceIndex].initProps = {
-      hideTryExperienceMenu: options.hideTryExperienceMenu,
-      buttonState: (_options$smartImageQu = options.smartImageQualityState) === null || _options$smartImageQu === void 0 ? void 0 : _options$smartImageQu.buttonState,
-      trialRemainingSec: (_options$smartImageQu2 = options.smartImageQualityState) === null || _options$smartImageQu2 === void 0 ? void 0 : _options$smartImageQu2.trialRemainingSec
+      hideTryExperienceMenu: (_options$hideSmartIma = options.hideSmartImageQualityState) !== null && _options$hideSmartIma !== void 0 ? _options$hideSmartIma : true
     };
   }
   if (resolutionIndex !== -1) {

package/lib/i18n/index.d.ts

@@ -32,6 +32,7 @@ declare const Strings: kit.I18N<{
         ipc_player_trial_in_use: string;
         ipc_player_trial_preview_text: string;
         ipc_player_trial_subscribe: string;
+        ipc_player_fetch_error: string;
     };
     zh: {
         ipc_player_resolution_HD: string;
@@ -65,6 +66,7 @@ declare const Strings: kit.I18N<{
         ipc_player_trial_in_use: string;
         ipc_player_trial_preview_text: string;
         ipc_player_trial_subscribe: string;
+        ipc_player_fetch_error: string;
     };
 }, {
     ipc_player_resolution_HD: string;
@@ -98,6 +100,7 @@ declare const Strings: kit.I18N<{
     ipc_player_trial_in_use: string;
     ipc_player_trial_preview_text: string;
     ipc_player_trial_subscribe: string;
+    ipc_player_fetch_error: string;
 } | {
     ipc_player_resolution_HD: string;
     ipc_player_resolution_SD: string;
@@ -130,5 +133,6 @@ declare const Strings: kit.I18N<{
     ipc_player_trial_in_use: string;
     ipc_player_trial_preview_text: string;
     ipc_player_trial_subscribe: string;
+    ipc_player_fetch_error: string;
 }>;
 export default Strings;

package/lib/i18n/strings.d.ts

@@ -31,6 +31,7 @@ declare const _default: {
         ipc_player_trial_in_use: string;
         ipc_player_trial_preview_text: string;
         ipc_player_trial_subscribe: string;
+        ipc_player_fetch_error: string;
     };
     zh: {
         ipc_player_resolution_HD: string;
@@ -64,6 +65,7 @@ declare const _default: {
         ipc_player_trial_in_use: string;
         ipc_player_trial_preview_text: string;
         ipc_player_trial_subscribe: string;
+        ipc_player_fetch_error: string;
     };
 };
 export default _default;

package/lib/i18n/strings.js

@@ -29,8 +29,9 @@ export default {
     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_trial_in_use: 'Trial',
-    ipc_player_trial_preview_text: 'Preview',
-    ipc_player_trial_subscribe: 'Open'
+    ipc_player_trial_preview_text: 'End',
+    ipc_player_trial_subscribe: 'Open',
+    ipc_player_fetch_error: 'Failed to fetch data'
   },
   zh: {
     ipc_player_resolution_HD: '高清',
@@ -62,7 +63,8 @@ export default {
     ipc_player_ptz_moveable_tip_text: '长按中间可拖动方向控制区域',
     ipc_player_flow_low_tip: '设备当前剩余流量不足200M，请尽快充值',
     ipc_player_trial_in_use: '试用中',
-    ipc_player_trial_preview_text: '试看剩余',
-    ipc_player_trial_subscribe: '开通'
+    ipc_player_trial_preview_text: '后结束',
+    ipc_player_trial_subscribe: '开通',
+    ipc_player_fetch_error: '获取异常'
   }
 };

package/lib/ui/bottomLeftContent.js

@@ -47,20 +47,27 @@ const BottomLeftContent = _ref => {
     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$initProps;
+    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$initProps = tryExp.initProps) === null || _tryExp$initProps === void 0 ? void 0 : _tryExp$initProps.trialRemainingSec) !== null && _trialRemainingSec !== void 0 ? _trialRemainingSec : 0;
+    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 [shouldHide] = useComponentHideState();
-
-  // 横竖屏共用同一份徽章状态、回调；TrialBadge 实例不随 screenType 切换而重挂载，
-  // 倒计时与可见性可在横竖屏切换之间保持一致
   const {
     showTrialBadge,
     handleTrialSubscribe,
     handleCountdownEnd
-  } = useTrialBadge(ctx.event, trialRemainingSec);
+  } = 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, {
@@ -72,7 +79,7 @@ const BottomLeftContent = _ref => {
       right: `${reservedRight}px`,
       height: screenType === 'vertical' ? shouldHide ? '41px' : '40px' : shouldHide ? '57px' : '58px'
     }
-  }, showTrialBadge && /*#__PURE__*/React.createElement(View, {
+  }, showSmartImageQuality && showTrialBadge && /*#__PURE__*/React.createElement(View, {
     className: clsx('bottom-left-item-container'),
     style: _objectSpread(_objectSpread({}, trialBadgeWrapStyle), {}, {
       transform: shouldHide ? 'translateY(40px)' : 'translateY(0)',
@@ -82,6 +89,7 @@ const BottomLeftContent = _ref => {
   }, /*#__PURE__*/React.createElement(TrialBadge, {
     brandColor: brandColor,
     trialRemainingSec: trialRemainingSec,
+    refreshToken: refreshToken,
     onSubscribe: handleTrialSubscribe,
     onCountdownEnd: handleCountdownEnd
   })), /*#__PURE__*/React.createElement(View, {

package/lib/ui/ui.js

@@ -23,6 +23,7 @@ import { Storage } from '../utils/storage';
 import './ui.less';
 import { updatePlayerWidgetProps } from '../features';
 import { isSmallScreen } from '../utils';
+import { getSmartImageQualityState } from '../utils/ttt';
 function getCtxInstance(instance, devId) {
   if (instance) return instance;
   // eslint-disable-next-line react-hooks/rules-of-hooks
@@ -424,6 +425,19 @@ export const IPCPlayerIntegration = /*#__PURE__*/React.memo(props => {
     setBrandColor(brandColor);
     setVerticalMic(verticalMic);
   }, [brandColor, verticalMic]);
+  const refreshSmartImageQuality = useMemoizedFn(() => {
+    getSmartImageQualityState(devId).then(res => {
+      console.log('res===getSmartImageQualityState', res);
+      updatePlayerWidgetProps(instance, 'bottomLeft', 'TryExperience', {
+        buttonState: res.buttonState,
+        trialRemainingSec: res.trialRemainingSec,
+        refreshToken: Date.now()
+      });
+    });
+  });
+  useEffect(() => {
+    refreshSmartImageQuality();
+  }, [instance]);
   const refreshBottomLeft = () => {
     event.current.emit(startTimeToHideAllComponent);
     event.current.emit(showAllComponent);
@@ -956,7 +970,7 @@ export const IPCPlayerIntegration = /*#__PURE__*/React.memo(props => {
     style: {
       height: screenType === 'vertical' ? '48px' : '72px'
     }
-  }, /*#__PURE__*/React.createElement(React.Fragment, null, playerReady && /*#__PURE__*/React.createElement(BottomLeftContent, {
+  }, /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(BottomLeftContent, {
     ctx: instance,
     reservedRight: bottomRightWidth
   }, renderBottomLeftContent), /*#__PURE__*/React.createElement(BottomRightContent, {

package/lib/utils/index.d.ts

@@ -15,3 +15,5 @@ export declare const promisify: <TParams extends Record<string, any>, TSuccessRe
     complete?: (() => void) | undefined;
 }) => void) => (params: Omit<TParams, "complete" | "success" | "fail">) => Promise<TSuccessResult>;
 export * from './videoSplitHelper';
+export * from './navigation';
+export * from './ttt';

package/lib/utils/index.js

@@ -47,4 +47,6 @@ export const promisify = apiFunction => {
     });
   };
 };
-export * from './videoSplitHelper';
+export * from './videoSplitHelper';
+export * from './navigation';
+export * from './ttt';

package/lib/utils/navigation.d.ts

@@ -0,0 +1,6 @@
+export declare const miniIdLabs: {
+    aiDrawMini: string;
+    securityCloudService: string;
+};
+export declare function gotoAIDrawMiniProgram(devId: string, brandColor: string): void;
+export declare function gotoSecurityCloudService(homeId: string, uuid: string): Promise<void>;

package/lib/utils/navigation.js

@@ -0,0 +1,20 @@
+import { goToMiniProgramByShortLink } from '@ray-js/ray-ipc-utils';
+import Color from 'color';
+
+// 小程序ID集合
+export const miniIdLabs = {
+  // ai智能画质
+  aiDrawMini: 'tyjo8cvir22cc0yech',
+  // security_cloud_service, 增值服务商城小程序ID
+  securityCloudService: 'tyeavwo0j4oocvdrf1'
+};
+export function gotoAIDrawMiniProgram(devId, brandColor) {
+  const color = new Color(brandColor);
+  const rgbColor = color.rgb().toString();
+  const url = `godzilla://${miniIdLabs.aiDrawMini}${'/pages/home/index'}?deviceId=${devId}&themeColor=${rgbColor}`;
+  goToMiniProgramByShortLink(url, 'right');
+}
+export async function gotoSecurityCloudService(homeId, uuid) {
+  const url = `godzilla://${miniIdLabs.securityCloudService}${'/pages/serviceList/index'}?homeId=${homeId}&deviceId=${uuid}&categoryCode=${'security_cloud_service'}`;
+  goToMiniProgramByShortLink(url, 'right');
+}

package/lib/utils/ttt.d.ts

@@ -0,0 +1,39 @@
+export type SmartImageQualityResult = {
+    isPurchase: boolean;
+    buttonState: number;
+    trialRemainingSec: number;
+    canOpenSettings: boolean;
+};
+export declare function getSmartImageQualityState(devId: string): Promise<SmartImageQualityResult>;
+export type AIFrameFeatureScope = {
+    inPreview: boolean;
+    inMessage: boolean;
+    inPlayback: boolean;
+    inCloudData: boolean;
+};
+export type AIFrameFeatureDetail = {
+    srModelStatus: number;
+    lightModelStatus: number;
+    filterStatus: number;
+};
+export type AIFrameFeatureConfig = {
+    scope: AIFrameFeatureScope;
+    feature: AIFrameFeatureDetail;
+    exportEnabled: boolean;
+};
+export type SetAIFrameFeatureParams = {
+    devId: string;
+    enabled: boolean;
+    aiFrameFeature: AIFrameFeatureConfig;
+};
+export type GetAIFrameFeatureResult = {
+    enabled: boolean;
+    aiFrameFeature: AIFrameFeatureConfig;
+    requestId: string;
+    localPath: string;
+    thingFileUri: string;
+};
+export declare function getAIFrameFeature(devId: string): Promise<GetAIFrameFeatureResult>;
+export declare function setAIFrameFeature(devId: string, params: Omit<SetAIFrameFeatureParams, 'devId'>): Promise<any>;
+export declare function getDeviceInfoRay(devId: string): Promise<unknown>;
+export declare function getCurrentHomeInfoRay(): Promise<unknown>;

package/lib/utils/ttt.js

@@ -0,0 +1,87 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+export function getSmartImageQualityState(devId) {
+  // const mockData: SmartImageQualityResult = {
+  //   isPurchase: false,
+  //   buttonState: 1,
+  //   trialRemainingSec: 200,
+  //   canOpenSettings: false,
+  // };
+  // if (typeof ty?.ipc?.getSmartImageQualityState !== 'function') {
+  //   console.log('res===getSmartImageQualityState not exist, use mockData', mockData);
+  //   return Promise.resolve(mockData);
+  // }
+  return new Promise((resolve, reject) => {
+    ty.ipc.getSmartImageQualityState({
+      params: {
+        devId
+      },
+      success: data => {
+        console.log('res===getSmartImageQualityState data', data);
+        resolve(data);
+      },
+      fail: e => {
+        console.warn('res===getSmartImageQualityState fail', e);
+        reject(e);
+      }
+    });
+  });
+}
+export function getAIFrameFeature(devId) {
+  return new Promise((resolve, reject) => {
+    ty.ipc.getAIFrameFeature({
+      params: {
+        devId
+      },
+      success: data => {
+        console.log('res===getAIFrameFeature data', data);
+        resolve(data);
+      },
+      fail: e => {
+        console.warn('res===getAIFrameFeature fail', e);
+        reject(e);
+      }
+    });
+  });
+}
+export function setAIFrameFeature(devId, params) {
+  return new Promise((resolve, reject) => {
+    ty.ipc.setAIFrameFeature({
+      params: _objectSpread({
+        devId
+      }, params),
+      success: data => {
+        console.log('res===setAIFrameFeature data', data);
+        resolve(data);
+      },
+      fail: e => {
+        console.warn('res===setAIFrameFeature fail', e);
+        reject(e);
+      }
+    });
+  });
+}
+export function getDeviceInfoRay(devId) {
+  return new Promise((resolve, reject) => {
+    ty.device.getDeviceInfo({
+      deviceId: devId,
+      success: res => {
+        resolve(res);
+      },
+      fail: error => {
+        reject(error);
+      }
+    });
+  });
+}
+export function getCurrentHomeInfoRay() {
+  return new Promise((resolve, reject) => {
+    ty.home.getCurrentHomeInfo({
+      success: res => {
+        resolve(res);
+      },
+      fail: error => {
+        reject(error);
+      }
+    });
+  });
+}

package/lib/widgets/trialBadge/index.d.ts

@@ -6,10 +6,12 @@ type Props = {
     brandColor?: string;
     /** 试看倒计时初始秒数，来源于 smartImageQualityState.trialRemainingSec */
     trialRemainingSec?: number;
+    /** 刷新令牌，变化时重置倒计时状态 */
+    refreshToken?: number;
     /** 点击「开通」按钮回调 */
     onSubscribe?: () => void;
     /** 倒计时归零时触发，本组件保证整个生命周期内只回调一次 */
     onCountdownEnd?: () => void;
 };
-export declare const TrialBadge: ({ className, brandColor, trialRemainingSec, onSubscribe, onCountdownEnd, }: Props) => React.JSX.Element;
+export declare const TrialBadge: ({ className, brandColor, trialRemainingSec, refreshToken, onSubscribe, onCountdownEnd, }: Props) => React.JSX.Element;
 export { useTrialBadge } from './useTrialBadge';

package/lib/widgets/trialBadge/index.js

@@ -18,6 +18,7 @@ export const TrialBadge = _ref => {
     className,
     brandColor = FALLBACK_BRAND_COLOR,
     trialRemainingSec = 0,
+    refreshToken,
     onSubscribe,
     onCountdownEnd
   } = _ref;
@@ -27,8 +28,9 @@ export const TrialBadge = _ref => {
   const onCountdownEndRef = useRef(onCountdownEnd);
   onCountdownEndRef.current = onCountdownEnd;
   useEffect(() => {
+    endedRef.current = false;
     setRemainingSec(Math.max(0, Math.floor(trialRemainingSec)));
-  }, [trialRemainingSec]);
+  }, [trialRemainingSec, refreshToken]);
   useEffect(() => {
     if (remainingSec <= 0) {
       if (!endedRef.current) {
@@ -54,7 +56,7 @@ export const TrialBadge = _ref => {
       });
     }, 1000);
     return () => clearInterval(timer);
-  }, [trialRemainingSec]);
+  }, [trialRemainingSec, refreshToken]);
   const countdownText = formatCountdown(remainingSec);
   return /*#__PURE__*/React.createElement(View, {
     className: clsx('ipc-player-trial-badge', className)
@@ -68,7 +70,7 @@ export const TrialBadge = _ref => {
     className: "ipc-player-trial-badge-divider"
   }, "|"), /*#__PURE__*/React.createElement(Text, {
     className: "ipc-player-trial-badge-preview"
-  }, `${Strings.getLang('ipc_player_trial_preview_text')} ${countdownText}`), /*#__PURE__*/React.createElement(View, {
+  }, `${countdownText} ${Strings.getLang('ipc_player_trial_preview_text')}`), /*#__PURE__*/React.createElement(View, {
     className: "ipc-player-trial-badge-cta",
     style: {
       backgroundColor: brandColor

package/lib/widgets/trialBadge/useTrialBadge.d.ts

@@ -1,16 +1,8 @@
 /// <reference types="react" />
 import type { EventInstance } from '../../interface';
-/**
- * 试用徽章共享 Hook：vertical / full 两种 screenType 下共用同一份状态、回调和方法。
- *
- * - `showTrialBadge`：是否展示徽章；仅当 0 < trialRemainingSec < 300 时展示，倒计时归零会自动置 false。
- * - `handleTrialSubscribe`：「开通」按钮点击回调。
- * - `handleCountdownEnd`：倒计时归零回调，内部会广播 `trialCountdownEnd`
- *   事件给其它控件（例如 TryExperience）刷新自身状态。
- */
-export declare const useTrialBadge: (event: EventInstance, trialRemainingSec: number) => {
+export declare const useTrialBadge: (event: EventInstance, devId: string, trialRemainingSec: number) => {
     showTrialBadge: boolean;
     setShowTrialBadge: import("react").Dispatch<import("react").SetStateAction<boolean>>;
-    handleTrialSubscribe: () => void;
-    handleCountdownEnd: () => void;
+    handleTrialSubscribe: () => Promise<void>;
+    handleCountdownEnd: () => Promise<void>;
 };

package/lib/widgets/trialBadge/useTrialBadge.js

@@ -1,37 +1,44 @@
 import { useCallback, useEffect, useState } from 'react';
-import { trialCountdownEnd } from '../../ui/constant';
-
-/**
- * 试看倒计时归零后的业务 hook 点（mock）。
- * 后续接入业务校验 / 上报时替换该实现。横竖屏共用同一份逻辑。
- */
-const trialEndedTest = () => {
-  console.log('res===[TrialBadge] countdown end -> test()');
-};
-
-/**
- * 试用徽章共享 Hook：vertical / full 两种 screenType 下共用同一份状态、回调和方法。
- *
- * - `showTrialBadge`：是否展示徽章；仅当 0 < trialRemainingSec < 300 时展示，倒计时归零会自动置 false。
- * - `handleTrialSubscribe`：「开通」按钮点击回调。
- * - `handleCountdownEnd`：倒计时归零回调，内部会广播 `trialCountdownEnd`
- *   事件给其它控件（例如 TryExperience）刷新自身状态。
- */
-export const useTrialBadge = (event, trialRemainingSec) => {
+import { getAIFrameFeature, getCurrentHomeInfoRay, getDeviceInfoRay, setAIFrameFeature } from '../../utils/ttt';
+import { gotoSecurityCloudService } from '../../utils';
+import Strings from '../../i18n';
+export const useTrialBadge = (event, devId, trialRemainingSec) => {
   const [showTrialBadge, setShowTrialBadge] = useState(false);
   useEffect(() => {
     if (trialRemainingSec > 0 && trialRemainingSec < 300) {
       setShowTrialBadge(true);
     }
   }, [trialRemainingSec]);
-  const handleTrialSubscribe = useCallback(() => {
-    console.log('[TrialBadge] click subscribe');
-  }, []);
-  const handleCountdownEnd = useCallback(() => {
-    trialEndedTest();
-    event.emit(trialCountdownEnd);
-    setShowTrialBadge(false);
-  }, [event]);
+  const handleTrialSubscribe = useCallback(async () => {
+    try {
+      const homeInfo = await getCurrentHomeInfoRay();
+      const deviceInfo = await getDeviceInfoRay(devId);
+      console.log('res===', deviceInfo, homeInfo);
+      gotoSecurityCloudService(homeInfo.homeId, deviceInfo.uuid);
+    } catch (error) {
+      console.log('res===handleTrialSubscribe error', error);
+      ty.showToast({
+        title: Strings.getLang('ipc_player_fetch_error'),
+        icon: 'none'
+      });
+    }
+  }, [devId]);
+  const handleCountdownEnd = useCallback(async () => {
+    try {
+      const getAI = await getAIFrameFeature(devId);
+      console.log('res===handleCountdownEnd', getAI);
+      setAIFrameFeature(devId, {
+        enabled: false,
+        aiFrameFeature: getAI.aiFrameFeature
+      });
+      setShowTrialBadge(false);
+    } catch (error) {
+      ty.showToast({
+        title: Strings.getLang('ipc_player_fetch_error'),
+        icon: 'none'
+      });
+    }
+  }, [devId, event]);
   return {
     showTrialBadge,
     setShowTrialBadge,

package/lib/widgets/tryExperience/tryExperience.js

@@ -1,8 +1,8 @@
 import { View, Image, getSystemInfoSync } from '@ray-js/ray';
 import clsx from 'clsx';
-import React, { useContext } from 'react';
-import { pauseTimeToHideAllComponent, widgetClick, widgetLabs, tryExperienceBtnClick } from '../../ui/constant';
-import { UIEventContext } from '../../ui/context';
+import React from 'react';
+import { useStore } from '../../ctx/store';
+import { gotoAIDrawMiniProgram } from '../../utils';
 import tryZh from '../../res/try/try_zh.png';
 import tryEn from '../../res/try/try_en.png';
 import tryOpen from '../../res/try/try_open.png';
@@ -41,13 +41,13 @@ export const TryExperience = props => {
   const {
     className,
     hideTryExperienceMenu,
-    buttonState = 0,
-    event: propsEvent
+    buttonState = 0
   } = props;
   const {
-    event: ctxEvent
-  } = useContext(UIEventContext);
-  const event = propsEvent !== null && propsEvent !== void 0 ? propsEvent : ctxEvent;
+    brandColor
+  } = useStore({
+    brandColor: props.brandColor
+  });
   const iconUrl = pickIconByStatus(buttonState);
   if (hideTryExperienceMenu) {
     return null;
@@ -55,11 +55,8 @@ export const TryExperience = props => {
   return /*#__PURE__*/React.createElement(View, {
     className: clsx(className),
     onClick: () => {
-      event.emit(widgetClick, {
-        widgetId: widgetLabs.TRY_EXPERIENCE
-      });
-      event.emit(tryExperienceBtnClick);
-      event.emit(pauseTimeToHideAllComponent);
+      console.log('res===onTryExperience', props.devId, brandColor);
+      gotoAIDrawMiniProgram(props.devId, brandColor);
     }
   }, /*#__PURE__*/React.createElement(View, {
     className: "try-experience-box"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ray-js/ipc-player-integration",
-  "version": "0.0.35-beta.2",
+  "version": "0.0.35-beta.3",
   "description": "IPC 融合播放器",
   "main": "lib/index",
   "files": [