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

package/lib/components/eftpos/icon/apiKey.js

@@ -0,0 +1,57 @@
+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/eftpos/icon/apiKey.tsx
+var apiKey_exports = {};
+__export(apiKey_exports, {
+  default: () => apiKey_default
+});
+module.exports = __toCommonJS(apiKey_exports);
+var import_react = __toESM(require("react"));
+var apiKey_default = ({ color }) => {
+  return /* @__PURE__ */ import_react.default.createElement(
+    "svg",
+    {
+      width: "24",
+      height: "24",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg"
+    },
+    /* @__PURE__ */ import_react.default.createElement("g", null, /* @__PURE__ */ import_react.default.createElement(
+      "path",
+      {
+        d: "M18 17V19.4C18 19.9601 18 20.2401 17.891 20.454C17.7951 20.6422 17.6422 20.7951 17.454 20.891C17.2401 21 16.9601 21 16.4 21H7.6C7.03995 21 6.75992 21 6.54601 20.891C6.35785 20.7951 6.20487 20.6422 6.10899 20.454C6 20.2401 6 19.9601 6 19.4V17M6.8 17H17.2C18.8802 17 19.7202 17 20.362 16.673C20.9265 16.3854 21.3854 15.9265 21.673 15.362C22 14.7202 22 13.8802 22 12.2V7.8C22 6.11984 22 5.27976 21.673 4.63803C21.3854 4.07354 20.9265 3.6146 20.362 3.32698C19.7202 3 18.8802 3 17.2 3H6.8C5.11984 3 4.27976 3 3.63803 3.32698C3.07354 3.6146 2.6146 4.07354 2.32698 4.63803C2 5.27976 2 6.11984 2 7.8V12.2C2 13.8802 2 14.7202 2.32698 15.362C2.6146 15.9265 3.07354 16.3854 3.63803 16.673C4.27976 17 5.11984 17 6.8 17Z",
+        stroke: color || "white",
+        "stroke-width": "1.67",
+        "stroke-linecap": "round",
+        "stroke-linejoin": "round"
+      }
+    ))
+  );
+};

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

@@ -0,0 +1,5 @@
+import React from 'react';
+declare const _default: ({ color }: {
+    color?: string | undefined;
+}) => React.JSX.Element;
+export default _default;

package/lib/components/eftpos/icon/device.js

@@ -0,0 +1,57 @@
+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/eftpos/icon/device.tsx
+var device_exports = {};
+__export(device_exports, {
+  default: () => device_default
+});
+module.exports = __toCommonJS(device_exports);
+var import_react = __toESM(require("react"));
+var device_default = ({ color }) => {
+  return /* @__PURE__ */ import_react.default.createElement(
+    "svg",
+    {
+      width: "24",
+      height: "24",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg"
+    },
+    /* @__PURE__ */ import_react.default.createElement("g", null, /* @__PURE__ */ import_react.default.createElement(
+      "path",
+      {
+        d: "M18.5708 20C19.8328 20 20.8568 18.977 20.8568 17.714V13.143L21.9998 12L20.8568 10.857V6.286C20.8568 5.023 19.8338 4 18.5708 4M5.429 4C4.166 4 3.143 5.023 3.143 6.286V10.857L2 12L3.143 13.143V17.714C3.143 18.977 4.166 20 5.429 20M7.5 12H7.51M12 12H12.01M16.5 12H16.51M8 12C8 12.2761 7.77614 12.5 7.5 12.5C7.22386 12.5 7 12.2761 7 12C7 11.7239 7.22386 11.5 7.5 11.5C7.77614 11.5 8 11.7239 8 12ZM12.5 12C12.5 12.2761 12.2761 12.5 12 12.5C11.7239 12.5 11.5 12.2761 11.5 12C11.5 11.7239 11.7239 11.5 12 11.5C12.2761 11.5 12.5 11.7239 12.5 12ZM17 12C17 12.2761 16.7761 12.5 16.5 12.5C16.2239 12.5 16 12.2761 16 12C16 11.7239 16.2239 11.5 16.5 11.5C16.7761 11.5 17 11.7239 17 12Z",
+        stroke: color || "white",
+        "stroke-width": "1.67",
+        "stroke-linecap": "round",
+        "stroke-linejoin": "round"
+      }
+    ))
+  );
+};

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

