@pisell/private-materials 6.6.8 → 6.6.9

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

@@ -0,0 +1,114 @@
+//#region src/components/eftposPay/const.ts
+let EftposEnum = /* @__PURE__ */ function(EftposEnum$1) {
+	/** 后端支付 - 仅支付  */
+	EftposEnum$1["Payo"] = "payo";
+	/** 前端支付 */
+	EftposEnum$1["Tyro"] = "tyro";
+	/** 后端支付 - 支付 + 退款  */
+	EftposEnum$1["Windcave"] = "windcave";
+	EftposEnum$1["Stripe"] = "stripe";
+	EftposEnum$1["Linkly"] = "linkly";
+	return EftposEnum$1;
+}({});
+let StatusEnum = /* @__PURE__ */ function(StatusEnum$1) {
+	StatusEnum$1["Loading"] = "loading";
+	StatusEnum$1["Warn"] = "warn";
+	StatusEnum$1["Fail"] = "fail";
+	StatusEnum$1["Success"] = "success";
+	StatusEnum$1["Pedding"] = "pedding";
+	StatusEnum$1["Resove"] = "resove";
+	StatusEnum$1["Reject"] = "reject";
+	StatusEnum$1["Question"] = "question";
+	return StatusEnum$1;
+}({});
+let ModeEnum = /* @__PURE__ */ function(ModeEnum$1) {
+	/** 支付 */
+	ModeEnum$1["Pay"] = "pay";
+	/** 完整支付 */
+	ModeEnum$1["FullPay"] = "fullPay";
+	/** 退款 */
+	ModeEnum$1["Refund"] = "refund";
+	/** 查询 */
+	ModeEnum$1["Query"] = "query";
+	return ModeEnum$1;
+}({});
+/**
+* 崩溃恢复
+*/
+let RestoreEumn = /* @__PURE__ */ function(RestoreEumn$1) {
+	/** 常规  */
+	RestoreEumn$1["Normal"] = "normal";
+	/** 恢复 */
+	RestoreEumn$1["Restore"] = "restore";
+	return RestoreEumn$1;
+}({});
+/**
+* 订单状态
+*/
+let OrderEumn = /* @__PURE__ */ function(OrderEumn$1) {
+	/** 恢复  */
+	OrderEumn$1["Restore"] = "restore";
+	/** 常规  */
+	OrderEumn$1["Normal"] = "normal";
+	/** 成功 */
+	OrderEumn$1["Succeed"] = "succeed";
+	/** 失败 */
+	OrderEumn$1["Failed"] = "failed";
+	/** 等待 */
+	OrderEumn$1["Pending"] = "pending";
+	/** 没有订单状态 */
+	OrderEumn$1["Null"] = "null";
+	return OrderEumn$1;
+}({});
+let ClientEnum = /* @__PURE__ */ function(ClientEnum$1) {
+	/** 用户端 */
+	ClientEnum$1["User"] = "user";
+	/** 商家端 */
+	ClientEnum$1["Merchant"] = "merchant";
+	return ClientEnum$1;
+}({});
+let RouteEnum = /* @__PURE__ */ function(RouteEnum$1) {
+	/** 改价页 */
+	RouteEnum$1["Amount"] = "amount";
+	/** 门店列表页 */
+	RouteEnum$1["DeviceList"] = "deviceList";
+	/**支付页 */
+	RouteEnum$1["Pay"] = "pay";
+	return RouteEnum$1;
+}({});
+let PayRouteEnum = /* @__PURE__ */ function(PayRouteEnum$1) {
+	PayRouteEnum$1["Step"] = "step";
+	PayRouteEnum$1["Unset"] = "unset";
+	return PayRouteEnum$1;
+}({});
+let PayStatus = /* @__PURE__ */ function(PayStatus$1) {
+	PayStatus$1["Success"] = "200";
+	/** 未生成交易记录 */
+	PayStatus$1["NoPay"] = "4004";
+	/** 配对失效 */
+	PayStatus$1["PairingFailure"] = "606020";
+	/** 支付失败 */
+	PayStatus$1["Unknown"] = "701000";
+	/** 交易请求超时 */
+	PayStatus$1["Timeout"] = "701001";
+	/** 繁忙 EFTPOS终端暂时不可用，因为EFTPOS正在处理另一个请求。 */
+	PayStatus$1["PayOtherEftposFailed"] = "701003";
+	/** 购物者没有出示卡片/卡片金额不足/在线拒绝/卡已过期/卡被锁定 */
+	PayStatus$1["PayCardErrorFailed"] = "701004";
+	/** 断网 向EFTPOS发送消息失败。可能有网络问题，也可能没有连接websocket。 */
+	PayStatus$1["NoNetWork"] = "701005";
+	/** 交易等待超时 */
+	PayStatus$1["PayTimeout"] = "701006";
+	/** 连接失败 */
+	PayStatus$1["SocketError"] = "701007";
+	/** 银行拒绝 */
+	PayStatus$1["PayBankRefuses"] = "701008";
+	/** 签名拒绝 */
+	PayStatus$1["SignatureDeclined"] = "701009";
+	/** 配置参数错误 */
+	PayStatus$1["UserConfigError"] = "701010";
+	return PayStatus$1;
+}({});
+
+//#endregion
+export { ClientEnum, EftposEnum, ModeEnum, OrderEumn, PayRouteEnum, PayStatus, RestoreEumn, RouteEnum, StatusEnum };

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

