@pisell/private-materials 6.6.9 → 6.6.11

package/dist/lib/components/pay/toC/PaymentMethods/WalletPass/index.js

@@ -1,286 +0,0 @@
-const require_rolldown_runtime = require('../../../../../_virtual/rolldown_runtime.js');
-const require_useEngineContext = require('../../../../../hooks/useEngineContext.js');
-const require_index = require('../../../../pinVerifyModal/index.js');
-const require_index$1 = require('./MultiModeSearch/index.js');
-const require_serve = require('./serve.js');
-const require_utils = require('../../utils.js');
-const require_utils$1 = require('./utils.js');
-const require_index$2 = require('./List/index.js');
-let react = require("react");
-react = require_rolldown_runtime.__toESM(react);
-let __pisell_utils = require("@pisell/utils");
-let ahooks = require("ahooks");
-let __pisell_materials = require("@pisell/materials");
-let __ant_design_icons = require("@ant-design/icons");
-require("./index.less");
-
-//#region src/components/pay/toC/PaymentMethods/WalletPass/index.tsx
-const { Amount } = __pisell_materials.PisellText;
-const WalletPass = (0, react.forwardRef)((props, ref) => {
-	const { onWalletPassChange, walletPass, walletSetting } = props;
-	const isWalletCode = require_useEngineContext.default()?.appHelper?.utils?.businessUtils?.getAppByModal?.("wallet");
-	/** 当前 walletPass信息 弹窗操作时都在内部进行，点击 redeem时同步到外层 */
-	const [currentWalletPass, setCurrentWalletPass] = (0, react.useState)(walletPass);
-	const [loading, setLoading] = (0, react.useState)(false);
-	const [open, setOpen] = (0, react.useState)(false);
-	/** 搜索 modal */
-	const [searchOpen, setSearchOpen] = (0, react.useState)(false);
-	/** 搜索后添加的walletPass */
-	const [addList, setAddList] = (0, react.useState)([]);
-	/** 当前order信息 */
-	const [order, setOrder] = (0, react.useState)(null);
-	/** 当前搜索modal内list数据 */
-	const [searchData, setSearchData] = (0, react.useState)([]);
-	/** 当前搜索modal内选中数据 */
-	const [searchSelectData, setSearchSelectData] = (0, react.useState)({
-		ids: [],
-		details: []
-	});
-	/** 是否默认选中 搜索时默认选中 列表select变更更新列表时不默认选中 */
-	const isAutoSelect = (0, react.useRef)(false);
-	const listRef = (0, react.useRef)(null);
-	/** 当前搜索框搜索值 */
-	const searchValRef = (0, react.useRef)(null);
-	const pinVerifyModalRef = (0, react.useRef)(null);
-	const { cards: walletPassSelectCards, amount } = currentWalletPass || {};
-	/**
-	* currentCustomerWalletPass 当前用户walletPass
-	* otherCustomerWalletPass 手动搜索添加的walletPass
-	*/
-	const [currentCustomerWalletPass, otherCustomerWalletPass] = (0, react.useMemo)(() => {
-		const current = [];
-		const other = [];
-		(walletPassSelectCards || []).forEach((item) => {
-			if (item.customer_id === order?.customer_id) current.push(item);
-			else other.push(item);
-		});
-		return [current, other];
-	}, [walletPassSelectCards, order?.customer_id]);
-	const prepare_payments = (0, react.useMemo)(() => {
-		return require_utils.formatWalletPassList2PreparePayments((0, __pisell_utils.uniqueByKey)((walletPassSelectCards || []).concat(searchSelectData.details), "id"));
-	}, [walletPassSelectCards, searchSelectData]);
-	const selectValue = (0, react.useMemo)(() => {
-		return walletPassSelectCards?.map((item) => item.id) || [];
-	}, [walletPassSelectCards]);
-	const otherCustomerWalletPassList = (0, react.useMemo)(() => {
-		return require_utils$1.formatMachineCodeServer2CardList(addList, selectValue);
-	}, [addList, selectValue]);
-	const other_exact_codes = (0, react.useMemo)(() => {
-		const codes = [];
-		addList.forEach((item) => {
-			if (!selectValue.includes(item.id)) codes.push(item.code);
-		});
-		return codes;
-	}, [addList, selectValue]);
-	const refreshList = (0, ahooks.useMemoizedFn)(() => {
-		if (order?.order_id && order?.customer_id) listRef.current?.init({
-			order_id: order.order_id,
-			available: 2,
-			prepare_payments,
-			filter_prepare_wallet_pass: 1,
-			sale_channel: order._order?.sale_channel || "online-store",
-			other_exact_codes
-		}, (val) => {
-			const idMap = val.reduce((pre, cur) => {
-				return {
-					...pre,
-					[cur.id]: cur
-				};
-			}, {});
-			setAddList((prevState) => {
-				return prevState.map((item) => {
-					if (idMap[item.id]) return idMap[item.id];
-					return item;
-				});
-			});
-			return [...currentCustomerWalletPass || [], ...val].filter((item) => !order?.customer_id || item.customer_id === order?.customer_id);
-		});
-	});
-	/**
-	*  搜索结果list弹窗列表选中发生变更时 重新获取接口
-	*/
-	(0, react.useEffect)(() => {
-		if (order?.order_id && searchValRef.current) searchList(searchValRef.current, true);
-	}, [order?.order_id, searchSelectData]);
-	const init = async (res) => {
-		if (!res) return;
-		setOrder(res);
-		setOpen(true);
-		setCurrentWalletPass(walletPass);
-		setTimeout(() => {
-			refreshList();
-		});
-	};
-	/**
-	* 获取搜索弹窗list数据
-	* @param val
-	*/
-	const searchList = async ({ code, customer_pin_key }, isSelectChange) => {
-		if (!order?.order_id) return;
-		setLoading(true);
-		try {
-			const result = await require_serve.searchMachineCodeList({
-				order_id: order.order_id,
-				code,
-				prepare_payments,
-				sale_channel: order._order?.sale_channel || "online-store",
-				customer_pin_key
-			});
-			if (!result) {
-				if (!isSelectChange) (0, __pisell_materials.PisellToast)({ content: __pisell_utils.locales.getText("tocPay.text.walletSearchEmpty") });
-				return;
-			}
-			if (isSelectChange && !searchValRef.current) return;
-			setSearchData(require_utils$1.formatMachineCodeServer2CardList([...searchSelectData.details, ...result], searchSelectData.ids));
-			if (result.length) {
-				if (result.length === 1 && result[0].unified_available_status && isAutoSelect.current) setSearchSelectData({
-					ids: [result[0].id],
-					details: result
-				});
-				setSearchOpen(true);
-				searchValRef.current = {
-					code,
-					customer_pin_key
-				};
-			}
-		} finally {
-			setLoading(false);
-		}
-	};
-	const searchWalletCodeFn = async (val) => {
-		setLoading(true);
-		try {
-			const result = await require_serve.searchWalletCode({
-				code: val,
-				with_customer: 1
-			});
-			console.log(result, "result");
-			if (!result) {
-				searchList({ code: val });
-				return;
-			}
-			pinVerifyModalRef.current?.open({
-				wallet_code: result.code,
-				wallet_detail_id: result.id,
-				failed_count: result.failed_count,
-				check_max_count: result.check_max_count,
-				customer: result.customer
-			});
-		} finally {
-			setLoading(false);
-		}
-	};
-	const handleSearch = (0, ahooks.useMemoizedFn)((val) => {
-		if (!val || searchOpen) return;
-		isAutoSelect.current = true;
-		if (require_utils$1.getIsWalletCode(val) && isWalletCode) searchWalletCodeFn(val);
-		else searchList({ code: val });
-	});
-	(0, react.useImperativeHandle)(ref, () => ({ init }));
-	const handleSearchModalClose = () => {
-		setSearchOpen(false);
-		searchValRef.current = null;
-		setSearchSelectData({
-			ids: [],
-			details: []
-		});
-	};
-	const handleSelectOk = () => {
-		changeWalletPass((0, __pisell_utils.uniqueByKey)([...walletPassSelectCards || [], ...searchSelectData.details], "id"));
-		setAddList((prevState) => {
-			return (0, __pisell_utils.uniqueByKey)([...prevState, ...searchSelectData.details], "id").filter((item) => !order?.customer_id || item.customer_id !== order?.customer_id);
-		});
-		handleSearchModalClose();
-	};
-	const handleAddChange = (0, ahooks.useMemoizedFn)((val, details) => {
-		isAutoSelect.current = false;
-		setSearchSelectData({
-			ids: val,
-			details: details.map((item) => item.originData)
-		});
-	});
-	const changeWalletPass = (cards) => {
-		setCurrentWalletPass?.({
-			cards,
-			amount: require_utils.calcWalletPassListAmount(cards)
-		});
-		setTimeout(() => {
-			refreshList();
-		});
-	};
-	const handleSelectChange = (val, details, type) => {
-		let cards = details.map((item) => item.originData);
-		if (type === "other") cards = currentCustomerWalletPass.concat(cards);
-		else if (type === "current") cards = otherCustomerWalletPass.concat(cards);
-		changeWalletPass(cards);
-	};
-	const handleRedeem = () => {
-		onWalletPassChange?.(currentWalletPass);
-		setOpen(false);
-	};
-	const handleWalletClose = () => {
-		setOpen(false);
-		setCurrentWalletPass(walletPass);
-	};
-	const handleOtherChange = (0, ahooks.useMemoizedFn)((val, valDetail) => {
-		handleSelectChange(val, valDetail, "other");
-	});
-	const handleCurrentChange = (0, ahooks.useMemoizedFn)((val, valDetail) => {
-		handleSelectChange(val, valDetail, "current");
-	});
-	return /* @__PURE__ */ react.default.createElement(react.default.Fragment, null, /* @__PURE__ */ react.default.createElement(__pisell_materials.PisellModal, {
-		title: /* @__PURE__ */ react.default.createElement("div", null, walletSetting.name),
-		open,
-		onCancel: () => handleWalletClose(),
-		cancelVisible: false,
-		destroyOnClose: true,
-		okText: /* @__PURE__ */ react.default.createElement("div", null, __pisell_utils.locales.getText("tocPay.text.redeem"), " ", /* @__PURE__ */ react.default.createElement(Amount, { value: amount })),
-		onOk: handleRedeem
-	}, /* @__PURE__ */ react.default.createElement("div", {
-		className: "",
-		style: { marginTop: 24 }
-	}, /* @__PURE__ */ react.default.createElement(require_index$1.default, { onChange: handleSearch }), /* @__PURE__ */ react.default.createElement("div", { className: "wallet-pass-modal-multi-selection-available" }, /* @__PURE__ */ react.default.createElement("div", { className: "wallet-pass-modal-multi-selection-available-title" }, /* @__PURE__ */ react.default.createElement(__ant_design_icons.InfoCircleOutlined, { className: "wallet-pass-modal-multi-selection-available-title-icon" }), __pisell_utils.locales.getText("tocPay.text.multipleSelectionAvailable")), /* @__PURE__ */ react.default.createElement("div", { className: "wallet-pass-modal-multi-selection-available-desc" }, __pisell_utils.locales.getText("tocPay.text.youCanSelectMultipleWalletPassesToCombineForPayment")(walletSetting.name))), otherCustomerWalletPassList.length > 0 && /* @__PURE__ */ react.default.createElement(require_index$2.default, {
-		walletSetting,
-		data: otherCustomerWalletPassList,
-		title: __pisell_utils.locales.getText("tocPay.text.couponCodesAdded"),
-		onChange: handleOtherChange,
-		value: selectValue,
-		loading,
-		onChangeDebounce: true
-	}), /* @__PURE__ */ react.default.createElement(require_index$2.default, {
-		walletSetting,
-		title: walletSetting.name,
-		onChange: handleCurrentChange,
-		ref: listRef,
-		value: selectValue,
-		onLoadingChange: setLoading
-	}))), /* @__PURE__ */ react.default.createElement(__pisell_materials.PisellModal, {
-		title: /* @__PURE__ */ react.default.createElement("div", null, __pisell_utils.locales.getText("tocPay.text.searchResult")),
-		mobileModalHeight: "90%",
-		destroyOnClose: true,
-		open: searchOpen,
-		onCancel: () => handleSearchModalClose(),
-		cancelVisible: false,
-		okText: __pisell_utils.locales.getText("tocPay.text.select"),
-		onOk: handleSelectOk,
-		okButtonProps: { disabled: searchSelectData.ids?.length === 0 }
-	}, /* @__PURE__ */ react.default.createElement("div", {
-		className: "",
-		style: { marginTop: 24 }
-	}, /* @__PURE__ */ react.default.createElement(require_index$2.default, {
-		walletSetting,
-		data: searchData,
-		value: searchSelectData.ids,
-		onChange: handleAddChange,
-		loading
-	}))), /* @__PURE__ */ react.default.createElement(require_index.default, {
-		ref: pinVerifyModalRef,
-		onSuccess: (params) => {
-			searchList({ customer_pin_key: params?.customer_pin_key });
-		}
-	}));
-});
-var WalletPass_default = (0, react.memo)(WalletPass);
-
-//#endregion
-exports.default = WalletPass_default;

