@pisell/private-materials 6.3.86 → 6.3.87

package/lib/components/eftpos/device.js

@@ -40,7 +40,7 @@ var import_form = __toESM(require("./form"));
 var Device = (props) => {
   const { onSave, children, formItemList } = props;
   const initialValues = (0, import_const.getDefaultValue)(formItemList);
-  return /* @__PURE__ */ import_react.default.createElement(
+  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, (props == null ? void 0 : props.type) === import_const.Eftpos.MX51 && /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__pos-device-pair-text" }, "Pair your POS with an mx51 terminal using the pairing code shown on the terminal."), /* @__PURE__ */ import_react.default.createElement(
     import_antd.Form,
     {
       layout: "vertical",
@@ -49,7 +49,7 @@ var Device = (props) => {
       className: "pisell-lowcode__pos-device"
     },
     /* @__PURE__ */ import_react.default.createElement("div", { style: { flex: 1, overflow: "auto", padding: "0 0 60px 0" } }, /* @__PURE__ */ import_react.default.createElement(import_form.default, { formItemList }), children),
-    /* @__PURE__ */ import_react.default.createElement(import_antd.Form.Item, { className: "pisell-lowcode__pos-device-btn" }, /* @__PURE__ */ import_react.default.createElement(import_antd.Button, { htmlType: "submit", block: true, style: { height: "48px" } }, import_utils.locales.getText("page.eftpos.text.save")))
-  );
+    /* @__PURE__ */ import_react.default.createElement(import_antd.Form.Item, { className: "pisell-lowcode__pos-device-btn" }, /* @__PURE__ */ import_react.default.createElement(import_antd.Button, { htmlType: "submit", block: true, style: { height: "48px" } }, (props == null ? void 0 : props.status) === "edit" ? import_utils.locales.getText("page.eftpos.text.save") : import_utils.locales.getText("page.eftpos.text.pair")))
+  ));
 };
 var device_default = Device;

package/lib/components/eftpos/deviceList/index.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 declare const _default: ({ input, ...formItemProps }: any) => JSX.Element;
 export default _default;

