@pisell/private-materials 6.6.10 → 6.6.12

package/dist/es/components/eftposPay/pay.js

@@ -1,156 +0,0 @@
-import { ClientEnum, PayRouteEnum, StatusEnum } from "./const.js";
-import { getPayParams } from "./helper.js";
-import { backUpFree, backUpProduction, updateComponent, updateState, updateStatus, useContextData, useDispatch } from "./store/index.js";
-import payo_default from "./payo/index.js";
-import windcave_default from "./windcave/windcave.js";
-import tyro_default from "./tyro/index.js";
-import linkly_default from "./linkly/index.js";
-import header_default from "./component/header/index.js";
-import fail_default from "./component/fail/index.js";
-import failCustom_default from "./component/fail/failCustom.js";
-import network_default from "./component/fail/network.js";
-import unknow_default from "./component/fail/unknow.js";
-import manual_default from "./component/manual/index.js";
-import signature_default from "./component/signature/index.js";
-import React, { useCallback, useEffect, useRef } from "react";
-import { locales } from "@pisell/utils";
-import "./index.less";
-
-//#region src/components/eftposPay/pay.tsx
-const Mapping = {
-	Fail: fail_default,
-	Network: network_default,
-	Manual: manual_default,
-	Signature: signature_default,
-	FailCustom: failCustom_default,
-	UnknowFail: unknow_default
-};
-/**
-* @title: 支付组件
-* @description:
-* @Author: hongbing.wang
-* @Date: 2024-08-20 14:59
-*/
-const Pay = ({ api, onChange: onChangeStatus, className, terminal, net, isMobile: isMobile$1, tyroUrl, tyroVersion, formatAmount: formatAmount$1 = (number, precision, symbol) => `${symbol}${number}`, client }) => {
-	const data = useContextData();
-	const dataRef = useRef(data);
-	const dispatch = useDispatch();
-	const ref = useRef(false);
-	const statusRef = useRef(data.status);
-	const comonentRef = useRef(data.component);
-	const backupRef = useRef(data.backup);
-	const clearRef = useRef(0);
-	useEffect(() => {
-		comonentRef.current = data.component;
-	}, [data.component]);
-	useEffect(() => {
-		backupRef.current = data.backup;
-	}, [data.backup]);
-	useEffect(() => {
-		dataRef.current = data;
-	}, [data]);
-	const Comm = Mapping[data.component];
-	/**
-	* @title: 获取组件状态
-	* @Author: hongbing.wang
-	* @Date: 2024-08-20 15:00
-	*/
-	const onChange = useCallback((status, params, other) => {
-		if (status === StatusEnum.Success || status === StatusEnum.Fail) dispatch(updateStatus(status));
-		onChangeStatus(status, params, other);
-	}, [dispatch, onChangeStatus]);
-	useEffect(() => {
-		if (statusRef.current === "success") {
-			const status = statusRef.current;
-			const params = getPayParams(dataRef.current, status);
-			clearRef.current = setTimeout(() => {
-				onChange(status, params);
-			}, 1e3);
-		}
-	}, [onChange]);
-	useEffect(() => {
-		dispatch(updateState({ net }));
-		if (!ref.current) {
-			ref.current = true;
-			if (backupRef.current && net) {
-				const { ...data$1 } = backupRef.current;
-				dispatch(backUpFree({ key: Date.now() }));
-				dispatch(updateState({ net }));
-				if (data$1.status === "success") {
-					const status = data$1.status;
-					const params = getPayParams(dataRef.current, status);
-					clearRef.current = setTimeout(() => {
-						onChange(status, params);
-					}, 1e3);
-				}
-			}
-			return;
-		}
-		if (net) {
-			const { ...data$1 } = backupRef.current;
-			dispatch(backUpFree({ key: Date.now() }));
-			dispatch(updateState({ net }));
-			if (data$1.status === "success") {
-				const status = data$1.status;
-				const params = getPayParams(dataRef.current, status);
-				clearRef.current = setTimeout(() => {
-					onChange(status, params);
-				}, 1e3);
-			}
-			return;
-		}
-		dispatch(updateState({ form: "Network" }));
-		dispatch(backUpProduction({}));
-		dispatch(updateState({
-			net,
-			status: "warn"
-		}));
-		dispatch(updateComponent("Network"));
-	}, [
-		dispatch,
-		net,
-		onChange
-	]);
-	useEffect(() => {
-		return () => {
-			if (clearRef.current) clearTimeout(clearRef.current);
-		};
-	}, []);
-	console.log("data =>>>>>> ", data);
-	return /* @__PURE__ */ React.createElement(React.Fragment, null, data.render ? /* @__PURE__ */ React.createElement("div", {
-		className: `pisell-lowcode__eft-pay-box ${className}`,
-		style: data.type === "step" ? {} : { display: "none" }
-	}, /* @__PURE__ */ React.createElement(header_default, {
-		status: data.status,
-		title: data.title,
-		subTitle: data.subTitle
-	}), data.eftpos === "payo" ? /* @__PURE__ */ React.createElement(payo_default, {
-		api,
-		onChange
-	}, data.warn && data.status !== StatusEnum.Success && client === ClientEnum.Merchant ? /* @__PURE__ */ React.createElement("div", { className: "pisell-lowcode__eft-pay-step-item pisell-lowcode__eft-pay-step-item-warn" }, data.warn) : null, data.status === StatusEnum.Success ? /* @__PURE__ */ React.createElement("div", { className: "pisell-lowcode__eft-pay-step-item pisell-lowcode__eft-pay-step-item-tip" }, locales.getText("page.eftpos-pay.text.transaction.end")) : null) : null, data.eftpos === "tyro" ? /* @__PURE__ */ React.createElement(tyro_default, {
-		api,
-		onChange,
-		key: data.key,
-		url: tyroUrl,
-		version: tyroVersion
-	}) : null, data.eftpos === "windcave" ? /* @__PURE__ */ React.createElement(windcave_default, {
-		api,
-		onChange,
-		key: data.key,
-		formatAmount: formatAmount$1
-	}) : null, data.eftpos === "linkly" ? /* @__PURE__ */ React.createElement(linkly_default, {
-		key: data.key,
-		api,
-		onChange
-	}) : null) : null, data.type === PayRouteEnum.Unset && Comm ? /* @__PURE__ */ React.createElement(Comm, {
-		onChange,
-		api,
-		className,
-		isMobile: isMobile$1,
-		formatAmount: formatAmount$1
-	}) : null);
-};
-var pay_default = Pay;
-
-//#endregion
-export { pay_default as default };

