@pisell/private-materials 3.0.136 → 3.0.138

package/es/components/eftposPay/helper.js

@@ -1,4 +1,11 @@
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+import { Decimal } from 'decimal.js';
+import { ModeEnum } from "./const";
 /* eslint-disable no-bitwise */
 export function getUuid() {
   return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxx'.replace(/[xy]/g, function (c) {
@@ -7,6 +14,12 @@ export function getUuid() {
     return v.toString(16);
   });
 }
+/**
+ * @title: Promise化 setTimeout
+ * @param {number} time
+ * @Author: hongbing.wang
+ * @Date: 2024-08-20 13:03
+ */
 export var sleep = function sleep(time) {
   return new Promise(function (resove) {
     setTimeout(function () {
@@ -14,6 +27,12 @@ export var sleep = function sleep(time) {
     }, time);
   });
 };
+
+/**
+ * @title: 克隆
+ * @Author: hongbing.wang
+ * @Date: 2024-08-20 13:03
+ */
 export function cloneDeep(source) {
   var hash = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : new WeakMap();
   if (_typeof(source) !== 'object' || source === null) {
@@ -32,4 +51,77 @@ export function cloneDeep(source) {
     }
   });
   return target;
-}
+}
+/**
+ * @title: 获取支付回调参数
+ * @Author: hongbing.wang
+ * @Date: 2024-08-20 20:26
+ */
+export var getPayParams = function getPayParams(data, statue) {
+  if (statue === 'fail') {
+    return {
+      number: data.number,
+      device: data.device,
+      order_id: data.order_id
+    };
+  }
+  if (data.mode === ModeEnum.Pay) {
+    var _data$custom;
+    var pay = data.pay;
+    var card_reader_surcharge = ((_data$custom = data.custom) === null || _data$custom === void 0 ? void 0 : _data$custom.card_reader_surcharge) || 0;
+    var obj = pay || {};
+    var cardReaderSurcharge = card_reader_surcharge;
+    // 卡手续费
+    var surCardDeci = new Decimal(Number(cardReaderSurcharge));
+
+    // 手续费-固定金额
+    var surMoneyDeci = new Decimal(Number((obj === null || obj === void 0 ? void 0 : obj.surMoney) || 0));
+
+    // 手续费-比例金额
+    var surRateMoneyDeci = new Decimal(Number(obj === null || obj === void 0 ? void 0 : obj.surRateMoney));
+
+    // 手续费-固定金额 + 卡手续费  = 固定金额总额
+    var surMoneyTotal = surMoneyDeci.add(surCardDeci);
+
+    // 手续费-固定金额 + 卡手续费 + 手续费-比例金额  = 总手续费
+    var surchargeDeci = surMoneyTotal.add(surRateMoneyDeci);
+    var amount = new Decimal(Number(obj === null || obj === void 0 ? void 0 : obj.amount));
+    var total = surchargeDeci.add(amount);
+    return _objectSpread(_objectSpread({}, obj), {}, {
+      cardReaderSurcharge: cardReaderSurcharge,
+      surMoney: surMoneyTotal.toFixed(2, Decimal.ROUND_HALF_UP),
+      surcharge: surchargeDeci.toFixed(2, Decimal.ROUND_HALF_UP),
+      total: total.toFixed(2, Decimal.ROUND_HALF_UP),
+      number: data.number,
+      device: data.device,
+      order_id: data.order_id
+    });
+  }
+  if (data.mode === ModeEnum.Refund) {
+    return {
+      amount: data.amount,
+      total: data.amount,
+      number: data.number,
+      device: data.device,
+      order_id: data.order_id
+    };
+  }
+  return {
+    amount: data.amount,
+    total: data.amount,
+    number: data.number,
+    order_id: data.order_id
+  };
+};
+
+// inputNumber过滤
+export var limitDecimals = function limitDecimals(value) {
+  var 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 '';
+};

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

@@ -1,4 +1,33 @@
+import React from 'react';
 import { PayStatus } from './const';