@@ -0,0 +1,136 @@
+import titlebar_default from "./component/header/titlebar.js";
+import { ModeEnum } from "./const.js";
+import { getAmonunt, getPayAmonunt } from "./helper.js";
+import { updateDevice, updateState, useContextData, useDispatch } from "./store/index.js";
+import React, { useState } from "react";
+import { Spin, message } from "antd";
+import { locales } from "@pisell/utils";
+import ChevronRight from "@pisell/icon/es/ChevronRight";
+import { useMount } from "ahooks";
+import "./device.less";
+
+//#region src/components/eftposPay/device.tsx
+/**
+* @title: 设备选择页
+* @description: 选择设备信息,无设备增加提示;仅有一条,默认选中跳走;多条记录则停留等待用户选择
+* @return React.Element
+* @Author: hongbing.wang
+* @Date: 2024-08-12 11:40
+*/
+var device_default = ({ api, onChange, onClose, className = "", device_number, isMobile: isMobile$1, net, client, formatAmount: formatAmount$1 = (number, precision, symbol$1) => `${symbol$1}${number}` }) => {
+	const store = useContextData();
+	const { device, symbol, mode, eftpos } = store;
+	const [loading, setLoading] = useState(false);
+	const [dataStaus, setDataStaus] = useState(true);
+	const [list, setList] = useState([]);
+	const dispatch = useDispatch();
+	/**
+	* @title: 设备选择事件
+	* @param {*} event
+	* @Author: hongbing.wang
+	* @Date: 2024-08-20 13:02
+	*/
+	const onClick = (event) => {
+		if (!net) {
+			message.open({
+				key: "net-warning",
+				type: "warning",
+				content: locales.getText("page.eftpos-pay.text.not.connected")
+			});
+			return;
+		}
+		const [index] = [Number(event.currentTarget.dataset.index)];
+		setDevice(list[index]);
+	};
+	/**
+	* @title: 初始化加载设备列表页
+	* @description: 初始化加载设备列表页 若只有一条数据 则直接进入下一步
+	* @Author: hongbing.wang
+	* @Date: 2024-08-20 13:02
+	*/
+	useMount(() => {
+		setLoading(true);
+		api.getDeviceList({
+			type: eftpos,
+			status: "paired"
+		}).then((res) => {
+			setLoading(false);
+			if (res && Array.isArray(res.list) && res.list.length > 0) {
+				if (device_number) {
+					const hostDeviceList = res.list.filter((item) => item?.setting?.devices?.some((i) => i.number === device_number));
+					if (hostDeviceList.length >= 1) {
+						setDataStaus(true);
+						setList(setDeviceList(hostDeviceList));
+						if (hostDeviceList.length === 1) setDevice(hostDeviceList[0]);
+						return;
+					}
+				}
+				setDataStaus(true);
+				setList(setDeviceList(res.list));
+				if (res.list.length === 1) setDevice(res.list[0]);
+				return;
+			}
+			setDataStaus(false);
+		}, () => {
+			setDataStaus(false);
+			setLoading(false);
+		});
+	});
+	const setDevice = (device$1) => {
+		dispatch(updateDevice({ device: device$1 }));
+		if (typeof api.selectDevice === "function") api.selectDevice(device$1);
+		if (typeof onChange === "function") {
+			if (mode === ModeEnum.Pay) if (device$1.pay) dispatch(updateState({ pay: device$1.pay }));
+			else dispatch(updateState({ pay: getPayAmonunt(getAmonunt({
+				...store,
+				device: device$1
+			}), (total) => formatAmount$1(total, 2, symbol)) }));
+			onChange("page", mode === ModeEnum.FullPay ? "amount" : "pay");
+		}
+	};
+	const setDeviceList = (list$1) => {
+		return list$1.map((item) => {
+			const pay = getPayAmonunt(getAmonunt({
+				...store,
+				device: item
+			}), (total) => formatAmount$1(total, 2, symbol));
+			return {
+				...item,
+				pay
+			};
+		});
+	};
+	return /* @__PURE__ */ React.createElement("div", { className: `pisell-lowcode__eft-pay-device-box ${className}` }, isMobile$1 ? null : /* @__PURE__ */ React.createElement(titlebar_default, {
+		type: "left-title-close",
+		onClose
+	}, dataStaus ? locales.getText("page.eftpos-pay.text.device") : ""), dataStaus ? /* @__PURE__ */ React.createElement("div", {
+		className: "pisell-lowcode__eft-pay-device-list",
+		style: isMobile$1 ? { marginTop: "20px" } : {}
+	}, /* @__PURE__ */ React.createElement(Spin, {
+		spinning: loading,
+		style: {
+			flex: 1,
+			overflow: "auto"
+		}
+	}, /* @__PURE__ */ React.createElement("div", { style: {
+		display: "flex",
+		flexDirection: "column",
+		gap: "10px"
+	} }, list.map(({ id, name, pay }, index) => /* @__PURE__ */ React.createElement("div", {
+		key: id,
+		className: `pisell-lowcode__eft-pay-device ${id === device?.id ? "active" : ""}`,
+		"data-index": index,
+		onClick,
+		role: "button",
+		tabIndex: index
+	}, /* @__PURE__ */ React.createElement("div", { className: "pisell-lowcode__eft-pay-device-content" }, /* @__PURE__ */ React.createElement("div", { className: "pisell-lowcode__eft-pay-device-name" }, name), mode === ModeEnum.Refund ? null : /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("div", { className: "pisell-lowcode__eft-pay-device-money" }, pay.totalUnit), /* @__PURE__ */ React.createElement("div", { className: "pisell-lowcode__eft-pay-device-sucharge" }, locales.getText("page.eftpos-pay.text.surcharge.edit.inc.surcharge"), ": ", formatAmount$1(`${pay.surcharge}`, 2, symbol), " (", locales.getText("page.eftpos-pay.text.surcharge.edit.rate"), ":", pay.surRate, "% +", " ", formatAmount$1(`${pay.surMoney}`, 2, symbol), ")"))), /* @__PURE__ */ React.createElement("div", { style: { flexShrink: 0 } }, /* @__PURE__ */ React.createElement(ChevronRight, { style: {
+		fontWeight: "600",
+		fontSize: "24px"
+	} }))))))) : /* @__PURE__ */ React.createElement("div", {
+		className: "pisell-lowcode__eft-pay-device-error",
+		style: isMobile$1 ? { marginTop: "20px" } : {}
+	}, /* @__PURE__ */ React.createElement("div", { className: "pisell-lowcode__eft-pay-device-error-tit" }, locales.getText("page.eftpos-pay.text.device.no.title")), /* @__PURE__ */ React.createElement("div", { className: "pisell-lowcode__eft-pay-device-error-txt" }, locales.getText("page.eftpos-pay.text.device.no.add")), /* @__PURE__ */ React.createElement("div", { className: "pisell-lowcode__eft-pay-device-error-txt" }, locales.getText("page.eftpos-pay.text.device.no.web")), /* @__PURE__ */ React.createElement("div", { className: "pisell-lowcode__eft-pay-device-error-txt" }, locales.getText("page.eftpos-pay.text.device.no.terminal"))));
+};
+
+//#endregion
+export { device_default as default };