package/dist/es/components/eftposPay/payo/config.js

@@ -1,199 +0,0 @@
-import { ClientEnum, ModeEnum, PayStatus, StatusEnum } from "../const.js";
-import { getPayParams, getUuid } from "../helper.js";
-import { updateComponent, updateCustom, updateNextStep, updateState, useContextData, useDispatch } from "../store/index.js";
-import step_default from "../component/step/index.js";
-import { useFail, useStoreRef } from "../hooks.js";
-import { useValidate } from "./hooks.js";
-import React, { useEffect, useRef, useState } from "react";
-import { Button } from "antd";
-import { locales } from "@pisell/utils";
-
-//#region src/components/eftposPay/payo/config.tsx
-const POS = ({ api, onChange }) => {
-	const { steps, custom } = useContextData();
-	const { deviceRef, payRef, numRef, statusRef, modeRef, netRef, orderIdRef, amountRef, eftposRef, dataRef } = useStoreRef();
-	const dispatch = useDispatch();
-	const { key, ...props } = steps[0];
-	const fail = useFail(0);
-	const failRef = useRef(fail);
-	const controllerRef = useRef();
-	const clearRef = useRef();
-	const initRef = useRef(false);
-	const unloadRef = useRef(false);
-	const [check] = useValidate(1e3 * 60);
-	useEffect(() => {
-		failRef.current = fail;
-	}, [fail]);
-	/**
-	* @title: 支付,退款,查询 成功 后续逻辑处理
-	* @description:
-	* @return {*}
-	* @Author: zhiwei.Wang
-	* @Date: 2024-01-30 16:34
-	*/
-	const success = (res) => {
-		let receipt = Array.isArray(res?.data?.receipt) ? res?.data?.receipt : [res?.data?.receipt];
-		receipt = receipt.filter((item) => typeof item === "string").filter(Boolean);
-		dispatch(updateNextStep());
-		dispatch(updateCustom({
-			card_reader_surcharge: res?.data?.card_reader_surcharge || 0,
-			receipt
-		}));
-		clearRef.current = setTimeout(() => {
-			onChange("success", {
-				...getPayParams({
-					mode: modeRef.current,
-					amount: amountRef.current,
-					order_id: orderIdRef.current,
-					number: numRef.current,
-					device: deviceRef.current,
-					pay: payRef.current,
-					custom: {
-						card_reader_surcharge: res?.data?.card_reader_surcharge || 0,
-						receipt
-					}
-				}, "success"),
-				receipt: (deviceRef.current?.setting)?.receipts ? [] : receipt
-			});
-		}, 1e3);
-	};
-	/**
-	* @title: 检查支付状态
-	* @Author: hongbing.wang
-	* @Date: 2024-08-20 11:53
-	*/
-	const checkApi = () => {
-		check(api.check, numRef.current).then((res) => {
-			if (unloadRef.current || !netRef.current) return;
-			if (res && `${res.code}` === "200") {
-				success(res);
-				return;
-			}
-			failRef.current(res, true);
-		}, (res) => {
-			if (unloadRef.current || !netRef.current) return;
-			failRef.current(res, true);
-		});
-	};
-	/**
-	* @title: 支付,退款,查询 初始化逻辑处理
-	* @Author: hongbing.wang
-	* @Date: 2024-08-12 10:14
-	*/
-	useEffect(() => {
-		if (statusRef.current === StatusEnum.Success || statusRef.current === StatusEnum.Fail) return;
-		if (initRef.current) return;
-		initRef.current = true;
-		if (numRef.current) {
-			checkApi();
-			return;
-		}
-		numRef.current = getUuid();
-		dispatch(updateState({ number: numRef.current }));
-		controllerRef.current = new AbortController();
-		(modeRef.current === ModeEnum.Pay || modeRef.current === ModeEnum.FullPay ? api.pay({
-			...custom?.platform ? {
-				operator_id: custom.operator_id,
-				operator_type: custom.operator_type,
-				platform: custom.platform,
-				custom_payment_id: custom.custom_payment_id,
-				service_charge: {
-					amount: payRef.current.surMoney,
-					percentage: payRef.current.surPercentRate
-				},
-				original_amount: payRef.current.amount
-			} : {},
-			order_id: orderIdRef.current,
-			amount: payRef.current.total,
-			card_reader_type: eftposRef.current,
-			card_reader_id: deviceRef.current?.id,
-			number: numRef.current,
-			pay_param_base64: encodeURIComponent(btoa(encodeURIComponent(JSON.stringify({
-				...dataRef.current,
-				number: numRef.current
-			}))))
-		}, { signal: controllerRef.current.signal }) : api.refund({
-			order_id: orderIdRef.current,
-			amount: amountRef.current,
-			card_reader_type: eftposRef.current,
-			card_reader_id: deviceRef.current?.id,
-			number: numRef.current,
-			pay_param_base64: encodeURIComponent(btoa(encodeURIComponent(JSON.stringify({
-				...dataRef.current,
-				number: numRef.current
-			}))))
-		}, { signal: controllerRef.current.signal })).then((res) => {
-			console.log("netRef.current111 = ", netRef.current);
-			if (unloadRef.current || !netRef.current) return;
-			if (res && `${res.code}` === "200") {
-				success(res);
-				return;
-			}
-			return Promise.reject(res);
-		}).catch((err) => {
-			console.log("netRef.current222 = ", netRef.current, unloadRef.current, err);
-			if (unloadRef.current || !netRef.current) return;
-			if (!err?.code || `${err.code}` === PayStatus.Timeout) {
-				checkApi();
-				return;
-			}
-			failRef.current(err, true);
-		});
-	}, [
-		api,
-		check,
-		dispatch,
-		onChange
-	]);
-	useEffect(() => () => {
-		controllerRef.current?.abort();
-		unloadRef.current = true;
-		if (clearRef.current) clearTimeout(clearRef.current);
-	}, []);
-	return /* @__PURE__ */ React.createElement(step_default, props);
-};
-const Action = ({ onChange }) => {
-	const dispatch = useDispatch();
-	const { mode, client, order_id, number, device } = useContextData();
-	const [isShowCancel, setIsShowCancel] = useState(false);
-	useEffect(() => {
-		const timer = setTimeout(() => {
-			setIsShowCancel(true);
-		}, 30 * 1e3);
-		return () => {
-			clearTimeout(timer);
-		};
-	}, []);
-	/**
-	* @title: 前往手动标记页
-	* @Author: hongbing.wang
-	* @Date: 2024-08-20 12:18
-	*/
-	const onManually = () => {
-		dispatch(updateState({ manual: {
-			title: locales.getText("page.eftpos-pay.text.request.title")(mode),
-			text: locales.getText("page.eftpos-pay.text.request.text")(mode)
-		} }));
-		dispatch(updateComponent("Manual", true));
-	};
-	const onCancel = () => {
-		onChange("fail", {
-			number,
-			uniquePaymentNumber: number,
-			device,
-			order_id
-		});
-	};
-	return /* @__PURE__ */ React.createElement("div", { className: "pisell-lowcode__eft-pay-step-item-btns" }, client !== ClientEnum.Merchant && isShowCancel && /* @__PURE__ */ React.createElement(Button, {
-		block: true,
-		className: "pisell-lowcode__eft-pay-step-item-btn",
-		onClick: onCancel
-	}, locales.getText("page.eftpos-pay.text.cancel")), client === ClientEnum.Merchant ? /* @__PURE__ */ React.createElement(Button, {
-		block: true,
-		className: "pisell-lowcode__eft-pay-step-item-btn",
-		onClick: onManually
-	}, locales.getText("page.eftpos-pay.text.manual.marking")) : null);
-};
-
-//#endregion
-export { Action, POS };

