@pisell/private-materials 3.4.75 → 3.4.77

package/lib/plus/clinetSearch/types.js

@@ -0,0 +1,17 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/plus/clinetSearch/types.ts
+var types_exports = {};
+module.exports = __toCommonJS(types_exports);

package/lib/plus/contactInfoModal/ContactInfoContent.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import './index.less';
-declare const ContactInfoContent: (props: any) => JSX.Element;
+declare const ContactInfoContent: (props: any) => React.JSX.Element;
 export default ContactInfoContent;

package/lib/plus/orderList/components/HandleActions.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
+import React from 'react';
 declare const HandleActions: (props: {
     locales: any;
-}) => JSX.Element;
+}) => React.JSX.Element;
 export default HandleActions;

package/lib/plus/orderList/components/QuickFilter.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
+import React from 'react';
 declare const QuickFilter: (props: {
     locales: any;
-}) => JSX.Element;
+}) => React.JSX.Element;
 export default QuickFilter;

package/lib/plus/orderList/components/Reset.d.ts

@@ -1,7 +1,7 @@
-/// <reference types="react" />
+import React from 'react';
 declare const Reset: (props: {
     locales: any;
     setValueType: (value: any) => void;
     clearSelectedData: () => void;
-}) => JSX.Element;
+}) => React.JSX.Element;
 export default Reset;

package/lib/plus/orderList/components/Toolbar.d.ts

@@ -1,6 +1,6 @@
-/// <reference types="react" />
+import React from 'react';
 declare const Toolbar: (props: {
     locales: any;
     clearSelectedData: () => void;
-}) => JSX.Element;
+}) => React.JSX.Element;
 export default Toolbar;

