@pisell/private-materials 6.3.106 → 6.3.108

package/lib/components/eftpos/SettlementModal/utils.js

@@ -0,0 +1,248 @@
+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/eftpos/SettlementModal/utils.ts
+var utils_exports = {};
+__export(utils_exports, {
+  parseMX51Params: () => parseMX51Params,
+  settlementQuery: () => settlementQuery
+});
+module.exports = __toCommonJS(utils_exports);
+var import_types = require("./types");
+var import_serve = require("./serve");
+var import_utils = require("@pisell/utils");
+var parseMX51Params = (params, settlementStatus, data) => {
+  if (!params) {
+    return null;
+  }
+  const result = {
+    transactionId: (params == null ? void 0 : params.id) || "",
+    status: (params == null ? void 0 : params.status) || "",
+    version: (params == null ? void 0 : params.version) || 0,
+    message: (params == null ? void 0 : params.message) || "",
+    merchantReceipt: params == null ? void 0 : params.merchant_receipt,
+    customerReceipt: params == null ? void 0 : params.customer_receipt,
+    resultAmounts: params == null ? void 0 : params.result_amounts,
+    resultFinancialStatus: params == null ? void 0 : params.result_financial_status,
+    layouts: [],
+    details: {},
+    detailsText: "",
+    autoAction: []
+  };
+  if (!(params == null ? void 0 : params.pos_instructions)) {
+    return result;
+  }
+  const posInstructions = (params == null ? void 0 : params.pos_instructions) || {};
+  result.autoAction = (posInstructions == null ? void 0 : posInstructions.auto_actions) || [];
+  if (!(posInstructions == null ? void 0 : posInstructions.action_form)) {
+    return result;
+  }
+  const actionForm = (posInstructions == null ? void 0 : posInstructions.action_form) || {};
+  if (actionForm == null ? void 0 : actionForm.details) {
+    result.details = { ...(actionForm == null ? void 0 : actionForm.details) || {} };
+    const detailsTextArr = [];
+    Object.keys((actionForm == null ? void 0 : actionForm.details) || {}).forEach((key) => {
+      var _a;
+      detailsTextArr.push(`${key}: ${((_a = actionForm == null ? void 0 : actionForm.details) == null ? void 0 : _a[key]) || ""}`);
+    });
+    result.detailsText = (detailsTextArr == null ? void 0 : detailsTextArr.join(", ")) || "";
+  }
+  if ((actionForm == null ? void 0 : actionForm.layout) && Array.isArray(actionForm == null ? void 0 : actionForm.layout)) {
+    const layouts = [];
+    actionForm.layout.forEach((layout) => {
+      const elements = [];
+      if ((layout == null ? void 0 : layout.elements) && Array.isArray(layout == null ? void 0 : layout.elements)) {
+        layout.elements.forEach((element) => {
+          var _a;
+          const elementKey = (element == null ? void 0 : element.key) || "";
+          const elementLabel = (element == null ? void 0 : element.label) || "";
+          const property = ((_a = actionForm == null ? void 0 : actionForm.properties) == null ? void 0 : _a[elementKey]) || {};
+          if (property) {
+            const element2 = {
+              _extra: {
+                merchantReceipt: params == null ? void 0 : params.merchant_receipt,
+                customerReceipt: params == null ? void 0 : params.customer_receipt,
+                settlementStatus,
+                response: data
+              },
+              key: elementKey,
+              name: (property == null ? void 0 : property.name) || "",
+              label: elementLabel,
+              submitUrl: (property == null ? void 0 : property.submit_url) || "",
+              action: property == null ? void 0 : property.action,
+              type: (property == null ? void 0 : property.type) || "button",
+              text: property == null ? void 0 : property.text,
+              // 如果是打印收据按钮，需要关联对应的小票信息
+              receipt: elementKey === import_types.EButtonKeyType.PrintMerchantReceipt ? result == null ? void 0 : result.merchantReceipt : elementKey === import_types.EButtonKeyType.PrintCustomerReceipt ? result == null ? void 0 : result.customerReceipt : null
+            };
+            if ((property == null ? void 0 : property.type) === "image") {
+              element2.image = {
+                name: (property == null ? void 0 : property.name) || "",
+                data: (property == null ? void 0 : property.data) || "",
+                encoding: (property == null ? void 0 : property.encoding) || ""
+              };
+            }
+            elements.push(element2);
+          }
+        });
+      }
+      if (elements.length > 0) {
+        layouts.push({
+          layoutType: layout.type || "unknown",
+          elements
+        });
+      }
+    });
+    result.layouts = layouts;
+  }
+  return result;
+};
+var SETTLEMENT_TOTAL_TIMEOUT = 2 * 60 * 1e3;
+var SETTLEMENT_QUERY_TIMEOUT = 30 * 1e3;
+var createFailedResponse = (message) => {
+  return {
+    code: -1,
+    data: {
+      status: "FAILED",
+      message: message || import_utils.locales.getText("page.eftpos.text.settlement.failed"),
+      // 构建一个按钮布局，按钮为 Done
+      pos_instructions: {
+        auto_actions: null,
+        action_form: {
+          layout: [
+            {
+              type: "horizontal_layout",
+              elements: [
+                {
+                  label: import_utils.locales.getText(
+                    "page.eftpos.text.settlement.button.done"
+                  ),
+                  key: "settlement_complete"
+                }
+              ]
+            }
+          ],
+          properties: {
+            settlement_complete: {
+              type: "button",
+              submit_url: null,
+              action: "SETTLEMENT_COMPLETE"
+            }
+          },
+          details: null
+        }
+      }
+    }
+  };
+};
+var pollSettlementQuery = async (params, callback) => {
+  var _a, _b;
+  let min_version = ((params == null ? void 0 : params.version) || 0) + 1;
+  let isFinished = false;
+  let currentRequestController = null;
+  const totalTimer = setTimeout(() => {
+    isFinished = true;
+    if (currentRequestController) {
+      currentRequestController.abort();
+      currentRequestController = null;
+    }
+    callback(import_types.ESettlementStatus.Failed, createFailedResponse());
+  }, SETTLEMENT_TOTAL_TIMEOUT);
+  try {
+    while (!isFinished) {
+      if (currentRequestController) {
+        currentRequestController.abort();
+        currentRequestController = null;
+      }
+      currentRequestController = new AbortController();
+      let requestTimeoutTimer = null;
+      const requestPromise = () => {
+        return new Promise((_, reject) => {
+          requestTimeoutTimer = setTimeout(() => {
+            if (currentRequestController) {
+              currentRequestController.abort();
+            }
+            reject(createFailedResponse());
+          }, SETTLEMENT_QUERY_TIMEOUT);
+        });
+      };
+      try {
+        const queryRes = await Promise.race([
+          requestPromise(),
+          (0, import_serve.settlementQueryApi)(
+            params == null ? void 0 : params.id,
+            { min_version, card_reader_id: params == null ? void 0 : params.card_reader_id },
+            { signal: currentRequestController.signal }
+          )
+        ]);
+        if (isFinished) break;
+        if ((queryRes == null ? void 0 : queryRes.code) === 200 && ((_a = queryRes == null ? void 0 : queryRes.data) == null ? void 0 : _a.status) === "FINALISED") {
+          isFinished = true;
+          clearTimeout(totalTimer);
+          callback(import_types.ESettlementStatus.Success, queryRes);
+          break;
+        }
+        console.log("settlementQuery_queryRes", queryRes);
+        callback(import_types.ESettlementStatus.Processing, queryRes);
+        min_version = (((_b = queryRes == null ? void 0 : queryRes.data) == null ? void 0 : _b.version) || 0) + 1;
+      } catch (error) {
+        if (isFinished) break;
+        console.log("settlementQuery_error", error);
+      } finally {
+        if (requestTimeoutTimer) {
+          clearTimeout(requestTimeoutTimer);
+        }
+        requestTimeoutTimer = null;
+      }
+    }
+  } finally {
+    if (totalTimer) {
+      clearTimeout(totalTimer);
+    }
+  }
+};
+var settlementQuery = async (params, callback) => {
+  var _a, _b, _c;
+  try {
+    const initiateRes = await (0, import_serve.settlementApi)(params, {});
+    if ((initiateRes == null ? void 0 : initiateRes.code) == 200 && ((_a = initiateRes == null ? void 0 : initiateRes.data) == null ? void 0 : _a.id)) {
+      callback(import_types.ESettlementStatus.Processing, initiateRes);
+    } else {
+      callback(
+        import_types.ESettlementStatus.Failed,
+        createFailedResponse(initiateRes == null ? void 0 : initiateRes.message)
+      );
+      return;
+    }
+    pollSettlementQuery(
+      {
+        id: (_b = initiateRes == null ? void 0 : initiateRes.data) == null ? void 0 : _b.id,
+        version: ((_c = initiateRes == null ? void 0 : initiateRes.data) == null ? void 0 : _c.version) || 0,
+        card_reader_id: params == null ? void 0 : params.card_reader_id
+      },
+      callback
+    );
+  } catch (error) {
+    callback(import_types.ESettlementStatus.Failed, createFailedResponse(error == null ? void 0 : error.message));
+  }
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  parseMX51Params,
+  settlementQuery
+});

