@pisell/private-materials 6.6.11 → 6.6.12

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

@@ -44,24 +44,27 @@ 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 } = props;
+  const { onSelectChange, customAmount, clientId, totalAmount } = 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]);
@@ -73,6 +76,10 @@ 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;
@@ -163,34 +170,61 @@ 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,
-          ...userIdentificationCodes
+          ...displayVouchers,
+          ...displayOtherVouchers
         ]),
         "id"
       ),
-      selectedWalletIds
+      selectedVoucherIds
     );
-  }, [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);
-    }
-  });
+  }, [displayVouchers, displayOtherVouchers, selectedVoucherIds, selectedWallet]);
   const fetchUserIdentificationCodes = (0, import_ahooks.useMemoizedFn)(async (params) => {
     setLoading(true);
     setError(null);
@@ -233,10 +267,30 @@ 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 (currentSearchResults.length > 0) {
-      currentSearchResults.forEach((item) => {
+    if (formattedResults.length > 0) {
+      formattedResults.forEach((item) => {
         if (!!item.unified_available_status) {
           isAvailableData.push(item);
         } else {
@@ -244,26 +298,36 @@ var useWalletPass = (props) => {
         }
       });
     }
-    setDisabledWalletData(isDisabledData);
+    const allDisabledData = mergedSearchResults.filter((item) => !item.unified_available_status);
+    setDisabledWalletData(allDisabledData);
     let newValues = [...selectedWalletRef.current];
     if (isAvailableData.length === 1) {
       newValues = [...selectedWalletRef.current, ...isAvailableData];
     }
-    setSearchIdentificationCodeList(cachedSearchResults);
+    setSearchIdentificationCodeList(mergedSearchResults);
     setWalletSelect(newValues);
-    handleFetchUserIdentificationCodes(newValues.map((item) => item.id));
+    setSelectedVoucherIds(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(initialData);
+    setUserIdentificationCodes(userIdentificationCodes2);
+    setTransformList(transformListData);
+    setNoApplicableVoucher(noApplicableVoucherData);
+    setProducts(productsData);
     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,
@@ -277,6 +341,7 @@ var useWalletPass = (props) => {
       onSelectChange == null ? void 0 : onSelectChange(select);
     } else {
       setWalletSelect([]);
+      setSelectedVoucherIds([]);
       notSetWalletSelectRef.current = false;
       onSelectChange == null ? void 0 : onSelectChange([]);
     }
@@ -314,7 +379,7 @@ var useWalletPass = (props) => {
   });
   const handlePaymentStarted = (0, import_ahooks.useMemoizedFn)(
     async (params) => {
-      if (params.paymentMethodCode !== "VOUCHER_BATCH") {
+      if (params.paymentMethodCode !== "VOUCHER_BATCH" && Number(customAmount || 0) > 0) {
         notSetWalletSelectRef.current = true;
         await checkoutModule.initWalletData({
           order_wait_pay_amount: Number(customAmount)
@@ -396,14 +461,6 @@ 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 [
@@ -423,31 +480,20 @@ var useWalletPass = (props) => {
       )
     ).map((item) => item.code);
   });
-  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 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 handleSearchIdentificationCode = (0, import_ahooks.useMemoizedFn)((value) => {
     return paymentModule.wallet.searchIdentificationCodeAsync({
       code: value,
@@ -457,11 +503,27 @@ var useWalletPass = (props) => {
     });
   });
   const handleSelectWallet = (0, import_ahooks.useMemoizedFn)((value) => {
-    const val = userIdentificationCodes.filter(
+    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(
       (item) => value.includes(item.id)
     );
     setWalletSelect(val);
-    handleFetchUserIdentificationCodes(value);
   });
   const expiredWalletIds = (0, import_react.useMemo)(() => {
     return (0, import_utils.uniqueByKey)(allList, "id").filter(
@@ -479,12 +541,12 @@ var useWalletPass = (props) => {
   }, [allList]);
   const clearAllSelectedWallet = (0, import_ahooks.useMemoizedFn)(() => {
     var _a;
-    logger == null ? void 0 : logger.addLog({
-      type: "info",
-      title: "useWalletPass_clearAllSelectedWallet onSelectChange 开始调用",
-      metadata: {}
-    });
-    onSelectChange == null ? void 0 : onSelectChange([]);
+    if (confirmedEditAmountIdsRef.current.length > 0) {
+      updateWalletDataById(confirmedEditAmountIdsRef.current, {
+        edit_current_amount: void 0
+      });
+      confirmedEditAmountIdsRef.current = [];
+    }
     if (selectedWalletIds.length === 0 && selectedDiscountList.length === 0) {
       return;
     }
@@ -508,7 +570,14 @@ var useWalletPass = (props) => {
       return;
     }
     setWalletSelect([]);
-    handleFetchUserIdentificationCodes([]);
+    setSelectedVoucherIds([]);
+    logger == null ? void 0 : logger.addLog({
+      type: "info",
+      title: "useWalletPass_clearAllSelectedWallet 立即通知外部清空",
+      metadata: {}
+    });
+    onSelectChange == null ? void 0 : onSelectChange([]);
+    setLoading(false);
   });
   const isCurrentSelectionBest = (0, import_ahooks.useMemoizedFn)(() => {
     if (walletRecommendList.length === 0) return true;
@@ -557,10 +626,7 @@ var useWalletPass = (props) => {
         } else {
           const select = searchIdentificationCodeList.filter((item) => item.unified_available_status);
           setWalletSelect(select);
-          handleFetchUserIdentificationCodes(
-            select.map((item) => item.id),
-            select
-          );
+          setSelectedVoucherIds(select.map((item) => item.id));
           if (select.length) {
             Toast == null ? void 0 : Toast.success(
               import_utils.locales.getText("wallet-pass-module-best-combination-selected")
@@ -589,14 +655,12 @@ var useWalletPass = (props) => {
     } else {
       if (hasGoodPass && !isBestDiscount) return;
       setWalletSelect(newWalletRecommendList);
-      handleFetchUserIdentificationCodes(
-        newWalletRecommendList.map((item) => item.id),
-        newWalletRecommendList
-      );
+      setSelectedVoucherIds(newWalletRecommendList.map((item) => item.id));
       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;
@@ -643,6 +707,12 @@ var useWalletPass = (props) => {
         updateData
       );
       setUserIdentificationCodes(newUserIdentificationCodes);
+      const newTransformList = updateArrayItemById(
+        transformList,
+        targetId,
+        updateData
+      );
+      setTransformList(newTransformList);
       const newSearchIdentificationCodeList = updateArrayItemById(
         searchIdentificationCodeList,
         targetId,
@@ -658,6 +728,7 @@ var useWalletPass = (props) => {
       return {
         newWalletRecommendList,
         newUserIdentificationCodes,
+        newTransformList,
         newSearchIdentificationCodeList,
         newSelectedWallet
       };
@@ -666,44 +737,21 @@ var useWalletPass = (props) => {
   const handleConfirmEditAmount = (0, import_ahooks.useMemoizedFn)(
     (value, id, data2) => {
       if (value === 0) {
-        const filteredIds = selectedWalletIds.filter(
+        const filteredIds = selectedVoucherIds.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;
     }
   );
@@ -728,7 +776,6 @@ var useWalletPass = (props) => {
     selectedDiscountList,
     handleSelectDiscount,
     customerName,
-    fetchWalletRecommendList,
     fetchUserIdentificationCodes,
     getCachedWalletRecommendList,
     getCachedUserIdentificationCodes,

package/lib/components/pay/toC/PaymentMethods/WalletPass/index.d.ts

@@ -15,11 +15,16 @@ export interface WalletPassProps {
     walletPass: {
         cards: WalletPassDataType[];
         amount: number;
+        recommended?: WalletPassDataType[];
+        transformList?: WalletPassDataType[];
+        noApplicableVoucher?: WalletPassDataType[];
     };
     walletSetting: {
         name: string;
         popup_status: 0 | 1;
     };
+    orderDetail: any;
+    total_amount: number;
 }
 declare const _default: React.MemoExoticComponent<React.ForwardRefExoticComponent<WalletPassProps & React.RefAttributes<WalletPassRef>>>;
 export default _default;