package/lib/plus/orderList/config.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 /**
  * 获取表格列配置（支持多语言）
  * @param locales - 多语言对象
@@ -9,7 +9,7 @@ export declare const getTableColumns: (locales: any) => ({
     dataIndex: string;
     key: string;
     width: number;
-    render: (value: any, record: any) => JSX.Element | "-";
+    render: (value: any, record: any) => React.JSX.Element | "-";
     isShow?: undefined;
 } | {
     title: any;
@@ -31,14 +31,14 @@ export declare const getTableColumns: (locales: any) => ({
     key: string;
     isShow: boolean;
     width: number;
-    render: (value: any, record: any) => JSX.Element;
+    render: (value: any, record: any) => React.JSX.Element;
 } | {
     title: any;
     dataIndex: string;
     key: string;
     isShow: boolean;
     width: number;
-    render: (value: any) => JSX.Element | "-";
+    render: (value: any) => React.JSX.Element | "-";
 })[];
 export declare const getQuickFilterList: (locales: any) => ({
     name: string;

package/lib/plus/orderList/index.d.ts

@@ -5,5 +5,5 @@ export interface OrderListProps {
     className?: string;
     style?: React.CSSProperties;
 }
-declare const OrderList: (props: OrderListProps) => JSX.Element;
+declare const OrderList: (props: OrderListProps) => React.JSX.Element;
 export default OrderList;

package/lib/plus/productSelect/ProductCard/index.d.ts

@@ -34,7 +34,7 @@ export interface ProductCardProps {
     isSelected?: boolean;
     decorateConfig?: ProductCardConfig;
 }
-export declare const ProductCard: React.MemoExoticComponent<({ item, index, context, onSelect, onSelectCover, onSelectInfo, isSelected, className, decorateConfig, }: ProductCardProps) => JSX.Element>;
+export declare const ProductCard: React.MemoExoticComponent<({ item, index, context, onSelect, onSelectCover, onSelectInfo, isSelected, className, decorateConfig, }: ProductCardProps) => React.JSX.Element>;
 export declare const DefaultItemContent: React.MemoExoticComponent<(props: {
     item: any;
     index: number;
@@ -42,6 +42,6 @@ export declare const DefaultItemContent: React.MemoExoticComponent<(props: {
         onItemIntersectionIn: (item: any) => void;
         onItemIntersectionOut: (item: any) => void;
     } | undefined;
-}) => JSX.Element>;
+}) => React.JSX.Element>;
 export default ProductCard;
 export { ProductCardSkeleton };

package/lib/plus/productSelect/ProductList/gridComponents.d.ts

@@ -5,8 +5,8 @@ export interface GridConfig {
 }
 export declare const parseGridConfig: (config: string) => number[];
 export declare const createGridComponents: (layout?: GridConfig | null) => {
-    List: React.MemoExoticComponent<({ children, ...props }: any) => JSX.Element>;
-    Item: React.MemoExoticComponent<({ children, index, item, ...props }: any) => JSX.Element>;
+    List: React.MemoExoticComponent<({ children, ...props }: any) => React.JSX.Element>;
+    Item: React.MemoExoticComponent<({ children, index, item, ...props }: any) => React.JSX.Element>;
 };
 export declare const GRID_LAYOUTS: {
     readonly SINGLE_COLUMN: {
@@ -35,10 +35,10 @@ export declare const GRID_LAYOUTS: {
     };
 };
 export declare const createTwoColumnGrid: () => {
-    List: React.MemoExoticComponent<({ children, ...props }: any) => JSX.Element>;
-    Item: React.MemoExoticComponent<({ children, index, item, ...props }: any) => JSX.Element>;
+    List: React.MemoExoticComponent<({ children, ...props }: any) => React.JSX.Element>;
+    Item: React.MemoExoticComponent<({ children, index, item, ...props }: any) => React.JSX.Element>;
 };
 export declare const createCustomGrid: (config: string) => {
-    List: React.MemoExoticComponent<({ children, ...props }: any) => JSX.Element>;
-    Item: React.MemoExoticComponent<({ children, index, item, ...props }: any) => JSX.Element>;
+    List: React.MemoExoticComponent<({ children, ...props }: any) => React.JSX.Element>;
+    Item: React.MemoExoticComponent<({ children, index, item, ...props }: any) => React.JSX.Element>;
 };

package/lib/plus/productSelect/components/pisellPriceText/index.d.ts

@@ -8,5 +8,5 @@ interface IProps {
     prefix?: React.ReactElement;
     suffix?: React.ReactElement;
 }
-declare const index: (props: IProps) => JSX.Element;
+declare const index: (props: IProps) => React.JSX.Element;
 export default index;

package/lib/plus/productSelect/index.d.ts

@@ -28,5 +28,5 @@ interface ProductSelectProps {
     hideCategoryWhenOne?: boolean;
 }
 export declare const PREFIX = "pisell-product-select";
-declare const index: ({ dataSource, emptyDescription, showSearch, scrollDom, offsetDom, style, token: customToken, onChange, value, selectedItems, productListSetting, customScrollParent, loading, layout, hideCategoryWhenOne, ...rest }: ProductSelectProps) => JSX.Element;
+declare const index: ({ dataSource, emptyDescription, showSearch, scrollDom, offsetDom, style, token: customToken, onChange, value, selectedItems, productListSetting, customScrollParent, loading, layout, hideCategoryWhenOne, ...rest }: ProductSelectProps) => React.JSX.Element;
 export default index;

package/lib/plus/saasAttendance/settings/components/membersField/index.d.ts

@@ -1,8 +1,8 @@
-/// <reference types="react" />
+import React from 'react';
 import './index.less';
 declare const MembersField: (props: {
     id?: string | undefined;
     value?: number[] | undefined;
     onChange?: ((newValue: number[]) => void) | undefined;
-}) => JSX.Element;
+}) => React.JSX.Element;
 export default MembersField;

package/lib/plus/saasCreateOrganization/components/Header.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { SCOProps } from '../types';
 import '../index.less';
-export declare const Header: (props: SCOProps) => JSX.Element;
+export declare const Header: (props: SCOProps) => React.JSX.Element;

package/lib/plus/saasCreateOrganization/index.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
+import React from 'react';
 import { SCOProps } from './types';
 import './index.less';
-declare const SaasCreateOrganization: (props: SCOProps) => JSX.Element;
+declare const SaasCreateOrganization: (props: SCOProps) => React.JSX.Element;
 export default SaasCreateOrganization;

package/lib/plus/saasRegister/components/EntryEmail.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { FormInstance } from 'antd';
 import { SRProps } from '../types';
 import '../index.less';
@@ -6,5 +6,5 @@ interface EntryEmailProps extends SRProps {
     form: FormInstance;
     handleVerifyEmail: (bool: boolean) => Promise<void>;
 }
-declare const EntryEmail: (props: EntryEmailProps) => JSX.Element;
+declare const EntryEmail: (props: EntryEmailProps) => React.JSX.Element;
 export default EntryEmail;

package/lib/plus/saasRegister/components/EntryInfo.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { FormInstance } from 'antd';
 import { SRProps } from '../types';
 import '../index.less';
@@ -6,5 +6,5 @@ interface IProps extends SRProps {
     form: FormInstance;
     emailToken?: string;
 }
-declare const EntryInfo: (props: IProps) => JSX.Element;
+declare const EntryInfo: (props: IProps) => React.JSX.Element;
 export default EntryInfo;

package/lib/plus/saasRegister/components/GoLogin.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
+import React from 'react';
 import { SRProps } from '../types';
 import '../index.less';
-declare const GoLogin: (props: SRProps) => JSX.Element;
+declare const GoLogin: (props: SRProps) => React.JSX.Element;
 export default GoLogin;

package/lib/plus/saasRegister/components/Header.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { SRProps } from '../types';
 import '../index.less';
-export declare const Header: (props: SRProps) => JSX.Element;
+export declare const Header: (props: SRProps) => React.JSX.Element;

package/lib/plus/saasRegister/components/VerifyError.d.ts

@@ -1,9 +1,9 @@
-/// <reference types="react" />
+import React from 'react';
 import { SRStepStatus } from '../types';
 import '../index.less';
 declare const VerifyError: (props: {
     status?: SRStepStatus;
     onBackToRegister?: () => void;
     onGoLogin?: () => void;
-}) => JSX.Element | null;
+}) => React.JSX.Element | null;
 export default VerifyError;

package/lib/plus/saasRegister/components/VerifyingLink.d.ts

@@ -1,6 +1,6 @@
-/// <reference types="react" />
+import React from 'react';
 import '../index.less';
 declare const VerifyingEmailLink: (props: {
     onVerifyLink: () => Promise<void>;
-}) => JSX.Element;
+}) => React.JSX.Element;
 export default VerifyingEmailLink;

package/lib/plus/saasRegister/components/VertifyEmail.d.ts

@@ -1,8 +1,8 @@
-/// <reference types="react" />
+import React from 'react';
 import '../index.less';
 declare const VertifyEmail: (props: {
     email: string;
     onSendEmail: () => Promise<void>;
     onEditEmail: () => void;
-}) => JSX.Element;
+}) => React.JSX.Element;
 export default VertifyEmail;

package/lib/plus/saasTeamMembers/locales.js

@@ -175,7 +175,7 @@ var locales = {
     "pisell2.saas.team-members.status.active": "启用",
     "pisell2.saas.team-members.status.inactive": "停用",
     // Badge
-    "pisell2.saas.team-members.badge.owner": "擁有者",
+    "pisell2.saas.team-members.badge.owner": "负责人",
     "pisell2.saas.team-members.more-roles": "+{count} 更多",
     // Drawer - Create/Edit
     "pisell2.saas.team-members.drawer.create-title": "添加团队成员",
@@ -298,7 +298,7 @@ var locales = {
     "pisell2.saas.team-members.status.active": "啟用",
     "pisell2.saas.team-members.status.inactive": "停用",
     // Badge
-    "pisell2.saas.team-members.badge.owner": "所有者",
+    "pisell2.saas.team-members.badge.owner": "負責人",
     "pisell2.saas.team-members.more-roles": "+{count} 更多",
     // Drawer - Create/Edit
     "pisell2.saas.team-members.drawer.create-title": "添加團隊成員",

package/lib/plus/selectHolder/components/ErrorTip/index.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 import './index.less';
-declare const ErrorTip: ({ text }: any) => JSX.Element;
+declare const ErrorTip: ({ text }: any) => import("react").JSX.Element;
 export default ErrorTip;

package/lib/plus/skuOptionsSelection/components/NormalCard/index.d.ts

@@ -1,6 +1,6 @@
-/// <reference types="react" />
+import React from 'react';
 import { RenderItemProps } from '../../../../pro/Selector/types';
 declare const NormalCard: (props: RenderItemProps & {
     parentDataSource: any;
-}) => JSX.Element;
+}) => React.JSX.Element;
 export default NormalCard;

package/lib/plus/skuOptionsSelection/components/OptionsCard/OptionItemCard.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import './index.less';
-declare const OptionItemCard: (props: any) => JSX.Element;
+declare const OptionItemCard: (props: any) => React.JSX.Element;
 export default OptionItemCard;

package/lib/plus/skuOptionsSelection/components/OptionsCard/index.d.ts

@@ -1,11 +1,11 @@
 /**
  * 单规格商品卡片，点击后需要拉起弹窗展示具体的规格信息
  */
