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

package/lib/components/eftposPay/amount.js

@@ -0,0 +1,214 @@
+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/amount.tsx
+var amount_exports = {};
+__export(amount_exports, {
+  default: () => amount_default
+});
+module.exports = __toCommonJS(amount_exports);
+var import_utils = require("@pisell/utils");
+var import_antd = require("antd");
+var import_decimal = require("decimal.js");
+var import_react = __toESM(require("react"));
+var import_alert = __toESM(require("./component/alert"));
+var import_titlebar = __toESM(require("./component/header/titlebar"));
+var import_manufacturer = require("./manufacturer");
+var import_helper = require("./helper");
+var import_store = require("./store");
+var amount_default = ({
+  className = "",
+  onChange,
+  onClose,
+  formatAmount = (number, precision, symbol) => `${symbol}${number}`,
+  isIpad,
+  net
+}) => {
+  const dispatch = (0, import_store.useDispatch)();
+  const [status, setStatus] = (0, import_react.useState)(true);
+  const store = (0, import_store.useContextData)();
+  const {
+    name,
+    symbol,
+    money,
+    amount: lastMoney,
+    surRate,
+    surMoney,
+    useOriginSurcharge
+  } = (0, import_manufacturer.getAmonunt)(store);
+  const [curSurRate, setSurRate] = (0, import_react.useState)(surRate);
+  const [curSurMoney, setSurMoney] = (0, import_react.useState)(surMoney);
+  const [currentMoney, setCurrentMoney] = (0, import_react.useState)(lastMoney);
+  const [tempSurRate, setTempSurRate] = (0, import_react.useState)(curSurRate);
+  const [tempSurMoney, setTempSurMoney] = (0, import_react.useState)(curSurMoney);
+  const surRateMoney = (0, import_react.useMemo)(() => {
+    const surRateDeci = new import_decimal.Decimal(curSurRate);
+    const moneyDeci = new import_decimal.Decimal(currentMoney);
+    return moneyDeci.mul(surRateDeci.div(100)).toFixed(2, import_decimal.Decimal.ROUND_HALF_UP);
+  }, [currentMoney, curSurRate]);
+  const totalSurMoney = (0, import_react.useMemo)(() => {
+    const surRateDeci = new import_decimal.Decimal(curSurRate);
+    const moneyDeci = new import_decimal.Decimal(currentMoney);
+    const surMoneyDeci = new import_decimal.Decimal(curSurMoney);
+    return moneyDeci.mul(surRateDeci.div(100)).add(surMoneyDeci).toFixed(2, import_decimal.Decimal.ROUND_HALF_UP);
+  }, [currentMoney, curSurRate, curSurMoney]);
+  const total = (0, import_react.useMemo)(() => {
+    const totalSurDeci = new import_decimal.Decimal(totalSurMoney);
+    const moneyDeci = new import_decimal.Decimal(currentMoney);
+    return totalSurDeci.add(moneyDeci).toFixed(2, import_decimal.Decimal.ROUND_HALF_UP);
+  }, [currentMoney, totalSurMoney]);
+  const subtracted = (0, import_react.useMemo)(() => {
+    const moneyDeci = new import_decimal.Decimal(money);
+    const currentMoneyDeci = new import_decimal.Decimal(currentMoney);
+    return moneyDeci.sub(currentMoneyDeci).toFixed(2, import_decimal.Decimal.ROUND_HALF_UP);
+  }, [currentMoney, money]);
+  const onSubmit = () => {
+    if (!status) {
+      setStatus(true);
+      setSurRate(tempSurRate);
+      setSurMoney(tempSurMoney);
+      return;
+    }
+    if (!net) {
+      import_antd.message.open({
+        key: "net-warning",
+        type: "warning",
+        content: import_utils.locales.getText("page.eftpos-pay.text.not.connected")
+      });
+      return;
+    }
+    const rate = new import_decimal.Decimal(curSurRate).div(100).toFixed(4, import_decimal.Decimal.ROUND_HALF_UP);
+    const pay = {
+      sourceAmount: `${money}`,
+      amount: `${currentMoney}`,
+      surcharge: `${totalSurMoney}`,
+      total: `${total}`,
+      surPercentRate: `${rate}`,
+      surRate: `${curSurRate}`,
+      surMoney: `${curSurMoney}`,
+      surRateMoney: `${surRateMoney}`,
+      totalUnit: formatAmount(total, 2, symbol)
+    };
+    console.log("amount pay = ", pay);
+    dispatch((0, import_store.updateState)({ pay }));
+    dispatch((0, import_store.updateComponent)(""));
+    onChange && onChange("page", "pay");
+  };
+  const onCancel = () => {
+    if (!status) {
+      setStatus(true);
+      return;
+    }
+    onClose();
+  };
+  const onEdit = () => {
+    setStatus(false);
+    setTempSurRate(curSurRate);
+    setTempSurMoney(curSurMoney);
+  };
+  return /* @__PURE__ */ import_react.default.createElement("div", { className: `pisell-lowcode__eft-pay-amount ${className}` }, isIpad ? null : /* @__PURE__ */ import_react.default.createElement(import_titlebar.default, { type: "left-title-close", onClose }, status ? name : import_utils.locales.getText("page.eftpos-pay.text.surcharge.edit.title")), status ? /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__eft-pay-amount-body" }, /* @__PURE__ */ import_react.default.createElement(
+    "div",
+    {
+      className: "pisell-lowcode__eft-pay-cash",
+      "data-money": formatAmount(money, 2, symbol)
+    },
+    import_utils.locales.getText("page.eftpos-pay.text.amount.to.pay")
+  ), /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__eft-pay-money" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__eft-pay-money-title" }, import_utils.locales.getText("page.eftpos-pay.text.input.title")(name)), /* @__PURE__ */ import_react.default.createElement(
+    import_antd.InputNumber,
+    {
+      type: "number",
+      addonBefore: symbol || "$",
+      max: money,
+      precision: 2,
+      min: 0,
+      style: { width: "100%" },
+      value: currentMoney,
+      formatter: import_helper.limitDecimals,
+      parser: import_helper.limitDecimals,
+      onChange: (event) => {
+        if (event !== null && event !== void 0) {
+          setCurrentMoney(event || 0);
+        } else {
+          setCurrentMoney(0);
+        }
+      }
+    }
+  ), /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__eft-pay-money-tip" }, import_utils.locales.getText(
+    "page.eftpos-pay.text.amount.cash.left.pay.paid"
+  )(formatAmount(`${subtracted}`, 2, symbol)))), /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__eft-pay-surcharge" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__eft-pay-details" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__eft-pay-total" }, import_utils.locales.getText(
+    "page.eftpos-pay.text.surcharge.edit.actual.pay"
+  ), ":", formatAmount(`${total}`, 2, symbol)), /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__eft-pay-money" }, import_utils.locales.getText(
+    "page.eftpos-pay.text.surcharge.edit.inc.surcharge"
+  ), ": ", formatAmount(`${totalSurMoney}`, 2, symbol), " (", import_utils.locales.getText("page.eftpos-pay.text.surcharge.edit.rate"), ":", curSurRate, "% + ", formatAmount(`${curSurMoney}`, 2, symbol), ")")), /* @__PURE__ */ import_react.default.createElement(import_antd.Button, { type: "link", onClick: onEdit, disabled: useOriginSurcharge }, import_utils.locales.getText("page.eftpos-pay.text.surcharge.edit.surcharge")))) : /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__eft-pay-amount-body" }, /* @__PURE__ */ import_react.default.createElement(import_alert.default, null, import_utils.locales.getText("page.eftpos-pay.text.surcharge.percentage-fixed")), /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__eft-pay-amount-form" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__eft-pay-amount-item" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__eft-pay-amount-item-title" }, import_utils.locales.getText("page.eftpos-pay.text.surcharge.percentage")), /* @__PURE__ */ import_react.default.createElement(
+    import_antd.InputNumber,
+    {
+      type: "number",
+      value: tempSurRate,
+      min: 0,
+      max: 100,
+      precision: 2,
+      addonAfter: "%",
+      style: { width: "100%" },
+      onChange: (e) => {
+        setTempSurRate(e || 0);
+      }
+    }
+  )), /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__eft-pay-amount-item" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__eft-pay-amount-item-title" }, import_utils.locales.getText("page.eftpos-pay.text.surcharge.fixed")), /* @__PURE__ */ import_react.default.createElement(
+    import_antd.InputNumber,
+    {
+      type: "number",
+      value: tempSurMoney,
+      min: 0,
+      max: 1e5,
+      precision: 2,
+      style: { width: "100%" },
+      addonBefore: symbol || "$",
+      onChange: (e) => {
+        setTempSurMoney(e || 0);
+      }
+    }
+  )))), /* @__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: onCancel
+    },
+    import_utils.locales.getText("page.eftpos-pay.text.cancel")
+  ), /* @__PURE__ */ import_react.default.createElement(
+    import_antd.Button,
+    {
+      block: true,
+      className: "pisell-lowcode__eft-pay-step-item-btn",
+      type: "primary",
+      onClick: onSubmit,
+      disabled: currentMoney <= 0 && status
+    },
+    import_utils.locales.getText("page.eftpos-pay.text.sure")
+  )));
+};

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

