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

package/lib/components/eftpos/const.js

@@ -0,0 +1,124 @@
+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
+    };
+  }, {});
+};
+async function getCommByFields({
+  field,
+  value,
+  name = [],
+  getComm
+}) {
+  const result = await Promise.all(
+    field.map(async (item) => {
+      if (typeof item === "string") {
+        const commConfig = await getComm(
+          value ? { field: item, value: value[item] } : { field: item },
+          value
+        );
+        if (!commConfig) {
+          return void 0;
+        }
+        if (Array.isArray(commConfig)) {
+          return commConfig.map((item2) => {
+            const ComponentName2 = item2.Component;
+            const helpFn2 = import_form.helpMapping[ComponentName2];
+            if (helpFn2) {
+              return helpFn2.getCommName(item2, name);
+            }
+            item2.__sourceName = item2.name;
+            item2.name = name.length > 0 ? [...name, item2.name] : item2.name;
+            return item2;
+          });
+        }
+        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;
+      }
+      const children = await getCommByFields({
+        field: item.children,
+        value,
+        name: [...name || [], item.name],
+        getComm
+      });
+      return {
+        name: name.length > 0 ? [...name, item.name] : item.name,
+        __sourceName: item.name,
+        children
+      };
+    })
+  );
+  return result.flat().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,9 @@
+import React from 'react';
+import { DeviceProp } from './const';
+interface DeviceProps {
+    formItemList: any[];
+    onSave: (device: DeviceProp) => void;
+    children?: React.ReactNode;
+}
+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, children, 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 }), 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")))
+  );
+};
+var device_default = Device;

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

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const _default: ({ input, ...formItemProps }: any) => React.JSX.Element;
+export default _default;

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

@@ -0,0 +1,70 @@
+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/deviceList/index.tsx
+var deviceList_exports = {};
+__export(deviceList_exports, {
+  default: () => deviceList_default
+});
+module.exports = __toCommonJS(deviceList_exports);
+var import_react = __toESM(require("react"));
+var import_antd = require("antd");
+var import_group = require("../group");
+var DeviceList = (props) => {
+  const [form] = import_antd.Form.useForm();
+  const { list, onChange } = props;
+  console.log(list);
+  const onValuesChange = () => {
+    const val = Object.values(form.getFieldsValue()).flat();
+    onChange(val);
+  };
+  const initialValues = (0, import_react.useMemo)(() => {
+    return list.reduce((target, item) => {
+      var _a, _b;
+      return {
+        ...target,
+        [item.name]: ((_a = item == null ? void 0 : item.input) == null ? void 0 : _a.value) || ((_b = item == null ? void 0 : item.input) == null ? void 0 : _b.defaultValue)
+      };
+    }, {});
+  }, [list]);
+  return /* @__PURE__ */ import_react.default.createElement(
+    import_antd.Form,
+    {
+      layout: "vertical",
+      onValuesChange,
+      form,
+      initialValues
+    },
+    list.map(({ input, ...formItemProps }) => {
+      return /* @__PURE__ */ import_react.default.createElement(import_antd.Form.Item, { ...formItemProps }, /* @__PURE__ */ import_react.default.createElement(import_group.CheckboxGroup, { ...input }));
+    })
+  );
+};
+var deviceList_default = ({ input, ...formItemProps }) => {
+  return /* @__PURE__ */ import_react.default.createElement(import_antd.Form.Item, { ...formItemProps }, /* @__PURE__ */ import_react.default.createElement(DeviceList, { ...input }));
+};

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

@@ -0,0 +1,21 @@
+import React from 'react';
+/**
+ * @title: 递归循环表单数据
+ * @Author: hongbing.wang
+ * @Date: 2024-08-20 13:21
+ */
+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,112 @@
+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_group = require("../group");
+var import_surcharge = __toESM(require("../surcharge"));
+var import_deviceList = __toESM(require("../deviceList"));
+var Mapping = {
+  Input: import_antd.Input,
+  InputNumber: import_antd.InputNumber,
+  Checkbox: import_antd.Checkbox,
+  "Checkbox.Group": import_group.CheckboxGroup,
+  Radio: import_antd.Radio,
+  "Radio.Group": import_group.RadioGroup,
+  "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,
+  DeviceList: import_deviceList.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/group/index.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { RadioGroupProps } from 'antd';
+export declare const CheckboxGroup: ({ direction, options, ...props }: any) => React.JSX.Element;
+export declare const RadioGroup: ({ direction, options, component, ...props }: RadioGroupProps & {
+    direction?: "vertical" | undefined;
+    component: string;
+}) => React.JSX.Element;

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

@@ -0,0 +1,75 @@
+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/group/index.tsx
+var group_exports = {};
+__export(group_exports, {
+  CheckboxGroup: () => CheckboxGroup,
+  RadioGroup: () => RadioGroup
+});
+module.exports = __toCommonJS(group_exports);
+var import_react = __toESM(require("react"));
+var import_antd = require("antd");
+var CheckboxGroup = ({
+  direction,
+  options,
+  ...props
+}) => {
+  if (direction === "vertical") {
+    return /* @__PURE__ */ import_react.default.createElement(import_antd.Checkbox.Group, { ...props }, /* @__PURE__ */ import_react.default.createElement(import_antd.Space, { direction }, options == null ? void 0 : options.map((item) => {
+      if (typeof item === "object") {
+        const { label, value, ...other } = item;
+        return /* @__PURE__ */ import_react.default.createElement(import_antd.Checkbox, { ...other, value, key: `${item.value}` }, label);
+      }
+      return /* @__PURE__ */ import_react.default.createElement(import_antd.Checkbox, { value: item, key: `${item}` }, item);
+    })));
+  }
+  return /* @__PURE__ */ import_react.default.createElement(import_antd.Checkbox.Group, { ...props, options });
+};
+var RadioGroup = ({
+  direction,
+  options,
+  component,
+  ...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 });
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  CheckboxGroup,
+  RadioGroup
+});

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

