@pisell/private-materials 6.7.6 → 6.7.7

package/lib/components/checkout/plugin.js

@@ -0,0 +1,263 @@
+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/checkout/plugin.tsx
+var plugin_exports = {};
+__export(plugin_exports, {
+  default: () => plugin_default
+});
+module.exports = __toCommonJS(plugin_exports);
+var import_useEngineContext = __toESM(require("../../hooks/useEngineContext"));
+var import_react = __toESM(require("react"));
+var import_PaymentModal = __toESM(require("./PaymentModal"));
+var import_serve = require("../booking/editBookingModal/serve");
+var import_ticketBooking = require("../ticketBooking/components/ticketBooking");
+var import_utils = require("../../utils");
+var import_utils2 = require("../booking/components/footer/utils");
+var import_amount = require("../booking/components/footer/amount");
+var import_utils3 = require("@pisell/utils");
+var import_model = require("../booking/info/model");
+var import_materials = require("@pisell/materials");
+var PaymentModalContent = ({ state, dispatch }) => {
+  var _a, _b, _c;
+  const [dataReady, setDataReady] = (0, import_react.useState)(false);
+  const [data, setData] = (0, import_react.useState)(null);
+  const [client, setClient] = (0, import_react.useState)(null);
+  const context = (0, import_useEngineContext.default)();
+  const engineProps = ((_a = context.engine) == null ? void 0 : _a.props) || {};
+  import_utils.request.setRequest(context.appHelper.utils.request);
+  const { getData, pisellos } = context.appHelper.utils;
+  const Toast = (0, import_materials.useToast)();
+  const getDataFromHost = () => {
+    try {
+      const is_price_include_tax = getData("is_price_include_tax");
+      const tax_rate = getData("tax_rate") || "10";
+      const tax_title = getData("tax_title") || "GST";
+      const surcharge_list = getData("surcharge_list");
+      const schedule_list = getData("schedule_list");
+      let scheduleById = {};
+      if (Array.isArray(schedule_list)) {
+        for (let item of schedule_list) {
+          scheduleById[item.id] = item;
+        }
+      }
+      return {
+        is_price_include_tax,
+        tax_rate,
+        tax_title,
+        surcharge_list,
+        schedule_list,
+        scheduleById
+      };
+    } catch (error) {
+      console.error(error);
+      return {};
+    }
+  };
+  (0, import_react.useEffect)(() => {
+    if (!engineProps.order_id) return;
+    const getBookingDetail = async () => {
+      var _a2, _b2, _c2, _d;
+      (_a2 = Toast == null ? void 0 : Toast.loading) == null ? void 0 : _a2.call(Toast);
+      let bookingOrigin = await (0, import_serve._getBookingDetail)(engineProps.order_id);
+      let booking = (0, import_ticketBooking._formatBookingDetail)(bookingOrigin, {});
+      let values = (0, import_utils2.formatValues)(booking);
+      let ScheduleModule = context.appHelper.utils.pisellos.getModule("schedule");
+      let total = (0, import_amount.getSumTotal)(booking, {
+        isEdit: true,
+        ScheduleModule,
+        ...getDataFromHost()
+      });
+      total = {
+        ...total,
+        expectAmount: bookingOrigin.expect_amount,
+        actualPaidAmount: bookingOrigin.paid_amount,
+        dueAmount: bookingOrigin.total_amount,
+        notPaidAmount: bookingOrigin.amount_gap,
+        orderPaidAmount: bookingOrigin.order_paid_amount,
+        originExpectAmount: bookingOrigin.expect_amount,
+        shopDiscount: bookingOrigin.shop_discount,
+        roundingAmount: bookingOrigin.rounding_amount,
+        sumTotalAmount: bookingOrigin.total_amount,
+        tax: bookingOrigin.tax_fee,
+        productAmount: bookingOrigin.product_expect_amount,
+        paySurchargeFee: bookingOrigin.surcharge_fee,
+        taxInfo: {
+          title: bookingOrigin.tax_title,
+          rate: bookingOrigin.tax_rate,
+          is_price_include_tax: bookingOrigin.is_price_include_tax
+        }
+      };
+      const orderTotalList = [
+        // 订单已付金额
+        {
+          hidden: !booking.bookingId,
+          key: "custom_orderPaidAmount",
+          value: total.orderPaidAmount,
+          label: import_utils3.locales.getText("pisell2.text.amount-paid-on-order")
+        },
+        // 支付手续费
+        {
+          hidden: !booking.bookingId,
+          key: "custom_paySurchargeFee",
+          value: total.paySurchargeFee,
+          label: import_utils3.locales.getText("pisell1.text.payment-fee")
+        },
+        // 客户实付金额
+        {
+          hidden: !booking.bookingId,
+          key: "custom_actualPaidAmount",
+          value: total.actualPaidAmount,
+          label: import_utils3.locales.getText(
+            "pisell2.text.amount-actually-paid-by-the-customer"
+          )
+        },
+        // 退款金额
+        {
+          hidden: !booking.bookingId || !total.totalRefundAmount,
+          key: "custom_totalRefundAmount",
+          value: total.totalRefundAmount,
+          label: import_utils3.locales.getText("pisell2.text.refunded-amount")
+        }
+      ];
+      const subTotalList = [
+        // 小计
+        {
+          key: "sub_total",
+          value: total.productAmount
+        },
+        // 自定义手续费
+        ...total.surcharge || [],
+        // 税费
+        {
+          key: "tax",
+          value: total.tax,
+          tax: total.taxInfo
+        },
+        // 订单折扣（优惠券等）
+        {
+          key: "discount",
+          value: total.shopDiscount
+        },
+        // 手动折扣
+        // {
+        //   key: 'shop_discount',
+        //   value: Number(state.shop_discount) || 0,
+        //   label: locales.getText('pisell2.text.manual-price-adjustment'),
+        // },
+        // 总计
+        {
+          key: "expect_amount",
+          value: total.expectAmount,
+          label: import_utils3.locales.getText("pisell2.subtotal.total")
+        },
+        // 舍入金额
+        {
+          hidden: !total.roundingAmount,
+          key: "custom_roundingAmount",
+          value: total.roundingAmount,
+          label: import_utils3.locales.getText("pisell1.text.rounding")
+        }
+      ];
+      console.log(values);
+      const checkoutModule = await pisellos.getModule("checkout");
+      const paymentMethodList = await checkoutModule.getPaymentMethodsAsync();
+      const existPayment = (_c2 = (_b2 = bookingOrigin.payments) == null ? void 0 : _b2.filter((item) => item.status === "paid")) == null ? void 0 : _c2.map((item) => {
+        const paymentMethod = paymentMethodList.find((method) => method.code === item.payment_method);
+        return {
+          uuid: item.metadata.unique_payment_number,
+          custom_payment_id: paymentMethod.id,
+          order_payment_id: item.id,
+          name: paymentMethod == null ? void 0 : paymentMethod.name,
+          code: item.payment_method,
+          type: paymentMethod == null ? void 0 : paymentMethod.type,
+          amount: item.amount,
+          rounding_amount: item.rounding_amount,
+          status: "active",
+          order_payment_type: item.type,
+          metadata: item.metadata,
+          voucher_id: item.voucher_id,
+          service_charge: item.service_charge && typeof item.service_charge === "object" && !Array.isArray(item.service_charge) ? item.service_charge : {},
+          created_at: item.created_at,
+          updated_at: item.updated_at
+        };
+      });
+      console.log(values);
+      const modalData = {
+        order_info: values,
+        subtotal_info: {
+          subTotalList,
+          orderTotalList,
+          total
+        },
+        existPayment
+      };
+      if (dispatch) {
+        dispatch({
+          type: "setState",
+          payload: {
+            ...booking
+          }
+        });
+      }
+      setClient(booking.client);
+      setData(modalData);
+      setDataReady(true);
+      (_d = Toast == null ? void 0 : Toast.close) == null ? void 0 : _d.call(Toast);
+    };
+    getBookingDetail();
+  }, [engineProps.order_id]);
+  console.log(dataReady, "dataReady");
+  if (!dataReady) return null;
+  return /* @__PURE__ */ import_react.default.createElement(
+    import_PaymentModal.default,
+    {
+      open: true,
+      editOrderId: engineProps.order_id,
+      data,
+      paymentResultDisplayMode: "toast",
+      shopDiscount: (_b = data == null ? void 0 : data.subtotal_info) == null ? void 0 : _b.shopDiscount,
+      client,
+      currentTotalPrice: (_c = data == null ? void 0 : data.total) == null ? void 0 : _c.productAmount,
+      config: engineProps == null ? void 0 : engineProps.config,
+      setEditCartMode: () => {
+        engineProps == null ? void 0 : engineProps.callback({ type: "close" });
+      },
+      onClose: (reset) => {
+        engineProps == null ? void 0 : engineProps.callback({ type: "close", reset });
+      },
+      callback: (result) => {
+        console.log(result);
+        debugger;
+        engineProps == null ? void 0 : engineProps.callback({ type: "callback", data: result });
+      }
+    }
+  );
+};
+var PaymentModalPlugin = (0, import_model.Provider)(PaymentModalContent);
+var plugin_default = PaymentModalPlugin;

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