package/lib/components/eftpos/assets/mx51SCI.svg

@@ -0,0 +1,15 @@
+<svg width="120" height="120" viewBox="0 0 120 120" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="0.5" y="0.5" width="119" height="119" rx="1.5" stroke="black" stroke-opacity="0.1"/>
+<rect x="12" y="12" width="97" height="97" rx="14.9231" fill="url(#paint0_linear_2070_406)"/>
+<path d="M38.3388 91.6821C36.7088 91.6821 35.2787 91.4809 34.0485 91.0783C32.8491 90.6758 31.8188 90.1959 30.9576 89.6385C30.1272 89.0502 29.466 88.4774 28.9739 87.9201C28.4818 87.3627 28.1435 86.9447 27.959 86.6661C27.4362 85.9849 27.1132 85.3966 26.9902 84.9012C26.8672 84.3748 26.9287 83.8484 27.1748 83.322C27.4515 82.7956 27.9129 82.2228 28.5587 81.6036C29.2046 81.0462 29.8043 80.7521 30.3579 80.7211C30.9422 80.6592 31.5112 80.7985 32.0648 81.1391C32.6184 81.4797 33.1566 81.9596 33.6794 82.5789C34.4176 83.4768 35.1403 84.1116 35.8477 84.4831C36.5858 84.8237 37.3547 84.994 38.1543 84.994C39.1692 84.994 40.0304 84.8702 40.7377 84.6225C41.4451 84.3748 41.9833 83.9877 42.3524 83.4614C42.7214 82.904 42.906 82.2073 42.906 81.3713C42.906 80.6901 42.6445 80.1483 42.1217 79.7458C41.6296 79.3123 40.953 78.9407 40.0919 78.6311C39.2615 78.3214 38.3235 78.0273 37.2778 77.7486C36.2629 77.439 35.2479 77.0829 34.233 76.6804C33.5257 76.4327 32.8491 76.123 32.2032 75.7515C31.5573 75.3799 30.9422 74.9619 30.3579 74.4975C29.7736 74.033 29.2661 73.4757 28.8355 72.8254C28.4357 72.1752 28.1128 71.4321 27.8667 70.5961C27.6515 69.7601 27.5438 68.8002 27.5438 67.7165C27.5438 65.8896 27.9898 64.2641 28.8817 62.8398C29.7736 61.4154 31.0038 60.3008 32.5723 59.4957C34.1715 58.6597 36.0014 58.2417 38.062 58.2417C39.446 58.2417 40.6455 58.3656 41.6604 58.6133C42.706 58.861 43.5826 59.1551 44.2899 59.4957C44.9973 59.8363 45.5509 60.1769 45.9507 60.5175C46.3813 60.8271 46.6734 61.0748 46.8272 61.2606C47.6884 62.0657 48.1651 62.7624 48.2573 63.3507C48.3496 63.908 48.0267 64.6976 47.2885 65.7194C46.5197 66.8031 45.7508 67.4069 44.9819 67.5307C44.2438 67.6546 43.398 67.3914 42.4446 66.7411C42.0756 66.4005 41.7065 66.0909 41.3374 65.8122C40.9684 65.5336 40.5224 65.3168 39.9996 65.162C39.5075 64.9762 38.8463 64.8833 38.0159 64.8833C37.5238 64.8833 37.0625 64.9607 36.6319 65.1156C36.2014 65.2394 35.8323 65.4252 35.5247 65.6729C35.2172 65.9206 34.9712 66.2302 34.7866 66.6018C34.6021 66.9424 34.5098 67.3294 34.5098 67.7629C34.5098 68.4751 34.7405 69.0479 35.2018 69.4814C35.6939 69.9149 36.3244 70.271 37.0933 70.5496C37.8929 70.7973 38.7694 71.045 39.7228 71.2928C40.707 71.5095 41.7065 71.7727 42.7214 72.0823C43.6441 72.392 44.536 72.779 45.3971 73.2434C46.2583 73.6769 47.0271 74.2343 47.7037 74.9155C48.3803 75.5967 48.9186 76.4482 49.3184 77.4699C49.7489 78.4917 49.9642 79.7457 49.9642 81.232C49.9642 83.0898 49.6106 84.6844 48.9032 86.0158C48.1958 87.3473 47.2578 88.431 46.0891 89.267C44.9204 90.103 43.6595 90.7068 42.3062 91.0783C40.953 91.4809 39.6305 91.6821 38.3388 91.6821Z" fill="white"/>
+<path d="M70.5808 91.5892C69.2276 91.5892 67.7975 91.3725 66.2905 90.939C64.7835 90.5055 63.3072 89.8553 61.8618 88.9883C60.4163 88.1213 59.0938 87.0221 57.8943 85.6907C56.7257 84.3283 55.7876 82.7492 55.0803 80.9533C54.4037 79.1265 54.0653 77.0519 54.0653 74.7297C54.0653 72.5003 54.4037 70.5187 55.0803 68.7847C55.7876 67.0198 56.7257 65.4871 57.8943 64.1867C59.063 62.8862 60.3701 61.818 61.8156 60.982C63.2611 60.115 64.7527 59.4802 66.2905 59.0777C67.8282 58.6442 69.2891 58.4275 70.6731 58.4275C72.2416 58.4275 73.6102 58.6133 74.7789 58.9848C75.9476 59.3564 76.901 59.7434 77.6391 60.1459C78.3772 60.5175 78.8385 60.7807 79.0231 60.9355C79.5767 61.2761 80.0995 61.6632 80.5916 62.0966C81.0836 62.5301 81.3451 63.1029 81.3758 63.8151C81.3758 64.1867 81.2989 64.5582 81.1452 64.9298C81.0221 65.2704 80.8222 65.6419 80.5454 66.0445C80.0534 66.7566 79.5767 67.283 79.1153 67.6236C78.6848 67.9332 78.2388 68.088 77.7775 68.088C77.4084 68.088 77.0547 67.9952 76.7164 67.8094C76.4089 67.6236 76.0091 67.3759 75.517 67.0663C75.3017 66.9114 74.9941 66.7257 74.5943 66.5089C74.1945 66.2612 73.6563 66.0445 72.9797 65.8587C72.3031 65.6419 71.4419 65.5336 70.3963 65.5336C69.3198 65.5336 68.228 65.7348 67.1209 66.1374C66.0444 66.5089 65.0449 67.0817 64.1222 67.8558C63.1996 68.6299 62.4615 69.6207 61.9079 70.8283C61.3543 72.0049 61.0775 73.3828 61.0775 74.9619C61.0775 76.603 61.3543 78.0118 61.9079 79.1884C62.4922 80.365 63.2457 81.3404 64.1684 82.1144C65.091 82.8885 66.0906 83.4768 67.167 83.8794C68.2742 84.2509 69.3506 84.4367 70.3963 84.4367C71.3189 84.4367 72.1032 84.3438 72.749 84.158C73.4256 83.9722 73.9946 83.7555 74.4559 83.5078C74.948 83.2291 75.3632 82.9814 75.7015 82.7647C76.0398 82.5479 76.3781 82.3467 76.7164 82.1609C77.0855 81.9751 77.4546 81.8822 77.8236 81.8822C78.2542 81.8822 78.6848 82.0525 79.1153 82.3931C79.5767 82.7337 80.038 83.2756 80.4993 84.0187C80.7761 84.4212 80.9914 84.8237 81.1452 85.2263C81.2989 85.5978 81.3604 85.9694 81.3297 86.3409C81.3297 86.9912 81.0836 87.533 80.5916 87.9665C80.0995 88.369 79.5767 88.7406 79.0231 89.0812C78.777 89.2051 78.3003 89.4837 77.5929 89.9172C76.8856 90.3197 75.9476 90.6913 74.7789 91.0319C73.6102 91.4035 72.2108 91.5892 70.5808 91.5892Z" fill="white"/>
+<path d="M89.6602 91.2177C88.553 91.2177 87.7534 91.0629 87.2613 90.7532C86.7692 90.4126 86.4617 89.9637 86.3387 89.4063C86.2464 88.849 86.2003 88.2762 86.2003 87.6879V62.2824C86.2003 61.6632 86.2464 61.0903 86.3387 60.564C86.4617 60.0376 86.7692 59.6041 87.2613 59.2635C87.7534 58.9229 88.5684 58.7526 89.7064 58.7526C90.875 58.7526 91.6901 58.9229 92.1514 59.2635C92.6435 59.6041 92.9356 60.0376 93.0279 60.564C93.1509 61.0903 93.2124 61.6786 93.2124 62.3289V87.7343C93.2124 88.3226 93.1509 88.8954 93.0279 89.4528C92.9049 89.9791 92.5973 90.4126 92.1052 90.7532C91.6439 91.0629 90.8289 91.2177 89.6602 91.2177Z" fill="white"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M45.8041 35.9527C40.1321 38.1431 35.9705 44.2016 37.2148 51.3425C37.5331 53.1694 36.3102 54.9084 34.4834 55.2267C32.6565 55.5451 30.9175 54.3222 30.5991 52.4953C28.7602 41.9422 34.9718 32.9371 43.3849 29.6882C47.6281 28.0496 52.4777 27.8499 57.1512 29.6551C61.334 31.2708 65.1725 34.4113 68.2662 39.1703C70.6587 38.2805 74.3315 37.2718 78.2292 37.5666C80.9091 37.7693 83.7808 38.5954 86.3719 40.5668C88.9685 42.5423 91.0505 45.4911 92.4362 49.5495C93.0355 51.3044 92.0986 53.2128 90.3437 53.8121C88.5888 54.4113 86.6804 53.4744 86.0811 51.7195C85.0458 48.6875 83.6589 46.9408 82.3057 45.9112C80.947 44.8774 79.3879 44.3888 77.7227 44.2629C74.2477 44 70.7135 45.3476 69.1257 46.0778C67.0105 47.0505 64.5801 46.1664 63.4951 44.2478C60.8703 39.6062 57.7303 37.0777 54.7315 35.9194C51.7245 34.7579 48.6035 34.8717 45.8041 35.9527Z" fill="white"/>
+<defs>
+<linearGradient id="paint0_linear_2070_406" x1="178.008" y1="109" x2="-67.421" y2="12.2616" gradientUnits="userSpaceOnUse">
+<stop stop-color="#DFD4FC"/>
+<stop offset="0.58" stop-color="#8E7AF7"/>
+<stop offset="1" stop-color="#261D46"/>
+</linearGradient>
+</defs>
+</svg>

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