@@ -0,0 +1,38 @@
+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/alert/index.tsx
+var alert_exports = {};
+__export(alert_exports, {
+  default: () => alert_default
+});
+module.exports = __toCommonJS(alert_exports);
+var import_react = __toESM(require("react"));
+var import_warn = __toESM(require("./warn"));
+var import_index = require("./index.less");
+var alert_default = ({ children }) => /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__alert-warn-box" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__alert-warn" }, /* @__PURE__ */ import_react.default.createElement(import_warn.default, null)), children);

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

@@ -0,0 +1,80 @@
+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/alert/warn.tsx
+var warn_exports = {};
+__export(warn_exports, {
+  default: () => warn_default
+});
+module.exports = __toCommonJS(warn_exports);
+var import_react = __toESM(require("react"));
+var warn_default = () => /* @__PURE__ */ import_react.default.createElement(
+  "svg",
+  {
+    width: "1em",
+    height: "1em",
+    viewBox: "0 0 36 36",
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "none"
+  },
+  /* @__PURE__ */ import_react.default.createElement("g", { opacity: "0.3" }, /* @__PURE__ */ import_react.default.createElement(
+    "rect",
+    {
+      x: "5.49999",
+      y: "5.5013",
+      width: "25",
+      height: "25",
+      rx: "12.5",
+      stroke: "#DC6803",
+      strokeWidth: "1.66667"
+    }
+  )),
+  /* @__PURE__ */ import_react.default.createElement("g", { opacity: "0.1" }, /* @__PURE__ */ import_react.default.createElement(
+    "rect",
+    {
+      x: "1.33333",
+      y: "1.33333",
+      width: "33.3333",
+      height: "33.3333",
+      rx: "16.6667",
+      stroke: "#DC6803",
+      strokeWidth: "1.66667"
+    }
+  )),
+  /* @__PURE__ */ import_react.default.createElement("g", { clipPath: "url(#clip0_5109_25282)" }, /* @__PURE__ */ import_react.default.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__ */ import_react.default.createElement("defs", null, /* @__PURE__ */ import_react.default.createElement("clipPath", { id: "clip0_5109_25282" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "20", height: "20", fill: "white", transform: "translate(8 8)" })))
+);

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

