@pisell/private-materials 6.3.79 → 6.3.80

package/lib/components/eftposPay/amount.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { PosProps } from './const';
 /**
  * @title: 支付金额信息配置页

package/lib/components/eftposPay/const.d.ts

@@ -6,7 +6,10 @@ export declare enum EftposEnum {
     /** 后端支付 - 支付 + 退款  */
     Windcave = "windcave",
     Stripe = "stripe",
-    Linkly = "linkly"
+    /** 后端支付 - 支付 + 退款  */
+    Linkly = "linkly",
+    /** mx51支付 - 支付 + 退款  */
+    MX51 = "mx51"
 }
 export declare enum StatusEnum {
     Loading = "loading",
@@ -154,6 +157,8 @@ export declare enum PayStatus {
     'Unknown' = "701000",
     /** 交易请求超时 */
     'Timeout' = "701001",
+    /** 支付失败 */
+    'PaymentFailed' = "701002",
     /** 繁忙 EFTPOS终端暂时不可用，因为EFTPOS正在处理另一个请求。 */
     'PayOtherEftposFailed' = "701003",
     /** 购物者没有出示卡片/卡片金额不足/在线拒绝/卡已过期/卡被锁定 */

package/lib/components/eftposPay/const.js

@@ -36,6 +36,7 @@ var EftposEnum = /* @__PURE__ */ ((EftposEnum2) => {
   EftposEnum2["Windcave"] = "windcave";
   EftposEnum2["Stripe"] = "stripe";
   EftposEnum2["Linkly"] = "linkly";
+  EftposEnum2["MX51"] = "mx51";
   return EftposEnum2;
 })(EftposEnum || {});
 var StatusEnum = /* @__PURE__ */ ((StatusEnum2) => {
@@ -92,6 +93,7 @@ var PayStatus = /* @__PURE__ */ ((PayStatus2) => {
   PayStatus2["PairingFailure"] = "606020";
   PayStatus2["Unknown"] = "701000";
   PayStatus2["Timeout"] = "701001";
+  PayStatus2["PaymentFailed"] = "701002";
   PayStatus2["PayOtherEftposFailed"] = "701003";
   PayStatus2["PayCardErrorFailed"] = "701004";
   PayStatus2["NoNetWork"] = "701005";

package/lib/components/eftposPay/hooks.d.ts

@@ -19,7 +19,7 @@ export declare const useStoreRef: <T extends {
     readonly netRef: React.MutableRefObject<boolean | undefined>;
     readonly symbolRef: React.MutableRefObject<string>;
     readonly amountRef: React.MutableRefObject<string | number>;
-    readonly eftposRef: React.MutableRefObject<"stripe" | "payo" | "tyro" | "windcave" | "linkly">;
+    readonly eftposRef: React.MutableRefObject<"stripe" | "payo" | "tyro" | "windcave" | "linkly" | "mx51">;
     readonly clientRef: React.MutableRefObject<ClientEnum>;
     readonly dataRef: React.MutableRefObject<import("./store").State>;
 };
@@ -32,4 +32,5 @@ export declare const useStoreRef: <T extends {
  */
 export declare const useFail: (index: number) => (res: {
     code?: `${PayStatus}`;
+    message?: string;
 }, isMark?: boolean) => void;

package/lib/components/eftposPay/hooks.js

@@ -384,6 +384,22 @@ ${import_utils.locales.getText(
         );
         return;
       }
+      if (code === import_const.PayStatus.PaymentFailed) {
+        steps[index].title = import_utils.locales.getText(
+          "page.eftpos-pay.text.transaction.fail"
+        );
+        steps[index].fail = (res == null ? void 0 : res.message) || import_utils.locales.getText("page.eftpos-pay.text.failed")(modeRef.current);
+        steps[index].status = "fail";
+        dispatch((0, import_store.updateSteps)(steps));
+        dispatch((0, import_store.updateComponent)("Fail"));
+        dispatch(
+          (0, import_store.updateCustom)({
+            errorStatus: "know"
+            // unknow know
+          })
+        );
+        return;
+      }
       steps[index].title = import_utils.locales.getText("page.eftpos-pay.text.failed")(
         modeRef.current
       );

package/lib/components/eftposPay/linkly/index.js

@@ -126,6 +126,7 @@ var Linkly = ({ api, onChange }) => {
   }, [fail]);
   (0, import_react.useEffect)(() => {
     var _a, _b, _c;
+    console.log("statusRef.current11111", statusRef.current);
     if (statusRef.current === import_const.StatusEnum.Success || statusRef.current === import_const.StatusEnum.Fail) {
       return;
     }

package/lib/components/eftposPay/manufacturer.d.ts

@@ -4,4 +4,5 @@ export { default as Payo } from './payo';
 export { default as Windcave } from './windcave/windcave';
 export { default as Tyro } from './tyro';
 export { default as Linkly } from './linkly';
+export { default as Mx51 } from './mx51';
 export declare const getInitState: (type: string, params?: any) => State;

package/lib/components/eftposPay/manufacturer.js

@@ -30,6 +30,7 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var manufacturer_exports = {};
 __export(manufacturer_exports, {
   Linkly: () => import_linkly.default,
+  Mx51: () => import_mx51.default,
   Payo: () => import_payo.default,
   Tyro: () => import_tyro.default,
   Windcave: () => import_windcave.default,
@@ -42,11 +43,13 @@ var import_const2 = __toESM(require("./payo/const"));
 var import_const3 = __toESM(require("./tyro/const"));
 var import_const4 = __toESM(require("./windcave/const"));
 var import_const5 = __toESM(require("./linkly/const"));
+var import_const6 = __toESM(require("./mx51/const"));
 var import_helper = require("./helper");
 var import_payo = __toESM(require("./payo"));
 var import_windcave = __toESM(require("./windcave/windcave"));
 var import_tyro = __toESM(require("./tyro"));
 var import_linkly = __toESM(require("./linkly"));
+var import_mx51 = __toESM(require("./mx51"));
 var getInitState = (type, params) => {
   switch (type) {
     case import_const.EftposEnum.Payo:
@@ -57,6 +60,8 @@ var getInitState = (type, params) => {
       return (0, import_const3.default)(params);
     case import_const.EftposEnum.Linkly:
       return (0, import_const5.default)(params);
+    case import_const.EftposEnum.MX51:
+      return (0, import_const6.default)(params);
     default:
       throw new Error("未知的厂商类型");
   }
@@ -64,6 +69,7 @@ var getInitState = (type, params) => {
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   Linkly,
+  Mx51,
   Payo,
   Tyro,
   Windcave,

package/lib/components/eftposPay/mx51/Action.d.ts

@@ -0,0 +1,6 @@
+/**
+ * @title 渲染动态内容
+ * @description 用于渲染从接口解析出来的元素
+ */
+declare const Action: (props: any) => JSX.Element;
+export default Action;

package/lib/components/eftposPay/mx51/Action.js

@@ -0,0 +1,127 @@
+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/mx51/Action.tsx
+var Action_exports = {};
+__export(Action_exports, {
+  default: () => Action_default
+});
+module.exports = __toCommonJS(Action_exports);
+var import_react = __toESM(require("react"));
+var import_antd = require("antd");
+var Action = (props) => {
+  var _a, _b;
+  const { data, showMessage = true } = props;
+  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, showMessage && (data == null ? void 0 : data.message) && /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__eft-pay-step-item pisell-lowcode__eft-pay-step-item-tip" }, data == null ? void 0 : data.message), ((_a = data == null ? void 0 : data.layouts) == null ? void 0 : _a.length) > 0 && ((_b = data == null ? void 0 : data.layouts) == null ? void 0 : _b.map((item, index) => {
+    var _a2;
+    return /* @__PURE__ */ import_react.default.createElement(
+      "div",
+      {
+        key: index,
+        className: "pisell-lowcode__eft-pay-step-item-btns",
+        style: {
+          marginTop: "20px",
+          width: "100%",
+          display: "flex",
+          justifyContent: "center"
+        }
+      },
+      (_a2 = item == null ? void 0 : item.elements) == null ? void 0 : _a2.map((element) => {
+        const { key, label, type, text } = element;
+        if (type === "button") {
+          return /* @__PURE__ */ import_react.default.createElement(
+            import_antd.Button,
+            {
+              key: key + label,
+              block: true,
+              className: "pisell-lowcode__eft-pay-step-item-btn",
+              onClick: () => {
+                var _a3;
+                return (_a3 = props == null ? void 0 : props.onClick) == null ? void 0 : _a3.call(props, element);
+              }
+            },
+            element.label
+          );
+        } else if (type === "text") {
+          return /* @__PURE__ */ import_react.default.createElement(
+            "div",
+            {
+              key: key + label,
+              className: "pisell-lowcode__eft-pay-step-item-tip"
+            },
+            label ? `${label}: ` : "",
+            text || ""
+          );
+        } else if (type === "image") {
+          const { name, data: data2, encoding } = (element == null ? void 0 : element.image) || {};
+          const imageUrl = data2 ? `data:${name || "image/png"};${encoding || "base64"},${data2}` : "";
+          return /* @__PURE__ */ import_react.default.createElement(
+            "div",
+            {
+              style: {
+                width: "100%",
+                display: "flex",
+                justifyContent: "center"
+              }
+            },
+            /* @__PURE__ */ import_react.default.createElement("img", { key: key + label, src: imageUrl, alt: label })
+          );
+        } else if (type === "input") {
+          return /* @__PURE__ */ import_react.default.createElement(
+            "div",
+            {
+              style: {
+                width: "100%",
+                display: "flex",
+                alignItems: "center"
+              }
+            },
+            /* @__PURE__ */ import_react.default.createElement("span", { style: { marginRight: "10px" } }, `${label ? `${label} ` : ""}`),
+            /* @__PURE__ */ import_react.default.createElement(
+              import_antd.Input,
+              {
+                key: key + label,
+                alt: label,
+                style: { flex: 1 }
+              }
+            )
+          );
+        }
+        return null;
+      })
+    );
+  })), (data == null ? void 0 : data.detailsText) && /* @__PURE__ */ import_react.default.createElement(
+    "div",
+    {
+      className: "pisell-lowcode__eft-pay-step-item pisell-lowcode__eft-pay-step-item-tip",
+      style: { marginTop: "24px" }
+    },
+    data == null ? void 0 : data.detailsText
+  ));
+};
+var Action_default = Action;

package/lib/components/eftposPay/mx51/const.d.ts

@@ -0,0 +1,5 @@
+import { State } from '../store';
+import { ModeEnum } from '../const';
+export declare const getStep: (mode?: ModeEnum) => State['steps'];
+declare const _default: (params: any) => State;
+export default _default;

package/lib/components/eftposPay/mx51/const.js

@@ -0,0 +1,85 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/eftposPay/mx51/const.ts
+var const_exports = {};
+__export(const_exports, {
+  default: () => const_default,
+  getStep: () => getStep
+});
+module.exports = __toCommonJS(const_exports);
+var import_utils = require("@pisell/utils");
+var import_const = require("../const");
+var getStep = (mode = import_const.ModeEnum.Pay) => [
+  {
+    key: Date.now(),
+    title: import_utils.locales.getText("page.eftpos-pay.text.loading")(mode),
+    // 'Payment in  process...',
+    text: import_utils.locales.getText("page.eftpos-pay.text.waiting.processing"),
+    // 'Waiting for the processing...',
+    warn: "",
+    tip: import_utils.locales.getText("page.eftpos-pay.text.processing"),
+    // 'processing...',
+    status: import_const.StatusEnum.Loading
+  }
+];
+var const_default = (params) => {
+  const {
+    order_id,
+    name,
+    symbol,
+    amount,
+    mode,
+    number,
+    pay,
+    device,
+    net,
+    client,
+    ...other
+  } = params || {
+    mode: import_const.ModeEnum.Pay
+  };
+  console.log("params =>>>>>> ", params);
+  return {
+    order_id,
+    name,
+    symbol,
+    amount,
+    mode,
+    eftpos: import_const.EftposEnum.MX51,
+    key: Date.now(),
+    step: 0,
+    type: import_const.PayRouteEnum.Step,
+    title: import_utils.locales.getText("page.eftpos-pay.text.loading")(mode),
+    component: "",
+    status: import_const.StatusEnum.Loading,
+    steps: getStep(mode),
+    render: true,
+    client: client !== "undefined" ? client : import_const.ClientEnum.Merchant,
+    warn: "",
+    custom: other || {},
+    ...typeof net !== "undefined" ? { net } : {},
+    ...typeof number !== "undefined" ? { number } : {},
+    ...typeof pay !== "undefined" ? { pay } : {},
+    ...typeof device !== "undefined" ? { device } : {}
+  };
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  getStep
+});

package/lib/components/eftposPay/mx51/index.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+interface AggregatePaymentProps {
+    onChange: (status: string, params: any) => void;
+}
+declare const AggregatePayment: React.FC<AggregatePaymentProps>;
+export default AggregatePayment;