package/dist/es/components/eftposPay/payo/const.js

@@ -1,54 +0,0 @@
-import { ClientEnum, EftposEnum, ModeEnum, PayRouteEnum, StatusEnum } from "../const.js";
-import { locales } from "@pisell/utils";
-
-//#region src/components/eftposPay/payo/const.ts
-/**
-* @title: payo 步骤信息
-* @description:
-* @return {*}
-* @Author: hongbing.wang
-* @Date: 2024-08-12 10:19
-*/
-const getStep = (mode = ModeEnum.Pay) => [{
-	key: Date.now(),
-	title: locales.getText("page.eftpos-pay.text.loading")(mode),
-	text: locales.getText("page.eftpos-pay.text.waiting.processing"),
-	warn: "",
-	tip: locales.getText("page.eftpos-pay.text.processing"),
-	status: StatusEnum.Loading
-}];
-/**
-* @title: 初始化  payo 数据
-* @description:
-* @Author: hongbing.wang
-* @Date: 2024-08-12 10:19
-*/
-var const_default = (params) => {
-	const { order_id, name, symbol, amount, mode, number, pay, device, net, client, ...other } = params || { mode: ModeEnum.Pay };
-	return {
-		order_id,
-		name,
-		symbol,
-		amount,
-		mode,
-		eftpos: EftposEnum.Payo,
-		key: Date.now(),
-		warn: locales.getText("page.eftpos-pay.text.waiting.pay")(mode),
-		step: 0,
-		type: PayRouteEnum.Step,
-		title: locales.getText("page.eftpos-pay.text.loading")(mode),
-		component: "",
-		status: StatusEnum.Loading,
-		steps: getStep(mode),
-		render: true,
-		client: client !== "undefined" ? client : ClientEnum.Merchant,
-		custom: other || {},
-		...typeof net !== "undefined" ? { net } : {},
-		...typeof number !== "undefined" ? { number } : {},
-		...typeof pay !== "undefined" ? { pay } : {},
-		...typeof device !== "undefined" ? { device } : {}
-	};
-};
-
-//#endregion
-export { const_default as default };

