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

package/lib/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/lib/components/eftposPay/component/fail/network.js

@@ -0,0 +1,65 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/eftposPay/component/fail/network.tsx
+var network_exports = {};
+__export(network_exports, {
+  default: () => network_default
+});
+module.exports = __toCommonJS(network_exports);
+var import_utils = require("@pisell/utils");
+var import_react = __toESM(require("react"));
+var import_antd = require("antd");
+var import_header = __toESM(require("../header"));
+var network_default = ({ className = "" }) => {
+  const [hasBtn, setBtn] = (0, import_react.useState)(false);
+  (0, import_react.useEffect)(() => {
+    const clear = setTimeout(() => {
+      setBtn(true);
+    }, 1e3);
+    return () => {
+      clearTimeout(clear);
+    };
+  }, []);
+  const onReconnect = () => {
+    import_antd.message.open({
+      key: "net-warning",
+      type: "loading",
+      content: import_utils.locales.getText("page.eftpos-pay.text.reconnecting")
+    });
+  };
+  return /* @__PURE__ */ import_react.default.createElement("div", { className: `pisell-lowcode__eft-pay-box ${className}` }, /* @__PURE__ */ import_react.default.createElement(import_header.default, { status: "warn" }), /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__eft-pay-fail-title" }, import_utils.locales.getText("page.eftpos-pay.text.network.disconnected")), /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__eft-pay-warn-text pisell-lowcode__eft-pay-body" }, import_utils.locales.getText("page.eftpos-pay.text.waiting.wifi.title"), " ", /* @__PURE__ */ import_react.default.createElement("br", null), import_utils.locales.getText("page.eftpos-pay.text.waiting.wifi.connection"), /* @__PURE__ */ import_react.default.createElement("br", null), import_utils.locales.getText("page.eftpos-pay.text.waiting.wifi.router"), /* @__PURE__ */ import_react.default.createElement("br", null), import_utils.locales.getText("page.eftpos-pay.text.waiting.wifi.forget.reconnect")), hasBtn ? /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__eft-pay-step-item-btns" }, /* @__PURE__ */ import_react.default.createElement(
+    import_antd.Button,
+    {
+      block: true,
+      className: "pisell-lowcode__eft-pay-step-item-btn",
+      onClick: onReconnect
+    },
+    import_utils.locales.getText("page.eftpos-pay.text.reconnect.network")
+  )) : null);
+};

package/lib/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/lib/components/eftposPay/component/fail/unknow.js

@@ -0,0 +1,72 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/eftposPay/component/fail/unknow.tsx
+var unknow_exports = {};
+__export(unknow_exports, {
+  default: () => unknow_default
+});
+module.exports = __toCommonJS(unknow_exports);
+var import_utils = require("@pisell/utils");
+var import_antd = require("antd");
+var import_react = __toESM(require("react"));
+var import_store = require("../../store");
+var import_header = __toESM(require("../header"));
+var unknow_default = ({ className = "" }) => {
+  const { form, mode } = (0, import_store.useContextData)();
+  const dispatch = (0, import_store.useDispatch)();
+  const onManually = () => {
+    dispatch(
+      (0, import_store.updateState)({
+        manual: {
+          title: import_utils.locales.getText("page.eftpos-pay.text.request.unknown.title")(
+            mode
+          ),
+          text: import_utils.locales.getText("page.eftpos-pay.text.request.unknown.text")(
+            mode
+          )
+        }
+      })
+    );
+    dispatch((0, import_store.updateComponent)("Manual"));
+  };
+  (0, import_react.useEffect)(() => {
+    if (form === "Network" || form === "restore") {
+      dispatch((0, import_store.updateComponent)(""));
+    }
+  }, [form]);
+  return /* @__PURE__ */ import_react.default.createElement("div", { className: `pisell-lowcode__eft-pay-box ${className}` }, /* @__PURE__ */ import_react.default.createElement(import_header.default, { status: "warn" }), /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__eft-pay-fail-title" }, import_utils.locales.getText("page.eftpos-pay.text.unknown.title")(mode)), /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__eft-pay-warn-text pisell-lowcode__eft-pay-body" }, import_utils.locales.getText("page.eftpos-pay.text.unknown.text")(mode)), /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__eft-pay-step-item-btns" }, /* @__PURE__ */ import_react.default.createElement(
+    import_antd.Button,
+    {
+      block: true,
+      className: "pisell-lowcode__eft-pay-step-item-btn",
+      onClick: onManually
+    },
+    import_utils.locales.getText("page.eftpos-pay.text.manual.marking")
+  )));
+};