-/// <reference types="react" />
+import React from 'react';
 import { RenderItemProps } from '../../../../pro/Selector/types';
 import './index.less';
 declare const OptionsCard: (props: RenderItemProps & {
     parentDataSource: any;
     mode: 'single' | 'multiple';
-}) => JSX.Element;
+}) => React.JSX.Element;
 export default OptionsCard;

package/lib/plus/skuOptionsSelection/components/OptionsModal/index.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 interface OptionsModalProps {
     parentDataSource: any;
     dataSource: any;
@@ -12,5 +12,5 @@ interface OptionsModalProps {
     onCancel: () => void;
     onConfirm: (v: any) => void;
 }
-declare const OptionsModal: (props: OptionsModalProps) => JSX.Element;
+declare const OptionsModal: (props: OptionsModalProps) => React.JSX.Element;
 export default OptionsModal;

package/lib/plus/skuOptionsSelection/components/TitleExtra/index.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import './index.less';
-declare const TitleExtra: (props: any) => JSX.Element;
+declare const TitleExtra: (props: any) => React.JSX.Element;
 export default TitleExtra;

package/lib/plus/skuOptionsSelection/components/VariantCard/index.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import './index.less';
-declare const VariantCard: (props: any) => JSX.Element;
+declare const VariantCard: (props: any) => React.JSX.Element;
 export default VariantCard;

package/lib/plus/walletEditor/components/relationProduct/index.d.ts

@@ -1,7 +1,7 @@
-/// <reference types="react" />
+import React from 'react';
 import './index.less';
 declare const RelationProduct: ({ value, onChange, }: {
     value?: string[] | undefined;
     onChange?: ((val: string[]) => void) | undefined;
-}) => JSX.Element | null;
+}) => React.JSX.Element | null;
 export default RelationProduct;