@@ -5,5 +5,5 @@ interface DeviceProps {
     onSave: (device: DeviceProp) => void;
     children?: React.ReactNode;
 }
-declare const Device: (props: DeviceProps) => JSX.Element;
+declare const Device: (props: DeviceProps) => React.JSX.Element;
 export default Device;

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

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

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 /**
  * @title: 递归循环表单数据
  * @Author: hongbing.wang
@@ -8,7 +8,7 @@ declare const CustomFormItem: ({ formItemList, level, onChange, }: {
     formItemList: any[];
     level?: number | undefined;
     onChange?: ((...agrn: unknown[]) => unknown) | undefined;
-}) => JSX.Element;
+}) => React.JSX.Element;
 export default CustomFormItem;
 declare type helpMappingType = {
     [key: string]: {

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

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

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

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

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

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

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { Eftpos, DeviceStatus } from './const';
 import './index.less';
 interface PosProps {
@@ -43,5 +43,5 @@ interface PosProps {
     getPosComm: (...agrn: unknown[]) => any;
     savePos: (...agrn: unknown[]) => any;
 }
-declare const _default: (props: PosProps) => JSX.Element;
+declare const _default: (props: PosProps) => React.JSX.Element;
 export default _default;

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

@@ -1,8 +1,8 @@
-/// <reference types="react" />
+import React from 'react';
 import { Eftpos } from './const';
 export default function Log({ device, type, tyroUrl, tyroVersion, }: {
     device: any;
     type: Eftpos;
     tyroUrl: string;
     tyroVersion: string;
-}): JSX.Element;
+}): React.JSX.Element;

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

@@ -1,9 +1,9 @@
-/// <reference types="react" />
+import React from "react";
 import { DeviceProp } from "./const";
 interface PosProps {
     eftposName: string;
     formItemList: any[];
     onSave: (device: DeviceProp) => void;
 }
-declare const PosForm: ({ onSave, formItemList }: PosProps) => JSX.Element;
+declare const PosForm: ({ onSave, formItemList }: PosProps) => React.JSX.Element;
 export default PosForm;

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 /**
  * @title: 自定义组件设置
  * @description: 自定义组件设置
@@ -20,5 +20,5 @@ export declare const getCommName: (commConfig: any, name: string[]) => any;
 export declare const getCommDefaultVal: (commConfig: any) => {
     [x: number]: any;
 };
-declare const _default: (props: any) => JSX.Element;
+declare const _default: (props: any) => React.JSX.Element;
 export default _default;

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import './index.css';
 /**
  * @title: 自定义组件设置
@@ -27,5 +27,5 @@ export declare const getCommDefaultVal: (commConfig: any) => {
  * @Author: hongbing.wang
  * @Date: 2024-08-20 13:22
  */