package/lib/components/eftpos/group/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { RadioGroupProps } from 'antd';
 export declare const CheckboxGroup: ({ direction, options, ...props }: any) => JSX.Element;
 export declare const RadioGroup: ({ direction, options, ...props }: RadioGroupProps & {

package/lib/components/eftpos/icon/apiKey.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const _default: ({ color }: {
     color?: string | undefined;
 }) => JSX.Element;

package/lib/components/eftpos/icon/device.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const _default: ({ color }: {
     color?: string | undefined;
 }) => JSX.Element;

package/lib/components/eftpos/index.js

@@ -198,10 +198,23 @@ var eftpos_default = (props) => {
   const onSave = async (device) => {
     console.log("device = ", device);
     const update = async () => {
-      await onEdit({ ...device, type }, status || "add").catch(() => {
+      var _a, _b;
+      try {
+        await onEdit({ ...device, type }, status || "add");
+        if (type === import_const.Eftpos.MX51) {
+          messageApi.open({
+            type: "success",
+            style: {
+              zIndex: (zIndex || 9999) + 1
+            },
+            content: /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__pos_message-custom-content_mx51" }, /* @__PURE__ */ import_react.default.createElement("span", null, "Terminal paired successfully."), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement("span", null, "Pairing Name: ", ((_a = device == null ? void 0 : device.connection) == null ? void 0 : _a.pairing_nickname) || "-"), /* @__PURE__ */ import_react.default.createElement("span", null, "Pairing ID: ", ((_b = device == null ? void 0 : device.connection) == null ? void 0 : _b.pairing_code) || "-")))
+          });
+        }
+      } catch (error) {
+        console.error("onSave error =>", error);
+      } finally {
         setLoading(false);
-      });
-      setLoading(false);
+      }
       await tableRef.current.loadData();
       setPage("list");
     };
@@ -412,7 +425,7 @@ var eftpos_default = (props) => {
     {
       open: page === "edit",
       onClose: onBack,
-      title: import_utils.locales.getText("page.eftpos.text.device.add")(status, name),
+      title: type === import_const.Eftpos.MX51 ? "Simple Cloud Integration" : import_utils.locales.getText("page.eftpos.text.device.add")(status, name),
       titleNoWrap: true,
       zIndex: zIndex || 9999,
       destroyOnClose: true,
@@ -430,7 +443,9 @@ var eftpos_default = (props) => {
         {
           formItemList: deviceItemList,
           onSave,
-          key: `device${type}`
+          key: `device${type}`,
+          type,
+          status
         },
         pairStatus ? /* @__PURE__ */ import_react.default.createElement(import_antd.Form.Item, { label: "Status" }, /* @__PURE__ */ import_react.default.createElement(import_antd.Input, { value: pairStatus, disabled: true })) : null,
         pairMessage ? /* @__PURE__ */ import_react.default.createElement(import_antd.Form.Item, { label: "Message" }, /* @__PURE__ */ import_react.default.createElement(import_antd.Input, { value: pairMessage, disabled: true })) : null

package/lib/components/eftpos/index.less

@@ -88,7 +88,6 @@
   display: flex;
 }
 
-
 .pisell-lowcode__pos_drawer {
   transform: translateZ(0);
 }
@@ -204,3 +203,29 @@
   display: flex;
   flex-direction: column;
 }
+.pisell-lowcode__pos-device-pair-text {
+  padding: 0 24px 0 34px;
+  color: #101828;
+  font-size: 14px;
+  font-weight: 400;
+}
+
+.pisell-lowcode__pos_message
+  .pisell-lowcode__pos_message-notice-content
+  .pisell-lowcode__pos_message-success {
+  display: flex;
+  align-items: center;
+}
+
+.pisell-lowcode__pos_message-custom-content_mx51 {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  justify-content: center;
+
+  > span:last-child {
+    display: flex;
+    gap: 10px;
+    flex-wrap: wrap;
+  }
+}

package/lib/components/eftpos/locales.d.ts

@@ -15,6 +15,7 @@ declare const _default: {
         'page.eftpos.text.edit': string;
         'page.eftpos.text.delete': string;
         'page.eftpos.text.save': string;
+        'page.eftpos.text.pair': string;
         'page.eftpos.text.confim.delete': string;
         'page.eftpos.text.confirm_delete-message': (x: string) => string;
         'page.eftpos.text.confim.cancel': string;
@@ -47,6 +48,7 @@ declare const _default: {
         'page.eftpos.text.edit': string;
         'page.eftpos.text.delete': string;
         'page.eftpos.text.save': string;
+        'page.eftpos.text.pair': string;
         'page.eftpos.text.confim.delete': string;
         'page.eftpos.text.confirm_delete-message': (x: string) => string;
         'page.eftpos.text.confim.cancel': string;
@@ -79,6 +81,7 @@ declare const _default: {
         'page.eftpos.text.edit': string;
         'page.eftpos.text.delete': string;
         'page.eftpos.text.save': string;
+        'page.eftpos.text.pair': string;
         'page.eftpos.text.confim.delete': string;
         'page.eftpos.text.confirm_delete-message': (x: string) => string;
         'page.eftpos.text.confim.cancel': string;

package/lib/components/eftpos/locales.js

@@ -45,6 +45,7 @@ var locales_default = {
     "page.eftpos.text.edit": "Edit",
     "page.eftpos.text.delete": "Delete",
     "page.eftpos.text.save": "Save",
+    "page.eftpos.text.pair": "Pair",
     "page.eftpos.text.confim.delete": "Confirm delete",
     "page.eftpos.text.confirm_delete-message": (x) => `Confirm delete ${x} Device`,
     "page.eftpos.text.confim.cancel": "Cancel",
@@ -83,6 +84,7 @@ var locales_default = {
     "page.eftpos.text.edit": "编辑",
     "page.eftpos.text.delete": "删除",
     "page.eftpos.text.save": "保存",
+    "page.eftpos.text.pair": "配对",
     "page.eftpos.text.confim.delete": "确认删除",
     "page.eftpos.text.confirm_delete-message": (x) => `确认删除 ${x} 设备吗？`,
     "page.eftpos.text.confim.cancel": "取消",
@@ -121,6 +123,7 @@ var locales_default = {
     "page.eftpos.text.edit": "編輯",
     "page.eftpos.text.delete": "删除",
     "page.eftpos.text.save": "保存",
+    "page.eftpos.text.pair": "配對",
     "page.eftpos.text.confim.delete": "確認刪除",
     "page.eftpos.text.confirm_delete-message": (x) => `確認刪除 ${x} 設備嗎？`,
     "page.eftpos.text.confim.cancel": "取消",

package/lib/components/eftpos/pos.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { DeviceProp } from "./const";
 interface PosProps {
     eftposName: string;

package/lib/components/eftpos/receipt/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 /**
  * @title: 自定义组件设置
  * @description: 自定义组件设置

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

@@ -0,0 +1,6 @@
+import { PaymentMethodOptions } from '../types';
+export declare const usePayment: (options: PaymentMethodOptions) => {
+    run: () => void;
+    query: () => void;
+    action: (data: Record<string, any>) => void;
+};

package/lib/components/eftposPay/aggregatePayment/hooks/usePayment.js

@@ -0,0 +1,152 @@
+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/aggregatePayment/hooks/usePayment.ts
+var usePayment_exports = {};
+__export(usePayment_exports, {
+  usePayment: () => usePayment
+});
+module.exports = __toCommonJS(usePayment_exports);
+var import_react = require("react");
+var import_payment = __toESM(require("../utils/payment"));
+var import_const = require("../../const");
+var import_hooks = require("../../hooks");
+var import_helper = require("../../helper");
+var import_store = require("../../store");
+var import_store2 = require("../../store");
+var usePayment = (options) => {
+  const { custom } = (0, import_store2.useContextData)();
+  const {
+    modeRef,
+    payRef,
+    orderIdRef,
+    eftposRef,
+    deviceRef,
+    dataRef,
+    amountRef
+  } = (0, import_hooks.useStoreRef)();
+  const paymentMethodRef = (0, import_react.useRef)(null);
+  const dispatch = (0, import_store.useDispatch)();
+  const uniquePaymentNumberRef = (0, import_react.useRef)(null);
+  const isPay = modeRef.current === import_const.ModeEnum.Pay || modeRef.current === import_const.ModeEnum.FullPay;
+  (0, import_react.useEffect)(() => {
+    var _a;
+    if (!paymentMethodRef.current) {
+      if (!options.paymentNum) {
+        const paymentNum = (0, import_helper.getUuid)();
+        dispatch((0, import_store.updateState)({ number: paymentNum }));
+        options.paymentNum = paymentNum;
+        uniquePaymentNumberRef.current = paymentNum;
+      } else {
+        uniquePaymentNumberRef.current = options.paymentNum;
+      }
+      options.orderId = orderIdRef.current;
+      options.deviceId = (_a = deviceRef.current) == null ? void 0 : _a.id;
+      paymentMethodRef.current = new import_payment.default(options);
+    }
+    return () => {
+      var _a2, _b;
+      (_b = (_a2 = paymentMethodRef.current) == null ? void 0 : _a2.destroy) == null ? void 0 : _b.call(_a2);
+      paymentMethodRef.current = null;
+    };
+  }, []);
+  const run = () => {
+    var _a, _b, _c, _d, _e, _f, _g;
+    const params = {
+      order_id: orderIdRef.current,
+      unique_payment_number: uniquePaymentNumberRef.current,
+      payment_code: options.paymentCode,
+      amount: isPay ? (_a = payRef.current) == null ? void 0 : _a.total : amountRef.current,
+      operator_id: custom == null ? void 0 : custom.operator_id,
+      operator_type: custom == null ? void 0 : custom.operator_type,
+      platform: custom == null ? void 0 : custom.platform,
+      eftpos: {
+        card_reader_type: eftposRef.current,
+        card_reader_id: (_b = deviceRef.current) == null ? void 0 : _b.id,
+        pay_param_base64: encodeURIComponent(
+          btoa(
+            encodeURIComponent(
+              JSON.stringify({
+                ...dataRef.current,
+                number: uniquePaymentNumberRef.current
+              })
+            )
+          )
+        )
+      }
+    };
+    if (isPay) {
+      params.payment = {
+        original_amount: (_c = payRef.current) == null ? void 0 : _c.amount,
+        order_payment_type: "normal",
+        // TODO: 需要使用方提供
+        custom_payment_id: custom == null ? void 0 : custom.custom_payment_id,
+        custom_payment_code: custom == null ? void 0 : custom.custom_payment_code,
+        custom_payment_name: custom == null ? void 0 : custom.custom_payment_name,
+        custom_payment_type: custom == null ? void 0 : custom.custom_payment_type,
+        service_charge: {
+          amount: (_d = payRef.current) == null ? void 0 : _d.surMoney,
+          percentage: (_e = payRef.current) == null ? void 0 : _e.surPercentRate
+        },
+        metadata: {
+          unique_payment_number: uniquePaymentNumberRef.current
+        }
+      };
+      (_f = paymentMethodRef.current) == null ? void 0 : _f.pay(params);
+    } else {
+      (_g = paymentMethodRef.current) == null ? void 0 : _g.refund(params);
+    }
+  };
+  const query = () => {
+    var _a, _b;
+    if (isPay) {
+      (_a = paymentMethodRef.current) == null ? void 0 : _a.payQuery();
+    } else {
+      (_b = paymentMethodRef.current) == null ? void 0 : _b.refundQuery();
+    }
+  };
+  const action = (data) => {
+    var _a, _b;
+    const params = {
+      order_id: orderIdRef.current,
+      unique_payment_number: uniquePaymentNumberRef.current,
+      payment_code: options.paymentCode,
+      data
+    };
+    if (isPay) {
+      (_a = paymentMethodRef.current) == null ? void 0 : _a.payAction(params);
+    } else {
+      (_b = paymentMethodRef.current) == null ? void 0 : _b.refundAction(params);
+    }
+  };
+  return { run, query, action };
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  usePayment
+});

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

@@ -0,0 +1,3 @@
+import { EActionStatus } from './types';
+import { usePayment } from './hooks/usePayment';
+export { usePayment, EActionStatus };

package/lib/components/{ecocup/customerList/hooks → eftposPay/aggregatePayment}/index.js

@@ -16,17 +16,17 @@ var __copyProps = (to, from, except, desc) => {
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// src/components/ecocup/customerList/hooks/index.tsx
-var hooks_exports = {};
-__export(hooks_exports, {
-  useColumns: () => import_useColumns.useColumns,
-  useCustomerListsApi: () => import_useCustomerListsApi.useCustomerListsApi
+// src/components/eftposPay/aggregatePayment/index.ts
+var aggregatePayment_exports = {};
+__export(aggregatePayment_exports, {
+  EActionStatus: () => import_types.EActionStatus,
+  usePayment: () => import_usePayment.usePayment
 });
-module.exports = __toCommonJS(hooks_exports);
-var import_useColumns = require("./useColumns");
-var import_useCustomerListsApi = require("./useCustomerListsApi");
+module.exports = __toCommonJS(aggregatePayment_exports);
+var import_types = require("./types");
+var import_usePayment = require("./hooks/usePayment");
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  useColumns,
-  useCustomerListsApi
+  EActionStatus,
+  usePayment
 });