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

package/lib/components/eftposPay/device.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/device.tsx
+var device_exports = {};
+__export(device_exports, {
+  default: () => device_default
+});
+module.exports = __toCommonJS(device_exports);
+var import_utils = require("@pisell/utils");
+var import_ahooks = require("ahooks");
+var import_antd = require("antd");
+var import_react = __toESM(require("react"));
+var import_titlebar = __toESM(require("./component/header/titlebar"));
+var import_const = require("./const");
+var import_store = require("./store");
+var import_device = require("./device.less");
+var device_default = ({
+  api,
+  onChange,
+  onClose,
+  className = "",
+  device_number,
+  isIpad,
+  net
+}) => {
+  const { device, mode, eftpos } = (0, import_store.useContextData)();
+  const [loading, setLoading] = (0, import_react.useState)(false);
+  const [dataStaus, setDataStaus] = (0, import_react.useState)(true);
+  const [list, setList] = (0, import_react.useState)([]);
+  const dispatch = (0, import_store.useDispatch)();
+  const onClick = (event) => {
+    if (!net) {
+      import_antd.message.open({
+        key: "net-warning",
+        type: "warning",
+        content: import_utils.locales.getText("page.eftpos-pay.text.not.connected")
+      });
+      return;
+    }
+    const [index] = [Number(event.currentTarget.dataset.index)];
+    dispatch((0, import_store.updateDevice)({ device: list[index] }));
+    if (typeof onChange === "function") {
+      onChange("page", mode === import_const.ModeEnum.Pay ? "amount" : "pay");
+    }
+  };
+  (0, import_ahooks.useMount)(() => {
+    setLoading(true);
+    api.getDeviceList({ type: eftpos, status: "paired" }).then(
+      (res) => {
+        setLoading(false);
+        if (res && Array.isArray(res.list) && res.list.length > 0) {
+          if (device_number) {
+            const hostDeviceList = res.list.filter(
+              (item) => {
+                var _a, _b;
+                return (_b = (_a = item == null ? void 0 : item.setting) == null ? void 0 : _a.devices) == null ? void 0 : _b.some(
+                  (i) => i.number === device_number
+                );
+              }
+            );
+            if (hostDeviceList.length >= 1) {
+              setDataStaus(true);
+              setList(hostDeviceList);
+              if (hostDeviceList.length === 1) {
+                dispatch((0, import_store.updateDevice)({ device: hostDeviceList[0] }));
+                if (typeof api.selectDevice === "function") {
+                  api.selectDevice(hostDeviceList[0]);
+                }
+                if (typeof onChange === "function") {
+                  onChange("page", mode === import_const.ModeEnum.Pay ? "amount" : "pay");
+                }
+              }
+              return;
+            }
+          }
+          setDataStaus(true);
+          setList(res.list);
+          if (res.list.length === 1) {
+            dispatch((0, import_store.updateDevice)({ device: res.list[0] }));
+            if (typeof api.selectDevice === "function") {
+              api.selectDevice(res.list[0]);
+            }
+            if (typeof onChange === "function") {
+              onChange("page", mode === import_const.ModeEnum.Pay ? "amount" : "pay");
+            }
+          }
+          return;
+        }
+        setDataStaus(false);
+      },
+      () => {
+        setDataStaus(false);
+        setLoading(false);
+      }
+    );
+  });
+  return /* @__PURE__ */ import_react.default.createElement("div", { className: `pisell-lowcode__eft-pay-device-box ${className}` }, isIpad ? null : /* @__PURE__ */ import_react.default.createElement(import_titlebar.default, { type: "left-title-close", onClose }, dataStaus ? import_utils.locales.getText("page.eftpos-pay.text.device") : ""), dataStaus ? /* @__PURE__ */ import_react.default.createElement(import_antd.Spin, { spinning: loading }, /* @__PURE__ */ import_react.default.createElement(
+    "div",
+    {
+      className: "pisell-lowcode__eft-pay-device-list",
+      style: isIpad ? { marginTop: "20px" } : {}
+    },
+    list.map(({ id, name }, index) => /* @__PURE__ */ import_react.default.createElement(
+      "div",
+      {
+        key: id,
+        className: `pisell-lowcode__eft-pay-device ${id === (device == null ? void 0 : device.id) ? "active" : ""}`,
+        "data-index": index,
+        onClick,
+        role: "button",
+        tabIndex: index
+      },
+      name
+    ))
+  )) : /* @__PURE__ */ import_react.default.createElement(
+    "div",
+    {
+      className: "pisell-lowcode__eft-pay-device-error",
+      style: isIpad ? { marginTop: "20px" } : {}
+    },
+    /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__eft-pay-device-error-tit" }, import_utils.locales.getText("page.eftpos-pay.text.device.no.title")),
+    /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__eft-pay-device-error-txt" }, import_utils.locales.getText("page.eftpos-pay.text.device.no.add")),
+    /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__eft-pay-device-error-txt" }, import_utils.locales.getText("page.eftpos-pay.text.device.no.web")),
+    /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__eft-pay-device-error-txt" }, import_utils.locales.getText("page.eftpos-pay.text.device.no.terminal"))
+  ));
+};