-declare const _default: (props: any) => JSX.Element;
+declare const _default: (props: any) => React.JSX.Element;
 export default _default;

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { PosProps } from './const';
 /**
  * @title: 支付金额信息配置页
@@ -9,7 +9,7 @@ import { PosProps } from './const';
  */
 declare const _default: ({ className, onChange, onClose, formatAmount, isMobile, net, client }: {
     className?: string | undefined;
-    onChange?: ((status: "success" | "page" | "fail" | "print" | "mark_tx_processed", params?: string | {
+    onChange?: ((status: "page" | "success" | "print" | "fail" | "mark_tx_processed", params?: string | {
         [keys: string]: unknown;
     } | undefined, other?: any) => void) | undefined;
     onClose: () => void;
@@ -17,5 +17,5 @@ declare const _default: ({ className, onChange, onClose, formatAmount, isMobile,
     isMobile: boolean;
     net: boolean;
     client: string;
-}) => JSX.Element;
+}) => React.JSX.Element;
 export default _default;

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { PosProps, RouteType } from './const';
 declare const App: ({ action, api, device_number, terminal, tyroUrl, tyroVersion, onChangeParams, isMobile, channel, formatAmount, ...props }: Omit<PosProps, "type" | "mode" | "getApi"> & {
     action: RouteType;
@@ -7,5 +7,5 @@ declare const App: ({ action, api, device_number, terminal, tyroUrl, tyroVersion
     isMobile: boolean;
     channel?: string | undefined;
     formatAmount(amount: number | string, precision: number, symbol: string): string;
-}) => JSX.Element;
+}) => React.JSX.Element;
 export default App;

package/lib/components/eftposPay/component/alert/index.d.ts

@@ -2,5 +2,5 @@ import React from 'react';
 import './index.less';
 declare const _default: ({ children }: {
     children: React.ReactNode;
-}) => JSX.Element;
+}) => React.JSX.Element;
 export default _default;

package/lib/components/eftposPay/component/alert/warn.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-declare const _default: () => JSX.Element;
+import React from 'react';
+declare const _default: () => React.JSX.Element;
 export default _default;

package/lib/components/eftposPay/component/fail/failCustom.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { ActionProps } from '../../const';
-declare const _default: ({ className, isMobile, onChange }: ActionProps) => JSX.Element;
+declare const _default: ({ className, isMobile, onChange }: ActionProps) => React.JSX.Element;
 export default _default;

package/lib/components/eftposPay/component/fail/index.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { ActionProps } from '../../const';
-declare const _default: ({ onChange, className, isMobile }: ActionProps) => JSX.Element;
+declare const _default: ({ onChange, className, isMobile }: ActionProps) => React.JSX.Element;
 export default _default;

package/lib/components/eftposPay/component/fail/network.d.ts

@@ -1,9 +1,9 @@
-/// <reference types="react" />
+import React from 'react';
 import { ActionProps } from '../../const';
 /**
  * @title: 断网(客户端)提示页
  * @Author: hongbing.wang
  * @Date: 2024-08-20 11:40
  */
-declare const _default: ({ className }: ActionProps) => JSX.Element;
+declare const _default: ({ className }: ActionProps) => React.JSX.Element;
 export default _default;

package/lib/components/eftposPay/component/fail/unknow.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { ActionProps } from '../../const';
 /**
  * @title: 支付状态未知页面
@@ -6,5 +6,5 @@ import { ActionProps } from '../../const';
  * @Author: hongbing.wang
  * @Date: 2024-08-20 11:42
  */
-declare const _default: ({ onChange, className }: ActionProps) => JSX.Element;
+declare const _default: ({ onChange, className }: ActionProps) => React.JSX.Element;
 export default _default;

package/lib/components/eftposPay/component/header/index.d.ts

@@ -6,5 +6,5 @@ declare const _default: ({ status, title, subTitle, children }: {
     title?: string | undefined;
     subTitle?: string | undefined;
     children?: React.ReactNode;
-}) => JSX.Element;
+}) => React.JSX.Element;
 export default _default;