package/dist/lib/components/pay/toC/PaymentMethods/WalletPass/index.less

@@ -1,30 +0,0 @@
-.wallet-pass-modal-multi-selection-available {
-  border-radius: 10px;
-  background: #edf4ff;
-  display: flex;
-  padding: 12px 20px;
-  flex-direction: column;
-  align-items: flex-start;
-  margin-top: 20px;
-  .wallet-pass-modal-multi-selection-available-title {
-    color: var(--Color, #40484f);
-    font-size: 12px;
-    font-weight: 600;
-    line-height: 22px; /* 183.333% */
-    display: flex;
-    align-items: center;
-    margin-bottom: 4px;
-
-    .wallet-pass-modal-multi-selection-available-title-icon {
-        color: #1E1E1E;
-        margin-right: 8px;
-        font-size: 16px;
-    }
-  }
-  .wallet-pass-modal-multi-selection-available-desc {
-    color: var(--Color, #40484f);
-    font-size: 12px;
-    font-weight: 400;
-    line-height: 16px; /* 133.333% */
-  }
-}

package/dist/lib/components/pay/toC/PaymentMethods/WalletPass/serve.js

@@ -1,38 +0,0 @@
-const require_index = require('../../../../../utils/index.js');
-
-//#region src/components/pay/toC/PaymentMethods/WalletPass/serve.ts
-/**
-* 查询支付识别码列表
-*/
-const getMachineCodeList = async (params) => {
-	const { data } = await require_index.request.getRequest().post(`/h5/machinecode/order/deduction`, params);
-	return data;
-};
-/**
-* 搜索支付识别码
-*/
-const searchMachineCodeList = async (params) => {
-	const { data } = await require_index.request.getRequest().post(`/h5/machinecode/order/deduction/search`, params);
-	return data;
-};
-/**
-* walletpass支付
-*/
-const walletPassPay = async (params) => {
-	const { order_id, ...others } = params;
-	const { data } = await require_index.request.getRequest().post(`/h5/pay/order/wallet-pass-pay/${order_id}`, others);
-	return data;
-};
-/**
-* 搜索wallet code
-*/
-const searchWalletCode = async (params) => {
-	const { data } = await require_index.request.getRequest().post(`/h5/wallet/detail/search`, params);
-	return data;
-};
-
-//#endregion
-exports.getMachineCodeList = getMachineCodeList;
-exports.searchMachineCodeList = searchMachineCodeList;
-exports.searchWalletCode = searchWalletCode;
-exports.walletPassPay = walletPassPay;

package/dist/lib/components/pay/toC/PaymentMethods/WalletPass/utils.js

@@ -1,49 +0,0 @@
-const require_rolldown_runtime = require('../../../../../_virtual/rolldown_runtime.js');
-const require_utils = require('../../utils.js');
-let __pisell_utils = require("@pisell/utils");
-let __pisell_materials = require("@pisell/materials");
-
-//#region src/components/pay/toC/PaymentMethods/WalletPass/utils.ts
-const voucherTime = (data) => {
-	const config = __pisell_materials.globalConfig.getConfig();
-	if (data?.expire_date) return (0, __pisell_utils.formatDate)(data?.expire_date, config?.locale === "en" ? "DD/MM/YYYY" : "YYYY-MM-DD");
-	return __pisell_utils.locales.getText("tocPay.text.walletPassPermanent");
-};
-const formatMachineCodeServer2CardList = (data, selectId = []) => {
-	return (data || []).map((item) => {
-		return {
-			id: item.id,
-			name: item.product_name,
-			storeName: item.shop?.name,
-			balance: item.balance_par_value,
-			redeem: require_utils.getAvailableMaxAmount(item),
-			showRedeem: selectId.includes(item.id),
-			showBalanceSymbol: item.tag !== "point_card",
-			showDetail: false,
-			showQrCode: false,
-			code: item.code,
-			disabled: !item.unified_available_status,
-			disabledReason: item.unified_messages?.title,
-			cover: item.product?.cover,
-			qrCode: item.code,
-			validDate: voucherTime(item),
-			originData: item
-		};
-	});
-};
-const getDataByIds = (arr, ids) => {
-	return arr.filter((item) => ids.includes(item.id));
-};
-/**
-* 判断是否是wallet code
-* @param val 
-* @returns 
-*/
-const getIsWalletCode = (val) => {
-	return val.startsWith("WL");
-};
-
-//#endregion
-exports.formatMachineCodeServer2CardList = formatMachineCodeServer2CardList;
-exports.getDataByIds = getDataByIds;
-exports.getIsWalletCode = getIsWalletCode;

package/dist/lib/components/pay/toC/PaymentMethods/components/PaymentReturnContent/index.js

@@ -1,63 +0,0 @@
-const require_rolldown_runtime = require('../../../../../../_virtual/rolldown_runtime.js');
-const require_usePrefix = require('../../../../../../hooks/usePrefix.js');
-const require_serve = require('../../../serve.js');
-let react = require("react");
-react = require_rolldown_runtime.__toESM(react);
-let __pisell_utils = require("@pisell/utils");
-let ahooks = require("ahooks");
-let __pisell_materials = require("@pisell/materials");
-require("./index.less");
-
-//#region src/components/pay/toC/PaymentMethods/components/PaymentReturnContent/index.tsx
-/**
-* 支付返回后展示的内容组件
-* 当用户从外部支付页面返回时展示此组件
-*/
-const PaymentReturnContent = ({ orderId, unique_payment_number, state, handleReturn, pay_number }) => {
-	const prefix = require_usePrefix.default();
-	const getPaymentIsPaid = (0, ahooks.useMemoizedFn)(async () => {
-		if (!unique_payment_number && !pay_number) return true;
-		const { data } = await require_serve.getPaymentResult({
-			order_id: orderId,
-			pay_number,
-			unique_payment_number: pay_number ? void 0 : unique_payment_number
-		});
-		return data?.payment_status === "paid";
-	});
-	/**
-	* 查看订单
-	* @returns 
-	*/
-	const handleViewOrder = async () => {
-		if (!await getPaymentIsPaid()) {
-			(0, __pisell_materials.PisellToast)({ content: __pisell_utils.locales.getText("tocPay.text.paymentFailed") });
-			return;
-		}
-		state.payCallback?.({ key: "success" });
-	};
-	/**
-	* 返回并选择其他支付方式
-	* @returns 
-	*/
-	const handleGoBack = async () => {
-		if (!await getPaymentIsPaid()) {
-			handleReturn?.();
-			return;
-		} else state.payCallback?.({ key: "success" });
-	};
-	return /* @__PURE__ */ react.default.createElement("div", { className: "payment-return-content" }, /* @__PURE__ */ react.default.createElement("div", { className: "payment-return-content-img" }, /* @__PURE__ */ react.default.createElement("img", {
-		src: `${prefix}/payment-content.png`,
-		alt: "success"
-	})), /* @__PURE__ */ react.default.createElement("div", { className: "payment-return-content-buttons" }, /* @__PURE__ */ react.default.createElement(__pisell_materials.Button, {
-		block: true,
-		className: "payment-return-content-order-button",
-		onClick: handleViewOrder
-	}, __pisell_utils.locales.getText("tocPay.text.paymentCompletedAndViewOrder")), /* @__PURE__ */ react.default.createElement(__pisell_materials.Button, {
-		block: true,
-		onClick: handleGoBack
-	}, __pisell_utils.locales.getText("tocPay.text.returnAndSelectOtherPaymentMethod"))));
-};
-var PaymentReturnContent_default = PaymentReturnContent;
-
-//#endregion
-exports.default = PaymentReturnContent_default;

package/dist/lib/components/pay/toC/PaymentMethods/components/PaymentReturnContent/index.less

@@ -1,34 +0,0 @@
-.payment-return-content {
-  padding: 100px 46px 0;
-
-  .payment-return-content-img {
-    width: 100%;
-    margin-bottom: 60px;
-    min-height: 270px;
-    img {
-      width: 100%;
-      height: 100%;
-    }
-  }
-  
-  .payment-return-content-buttons {
-    display: flex;
-    flex-direction: column;
-    gap: 24px;
-    button {
-      border-radius: 40px;
-      span {
-        width: 100%;
-        text-overflow: ellipsis;
-        overflow: hidden;
-      }
-    }
-    .payment-return-content-order-button {
-      background: #7F56DA;
-      color: var(--Primary-700, #6941C6);
-      border: 1px solid var(--Primary-200, #E9D7FE);
-      background: var(--Primary-50, #F9F5FF);
-    }
-  }
-}
-

package/dist/lib/components/pay/toC/PaymentMethods/hooks/index.js

@@ -1,74 +0,0 @@
-const require_rolldown_runtime = require('../../../../../_virtual/rolldown_runtime.js');
-let react = require("react");
-let ahooks = require("ahooks");
-
-//#region src/components/pay/toC/PaymentMethods/hooks/index.tsx
-/**
-* 支付跳转 Hook
-* 用于处理跳转到外部支付页面的逻辑，包括：
-* 1. 保存跳转标记到 history state
-* 2. 跳转到外部支付页面
-* 3. 监听页面返回事件
-* 4. 返回后更新状态
-*/
-const usePaymentRedirect = (options) => {
-	const { orderId, paymentType, onAfterReturn } = options;
-	const [isReturned, setIsReturned] = (0, react.useState)(false);
-	/**
-	* 执行跳转
-	*/
-	const handleRedirect = (0, ahooks.useMemoizedFn)(async (url) => {
-		try {
-			const currentState = window.history.state || {};
-			window.history.replaceState({
-				...currentState,
-				paymentRedirected: true,
-				paymentType,
-				orderId,
-				timestamp: Date.now()
-			}, "", window.location.href);
-			window.location.href = url;
-		} catch (error) {
-			throw error;
-		}
-	});
-	/**
-	* 重置状态
-	*/
-	const resetState = (0, ahooks.useMemoizedFn)(() => {
-		setIsReturned(false);
-	});
-	/**
-	* 监听页面显示事件（包括浏览器返回按钮）
-	*/
-	(0, react.useEffect)(() => {
-		const handlePageShow = (event) => {
-			if (!orderId) return;
-			const historyState = window.history.state;
-			if (historyState?.paymentRedirected && historyState?.paymentType === paymentType && historyState?.orderId === orderId) {
-				console.log(`检测到从 ${paymentType} 返回, event.persisted:`, event.persisted);
-				setIsReturned(true);
-				if (onAfterReturn) onAfterReturn();
-				const newState = { ...historyState };
-				delete newState.paymentRedirected;
-				delete newState.paymentType;
-				delete newState.timestamp;
-				delete newState.orderId;
-				window.history.replaceState(newState, "", window.location.href);
-			}
-		};
-		handlePageShow({ persisted: false });
-		window.addEventListener("pageshow", handlePageShow);
-		return () => {
-			window.removeEventListener("pageshow", handlePageShow);
-		};
-	}, [orderId, paymentType]);
-	return {
-		isReturned,
-		handleRedirect,
-		resetState
-	};
-};
-
-//#endregion
-exports.usePaymentRedirect = usePaymentRedirect;