package/dist/es/components/eftposPay/device.less

@@ -0,0 +1,94 @@
+.pisell-lowcode__eft-pay-device-box {
+  max-height: var(--pisel-lc-pos-device-max-height, 600px);
+  width: var(--pisel-lc-pos-device-width, 600px);
+  max-width: 100%;
+  padding: var(--pisel-lc-pos-device-padding, 0 24px 24px);
+  display: flex;
+  flex-direction: column;
+}
+.pisell-lowcode__eft-pay-device-list,
+.pisell-lowcode__eft-pay-device-error {
+  display: flex;
+  flex-direction: column;
+
+  overflow: auto;
+  min-height: 200px;
+  margin: 0 0 20px;
+}
+
+.pisell-lowcode__eft-pay-device-list {
+  gap: 10px;
+}
+.pisell-lowcode__eft-pay-device {
+  display: flex;
+  align-items: center;
+  padding: 16px;
+  border-radius: 12px;
+  border: 1px solid var(--Gray-200, #eaecf0);
+  background: #fff;
+
+  color: var(--Gray-900, #101828);
+  /* Text sm/Medium */
+  font-size: 14px;
+  font-style: normal;
+  font-weight: 500;
+  cursor: pointer;
+  flex-shrink: 0;
+}
+.pisell-lowcode__eft-pay-device.active,
+.pisell-lowcode__eft-pay-device:hover {
+  background: var(--Gray-50, #f9fafb);
+}
+
+.pisell-lowcode__eft-pay-device-content{
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+  flex: 1;
+  overflow: auto;
+}
+
+.pisell-lowcode__eft-pay-device-error {
+  gap: 20px;
+}
+.pisell-lowcode__eft-pay-device-error-tit {
+  color: var(--Gray-900, #101828);
+
+  font-size: 18px;
+  font-style: normal;
+  font-weight: 600;
+  line-height: 28px; /* 155.556% */
+}
+
+.pisell-lowcode__eft-pay-device-error-txt {
+  color: var(--Gray-900, #101828);
+
+  font-size: 14px;
+  font-style: normal;
+  font-weight: 400;
+  line-height: 20px; /* 142.857% */
+}
+.pisell-lowcode__eft-pay-device-name {
+  color: var(--Gray-900, #101828);
+  /* Text lg/Semibold */
+  font-size: 18px;
+  font-style: normal;
+  font-weight: 600;
+  line-height: 28px; /* 155.556% */
+}
+.pisell-lowcode__eft-pay-device-money {
+  color: var(--Gray-900, #101828);
+  /* Text sm/Semibold */
+  font-size: 14px;
+  font-style: normal;
+  font-weight: 600;
+  line-height: 20px; /* 142.857% */
+}
+.pisell-lowcode__eft-pay-device-sucharge {
+  color: var(--Gray-500, #667085);
+  /* Paragraph/Regular */
+  font-size: 14px;
+  font-style: normal;
+  font-weight: 400;
+  line-height: 20px; /* 142.857% */
+}

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

@@ -0,0 +1,177 @@
+import { EftposEnum, ModeEnum } from "./const.js";
+import { Decimal as Decimal$1 } from "decimal.js";
+
+//#region src/components/eftposPay/helper.ts
+function getUuid() {
+	return "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxx".replace(/[xy]/g, (c) => {
+		const r = Math.random() * 16 | 0;
+		return (c === "x" ? r : r & 3 | 8).toString(16);
+	});
+}
+/**
+* @title: Promise化 setTimeout
+* @param {number} time
+* @Author: hongbing.wang
+* @Date: 2024-08-20 13:03
+*/
+const sleep = (time) => new Promise((resove) => {
+	setTimeout(() => {
+		resove(void 0);
+	}, time);
+});
+/**
+* @title: 克隆
+* @Author: hongbing.wang
+* @Date: 2024-08-20 13:03
+*/
+function cloneDeep(source, hash = /* @__PURE__ */ new WeakMap()) {
+	if (typeof source !== "object" || source === null) return source;
+	if (hash.has(source)) return hash.get(source);
+	const target = Array.isArray(source) ? [] : {};
+	Reflect.ownKeys(source).forEach((key) => {
+		const val = source[key];
+		if (typeof val === "object" && val != null) target[key] = cloneDeep(val, hash);
+		else target[key] = val;
+	});
+	return target;
+}
+/**
+* @title: 获取支付回调参数
+* @Author: hongbing.wang
+* @Date: 2024-08-20 20:26
+*/
+const getPayParams = (data, statue) => {
+	if (statue === "fail") return {
+		number: data.number,
+		device: data.device,
+		order_id: data.order_id
+	};
+	const receipt = data?.custom?.receipt || [];
+	if (data.mode === ModeEnum.Pay || data.mode === ModeEnum.FullPay) {
+		const pay = data.pay;
+		const card_reader_surcharge = data.custom?.card_reader_surcharge || 0;
+		const obj = pay || {};
+		const cardReaderSurcharge = card_reader_surcharge;
+		const surCardDeci = new Decimal$1(Number(cardReaderSurcharge));
+		const surMoneyDeci = new Decimal$1(Number(obj?.surMoney || 0));
+		const surRateMoneyDeci = new Decimal$1(Number(obj?.surRateMoney));
+		const surMoneyTotal = surMoneyDeci.add(surCardDeci);
+		const surchargeDeci = surMoneyTotal.add(surRateMoneyDeci);
+		const amount = new Decimal$1(Number(obj?.amount));
+		const total = surchargeDeci.add(amount);
+		return {
+			...obj,
+			cardReaderSurcharge,
+			surMoney: surMoneyTotal.toFixed(2, Decimal$1.ROUND_HALF_UP),
+			surcharge: surchargeDeci.toFixed(2, Decimal$1.ROUND_HALF_UP),
+			total: total.toFixed(2, Decimal$1.ROUND_HALF_UP),
+			number: data.number,
+			uniquePaymentNumber: data.number,
+			device: data.device,
+			order_id: data.order_id,
+			receipt: (data.device?.setting)?.receipts ? [] : receipt
+		};
+	}
+	if (data.mode === ModeEnum.Refund) return {
+		amount: data.amount,
+		total: data.amount,
+		number: data.number,
+		device: data.device,
+		order_id: data.order_id,
+		receipt: (data.device?.setting)?.receipts ? [] : receipt
+	};
+	return {
+		amount: data.amount,
+		total: data.amount,
+		number: data.number,
+		order_id: data.order_id
+	};
+};
+const limitDecimals = (value) => {
+	const reg = /^(\-)*(\d+)\.(\d\d).*$/;
+	if (typeof value === "string") return !isNaN(Number(value)) ? value.replace(reg, "$1$2.$3") : "";
+	if (typeof value === "number") return !isNaN(value) ? String(value).replace(reg, "$1$2.$3") : "";
+	return "";
+};
+/**
+* @title:  通用获取 金额信息
+* @description: 在 amount 页面设置则使用 pay ,如果有 setting 则使用 setting 信息 ,都没有则设置0
+* @param {State} store : 全局store数据管理
+* @Author: hongbing.wang
+* @Date: 2024-08-12 10:24
+*/
+function getAmonunt(store) {
+	const { device, pay, name, symbol, amount, eftpos } = store;
+	if (!device) throw Error("device is not defined");
+	const setting = device.setting;
+	if (pay) return {
+		name,
+		symbol,
+		money: Number(amount),
+		amount: Number(pay.amount),
+		surRate: Number(pay.surRate),
+		surMoney: Number(pay.surMoney),
+		surcharge: setting?.surcharge || false,
+		useOriginSurcharge: pay?.useOriginSurcharge || false
+	};
+	if (!setting) return {
+		name,
+		symbol,
+		money: Number(amount),
+		amount: Number(amount),
+		surRate: 0,
+		surMoney: 0,
+		surcharge: false,
+		useOriginSurcharge: false
+	};
+	const useOriginSurcharge = eftpos === EftposEnum.Tyro ? setting.useOriginSurcharge || false : false;
+	const surRate = setting.constant_rate || 0;
+	const surMoney = setting.constant_money || 0;
+	const surcharge = setting.surcharge;
+	return {
+		name,
+		symbol,
+		money: Number(amount),
+		amount: Number(amount),
+		surRate: useOriginSurcharge ? 0 : surcharge ? surRate : 0,
+		surMoney: useOriginSurcharge ? 0 : surcharge ? surMoney : 0,
+		surcharge,
+		useOriginSurcharge
+	};
+}
+function getPayAmonunt({ money, amount, surRate, surMoney }, formatAmount) {
+	const surRateDeci = new Decimal$1(surRate);
+	const moneyDeci = new Decimal$1(amount);
+	const surMoneyDeci = new Decimal$1(surMoney);
+	const surRateMoney = moneyDeci.mul(surRateDeci.div(100)).toFixed(2, Decimal$1.ROUND_HALF_UP);
+	const totalSurMoney = moneyDeci.mul(surRateDeci.div(100)).add(surMoneyDeci);
+	const rate = new Decimal$1(surRate).div(100).toFixed(4, Decimal$1.ROUND_HALF_UP);
+	const total = totalSurMoney.add(moneyDeci).toFixed(2, Decimal$1.ROUND_HALF_UP);
+	return {
+		sourceAmount: `${money}`,
+		amount: `${amount}`,
+		surcharge: `${totalSurMoney}`,
+		total: `${total}`,
+		surPercentRate: `${rate}`,
+		surRate: `${surRate}`,
+		surMoney: `${surMoney}`,
+		surRateMoney: `${surRateMoney}`,
+		totalUnit: formatAmount(total)
+	};
+}
+function getBrowserVersion() {
+	const Sys = {};
+	const ua = navigator.userAgent.toLowerCase();
+	let s;
+	(s = ua.match(/rv:([\d.]+)\) like gecko/)) ? Sys.ie = s[1] : (s = ua.match(/msie ([\d\.]+)/)) ? Sys.ie = s[1] : (s = ua.match(/edge\/([\d\.]+)/)) ? Sys.edge = s[1] : (s = ua.match(/firefox\/([\d\.]+)/)) ? Sys.firefox = s[1] : (s = ua.match(/(?:opera|opr).([\d\.]+)/)) ? Sys.opera = s[1] : (s = ua.match(/chrome\/([\d\.]+)/)) ? Sys.chrome = s[1] : (s = ua.match(/version\/([\d\.]+).*safari/)) && (Sys.safari = s[1]);
+	if (Sys.ie) return "IE: " + Sys.ie;
+	if (Sys.edge) return "EDGE: " + Sys.edge;
+	if (Sys.firefox) return "Firefox: " + Sys.firefox;
+	if (Sys.chrome) return "Chrome: " + Sys.chrome;
+	if (Sys.opera) return "Opera: " + Sys.opera;
+	if (Sys.safari) return "Safari: " + Sys.safari;
+	return "Unkonwn";
+}
+
+//#endregion
+export { cloneDeep, getAmonunt, getBrowserVersion, getPayAmonunt, getPayParams, getUuid, limitDecimals, sleep };