+import { ModeEnum } from './const';
+export declare const useStoreRef: <T extends {
+    [key: string]: unknown;
+} = {
+    [key: string]: unknown;
+}, U extends {
+    [key: string]: unknown;
+} = {
+    [key: string]: unknown;
+}>() => {
+    readonly deviceRef: React.MutableRefObject<T>;
+    readonly payRef: React.MutableRefObject<U>;
+    readonly numRef: React.MutableRefObject<string | number | undefined>;
+    readonly orderIdRef: React.MutableRefObject<string | number>;
+    readonly modeRef: React.MutableRefObject<ModeEnum>;
+    readonly statusRef: React.MutableRefObject<"loading" | "success" | "warn" | "fail" | "pedding" | "resove" | "reject" | "question">;
+    readonly netRef: React.MutableRefObject<boolean | undefined>;
+    readonly symbolRef: React.MutableRefObject<string>;
+    readonly amountRef: React.MutableRefObject<string | number>;
+    readonly eftposRef: React.MutableRefObject<"windcave" | "tyro" | "payo" | "stripe">;
+};
+/**
+ * @title: 通用失败处理
+ * @description:  固定步骤 错误处理逻辑
+ * @return null
+ * @Author: hongbing.wang
+ * @Date: 2024-08-12 11:54
+ */
 export declare const useFail: (index: number, isMark?: boolean) => (res: {
-    code?: "200" | "4004" | "701000" | "701001" | "701003" | "701004" | "701005" | "701006" | "701007" | undefined;
+    code?: "200" | "4004" | "701000" | "701001" | "701003" | "701004" | "701005" | "701006" | "701007" | "701008" | "701009" | "701010" | undefined;
 }) => void;

package/es/components/eftposPay/hooks.js

@@ -5,16 +5,111 @@ function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key i
 function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
 function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 import { locales } from '@pisell/utils';
-import React, { useCallback, useEffect, useRef } from 'react';
+import { useCallback, useEffect, useRef } from 'react';
 import { PayStatus } from "./const";
-import { useContextData, useDispatch, updateComponent, updateSteps, updateState, updateCustom, updateCustomStemItem, updateKey } from "./store";
+import { useContextData, useDispatch, updateComponent, updateSteps, updateState, updateCustom, updateKey } from "./store";
 var Max4004 = 1;
