@pisell/private-materials 3.0.96 → 3.0.97

package/lib/components/eftpos/const.js

@@ -0,0 +1,108 @@
+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/const.ts
+var const_exports = {};
+__export(const_exports, {
+  DeviceEnum: () => DeviceEnum,
+  Eftpos: () => Eftpos,
+  getCommByFields: () => getCommByFields,
+  getDefaultValue: () => getDefaultValue
+});
+module.exports = __toCommonJS(const_exports);
+var import_form = require("./form");
+var Eftpos = /* @__PURE__ */ ((Eftpos2) => {
+  Eftpos2["Payo"] = "payo";
+  Eftpos2["Tyro"] = "tyro";
+  Eftpos2["Windcave"] = "windcave";
+  Eftpos2["Stripe"] = "stripe";
+  return Eftpos2;
+})(Eftpos || {});
+var DeviceEnum = /* @__PURE__ */ ((DeviceEnum2) => {
+  DeviceEnum2["Add"] = "add";
+  DeviceEnum2["Edit"] = "edit";
+  DeviceEnum2["Repair"] = "repair";
+  return DeviceEnum2;
+})(DeviceEnum || {});
+var getDefaultValue = (list) => {
+  return list.reduce((target, item) => {
+    if (Array.isArray(item.children) && item.children.length) {
+      return {
+        ...target,
+        [item.__sourceName]: getDefaultValue(item.children)
+      };
+    }
+    if (!item.Component) {
+      return target;
+    }
+    const ComponentName = item.Component;
+    if (import_form.helpMapping[ComponentName]) {
+      return {
+        ...target,
+        ...import_form.helpMapping[ComponentName].getCommDefaultVal(item)
+      };
+    }
+    return {
+      ...target,
+      [item.__sourceName]: item.input.defaultValue
+    };
+  }, {});
+};
+function getCommByFields({
+  field,
+  value,
+  name = [],
+  getComm
+}) {
+  return field.map((item) => {
+    if (typeof item === "string") {
+      const commConfig = getComm(
+        value ? { field: item, value: value[item] } : { field: item },
+        value
+      );
+      if (!commConfig) {
+        return void 0;
+      }
+      const ComponentName = commConfig.Component;
+      const helpFn = import_form.helpMapping[ComponentName];
+      if (helpFn) {
+        return helpFn.getCommName(commConfig, name);
+      }
+      commConfig.__sourceName = commConfig.name;
+      commConfig.name = name.length > 0 ? [...name, commConfig.name] : commConfig.name;
+      return commConfig;
+    }
+    return {
+      name: name.length > 0 ? [...name, item.name] : item.name,
+      __sourceName: item.name,
+      children: getCommByFields({
+        field: item.children,
+        value,
+        name: [...name || [], item.name],
+        getComm
+      })
+    };
+  }).filter(Boolean);
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  DeviceEnum,
+  Eftpos,
+  getCommByFields,
+  getDefaultValue
+});

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

@@ -0,0 +1,8 @@
+import React from "react";
+import { DeviceProp } from "./const";
+interface DeviceProps {
+    formItemList: any[];
+    onSave: (device: DeviceProp) => void;
+}
+declare const Device: (props: DeviceProps) => React.JSX.Element;
+export default Device;

package/lib/components/eftpos/device.js

