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

package/es/components/eftposPay/amount.js

@@ -0,0 +1,279 @@
+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; }
+/* eslint-disable @typescript-eslint/no-use-before-define */
+/* eslint-disable @typescript-eslint/no-unused-expressions */
+/* eslint-disable no-useless-escape */
+/* eslint-disable no-restricted-globals */
+import { locales } from '@pisell/utils';
+import { InputNumber, Button, message } from 'antd';
+import { Decimal } from 'decimal.js';
+import React, { useMemo, useState } from 'react';
+import Alert from "./component/alert";
+import Titlebar from "./component/header/titlebar";
+import { getAmonunt } from "./manufacturer";
+import { limitDecimals } from "./helper";
+import { useDispatch, useContextData, updateComponent, updateState } from "./store";
+
+/**
+ * @title: 支付金额信息配置页
+ * @description: 配置支付金额与手续费
+ * @return React.Element
+ * @Author: hongbing.wang
+ * @Date: 2024-08-12 11:35
+ */
+export default (function (_ref) {
+  var _ref$className = _ref.className,
+    className = _ref$className === void 0 ? '' : _ref$className,
+    onChange = _ref.onChange,
+    onClose = _ref.onClose,
+    _ref$formatAmount = _ref.formatAmount,
+    formatAmount = _ref$formatAmount === void 0 ? function (number, precision, symbol) {
+      return "".concat(symbol).concat(number);
+    } : _ref$formatAmount,
+    isIpad = _ref.isIpad,
+    net = _ref.net;
+  var dispatch = useDispatch();
+  var _useState = useState(true),
+    _useState2 = _slicedToArray(_useState, 2),
+    status = _useState2[0],
+    setStatus = _useState2[1];
+  var store = useContextData();
+  var _getAmonunt = getAmonunt(store),
+    name = _getAmonunt.name,
+    symbol = _getAmonunt.symbol,
+    money = _getAmonunt.money,
+    lastMoney = _getAmonunt.amount,
+    surRate = _getAmonunt.surRate,
+    surMoney = _getAmonunt.surMoney,
+    useOriginSurcharge = _getAmonunt.useOriginSurcharge;
+  var _useState3 = useState(surRate),
+    _useState4 = _slicedToArray(_useState3, 2),
+    curSurRate = _useState4[0],
+    setSurRate = _useState4[1];
+  var _useState5 = useState(surMoney),
+    _useState6 = _slicedToArray(_useState5, 2),
+    curSurMoney = _useState6[0],
+    setSurMoney = _useState6[1];
+  var _useState7 = useState(lastMoney),
+    _useState8 = _slicedToArray(_useState7, 2),
+    currentMoney = _useState8[0],
+    setCurrentMoney = _useState8[1];
+  var _useState9 = useState(curSurRate),
+    _useState10 = _slicedToArray(_useState9, 2),
+    tempSurRate = _useState10[0],
+    setTempSurRate = _useState10[1];
+  var _useState11 = useState(curSurMoney),
+    _useState12 = _slicedToArray(_useState11, 2),
+    tempSurMoney = _useState12[0],
+    setTempSurMoney = _useState12[1];
+  var surRateMoney = useMemo(function () {
+    var surRateDeci = new Decimal(curSurRate);
+    var moneyDeci = new Decimal(currentMoney);
+    return moneyDeci.mul(surRateDeci.div(100)).toFixed(2, Decimal.ROUND_HALF_UP);
+  }, [currentMoney, curSurRate]);
+
+  /**
+   * @title: 总手续费
+   * @description: 总手续费 = 比例手续费 + 固定手续费
+   * @return  总手续费
+   * @Author: hongbing.wang
+   * @Date: 2024-08-19 09:51
+   */
+  var totalSurMoney = useMemo(function () {
+    var surRateDeci = new Decimal(curSurRate);
+    var moneyDeci = new Decimal(currentMoney);
+    var surMoneyDeci = new Decimal(curSurMoney);
+    return moneyDeci.mul(surRateDeci.div(100)).add(surMoneyDeci).toFixed(2, Decimal.ROUND_HALF_UP);
+  }, [currentMoney, curSurRate, curSurMoney]);
+
+  /**
+   * @title: 总金额
+   * @description: 总金额 = 总手续费 + 订单金额
+   * @return 总金额
+   * @Author: hongbing.wang
+   * @Date: 2024-08-19 09:52
+   */
+  var total = useMemo(function () {
+    var totalSurDeci = new Decimal(totalSurMoney);
+    var moneyDeci = new Decimal(currentMoney);
+    return totalSurDeci.add(moneyDeci).toFixed(2, Decimal.ROUND_HALF_UP);
+  }, [currentMoney, totalSurMoney]);
+  var subtracted = useMemo(function () {
+    var moneyDeci = new Decimal(money);
+    var currentMoneyDeci = new Decimal(currentMoney);
+    return moneyDeci.sub(currentMoneyDeci).toFixed(2, Decimal.ROUND_HALF_UP);
+  }, [currentMoney, money]);
+
+  /**
+   * @title:提交
+   * @description: 1. 修改金额页面提交 前往下一步, 修改收费费金额 前往修改金额页
+   * @return {*}
+   * @Author: hongbing.wang
+   * @Date: 2024-08-19 09:50
+   */
+  var onSubmit = function onSubmit() {
+    if (!status) {
+      setStatus(true);
+      setSurRate(tempSurRate);
+      setSurMoney(tempSurMoney);
+      return;
+    }
+    if (!net) {
+      message.open({
+        key: 'net-warning',
+        type: 'warning',
+        content: locales.getText('page.eftpos-pay.text.not.connected')
+      });
+      return;
+    }
+    var rate = new Decimal(curSurRate).div(100).toFixed(4, Decimal.ROUND_HALF_UP);
+    var pay = {
+      sourceAmount: "".concat(money),
+      amount: "".concat(currentMoney),
+      surcharge: "".concat(totalSurMoney),
+      total: "".concat(total),
+      surPercentRate: "".concat(rate),
+      surRate: "".concat(curSurRate),
+      surMoney: "".concat(curSurMoney),
+      surRateMoney: "".concat(surRateMoney),
+      totalUnit: formatAmount(total, 2, symbol)
+    };
+    console.log('surRateMoney = ', surRateMoney);
+    dispatch(updateState({
+      pay: pay
+    }));
+    dispatch(updateComponent(''));
+    onChange && onChange('page', 'pay');
+  };
+
+  /**
+   * @title: 取消
+   * @description: 跳出 支付页 返回支付失败
+   * @Author: hongbing.wang
+   * @Date: 2024-08-19 09:52
+   */
+  var onCancel = function onCancel() {
+    if (!status) {
+      setStatus(true);
+      return;
+    }
+    onClose();
+  };
+
+  /**
+   * @title: 回到编辑页
+   * @description:
+   * @Author: hongbing.wang
+   * @Date: 2024-08-19 09:53
+   */
+  var onEdit = function onEdit() {
+    setStatus(false);
+    setTempSurRate(curSurRate);
+    setTempSurMoney(curSurMoney);
+  };
+
+  /**
+   * 1. 金额编辑页  status :true
+   * 2. 手续费编辑页 status :false
+   * isIpad 确认关闭按钮 出现在哪里
+   */
+  return /*#__PURE__*/React.createElement("div", {
+    className: "pisell-lowcode__eft-pay-amount ".concat(className)
+  }, isIpad ? null : /*#__PURE__*/React.createElement(Titlebar, {
+    type: 'left-title-close',
+    onClose: onClose
+  }, status ? name : locales.getText('page.eftpos-pay.text.surcharge.edit.title')), status ? /*#__PURE__*/React.createElement("div", {
+    className: "pisell-lowcode__eft-pay-amount-body"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "pisell-lowcode__eft-pay-cash",
+    "data-money": formatAmount(money, 2, symbol)
+  }, locales.getText('page.eftpos-pay.text.amount.to.pay')), /*#__PURE__*/React.createElement("div", {
+    className: "pisell-lowcode__eft-pay-money"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "pisell-lowcode__eft-pay-money-title"
+  }, locales.getText('page.eftpos-pay.text.input.title')(name)), /*#__PURE__*/React.createElement(InputNumber, {
+    addonBefore: symbol || '$',
+    max: money,
+    precision: 2,
+    min: 0,
+    style: {
+      width: '100%'
+    },
+    value: currentMoney,
+    formatter: limitDecimals,
+    parser: limitDecimals,
+    onChange: function onChange(event) {
+      if (event !== null && event !== undefined) {
+        setCurrentMoney(event || 0);
+      } else {
+        setCurrentMoney(0);
+      }
+    }
+  }), /*#__PURE__*/React.createElement("div", {
+    className: "pisell-lowcode__eft-pay-money-tip"
+  }, locales.getText('page.eftpos-pay.text.amount.cash.left.pay.paid')(formatAmount("".concat(subtracted), 2, symbol)))), /*#__PURE__*/React.createElement("div", {
+    className: "pisell-lowcode__eft-pay-surcharge"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "pisell-lowcode__eft-pay-details"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "pisell-lowcode__eft-pay-total"
+  }, locales.getText('page.eftpos-pay.text.surcharge.edit.actual.pay'), ":", formatAmount("".concat(total), 2, symbol)), /*#__PURE__*/React.createElement("div", {
+    className: "pisell-lowcode__eft-pay-money"
+  }, locales.getText('page.eftpos-pay.text.surcharge.edit.inc.surcharge'), ": ", formatAmount("".concat(totalSurMoney), 2, symbol), " (", locales.getText('page.eftpos-pay.text.surcharge.edit.rate'), ":", curSurRate, "% + ", formatAmount("".concat(curSurMoney), 2, symbol), ")")), /*#__PURE__*/React.createElement(Button, {
+    type: "link",
+    onClick: onEdit,
+    disabled: useOriginSurcharge
+  }, locales.getText('page.eftpos-pay.text.surcharge.edit.surcharge')))) : /*#__PURE__*/React.createElement("div", {
+    className: "pisell-lowcode__eft-pay-amount-body"
+  }, /*#__PURE__*/React.createElement(Alert, null, locales.getText('page.eftpos-pay.text.surcharge.percentage-fixed')), /*#__PURE__*/React.createElement("div", {
+    className: "pisell-lowcode__eft-pay-amount-form"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "pisell-lowcode__eft-pay-amount-item"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "pisell-lowcode__eft-pay-amount-item-title"
+  }, locales.getText('page.eftpos-pay.text.surcharge.percentage')), /*#__PURE__*/React.createElement(InputNumber, {
+    value: tempSurRate,
+    min: 0,
+    max: 100,
+    precision: 2,
+    addonAfter: "%",
+    style: {
+      width: '100%'
+    },
+    onChange: function onChange(e) {
+      setTempSurRate(e || 0);
+    }
+  })), /*#__PURE__*/React.createElement("div", {
+    className: "pisell-lowcode__eft-pay-amount-item"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "pisell-lowcode__eft-pay-amount-item-title"
+  }, locales.getText('page.eftpos-pay.text.surcharge.fixed')), /*#__PURE__*/React.createElement(InputNumber, {
+    value: tempSurMoney,
+    min: 0,
+    max: 100000,
+    precision: 2,
+    style: {
+      width: '100%'
+    },
+    addonBefore: symbol || '$',
+    onChange: function onChange(e) {
+      setTempSurMoney(e || 0);
+    }
+  })))), /*#__PURE__*/React.createElement("div", {
+    className: "pisell-lowcode__eft-pay-step-item-btns"
+  }, /*#__PURE__*/React.createElement(Button, {
+    block: true,
+    className: "pisell-lowcode__eft-pay-step-item-btn",
+    onClick: onCancel
+  }, locales.getText('page.eftpos-pay.text.cancel')), /*#__PURE__*/React.createElement(Button, {
+    block: true,
+    className: "pisell-lowcode__eft-pay-step-item-btn",
+    type: "primary",
+    onClick: onSubmit,
+    disabled: currentMoney <= 0 && status
+  }, locales.getText('page.eftpos-pay.text.sure'))));
+});

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