package/lib/components/eftposPay/component/header/titlebar.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import './titlebar.less';
 declare enum EPopupTitleBarVariantType {
     BackTitleClose = "back-title-cancel",
@@ -9,5 +9,5 @@ declare const _default: ({ type, children, onBack, onClose, }: {
     children: string;
     onBack?: (() => void) | undefined;
     onClose?: (() => void) | undefined;
-}) => JSX.Element;
+}) => React.JSX.Element;
 export default _default;

package/lib/components/eftposPay/component/manual/index.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { ActionProps } from '../../const';
 import './index.less';
 /**
@@ -6,5 +6,5 @@ import './index.less';
  * @Author: hongbing.wang
  * @Date: 2024-08-20 11:46
  */
-declare const _default: ({ onChange, className, formatAmount }: ActionProps) => JSX.Element;
+declare const _default: ({ onChange, className, formatAmount }: ActionProps) => React.JSX.Element;
 export default _default;

package/lib/components/eftposPay/component/signature/index.d.ts

@@ -1,9 +1,9 @@
-/// <reference types="react" />
+import React from 'react';
 import { ActionProps } from '../../const';
 /**
  * @title: 取消签名确认页
  * @Author: hongbing.wang
  * @Date: 2024-08-20 11:49
  */
-declare const _default: ({ api, className }: ActionProps) => JSX.Element;
+declare const _default: ({ api, className }: ActionProps) => React.JSX.Element;
 export default _default;

