@pisell/private-materials 3.0.96 → 3.0.98

package/es/components/eftposPay/amount.js

@@ -0,0 +1,252 @@
+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); }
+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 _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 { getDeviceInfo } from "./manufacturer";
+import { useDispatch, useContextData, updateComponent, updateState } from "./store";
+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 _getDeviceInfo = getDeviceInfo(store),
+    name = _getDeviceInfo.name,
+    symbol = _getDeviceInfo.symbol,
+    money = _getDeviceInfo.money,
+    lastMoney = _getDeviceInfo.amount,
+    surRate = _getDeviceInfo.surRate,
+    surMoney = _getDeviceInfo.surMoney;
+  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]);
+  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]);
+  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]);
+  var onBack = function onBack() {
+    setStatus(true);
+  };
+  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({
+      custom: store.custom ? _objectSpread(_objectSpread({}, store.custom), {}, {
+        pay: pay
+      }) : {
+        pay: pay
+      }
+    }));
+    dispatch(updateComponent(''));
+    onChange && onChange('page', 'pay');
+    // 下一步
+  };
+
+  var onCancel = function onCancel() {
+    if (!status) {
+      setStatus(true);
+      return;
+    }
+    onClose();
+  };
+  var onEdit = function onEdit() {
+    setStatus(false);
+    setTempSurRate(curSurRate);
+    setTempSurMoney(curSurMoney);
+  };
+  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)
+    // format.replace(/{{.+}}/, `${money}`)
+  }, 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
+  }, 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'))));
+});
+
+// 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/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,99 @@
+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); }
+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); }
+/* 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;
+  var failCustom = custom === null || custom === void 0 ? void 0 : custom.failCustom;
+  var dispatch = useDispatch();
+  var onRetry = function onRetry() {
+    onChange('page', 'pay');
+    dispatch(updateState(getInitState(eftpos, mode === ModeEnum.Query ? _objectSpread(_objectSpread({}, custom), {}, {
+      isPay: true
+    }) : _objectSpread(_objectSpread({}, custom), {}, {
+      number: undefined,
+      isPay: false
+    }))));
+  };
+  var onModify = function onModify() {
+    dispatch(updateState(getInitState(eftpos, _objectSpread(_objectSpread({}, custom), {}, {
+      number: undefined,
+      isPay: false
+    }))));
+    onChange('page', 'amount');
+  };
+  var onManually = function onManually() {
+    dispatch(updateState({
+      manual: {
+        title: locales.getText('page.eftpos-pay.text.request.title')(mode),
+        text: locales.getText('page.eftpos-pay.text.request.text')(mode)
+      }
+    }));
+    dispatch(updateComponent('Manual'));
+  };
+  var onClose = function onClose() {
+    onChange('fail');
+  };
+  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,109 @@
+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); }
+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); }
+/* 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, updateCustomStemItem, 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,
+    custom = _useContextData.custom,
+    mode = _useContextData.mode;
+  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();
+  var onRetry = function onRetry() {
+    onChange('page', 'pay');
+    dispatch(updateState(getInitState(eftpos, _objectSpread(_objectSpread({}, custom), {}, {
+      number: undefined
+    }))));
+    dispatch(updateCustomStemItem({
+      custom: {
+        status: undefined
+      },
+      step: step
+    }));
+  };
+  var onModify = function onModify() {
+    dispatch(updateState(getInitState(eftpos, _objectSpread(_objectSpread({}, custom), {}, {
+      number: undefined
+    }))));
+    dispatch(updateCustomStemItem({
+      custom: {
+        status: undefined
+      },
+      step: step
+    }));
+    onChange('page', 'amount');
+  };
+  var onManually = function onManually() {
+    dispatch(updateState({
+      manual: {
+        title: locales.getText('page.eftpos-pay.text.timedout.title'),
+        text: locales.getText('page.eftpos-pay.text.timedout.text')(mode)
+      }
+    }));
+    dispatch(updateComponent('Manual'));
+  };
+  var onClose = function onClose() {
+    // 支付失败页
+    onChange('fail');
+  };
+  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,4 @@
+import React from 'react';
+import { ActionProps } from '../../const';
+declare const _default: ({ className }: ActionProps) => React.JSX.Element;
+export default _default;

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

@@ -0,0 +1,48 @@
+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 React, { useEffect, useState } from 'react';
+import { Button, message } from 'antd';
+import Header from "../header";
+export default (function (_ref) {
+  var _ref$className = _ref.className,
+    className = _ref$className === void 0 ? '' : _ref$className;
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    hasBtn = _useState2[0],
+    setBtn = _useState2[1];
+  useEffect(function () {
+    var clear = setTimeout(function () {
+      setBtn(true);
+    }, 1000);
+    return function () {
+      clearTimeout(clear);
+    };
+  }, []);
+  var onReconnect = function onReconnect() {
+    message.open({
+      key: 'net-warning',
+      type: 'loading',
+      content: locales.getText('page.eftpos-pay.text.reconnecting')
+    });
+  };
+  return /*#__PURE__*/React.createElement("div", {
+    className: "pisell-lowcode__eft-pay-box ".concat(className)
+  }, /*#__PURE__*/React.createElement(Header, {
+    status: "warn"
+  }), /*#__PURE__*/React.createElement("div", {
+    className: "pisell-lowcode__eft-pay-fail-title"
+  }, locales.getText('page.eftpos-pay.text.network.disconnected')), /*#__PURE__*/React.createElement("div", {
+    className: "pisell-lowcode__eft-pay-warn-text pisell-lowcode__eft-pay-body"
+  }, locales.getText('page.eftpos-pay.text.waiting.wifi.title'), " ", /*#__PURE__*/React.createElement("br", null), locales.getText('page.eftpos-pay.text.waiting.wifi.connection'), /*#__PURE__*/React.createElement("br", null), locales.getText('page.eftpos-pay.text.waiting.wifi.router'), /*#__PURE__*/React.createElement("br", null), locales.getText('page.eftpos-pay.text.waiting.wifi.forget.reconnect')), hasBtn ? /*#__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: onReconnect
+  }, locales.getText('page.eftpos-pay.text.reconnect.network'))) : null);
+});

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

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