@pisell/private-materials 3.0.13 → 3.0.14-2.gray

package/es/components/eftposPay/device.js

@@ -0,0 +1,171 @@
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+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 { useMount } from 'ahooks';
+import { Spin, message } from 'antd';
+import React, { useState } from 'react';
+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,
+    onClose = _ref.onClose,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? '' : _ref$className,
+    device_number = _ref.device_number,
+    isIpad = _ref.isIpad,
+    net = _ref.net;
+  var _useContextData = useContextData(),
+    device = _useContextData.device,
+    mode = _useContextData.mode,
+    eftpos = _useContextData.eftpos;
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    loading = _useState2[0],
+    setLoading = _useState2[1];
+  var _useState3 = useState(true),
+    _useState4 = _slicedToArray(_useState3, 2),
+    dataStaus = _useState4[0],
+    setDataStaus = _useState4[1];
+  var _useState5 = useState([]),
+    _useState6 = _slicedToArray(_useState5, 2),
+    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({
+        key: 'net-warning',
+        type: 'warning',
+        content: locales.getText('page.eftpos-pay.text.not.connected')
+      });
+      return;
+    }
+    var _ref2 = [Number(event.currentTarget.dataset.index)],
+      index = _ref2[0];
+    dispatch(updateDevice({
+      device: list[index]
+    }));
+    if (typeof onChange === 'function') {
+      onChange('page', mode === ModeEnum.Pay ? 'amount' : 'pay');
+    }
+  };
+
+  /**
+   * @title: 初始化加载设备列表页
+   * @description: 初始化加载设备列表页 若只有一条数据 则直接进入下一步
+   * @Author: hongbing.wang
+   * @Date: 2024-08-20 13:02
+   */
+  useMount(function () {
+    setLoading(true);
+    api.getDeviceList({
+      type: eftpos,
+      status: 'paired'
+    }).then(function (res) {
+      setLoading(false);
+      if (res && Array.isArray(res.list) && res.list.length > 0) {
+        if (device_number) {
+          var hostDeviceList = res.list.filter(function (item) {
+            var _item$setting, _item$setting$devices;
+            return item === null || item === void 0 ? void 0 : (_item$setting = item.setting) === null || _item$setting === void 0 ? void 0 : (_item$setting$devices = _item$setting.devices) === null || _item$setting$devices === void 0 ? void 0 : _item$setting$devices.some(function (i) {
+              return i.number === device_number;
+            });
+          });
+          if (hostDeviceList.length >= 1) {
+            setDataStaus(true);
+            setList(hostDeviceList);
+            if (hostDeviceList.length === 1) {
+              dispatch(updateDevice({
+                device: hostDeviceList[0]
+              }));
+              if (typeof api.selectDevice === 'function') {
+                api.selectDevice(hostDeviceList[0]);
+              }
+              if (typeof onChange === 'function') {
+                onChange('page', mode === ModeEnum.Pay ? 'amount' : 'pay');
+              }
+            }
+            return;
+          }
+        }
+        setDataStaus(true);
+        setList(res.list);
+        if (res.list.length === 1) {
+          dispatch(updateDevice({
+            device: res.list[0]
+          }));
+          if (typeof api.selectDevice === 'function') {
+            api.selectDevice(res.list[0]);
+          }
+          if (typeof onChange === 'function') {
+            onChange('page', mode === ModeEnum.Pay ? 'amount' : 'pay');
+          }
+        }
+        return;
+      }
+      setDataStaus(false);
+    }, function () {
+      setDataStaus(false);
+      setLoading(false);
+    });
+  });
+  return /*#__PURE__*/React.createElement("div", {
+    className: "pisell-lowcode__eft-pay-device-box ".concat(className)
+  }, isIpad ? null : /*#__PURE__*/React.createElement(Titlebar, {
+    type: "left-title-close",
+    onClose: onClose
+  }, dataStaus ? locales.getText('page.eftpos-pay.text.device') : ''), dataStaus ? /*#__PURE__*/React.createElement(Spin, {
+    spinning: loading
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "pisell-lowcode__eft-pay-device-list",
+    style: isIpad ? {
+      marginTop: '20px'
+    } : {}
+  }, list.map(function (_ref3, index) {
+    var id = _ref3.id,
+      name = _ref3.name;
+    return /*#__PURE__*/React.createElement("div", {
+      key: id,
+      className: "pisell-lowcode__eft-pay-device ".concat(id === (device === null || device === void 0 ? void 0 : device.id) ? 'active' : ''),
+      "data-index": index,
+      onClick: onClick,
+      role: "button",
+      tabIndex: index
+    }, name);
+  }))) : /*#__PURE__*/React.createElement("div", {
+    className: "pisell-lowcode__eft-pay-device-error",
+    style: isIpad ? {
+      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'))));
+});

package/es/components/eftposPay/device.less

@@ -0,0 +1,61 @@
+.pisell-lowcode__eft-pay-device-box {
+  max-height: var(--pisel-lc-pos-device-max-height, unset);
+  width: var(--pisel-lc-pos-device-width, 600px);
+  max-width: 100%;
+  padding: var(--pisel-lc-pos-device-padding, 0 24px 24px);
+}
+.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 {
+  height: 52px;
+  display: flex;
+  align-items: center;
+  padding: 0 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-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% */
+}

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

@@ -0,0 +1,66 @@
+import { State } from './store';
+import { Amount } from './const';
+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;
+/**
+ * @title:  通用获取 金额信息
+ * @description: 在 amount 页面设置则使用 pay ,如果有 setting 则使用 setting 信息 ,都没有则设置0
+ * @param {State} store : 全局store数据管理
+ * @Author: hongbing.wang
+ * @Date: 2024-08-12 10:24
+ */
+export declare function getAmonunt(store: State): Amount;
+export {};

package/es/components/eftposPay/helper.js

@@ -0,0 +1,195 @@
+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) {
+    var r = Math.random() * 16 | 0;
+    var v = c === 'x' ? r : r & 0x3 | 0x8;
+    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 () {
+      resove(undefined);
+    }, 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) {
+    return source;
+  }
+  if (hash.has(source)) {
+    return hash.get(source);
+  }
+  var target = Array.isArray(source) ? [] : {};
+  Reflect.ownKeys(source).forEach(function (key) {
+    var 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
+ */
+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 '';
+};
+
+/**
+ * @title:  通用获取 金额信息
+ * @description: 在 amount 页面设置则使用 pay ,如果有 setting 则使用 setting 信息 ,都没有则设置0 
+ * @param {State} store : 全局store数据管理
+ * @Author: hongbing.wang
+ * @Date: 2024-08-12 10:24
+ */
+export function getAmonunt(store) {
+  var device = store.device,
+    pay = store.pay,
+    custom = store.custom,
+    name = store.name,
+    symbol = store.symbol,
+    amount = store.amount;
+  if (!device || !custom) {
+    throw Error('device or custom is not defined');
+  }
+  var setting = device.setting;
+
+  // 从 金额编辑页 获取到 支付数据
+  if (pay) {
+    return {
+      name: name,
+      symbol: symbol,
+      // format,
+      money: Number(amount),
+      amount: Number(pay.amount),
+      surRate: Number(pay.surRate),
+      surMoney: Number(pay.surMoney),
+      surcharge: (setting === null || setting === void 0 ? void 0 : setting.surcharge) || false,
+      useOriginSurcharge: (pay === null || pay === void 0 ? void 0 : pay.useOriginSurcharge) || false
+    };
+  }
+  // 原始支付总额
+  if (!setting) {
+    return {
+      name: name,
+      symbol: symbol,
+      // format,
+      money: Number(amount),
+      amount: Number(amount),
+      surRate: 0,
+      surMoney: 0,
+      surcharge: false,
+      useOriginSurcharge: false
+    };
+  }
+  // 原始手续费 是指 各个pos机厂商跟银行合作直接收取的手续费,一旦设置则清空,配置中设置的手续费
+  var useOriginSurcharge = setting.useOriginSurcharge || false;
+
+  // 直接设备中手续费金额 
+  var surRate = setting.constant_rate || 0;
+  var surMoney = setting.constant_money || 0;
+
+  // 是否开启手续费
+  var surcharge = setting.surcharge;
+  return {
+    name: name,
+    symbol: symbol,
+    money: Number(amount),
+    amount: Number(amount),
+    surRate: useOriginSurcharge ? 0 : surcharge ? surRate : 0,
+    surMoney: useOriginSurcharge ? 0 : surcharge ? surMoney : 0,
+    surcharge: surcharge,
+    useOriginSurcharge: useOriginSurcharge
+  };
+}

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

@@ -0,0 +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" | "701008" | "701009" | "701010" | undefined;
+}) => void;