package/dist/es/components/eftposPay/payo/hooks.js

@@ -1,72 +0,0 @@
-import { PayStatus } from "../const.js";
-import { sleep } from "../helper.js";
-import { useCallback, useEffect, useRef } from "react";
-import { sendWarningLog } from "@pisell/utils";
-
-//#region src/components/eftposPay/payo/hooks.tsx
-/**
-* @title: 循环查询 接口状态
-* @Author: hongbing.wang
-* @Date: 2024-08-20 13:29
-*/
-const useValidate = (timeout) => {
-	const controllerRef = useRef();
-	const ref = useRef(true);
-	const isTimeoutCloseRef = useRef(false);
-	const TimeoutRef = useRef();
-	const checkApi = useCallback(async (check, number, time) => {
-		time = time || 5e3;
-		controllerRef.current = new AbortController();
-		let res = { code: PayStatus.Timeout };
-		console.log("循环开始前...");
-		while (ref.current && res && `${res.code}` === PayStatus.Timeout) {
-			const start = Date.now();
-			res = await check({ number }, { signal: controllerRef.current.signal }).catch((err) => Promise.resolve(err));
-			const diff = Date.now() - start;
-			console.log(diff, time, time - diff, "diff", res);
-			if (diff < time) await sleep(time - diff);
-		}
-		if (isTimeoutCloseRef.current) {
-			if (!res) return { code: PayStatus.Timeout };
-			const { code } = res;
-			if (`${code}` === `200`) return {
-				...res,
-				code: PayStatus.Timeout
-			};
-		}
-		return res;
-	}, []);
-	/**
-	* @title: 关闭循环
-	* @Author: hongbing.wang
-	* @Date: 2024-08-20 13:48
-	*/
-	const close = useCallback(() => {
-		ref.current = false;
-		controllerRef.current?.abort();
-	}, []);
-	const run = (...params) => {
-		isTimeoutCloseRef.current = false;
-		TimeoutRef.current && clearTimeout(TimeoutRef.current);
-		TimeoutRef.current = setTimeout(() => {
-			isTimeoutCloseRef.current = true;
-			sendWarningLog({
-				title: "支付状态查询超时",
-				content: [{
-					key: "params",
-					value: JSON.stringify(params)
-				}]
-			});
-			close();
-		}, timeout);
-		return checkApi(...params);
-	};
-	useEffect(() => () => {
-		clearTimeout(TimeoutRef.current);
-		close();
-	}, [close]);
-	return [run, close];
-};
-
-//#endregion
-export { useValidate };

package/dist/es/components/eftposPay/payo/index.js

@@ -1,22 +0,0 @@
-import { StatusEnum } from "../const.js";
-import { useContextData } from "../store/index.js";
-import { Action, POS } from "./config.js";
-import React from "react";
-
-//#region src/components/eftposPay/payo/index.tsx
-var payo_default = ({ api, onChange, children }) => {
-	const { step, steps, ...data } = useContextData();
-	return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("div", { className: "pisell-lowcode__eft-pay-body " }, steps.map((item, idx) => {
-		let Comm;
-		if (idx === 0) Comm = POS;
-		if (!Comm) throw new Error("no comm");
-		if (step >= idx) return /* @__PURE__ */ React.createElement(Comm, {
-			key: `${data.key}-${item.key}-${idx}`,
-			api,
-			onChange
-		});
-	}), children), data.status !== StatusEnum.Success ? /* @__PURE__ */ React.createElement(Action, { onChange }) : null);
-};
-
-//#endregion
-export { payo_default as default };