package/lib/components/eftposPay/component/step/index.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { StatusType } from '../../const';
 declare const _default: (props: {
     status: StatusType;
@@ -8,5 +8,5 @@ declare const _default: (props: {
     loading?: string;
     success?: string;
     fail?: string;
-}) => JSX.Element;
+}) => React.JSX.Element;
 export default _default;

package/lib/components/eftposPay/component/step/step.d.ts

@@ -1,9 +1,9 @@
-/// <reference types="react" />
+import React from 'react';
 declare const _default: (props: {
     status: string;
     pedding?: string;
     resolve?: string;
     reject?: string;
     className?: string;
-}) => JSX.Element;
+}) => React.JSX.Element;
 export default _default;

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

@@ -1,4 +1,4 @@
-import { CSSProperties } from 'react';
+import React, { CSSProperties } from 'react';
 import { PayProps, PosProps } from './const';
 import './device.less';
 /**
@@ -11,7 +11,7 @@ import './device.less';
 declare const _default: ({ api, onChange, onClose, className, device_number, isMobile, net, client, formatAmount, containerStyle, }: {
     api: PayProps['api'];
     className?: string | undefined;
-    onChange?: ((status: "success" | "page" | "fail" | "print" | "mark_tx_processed", params?: string | {
+    onChange?: ((status: "page" | "success" | "print" | "fail" | "mark_tx_processed", params?: string | {
         [keys: string]: unknown;
     } | undefined, other?: any) => void) | undefined;
     onClose: () => void;
@@ -21,5 +21,5 @@ declare const _default: ({ api, onChange, onClose, className, device_number, isM
     client: string;
     formatAmount(amount: number | string, precision: number, symbol: string): string;
     containerStyle: CSSProperties;
-}) => JSX.Element;
+}) => React.JSX.Element;
 export default _default;

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

@@ -15,11 +15,11 @@ export declare const useStoreRef: <T extends {
     readonly numRef: React.MutableRefObject<string | number | undefined>;
     readonly orderIdRef: React.MutableRefObject<string | number>;
     readonly modeRef: React.MutableRefObject<ModeEnum>;
-    readonly statusRef: React.MutableRefObject<"success" | "warn" | "loading" | "fail" | "pedding" | "resove" | "reject" | "question">;
+    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<"payo" | "tyro" | "windcave" | "stripe" | "linkly">;
+    readonly eftposRef: React.MutableRefObject<"stripe" | "payo" | "tyro" | "windcave" | "linkly">;
     readonly clientRef: React.MutableRefObject<ClientEnum>;
     readonly dataRef: React.MutableRefObject<import("./store").State>;
 };

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

@@ -1,5 +1,5 @@
-/// <reference types="react" />
+import React from 'react';
 import { PosProps } from './const';
 import './index.less';
-declare const _default: (props: PosProps) => JSX.Element | null;
+declare const _default: (props: PosProps) => React.JSX.Element | null;
 export default _default;

package/lib/components/eftposPay/linkly/index.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-declare const Linkly: ({ api, onChange }: any) => JSX.Element;
+import React from 'react';
+declare const Linkly: ({ api, onChange }: any) => React.JSX.Element;
 export default Linkly;

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { PayProps } from './const';
 import './index.less';
 /**
@@ -17,5 +17,5 @@ declare const Pay: ({ api, onChange: onChangeStatus, className, terminal, net, i
     tyroVersion?: string | undefined;
     formatAmount(amount: number | string, precision: number, symbol: string): string;
     client: string;
-}) => JSX.Element;
+}) => React.JSX.Element;
 export default Pay;

package/lib/components/eftposPay/payo/config.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { StatusEnum } from '../const';
 export declare const POS: ({ api, onChange, }: {
     api: {
@@ -7,7 +7,7 @@ export declare const POS: ({ api, onChange, }: {
     onChange: (status: `${StatusEnum.Success}` | `${StatusEnum.Fail}`, params?: {
         [keys: string]: unknown;
     } | undefined) => void;
-}) => JSX.Element;
+}) => React.JSX.Element;
 export declare const Action: ({ onChange }: {
     onChange: any;
-}) => JSX.Element;
+}) => React.JSX.Element;