@pisell/private-materials 6.6.10 → 6.6.11

package/lib/components/checkout/hooks/useWalletPass.js

@@ -44,27 +44,24 @@ var import_utils3 = require("../../booking/utils");
 var import_pisellos = require("../../ticketBooking/hooks/pisellos");
 var import_useShopDiscountModule = require("../../ticketBooking/hooks/pisellos/useShopDiscountModule");
 var useWalletPass = (props) => {
-  const { onSelectChange, customAmount, clientId, totalAmount } = props;
+  const { onSelectChange, customAmount, clientId } = props;
   const logger = (0, import_usePaymentLogger.default)();
   const { executeIfActive } = (0, import_pisellos.useActiveExecute)();
   const [walletRecommendList, setWalletRecommendList] = (0, import_react.useState)([]);
   const [userIdentificationCodes, setUserIdentificationCodes] = (0, import_react.useState)(
     []
   );
-  const [transformList, setTransformList] = (0, import_react.useState)([]);
-  const [noApplicableVoucher, setNoApplicableVoucher] = (0, import_react.useState)([]);
   const initialOrderedDataRef = (0, import_react.useRef)([]);
   const initialDiscountOrderRef = (0, import_react.useRef)([]);
   const confirmedEditAmountIdsRef = (0, import_react.useRef)([]);
+  const timeoutRef = (0, import_react.useRef)(null);
   const [searchIdentificationCodeList, setSearchIdentificationCodeList] = (0, import_react.useState)([]);
   const [orderInfo, setOrderInfo] = (0, import_react.useState)({});
   const [selectedWallet, setSelectedWallet] = (0, import_react.useState)([]);
   const selectedWalletRef = (0, import_react.useRef)([]);
-  const [selectedVoucherIds, setSelectedVoucherIds] = (0, import_react.useState)([]);
   const [disabledWalletData, setDisabledWalletData] = (0, import_react.useState)([]);
   const notSetWalletSelectRef = (0, import_react.useRef)(false);
   const showBestToastRef = (0, import_react.useRef)(false);
-  const [products, setProducts] = (0, import_react.useState)([]);
   const selectedWalletIds = (0, import_react.useMemo)(() => {
     return selectedWallet.map((item) => item.id);
   }, [selectedWallet]);
@@ -76,10 +73,6 @@ var useWalletPass = (props) => {
   const checkoutModule = pisellos.getModule("checkout");
   const shopDiscount = (0, import_useShopDiscountModule.useShopDiscountModule)();
   const paymentModule = checkoutModule == null ? void 0 : checkoutModule.payment;
-  const walletPassEvaluator = (0, import_react.useMemo)(() => {
-    var _a, _b;
-    return (_b = (_a = paymentModule == null ? void 0 : paymentModule.window) == null ? void 0 : _a.getWalletPassEvaluator) == null ? void 0 : _b.call(_a);
-  }, []);
   const setWalletSelect = (0, import_ahooks.useMemoizedFn)((data2) => {
     setSelectedWallet(data2);
     selectedWalletRef.current = data2;
@@ -170,61 +163,34 @@ var useWalletPass = (props) => {
       return orderedResult;
     }
   );
-  const allVouchersForCalculation = (0, import_react.useMemo)(() => {
-    return [...transformList || [], ...searchIdentificationCodeList || []];
-  }, [transformList, searchIdentificationCodeList]);
-  const selectedVouchers = (0, import_react.useMemo)(() => {
-    return selectedVoucherIds.map((id) => allVouchersForCalculation.find((v) => v.id === id)).filter(Boolean);
-  }, [selectedVoucherIds, allVouchersForCalculation]);
-  const { displayVouchers, displayOtherVouchers, selectedWithDetails, totalDeduction } = (0, import_react.useMemo)(() => {
-    if (!walletPassEvaluator || !allVouchersForCalculation.length || !totalAmount) {
-      return {
-        displayVouchers: [...transformList || [], ...noApplicableVoucher || []],
-        displayOtherVouchers: searchIdentificationCodeList || [],
-        selectedWithDetails: [],
-        totalDeduction: 0
-      };
-    }
-    const result = walletPassEvaluator.recalculateVouchers(
-      allVouchersForCalculation,
-      selectedVouchers,
-      totalAmount,
-      products || []
-    );
-    const currentCustomerVouchers = [];
-    const otherCustomerVouchers = [];
-    result.allWithUpdatedStatus.forEach((voucher) => {
-      const isSearchVoucher = searchIdentificationCodeList.some((item) => item.id === voucher.id);
-      if (isSearchVoucher) {
-        otherCustomerVouchers.push(voucher);
-      } else {
-        currentCustomerVouchers.push(voucher);
-      }
-    });
-    return {
-      displayVouchers: [...currentCustomerVouchers, ...noApplicableVoucher || []],
-      displayOtherVouchers: otherCustomerVouchers,
-      selectedWithDetails: result.selectedWithDetails,
-      totalDeduction: result.selectedWithDetails.reduce((sum, v) => sum + (v.actualDeduction || 0), 0)
-    };
-  }, [selectedVouchers, allVouchersForCalculation, transformList, searchIdentificationCodeList, noApplicableVoucher, totalAmount, products]);
-  (0, import_ahooks.useUpdateEffect)(() => {
-    notifySelectChange(selectedWithDetails);
-    setLoading(false);
-  }, [selectedWithDetails]);
   const data = (0, import_react.useMemo)(() => {
     return (0, import_utils2.formatMachineCodeServer2CardList)(
       (0, import_utils.uniqueByKey)(
         mergeDataWithInitialOrder([
           ...selectedWallet,
-          ...displayVouchers,
-          ...displayOtherVouchers
+          ...userIdentificationCodes
         ]),
         "id"
       ),
-      selectedVoucherIds
+      selectedWalletIds
     );
-  }, [displayVouchers, displayOtherVouchers, selectedVoucherIds, selectedWallet]);
+  }, [userIdentificationCodes, selectedWalletIds, selectedWallet]);
+  const fetchWalletRecommendList = (0, import_ahooks.useMemoizedFn)(async (params) => {
+    setLoading(true);
+    setError(null);
+    try {
+      const result = await paymentModule.wallet.getWalletPassRecommendListAsync(
+        params
+      );
+      setWalletRecommendList(result);
+      return result;
+    } catch (err) {
+      setError(err instanceof Error ? err.message : "获取钱包推荐列表失败");
+      throw err;
+    } finally {
+      setLoading(false);
+    }
+  });
   const fetchUserIdentificationCodes = (0, import_ahooks.useMemoizedFn)(async (params) => {
     setLoading(true);
     setError(null);
@@ -267,30 +233,10 @@ var useWalletPass = (props) => {
   });
   const handleSearchIdentificationCodeCompleted = (0, import_ahooks.useMemoizedFn)((data2) => {
     const { currentSearchResults, cachedSearchResults } = data2;
-    let formattedResults = currentSearchResults;
-    if (walletPassEvaluator && currentSearchResults.length > 0 && totalAmount) {
-      formattedResults = walletPassEvaluator.searchVoucherFormat({
-        vouchers: currentSearchResults,
-        orderTotalAmount: totalAmount,
-        products: products || []
-      });
-    }
-    let formattedCachedResults = cachedSearchResults || [];
-    if (walletPassEvaluator && cachedSearchResults && cachedSearchResults.length > 0 && totalAmount) {
-      formattedCachedResults = walletPassEvaluator.searchVoucherFormat({
-        vouchers: cachedSearchResults,
-        orderTotalAmount: totalAmount,
-        products: products || []
-      });
-    }
-    const mergedSearchResults = (0, import_utils.uniqueByKey)(
-      [...formattedCachedResults || [], ...formattedResults],
-      "id"
-    );
     let isAvailableData = [];
     let isDisabledData = [];
-    if (formattedResults.length > 0) {
-      formattedResults.forEach((item) => {
+    if (currentSearchResults.length > 0) {
+      currentSearchResults.forEach((item) => {
         if (!!item.unified_available_status) {
           isAvailableData.push(item);
         } else {
@@ -298,36 +244,26 @@ var useWalletPass = (props) => {
         }
       });
     }
-    const allDisabledData = mergedSearchResults.filter((item) => !item.unified_available_status);
-    setDisabledWalletData(allDisabledData);
+    setDisabledWalletData(isDisabledData);
     let newValues = [...selectedWalletRef.current];
     if (isAvailableData.length === 1) {
       newValues = [...selectedWalletRef.current, ...isAvailableData];
     }
-    setSearchIdentificationCodeList(mergedSearchResults);
+    setSearchIdentificationCodeList(cachedSearchResults);
     setWalletSelect(newValues);
-    setSelectedVoucherIds(newValues.map((item) => item.id));
+    handleFetchUserIdentificationCodes(newValues.map((item) => item.id));
   });
   const onOrderCreated = (0, import_ahooks.useMemoizedFn)(() => {
-    var _a, _b;
     const orderInfo2 = checkoutModule.getOrderOriginalData();
     setOrderInfo(orderInfo2);
     const recommendList = getCachedWalletRecommendList();
     const userIdentificationCodes2 = getCachedUserIdentificationCodes();
-    const walletInitData = ((_b = (_a = paymentModule == null ? void 0 : paymentModule.wallet) == null ? void 0 : _a.getStoredWalletInitData) == null ? void 0 : _b.call(_a)) || {};
-    const transformListData = walletInitData.transformList || userIdentificationCodes2;
-    const noApplicableVoucherData = walletInitData.noApplicableVoucher || [];
-    const productsData = walletInitData.products || [];
     const initialData = [...recommendList, ...userIdentificationCodes2];
     setWalletRecommendList(recommendList);
-    setUserIdentificationCodes(userIdentificationCodes2);
-    setTransformList(transformListData);
-    setNoApplicableVoucher(noApplicableVoucherData);
-    setProducts(productsData);
+    setUserIdentificationCodes(initialData);
     initialOrderedDataRef.current = initialData;
     if (!notSetWalletSelectRef.current) {
       setWalletSelect(recommendList);
-      setSelectedVoucherIds(recommendList.map((item) => item.id));
       const select = paymentModule.wallet.formatWalletPassList2PreparePayments(recommendList).map((item) => ({
         code: item.tag,
         voucher_id: item.voucher_id,
@@ -341,7 +277,6 @@ var useWalletPass = (props) => {
       onSelectChange == null ? void 0 : onSelectChange(select);
     } else {
       setWalletSelect([]);
-      setSelectedVoucherIds([]);
       notSetWalletSelectRef.current = false;
       onSelectChange == null ? void 0 : onSelectChange([]);
     }
@@ -379,7 +314,7 @@ var useWalletPass = (props) => {
   });
   const handlePaymentStarted = (0, import_ahooks.useMemoizedFn)(
     async (params) => {
-      if (params.paymentMethodCode !== "VOUCHER_BATCH" && Number(customAmount || 0) > 0) {
+      if (params.paymentMethodCode !== "VOUCHER_BATCH") {
         notSetWalletSelectRef.current = true;
         await checkoutModule.initWalletData({
           order_wait_pay_amount: Number(customAmount)
@@ -461,6 +396,14 @@ var useWalletPass = (props) => {
       );
     };
   }, [paymentModule]);
+  (0, import_react.useEffect)(() => {
+    return () => {
+      if (timeoutRef.current) {
+        clearTimeout(timeoutRef.current);
+        timeoutRef.current = null;
+      }
+    };
+  }, []);
   const allList = (0, import_react.useMemo)(() => {
     const reversedSearchData = [...searchIdentificationCodeList].reverse();
     return [
@@ -480,20 +423,31 @@ var useWalletPass = (props) => {
       )
     ).map((item) => item.code);
   });
-  const notifySelectChange = (0, import_ahooks.useMemoizedFn)((selectedDetails) => {
-    const prepare_payments = paymentModule.wallet.formatWalletPassList2PreparePayments(selectedDetails);
-    const select = prepare_payments.map((item) => ({
-      voucher_id: item.voucher_id,
-      amount: item.amount,
-      code: item.tag
-    }));
-    logger == null ? void 0 : logger.addLog({
-      type: "info",
-      title: "useWalletPass_notifySelectChange 通知外部选择变化",
-      metadata: { selectedDetails, select }
-    });
-    onSelectChange == null ? void 0 : onSelectChange(select);
-  });
+  const handleFetchUserIdentificationCodes = (0, import_ahooks.useMemoizedFn)(
+    (value, walletRecommendList2) => {
+      const val = (0, import_utils.uniqueByKey)(walletRecommendList2 || allList, "id").filter(
+        (item) => value.includes(item.id)
+      );
+      const prepare_payments = paymentModule.wallet.formatWalletPassList2PreparePayments(val);
+      const select = prepare_payments.map((item) => ({
+        voucher_id: item.voucher_id,
+        amount: item.amount,
+        code: item.tag
+      }));
+      logger == null ? void 0 : logger.addLog({
+        type: "info",
+        title: "useWalletPass_handleFetchUserIdentificationCodes onSelectChange 开始调用",
+        metadata: {}
+      });
+      onSelectChange == null ? void 0 : onSelectChange(select);
+      fetchUserIdentificationCodes({
+        prepare_payments,
+        available: 2,
+        filter_prepare_wallet_pass: 1,
+        other_exact_codes: getOtherExactCodes()
+      });
+    }
+  );
   const handleSearchIdentificationCode = (0, import_ahooks.useMemoizedFn)((value) => {
     return paymentModule.wallet.searchIdentificationCodeAsync({
       code: value,
@@ -503,27 +457,11 @@ var useWalletPass = (props) => {
     });
   });
   const handleSelectWallet = (0, import_ahooks.useMemoizedFn)((value) => {
-    setLoading(true);
-    const deselectedIds = selectedVoucherIds.filter(
-      (id) => !value.includes(id)
-    );
-    if (deselectedIds.length > 0) {
-      const needResetIds = deselectedIds.filter((id) => {
-        const voucher = allVouchersForCalculation.find((v) => v.id === id);
-        return (voucher == null ? void 0 : voucher.edit_current_amount) !== void 0;
-      });
-      if (needResetIds.length > 0) {
-        updateWalletDataById(needResetIds, { edit_current_amount: void 0 });
-        confirmedEditAmountIdsRef.current = confirmedEditAmountIdsRef.current.filter(
-          (id) => !needResetIds.includes(id)
-        );
-      }
-    }
-    setSelectedVoucherIds(value);
-    const val = allVouchersForCalculation.filter(
+    const val = userIdentificationCodes.filter(
       (item) => value.includes(item.id)
     );
     setWalletSelect(val);
+    handleFetchUserIdentificationCodes(value);
   });
   const expiredWalletIds = (0, import_react.useMemo)(() => {
     return (0, import_utils.uniqueByKey)(allList, "id").filter(
@@ -541,12 +479,12 @@ var useWalletPass = (props) => {
   }, [allList]);
   const clearAllSelectedWallet = (0, import_ahooks.useMemoizedFn)(() => {
     var _a;
-    if (confirmedEditAmountIdsRef.current.length > 0) {
-      updateWalletDataById(confirmedEditAmountIdsRef.current, {
-        edit_current_amount: void 0
-      });
-      confirmedEditAmountIdsRef.current = [];
-    }
+    logger == null ? void 0 : logger.addLog({
+      type: "info",
+      title: "useWalletPass_clearAllSelectedWallet onSelectChange 开始调用",
+      metadata: {}
+    });
+    onSelectChange == null ? void 0 : onSelectChange([]);
     if (selectedWalletIds.length === 0 && selectedDiscountList.length === 0) {
       return;
     }
@@ -570,14 +508,7 @@ var useWalletPass = (props) => {
       return;
     }
     setWalletSelect([]);
-    setSelectedVoucherIds([]);
-    logger == null ? void 0 : logger.addLog({
-      type: "info",
-      title: "useWalletPass_clearAllSelectedWallet 立即通知外部清空",
-      metadata: {}
-    });
-    onSelectChange == null ? void 0 : onSelectChange([]);
-    setLoading(false);
+    handleFetchUserIdentificationCodes([]);
   });
   const isCurrentSelectionBest = (0, import_ahooks.useMemoizedFn)(() => {
     if (walletRecommendList.length === 0) return true;
@@ -626,7 +557,10 @@ var useWalletPass = (props) => {
         } else {
           const select = searchIdentificationCodeList.filter((item) => item.unified_available_status);
           setWalletSelect(select);
-          setSelectedVoucherIds(select.map((item) => item.id));
+          handleFetchUserIdentificationCodes(
+            select.map((item) => item.id),
+            select
+          );
           if (select.length) {
             Toast == null ? void 0 : Toast.success(
               import_utils.locales.getText("wallet-pass-module-best-combination-selected")
@@ -655,12 +589,14 @@ var useWalletPass = (props) => {
     } else {
       if (hasGoodPass && !isBestDiscount) return;
       setWalletSelect(newWalletRecommendList);
-      setSelectedVoucherIds(newWalletRecommendList.map((item) => item.id));
+      handleFetchUserIdentificationCodes(
+        newWalletRecommendList.map((item) => item.id),
+        newWalletRecommendList
+      );
       Toast == null ? void 0 : Toast.success(
         import_utils.locales.getText("wallet-pass-module-best-combination-selected")
       );
     }
-    setLoading(false);
   });
   const handleSelectDiscount = (0, import_ahooks.useMemoizedFn)((value, option) => {
     var _a, _b, _c;
@@ -707,12 +643,6 @@ var useWalletPass = (props) => {
         updateData
       );
       setUserIdentificationCodes(newUserIdentificationCodes);
-      const newTransformList = updateArrayItemById(
-        transformList,
-        targetId,
-        updateData
-      );
-      setTransformList(newTransformList);
       const newSearchIdentificationCodeList = updateArrayItemById(
         searchIdentificationCodeList,
         targetId,
@@ -728,7 +658,6 @@ var useWalletPass = (props) => {
       return {
         newWalletRecommendList,
         newUserIdentificationCodes,
-        newTransformList,
         newSearchIdentificationCodeList,
         newSelectedWallet
       };
@@ -737,21 +666,44 @@ var useWalletPass = (props) => {
   const handleConfirmEditAmount = (0, import_ahooks.useMemoizedFn)(
     (value, id, data2) => {
       if (value === 0) {
-        const filteredIds = selectedVoucherIds.filter(
+        const filteredIds = selectedWalletIds.filter(
           (walletId) => walletId !== data2.id
         );
         handleSelectWallet(filteredIds);
         return;
       }
-      setLoading(true);
       if (!confirmedEditAmountIdsRef.current.includes(data2.id)) {
         confirmedEditAmountIdsRef.current.push(data2.id);
       }
       updateWalletDataById(data2.id, { edit_current_amount: value });
+      if (timeoutRef.current) {
+        clearTimeout(timeoutRef.current);
+      }
+      timeoutRef.current = setTimeout(() => {
+        handleFetchUserIdentificationCodes(selectedWalletIds);
+        timeoutRef.current = null;
+      });
     }
   );
   const handleBeforeEditAmount = (0, import_ahooks.useMemoizedFn)(
     async (value, index, data2) => {
+      const result = await paymentModule.wallet.searchIdentificationCodeAsync(
+        {
+          code: data2.code,
+          prepare_payments: paymentModule.wallet.formatWalletPassList2PreparePayments(
+            selectedWalletRef.current.filter(
+              (item) => item.id !== data2.id
+            )
+          )
+        },
+        { noCache: true }
+      );
+      if (result.data && result.data.length > 0) {
+        const resultItem = result.data.find((item) => item.id === data2.id);
+        if (resultItem) {
+          updateWalletDataById(data2.id, resultItem);
+        }
+      }
       return true;
     }
   );
@@ -776,6 +728,7 @@ var useWalletPass = (props) => {
     selectedDiscountList,
     handleSelectDiscount,
     customerName,
+    fetchWalletRecommendList,
     fetchUserIdentificationCodes,
     getCachedWalletRecommendList,
     getCachedUserIdentificationCodes,

package/lib/components/eftpos/device.d.ts

@@ -5,5 +5,5 @@ interface DeviceProps {
     onSave: (device: DeviceProp) => void;
     children?: React.ReactNode;
 }
-declare const Device: (props: DeviceProps) => JSX.Element;
+declare const Device: (props: DeviceProps) => React.JSX.Element;
 export default Device;

package/lib/components/eftpos/deviceList/index.d.ts

@@ -1,2 +1,3 @@
-declare const _default: ({ input, ...formItemProps }: any) => JSX.Element;
+import React from 'react';
+declare const _default: ({ input, ...formItemProps }: any) => React.JSX.Element;
 export default _default;

package/lib/components/eftpos/form/index.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 /**
  * @title: 递归循环表单数据
  * @Author: hongbing.wang
@@ -7,7 +8,7 @@ declare const CustomFormItem: ({ formItemList, level, onChange, }: {
     formItemList: any[];
     level?: number | undefined;
     onChange?: ((...agrn: unknown[]) => unknown) | undefined;
-}) => JSX.Element;
+}) => React.JSX.Element;
 export default CustomFormItem;
 declare type helpMappingType = {
     [key: string]: {

package/lib/components/eftpos/group/index.d.ts

@@ -1,5 +1,6 @@
+import React from 'react';
 import { RadioGroupProps } from 'antd';
-export declare const CheckboxGroup: ({ direction, options, ...props }: any) => JSX.Element;
+export declare const CheckboxGroup: ({ direction, options, ...props }: any) => React.JSX.Element;
 export declare const RadioGroup: ({ direction, options, ...props }: RadioGroupProps & {
     direction?: "vertical" | undefined;
-}) => JSX.Element;
+}) => React.JSX.Element;

package/lib/components/eftpos/icon/apiKey.d.ts

@@ -1,4 +1,5 @@
+import React from 'react';
 declare const _default: ({ color }: {
     color?: string | undefined;
-}) => JSX.Element;
+}) => React.JSX.Element;
 export default _default;

package/lib/components/eftpos/icon/device.d.ts

@@ -1,4 +1,5 @@
+import React from 'react';
 declare const _default: ({ color }: {
     color?: string | undefined;
-}) => JSX.Element;
+}) => React.JSX.Element;
 export default _default;

package/lib/components/eftpos/index.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { Eftpos, DeviceStatus } from './const';
 import './index.less';
 interface PosProps {
@@ -42,5 +43,5 @@ interface PosProps {
     getPosComm: (...agrn: unknown[]) => any;
     savePos: (...agrn: unknown[]) => any;
 }
-declare const _default: (props: PosProps) => JSX.Element;
+declare const _default: (props: PosProps) => React.JSX.Element;
 export default _default;

package/lib/components/eftpos/log.d.ts

@@ -1,8 +1,8 @@
-/// <reference types="react" />
+import React from 'react';
 import { Eftpos } from './const';
 export default function Log({ device, type, tyroUrl, tyroVersion, }: {
     device: any;
     type: Eftpos;
     tyroUrl: string;
     tyroVersion: string;
-}): JSX.Element;
+}): React.JSX.Element;

package/lib/components/eftpos/pos.d.ts

@@ -1,8 +1,9 @@
+import React from "react";
 import { DeviceProp } from "./const";
 interface PosProps {
     eftposName: string;
     formItemList: any[];
     onSave: (device: DeviceProp) => void;
 }
-declare const PosForm: ({ onSave, formItemList }: PosProps) => JSX.Element;
+declare const PosForm: ({ onSave, formItemList }: PosProps) => React.JSX.Element;
 export default PosForm;

package/lib/components/eftpos/receipt/index.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 /**
  * @title: 自定义组件设置
  * @description: 自定义组件设置
@@ -19,5 +20,5 @@ export declare const getCommName: (commConfig: any, name: string[]) => any;
 export declare const getCommDefaultVal: (commConfig: any) => {
     [x: number]: any;
 };
-declare const _default: (props: any) => JSX.Element;
+declare const _default: (props: any) => React.JSX.Element;
 export default _default;

package/lib/components/eftpos/surcharge/index.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import './index.css';
 /**
  * @title: 自定义组件设置
@@ -26,5 +27,5 @@ export declare const getCommDefaultVal: (commConfig: any) => {
  * @Author: hongbing.wang
  * @Date: 2024-08-20 13:22
  */
-declare const _default: (props: any) => JSX.Element;
+declare const _default: (props: any) => React.JSX.Element;
 export default _default;

package/lib/components/eftposPay/amount.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { PosProps } from './const';
 /**
  * @title: 支付金额信息配置页
@@ -16,5 +17,5 @@ declare const _default: ({ className, onChange, onClose, formatAmount, isMobile,
     isMobile: boolean;
     net: boolean;
     client: string;
-}) => JSX.Element;
+}) => React.JSX.Element;
 export default _default;

package/lib/components/eftposPay/app.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { PosProps, RouteType } from './const';
 declare const App: ({ action, api, device_number, terminal, tyroUrl, tyroVersion, onChangeParams, isMobile, channel, formatAmount, ...props }: Omit<PosProps, "type" | "mode" | "getApi"> & {
     action: RouteType;
@@ -6,5 +7,5 @@ declare const App: ({ action, api, device_number, terminal, tyroUrl, tyroVersion
     isMobile: boolean;
     channel?: string | undefined;
     formatAmount(amount: number | string, precision: number, symbol: string): string;
-}) => JSX.Element;
+}) => React.JSX.Element;
 export default App;

package/lib/components/eftposPay/component/alert/index.d.ts

@@ -2,5 +2,5 @@ import React from 'react';
 import './index.less';
 declare const _default: ({ children }: {
     children: React.ReactNode;
-}) => JSX.Element;
+}) => React.JSX.Element;
 export default _default;

package/lib/components/eftposPay/component/alert/warn.d.ts

@@ -1,2 +1,3 @@
-declare const _default: () => JSX.Element;
+import React from 'react';
+declare const _default: () => React.JSX.Element;
 export default _default;

package/lib/components/eftposPay/component/fail/failCustom.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { ActionProps } from '../../const';
-declare const _default: ({ className, isMobile, onChange }: ActionProps) => JSX.Element;
+declare const _default: ({ className, isMobile, onChange }: ActionProps) => React.JSX.Element;
 export default _default;

package/lib/components/eftposPay/component/fail/index.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { ActionProps } from '../../const';
-declare const _default: ({ onChange, className, isMobile }: ActionProps) => JSX.Element;
+declare const _default: ({ onChange, className, isMobile }: ActionProps) => React.JSX.Element;
 export default _default;

package/lib/components/eftposPay/component/fail/network.d.ts

@@ -1,8 +1,9 @@
+import React from 'react';
 import { ActionProps } from '../../const';
 /**
  * @title: 断网(客户端)提示页
  * @Author: hongbing.wang
  * @Date: 2024-08-20 11:40
  */
-declare const _default: ({ className }: ActionProps) => JSX.Element;
+declare const _default: ({ className }: ActionProps) => React.JSX.Element;
 export default _default;

package/lib/components/eftposPay/component/fail/unknow.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { ActionProps } from '../../const';
 /**
  * @title: 支付状态未知页面
@@ -5,5 +6,5 @@ import { ActionProps } from '../../const';
  * @Author: hongbing.wang
  * @Date: 2024-08-20 11:42
  */
-declare const _default: ({ onChange, className }: ActionProps) => JSX.Element;
+declare const _default: ({ onChange, className }: ActionProps) => React.JSX.Element;
 export default _default;

package/lib/components/eftposPay/component/header/index.d.ts

@@ -6,5 +6,5 @@ declare const _default: ({ status, title, subTitle, children }: {
     title?: string | undefined;
     subTitle?: string | undefined;
     children?: React.ReactNode;
-}) => JSX.Element;
+}) => React.JSX.Element;
 export default _default;

package/lib/components/eftposPay/component/header/titlebar.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import './titlebar.less';
 declare enum EPopupTitleBarVariantType {
     BackTitleClose = "back-title-cancel",
@@ -8,5 +9,5 @@ declare const _default: ({ type, children, onBack, onClose, }: {
     children: string;
     onBack?: (() => void) | undefined;
     onClose?: (() => void) | undefined;
-}) => JSX.Element;
+}) => React.JSX.Element;
 export default _default;

package/lib/components/eftposPay/component/manual/index.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { ActionProps } from '../../const';
 import './index.less';
 /**
@@ -5,5 +6,5 @@ import './index.less';
  * @Author: hongbing.wang
  * @Date: 2024-08-20 11:46
  */
-declare const _default: ({ onChange, className, formatAmount }: ActionProps) => JSX.Element;
+declare const _default: ({ onChange, className, formatAmount }: ActionProps) => React.JSX.Element;
 export default _default;