@pisell/private-materials 3.0.136 → 3.0.138

package/es/components/eftposPay/component/manual/index.js

@@ -11,61 +11,212 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
 function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import { locales } from '@pisell/utils';
-import { Button } from 'antd';
-import React, { useState } from 'react';
+import { Decimal } from 'decimal.js';
+import { Button, InputNumber } from 'antd';
+import React, { useMemo, useState } from 'react';
 import usePrefix from "../../../../hooks/usePrefix";
 import { ModeEnum } from "../../const";
-import { useContextData } from "../../store";
+import { useContextData, useDispatch, updateState } from "../../store";
+import { limitDecimals } from "../../helper";
 import "./index.less";
+
+/**
+ * @title: 结果标记页面
+ * @Author: hongbing.wang
+ * @Date: 2024-08-20 11:46
+ */
 export default (function (_ref) {
   var onChange = _ref.onChange,
     _ref$className = _ref.className,
-    className = _ref$className === void 0 ? '' : _ref$className;
+    className = _ref$className === void 0 ? '' : _ref$className,
+    formatAmount = _ref.formatAmount;
+  var dispatch = useDispatch();
   var _useContextData = useContextData(),
+    symbol = _useContextData.symbol,
     manual = _useContextData.manual,
-    custom = _useContextData.custom,
+    order_id = _useContextData.order_id,
     mode = _useContextData.mode,
-    device = _useContextData.device;
-  var _useState = useState(false),
+    device = _useContextData.device,
+    number = _useContextData.number,
+    pay = _useContextData.pay,
+    amount = _useContextData.amount;
+  var start = useMemo(function () {
+    if (typeof (manual === null || manual === void 0 ? void 0 : manual.money) === 'number') {
+      return manual === null || manual === void 0 ? void 0 : manual.money;
+    }
+    if (typeof (pay === null || pay === void 0 ? void 0 : pay.total) === 'number') {
+      return pay === null || pay === void 0 ? void 0 : pay.total;
+    }
+    return amount;
+  }, [manual === null || manual === void 0 ? void 0 : manual.money, pay === null || pay === void 0 ? void 0 : pay.total, amount]);
+  var _useState = useState(start),
     _useState2 = _slicedToArray(_useState, 2),
-    disabled = _useState2[0],
-    setDisabled = _useState2[1];
+    money = _useState2[0],
+    setMoney = _useState2[1];
+  var _useState3 = useState(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    disabled = _useState4[0],
+    setDisabled = _useState4[1];
   var prefix = usePrefix();
+  var _useState5 = useState(manual === null || manual === void 0 ? void 0 : manual.status),
+    _useState6 = _slicedToArray(_useState5, 2),
+    isUpdateAmount = _useState6[0],
+    updateAmountStatus = _useState6[1];
+
+  /**
+   * @title: 标记成功
+   * @Author: hongbing.wang
+   * @Date: 2024-08-20 11:48
+   */
   var onSuccess = function onSuccess() {
     if (disabled) {
       return;
     }
-    setDisabled(true);
+    // 暂时关闭 后期可以放开用于自定义编辑金额
     if (mode === ModeEnum.Pay) {
-      var obj = (custom === null || custom === void 0 ? void 0 : custom.pay) || {};
+      setDisabled(true);
+      var obj = pay || {};
       onChange('success', _objectSpread(_objectSpread({}, obj), {}, {
-        number: custom === null || custom === void 0 ? void 0 : custom.number,
-        device: device
+        number: number,
+        device: device,
+        order_id: order_id
       }));
       return;
     }
     if (mode === ModeEnum.Refund) {
-      var _obj = (custom === null || custom === void 0 ? void 0 : custom.refund) || {};
-      onChange('success', _objectSpread(_objectSpread({}, _obj), {}, {
-        number: custom === null || custom === void 0 ? void 0 : custom.number,
-        device: device
-      }));
+      setDisabled(true);
+      onChange('success', {
+        amount: amount,
+        total: amount,
+        number: number,
+        device: device,
+        order_id: order_id
+      });
       return;
     }
-    onChange('success', {
-      number: custom === null || custom === void 0 ? void 0 : custom.number
-    });
+    updateAmountStatus(true);
+    dispatch(updateState({
+      manual: _objectSpread(_objectSpread({}, manual), {}, {
+        status: true
+      })
+    }));
   };
+
+  /**
+   * @title: 标记失败
+   * @Author: hongbing.wang
+   * @Date: 2024-08-20 11:49
+   */
   var onFail = function onFail() {
     if (disabled) {
       return;
     }
     setDisabled(true);
-    onChange('fail');
+    onChange('fail', {
+      number: number,
+      device: device,
+      order_id: order_id
+    });
+  };
+  var onSubmit = function onSubmit() {
+    if (disabled) {
+      return;
+    }
+    setDisabled(true);
+    if (mode !== ModeEnum.Pay) {
+      return;
+    }
+    var prevMoneyDeci = new Decimal((pay === null || pay === void 0 ? void 0 : pay.total) || 0);
+    var moneyDeci = new Decimal(Number(money || 0));
+
+    // 手续费-固定金额
+    var surMoneyDeci = new Decimal(Number((pay === null || pay === void 0 ? void 0 : pay.surMoney) || 0));
+
+    // 手续费-比例金额
+    var surchargeDeci = new Decimal(Number(pay === null || pay === void 0 ? void 0 : pay.surcharge));
+    var diff = moneyDeci.sub(prevMoneyDeci);
+    var flag = diff.comparedTo(0);
+    if (flag < 0) {
+      setDisabled(false);
+      return;
+    }
+    if (flag > 0) {
+      surMoneyDeci = surMoneyDeci.add(diff);
+      surchargeDeci = surchargeDeci.add(diff);
+    }
+    var obj = pay || {};
+    onChange('success', _objectSpread(_objectSpread({}, obj), {}, {
+      surMoney: surMoneyDeci.toFixed(2, Decimal.ROUND_HALF_UP),
+      surcharge: surchargeDeci.toFixed(2, Decimal.ROUND_HALF_UP),
+      total: moneyDeci.toFixed(2, Decimal.ROUND_HALF_UP),
+      totalUnit: formatAmount(moneyDeci.toFixed(2, Decimal.ROUND_HALF_UP), 2, symbol),
+      number: number,
+      device: device,
+      order_id: order_id
+    }));
+    return;
+  };
+  var onCancel = function onCancel() {
+    updateAmountStatus(false);
+    setMoney(pay === null || pay === void 0 ? void 0 : pay.total);
+    dispatch(updateState({
+      manual: _objectSpread(_objectSpread({}, manual), {}, {
+        status: true,
+        money: pay === null || pay === void 0 ? void 0 : pay.total
+      })
+    }));
   };
   return /*#__PURE__*/React.createElement("div", {
     className: "pisell-lowcode__eft-pay-manual ".concat(className)
+  }, isUpdateAmount ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+    className: "pisell-lowcode__eft-pay-manual-edit-title"
+  }, locales.getText('page.eftpos-pay.text.manual.title')), /*#__PURE__*/React.createElement("div", {
+    className: "pisell-lowcode__eft-pay-manual-edit-body"
   }, /*#__PURE__*/React.createElement("div", {
+    className: "pisell-lowcode__eft-pay-manual-edit-text"
+  }, locales.getText('page.eftpos-pay.text.manual.subtitle')(formatAmount(pay === null || pay === void 0 ? void 0 : pay.total, 2, symbol)), " ", /*#__PURE__*/React.createElement("br", null), locales.getText('page.eftpos-pay.text.manual.confirm'), /*#__PURE__*/React.createElement("br", null), locales.getText('page.eftpos-pay.text.manual.diff')), /*#__PURE__*/React.createElement("div", {
+    className: "pisell-lowcode__eft-pay-manual-edit-act"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "pisell-lowcode__eft-pay-manual-edit-text"
+  }, locales.getText('page.eftpos-pay.text.manual.tip')), /*#__PURE__*/React.createElement(InputNumber, {
+    addonBefore: symbol || '$',
+    min: pay === null || pay === void 0 ? void 0 : pay.total,
+    precision: 2,
+    style: {
+      width: '100%'
+    },
+    formatter: limitDecimals,
+    parser: limitDecimals,
+    defaultValue: money,
+    onChange: function onChange(event) {
+      if (event !== null && event !== undefined) {
+        setMoney(event || 0);
+        dispatch(updateState({
+          manual: _objectSpread(_objectSpread({}, manual), {}, {
+            money: event || 0
+          })
+        }));
+      } else {
+        setMoney(0);
+        dispatch(updateState({
+          manual: _objectSpread(_objectSpread({}, manual), {}, {
+            money: 0
+          })
+        }));
+      }
+    }
+  }))), /*#__PURE__*/React.createElement("div", {
+    className: "pisell-lowcode__eft-pay-step-item-btns"
+  }, /*#__PURE__*/React.createElement(Button, {
+    className: "pisell-lowcode__eft-pay-manual-btn",
+    block: true,
+    onClick: onCancel
+  }, locales.getText('page.eftpos-pay.text.cancel')), /*#__PURE__*/React.createElement(Button, {
+    className: "pisell-lowcode__eft-pay-manual-btn",
+    block: true,
+    type: "primary",
+    onClick: onSubmit
+  }, locales.getText('page.eftpos-pay.text.manual.btn.confirm')(formatAmount(money, 2, symbol))))) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
     className: "pisell-lowcode__eft-pay-manual-title"
   }, manual === null || manual === void 0 ? void 0 : manual.title), /*#__PURE__*/React.createElement("div", {
     className: "pisell-lowcode__eft-pay-manual-txt"
@@ -93,5 +244,5 @@ export default (function (_ref) {
   }), /*#__PURE__*/React.createElement(Button, {
     className: "pisell-lowcode__eft-pay-manual-btn",
     block: true
-  }, locales.getText('page.eftpos-pay.text.failed')(mode)))));
+  }, locales.getText('page.eftpos-pay.text.failed')(mode))))));
 });