@@ -0,0 +1,55 @@
+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/device.tsx
+var device_exports = {};
+__export(device_exports, {
+  default: () => device_default
+});
+module.exports = __toCommonJS(device_exports);
+var import_react = __toESM(require("react"));
+var import_antd = require("antd");
+var import_utils = require("@pisell/utils");
+var import_const = require("./const");
+var import_form = __toESM(require("./form"));
+var Device = (props) => {
+  const { onSave, formItemList } = props;
+  const initialValues = (0, import_const.getDefaultValue)(formItemList);
+  return /* @__PURE__ */ import_react.default.createElement(
+    import_antd.Form,
+    {
+      layout: "vertical",
+      onFinish: onSave,
+      initialValues,
+      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 })),
+    /* @__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 }, import_utils.locales.getText("page.eftpos.text.save")))
+  );
+};
+var device_default = Device;

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

@@ -0,0 +1,16 @@
+import React from "react";
+declare const CustomFormItem: ({ formItemList, level, onChange, }: {
+    formItemList: any[];
+    level?: number | undefined;
+    onChange?: ((...agrn: unknown[]) => unknown) | undefined;
+}) => React.JSX.Element;
+export default CustomFormItem;
+declare type helpMappingType = {
+    [key: string]: {
+        getCommName<T = any>(commConfig: T, name: string[]): T;
+        getCommDefaultVal: (commConfig: any) => {
+            [key: string]: string;
+        };
+    };
+};
+export declare const helpMapping: helpMappingType;

package/lib/components/eftpos/form/index.js

@@ -0,0 +1,124 @@
+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/form/index.tsx
+var form_exports = {};
+__export(form_exports, {
+  default: () => form_default,
+  helpMapping: () => helpMapping
+});
+module.exports = __toCommonJS(form_exports);
+var import_react = __toESM(require("react"));
+var import_antd = require("antd");
+var import_surcharge = __toESM(require("../surcharge"));
+var Mapping = {
+  Input: import_antd.Input,
+  InputNumber: import_antd.InputNumber,
+  Checkbox: import_antd.Checkbox,
+  "Checkbox.Group": import_antd.Checkbox.Group,
+  Radio: import_antd.Radio,
+  "Radio.Group": ({
+    direction,
+    options,
+    ...props
+  }) => {
+    if (direction === "vertical") {
+      return /* @__PURE__ */ import_react.default.createElement(import_antd.Radio.Group, { ...props }, /* @__PURE__ */ import_react.default.createElement(import_antd.Space, { direction: "vertical" }, options == null ? void 0 : options.map((item) => {
+        if (typeof item === "object") {
+          const { label, value, ...other } = item;
+          return /* @__PURE__ */ import_react.default.createElement(import_antd.Radio, { ...other, value, key: `${item.value}` }, label);
+        }
+        return /* @__PURE__ */ import_react.default.createElement(import_antd.Radio, { value: item, key: `${item}` }, item);
+      })));
+    }
+    return /* @__PURE__ */ import_react.default.createElement(import_antd.Radio.Group, { ...props, options });
+  },
+  "Radio.Button": import_antd.Radio.Button,
+  Cascader: import_antd.Cascader,
+  DatePicker: import_antd.DatePicker,
+  Select: import_antd.Select,
+  Slider: import_antd.Slider,
+  Switch: import_antd.Switch,
+  TimePicker: import_antd.TimePicker,
+  Transfer: import_antd.Transfer,
+  TreeSelect: import_antd.TreeSelect,
+  Upload: import_antd.Upload
+};
+var CustomMapping = {
+  Surcharge: import_surcharge.default
+};
+var CustomFormItem = ({
+  formItemList,
+  level = 0,
+  onChange
+}) => {
+  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, formItemList.map(({ __sourceName, Component, ...item }, index) => {
+    if (Array.isArray(item.children)) {
+      return /* @__PURE__ */ import_react.default.createElement(
+        CustomFormItem,
+        {
+          formItemList: item.children,
+          onChange,
+          key: item.name ? item.name + level : Component + index + level,
+          level: level + 1
+        }
+      );
+    }
+    if (typeof Component === "object") {
+      return /* @__PURE__ */ import_react.default.createElement(Component, { ...item, key: item.name + level });
+    }
+    if (Mapping[Component]) {
+      const Comm = Mapping[Component];
+      const { input, ...formItemProps } = item;
+      return /* @__PURE__ */ import_react.default.createElement(import_antd.Form.Item, { ...formItemProps, key: item.name + level }, /* @__PURE__ */ import_react.default.createElement(Comm, { ...input }));
+    }
+    if (Mapping[Component]) {
+      const Comm = Mapping[Component];
+      const { input, ...formItemProps } = item;
+      return /* @__PURE__ */ import_react.default.createElement(import_antd.Form.Item, { ...formItemProps, key: item.name + level }, /* @__PURE__ */ import_react.default.createElement(Comm, { ...input }));
+    }
+    if (CustomMapping[Component]) {
+      const Comm = CustomMapping[Component];
+      return /* @__PURE__ */ import_react.default.createElement(Comm, { ...item, key: item.name + level });
+    }
+    throw TypeError(
+      `pos物料库 输入组件类型 ${Component} 无法映射,请正确传入组件类型`
+    );
+  }));
+};
+var form_default = CustomFormItem;
+var helpMapping = {
+  Surcharge: {
+    getCommName: import_surcharge.getCommName,
+    getCommDefaultVal: import_surcharge.getCommDefaultVal
+  }
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  helpMapping
+});

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