@@ -0,0 +1,6 @@
+import React from 'react';
+import './index.less';
+declare const _default: ({ children }: {
+    children: React.ReactNode;
+}) => React.JSX.Element;
+export default _default;

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

@@ -0,0 +1,11 @@
+import React from 'react';
+import Warn from "./warn";
+import "./index.less";
+export default (function (_ref) {
+  var children = _ref.children;
+  return /*#__PURE__*/React.createElement("div", {
+    className: "pisell-lowcode__alert-warn-box"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "pisell-lowcode__alert-warn"
+  }, /*#__PURE__*/React.createElement(Warn, null)), children);
+});

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

@@ -0,0 +1,29 @@
+.pisell-lowcode__alert-warn-box{
+    align-items: center;
+    display: flex;
+    padding: 8px 16px;
+    gap: 16px;
+    align-self: stretch;
+  
+    border-radius: 12px;
+    border: 1px solid var(--Warning-300, #fec84b);
+    background: var(--Warning-25, #fffcf5);
+  
+    /* Shadow/xs */
+    box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
+  
+    color: var(--Warning-700, #b54708);
+    font-size: 14px;
+    font-style: normal;
+    font-weight: 600;
+    line-height: 20px; /* 142.857% */
+}
+.pisell-lowcode__alert-warn{
+    position: relative;
+    font-size: 36px; 
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    font-size: 36px;    
+    flex-wrap: wrap;
+}

package/es/components/eftposPay/component/alert/warn.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const _default: () => React.JSX.Element;
+export default _default;

package/es/components/eftposPay/component/alert/warn.js

@@ -0,0 +1,45 @@
+import React from 'react';
+export default (function () {
+  return /*#__PURE__*/React.createElement("svg", {
+    width: "1em",
+    height: "1em",
+    viewBox: "0 0 36 36",
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "none"
+  }, /*#__PURE__*/React.createElement("g", {
+    opacity: "0.3"
+  }, /*#__PURE__*/React.createElement("rect", {
+    x: "5.49999",
+    y: "5.5013",
+    width: "25",
+    height: "25",
+    rx: "12.5",
+    stroke: "#DC6803",
+    strokeWidth: "1.66667"
+  })), /*#__PURE__*/React.createElement("g", {
+    opacity: "0.1"
+  }, /*#__PURE__*/React.createElement("rect", {
+    x: "1.33333",
+    y: "1.33333",
+    width: "33.3333",
+    height: "33.3333",
+    rx: "16.6667",
+    stroke: "#DC6803",
+    strokeWidth: "1.66667"
+  })), /*#__PURE__*/React.createElement("g", {
+    clipPath: "url(#clip0_5109_25282)"
+  }, /*#__PURE__*/React.createElement("path", {
+    d: "M18 14.668V18.0013M18 21.3346H18.0083M26.3333 18.0013C26.3333 22.6037 22.6024 26.3346 18 26.3346C13.3976 26.3346 9.66666 22.6037 9.66666 18.0013C9.66666 13.3989 13.3976 9.66797 18 9.66797C22.6024 9.66797 26.3333 13.3989 26.3333 18.0013Z",
+    stroke: "#DC6803",
+    strokeWidth: "1.66667",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  })), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
+    id: "clip0_5109_25282"
+  }, /*#__PURE__*/React.createElement("rect", {
+    width: "20",
+    height: "20",
+    fill: "white",
+    transform: "translate(8 8)"
+  }))));
+});