package/lib/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/lib/components/eftposPay/component/header/index.js

@@ -0,0 +1,93 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/eftposPay/component/header/index.tsx
+var header_exports = {};
+__export(header_exports, {
+  default: () => header_default
+});
+module.exports = __toCommonJS(header_exports);
+var import_react = __toESM(require("react"));
+var import_usePrefix = __toESM(require("../../../../hooks/usePrefix"));
+var import_const = require("../../const");
+var import_index = require("./index.less");
+var Icon = ({ status }) => {
+  const prefix = (0, import_usePrefix.default)();
+  if (status === import_const.StatusEnum.Loading) {
+    return /* @__PURE__ */ import_react.default.createElement(
+      "div",
+      {
+        style: { backgroundImage: `url(${prefix}/loading.png)` },
+        className: "pisell-lowcode__eft-pay-img pisell-lowcode__eft-pay-load"
+      }
+    );
+  }
+  if (status === import_const.StatusEnum.Success) {
+    return /* @__PURE__ */ import_react.default.createElement(
+      "div",
+      {
+        style: { backgroundImage: `url(${prefix}/success.png)` },
+        className: "pisell-lowcode__eft-pay-img "
+      }
+    );
+  }
+  if (status === import_const.StatusEnum.Fail) {
+    return /* @__PURE__ */ import_react.default.createElement(
+      "div",
+      {
+        style: { backgroundImage: `url(${prefix}/error.png)` },
+        className: "pisell-lowcode__eft-pay-img "
+      }
+    );
+  }
+  if (status === import_const.StatusEnum.Warn) {
+    return /* @__PURE__ */ import_react.default.createElement(
+      "div",
+      {
+        style: { backgroundImage: `url(${prefix}/warn.png)` },
+        className: "pisell-lowcode__eft-pay-img "
+      }
+    );
+  }
+  if (status === import_const.StatusEnum.Question) {
+    return /* @__PURE__ */ import_react.default.createElement(
+      "div",
+      {
+        style: { backgroundImage: `url(${prefix}/question.png)` },
+        className: "pisell-lowcode__eft-pay-img "
+      }
+    );
+  }
+  return null;
+};
+var header_default = ({
+  status,
+  title = "",
+  subTitle,
+  children
+}) => /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__eft-pay-icon" }, /* @__PURE__ */ import_react.default.createElement(Icon, { status }), children), title ? /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__eft-pay-title" }, title) : null, subTitle ? /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__eft-pay-sub-title" }, subTitle) : null);

package/lib/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/lib/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/lib/components/eftposPay/component/header/titlebar.js

@@ -0,0 +1,55 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/eftposPay/component/header/titlebar.tsx
+var titlebar_exports = {};
+__export(titlebar_exports, {
+  default: () => titlebar_default
+});
+module.exports = __toCommonJS(titlebar_exports);
+var import_react = __toESM(require("react"));
+var import_titlebar = require("./titlebar.less");
+var import_XClose = __toESM(require("@pisell/icon/es/XClose"));
+var import_LeftOutlined = __toESM(require("@ant-design/icons/LeftOutlined"));
+var titlebar_default = ({
+  type = "left-title-close" /* LeftTitleClose */,
+  children,
+  onBack,
+  onClose
+}) => /* @__PURE__ */ import_react.default.createElement(
+  "div",
+  {
+    className: "pisell-lowcode__eft-pay-header",
+    style: type === "left-title-close" /* LeftTitleClose */ ? { justifyContent: "space-between" } : type === "back-title-cancel" /* BackTitleClose */ ? {
+      justifyContent: "space-between"
+    } : {}
+  },
+  type === "back-title-cancel" /* BackTitleClose */ ? /* @__PURE__ */ import_react.default.createElement(import_LeftOutlined.default, { style: { fontSize: "24px" }, onClick: onBack }) : null,
+  /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__eft-pay-header-title" }, children),
+  /* @__PURE__ */ import_react.default.createElement(import_XClose.default, { size: 20, style: { fontSize: "24px" }, onClick: onClose })
+);