@@ -0,0 +1,47 @@
+import React from 'react';
+import { Eftpos, DeviceStatus } from './const';
+import './index.less';
+interface PosProps {
+    /** 厂商类型 */
+    type: Eftpos;
+    /** 厂商名称 */
+    name: string;
+    /** 厂商额外信息 */
+    config: {
+        [key: string]: unknown;
+    };
+    /** 编辑页面zIndex */
+    zIndex?: number;
+    /** table 列表宽度 */
+    tableSize: number[];
+    /** tyro sdk url */
+    tyroUrl: string;
+    /** tyro sdk version */
+    tyroVersion: string;
+    /** tyro log 是否展示 */
+    useTyroLog?: boolean;
+    /** 获取字段匹配数据项 */
+    getComm: (params: {
+        field: string;
+        value?: unknown;
+    }, record?: any) => any;
+    /** 设备厂商默认数据 */
+    getField: (type: Eftpos, status?: DeviceStatus) => any;
+    /** 编辑设备数据 */
+    onEdit: (device: any, type: DeviceStatus) => Promise<any>;
+    /** 编辑厂商数据 */
+    onEditKey: () => {};
+    /** 设备列表数据 */
+    getList: (params: {
+        type: Eftpos;
+        num: number;
+        skip: number;
+    }) => any;
+    /** 删除列表数据 */
+    onDel: (id: string | number) => Promise<any>;
+    /** 获取pos刷卡机配置字段 */
+    getPosComm: (...agrn: unknown[]) => any;
+    savePos: (...agrn: unknown[]) => any;
+}
+declare const _default: (props: PosProps) => React.JSX.Element;
+export default _default;

package/lib/components/eftpos/index.js