package/es/components/eftposPay/component/fail/failCustom.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { ActionProps } from '../../const';
+declare const _default: ({ className, isIpad, onChange }: ActionProps) => React.JSX.Element;
+export default _default;

package/es/components/eftposPay/component/fail/failCustom.js

@@ -0,0 +1,144 @@
+/* eslint-disable no-nested-ternary */
+import { locales } from '@pisell/utils';
+import { useMount } from 'ahooks';
+import { Button } from 'antd';
+import React from 'react';
+import { ModeEnum } from "../../const";
+import { getInitState } from "../../manufacturer";
+import XClose from '@pisell/icon/es/XClose';
+import { useDispatch, useContextData, updateState, updateComponent } from "../../store";
+import Header from "../header";
+export default (function (_ref) {
+  var _ref$className = _ref.className,
+    className = _ref$className === void 0 ? '' : _ref$className,
+    isIpad = _ref.isIpad,
+    onChange = _ref.onChange;
+  var _useContextData = useContextData(),
+    eftpos = _useContextData.eftpos,
+    custom = _useContextData.custom,
+    mode = _useContextData.mode,
+    name = _useContextData.name,
+    symbol = _useContextData.symbol,
+    amount = _useContextData.amount,
+    order_id = _useContextData.order_id,
+    number = _useContextData.number,
+    device = _useContextData.device;
+  var failCustom = custom === null || custom === void 0 ? void 0 : custom.failCustom;
+  var dispatch = useDispatch();
+
+  /**
+   * @title: 重新支付
+   * @Author: hongbing.wang
+   * @Date: 2024-08-20 11:30
+   */
+  var onRetry = function onRetry() {
+    onChange('page', 'pay');
+    dispatch(updateState(getInitState(eftpos, mode === ModeEnum.Query ? {
+      mode: mode,
+      name: name,
+      symbol: symbol,
+      amount: amount,
+      order_id: order_id
+    } : {
+      mode: mode,
+      name: name,
+      symbol: symbol,
+      amount: amount,
+      order_id: order_id,
+      number: ''
+    })));
+  };
+
+  /**
+   * @title: 修改金额信息重新支付
+   * @Author: hongbing.wang
+   * @Date: 2024-08-20 11:30
+   */
+  var onModify = function onModify() {
+    dispatch(updateState(getInitState(eftpos, {
+      mode: mode,
+      name: name,
+      symbol: symbol,
+      amount: amount,
+      order_id: order_id,
+      number: ''
+    })));
+    onChange('page', 'amount');
+  };
+
+  /**
+   * @title: 手动标记
+   * @description: 前往手动标记
+   * @return {*}
+   * @Author: hongbing.wang
+   * @Date: 2024-08-20 11:31
+   */
+  var onManually = function onManually() {
+    dispatch(updateState({
+      manual: {
+        title: locales.getText('page.eftpos-pay.text.request.unknown.title')(mode),
+        text: locales.getText('page.eftpos-pay.text.request.unknown.text')(mode)
+      }
+    }));
+    dispatch(updateComponent('Manual'));
+  };
+
+  /**
+   * @title: 关闭支付页面
+   * @description: 交易关闭页面
+   * @Author: hongbing.wang
+   * @Date: 2024-08-20 11:32
+   */
+  var onClose = function onClose() {
+    onChange('fail', {
+      number: number,
+      device: device,
+      order_id: order_id
+    });
+  };
+
+  // 错误页 通知外界 开发关闭按钮
+  useMount(function () {
+    if ((failCustom === null || failCustom === void 0 ? void 0 : failCustom.status) === 'fail') {
+      onChange('page', 'fail');
+    }
+  });
+  return /*#__PURE__*/React.createElement("div", {
+    className: "pisell-lowcode__eft-pay-box ".concat(className)
+  }, /*#__PURE__*/React.createElement(Header, {
+    status: failCustom.status
+  }, (failCustom === null || failCustom === void 0 ? void 0 : failCustom.status) === 'fail' && !isIpad ? /*#__PURE__*/React.createElement(XClose, {
+    size: 20,
+    style: {
+      fontSize: '24px',
+      position: 'absolute',
+      top: 0,
+      right: 0
+    },
+    onClick: onClose
+  }) : null), /*#__PURE__*/React.createElement("div", {
+    className: "pisell-lowcode__eft-pay-fail-title"
+  }, failCustom.title || locales.getText('page.eftpos-pay.text.failed')(mode)), (failCustom === null || failCustom === void 0 ? void 0 : failCustom.status) === 'fail' ? /*#__PURE__*/React.createElement("div", {
+    className: "pisell-lowcode__eft-pay-fail-text pisell-lowcode__eft-pay-body"
+  }, failCustom === null || failCustom === void 0 ? void 0 : failCustom.fail) : (failCustom === null || failCustom === void 0 ? void 0 : failCustom.status) === 'warn' ? /*#__PURE__*/React.createElement("div", {
+    className: "pisell-lowcode__eft-pay-warn-text pisell-lowcode__eft-pay-body"
+  }, failCustom === null || failCustom === void 0 ? void 0 : failCustom.warn) : null, failCustom !== null && failCustom !== void 0 && failCustom.isPosNetworkError ? /*#__PURE__*/React.createElement("div", {
+    className: "pisell-lowcode__eft-pay-step-item-btns"
+  }, /*#__PURE__*/React.createElement(Button, {
+    block: true,
+    className: "pisell-lowcode__eft-pay-step-item-btn",
+    onClick: onManually
+  }, locales.getText('page.eftpos-pay.text.manual.marking'))) : /*#__PURE__*/React.createElement("div", {
+    className: "pisell-lowcode__eft-pay-step-item-btns"
+  }, /*#__PURE__*/React.createElement(Button, {
+    block: true,
+    className: "pisell-lowcode__eft-pay-step-item-btn",
+    onClick: onRetry
+  }, locales.getText('page.eftpos-pay.text.retry')), /*#__PURE__*/React.createElement(Button, {
+    block: true,
+    className: "pisell-lowcode__eft-pay-step-item-btn",
+    type: "primary",
+    onClick: onModify,
+    disabled: mode !== ModeEnum.Pay
+  }, locales.getText('page.eftpos-pay.text.modify.payment.info')(mode))));
+});

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