package/lib/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/lib/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/lib/components/eftposPay/component/manual/index.js

@@ -0,0 +1,193 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/eftposPay/component/manual/index.tsx
+var manual_exports = {};
+__export(manual_exports, {
+  default: () => manual_default
+});
+module.exports = __toCommonJS(manual_exports);
+var import_utils = require("@pisell/utils");
+var import_decimal = require("decimal.js");
+var import_antd = require("antd");
+var import_react = __toESM(require("react"));
+var import_usePrefix = __toESM(require("../../../../hooks/usePrefix"));
+var import_const = require("../../const");
+var import_store = require("../../store");
+var import_helper = require("../../helper");
+var import_index = require("./index.less");
+var manual_default = ({ onChange, className = "", formatAmount }) => {
+  const dispatch = (0, import_store.useDispatch)();
+  const { symbol, manual, order_id, mode, device, number, pay, amount } = (0, import_store.useContextData)();
+  const start = (0, import_react.useMemo)(() => {
+    if (typeof (manual == null ? void 0 : manual.money) === "number" || typeof (manual == null ? void 0 : manual.money) === "string") {
+      return Number(manual == null ? void 0 : manual.money);
+    }
+    if (typeof (pay == null ? void 0 : pay.total) === "number" || typeof (pay == null ? void 0 : pay.total) === "string") {
+      return Number(pay == null ? void 0 : pay.total);
+    }
+    return amount;
+  }, [manual == null ? void 0 : manual.money, pay == null ? void 0 : pay.total, amount]);
+  const [money, setMoney] = (0, import_react.useState)(start);
+  const [disabled, setDisabled] = (0, import_react.useState)(false);
+  const prefix = (0, import_usePrefix.default)();
+  const [isUpdateAmount, updateAmountStatus] = (0, import_react.useState)(manual == null ? void 0 : manual.status);
+  const onSuccess = () => {
+    if (disabled) {
+      return;
+    }
+    if (mode === import_const.ModeEnum.Refund) {
+      setDisabled(true);
+      onChange("success", {
+        amount,
+        total: amount,
+        number,
+        device,
+        order_id
+      });
+      return;
+    }
+    updateAmountStatus(true);
+    dispatch((0, import_store.updateState)({ manual: { ...manual, status: true } }));
+  };
+  const onFail = () => {
+    if (disabled) {
+      return;
+    }
+    setDisabled(true);
+    onChange("fail", { number, device, order_id });
+  };
+  const onSubmit = () => {
+    if (disabled) {
+      return;
+    }
+    setDisabled(true);
+    if (mode !== import_const.ModeEnum.Pay) {
+      return;
+    }
+    const prevMoneyDeci = new import_decimal.Decimal((pay == null ? void 0 : pay.total) || 0);
+    const moneyDeci = new import_decimal.Decimal(Number(money || 0));
+    let surMoneyDeci = new import_decimal.Decimal(Number((pay == null ? void 0 : pay.surMoney) || 0));
+    let surchargeDeci = new import_decimal.Decimal(Number(pay == null ? void 0 : pay.surcharge));
+    const diff = moneyDeci.sub(prevMoneyDeci);
+    const flag = diff.comparedTo(0);
+    if (flag < 0) {
+      setDisabled(false);
+      return;
+    }
+    if (flag > 0) {
+      surMoneyDeci = surMoneyDeci.add(diff);
+      surchargeDeci = surchargeDeci.add(diff);
+    }
+    const obj = pay || {};
+    onChange("success", {
+      ...obj,
+      surMoney: surMoneyDeci.toFixed(2, import_decimal.Decimal.ROUND_HALF_UP),
+      surcharge: surchargeDeci.toFixed(2, import_decimal.Decimal.ROUND_HALF_UP),
+      total: moneyDeci.toFixed(2, import_decimal.Decimal.ROUND_HALF_UP),
+      totalUnit: formatAmount(moneyDeci.toFixed(2, import_decimal.Decimal.ROUND_HALF_UP), 2, symbol),
+      number,
+      device,
+      order_id
+    });
+    return;
+  };
+  const onCancel = () => {
+    updateAmountStatus(false);
+    setMoney(pay == null ? void 0 : pay.total);
+    dispatch((0, import_store.updateState)({ manual: { ...manual, status: true, money: pay == null ? void 0 : pay.total } }));
+  };
+  return /* @__PURE__ */ import_react.default.createElement("div", { className: `pisell-lowcode__eft-pay-manual ${className}` }, isUpdateAmount ? /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__eft-pay-manual-edit-title" }, import_utils.locales.getText("page.eftpos-pay.text.manual.title")), /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__eft-pay-manual-edit-body" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__eft-pay-manual-edit-text" }, import_utils.locales.getText("page.eftpos-pay.text.manual.subtitle")(formatAmount(pay == null ? void 0 : pay.total, 2, symbol)), " ", /* @__PURE__ */ import_react.default.createElement("br", null), import_utils.locales.getText("page.eftpos-pay.text.manual.confirm"), /* @__PURE__ */ import_react.default.createElement("br", null), import_utils.locales.getText("page.eftpos-pay.text.manual.diff")), /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__eft-pay-manual-edit-act" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__eft-pay-manual-edit-text" }, import_utils.locales.getText("page.eftpos-pay.text.manual.tip")), /* @__PURE__ */ import_react.default.createElement(
+    import_antd.InputNumber,
+    {
+      addonBefore: symbol || "$",
+      min: pay == null ? void 0 : pay.total,
+      precision: 2,
+      style: { width: "100%" },
+      formatter: import_helper.limitDecimals,
+      parser: import_helper.limitDecimals,
+      defaultValue: money,
+      onChange: (event) => {
+        if (event !== null && event !== void 0) {
+          setMoney(event || 0);
+          dispatch(
+            (0, import_store.updateState)({ manual: { ...manual, money: event || 0 } })
+          );
+        } else {
+          setMoney(0);
+          dispatch((0, import_store.updateState)({ manual: { ...manual, money: 0 } }));
+        }
+      }
+    }
+  ))), /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__eft-pay-step-item-btns" }, /* @__PURE__ */ import_react.default.createElement(
+    import_antd.Button,
+    {
+      className: "pisell-lowcode__eft-pay-manual-btn",
+      block: true,
+      onClick: onCancel
+    },
+    import_utils.locales.getText("page.eftpos-pay.text.cancel")
+  ), /* @__PURE__ */ import_react.default.createElement(
+    import_antd.Button,
+    {
+      className: "pisell-lowcode__eft-pay-manual-btn",
+      block: true,
+      type: "primary",
+      onClick: onSubmit
+    },
+    import_utils.locales.getText("page.eftpos-pay.text.manual.btn.confirm")(formatAmount(money, 2, symbol))
+  ))) : /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__eft-pay-manual-title" }, manual == null ? void 0 : manual.title), /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__eft-pay-manual-txt" }, manual == null ? void 0 : manual.text), /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__eft-pay-manual-card-box" }, /* @__PURE__ */ import_react.default.createElement(
+    "div",
+    {
+      className: "pisell-lowcode__eft-pay-manual-card",
+      onClick: onSuccess
+    },
+    /* @__PURE__ */ import_react.default.createElement(
+      "div",
+      {
+        className: "pisell-lowcode__eft-pay-manual-img",
+        style: { backgroundImage: `url(${prefix}/pay_success.png)` }
+      }
+    ),
+    /* @__PURE__ */ import_react.default.createElement(import_antd.Button, { className: "pisell-lowcode__eft-pay-manual-btn", block: true }, import_utils.locales.getText("page.eftpos-pay.text.successful")(mode))
+  ), /* @__PURE__ */ import_react.default.createElement(
+    "div",
+    {
+      className: "pisell-lowcode__eft-pay-manual-card",
+      onClick: onFail
+    },
+    /* @__PURE__ */ import_react.default.createElement(
+      "div",
+      {
+        className: "pisell-lowcode__eft-pay-manual-img",
+        style: { backgroundImage: `url(${prefix}/pay_error.png)` }
+      }
+    ),
+    /* @__PURE__ */ import_react.default.createElement(import_antd.Button, { className: "pisell-lowcode__eft-pay-manual-btn", block: true }, import_utils.locales.getText("page.eftpos-pay.text.failed")(mode))
+  ))));
+};