@pisell/private-materials 6.6.10 → 6.6.11

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

@@ -1,591 +0,0 @@
-const require_rolldown_runtime = require('../../../_virtual/rolldown_runtime.js');
-const require_useEngineContext = require('../../../hooks/useEngineContext.js');
-const require_index = require('../../../utils/index.js');
-const require_index$1 = require('./PayCountdown/index.js');
-const require_index$2 = require('./PayAmount/index.js');
-const require_utils = require('./utils.js');
-const require_index$3 = require('./WalletPassBlock/index.js');
-const require_index$4 = require('./PaymentList/index.js');
-const require_payGroup = require('./payGroup.js');
-const require_model = require('./model.js');
-const require_usePaymentLogger = require('../../../hooks/usePaymentLogger.js');
-const require_serve = require('./serve.js');
-const require_index$5 = require('./PaymentMethods/index.js');
-const require_locales = require('./locales.js');
-let react = require("react");
-react = require_rolldown_runtime.__toESM(react);
-let __pisell_utils = require("@pisell/utils");
-let decimal_js = require("decimal.js");
-let ahooks = require("ahooks");
-let __pisell_materials = require("@pisell/materials");
-require("./index.less");
-
-//#region src/components/pay/toC/index.tsx
-/**
-* @title: C端支付
-* @description:
-* @param {ToCPayProps} props
-* @param {any} ref
-* @return {*}
-* @Author: zhiwei.Wang
-* @Date: 2024-08-16 10:43
-*/
-const ToCPay = (props, ref) => {
-	const { state, dispatch } = (0, react.useContext)(require_model.Context);
-	const paymentListRef = (0, react.useRef)();
-	const paymentMethodsRef = (0, react.useRef)();
-	const [loading, setLoading] = (0, react.useState)(true);
-	const [submitLoading, setSubmitLoading] = (0, react.useState)(false);
-	const [open, setOpen] = (0, react.useState)(false);
-	const [renderType, setRenderType] = (0, react.useState)("modal");
-	const walletPassBlockRef = (0, react.useRef)(null);
-	const context = require_useEngineContext.default();
-	const paymentLogger = require_usePaymentLogger.default({
-		orderId: state.payGroup?.order_id || "unknown",
-		step: "1"
-	});
-	const [showInformation, setShowInformation] = (0, react.useState)(false);
-	const [showDetectIncognitoConfirm, setShowDetectIncognitoConfirm] = (0, react.useState)(false);
-	const utils = context.appHelper.utils || {};
-	const dvaStore = context.appHelper.utils?.getStore?.()?.getState();
-	const customer_id = context.appHelper.utils?.getStore()?.getState?.()?.global?.userInfo?.id;
-	const shopName = dvaStore.core?.core?.shop?.name;
-	__pisell_utils.locales.init(require_locales.default, dvaStore.core?.translateLocale || "en");
-	require_index.request.setRequest(utils?.request);
-	/**
-	* @title: 初始化store
-	* @description:
-	* @return {*}
-	* @Author: zhiwei.Wang
-	* @Date: 2024-08-15 14:02
-	*/
-	const _initStore = (initProps) => {
-		dispatch({
-			type: "init",
-			payload: {
-				...initProps,
-				status: "init",
-				payCallback: props.callback,
-				history: context.appHelper.utils?.history,
-				front_order_uuid: (0, __pisell_utils.getUniqueId)("front_order_uuid_")
-			}
-		});
-	};
-	const getWalletSetting = async (initProps) => {
-		const { wallet, wallet_setting } = await require_serve.getWalletNameAndPopupStatus({ setting_type: `${initProps?.order?.sale_channel || "online-store"}-wallet-setting` });
-		const setting = {
-			name: utils?.translation?.(wallet?.name) || __pisell_utils.locales.getText("tocPay.text.walletName")(shopName),
-			popup_status: wallet_setting?.popup_status ?? 1
-		};
-		if (setting.popup_status === 1) setTimeout(() => {
-			walletPassBlockRef.current?.open();
-		});
-		dispatch({
-			type: "setWalletSetting",
-			payload: setting
-		});
-	};
-	/**
-	* @title: 全局唯一初始化方法
-	* @description:
-	* @param {InitProps} initProps
-	* @return {*}
-	* @Author: zhiwei.Wang
-	* @Date: 2024-08-15 14:02
-	*/
-	const init = async (initProps) => {
-		const { renderType: renderType$1 } = initProps;
-		paymentLogger.addLog({
-			key: "初始化开始",
-			value: ``
-		});
-		try {
-			setRenderType(renderType$1 ?? "modal");
-			setOpen(true);
-			setSubmitLoading(false);
-			setLoading(true);
-			_initStore(initProps);
-			require_payGroup.removePayGroupFromStorage(initProps.order.order_id);
-			await _getPaymentsAndWalletPass(initProps.order);
-			await getWalletSetting(initProps);
-			paymentLogger.addLog({
-				key: "初始化成功",
-				value: ``
-			});
-		} catch (error) {
-			paymentLogger.addLog({
-				key: "初始化错误",
-				value: {
-					title: `订单${initProps?.order?.order_id} 初始化失败: ${error?.message || "未知错误"}`,
-					data: { order: initProps?.order }
-				}
-			});
-			paymentLogger.sendLogs("支付初始化失败", error);
-			throw error;
-		}
-	};
-	/**
-	* @title: 获取支付列表和钱包
-	* @description:
-	* @param {any} order
-	* @return {*}
-	* @Author: zhiwei.Wang
-	* @Date: 2024-08-15 13:51
-	*/
-	const _getPaymentsAndWalletPass = async (order) => {
-		paymentLogger.addLog({
-			key: "获取支付列表开始",
-			value: { title: `订单${order?.order_id} 开始获取支付列表, 金额: ${order?.amount}` }
-		});
-		try {
-			const { remain_amount = 0, wallet_pass_recommend_list, wallet_pass_amount, payment_list, walletPass } = await require_serve.getPaymentsAndWalletPass({
-				order_id: order.order_id,
-				total_amount: order.amount,
-				sale_channel: order.sale_channel || "online-store"
-			}) || {};
-			paymentLogger.addLog({
-				key: "支付数据获取",
-				value: ""
-			});
-			dispatch({
-				type: "setPayGroup",
-				payload: {
-					order_id: order?.order_id,
-					_order: order,
-					payment_group_id: order?.payment_group_id,
-					walletPass: walletPass ? {
-						...state.payGroup?.walletPass,
-						...walletPass,
-						amount: wallet_pass_amount,
-						cards: wallet_pass_recommend_list
-					} : null,
-					total_amount: order?.amount,
-					wait_amount: remain_amount
-				}
-			});
-			await paymentListRef.current?.init(payment_list);
-			setTimeout(() => {
-				setLoading(false);
-			}, 100);
-			paymentLogger.addLog({
-				key: "获取支付列表成功",
-				value: ""
-			});
-		} catch (err) {
-			console.log("err", err);
-			paymentLogger.addLog({
-				key: "获取支付列表错误",
-				value: {
-					title: `订单${order?.order_id} 获取失败: ${err?.message || "未知错误"}`,
-					data: { order }
-				}
-			});
-			paymentLogger.sendLogs("获取支付列表失败", err);
-			payCallback({
-				key: "fail",
-				data: {
-					err,
-					order,
-					fn: "_getPaymentsAndWalletPass"
-				}
-			});
-		}
-	};
-	/**
-	* @title: 选择支付方式
-	* @description:
-	* @param {string} type
-	* @param {PayGroup} payGroup
-	* @return {*}
-	* @Author: zhiwei.Wang
-	* @Date: 2024-08-16 10:46
-	*/
-	const handlePaymentByType = async (type, payGroup) => {
-		const paymentType = type || state.payGroup?.otherPayment?.service;
-		const currentPayGroup = payGroup || state.payGroup;
-		paymentLogger.addLog({
-			key: "开始支付处理",
-			value: ""
-		});
-		try {
-			setSubmitLoading(true);
-			await paymentMethodsRef.current?.onPay({
-				type: paymentType,
-				payGroup: currentPayGroup
-			});
-			paymentLogger.addLog({
-				key: "支付方法调用成功",
-				value: ""
-			});
-			paymentLogger.sendLogs("支付方法调用成功");
-			setSubmitLoading(false);
-		} catch (error) {
-			paymentLogger.addLog({
-				key: "支付处理错误",
-				value: {
-					title: `订单${currentPayGroup?.order_id} ${paymentType}支付失败: ${error?.message || "未知错误"}`,
-					data: {
-						type: paymentType,
-						payGroup: currentPayGroup
-					}
-				}
-			});
-			paymentLogger.sendLogs("支付处理失败", error);
-			setSubmitLoading(false);
-			throw error;
-		}
-	};
-	/**
-	* @title: 创建交易组
-	* @description:
-	* @return {*}
-	* @Author: zhiwei.Wang
-	* @Date: 2024-08-15 13:41
-	*/
-	const paymentInit = async (newOrderId) => {
-		const orderId = newOrderId || state.payGroup?.order_id;
-		paymentLogger.addLog({
-			key: "开始创建交易组",
-			value: ""
-		});
-		setSubmitLoading(true);
-		try {
-			const data = await require_serve.getPaymentInit({
-				order_id: orderId,
-				amount: state.payGroup?.total_amount
-			});
-			dispatch({
-				type: "setPayGroup",
-				payload: {
-					order_id: orderId,
-					total_amount: data.amount,
-					payment_group_id: data.payment_group_id,
-					payment_priority: data.payment_priority
-				}
-			});
-			paymentLogger.addLog({
-				key: "创建交易组成功",
-				value: ""
-			});
-			return {
-				...state.payGroup,
-				order_id: orderId,
-				total_amount: data.amount,
-				payment_group_id: data.payment_group_id,
-				payment_priority: data.payment_priority
-			};
-		} catch (err) {
-			paymentLogger.addLog({
-				key: "创建交易组错误",
-				value: {
-					title: `订单${orderId} 创建交易组失败: ${err?.message || "未知错误"}`,
-					data: { order: orderId }
-				}
-			});
-			paymentLogger.sendLogs("创建交易组失败", err);
-			setSubmitLoading(false);
-			payCallback({
-				key: "fail",
-				data: {
-					err,
-					orderId,
-					fn: "paymentInit"
-				}
-			});
-		}
-	};
-	/**
-	* @title: 除去钱包后的待支付金额
-	* @description:
-	* @param {*} useMemo
-	* @return {*}
-	* @Author: zhiwei.Wang
-	* @Date: 2024-08-15 13:47
-	*/
-	const waitAmount = (0, react.useMemo)(() => {
-		return state.payGroup?.wait_amount || 0;
-	}, [state.payGroup?.wait_amount]);
-	/**
-	* @title: 是否仅钱包支付
-	* @description:
-	* @param {*} useMemo
-	* @return {*}
-	* @Author: zhiwei.Wang
-	* @Date: 2024-08-15 13:46
-	*/
-	const isWalletPassPay = (0, react.useMemo)(() => {
-		const isWalletPass = state.payGroup?.walletPass?.cards?.length;
-		return waitAmount <= 0 && isWalletPass;
-	}, [state.payGroup, waitAmount]);
-	/**
-	* @title: 是否禁止提交
-	* @description:
-	* @param {*} useMemo
-	* @return {*}
-	* @Author: zhiwei.Wang
-	* @Date: 2024-08-15 13:40
-	*/
-	const isDisabled = (0, react.useMemo)(() => {
-		if (waitAmount > 0) return !state.payGroup?.otherPayment?.service;
-		else return !isWalletPassPay;
-	}, [
-		state.payGroup,
-		waitAmount,
-		isWalletPassPay
-	]);
-	/**
-	* @title: 获取是否提示无痕模式
-	* @description: walletPass和三方支付的组合支付在无痕模式浏览器需要给出提示
-	* @return: *
-	* @Author: shengjie.zuo
-	* @Date: 2024-08-30 10:23:48
-	*/
-	const getIsShowDetectIncognitoConfirm = async (payGroup) => {
-		const { isPrivate } = await (0, __pisell_utils.detectIncognito)();
-		return (payGroup?.wait_amount || 0) > 0 && require_utils.getIsWalletPassAndTripartitePayment(payGroup) && isPrivate;
-	};
-	/**
-	* @title: 提交
-	* @description:
-	* @return {*}
-	* @Author: zhiwei.Wang
-	* @Date: 2024-08-15 13:25
-	*/
-	const onSubmit = async (newOrderId) => {
-		paymentLogger.addLog({
-			key: "开始提交支付",
-			value: `订单${newOrderId || state.payGroup?.order_id} 开始提交, 待支付: ${state.payGroup?.wait_amount}, 总金额: ${state.payGroup?.total_amount}`
-		});
-		let newPayGroup = state.payGroup;
-		try {
-			if (await getIsShowDetectIncognitoConfirm(newPayGroup)) {
-				paymentLogger.addLog({
-					key: "无痕模式检测",
-					value: ""
-				});
-				setShowDetectIncognitoConfirm(true);
-				return;
-			}
-			if (!state.payGroup?.payment_group_id) {
-				paymentLogger.addLog({
-					key: "需要创建交易组",
-					value: ""
-				});
-				newPayGroup = await paymentInit(newOrderId);
-			}
-			paymentLogger.addLog({
-				key: "调用支付方法",
-				value: `订单${newPayGroup?.order_id} 交易组${newPayGroup?.payment_group_id} 使用${state.payGroup?.otherPayment?.service}支付`
-			});
-			handlePaymentByType(void 0, newPayGroup);
-			paymentLogger.addLog({
-				key: "支付提交调用成功",
-				value: ""
-			});
-		} catch (err) {
-			console.log("err", err);
-			paymentLogger.addLog({
-				key: "提交支付错误",
-				value: {
-					title: `订单${newOrderId || state.payGroup?.order_id} 提交失败: ${err?.message || "未知错误"}`,
-					data: { newPayGroup }
-				}
-			});
-			paymentLogger.sendLogs("提交支付失败", err);
-		}
-	};
-	/**
-	* @title: 支付方式改变时
-	* @description:
-	* @param {any} payload
-	* @return {*}
-	* @Author: zhiwei.Wang
-	* @Date: 2024-08-15 13:51
-	*/
-	const paymentTypeChange = (payload) => {
-		dispatch({
-			type: "setPayGroup",
-			payload: { otherPayment: payload }
-		});
-	};
-	const okText = (0, react.useMemo)(() => {
-		let current = state.payGroup?.otherPayment;
-		if (state.payGroup?.wait_amount == 0) return __pisell_utils.locales.getText("tocPay.text.submit");
-		if (current?.surcharge) return /* @__PURE__ */ react.default.createElement("span", { className: "" }, __pisell_utils.locales.getText("tocPay.text.pay"), " ", /* @__PURE__ */ react.default.createElement(__pisell_materials.PisellText.Amount, { value: state.payGroup?.wait_amount || 0 }), " +", __pisell_utils.locales.getText("tocPay.text.surcharge"));
-		else return /* @__PURE__ */ react.default.createElement("span", { className: "" }, __pisell_utils.locales.getText("tocPay.text.pay"), " ", /* @__PURE__ */ react.default.createElement(__pisell_materials.PisellText.Amount, { value: state.payGroup?.wait_amount || 0 }));
-	}, [state.payGroup]);
-	/**
-	* @title: 支付结果回调
-	* @description:
-	* @return {*}
-	* @Author: zhiwei.Wang
-	* @Date: 2024-08-09 14:25
-	*/
-	const payCallback = async (res) => {
-		const orderId = res?.data?.order_id || state.payGroup?.order_id;
-		if (res.key === "success") {
-			paymentLogger.addLog({
-				key: "支付最终成功",
-				value: `订单${orderId} 支付成功`
-			});
-			paymentLogger.sendLogs("支付成功");
-		} else if (res.key === "fail") {
-			paymentLogger.addLog({
-				key: "支付最终失败",
-				value: {
-					title: `订单${orderId} 支付失败`,
-					data: res?.data
-				}
-			});
-			paymentLogger.sendLogs("支付失败", res?.data?.err);
-		} else if (res.key === "cancel") {
-			paymentLogger.addLog({
-				key: "支付被取消",
-				value: `订单${orderId} 支付被取消`
-			});
-			setOpen(false);
-		}
-		props.callback?.(res);
-	};
-	/**
-	* @title: 取消支付
-	* @description:
-	* @return {*}
-	* @Author: zhiwei.Wang
-	* @Date: 2024-08-08 16:34
-	*/
-	const onCancel = () => {
-		paymentLogger.addLog({
-			key: "用户主动取消支付",
-			value: `订单${state.payGroup?.order_id} 用户取消支付`
-		});
-		require_payGroup.removePayGroupFromStorage(state.payGroup?.order_id);
-		setShowInformation(false);
-		setOpen(false);
-		payCallback({
-			key: "cancel",
-			data: { order_id: state.payGroup?.order_id }
-		});
-	};
-	(0, ahooks.useUpdateEffect)(() => {
-		paymentListRef.current?.calculateSurcharge(state.payGroup?.wait_amount || 0);
-	}, [state.payGroup?.wait_amount]);
-	(0, react.useImperativeHandle)(ref, () => {
-		return {
-			init,
-			payCallback,
-			onSubmit
-		};
-	});
-	/**
-	* @title: 自定义渲染支付列表的标题
-	* @description:
-	* @return {*}
-	* @Author: zhiwei.Wang
-	* @Date: 2024-08-16 10:49
-	*/
-	const renderPaymentListTitle = () => {
-		if (waitAmount == 0) return /* @__PURE__ */ react.default.createElement("div", { className: "custom-payment-list-title" }, /* @__PURE__ */ react.default.createElement("div", { className: "" }, __pisell_utils.locales.getText("tocPay.text.clickSubmitToComplete")), /* @__PURE__ */ react.default.createElement("div", { className: "custom-payment-list-title-desc" }, __pisell_utils.locales.getText("tocPay.text.noExtraPayNeeded")));
-		if (state.payGroup?.total_amount !== waitAmount) return /* @__PURE__ */ react.default.createElement("div", { className: "custom-payment-list-title" }, __pisell_utils.locales.getText("tocPay.text.continuePayment"), " ", /* @__PURE__ */ react.default.createElement(__pisell_materials.PisellText.Amount, {
-			className: "custom-payment-list-title-price",
-			value: state.payGroup?.wait_amount || 0
-		}));
-		return __pisell_utils.locales.getText("tocPay.text.paymentMethod");
-	};
-	/**
-	* @title: 钱包变化
-	* @description:
-	* @return {*}
-	* @Author: zhiwei.Wang
-	* @Date: 2024-08-16 10:50
-	*/
-	const onWalletPassChange = (0, ahooks.useMemoizedFn)((walletPass) => {
-		const _waitAmount = new decimal_js.Decimal(String(state.payGroup?.total_amount || 0)).minus(new decimal_js.Decimal(String(walletPass.amount || 0))).toNumber();
-		dispatch({
-			type: "setPayGroup",
-			payload: {
-				walletPass: {
-					...state.payGroup?.walletPass,
-					...walletPass
-				},
-				wait_amount: _waitAmount
-			}
-		});
-	});
-	return /* @__PURE__ */ react.default.createElement(__pisell_materials.PisellContainer, {
-		renderType,
-		props: {
-			forceRender: true,
-			title: /* @__PURE__ */ react.default.createElement("div", null, __pisell_utils.locales.getText("tocPay.text.checkout")),
-			open,
-			cancelVisible: false,
-			okText,
-			bodyStyle: { padding: 24 },
-			onCancel: () => {
-				setShowInformation(true);
-			},
-			okButtonProps: {
-				disabled: isDisabled,
-				loading: submitLoading,
-				className: "toc-pay-submit-btn"
-			},
-			onOk: () => {
-				onSubmit();
-			}
-		}
-	}, /* @__PURE__ */ react.default.createElement(__pisell_materials.PisellModal.Information, {
-		open: showInformation,
-		title: __pisell_utils.locales.getText("tocPay.text.prompt"),
-		describe: __pisell_utils.locales.getText("tocPay.text.confirmLeave"),
-		okText: __pisell_utils.locales.getText("tocPay.text.continuePay"),
-		cancelText: __pisell_utils.locales.getText("tocPay.text.leave"),
-		closable: true,
-		cancelButtonProps: { onClick: () => {
-			onCancel();
-		} },
-		maskClosable: false,
-		onCancel: () => {
-			setShowInformation(false);
-		},
-		onOk: () => {
-			setShowInformation(false);
-		}
-	}), /* @__PURE__ */ react.default.createElement(__pisell_materials.PisellModal.Information, {
-		open: showDetectIncognitoConfirm,
-		describe: __pisell_utils.locales.getText("tocPay.text.detectIncognitoConfirm"),
-		okText: __pisell_utils.locales.getText("tocPay.text.copyLink"),
-		closable: true,
-		maskClosable: false,
-		onCancel: () => {
-			setShowDetectIncognitoConfirm(false);
-		},
-		onOk: async () => {
-			await (0, __pisell_utils.copyToClipboard)(window.location.href);
-			(0, __pisell_materials.PisellToast)({ content: __pisell_utils.locales.getText("tocPay.text.copySuccess") });
-		}
-	}), /* @__PURE__ */ react.default.createElement(__pisell_materials.PisellLoading, {
-		loading,
-		mask: true
-	}, state.order?.countdown && /* @__PURE__ */ react.default.createElement(require_index$1.default, { time: state.order?.countdown }), /* @__PURE__ */ react.default.createElement(require_index$2.default, { amount: state.payGroup?.total_amount || 0 }), state.payGroup?.walletPass && /* @__PURE__ */ react.default.createElement(require_index$3.default, {
-		customer_id,
-		payGroup: state.payGroup,
-		onWalletPassChange,
-		ref: walletPassBlockRef,
-		walletSetting: state.walletSetting
-	}), /* @__PURE__ */ react.default.createElement(require_index$4.default, {
-		ref: paymentListRef,
-		handlePayment: (detail) => {
-			handlePaymentByType(detail?.service);
-		},
-		paymentTypeChange,
-		hide: state.payGroup?.wait_amount == 0,
-		renderTitle: renderPaymentListTitle
-	})), /* @__PURE__ */ react.default.createElement(require_index$5.default, {
-		ref: paymentMethodsRef,
-		payCallback
-	}));
-};
-var toC_default = require_model.Provider((0, react.forwardRef)(ToCPay));
-
-//#endregion
-exports.default = toC_default;

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

@@ -1,22 +0,0 @@
-.custom-payment-list-title {
-  .custom-payment-list-title-price {
-    color: var(--theme-color);
-    ;
-  }
-
-
-  .custom-payment-list-title-desc {
-    color: var(--Gray-700, #344054);
-    font-size: 16px;
-    font-style: normal;
-    font-weight: 400;
-    line-height: 24px;
-  }
-}
-
-.toc-pay-submit-btn {
-  color: var(--Base-White, #FFF);
-  font-size: 16px;
-  font-style: normal;
-  font-weight: 600;
-}

package/dist/lib/components/pay/toC/index.md

@@ -1,16 +0,0 @@
-## 客户端支付
-
-使用
-
-```
-const {content,init,submit} = usePayment({
-  onPaymentSuccess: () => {
-    // 支付成功
-  },
-})
-
-
-
-return content
-
-```