@@ -0,0 +1,4 @@
+import React from 'react';
+import { ActionProps } from '../../const';
+declare const _default: ({ onChange, className, isIpad }: ActionProps) => React.JSX.Element;
+export default _default;

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

@@ -0,0 +1,139 @@
+/* eslint-disable no-nested-ternary */
+import { locales } from '@pisell/utils';
+import { Button } from 'antd';
+import { useMount } from 'ahooks';
+import React from 'react';
+import XClose from '@pisell/icon/es/XClose';
+import { getInitState } from "../../manufacturer";
+import { useDispatch, useContextData, updateState, updateComponent } from "../../store";
+import Header from "../header";
+export default (function (_ref) {
+  var _steps$step, _steps$step$custom;
+  var onChange = _ref.onChange,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? '' : _ref$className,
+    isIpad = _ref.isIpad;
+  var _useContextData = useContextData(),
+    eftpos = _useContextData.eftpos,
+    step = _useContextData.step,
+    steps = _useContextData.steps,
+    mode = _useContextData.mode,
+    name = _useContextData.name,
+    symbol = _useContextData.symbol,
+    amount = _useContextData.amount,
+    order_id = _useContextData.order_id,
+    number = _useContextData.number,
+    device = _useContextData.device;
+  var isPosNetworkError = ((_steps$step = steps[step]) === null || _steps$step === void 0 ? void 0 : (_steps$step$custom = _steps$step.custom) === null || _steps$step$custom === void 0 ? void 0 : _steps$step$custom.isPosNetworkError) || false;
+  var dispatch = useDispatch();
+
+  /**
+   * @title: 重新支付
+   * @Author: hongbing.wang
+   * @Date: 2024-08-20 11:30
+   */
+  var onRetry = function onRetry() {
+    onChange('page', 'pay');
+    dispatch(updateState(getInitState(eftpos, {
+      mode: mode,
+      name: name,
+      symbol: symbol,
+      amount: amount,
+      order_id: order_id,
+      number: ''
+    })));
+  };
+
+  /**
+   * @title: 修改金额信息重新支付
+   * @Author: hongbing.wang
+   * @Date: 2024-08-20 11:30
+   */
+  var onModify = function onModify() {
+    dispatch(updateState(getInitState(eftpos, {
+      mode: mode,
+      name: name,
+      symbol: symbol,
+      amount: amount,
+      order_id: order_id,
+      number: ''
+    })));
+    onChange('page', 'amount');
+  };
+
+  /**
+   * @title: 手动标记
+   * @description: 前往手动标记
+   * @return {*}
+   * @Author: hongbing.wang
+   * @Date: 2024-08-20 11:31
+   */
+  var onManually = function onManually() {
+    dispatch(updateState({
+      manual: {
+        title: locales.getText('page.eftpos-pay.text.request.unknown.title')(mode),
+        text: locales.getText('page.eftpos-pay.text.request.unknown.text')(mode)
+      }
+    }));
+    dispatch(updateComponent('Manual'));
+  };
+
+  /**
+   * @title: 关闭支付页面
+   * @description: 交易关闭页面
+   * @Author: hongbing.wang
+   * @Date: 2024-08-20 11:32
+   */
+  var onClose = function onClose() {
+    // 支付失败页
+    onChange('fail', {
+      number: number,
+      device: device,
+      order_id: order_id
+    });
+  };
+
+  // 错误页 通知外界 开发关闭按钮
+  useMount(function () {
+    if (steps[step].status === 'fail') {
+      onChange('page', 'fail');
+    }
+  });
+  return /*#__PURE__*/React.createElement("div", {
+    className: "pisell-lowcode__eft-pay-box ".concat(className)
+  }, /*#__PURE__*/React.createElement(Header, {
+    status: steps[step].status
+  }, steps[step].status === 'fail' && !isIpad ? /*#__PURE__*/React.createElement(XClose, {
+    size: 20,
+    style: {
+      fontSize: '24px',
+      position: 'absolute',
+      top: 0,
+      right: 0
+    },
+    onClick: onClose
+  }) : null), /*#__PURE__*/React.createElement("div", {
+    className: "pisell-lowcode__eft-pay-fail-title"
+  }, steps[step].title || locales.getText('page.eftpos-pay.text.failed')(mode)), steps[step].status === 'fail' ? /*#__PURE__*/React.createElement("div", {
+    className: "pisell-lowcode__eft-pay-fail-text pisell-lowcode__eft-pay-body"
+  }, steps[step].fail) : steps[step].status === 'warn' ? /*#__PURE__*/React.createElement("div", {
+    className: "pisell-lowcode__eft-pay-warn-text pisell-lowcode__eft-pay-body"
+  }, steps[step].warn) : null, isPosNetworkError ? /*#__PURE__*/React.createElement("div", {
+    className: "pisell-lowcode__eft-pay-step-item-btns"
+  }, /*#__PURE__*/React.createElement(Button, {
+    block: true,
+    className: "pisell-lowcode__eft-pay-step-item-btn",
+    onClick: onManually
+  }, locales.getText('page.eftpos-pay.text.manual.marking'))) : /*#__PURE__*/React.createElement("div", {
+    className: "pisell-lowcode__eft-pay-step-item-btns"
+  }, /*#__PURE__*/React.createElement(Button, {
+    block: true,
+    className: "pisell-lowcode__eft-pay-step-item-btn",
+    onClick: onRetry
+  }, locales.getText('page.eftpos-pay.text.retry')), /*#__PURE__*/React.createElement(Button, {
+    block: true,
+    className: "pisell-lowcode__eft-pay-step-item-btn",
+    type: "primary",
+    onClick: onModify
+  }, locales.getText('page.eftpos-pay.text.modify.payment.info')(mode))));
+});

package/es/components/eftposPay/component/fail/network.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { ActionProps } from '../../const';
+/**
+ * @title: 断网(客户端)提示页
+ * @Author: hongbing.wang
+ * @Date: 2024-08-20 11:40
+ */
+declare const _default: ({ className }: ActionProps) => React.JSX.Element;
+export default _default;