package/lib/components/eftposPay/device.less

@@ -0,0 +1,61 @@
+.pisell-lowcode__eft-pay-device-box {
+  max-height: var(--pisel-lc-pos-device-max-height, unset);
+  width: var(--pisel-lc-pos-device-width, 600px);
+  max-width: 100%;
+  padding: var(--pisel-lc-pos-device-padding, 0 24px 24px);
+}
+.pisell-lowcode__eft-pay-device-list,
+.pisell-lowcode__eft-pay-device-error {
+  display: flex;
+  flex-direction: column;
+
+  overflow: auto;
+  min-height: 200px;
+  margin:  0 0 20px;
+}
+
+.pisell-lowcode__eft-pay-device-list {
+  gap: 10px;
+}
+.pisell-lowcode__eft-pay-device {
+  height: 52px;
+  display: flex;
+  align-items: center;
+  padding: 0 16px;
+  border-radius: 12px;
+  border: 1px solid var(--Gray-200, #eaecf0);
+  background: #fff;
+
+  color: var(--Gray-900, #101828);
+  /* Text sm/Medium */
+  font-size: 14px;
+  font-style: normal;
+  font-weight: 500;
+  cursor: pointer;
+  flex-shrink: 0;
+}
+.pisell-lowcode__eft-pay-device.active,
+.pisell-lowcode__eft-pay-device:hover {
+  background: var(--Gray-50, #f9fafb);
+}
+
+.pisell-lowcode__eft-pay-device-error {
+  gap: 20px;
+}
+.pisell-lowcode__eft-pay-device-error-tit {
+  color: var(--Gray-900, #101828);
+
+  font-size: 18px;
+  font-style: normal;
+  font-weight: 600;
+  line-height: 28px; /* 155.556% */
+}
+
+.pisell-lowcode__eft-pay-device-error-txt {
+  color: var(--Gray-900, #101828);
+
+  font-size: 14px;
+  font-style: normal;
+  font-weight: 400;
+  line-height: 20px; /* 142.857% */
+}

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

@@ -0,0 +1,66 @@
+import { State } from './store';
+import { Amount } from './const';
+export declare function getUuid(): string;
+/**
+ * @title: Promise化 setTimeout
+ * @param {number} time
+ * @Author: hongbing.wang
+ * @Date: 2024-08-20 13:03
+ */
+export declare const sleep: (time: number) => Promise<unknown>;
+/**
+ * @title: 克隆
+ * @Author: hongbing.wang
+ * @Date: 2024-08-20 13:03
+ */
+export declare function cloneDeep(source: any, hash?: WeakMap<object, any>): any;
+declare type key = 'mode' | 'amount' | 'order_id' | 'number' | 'device' | 'pay' | 'custom';
+/**
+ * @title: 获取支付回调参数
+ * @Author: hongbing.wang
+ * @Date: 2024-08-20 20:26
+ */
+export declare const getPayParams: (data: Partial<Omit<State, key>> & Pick<State, Extract<key, keyof State>>, statue: 'success' | 'fail') => {
+    number: string | number | undefined;
+    device: {
+        [key: string]: unknown;
+    } | undefined;
+    order_id: string | number;
+    amount?: undefined;
+    total?: undefined;
+} | {
+    cardReaderSurcharge: {};
+    surMoney: string;
+    surcharge: string;
+    total: string;
+    number: string | number | undefined;
+    device: {
+        [key: string]: unknown;
+    } | undefined;
+    order_id: string | number;
+    amount?: undefined;
+} | {
+    amount: string | number;
+    total: string | number;
+    number: string | number | undefined;
+    device: {
+        [key: string]: unknown;
+    } | undefined;
+    order_id: string | number;
+} | {
+    amount: string | number;
+    total: string | number;
+    number: string | number | undefined;
+    order_id: string | number;
+    device?: undefined;
+};
+export declare const limitDecimals: (value: any) => any;
+/**
+ * @title:  通用获取 金额信息
+ * @description: 在 amount 页面设置则使用 pay ,如果有 setting 则使用 setting 信息 ,都没有则设置0
+ * @param {State} store : 全局store数据管理
+ * @Author: hongbing.wang
+ * @Date: 2024-08-12 10:24
+ */
+export declare function getAmonunt(store: State): Amount;
+export {};

package/lib/components/eftposPay/helper.js

@@ -0,0 +1,175 @@
+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/helper.ts
+var helper_exports = {};
+__export(helper_exports, {
+  cloneDeep: () => cloneDeep,
+  getAmonunt: () => getAmonunt,
+  getPayParams: () => getPayParams,
+  getUuid: () => getUuid,
+  limitDecimals: () => limitDecimals,
+  sleep: () => sleep
+});
+module.exports = __toCommonJS(helper_exports);
+var import_decimal = require("decimal.js");
+var import_const = require("./const");
+function getUuid() {
+  return "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxx".replace(/[xy]/g, (c) => {
+    const r = Math.random() * 16 | 0;
+    const v = c === "x" ? r : r & 3 | 8;
+    return v.toString(16);
+  });
+}
+var sleep = (time) => new Promise((resove) => {
+  setTimeout(() => {
+    resove(void 0);
+  }, time);
+});
+function cloneDeep(source, hash = /* @__PURE__ */ new WeakMap()) {
+  if (typeof source !== "object" || source === null) {
+    return source;
+  }
+  if (hash.has(source)) {
+    return hash.get(source);
+  }
+  const target = Array.isArray(source) ? [] : {};
+  Reflect.ownKeys(source).forEach((key) => {
+    const val = source[key];
+    if (typeof val === "object" && val != null) {
+      target[key] = cloneDeep(val, hash);
+    } else {
+      target[key] = val;
+    }
+  });
+  return target;
+}
+var getPayParams = (data, statue) => {
+  var _a;
+  if (statue === "fail") {
+    return {
+      number: data.number,
+      device: data.device,
+      order_id: data.order_id
+    };
+  }
+  if (data.mode === import_const.ModeEnum.Pay) {
+    const pay = data.pay;
+    const card_reader_surcharge = ((_a = data.custom) == null ? void 0 : _a.card_reader_surcharge) || 0;
+    const obj = pay || {};
+    const cardReaderSurcharge = card_reader_surcharge;
+    const surCardDeci = new import_decimal.Decimal(Number(cardReaderSurcharge));
+    const surMoneyDeci = new import_decimal.Decimal(Number((obj == null ? void 0 : obj.surMoney) || 0));
+    const surRateMoneyDeci = new import_decimal.Decimal(Number(obj == null ? void 0 : obj.surRateMoney));
+    const surMoneyTotal = surMoneyDeci.add(surCardDeci);
+    const surchargeDeci = surMoneyTotal.add(surRateMoneyDeci);
+    const amount = new import_decimal.Decimal(Number(obj == null ? void 0 : obj.amount));
+    const total = surchargeDeci.add(amount);
+    return {
+      ...obj,
+      cardReaderSurcharge,
+      surMoney: surMoneyTotal.toFixed(2, import_decimal.Decimal.ROUND_HALF_UP),
+      surcharge: surchargeDeci.toFixed(2, import_decimal.Decimal.ROUND_HALF_UP),
+      total: total.toFixed(2, import_decimal.Decimal.ROUND_HALF_UP),
+      number: data.number,
+      device: data.device,
+      order_id: data.order_id
+    };
+  }
+  if (data.mode === import_const.ModeEnum.Refund) {
+    return {
+      amount: data.amount,
+      total: data.amount,
+      number: data.number,
+      device: data.device,
+      order_id: data.order_id
+    };
+  }
+  return {
+    amount: data.amount,
+    total: data.amount,
+    number: data.number,
+    order_id: data.order_id
+  };
+};
+var limitDecimals = (value) => {
+  const reg = /^(\-)*(\d+)\.(\d\d).*$/;
+  if (typeof value === "string") {
+    return !isNaN(Number(value)) ? value.replace(reg, "$1$2.$3") : "";
+  }
+  if (typeof value === "number") {
+    return !isNaN(value) ? String(value).replace(reg, "$1$2.$3") : "";
+  }
+  return "";
+};
+function getAmonunt(store) {
+  const { device, pay, custom, name, symbol, amount } = store;
+  if (!device || !custom) {
+    throw Error("device or custom is not defined");
+  }
+  const setting = device.setting;
+  if (pay) {
+    return {
+      name,
+      symbol,
+      // format,
+      money: Number(amount),
+      amount: Number(pay.amount),
+      surRate: Number(pay.surRate),
+      surMoney: Number(pay.surMoney),
+      surcharge: (setting == null ? void 0 : setting.surcharge) || false,
+      useOriginSurcharge: (pay == null ? void 0 : pay.useOriginSurcharge) || false
+    };
+  }
+  if (!setting) {
+    return {
+      name,
+      symbol,
+      // format,
+      money: Number(amount),
+      amount: Number(amount),
+      surRate: 0,
+      surMoney: 0,
+      surcharge: false,
+      useOriginSurcharge: false
+    };
+  }
+  const useOriginSurcharge = setting.useOriginSurcharge || false;
+  const surRate = setting.constant_rate || 0;
+  const surMoney = setting.constant_money || 0;
+  const surcharge = setting.surcharge;
+  return {
+    name,
+    symbol,
+    money: Number(amount),
+    amount: Number(amount),
+    surRate: useOriginSurcharge ? 0 : surcharge ? surRate : 0,
+    surMoney: useOriginSurcharge ? 0 : surcharge ? surMoney : 0,
+    surcharge,
+    useOriginSurcharge
+  };
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  cloneDeep,
+  getAmonunt,
+  getPayParams,
+  getUuid,
+  limitDecimals,
+  sleep
+});

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

@@ -0,0 +1,33 @@
+import React from 'react';
+import { PayStatus } from './const';
+import { ModeEnum } from './const';
+export declare const useStoreRef: <T extends {
+    [key: string]: unknown;
+} = {
+    [key: string]: unknown;
+}, U extends {
+    [key: string]: unknown;
+} = {
+    [key: string]: unknown;
+}>() => {
+    readonly deviceRef: React.MutableRefObject<T>;
+    readonly payRef: React.MutableRefObject<U>;
+    readonly numRef: React.MutableRefObject<string | number | undefined>;
+    readonly orderIdRef: React.MutableRefObject<string | number>;
+    readonly modeRef: React.MutableRefObject<ModeEnum>;
+    readonly statusRef: React.MutableRefObject<"loading" | "success" | "warn" | "fail" | "pedding" | "resove" | "reject" | "question">;
+    readonly netRef: React.MutableRefObject<boolean | undefined>;
+    readonly symbolRef: React.MutableRefObject<string>;
+    readonly amountRef: React.MutableRefObject<string | number>;
+    readonly eftposRef: React.MutableRefObject<"windcave" | "tyro" | "payo" | "stripe">;
+};
+/**
+ * @title: 通用失败处理
+ * @description:  固定步骤 错误处理逻辑
+ * @return null
+ * @Author: hongbing.wang
+ * @Date: 2024-08-12 11:54
+ */
+export declare const useFail: (index: number, isMark?: boolean) => (res: {
+    code?: "200" | "4004" | "701000" | "701001" | "701003" | "701004" | "701005" | "701006" | "701007" | "701008" | "701009" | "701010" | undefined;
+}) => void;