package/es/components/eftposPay/component/manual/index.less

@@ -1,4 +1,4 @@
-.pisell-lowcode__eft-pay-manual{
+.pisell-lowcode__eft-pay-manual {
   padding: var(--pisel-lc-pos-manual-padding, 24px);
   width: var(--pisel-lc-pos-manual-width, 600px);
 }
@@ -7,16 +7,48 @@
   color: var(--text-text_1, #1b1b1b);
 
   /* H6/Semi Bold */
-  
+
   font-size: 16px;
   font-style: normal;
   font-weight: 600;
   line-height: 22px; /* 137.5% */
 }
+
+.pisell-lowcode__eft-pay-manual-edit-title {
+  color: var(--Gray-900, #101828);
+  font-size: 18px;
+  font-style: normal;
+  font-weight: 600;
+  line-height: 28px; /* 155.556% */
+  padding: 0 0 16px 0;
+}
+
+.pisell-lowcode__eft-pay-manual-edit-body {
+  border-top: 1px solid var(--Gray-200, #eaecf0);
+  padding: 16px 0;
+  display: flex;
+  flex-direction: column;
+  gap: 16px;
+  flex: 1;
+}
+
+.pisell-lowcode__eft-pay-manual-edit-act{
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+}
+
+.pisell-lowcode__eft-pay-manual-edit-text {
+  color: var(--Gray-900, #101828);
+  font-size: 16px;
+  font-style: normal;
+  font-weight: 400;
+  line-height: 24px; /* 150% */
+}
 .pisell-lowcode__eft-pay-manual-txt {
   color: var(--text-text_1, #1b1b1b);
   /* Paragraph/Regular */
-  
+
   font-size: 14px;
   font-style: normal;
   font-weight: 400;
@@ -51,14 +83,14 @@
   background-position: center;
   background-size: cover;
 }
-.pisell-lowcode__eft-pay-manual-card-box{
+.pisell-lowcode__eft-pay-manual-card-box {
   flex: 1;
   overflow: auto;
 }
 
 @media only screen and (max-width: 499px) {
   .pisell-lowcode__eft-pay-manual-card-box {
-    gap:10px;
+    gap: 10px;
   }
   .pisell-lowcode__eft-pay-manual-card {
     flex: 1;
@@ -68,35 +100,31 @@
     width: 110px;
     height: 150px;
   }
-  .pisell-lowcode__eft-pay-manual-card .pisell-lowcode__eft-pay-manual-btn{
+  .pisell-lowcode__eft-pay-manual-card .pisell-lowcode__eft-pay-manual-btn {
     font-size: 12px !important;
   }
 }
 
-
 @media only screen and (min-width: 500px) and (max-width: 601px) {
-  .pisell-lowcode__eft-pay-terminal .pisell-lowcode__eft-pay-manual-card-box{
+  .pisell-lowcode__eft-pay-terminal .pisell-lowcode__eft-pay-manual-card-box {
     flex: none;
     height: 360px;
   }
   .pisell-lowcode__eft-pay-manual-card-box {
-    gap:10px;
+    gap: 10px;
     height: 400px;
-    
   }
   .pisell-lowcode__eft-pay-manual-card {
     flex: 1;
     padding: 20px;
-    gap:30px;
+    gap: 30px;
   }
-  .pisell-lowcode__eft-pay-manual-img{
+  .pisell-lowcode__eft-pay-manual-img {
     width: 200px;
     height: 200px;
   }
 }
 
- 
-
 @media only screen and (min-width: 601px) {
   .pisell-lowcode__eft-pay-manual-card-box {
     margin: 24px auto 0;

package/es/components/eftposPay/component/signature/index.d.ts

@@ -1,4 +1,9 @@
 import React from 'react';
 import { ActionProps } from '../../const';
+/**
+ * @title: 取消签名确认页
+ * @Author: hongbing.wang
+ * @Date: 2024-08-20 11:49
+ */
 declare const _default: ({ api, className }: ActionProps) => React.JSX.Element;
 export default _default;

package/es/components/eftposPay/component/signature/index.js

@@ -9,26 +9,44 @@ import { Button } from 'antd';
 import React, { useState } from 'react';
 import { useContextData, useDispatch, updateNextStep, updateComponent } from "../../store";
 import Header from "../header";
+
+/**
+ * @title: 取消签名确认页
+ * @Author: hongbing.wang
+ * @Date: 2024-08-20 11:49
+ */
 export default (function (_ref) {
   var api = _ref.api,
     _ref$className = _ref.className,
     className = _ref$className === void 0 ? '' : _ref$className;
   var dispatch = useDispatch();
   var _useContextData = useContextData(),
-    custom = _useContextData.custom,
+    number = _useContextData.number,
     mode = _useContextData.mode;
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     disabled = _useState2[0],
     setDisabled = _useState2[1];
+
+  /**
+   * @title: 返回流程页
+   * @Author: hongbing.wang
+   * @Date: 2024-08-20 11:51
+   */
   var onBack = function onBack() {
     dispatch(updateComponent(''));
   };
+
+  /**
+   * @title: 取消签名确认页
+   * @Author: hongbing.wang
+   * @Date: 2024-08-20 11:51
+   */
   var onConfirm = function onConfirm() {
     setDisabled(true);
     api.update({
       type: 'NO',
-      number: custom === null || custom === void 0 ? void 0 : custom.number
+      number: number
     }).then(function () {
       setDisabled(false);
       dispatch(updateComponent(''));

package/es/components/eftposPay/component/step/index.d.ts

@@ -1,12 +1,12 @@
-import React, { ReactNode } from 'react';
+import React from 'react';
 import { StatusType } from '../../const';
 declare const _default: (props: {
     status: StatusType;
-    warn?: ReactNode;
-    text?: ReactNode;
-    tip?: ReactNode;
-    loading?: ReactNode;
-    success?: ReactNode;
-    fail?: ReactNode;
+    warn?: string | undefined;
+    text?: string | undefined;
+    tip?: string | undefined;
+    loading?: string | undefined;
+    success?: string | undefined;
+    fail?: string | undefined;
 }) => React.JSX.Element;
 export default _default;

package/es/components/eftposPay/component/step/step.d.ts

@@ -1,9 +1,9 @@
-import React, { ReactNode } from 'react';
+import React from 'react';
 declare const _default: (props: {
     status: string;
-    pedding?: ReactNode;
-    resolve?: ReactNode;
-    reject?: ReactNode;
+    pedding?: string | undefined;
+    resolve?: string | undefined;
+    reject?: string | undefined;
     className?: string | undefined;
 }) => React.JSX.Element;
 export default _default;

package/es/components/eftposPay/const.d.ts

@@ -1,9 +1,11 @@
 export declare enum EftposEnum {
+    /** 后端支付 - 仅支付  */
     Payo = "payo",
+    /** 前端支付 */
     Tyro = "tyro",
+    /** 后端支付 - 支付 + 退款  */
     Windcave = "windcave",
-    Stripe = "stripe",
-    Eftpos = "eftpos"
+    Stripe = "stripe"
 }
 export declare enum StatusEnum {
     Loading = "loading",
@@ -53,13 +55,17 @@ export interface PosProps {
     onChangeStatus: (status: `${StatusEnum.Success}` | `${StatusEnum.Fail}` | 'page', params?: {
         [keys: string]: unknown;
     } | string) => void;
+    onChangeParams(...agrn: unknown[]): void;
     terminal: {
         network: boolean;
     };
     device?: {
         [key: string]: unknown;
     };
-    action: RouteType;
+    mode: ModeEnum;
+    tyroUrl?: string;
+    tyroVersion?: string;
+    source: 'normal' | 'restore';
 }
 export interface PayProps {
     api: ReturnType<PosProps['getApi']>;
@@ -80,6 +86,8 @@ export declare type Amount = {
     surMoney: number;
     /** 手续费-是否存在 */
     surcharge: boolean;
+    /** 是否使用原始手续费 */
+    useOriginSurcharge: boolean;
 };
 export declare type PayAmount = {
     /** 手续费-百分比-带百分号  例: 1% =》 数据为 0.01 */
@@ -118,7 +126,13 @@ export declare enum PayStatus {
     /** 交易等待超时 */
     'PayTimeout' = "701006",
     /** 连接失败 */
-    'SocketError' = "701007"
+    'SocketError' = "701007",
+    /** 银行拒绝 */
+    'PayBankRefuses' = "701008",
+    /** 签名拒绝 */
+    'SignatureDeclined' = "701009",
+    /** 配置参数错误 */
+    'UserConfigError' = "701010"
 }
 export interface ActionProps {
     onChange: (status: `${StatusEnum.Success}` | `${StatusEnum.Fail}` | 'page', params?: {
@@ -129,4 +143,5 @@ export interface ActionProps {
     };
     className?: string;
     isIpad?: boolean;
+    formatAmount: (amount: number | string, precision: number, symbol: string) => string;
 }

package/es/components/eftposPay/const.js

@@ -1,10 +1,9 @@
-export var EftposEnum;
+export var EftposEnum; // Eftpos = 'eftpos',
 (function (EftposEnum) {
   EftposEnum["Payo"] = "payo";
   EftposEnum["Tyro"] = "tyro";
   EftposEnum["Windcave"] = "windcave";
   EftposEnum["Stripe"] = "stripe";
-  EftposEnum["Eftpos"] = "eftpos";
 })(EftposEnum || (EftposEnum = {}));
 export var StatusEnum;
 (function (StatusEnum) {
@@ -45,4 +44,7 @@ export var PayStatus;
   PayStatus["NoNetWork"] = "701005";
   PayStatus["PayTimeout"] = "701006";
   PayStatus["SocketError"] = "701007";
+  PayStatus["PayBankRefuses"] = "701008";
+  PayStatus["SignatureDeclined"] = "701009";
+  PayStatus["UserConfigError"] = "701010";
 })(PayStatus || (PayStatus = {}));

package/es/components/eftposPay/device.d.ts

@@ -1,6 +1,13 @@
 import React from 'react';
 import { PayProps, PosProps } from './const';
 import './device.less';
+/**
+ * @title: 设备选择页
+ * @description: 选择设备信息,无设备增加提示;仅有一条,默认选中跳走;多条记录则停留等待用户选择
+ * @return React.Element
+ * @Author: hongbing.wang
+ * @Date: 2024-08-12 11:40
+ */
 declare const _default: ({ api, onChange, onClose, className, device_number, isIpad, net, }: {
     api: PayProps['api'];
     className?: string | undefined;

package/es/components/eftposPay/device.js

@@ -12,6 +12,14 @@ import Titlebar from "./component/header/titlebar";
 import { ModeEnum } from "./const";
 import { useDispatch, useContextData, updateDevice } from "./store";
 import "./device.less";
+
+/**
+ * @title: 设备选择页
+ * @description: 选择设备信息,无设备增加提示;仅有一条,默认选中跳走;多条记录则停留等待用户选择
+ * @return React.Element
+ * @Author: hongbing.wang
+ * @Date: 2024-08-12 11:40
+ */
 export default (function (_ref) {
   var api = _ref.api,
     onChange = _ref.onChange,
@@ -38,6 +46,13 @@ export default (function (_ref) {
     list = _useState6[0],
     setList = _useState6[1];
   var dispatch = useDispatch();
+
+  /**
+   * @title: 设备选择事件
+   * @param {*} event
+   * @Author: hongbing.wang
+   * @Date: 2024-08-20 13:02
+   */
   var onClick = function onClick(event) {
     if (!net) {
       message.open({
@@ -56,6 +71,13 @@ export default (function (_ref) {
       onChange('page', mode === ModeEnum.Pay ? 'amount' : 'pay');
     }
   };
+
+  /**
+   * @title: 初始化加载设备列表页
+   * @description: 初始化加载设备列表页 若只有一条数据 则直接进入下一步
+   * @Author: hongbing.wang
+   * @Date: 2024-08-20 13:02
+   */
   useMount(function () {
     setLoading(true);
     api.getDeviceList({

package/es/components/eftposPay/helper.d.ts

@@ -1,3 +1,57 @@
+import { State } from './store';
 export declare function getUuid(): string;
+/**
+ * @title: Promise化 setTimeout
+ * @param {number} time
+ * @Author: hongbing.wang
+ * @Date: 2024-08-20 13:03
+ */
 export declare const sleep: (time: number) => Promise<unknown>;
+/**
+ * @title: 克隆
+ * @Author: hongbing.wang
+ * @Date: 2024-08-20 13:03
+ */
 export declare function cloneDeep(source: any, hash?: WeakMap<object, any>): any;
+declare type key = 'mode' | 'amount' | 'order_id' | 'number' | 'device' | 'pay' | 'custom';
+/**
+ * @title: 获取支付回调参数
+ * @Author: hongbing.wang
+ * @Date: 2024-08-20 20:26
+ */
+export declare const getPayParams: (data: Partial<Omit<State, key>> & Pick<State, Extract<key, keyof State>>, statue: 'success' | 'fail') => {
+    number: string | number | undefined;
+    device: {
+        [key: string]: unknown;
+    } | undefined;
+    order_id: string | number;
+    amount?: undefined;
+    total?: undefined;
+} | {
+    cardReaderSurcharge: {};
+    surMoney: string;
+    surcharge: string;
+    total: string;
+    number: string | number | undefined;
+    device: {
+        [key: string]: unknown;
+    } | undefined;
+    order_id: string | number;
+    amount?: undefined;
+} | {
+    amount: string | number;
+    total: string | number;
+    number: string | number | undefined;
+    device: {
+        [key: string]: unknown;
+    } | undefined;
+    order_id: string | number;
+} | {
+    amount: string | number;
+    total: string | number;
+    number: string | number | undefined;
+    order_id: string | number;
+    device?: undefined;
+};
+export declare const limitDecimals: (value: any) => any;
+export {};