@@ -0,0 +1,140 @@
+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/failCustom.tsx
+var failCustom_exports = {};
+__export(failCustom_exports, {
+  default: () => failCustom_default
+});
+module.exports = __toCommonJS(failCustom_exports);
+var import_utils = require("@pisell/utils");
+var import_ahooks = require("ahooks");
+var import_antd = require("antd");
+var import_react = __toESM(require("react"));
+var import_const = require("../../const");
+var import_manufacturer = require("../../manufacturer");
+var import_XClose = __toESM(require("@pisell/icon/es/XClose"));
+var import_store = require("../../store");
+var import_header = __toESM(require("../header"));
+var failCustom_default = ({ className = "", isIpad, onChange }) => {
+  const {
+    eftpos,
+    custom,
+    mode,
+    name,
+    symbol,
+    amount,
+    order_id,
+    number,
+    device
+  } = (0, import_store.useContextData)();
+  const failCustom = custom == null ? void 0 : custom.failCustom;
+  const dispatch = (0, import_store.useDispatch)();
+  const onRetry = () => {
+    onChange("page", "pay");
+    dispatch(
+      (0, import_store.updateState)(
+        (0, import_manufacturer.getInitState)(
+          eftpos,
+          mode === import_const.ModeEnum.Query ? { mode, name, symbol, amount, order_id } : { mode, name, symbol, amount, order_id, number: "" }
+        )
+      )
+    );
+  };
+  const onModify = () => {
+    dispatch(
+      (0, import_store.updateState)(
+        (0, import_manufacturer.getInitState)(eftpos, {
+          mode,
+          name,
+          symbol,
+          amount,
+          order_id,
+          number: ""
+        })
+      )
+    );
+    onChange("page", "amount");
+  };
+  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"));
+  };
+  const onClose = () => {
+    onChange("fail", { number, device, order_id });
+  };
+  (0, import_ahooks.useMount)(() => {
+    if ((failCustom == null ? void 0 : failCustom.status) === "fail") {
+      onChange("page", "fail");
+    }
+  });
+  return /* @__PURE__ */ import_react.default.createElement("div", { className: `pisell-lowcode__eft-pay-box ${className}` }, /* @__PURE__ */ import_react.default.createElement(import_header.default, { status: failCustom.status }, (failCustom == null ? void 0 : failCustom.status) === "fail" && !isIpad ? /* @__PURE__ */ import_react.default.createElement(
+    import_XClose.default,
+    {
+      size: 20,
+      style: { fontSize: "24px", position: "absolute", top: 0, right: 0 },
+      onClick: onClose
+    }
+  ) : null), /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__eft-pay-fail-title" }, failCustom.title || import_utils.locales.getText("page.eftpos-pay.text.failed")(mode)), (failCustom == null ? void 0 : failCustom.status) === "fail" ? /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__eft-pay-fail-text pisell-lowcode__eft-pay-body" }, failCustom == null ? void 0 : failCustom.fail) : (failCustom == null ? void 0 : failCustom.status) === "warn" ? /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__eft-pay-warn-text pisell-lowcode__eft-pay-body" }, failCustom == null ? void 0 : failCustom.warn) : null, (failCustom == null ? void 0 : failCustom.isPosNetworkError) ? /* @__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")
+  )) : /* @__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: onClose
+    },
+    import_utils.locales.getText("page.eftpos-pay.text.cancel")
+  ), /* @__PURE__ */ import_react.default.createElement(
+    import_antd.Button,
+    {
+      block: true,
+      type: "primary",
+      className: "pisell-lowcode__eft-pay-step-item-btn",
+      onClick: onRetry
+    },
+    import_utils.locales.getText("page.eftpos-pay.text.retry")
+  )));
+};

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