@@ -2,7 +2,9 @@ export declare enum Eftpos {
     Payo = "payo",
     Tyro = "tyro",
     Windcave = "windcave",
-    Stripe = "stripe"
+    Stripe = "stripe",
+    Linkly = "linkly",
+    MX51 = "mx51"
 }
 export declare enum DeviceEnum {
     /** 新增 */

package/lib/components/eftpos/const.js

@@ -31,6 +31,8 @@ var Eftpos = /* @__PURE__ */ ((Eftpos2) => {
   Eftpos2["Tyro"] = "tyro";
   Eftpos2["Windcave"] = "windcave";
   Eftpos2["Stripe"] = "stripe";
+  Eftpos2["Linkly"] = "linkly";
+  Eftpos2["MX51"] = "mx51";
   return Eftpos2;
 })(Eftpos || {});
 var DeviceEnum = /* @__PURE__ */ ((DeviceEnum2) => {

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

@@ -1,9 +1,11 @@
 import React from 'react';
-import { DeviceProp } from './const';
+import { DeviceProp, Eftpos } from './const';
 interface DeviceProps {
     formItemList: any[];
     onSave: (device: DeviceProp) => void;
     children?: React.ReactNode;
+    type?: Eftpos;
+    status?: 'add' | 'edit' | 'repair';
 }
 declare const Device: (props: DeviceProps) => React.JSX.Element;
 export default Device;

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/hooks.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { Eftpos } from './const';
 /**
  * @title: tyro 设备连接
@@ -32,3 +31,16 @@ export declare const useTyro: (params: {
     url?: string;
     version?: string;
 }) => readonly [import("react").MutableRefObject<any>, boolean];
+export declare const useRequest: () => any;
+/**
+ * @title 配对请求
+ */
+export declare const usePairRequest: () => {
+    run: (params: any) => any;
+};
+/**
+ * @title 检查配对状态
+ */
+export declare const useCheckPairRequest: () => {
+    run: (params: any) => any;
+};

package/lib/components/eftpos/hooks.js

@@ -29,12 +29,16 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/components/eftpos/hooks.tsx
 var hooks_exports = {};
 __export(hooks_exports, {
+  useCheckPairRequest: () => useCheckPairRequest,
+  usePairRequest: () => usePairRequest,
   usePairTerminalo: () => usePairTerminalo,
+  useRequest: () => useRequest,
   useTyro: () => useTyro
 });
 module.exports = __toCommonJS(hooks_exports);
 var import_react = require("react");
 var import_load = __toESM(require("../../utils/load"));
+var import_useEngineContext = __toESM(require("../../hooks/useEngineContext"));
 var usePairTerminalo = (type, params) => {
   const ref = (0, import_react.useRef)();
   const iclientRef = (0, import_react.useRef)();
@@ -99,8 +103,34 @@ var useTyro = (params) => {
   }, [url]);
   return [ref, load];
 };
+var useRequest = () => {
+  var _a, _b;
+  const context = (0, import_useEngineContext.default)();
+  return ((_b = (_a = context == null ? void 0 : context.appHelper) == null ? void 0 : _a.utils) == null ? void 0 : _b.request) || {};
+};
+var usePairRequest = () => {
+  const request = useRequest();
+  const run = (params) => {
+    return request.post("/shop/pay/card-reader/pair", params, {});
+  };
+  return {
+    run
+  };
+};
+var useCheckPairRequest = () => {
+  const request = useRequest();
+  const run = (params) => {
+    return request.post("/shop/pay/card-reader/pairing-info", params, { customResponse: true });
+  };
+  return {
+    run
+  };
+};
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
+  useCheckPairRequest,
+  usePairRequest,
   usePairTerminalo,
+  useRequest,
   useTyro
 });