package/lib/plus/walletPassGallery/components/passDetail/index.d.ts

@@ -1,10 +1,12 @@
-/// <reference types="react" />
+import React from 'react';
 import './index.less';
 interface PassDetailProps {
     dataSource?: any | null;
     platform?: 'pc' | 'h5';
     buttonGroupList?: any[][];
     showTimeLine?: boolean;
+    onDetailRefresh?: (passId: number | string, patch: any) => void;
+    onListRefresh?: () => void;
 }
-declare const PassDetail: (props: PassDetailProps) => JSX.Element | null;
+declare const PassDetail: (props: PassDetailProps) => React.JSX.Element | null;
 export default PassDetail;

package/lib/plus/walletPassGallery/components/passDetail/index.js

@@ -55,15 +55,22 @@ var { Text } = import_antd.Typography;
 var PassDetail = (props) => {
   var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q;
   const { symbol = "$" } = (0, import_materials.usePisellConfig)();
-  const { dataSource, platform = "pc", showTimeLine = true } = props;
+  const {
+    dataSource,
+    platform = "pc",
+    showTimeLine = true,
+    onDetailRefresh,
+    onListRefresh
+  } = props;
   const [activeKey, setActiveKey] = (0, import_react.useState)("detail");
   const [rechargeOpen, setRechargeOpen] = (0, import_react.useState)(false);
   const containerRef = (0, import_react.useRef)(null);
   const isIndicatorVisibleRef = (0, import_react.useRef)(false);
   const context = (0, import_useEngineContext.default)();
-  const { store } = ((_a = context.appHelper) == null ? void 0 : _a.utils) || { store: {} };
+  const { store, isTerminal, interaction, isApp } = (_a = context.appHelper) == null ? void 0 : _a.utils;
   const { apiPrefix } = ((_b = context.appHelper) == null ? void 0 : _b.constants) || { apiPrefix: "/h5" };
   const timezone = ((_g = (_f = (_e = (_d = (_c = store == null ? void 0 : store.getState) == null ? void 0 : _c.call(store)) == null ? void 0 : _d.global) == null ? void 0 : _e.symbol) == null ? void 0 : _f.shop) == null ? void 0 : _g.timezone) || "Asia/Shanghai";
+  const isTerminalEnv = (typeof isTerminal === "function" ? isTerminal() : !!isTerminal) || (isApp == null ? void 0 : isApp());
   import_utils.locales.init(import_locales.default, ((_i = (_h = context == null ? void 0 : context.engine) == null ? void 0 : _h.props) == null ? void 0 : _i.locale) || "en");
   if ((_k = (_j = context.appHelper) == null ? void 0 : _j.utils) == null ? void 0 : _k.request) {
     import_utils4.request.setRequest((_m = (_l = context.appHelper) == null ? void 0 : _l.utils) == null ? void 0 : _m.request);
@@ -96,6 +103,31 @@ var PassDetail = (props) => {
       refreshDeps: [id, customer_id]
     }
   );
+  (0, import_react.useEffect)(() => {
+    var _a2, _b2;
+    (_b2 = (_a2 = interaction == null ? void 0 : interaction.utils) == null ? void 0 : _a2.mountFunction) == null ? void 0 : _b2.call(
+      _a2,
+      "customer",
+      "recharge",
+      async (strVal) => {
+        var _a3;
+        if (!strVal) {
+          return onListRefresh == null ? void 0 : onListRefresh();
+        }
+        try {
+          const latest = await ((_a3 = _getDetail.refreshAsync) == null ? void 0 : _a3.call(_getDetail));
+          const patch = {
+            balance: (latest == null ? void 0 : latest.balance) !== void 0 ? latest.balance : balance ?? void 0,
+            expire_date: (latest == null ? void 0 : latest.expire_date) !== void 0 ? latest.expire_date : expire_date ?? void 0,
+            unified_available_status: latest == null ? void 0 : latest.unified_available_status
+          };
+          onDetailRefresh == null ? void 0 : onDetailRefresh(id, patch);
+        } catch (err) {
+          console.error(err);
+        }
+      }
+    );
+  }, [id]);
   const scheduleList = (0, import_react.useMemo)(() => {
     return (custom_schedule_snapshot == null ? void 0 : custom_schedule_snapshot.data) || [];
   }, [custom_schedule_snapshot]);
@@ -200,6 +232,24 @@ var PassDetail = (props) => {
       setActiveKey(_key);
     }
   }, []);