@@ -0,0 +1,145 @@
+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/index.tsx
+var fail_exports = {};
+__export(fail_exports, {
+  default: () => fail_default
+});
+module.exports = __toCommonJS(fail_exports);
+var import_utils = require("@pisell/utils");
+var import_antd = require("antd");
+var import_ahooks = require("ahooks");
+var import_react = __toESM(require("react"));
+var import_XClose = __toESM(require("@pisell/icon/es/XClose"));
+var import_manufacturer = require("../../manufacturer");
+var import_store = require("../../store");
+var import_header = __toESM(require("../header"));
+var fail_default = ({ onChange, className = "", isIpad }) => {
+  var _a, _b;
+  const {
+    eftpos,
+    step,
+    steps,
+    mode,
+    name,
+    symbol,
+    amount,
+    order_id,
+    number,
+    device
+  } = (0, import_store.useContextData)();
+  const isPosNetworkError = ((_b = (_a = steps[step]) == null ? void 0 : _a.custom) == null ? void 0 : _b.isPosNetworkError) || false;
+  const dispatch = (0, import_store.useDispatch)();
+  const onRetry = () => {
+    onChange("page", "pay");
+    dispatch(
+      (0, import_store.updateState)(
+        (0, import_manufacturer.getInitState)(eftpos, {
+          mode,
+          name,
+          symbol,
+          amount,
+          order_id,
+          number: ""
+        })
+      )
+    );
+  };
+  const onModify = () => {
+    dispatch(
+      (0, import_store.updateState)(
+        (0, import_manufacturer.getInitState)(eftpos, {
+          mode,
+          name,
+          symbol,
+          amount,
+          order_id,
+          number: ""
+        })
+      )
+    );
+    onChange("page", "amount");
+  };
+  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"));
+  };
+  const onClose = () => {
+    onChange("fail", { number, device, order_id });
+  };
+  (0, import_ahooks.useMount)(() => {
+    if (steps[step].status === "fail") {
+      onChange("page", "fail");
+    }
+  });
+  return /* @__PURE__ */ import_react.default.createElement("div", { className: `pisell-lowcode__eft-pay-box ${className}` }, /* @__PURE__ */ import_react.default.createElement(import_header.default, { status: steps[step].status }, steps[step].status === "fail" && !isIpad ? /* @__PURE__ */ import_react.default.createElement(
+    import_XClose.default,
+    {
+      size: 20,
+      style: { fontSize: "24px", position: "absolute", top: 0, right: 0 },
+      onClick: onClose
+    }
+  ) : null), /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__eft-pay-fail-title" }, steps[step].title || import_utils.locales.getText("page.eftpos-pay.text.failed")(mode)), steps[step].status === "fail" ? /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__eft-pay-fail-text pisell-lowcode__eft-pay-body" }, steps[step].fail) : steps[step].status === "warn" ? /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__eft-pay-warn-text pisell-lowcode__eft-pay-body" }, steps[step].warn) : null, isPosNetworkError ? /* @__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")
+  )) : /* @__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: onClose
+    },
+    import_utils.locales.getText("page.eftpos-pay.text.cancel")
+  ), /* @__PURE__ */ import_react.default.createElement(
+    import_antd.Button,
+    {
+      block: true,
+      type: "primary",
+      className: "pisell-lowcode__eft-pay-step-item-btn",
+      onClick: onRetry
+    },
+    import_utils.locales.getText("page.eftpos-pay.text.retry")
+  )));
+};