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

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;

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

@@ -0,0 +1,61 @@
+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";
+
+/**
+ * @title: 断网(客户端)提示页
+ * @Author: hongbing.wang
+ * @Date: 2024-08-20 11:40
+ */
+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);
+    };
+  }, []);
+
+  /**
+   * @title: 重新连接
+   * @description: 只做提示
+   * @Author: hongbing.wang
+   * @Date: 2024-08-20 11:41
+   */
+  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,10 @@
+import React from 'react';
+import { ActionProps } from '../../const';
+/**
+ * @title: 支付状态未知页面
+ * @description:
+ * @Author: hongbing.wang
+ * @Date: 2024-08-20 11:42
+ */
+declare const _default: ({ className }: ActionProps) => React.JSX.Element;
+export default _default;

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

@@ -0,0 +1,58 @@
+/* eslint-disable no-nested-ternary */
+import { locales } from '@pisell/utils';
+import { Button } from 'antd';
+import React, { useEffect } from 'react';
+import { useDispatch, useContextData, updateState, updateComponent } from "../../store";
+import Header from "../header";
+
+/**
+ * @title: 支付状态未知页面
+ * @description: 
+ * @Author: hongbing.wang
+ * @Date: 2024-08-20 11:42
+ */
+export default (function (_ref) {
+  var _ref$className = _ref.className,
+    className = _ref$className === void 0 ? '' : _ref$className;
+  var _useContextData = useContextData(),
+    form = _useContextData.form,
+    mode = _useContextData.mode;
+  var dispatch = useDispatch();
+
+  /**
+   * @title: 手动标记
+   * @description: 前往手动标记
+   * @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'));
+  };
+  useEffect(function () {
+    // 如果 网络终端 恢复至此页面 则需要 回归 步骤流程 
+    if (form === 'Network' || form === 'restore') {
+      dispatch(updateComponent(''));
+    }
+  }, [form]);
+  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.unknown.title')(mode)), /*#__PURE__*/React.createElement("div", {
+    className: "pisell-lowcode__eft-pay-warn-text pisell-lowcode__eft-pay-body"
+  }, locales.getText('page.eftpos-pay.text.unknown.text')(mode)), /*#__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'))));
+});

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

@@ -0,0 +1,10 @@
+import React from 'react';
+import { StatusType } from '../../const';
+import './index.less';
+declare const _default: ({ status, title, subTitle, children }: {
+    status: StatusType;
+    title?: string | undefined;
+    subTitle?: string | undefined;
+    children?: React.ReactNode;
+}) => React.JSX.Element;
+export default _default;

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

@@ -0,0 +1,69 @@
+import React from 'react';
+import usePrefix from "../../../../hooks/usePrefix";
+import { StatusEnum } from "../../const";
+import "./index.less";
+var Icon = function Icon(_ref) {
+  var status = _ref.status;
+  var prefix = usePrefix();
+  if (status === StatusEnum.Loading) {
+    return /*#__PURE__*/React.createElement("div", {
+      style: {
+        backgroundImage: "url(".concat(prefix, "/loading.png)")
+      },
+      className: "pisell-lowcode__eft-pay-img pisell-lowcode__eft-pay-load"
+    });
+  }
+  if (status === StatusEnum.Success) {
+    return /*#__PURE__*/React.createElement("div", {
+      style: {
+        backgroundImage: "url(".concat(prefix, "/success.png)")
+      },
+      className: "pisell-lowcode__eft-pay-img " // pisell-lowcode__eft-pay-success
+    });
+  }
+
+  if (status === StatusEnum.Fail) {
+    return /*#__PURE__*/React.createElement("div", {
+      style: {
+        backgroundImage: "url(".concat(prefix, "/error.png)")
+      },
+      className: "pisell-lowcode__eft-pay-img " // pisell-lowcode__eft-pay-fail
+    });
+  }
+
+  if (status === StatusEnum.Warn) {
+    return /*#__PURE__*/React.createElement("div", {
+      style: {
+        backgroundImage: "url(".concat(prefix, "/warn.png)")
+      },
+      className: "pisell-lowcode__eft-pay-img " // pisell-lowcode__eft-pay-warn
+    });
+  }
+
+  if (status === StatusEnum.Question) {
+    return /*#__PURE__*/React.createElement("div", {
+      style: {
+        backgroundImage: "url(".concat(prefix, "/question.png)")
+      },
+      className: "pisell-lowcode__eft-pay-img " // pisell-lowcode__eft-pay-warn
+    });
+  }
+
+  return null;
+};
+export default (function (_ref2) {
+  var status = _ref2.status,
+    _ref2$title = _ref2.title,
+    title = _ref2$title === void 0 ? '' : _ref2$title,
+    subTitle = _ref2.subTitle,
+    children = _ref2.children;
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+    className: "pisell-lowcode__eft-pay-icon"
+  }, /*#__PURE__*/React.createElement(Icon, {
+    status: status
+  }), children), title ? /*#__PURE__*/React.createElement("div", {
+    className: "pisell-lowcode__eft-pay-title"
+  }, title) : null, subTitle ? /*#__PURE__*/React.createElement("div", {
+    className: "pisell-lowcode__eft-pay-sub-title"
+  }, subTitle) : null);
+});

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