+
+// 穿越 react deep
+export var useStoreRef = function useStoreRef() {
+  var _useContextData = useContextData(),
+    order_id = _useContextData.order_id,
+    device = _useContextData.device,
+    pay = _useContextData.pay,
+    number = _useContextData.number,
+    mode = _useContextData.mode,
+    net = _useContextData.net,
+    status = _useContextData.status,
+    symbol = _useContextData.symbol,
+    amount = _useContextData.amount,
+    eftpos = _useContextData.eftpos;
+  // 设备信息
+  var deviceRef = useRef(device);
+
+  // 支付金额信息
+  var payRef = useRef(pay);
+
+  // 支付流水号
+  var numRef = useRef(number);
+
+  // 订单id
+  var orderIdRef = useRef(order_id);
+
+  // 退款 or 支付
+  var modeRef = useRef(mode);
+
+  // 页面状态 成功 or 失败 or 加载 ...
+  var statusRef = useRef(status);
+
+  // 网络状态
+  var netRef = useRef(net);
+
+  // 金额单位
+  var symbolRef = useRef(symbol);
+
+  // 原始支付金额
+  var amountRef = useRef(amount);
+
+  // 设备类型
+  var eftposRef = useRef(eftpos);
+  useEffect(function () {
+    deviceRef.current = device;
+  }, [device]);
+  useEffect(function () {
+    payRef.current = pay;
+  }, [pay]);
+  useEffect(function () {
+    numRef.current = number;
+  }, [number]);
+  useEffect(function () {
+    orderIdRef.current = order_id;
+  }, [order_id]);
+  useEffect(function () {
+    modeRef.current = mode;
+  }, [mode]);
+  useEffect(function () {
+    statusRef.current = status;
+  }, [status]);
+  useEffect(function () {
+    netRef.current = net;
+  }, [net]);
+  useEffect(function () {
+    symbolRef.current = symbol;
+  }, [symbol]);
+  useEffect(function () {
+    amountRef.current = amount;
+  }, [amount]);
+  useEffect(function () {
+    eftposRef.current = eftpos;
+  }, [eftpos]);
+  return {
+    deviceRef: deviceRef,
+    payRef: payRef,
+    numRef: numRef,
+    orderIdRef: orderIdRef,
+    modeRef: modeRef,
+    statusRef: statusRef,
+    netRef: netRef,
+    symbolRef: symbolRef,
+    amountRef: amountRef,
+    eftposRef: eftposRef
+  };
+};
+
+/**
+ * @title: 通用失败处理
+ * @description:  固定步骤 错误处理逻辑
+ * @return null
+ * @Author: hongbing.wang
+ * @Date: 2024-08-12 11:54
+ */
 export var useFail = function useFail(index) {
   var isMark = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
-  var _useContextData = useContextData(),
-    steps = _useContextData.steps,
-    custom = _useContextData.custom,
-    mode = _useContextData.mode;
+  var _useContextData2 = useContextData(),
+    steps = _useContextData2.steps,
+    custom = _useContextData2.custom;
+  var _useStoreRef = useStoreRef(),
+    modeRef = _useStoreRef.modeRef;
   var dispatch = useDispatch();
   var ref = useRef((custom === null || custom === void 0 ? void 0 : custom.retry) || 0);
   useEffect(function () {
@@ -22,6 +117,7 @@ export var useFail = function useFail(index) {
   }, [custom === null || custom === void 0 ? void 0 : custom.retry]);
   return useCallback(function (res) {
     if (!res || !res.code) {
+      // 去往未知处理页面
       dispatch(updateCustom({
         errorStatus: 'unknow' // unknow know
       }));
@@ -30,11 +126,9 @@ export var useFail = function useFail(index) {
       return;
     }
     var code = "".concat(res.code);
-    dispatch(updateCustomStemItem({
-      step: index
-    }));
     if (code === PayStatus.Unknown) {
-      steps[index].title = locales.getText('page.eftpos-pay.text.failed')(mode);
+      // 前往报错页 不可标记
+      steps[index].title = locales.getText('page.eftpos-pay.text.failed')(modeRef.current);
       steps[index].fail = locales.getText('page.eftpos-pay.text.transaction.fail');
       steps[index].status = 'fail';
       dispatch(updateSteps(steps));
@@ -45,14 +139,28 @@ export var useFail = function useFail(index) {
 
       return;
     }
-    if (code === PayStatus.Timeout || code === PayStatus.PayTimeout) {
+    if (code === PayStatus.PayTimeout) {
+      // 前往错误页  不可标记状态
+      steps[index].fail = locales.getText('page.eftpos-pay.text.transaction.fail.timeout');
+      steps[index].title = locales.getText('page.eftpos-pay.text.failed')(modeRef.current);
+      steps[index].status = 'fail';
+      dispatch(updateSteps(steps));
+      dispatch(updateComponent('Fail'));
+      dispatch(updateCustom({
+        errorStatus: 'know' // unknow know
+      }));
+
+      return;
+    }
+    if (code === PayStatus.Timeout) {
       if (isMark) {
+        // 超时 前往标记页
         steps[index].status = 'fail';
         dispatch(updateSteps(steps));
         dispatch(updateState({
           manual: {
             title: locales.getText('page.eftpos-pay.text.timedout.title'),
-            text: locales.getText('page.eftpos-pay.text.timedout.text')(mode)
+            text: locales.getText('page.eftpos-pay.text.timedout.text')(modeRef.current)
           }
         }));
         dispatch(updateCustom({
@@ -60,14 +168,11 @@ export var useFail = function useFail(index) {
         }));
 
         dispatch(updateComponent('Manual'));
-        dispatch(updateCustom({
-          errorStatus: 'know' // unknow know
-        }));
-
         return;
       }
-      steps[index].fail = code === PayStatus.Timeout ? locales.getText('page.eftpos-pay.text.transaction.pay.fail.timeout') : locales.getText('page.eftpos-pay.text.transaction.fail.timeout');
-      steps[index].title = locales.getText('page.eftpos-pay.text.failed')(mode);
+      // 前往错误页  不可标记状态
+      steps[index].fail = locales.getText('page.eftpos-pay.text.transaction.pay.fail.timeout');
+      steps[index].title = locales.getText('page.eftpos-pay.text.failed')(modeRef.current);
       steps[index].status = 'fail';
       dispatch(updateSteps(steps));
       dispatch(updateComponent('Fail'));
@@ -78,29 +183,36 @@ export var useFail = function useFail(index) {
       return;
     }
     if (code === PayStatus.NoPay) {
+      // 如果未查询到支付状态,则重新发起支付
       if (ref.current > Max4004) {
+        // 前往错误页  不可标记状态
+        dispatch(updateState({
+          number: ''
+        }));
         dispatch(updateCustom({
-          retry: ref.current,
-          number: undefined
+          retry: ref.current
         }));
-        steps[index].title = locales.getText('page.eftpos-pay.text.failed')(mode);
+        steps[index].title = locales.getText('page.eftpos-pay.text.failed')(modeRef.current);
         steps[index].fail = locales.getText('page.eftpos-pay.text.transaction.fail');
         steps[index].status = 'fail';
         dispatch(updateSteps(steps));
         dispatch(updateComponent('Fail'));
         return;
       }
+      // 重新支付 最多到重新发起2次
       ref.current += 1;
+      dispatch(updateState({
+        number: ''
+      }));
       dispatch(updateCustom({
-        retry: ref.current,
-        number: undefined
+        retry: ref.current
       }));
       dispatch(updateKey(Date.now()));
       return;
     }
     if (code === PayStatus.PayOtherEftposFailed) {
+      // 前往错误页 不可标记状态
       steps[index].title = locales.getText('page.eftpos-pay.text.transaction.fail.terminal.title');
-      // steps[index].title = locales.getText('page.eftpos-pay.text.failed')(mode)
       steps[index].fail = locales.getText('page.eftpos-pay.text.transaction.fail.terminal');
       steps[index].status = 'fail';
       dispatch(updateSteps(steps));
@@ -112,6 +224,7 @@ export var useFail = function useFail(index) {
       return;
     }
     if (code === PayStatus.PayCardErrorFailed) {
+      // 前往错误页 不可标记状态
       steps[index].title = locales.getText('page.eftpos-pay.text.transaction.fail.cancel.title');
       steps[index].fail = locales.getText('page.eftpos-pay.text.transaction.fail.cancel');
       steps[index].status = 'fail';
@@ -124,8 +237,9 @@ export var useFail = function useFail(index) {
       return;
     }
     if (code === PayStatus.NoNetWork || code === PayStatus.SocketError) {
+      // 前往错误页 可标记状态
       steps[index].title = locales.getText('page.eftpos-pay.text.interrupted');
-      steps[index].warn = /*#__PURE__*/React.createElement(React.Fragment, null, locales.getText('page.eftpos-pay.text.transaction.eftpos.fail.title'), /*#__PURE__*/React.createElement("br", null), locales.getText('page.eftpos-pay.text.transaction.eftpos.fail.power'), ". ", /*#__PURE__*/React.createElement("br", null), locales.getText('page.eftpos-pay.text.transaction.eftpos.fail.device'), /*#__PURE__*/React.createElement("br", null), locales.getText('page.eftpos-pay.text.transaction.eftpos.fail.network'), /*#__PURE__*/React.createElement("br", null), locales.getText('page.eftpos-pay.text.transaction.eftpos.fail.if')(mode));
+      steps[index].warn = "".concat(locales.getText('page.eftpos-pay.text.transaction.eftpos.fail.title'), "\n").concat(locales.getText('page.eftpos-pay.text.transaction.eftpos.fail.power'), "\n").concat(locales.getText('page.eftpos-pay.text.transaction.eftpos.fail.device'), "\n").concat(locales.getText('page.eftpos-pay.text.transaction.eftpos.fail.network'), "\n").concat(locales.getText('page.eftpos-pay.text.transaction.eftpos.fail.if')(modeRef.current));
       steps[index].status = 'warn';
       steps[index].custom = steps[index].custom ? _objectSpread(_objectSpread({}, steps[index].custom), {}, {
         isPosNetworkError: true
@@ -140,7 +254,48 @@ export var useFail = function useFail(index) {
 
       return;
     }
-    steps[index].title = locales.getText('page.eftpos-pay.text.failed')(mode);
+    if (code === PayStatus.PayBankRefuses) {
+      // 前往错误页  不可标记状态
+      steps[index].fail = locales.getText('page.eftpos-pay.text.transaction.back.declined.text');
+      steps[index].title = locales.getText('page.eftpos-pay.text.transaction.back.declined.title');
+      steps[index].status = 'fail';
+      dispatch(updateSteps(steps));
+      dispatch(updateComponent('Fail'));
+      dispatch(updateCustom({
+        errorStatus: 'know' // unknow know
+      }));
+
+      return;
+    }
+    if (code === PayStatus.SignatureDeclined) {
+      // 前往错误页  不可标记状态
+      steps[index].fail = locales.getText('page.eftpos-pay.text.transaction.user.declined.text');
+      steps[index].title = locales.getText('page.eftpos-pay.text.transaction.user.declined.title');
+      steps[index].status = 'fail';
+      dispatch(updateSteps(steps));
+      dispatch(updateComponent('Fail'));
+      dispatch(updateCustom({
+        errorStatus: 'know' // unknow know
+      }));
+
+      return;
+    }
+    if (code === PayStatus.UserConfigError) {
+      // 前往错误页  不可标记状态
+      steps[index].title = locales.getText('page.eftpos-pay.text.transaction.user.config.title');
+      steps[index].fail = locales.getText('page.eftpos-pay.text.transaction.user.config.text');
+      steps[index].status = 'fail';
+      dispatch(updateSteps(steps));
+      dispatch(updateComponent('Fail'));
+      dispatch(updateCustom({
+        errorStatus: 'know' // unknow know
+      }));
+
+      return;
+    }
+
+    // 其他场景前往未知错误页
+    steps[index].title = locales.getText('page.eftpos-pay.text.failed')(modeRef.current);
     steps[index].status = 'fail';
     steps[index].fail = locales.getText('page.eftpos-pay.text.transaction.fail');
     dispatch(updateSteps(steps));

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

@@ -1,7 +1,5 @@
 import React from 'react';
-import { PosProps, ModeEnum } from './const';
+import { PosProps } from './const';
 import './index.less';
-declare const _default: (props: Omit<PosProps, "action"> & {
-    mode: ModeEnum;
-}) => React.JSX.Element;
+declare const _default: (props: PosProps) => React.JSX.Element;
 export default _default;