@pisell/private-materials 3.0.96 → 3.0.97

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

@@ -0,0 +1,117 @@
+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_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 = "", onChange }) => {
+  const { eftpos, custom, mode } = (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 ? { ...custom, isPay: true } : { ...custom, number: void 0, isPay: false }
+        )
+      )
+    );
+  };
+  const onModify = () => {
+    dispatch(
+      (0, import_store.updateState)(
+        (0, import_manufacturer.getInitState)(eftpos, { ...custom, number: void 0, isPay: false })
+      )
+    );
+    onChange("page", "amount");
+  };
+  const onManually = () => {
+    dispatch(
+      (0, import_store.updateState)({
+        manual: {
+          title: import_utils.locales.getText("page.eftpos-pay.text.request.title")(mode),
+          text: import_utils.locales.getText("page.eftpos-pay.text.request.text")(mode)
+        }
+      })
+    );
+    dispatch((0, import_store.updateComponent)("Manual"));
+  };
+  const onClose = () => {
+    onChange("fail");
+  };
+  (0, import_react.useEffect)(() => {
+    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" ? /* @__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: onRetry
+    },
+    import_utils.locales.getText("page.eftpos-pay.text.retry")
+  ), /* @__PURE__ */ import_react.default.createElement(
+    import_antd.Button,
+    {
+      block: true,
+      className: "pisell-lowcode__eft-pay-step-item-btn",
+      type: "primary",
+      onClick: onModify,
+      disabled: mode !== import_const.ModeEnum.Pay
+    },
+    import_utils.locales.getText("page.eftpos-pay.text.modify.payment.info")(mode)
+  )));
+};

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 }: ActionProps) => React.JSX.Element;
+export default _default;

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

@@ -0,0 +1,121 @@
+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_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 = "" }) => {
+  var _a, _b;
+  const { eftpos, step, steps, custom, mode } = (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, { ...custom, number: void 0 }))
+    );
+    dispatch(
+      (0, import_store.updateCustomStemItem)({
+        custom: { status: void 0 },
+        step
+      })
+    );
+  };
+  const onModify = () => {
+    dispatch(
+      (0, import_store.updateState)((0, import_manufacturer.getInitState)(eftpos, { ...custom, number: void 0 }))
+    );
+    dispatch(
+      (0, import_store.updateCustomStemItem)({
+        custom: { status: void 0 },
+        step
+      })
+    );
+    onChange("page", "amount");
+  };
+  const onManually = () => {
+    dispatch(
+      (0, import_store.updateState)({
+        manual: {
+          title: import_utils.locales.getText("page.eftpos-pay.text.timedout.title"),
+          text: import_utils.locales.getText("page.eftpos-pay.text.timedout.text")(mode)
+        }
+      })
+    );
+    dispatch((0, import_store.updateComponent)("Manual"));
+  };
+  const onClose = () => {
+    onChange("fail");
+  };
+  (0, import_react.useEffect)(() => {
+    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" ? /* @__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: onRetry
+    },
+    import_utils.locales.getText("page.eftpos-pay.text.retry")
+  ), /* @__PURE__ */ import_react.default.createElement(
+    import_antd.Button,
+    {
+      block: true,
+      className: "pisell-lowcode__eft-pay-step-item-btn",
+      type: "primary",
+      onClick: onModify
+    },
+    import_utils.locales.getText("page.eftpos-pay.text.modify.payment.info")(mode)
+  )));
+};

package/lib/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/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,4 @@
+import React from 'react';
+import { ActionProps } from '../../const';
+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 { lastComponent, 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 (lastComponent === "Network") {
+      dispatch((0, import_store.updateComponent)(""));
+    }
+  }, [lastComponent]);
+  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,9 @@
+import React from 'react';
+import { StatusType } from '../../const';
+import './index.less';
+declare const _default: ({ status, title, children }: {
+    status: StatusType;
+    title?: string | undefined;
+    children?: React.ReactNode;
+}) => React.JSX.Element;
+export default _default;

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

@@ -0,0 +1,92 @@
+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 = "",
+  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);

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

@@ -0,0 +1,44 @@
+.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;
+}
+// .pisell-lowcode__eft-pay-success{
+  
+// }
+// .pisell-lowcode__eft-pay-warn{
+  
+// }
+// .pisell-lowcode__eft-pay-fail{
+  
+// }
+@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: 24px 0 20px;
+  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,5 @@
+import React from 'react';
+import { ActionProps } from '../../const';
+import './index.less';
+declare const _default: ({ onChange, className }: ActionProps) => React.JSX.Element;
+export default _default;