@@ -0,0 +1,459 @@
+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/eftpos/index.tsx
+var eftpos_exports = {};
+__export(eftpos_exports, {
+  default: () => eftpos_default
+});
+module.exports = __toCommonJS(eftpos_exports);
+var import_react = __toESM(require("react"));
+var import_ahooks = require("ahooks");
+var import_antd = require("antd");
+var import_utils = require("@pisell/utils");
+var import_table = __toESM(require("./table"));
+var import_device = __toESM(require("./device"));
+var import_pos = __toESM(require("./pos"));
+var import_drawer = __toESM(require("../booking/components/drawer"));
+var import_log = __toESM(require("./log"));
+var import_locales = __toESM(require("./locales"));
+var import_hooks = require("./hooks");
+var import_apiKey = __toESM(require("./icon/apiKey"));
+var import_device2 = __toESM(require("./icon/device"));
+var import_const = require("./const");
+var import_index = require("./index.less");
+import_utils.locales.init(import_locales.default, localStorage.getItem("umi_locale") || "en");
+var PosTabs = (0, import_react.forwardRef)(
+  ({ Table: Table2, PosForm, style, onChange }, ref) => {
+    const [active, setActive] = (0, import_react.useState)("device");
+    const onClick = (event) => {
+      const target = event.currentTarget;
+      if (!target) {
+        return;
+      }
+      const { key } = target.dataset;
+      if (key) {
+        setActive(key);
+        onChange(key);
+      }
+    };
+    (0, import_react.useImperativeHandle)(ref, () => ({
+      setActive
+    }));
+    const items = [
+      {
+        key: "device",
+        label: (active2) => /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__pos_tabs-tab-label" }, /* @__PURE__ */ import_react.default.createElement(
+          "div",
+          {
+            className: `pisell-lowcode__pos_circle ${active2 ? "active" : ""}`
+          },
+          /* @__PURE__ */ import_react.default.createElement(import_device2.default, { color: active2 ? "#fff" : "#98A2B3" })
+        ), /* @__PURE__ */ import_react.default.createElement(
+          "span",
+          {
+            className: `pisell-lowcode__pos_tabs-tab-label-tlt ${active2 ? "active" : ""}`
+          },
+          import_utils.locales.getText("page.eftpos.text.device")
+        )),
+        children: Table2
+      },
+      {
+        key: "setting",
+        label: (active2) => /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__pos_tabs-tab-label" }, /* @__PURE__ */ import_react.default.createElement(
+          "div",
+          {
+            className: `pisell-lowcode__pos_circle ${active2 ? "active" : ""}`
+          },
+          /* @__PURE__ */ import_react.default.createElement(import_apiKey.default, { color: active2 ? "#fff" : "#98A2B3" })
+        ), /* @__PURE__ */ import_react.default.createElement(
+          "span",
+          {
+            className: `pisell-lowcode__pos_tabs-tab-label-tlt ${active2 ? "active" : ""}`
+          },
+          import_utils.locales.getText("page.eftpos.text.setting")
+        )),
+        children: PosForm
+      }
+    ];
+    return /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__pos_tabs", style }, /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__pos_tabs-nav" }, items.map((item) => {
+      return /* @__PURE__ */ import_react.default.createElement(
+        "div",
+        {
+          key: item.key,
+          style: {
+            display: "contents"
+          },
+          "data-key": item.key,
+          onClick
+        },
+        item.label(active === item.key)
+      );
+    })), /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__pos_tab-content" }, items.map((item) => {
+      return /* @__PURE__ */ import_react.default.createElement(
+        "div",
+        {
+          className: `pisell-lowcode__pos_tabs-tabpane ${active === item.key ? "active" : ""}`,
+          key: item.key
+        },
+        item.children
+      );
+    })));
+  }
+);
+var eftpos_default = (props) => {
+  const {
+    name,
+    zIndex,
+    type = import_const.Eftpos.Payo,
+    tableSize,
+    getList,
+    getField,
+    getComm,
+    onDel,
+    onEdit,
+    getPosComm,
+    savePos,
+    config,
+    tyroUrl,
+    tyroVersion,
+    useTyroLog
+  } = props;
+  const [page, setPage] = (0, import_react.useState)("list");
+  const [messageApi, contextHolder] = import_antd.message.useMessage({
+    prefixCls: "pisell-lowcode__pos_message"
+  });
+  const [loading, setLoading] = (0, import_react.useState)(false);
+  const [status, setStatus] = (0, import_react.useState)(import_const.DeviceEnum.Add);
+  const tableRef = (0, import_react.useRef)();
+  const deviceIdRef = (0, import_react.useRef)("");
+  const [deviceItemList, setDeviceCommList] = (0, import_react.useState)([]);
+  const [posItemList, setPosCommList] = (0, import_react.useState)([]);
+  const [deviceItem, setDeviceItem] = (0, import_react.useState)();
+  const [pairStatus, setPairStatus] = (0, import_react.useState)("");
+  const [pairMessage, setPairMessage] = (0, import_react.useState)("");
+  const [systemConfigStatus, setSystemConfigStatus] = (0, import_react.useState)(true);
+  const posTabRef = (0, import_react.useRef)(null);
+  const [posLoading, setPosLoading] = (0, import_react.useState)(false);
+  const onDelDevice = (id) => {
+    return onDel(id);
+  };
+  const onEditDevice = async (device) => {
+    if (device) {
+      deviceIdRef.current = device.id;
+      const field2 = getField(type, import_const.DeviceEnum.Edit);
+      const list2 = await (0, import_const.getCommByFields)({ field: field2, value: device, getComm });
+      setStatus(import_const.DeviceEnum.Edit);
+      setDeviceCommList(list2);
+      setPage("edit");
+      return;
+    }
+    setStatus(import_const.DeviceEnum.Add);
+    const field = getField(type);
+    const list = await (0, import_const.getCommByFields)({ field, getComm });
+    console.log(list);
+    setDeviceCommList(list);
+    setPage("edit");
+  };
+  const onRepair = async (device) => {
+    const field = getField(type, import_const.DeviceEnum.Repair);
+    const list = await (0, import_const.getCommByFields)({ field, value: device, getComm });
+    deviceIdRef.current = device.id;
+    setDeviceCommList(list);
+    setStatus(import_const.DeviceEnum.Repair);
+    setPage("edit");
+  };
+  const pair = (0, import_hooks.usePairTerminalo)(type, { url: tyroUrl, version: tyroVersion });
+  const onLog = (device) => {
+    console.log(device);
+    setDeviceItem(device);
+    setPage("log");
+  };
+  const onSave = async (device) => {
+    console.log("device = ", device);
+    const update = async () => {
+      await onEdit({ ...device, type }, status || "add").catch(() => {
+        setLoading(false);
+      });
+      setLoading(false);
+      await tableRef.current.loadData();
+      setPage("list");
+    };
+    setLoading(true);
+    if (type === "tyro" && status !== "edit") {
+      pair({ ...config, ...device.connection }, (response) => {
+        console.log("response =", response);
+        setPairStatus(response.status);
+        setPairMessage(response.message);
+        if (response.status === "inProgress") {
+          messageApi.open({
+            type: "info",
+            style: {
+              zIndex: (zIndex || 9999) + 1
+            },
+            content: response.message
+          });
+          return;
+        }
+        if (response.status === "success") {
+          messageApi.open({
+            type: "success",
+            style: {
+              zIndex: (zIndex || 9999) + 1
+            },
+            content: response.message
+          });
+          device.connection.integrationKey = response.integrationKey;
+          device.status = "paired";
+          update();
+          return;
+        }
+        messageApi.open({
+          type: "warning",
+          style: {
+            zIndex: (zIndex || 9999) + 1
+          },
+          content: response.message
+        });
+        device.status = "unpaired";
+        update();
+      });
+      return;
+    }
+    update();
+  };
+  const onClickByTip = () => {
+    var _a;
+    (_a = posTabRef.current) == null ? void 0 : _a.setActive("setting");
+  };
+  const getPos = (0, import_react.useCallback)(async () => {
+    if (typeof getPosComm === "function") {
+      setPosLoading(true);
+      const list = (await getPosComm(type).catch(() => {
+        setPosLoading(false);
+      })).map((item) => {
+        return {
+          ...item,
+          __sourceName: item.name
+        };
+      });
+      setPosLoading(false);
+      const obj = (0, import_const.getDefaultValue)(list);
+      const status2 = Object.values(obj).every(Boolean);
+      setSystemConfigStatus(status2);
+      setPosCommList(list);
+    }
+  }, [getPosComm]);
+  const onSavePos = (pos) => {
+    if (typeof savePos === "function") {
+      setPosLoading(true);
+      savePos(type, pos).then(() => {
+        getPos();
+      }).catch(() => {
+        setPosLoading(false);
+      });
+    }
+  };
+  (0, import_react.useEffect)(() => {
+    setPairStatus("");
+    setPairMessage("");
+  }, [page]);
+  const onBack = () => {
+    setPage("list");
+  };
+  const onChangeTabs = (key) => {
+    setPage("list");
+  };
+  (0, import_ahooks.useMount)(() => {
+    if (typeof getPos === "function") {
+      getPos();
+    }
+  });
+  (0, import_react.useEffect)(() => {
+    setPage("list");
+  }, [type]);
+  if (type === import_const.Eftpos.Windcave) {
+    return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(
+      PosTabs,
+      {
+        ref: posTabRef,
+        Table: /* @__PURE__ */ import_react.default.createElement(
+          import_table.default,
+          {
+            ref: tableRef,
+            eftposName: name,
+            type,
+            useTyroLog,
+            tableSize,
+            getList,
+            onDel: onDelDevice,
+            onRepair,
+            onEdit: onEditDevice,
+            onLog,
+            key: `postable${type}`,
+            systemConfigStatus,
+            onClickByTip
+          }
+        ),
+        PosForm: /* @__PURE__ */ import_react.default.createElement(
+          import_antd.Spin,
+          {
+            tip: "Loading...",
+            spinning: posLoading,
+            wrapperClassName: "pisell-lowcode__pos_setting_box"
+          },
+          /* @__PURE__ */ import_react.default.createElement(
+            import_pos.default,
+            {
+              eftposName: name,
+              onSave: onSavePos,
+              formItemList: posItemList
+            }
+          )
+        ),
+        onChange: onChangeTabs
+      }
+    ), /* @__PURE__ */ import_react.default.createElement(
+      import_drawer.default,
+      {
+        open: page === "edit",
+        onClose: onBack,
+        title: import_utils.locales.getText("page.eftpos.text.device.add")(status, name),
+        titleNoWrap: true,
+        zIndex: zIndex || 9999,
+        destroyOnClose: true,
+        className: "pisell-lowcode__pos_drawer"
+      },
+      /* @__PURE__ */ import_react.default.createElement(
+        import_antd.Spin,
+        {
+          tip: "Loading...",
+          spinning: loading,
+          wrapperClassName: "pisell-lowcode__pos_box"
+        },
+        /* @__PURE__ */ import_react.default.createElement(
+          import_device.default,
+          {
+            formItemList: deviceItemList,
+            onSave,
+            key: `posdevice${type}`
+          },
+          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
+        )
+      )
+    ), /* @__PURE__ */ import_react.default.createElement(
+      import_drawer.default,
+      {
+        open: page === "log",
+        onClose: onBack,
+        title: import_utils.locales.getText("page.eftpos.text.log"),
+        titleNoWrap: true,
+        zIndex: zIndex || 9999,
+        destroyOnClose: true,
+        className: "pisell-lowcode__pos_drawer pisell-lowcode__pos_drawer_log"
+      },
+      /* @__PURE__ */ import_react.default.createElement(
+        import_log.default,
+        {
+          type,
+          tyroUrl,
+          tyroVersion,
+          device: deviceItem
+        }
+      )
+    ), contextHolder);
+  }
+  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(
+    import_table.default,
+    {
+      eftposName: name,
+      ref: tableRef,
+      type,
+      useTyroLog,
+      tableSize,
+      getList,
+      onDel: onDelDevice,
+      onRepair,
+      onLog,
+      onEdit: onEditDevice,
+      key: `table${type}`,
+      systemConfigStatus,
+      onClickByTip
+    }
+  ), /* @__PURE__ */ import_react.default.createElement(
+    import_drawer.default,
+    {
+      open: page === "edit",
+      onClose: onBack,
+      title: import_utils.locales.getText("page.eftpos.text.device.add")(status, name),
+      titleNoWrap: true,
+      zIndex: zIndex || 9999,
+      destroyOnClose: true,
+      className: "pisell-lowcode__pos_drawer"
+    },
+    /* @__PURE__ */ import_react.default.createElement(
+      import_antd.Spin,
+      {
+        tip: "Loading...",
+        spinning: loading,
+        wrapperClassName: "pisell-lowcode__pos_box"
+      },
+      /* @__PURE__ */ import_react.default.createElement(
+        import_device.default,
+        {
+          formItemList: deviceItemList,
+          onSave,
+          key: `device${type}`
+        },
+        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
+      )
+    )
+  ), /* @__PURE__ */ import_react.default.createElement(
+    import_drawer.default,
+    {
+      open: page === "log",
+      onClose: onBack,
+      title: import_utils.locales.getText("page.eftpos.text.log"),
+      titleNoWrap: true,
+      zIndex: zIndex || 9999,
+      destroyOnClose: true,
+      className: "pisell-lowcode__pos_drawer pisell-lowcode__pos_drawer_log"
+    },
+    /* @__PURE__ */ import_react.default.createElement(
+      import_log.default,
+      {
+        type,
+        tyroUrl,
+        tyroVersion,
+        device: deviceItem
+      }
+    )
+  ), contextHolder);
+};