+  const handleRechargeClick = (0, import_react.useCallback)(() => {
+    var _a2, _b2;
+    if (isTerminalEnv) {
+      const productId = (product == null ? void 0 : product.id) || (dataSource == null ? void 0 : dataSource.product_id) || "";
+      (_b2 = (_a2 = interaction == null ? void 0 : interaction.utils) == null ? void 0 : _a2.postMessageToApp) == null ? void 0 : _b2.call(_a2, {
+        module: "customer",
+        key: "recharge",
+        data: {
+          product_id: String(productId || ""),
+          card_id: String(id || ""),
+          card_code: String(code || ""),
+          customer_id: String(customer_id || "")
+        }
+      });
+      return;
+    }
+    setRechargeOpen(true);
+  }, [isTerminalEnv, id, code, customer_id, product, dataSource]);
   if (!dataSource) {
     return /* @__PURE__ */ import_react.default.createElement(import_antd.Empty, null);
   }
@@ -246,7 +296,9 @@ var PassDetail = (props) => {
         code,
         tag,
         timezone,
-        apiPrefix
+        apiPrefix,
+        isTerminalEnv,
+        interaction
       }
     );
   };
@@ -299,7 +351,7 @@ var PassDetail = (props) => {
           {
             type: "primary",
             size: "large",
-            onClick: () => setRechargeOpen(true)
+            onClick: handleRechargeClick
           },
           import_utils.locales.getText("wallet-pass-gallery.recharge")
         ), /* @__PURE__ */ import_react.default.createElement(
@@ -328,7 +380,7 @@ var PassDetail = (props) => {
     {
       appleWalletUrl: (_o = _getDetail.data) == null ? void 0 : _o.apple_wallet_url,
       googleWalletUrl: (_p = _getDetail.data) == null ? void 0 : _p.google_wallet_url,
-      onRechargeClick: ((_q = dataSource == null ? void 0 : dataSource.machinecode_config) == null ? void 0 : _q.hide_recharge) === 0 ? () => setRechargeOpen(true) : void 0,
+      onRechargeClick: ((_q = dataSource == null ? void 0 : dataSource.machinecode_config) == null ? void 0 : _q.hide_recharge) === 0 ? handleRechargeClick : void 0,
       platform
     }
   ) : null, /* @__PURE__ */ import_react.default.createElement(

package/lib/plus/walletPassGallery/components/passList/index.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 interface IPassListProps {
     dataSource: any[];
     value?: string | number;
@@ -9,5 +9,5 @@ interface IPassListProps {
     loading?: boolean;
     onEditHolder?: (info: any) => void;
 }
-declare const PassList: (props: IPassListProps) => JSX.Element;
+declare const PassList: (props: IPassListProps) => React.JSX.Element;
 export default PassList;

package/lib/plus/walletPassGallery/components/timelineSection/index.d.ts

@@ -1,10 +1,12 @@
-/// <reference types="react" />
+import React from 'react';
 import './index.less';
 interface TimelineSectionProps {
     code: string;
     tag: string;
     timezone: string;
     apiPrefix?: '/shop' | '/h5';
+    isTerminalEnv?: boolean;
+    interaction?: any;
 }
-declare const TimelineSection: (props: TimelineSectionProps) => JSX.Element;
+declare const TimelineSection: (props: TimelineSectionProps) => React.JSX.Element;
 export default TimelineSection;

package/lib/plus/walletPassGallery/components/timelineSection/index.js

@@ -45,7 +45,7 @@ import_dayjs.default.extend(import_timezone.default);
 import_dayjs.default.extend(import_utc.default);
 var stateTimeUnix = 1723255863;
 var TimelineSection = (props) => {
-  const { code, tag, timezone, apiPrefix } = props;
+  const { code, tag, timezone, apiPrefix, isTerminalEnv, interaction } = props;
   const { symbol = "$" } = (0, import_materials.usePisellConfig)();
   const [isShowtimeLineDetail, setIsShowtimeLineDetail] = import_react.default.useState(false);
   const [isSpending, setIsSpending] = import_react.default.useState(true);
@@ -205,7 +205,22 @@ var TimelineSection = (props) => {
             label: import_utils.locales.getText("wallet-pass-gallery.viewOrder"),
             value: timeLineDetail && (timeLineDetail == null ? void 0 : timeLineDetail.resource_code) ? `#${timeLineDetail == null ? void 0 : timeLineDetail.resource_code}` : (timeLineDetail == null ? void 0 : timeLineDetail.transaction_id) ? `#${timeLineDetail == null ? void 0 : timeLineDetail.transaction_id}` : "",
             isLink: !!(timeLineDetail && (timeLineDetail == null ? void 0 : timeLineDetail.resource_id)),
-            link: timeLineDetail && (timeLineDetail == null ? void 0 : timeLineDetail.resource_id) ? apiPrefix === "/shop" ? `/admin/order/orders/detail?id=${timeLineDetail == null ? void 0 : timeLineDetail.resource_id}` : `/order/details?id=${timeLineDetail == null ? void 0 : timeLineDetail.resource_id}` : void 0
+            onClick: () => {
+              var _a, _b;
+              if (isTerminalEnv) {
+                return (_b = (_a = interaction == null ? void 0 : interaction.utils) == null ? void 0 : _a.postMessageToApp) == null ? void 0 : _b.call(_a, {
+                  module: "booking",
+                  key: "view_order",
+                  data: {
+                    order_id: timeLineDetail == null ? void 0 : timeLineDetail.resource_id
+                  },
+                  origin: "/booking"
+                });
+              }
+              const link = apiPrefix === "/shop" ? `/admin/order/orders/detail?id=${timeLineDetail == null ? void 0 : timeLineDetail.resource_id}` : `/order/details?id=${timeLineDetail == null ? void 0 : timeLineDetail.resource_id}`;
+              location.replace(link);
+            },
+            link: timeLineDetail && (timeLineDetail == null ? void 0 : timeLineDetail.resource_id) ? true : void 0
           }
         ],
         labelColor: "#101828",

package/lib/plus/walletPassGallery/components/usageRule/index.d.ts

@@ -5,5 +5,5 @@ interface UsageRulesProps {
     style?: React.CSSProperties;
     dataSource?: any;
 }
-declare function UsageRules({ className, style, dataSource }: UsageRulesProps): JSX.Element | null;
+declare function UsageRules({ className, style, dataSource }: UsageRulesProps): React.JSX.Element | null;
 export default UsageRules;

package/lib/plus/walletPassGallery/index.d.ts

@@ -1,7 +1,11 @@
-/// <reference types="react" />
+import React from 'react';
 import './index.less';
 export interface WalletPassGalleryProps {
+    hideTitle: boolean;
+    hideAddButton: boolean;
+    customer?: any;
+    platform?: 'pc' | 'h5';
     [key: string]: any;
 }
-declare const WalletPassGallery: (props: WalletPassGalleryProps) => JSX.Element;
+declare const WalletPassGallery: (props: WalletPassGalleryProps) => React.JSX.Element;
 export default WalletPassGallery;