@@ -0,0 +1,35 @@
+.pisell-lowcode__eft-pay-icon {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  height: 120px;
+  margin: 0 0 24px 0;
+  flex-shrink: 0;
+  position: relative;
+}
+.pisell-lowcode__eft-pay-title {
+  color: var(--gray-900, #101828);
+  
+  font-size: 18px;
+  font-style: normal;
+  font-weight: 600;
+  line-height: 28px; /* 155.556% */
+}
+.pisell-lowcode__eft-pay-img {
+  width: 120px;
+  height: 120px;
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: contain;
+}
+.pisell-lowcode__eft-pay-load {
+  animation: spin 1s linear infinite;
+} 
+@keyframes spin {
+  from {
+    transform: rotate(0deg);
+  }
+  to {
+    transform: rotate(360deg);
+  }
+}

package/es/components/eftposPay/component/header/titlebar.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import './titlebar.less';
+declare enum EPopupTitleBarVariantType {
+    BackTitleClose = "back-title-cancel",
+    LeftTitleClose = "left-title-close"
+}
+declare const _default: ({ type, children, onBack, onClose, }: {
+    type?: "back-title-cancel" | "left-title-close" | undefined;
+    children: string;
+    onBack?: (() => void) | undefined;
+    onClose?: (() => void) | undefined;
+}) => React.JSX.Element;
+export default _default;

package/es/components/eftposPay/component/header/titlebar.js

@@ -0,0 +1,39 @@
+/* eslint-disable import/order */
+/* eslint-disable no-nested-ternary */
+import React from 'react';
+import "./titlebar.less";
+import XClose from '@pisell/icon/es/XClose';
+import LeftOutlined from '@ant-design/icons/LeftOutlined';
+var EPopupTitleBarVariantType;
+(function (EPopupTitleBarVariantType) {
+  EPopupTitleBarVariantType["BackTitleClose"] = "back-title-cancel";
+  EPopupTitleBarVariantType["LeftTitleClose"] = "left-title-close";
+})(EPopupTitleBarVariantType || (EPopupTitleBarVariantType = {}));
+export default (function (_ref) {
+  var _ref$type = _ref.type,
+    type = _ref$type === void 0 ? EPopupTitleBarVariantType.LeftTitleClose : _ref$type,
+    children = _ref.children,
+    onBack = _ref.onBack,
+    onClose = _ref.onClose;
+  return /*#__PURE__*/React.createElement("div", {
+    className: "pisell-lowcode__eft-pay-header",
+    style: type === EPopupTitleBarVariantType.LeftTitleClose ? {
+      justifyContent: 'space-between'
+    } : type === EPopupTitleBarVariantType.BackTitleClose ? {
+      justifyContent: 'space-between'
+    } : {}
+  }, type === EPopupTitleBarVariantType.BackTitleClose ? /*#__PURE__*/React.createElement(LeftOutlined, {
+    style: {
+      fontSize: '24px'
+    },
+    onClick: onBack
+  }) : null, /*#__PURE__*/React.createElement("div", {
+    className: "pisell-lowcode__eft-pay-header-title"
+  }, children), /*#__PURE__*/React.createElement(XClose, {
+    size: 20,
+    style: {
+      fontSize: '24px'
+    },
+    onClick: onClose
+  }));
+});

package/es/components/eftposPay/component/header/titlebar.less

@@ -0,0 +1,17 @@
+.pisell-lowcode__eft-pay-header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 16px 0 16px;
+  flex-shrink: 0;
+}
+.pisell-lowcode__eft-pay-header-title {
+  color: var(--gray-900, #101828);
+
+  /* Text lg/Semibold */
+  
+  font-size: 18px;
+  font-style: normal;
+  font-weight: 600;
+  line-height: 28px; /* 155.556% */
+}

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

@@ -0,0 +1,10 @@
+import React from 'react';
+import { ActionProps } from '../../const';
+import './index.less';
+/**
+ * @title: 结果标记页面
+ * @Author: hongbing.wang
+ * @Date: 2024-08-20 11:46
+ */
+declare const _default: ({ onChange, className, formatAmount }: ActionProps) => React.JSX.Element;
+export default _default;

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

@@ -0,0 +1,249 @@
+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; }
+import { locales } from '@pisell/utils';
+import { Decimal } from 'decimal.js';
+import { Button, InputNumber } from 'antd';
+import React, { useMemo, useState } from 'react';
+import usePrefix from "../../../../hooks/usePrefix";
+import { ModeEnum } from "../../const";
+import { useContextData, useDispatch, updateState } from "../../store";
+import { limitDecimals } from "../../helper";
+import "./index.less";
+
+/**
+ * @title: 结果标记页面
+ * @Author: hongbing.wang
+ * @Date: 2024-08-20 11:46
+ */
+export default (function (_ref) {
+  var onChange = _ref.onChange,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? '' : _ref$className,
+    formatAmount = _ref.formatAmount;
+  var dispatch = useDispatch();
+  var _useContextData = useContextData(),
+    symbol = _useContextData.symbol,
+    manual = _useContextData.manual,
+    order_id = _useContextData.order_id,
+    mode = _useContextData.mode,
+    device = _useContextData.device,
+    number = _useContextData.number,
+    pay = _useContextData.pay,
+    amount = _useContextData.amount;
+  var start = useMemo(function () {
+    if (typeof (manual === null || manual === void 0 ? void 0 : manual.money) === 'number' || typeof (manual === null || manual === void 0 ? void 0 : manual.money) === 'string') {
+      return Number(manual === null || manual === void 0 ? void 0 : manual.money);
+    }
+    if (typeof (pay === null || pay === void 0 ? void 0 : pay.total) === 'number' || typeof (pay === null || pay === void 0 ? void 0 : pay.total) === 'string') {
+      return Number(pay === null || pay === void 0 ? void 0 : pay.total);
+    }
+    return amount;
+  }, [manual === null || manual === void 0 ? void 0 : manual.money, pay === null || pay === void 0 ? void 0 : pay.total, amount]);
+  var _useState = useState(start),
+    _useState2 = _slicedToArray(_useState, 2),
+    money = _useState2[0],
+    setMoney = _useState2[1];
+  var _useState3 = useState(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    disabled = _useState4[0],
+    setDisabled = _useState4[1];
+  var prefix = usePrefix();
+  var _useState5 = useState(manual === null || manual === void 0 ? void 0 : manual.status),
+    _useState6 = _slicedToArray(_useState5, 2),
+    isUpdateAmount = _useState6[0],
+    updateAmountStatus = _useState6[1];
+
+  /**
+   * @title: 标记成功
+   * @Author: hongbing.wang
+   * @Date: 2024-08-20 11:48
+   */
+  var onSuccess = function onSuccess() {
+    if (disabled) {
+      return;
+    }
+    // if (mode === ModeEnum.Pay) {
+    //   setDisabled(true);
+    //   const obj = pay || {};
+    //   onChange('success', {
+    //     ...obj,
+    //     number,
+    //     device,
+    //     order_id,
+    //   } as { [key: string]: unknown });
+    //   return;
+    // }
+    if (mode === ModeEnum.Refund) {
+      setDisabled(true);
+      onChange('success', {
+        amount: amount,
+        total: amount,
+        number: number,
+        device: device,
+        order_id: order_id
+      });
+      return;
+    }
+    updateAmountStatus(true);
+    dispatch(updateState({
+      manual: _objectSpread(_objectSpread({}, manual), {}, {
+        status: true
+      })
+    }));
+  };
+
+  /**
+   * @title: 标记失败
+   * @Author: hongbing.wang
+   * @Date: 2024-08-20 11:49
+   */
+  var onFail = function onFail() {
+    if (disabled) {
+      return;
+    }
+    setDisabled(true);
+    onChange('fail', {
+      number: number,
+      device: device,
+      order_id: order_id
+    });
+  };
+  var onSubmit = function onSubmit() {
+    if (disabled) {
+      return;
+    }
+    setDisabled(true);
+    if (mode === ModeEnum.Refund || mode === ModeEnum.Query) {
+      return;
+    }
+    var prevMoneyDeci = new Decimal((pay === null || pay === void 0 ? void 0 : pay.total) || 0);
+    var moneyDeci = new Decimal(Number(money || 0));
+
+    // 手续费-固定金额
+    var surMoneyDeci = new Decimal(Number((pay === null || pay === void 0 ? void 0 : pay.surMoney) || 0));
+
+    // 手续费-比例金额
+    var surchargeDeci = new Decimal(Number(pay === null || pay === void 0 ? void 0 : pay.surcharge));
+    var diff = moneyDeci.sub(prevMoneyDeci);
+    var flag = diff.comparedTo(0);
+    if (flag < 0) {
+      setDisabled(false);
+      return;
+    }
+    if (flag > 0) {
+      surMoneyDeci = surMoneyDeci.add(diff);
+      surchargeDeci = surchargeDeci.add(diff);
+    }
+    var obj = pay || {};
+    onChange('success', _objectSpread(_objectSpread({}, obj), {}, {
+      surMoney: surMoneyDeci.toFixed(2, Decimal.ROUND_HALF_UP),
+      surcharge: surchargeDeci.toFixed(2, Decimal.ROUND_HALF_UP),
+      total: moneyDeci.toFixed(2, Decimal.ROUND_HALF_UP),
+      totalUnit: formatAmount(moneyDeci.toFixed(2, Decimal.ROUND_HALF_UP), 2, symbol),
+      number: number,
+      device: device,
+      order_id: order_id
+    }));
+    return;
+  };
+  var onCancel = function onCancel() {
+    updateAmountStatus(false);
+    setMoney(pay === null || pay === void 0 ? void 0 : pay.total);
+    dispatch(updateState({
+      manual: _objectSpread(_objectSpread({}, manual), {}, {
+        status: true,
+        money: pay === null || pay === void 0 ? void 0 : pay.total
+      })
+    }));
+  };
+  return /*#__PURE__*/React.createElement("div", {
+    className: "pisell-lowcode__eft-pay-manual ".concat(className)
+  }, isUpdateAmount ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+    className: "pisell-lowcode__eft-pay-manual-edit-title"
+  }, locales.getText('page.eftpos-pay.text.manual.title')), /*#__PURE__*/React.createElement("div", {
+    className: "pisell-lowcode__eft-pay-manual-edit-body"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "pisell-lowcode__eft-pay-manual-edit-text"
+  }, locales.getText('page.eftpos-pay.text.manual.subtitle')(formatAmount(pay === null || pay === void 0 ? void 0 : pay.total, 2, symbol)), " ", /*#__PURE__*/React.createElement("br", null), locales.getText('page.eftpos-pay.text.manual.confirm'), /*#__PURE__*/React.createElement("br", null), locales.getText('page.eftpos-pay.text.manual.diff')), /*#__PURE__*/React.createElement("div", {
+    className: "pisell-lowcode__eft-pay-manual-edit-act"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "pisell-lowcode__eft-pay-manual-edit-text"
+  }, locales.getText('page.eftpos-pay.text.manual.tip')), /*#__PURE__*/React.createElement(InputNumber, {
+    type: "number",
+    addonBefore: symbol || '$',
+    min: pay === null || pay === void 0 ? void 0 : pay.total,
+    precision: 2,
+    style: {
+      width: '100%'
+    },
+    formatter: limitDecimals,
+    parser: limitDecimals,
+    defaultValue: money,
+    onChange: function onChange(event) {
+      if (event !== null && event !== undefined) {
+        setMoney(event || 0);
+        dispatch(updateState({
+          manual: _objectSpread(_objectSpread({}, manual), {}, {
+            money: event || 0
+          })
+        }));
+      } else {
+        setMoney(0);
+        dispatch(updateState({
+          manual: _objectSpread(_objectSpread({}, manual), {}, {
+            money: 0
+          })
+        }));
+      }
+    }
+  }))), /*#__PURE__*/React.createElement("div", {
+    className: "pisell-lowcode__eft-pay-step-item-btns"
+  }, /*#__PURE__*/React.createElement(Button, {
+    className: "pisell-lowcode__eft-pay-manual-btn",
+    block: true,
+    onClick: onCancel
+  }, locales.getText('page.eftpos-pay.text.cancel')), /*#__PURE__*/React.createElement(Button, {
+    className: "pisell-lowcode__eft-pay-manual-btn",
+    block: true,
+    type: "primary",
+    onClick: onSubmit
+  }, locales.getText('page.eftpos-pay.text.manual.btn.confirm')(formatAmount(money, 2, symbol))))) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+    className: "pisell-lowcode__eft-pay-manual-title"
+  }, manual === null || manual === void 0 ? void 0 : manual.title), /*#__PURE__*/React.createElement("div", {
+    className: "pisell-lowcode__eft-pay-manual-txt"
+  }, manual === null || manual === void 0 ? void 0 : manual.text), /*#__PURE__*/React.createElement("div", {
+    className: "pisell-lowcode__eft-pay-manual-card-box"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "pisell-lowcode__eft-pay-manual-card",
+    onClick: onSuccess
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "pisell-lowcode__eft-pay-manual-img",
+    style: {
+      backgroundImage: "url(".concat(prefix, "/pay_success.png)")
+    }
+  }), /*#__PURE__*/React.createElement(Button, {
+    className: "pisell-lowcode__eft-pay-manual-btn",
+    block: true
+  }, locales.getText('page.eftpos-pay.text.successful')(mode))), /*#__PURE__*/React.createElement("div", {
+    className: "pisell-lowcode__eft-pay-manual-card",
+    onClick: onFail
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "pisell-lowcode__eft-pay-manual-img",
+    style: {
+      backgroundImage: "url(".concat(prefix, "/pay_error.png)")
+    }
+  }), /*#__PURE__*/React.createElement(Button, {
+    className: "pisell-lowcode__eft-pay-manual-btn",
+    block: true
+  }, locales.getText('page.eftpos-pay.text.failed')(mode))))));
+});