@@ -0,0 +1,34 @@
+/// <reference types="react" />
+import { Eftpos } from './const';
+/**
+ * @title: tyro 设备连接
+ * @Author: hongbing.wang
+ * @Date: 2024-08-20 13:23
+ */
+export declare const usePairTerminalo: (type: Eftpos, params: {
+    url?: string | undefined;
+    version?: string | undefined;
+}) => ({ mid, tid, apiKey, posProductData, }: {
+    mid: string;
+    tid: string;
+    apiKey: string;
+    posProductData: {
+        posProductVendor: string;
+        posProductName: string;
+        posProductVersion: string;
+        siteReference: string;
+    };
+}, cb: (...agrn: unknown[]) => void) => Promise<void>;
+/**
+ * @title: 获取 Tyro 资源
+ * @description:
+ * @param {Eftpos} type 类型
+ * @param {string} url 链接
+ * @return {*}
+ * @Author: hongbing.wang
+ * @Date: 2024-08-19 18:36
+ */
+export declare const useTyro: (params: {
+    url?: string | undefined;
+    version?: string | undefined;
+}) => readonly [import("react").MutableRefObject<any>, boolean];

package/lib/components/eftpos/hooks.js

@@ -0,0 +1,106 @@
+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/hooks.tsx
+var hooks_exports = {};
+__export(hooks_exports, {
+  usePairTerminalo: () => usePairTerminalo,
+  useTyro: () => useTyro
+});
+module.exports = __toCommonJS(hooks_exports);
+var import_react = require("react");
+var import_load = __toESM(require("../../utils/load"));
+var usePairTerminalo = (type, params) => {
+  const ref = (0, import_react.useRef)();
+  const iclientRef = (0, import_react.useRef)();
+  const url = (0, import_react.useMemo)(() => {
+    return params && params.url && params.version ? `${params.url}/${params.version}` : "https://iclientsimulator.test.tyro.com/iclient-v1.js";
+  }, [params]);
+  const loadSDK = () => {
+    if (window == null ? void 0 : window.TYRO) {
+      return Promise.resolve(window == null ? void 0 : window.TYRO);
+    }
+    return (0, import_load.default)(url, document.head).then(() => {
+      console.log(window == null ? void 0 : window.TYRO);
+      return window == null ? void 0 : window.TYRO;
+    });
+  };
+  const pair = async ({
+    mid,
+    tid,
+    apiKey,
+    posProductData
+  }, cb) => {
+    if (type !== "tyro") {
+      cb({});
+      return;
+    }
+    if (!ref.current) {
+      ref.current = await loadSDK();
+    }
+    if (!ref.current) {
+      cb({});
+      return;
+    }
+    if (!iclientRef.current) {
+      const TYRO = ref.current;
+      iclientRef.current = new TYRO.IClient(apiKey, posProductData);
+    }
+    iclientRef.current.pairTerminal(mid, tid, (response) => {
+      console.log(response);
+      cb(response);
+    });
+  };
+  return pair;
+};
+var useTyro = (params) => {
+  const ref = (0, import_react.useRef)();
+  const [load, setLoad] = (0, import_react.useState)(false);
+  const url = (0, import_react.useMemo)(() => {
+    return params && params.url && params.version ? `${params.url}/${params.version}` : "https://iclientsimulator.test.tyro.com/iclient-v1.js";
+  }, [params]);
+  (0, import_react.useEffect)(() => {
+    (0, import_load.default)(url, document.head).then(() => {
+      return window == null ? void 0 : window.TYRO;
+    }).then(
+      (res) => {
+        setLoad(true);
+        ref.current = res;
+      },
+      () => {
+        setLoad(true);
+      }
+    );
+  }, [url]);
+  return [ref, load];
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  usePairTerminalo,
+  useTyro
+});

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

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