package/lib/components/eftpos/index.js

@@ -46,7 +46,13 @@ var import_hooks = require("./hooks");
 var import_apiKey = __toESM(require("./icon/apiKey"));
 var import_device2 = __toESM(require("./icon/device"));
 var import_locales2 = require("../../utils/locales");
+var import_hooks2 = require("./PairModal/hooks");
+var import_PairModal = __toESM(require("./PairModal/index"));
 var import_const = require("./const");
+var import_materials = require("@pisell/materials");
+var import_mx51SCI = __toESM(require("./assets/mx51SCI.svg"));
+var import_useEngineContext = __toESM(require("../../hooks/useEngineContext"));
+var import_utils2 = require("../../utils");
 var import_index = require("./index.less");
 import_utils.locales.init(import_locales.default, (0, import_locales2.getLocale)());
 var PosTabs = (0, import_react.forwardRef)(
@@ -145,6 +151,9 @@ var eftpos_default = (props) => {
     tyroVersion,
     useTyroLog
   } = props;
+  const context = (0, import_useEngineContext.default)();
+  const utils = context.appHelper.utils || {};
+  import_utils2.request.setRequest(utils == null ? void 0 : utils.request);
   const [page, setPage] = (0, import_react.useState)("list");
   const [messageApi, contextHolder] = import_antd.message.useMessage({
     prefixCls: "pisell-lowcode__pos_message"
@@ -161,6 +170,9 @@ var eftpos_default = (props) => {
   const [systemConfigStatus, setSystemConfigStatus] = (0, import_react.useState)(true);
   const posTabRef = (0, import_react.useRef)(null);
   const [posLoading, setPosLoading] = (0, import_react.useState)(false);
+  const pairModalHook = (0, import_hooks2.usePairModal)();
+  const pairRequest = (0, import_hooks.usePairRequest)();
+  const checkPairRequest = (0, import_hooks.useCheckPairRequest)();
   const onDelDevice = (id) => {
     return onDel(id);
   };
@@ -182,6 +194,31 @@ var eftpos_default = (props) => {
     setPage("edit");
   };
   const onRepair = async (device) => {
+    console.log("onRepair device = ", device);
+    if (type === import_const.Eftpos.MX51) {
+      try {
+        setLoading(true);
+        const checkPairResponse = await checkPairRequest.run({
+          type,
+          pair_response: device == null ? void 0 : device.response
+        });
+        console.log("checkPairResponse = ", checkPairResponse);
+        if ((checkPairResponse == null ? void 0 : checkPairResponse.code) == 200) {
+          messageApi.open({
+            type: "warning",
+            style: {
+              zIndex: (zIndex || 9999) + 1
+            },
+            content: import_utils.locales.getText("page.eftpos.text.repair.message.warning")
+          });
+          return;
+        }
+      } catch (error) {
+        console.error("onRepair error =>", error);
+      } finally {
+        setLoading(false);
+      }
+    }
     const field = getField(type, import_const.DeviceEnum.Repair);
     const list = await (0, import_const.getCommByFields)({ field, value: device, getComm });
     deviceIdRef.current = device.id;
@@ -195,13 +232,27 @@ var eftpos_default = (props) => {
     setDeviceItem(device);
     setPage("log");
   };
-  const onSave = async (device) => {
+  const onSave = async (device, pair_response) => {
     console.log("device = ", device);
+    console.log("pair_response = ", pair_response);
     const update = async () => {
-      await onEdit({ ...device, type }, status || "add").catch(() => {
+      var _a, _b;
+      try {
+        await onEdit({ ...device, type, pair_response }, status || "add");
+        if (type === import_const.Eftpos.MX51 && (status === import_const.DeviceEnum.Add || status === import_const.DeviceEnum.Repair)) {
+          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");
     };
@@ -298,6 +349,40 @@ var eftpos_default = (props) => {
   (0, import_react.useEffect)(() => {
     setPage("list");
   }, [type]);
+  const onSavePair = async (device) => {
+    const eftposList = [import_const.Eftpos.MX51];
+    if (eftposList.includes(type) && (status === import_const.DeviceEnum.Add || status === import_const.DeviceEnum.Repair)) {
+      try {
+        setLoading(true);
+        const response = await pairRequest.run({
+          ...(device == null ? void 0 : device.connection) || {},
+          type
+        });
+        if ((response == null ? void 0 : response.code) == 200) {
+          pairModalHook.open({
+            data: {
+              type,
+              device,
+              pairResponse: response == null ? void 0 : response.data
+            },
+            onCancel: () => {
+              pairModalHook.close();
+            },
+            onConfirm: () => {
+              pairModalHook.close();
+              onSave(device, response == null ? void 0 : response.data);
+            }
+          });
+        }
+      } catch (error) {
+        console.error("onSavePair error =>", error);
+      } finally {
+        setLoading(false);
+      }
+    } else {
+      onSave(device);
+    }
+  };
   if (type === import_const.Eftpos.Windcave) {
     return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(
       PosTabs,
@@ -412,7 +497,18 @@ 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 ? /* @__PURE__ */ import_react.default.createElement(
+        "span",
+        {
+          style: {
+            display: "inline-flex",
+            alignItems: "center",
+            gap: "4px"
+          }
+        },
+        /* @__PURE__ */ import_react.default.createElement(import_materials.Image, { src: import_mx51SCI.default, preview: false, width: 24 }),
+        /* @__PURE__ */ import_react.default.createElement("span", null, "Simple Cloud Payments")
+      ) : import_utils.locales.getText("page.eftpos.text.device.add")(status, name),
       titleNoWrap: true,
       zIndex: zIndex || 9999,
       destroyOnClose: true,
@@ -429,8 +525,10 @@ var eftpos_default = (props) => {
         import_device.default,
         {
           formItemList: deviceItemList,
-          onSave,
-          key: `device${type}`
+          onSave: onSavePair,
+          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
@@ -456,5 +554,5 @@ var eftpos_default = (props) => {
         device: deviceItem
       }
     )
-  ), contextHolder);
+  ), contextHolder, pairModalHook.visible && /* @__PURE__ */ import_react.default.createElement(import_PairModal.default, { ...pairModalHook.modalProps }));
 };

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;
+  }
+}