@@ -0,0 +1,37 @@
+import React from "react";
+import { Eftpos, DeviceStatus } from "./const";
+import "./index.less";
+interface PosProps {
+    /** 厂商类型 */
+    type: Eftpos;
+    /** 厂商名称 */
+    name: string;
+    /** 编辑页面zIndex */
+    zIndex?: number;
+    /** table 列表宽度 */
+    tableSize: number[];
+    /** 获取字段匹配数据项 */
+    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,279 @@
+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_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_locales = __toESM(require("./locales"));
+var import_const = require("./const");
+var import_index = require("./index.less");
+var PosTabs = ({
+  Table: Table2,
+  PosForm,
+  style
+}) => {
+  (0, import_react.useEffect)(() => {
+    document.body.id = "body";
+  }, []);
+  const [active, setActive] = (0, import_react.useState)(
+    import_utils.locales.getText("page.eftpos.text.device")
+  );
+  const onClick = (event) => {
+    const target = event.currentTarget;
+    if (!target) {
+      return;
+    }
+    const { key } = target.dataset;
+    key && setActive(key);
+  };
+  const items = [
+    {
+      key: import_utils.locales.getText("page.eftpos.text.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(
+        "span",
+        {
+          className: `pisell-lowcode__pos_tabs-tab-label-tlt ${active2 ? "active" : ""}`
+        },
+        "device"
+      )),
+      children: Table2
+    },
+    {
+      key: "apiKey",
+      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(
+        "span",
+        {
+          className: `pisell-lowcode__pos_tabs-tab-label-tlt ${active2 ? "active" : ""}`
+        },
+        "apiKey"
+      )),
+      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
+    );
+  })));
+};
+import_utils.locales.init(import_locales.default, localStorage.getItem("umi_locale") || "en");
+var eftpos_default = (props) => {
+  const {
+    name,
+    zIndex,
+    type = import_const.Eftpos.Payo,
+    tableSize,
+    getList,
+    getField,
+    getComm,
+    onDel,
+    onEdit,
+    getPosComm,
+    savePos
+  } = props;
+  const [page, setPage] = (0, import_react.useState)("list");
+  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 onDelDevice = (id) => {
+    return onDel(id);
+  };
+  const onEditDevice = (device) => {
+    if (!device) {
+      setStatus(import_const.DeviceEnum.Add);
+      const field = getField(type);
+      const list = (0, import_const.getCommByFields)({ field, getComm });
+      console.log(list);
+      setDeviceCommList(list);
+    } else {
+      deviceIdRef.current = device.id;
+      const field = getField(type, import_const.DeviceEnum.Edit);
+      const list = (0, import_const.getCommByFields)({ field, value: device, getComm });
+      setStatus(import_const.DeviceEnum.Edit);
+      setDeviceCommList(list);
+    }
+    setPage("edit");
+  };
+  const onRepair = (device) => {
+    const field = getField(type, import_const.DeviceEnum.Repair);
+    const list = (0, import_const.getCommByFields)({ field, value: device, getComm });
+    deviceIdRef.current = device.id;
+    setDeviceCommList(list);
+    setStatus(import_const.DeviceEnum.Repair);
+    setPage("edit");
+  };
+  const onSave = async (device) => {
+    setLoading(true);
+    await onEdit({ ...device, type }, status || "add").catch(() => {
+      setLoading(false);
+    });
+    setLoading(false);
+    await tableRef.current.loadData();
+    setPage("list");
+  };
+  const onSavePos = (pos) => {
+    if (typeof savePos === "function") {
+      savePos(pos);
+    }
+  };
+  const onBack = () => {
+    setPage("list");
+  };
+  (0, import_react.useEffect)(() => {
+    if (typeof getPosComm === "function") {
+      setPosCommList(getPosComm(type));
+    }
+  }, [type, getPosComm]);
+  (0, import_react.useEffect)(() => {
+    setPage("list");
+  }, [type]);
+  if (type === import_const.Eftpos.Stripe) {
+    return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(
+      PosTabs,
+      {
+        Table: /* @__PURE__ */ import_react.default.createElement(
+          import_table.default,
+          {
+            ref: tableRef,
+            eftposName: name,
+            type,
+            tableSize,
+            getList,
+            onDel: onDelDevice,
+            onRepair,
+            onEdit: onEditDevice,
+            key: `postable${type}`
+          }
+        ),
+        PosForm: /* @__PURE__ */ import_react.default.createElement(
+          import_pos.default,
+          {
+            eftposName: name,
+            onSave: onSavePos,
+            formItemList: posItemList
+          }
+        )
+      }
+    ), /* @__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}` })
+      )
+    ));
+  }
+  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(
+    import_table.default,
+    {
+      eftposName: name,
+      ref: tableRef,
+      type,
+      tableSize,
+      getList,
+      onDel: onDelDevice,
+      onRepair,
+      onEdit: onEditDevice,
+      key: `table${type}`
+    }
+  ), /* @__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}` })
+    )
+  ));
+};