@pisell/private-materials 6.3.90 → 6.3.91

package/lib/components/eftposPay/mx51/utils.js

@@ -0,0 +1,114 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/eftposPay/mx51/utils.ts
+var utils_exports = {};
+__export(utils_exports, {
+  parseMX51Params: () => parseMX51Params
+});
+module.exports = __toCommonJS(utils_exports);
+var import_types = require("./types");
+var parseMX51Params = (params, paymentStatus, data) => {
+  if (!params) {
+    return null;
+  }
+  const result = {
+    transactionId: (params == null ? void 0 : params.id) || "",
+    status: (params == null ? void 0 : params.status) || "",
+    version: (params == null ? void 0 : params.version) || 0,
+    message: (params == null ? void 0 : params.message) || "",
+    merchantReceipt: params == null ? void 0 : params.merchant_receipt,
+    customerReceipt: params == null ? void 0 : params.customer_receipt,
+    resultAmounts: params == null ? void 0 : params.result_amounts,
+    resultFinancialStatus: params == null ? void 0 : params.result_financial_status,
+    layouts: [],
+    details: {},
+    detailsText: "",
+    autoAction: []
+  };
+  if (!(params == null ? void 0 : params.pos_instructions)) {
+    return result;
+  }
+  const posInstructions = (params == null ? void 0 : params.pos_instructions) || {};
+  result.autoAction = (posInstructions == null ? void 0 : posInstructions.auto_actions) || [];
+  if (!(posInstructions == null ? void 0 : posInstructions.action_form)) {
+    return result;
+  }
+  const actionForm = (posInstructions == null ? void 0 : posInstructions.action_form) || {};
+  if (actionForm == null ? void 0 : actionForm.details) {
+    result.details = { ...(actionForm == null ? void 0 : actionForm.details) || {} };
+    const detailsTextArr = [];
+    Object.keys((actionForm == null ? void 0 : actionForm.details) || {}).forEach((key) => {
+      var _a;
+      detailsTextArr.push(`${key}: ${((_a = actionForm == null ? void 0 : actionForm.details) == null ? void 0 : _a[key]) || ""}`);
+    });
+    result.detailsText = (detailsTextArr == null ? void 0 : detailsTextArr.join(", ")) || "";
+  }
+  if ((actionForm == null ? void 0 : actionForm.layout) && Array.isArray(actionForm == null ? void 0 : actionForm.layout)) {
+    const layouts = [];
+    actionForm.layout.forEach((layout) => {
+      const elements = [];
+      if ((layout == null ? void 0 : layout.elements) && Array.isArray(layout == null ? void 0 : layout.elements)) {
+        layout.elements.forEach((element) => {
+          var _a;
+          const elementKey = (element == null ? void 0 : element.key) || "";
+          const elementLabel = (element == null ? void 0 : element.label) || "";
+          const property = ((_a = actionForm == null ? void 0 : actionForm.properties) == null ? void 0 : _a[elementKey]) || {};
+          if (property) {
+            const element2 = {
+              _extra: {
+                merchantReceipt: params == null ? void 0 : params.merchant_receipt,
+                customerReceipt: params == null ? void 0 : params.customer_receipt,
+                paymentStatus,
+                response: data
+              },
+              key: elementKey,
+              label: elementLabel,
+              submitUrl: (property == null ? void 0 : property.submit_url) || "",
+              action: property == null ? void 0 : property.action,
+              type: (property == null ? void 0 : property.type) || "button",
+              text: property == null ? void 0 : property.text,
+              // 如果是打印收据按钮，需要关联对应的小票信息
+              receipt: elementKey === import_types.EButtonKeyType.PrintMerchantReceipt ? result == null ? void 0 : result.merchantReceipt : elementKey === import_types.EButtonKeyType.PrintCustomerReceipt ? result == null ? void 0 : result.customerReceipt : null
+            };
+            if ((property == null ? void 0 : property.type) === "image") {
+              element2.image = {
+                name: (property == null ? void 0 : property.name) || "",
+                data: (property == null ? void 0 : property.data) || "",
+                encoding: (property == null ? void 0 : property.encoding) || ""
+              };
+            }
+            elements.push(element2);
+          }
+        });
+      }
+      if (elements.length > 0) {
+        layouts.push({
+          layoutType: layout.type || "unknown",
+          elements
+        });
+      }
+    });
+    result.layouts = layouts;
+  }
+  return result;
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  parseMX51Params
+});

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

@@ -1,3 +1,4 @@
+import React from 'react';
 import { PayProps } from './const';
 import './index.less';
 /**
@@ -16,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/pay.js

@@ -146,13 +146,14 @@ var Pay = ({
     };
   }, []);
   console.log("data =>>>>>> ", data);
+  const isHideHeader = data.eftpos === "mx51" && data.status === import_const.StatusEnum.Question;
   return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, data.render ? /* @__PURE__ */ import_react.default.createElement(
     "div",
     {
       className: `pisell-lowcode__eft-pay-box ${className}`,
       style: data.type === "step" ? {} : { display: "none" }
     },
-    /* @__PURE__ */ import_react.default.createElement(
+    isHideHeader ? null : /* @__PURE__ */ import_react.default.createElement(
       import_header.default,
       {
         status: data.status,
@@ -180,7 +181,8 @@ var Pay = ({
         formatAmount
       }
     ) : null,
-    data.eftpos === "linkly" ? /* @__PURE__ */ import_react.default.createElement(import_manufacturer.Linkly, { key: data.key, api, onChange }) : null
+    data.eftpos === "linkly" ? /* @__PURE__ */ import_react.default.createElement(import_manufacturer.Linkly, { key: data.key, api, onChange }) : null,
+    data.eftpos === "mx51" ? /* @__PURE__ */ import_react.default.createElement(import_manufacturer.Mx51, { key: data.key, onChange }) : null
   ) : null, data.type === import_const.PayRouteEnum.Unset && Comm ? /* @__PURE__ */ import_react.default.createElement(
     Comm,
     {

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;

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

@@ -3,5 +3,5 @@ declare const _default: ({ api, onChange, children, }: {
     api: any;
     onChange: any;
     children: React.ReactNode;
-}) => JSX.Element;
+}) => React.JSX.Element;
 export default _default;

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

@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import React, { ReactNode } from 'react';
 import { DeviceStatusType, StatusType, ModeType, RouteType, ClientEnum } from '../const';
 import { ThunkDispatch } from './useThunkReducer';
 export declare enum EActionTypes {
@@ -297,7 +297,7 @@ export declare const backUpFree: (payload: Partial<State>) => {
         amount?: string | number | undefined;
         mode?: "refund" | "pay" | "fullPay" | "query" | undefined;
         order_id?: string | number | undefined;
-        eftpos?: "stripe" | "payo" | "tyro" | "windcave" | "linkly" | undefined;
+        eftpos?: "stripe" | "tyro" | "payo" | "windcave" | "linkly" | "mx51" | undefined;
         action?: "amount" | "pay" | "deviceList" | undefined;
         key?: number | undefined;
         step?: number | undefined;
@@ -350,6 +350,6 @@ export declare function reducers(state: State, action: Action): State;
 export declare const Provider: ({ children, state: providerState, }: {
     children: ReactNode;
     state?: State | undefined;
-}) => JSX.Element;
+}) => React.JSX.Element;
 export declare function useContextData(): State;
 export declare function useDispatch(): ThunkDispatch<State, Action>;

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

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

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 /**
  * @title: 获取 Tyro 资源
  * @description:

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

@@ -5,5 +5,5 @@ declare const _default: ({ api, onChange, children, url, version, }: {
     children?: React.ReactNode;
     url?: string | undefined;
     version?: string | undefined;
-}) => JSX.Element;
+}) => React.JSX.Element;
 export default _default;

package/lib/components/eftposPay/windcave/receiptAction.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 /**
  * @title: 按钮操作区
  * @description: 仅包含签名
@@ -8,7 +8,7 @@
 export declare const ReceiptAction: ({ api, onChange, }: {
     api: any;
     onChange: (status: boolean) => void;
-}) => JSX.Element;
+}) => React.JSX.Element;
 /**
  * @title: 按钮操作区
  * @description: 不包含签名
@@ -19,5 +19,5 @@ declare const Action: ({ index, onCancel, disabled, }: {
     index: number;
     onCancel: () => void;
     disabled: boolean;
-}) => JSX.Element | null;
+}) => React.JSX.Element | null;
 export default Action;

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

@@ -1,7 +1,7 @@
-/// <reference types="react" />
+import React from 'react';
 declare const _default: ({ api, onChange, formatAmount, }: {
     api: any;
     onChange: any;
     formatAmount(amount: number | string, precision: number, symbol: string): string;
-}) => JSX.Element;
+}) => React.JSX.Element;
 export default _default;

package/lib/components/eftposPay/windcave/windcave.js

@@ -167,16 +167,16 @@ var windcave_default = ({
     if (isPay) {
       _params = {
         ...(custom == null ? void 0 : custom.platform) ? {
-          operator_id: custom.operator_id,
-          operator_type: custom.operator_type,
-          platform: custom.platform,
-          custom_payment_id: custom.custom_payment_id
+          "operator_id": custom.operator_id,
+          "operator_type": custom.operator_type,
+          "platform": custom.platform,
+          "custom_payment_id": custom.custom_payment_id,
+          "service_charge": {
+            "amount": payRef.current.surMoney,
+            "percentage": payRef.current.surPercentRate
+          },
+          "original_amount": payRef.current.amount
         } : {},
-        service_charge: {
-          amount: payRef.current.surMoney,
-          percentage: payRef.current.surPercentRate
-        },
-        original_amount: payRef.current.amount,
         order_id: orderIdRef.current,
         amount: payRef.current.total,
         card_reader_type: eftposRef.current,

package/lib/components/eventBooking/components/ErrorTip/index.d.ts

@@ -1,3 +1,3 @@
 import './index.less';
-declare const ErrorTip: ({ text }: any) => JSX.Element;
+declare const ErrorTip: ({ text }: any) => import("react").JSX.Element;
 export default ErrorTip;

package/lib/components/eventBooking/components/Provider/Cart/ContinueButton/index.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import './index.less';
-declare const ContinueButton: () => JSX.Element;
+declare const ContinueButton: () => React.JSX.Element;
 export default ContinueButton;

package/lib/components/eventBooking/components/Provider/Cart/Deposit/index.d.ts

@@ -1,5 +1,6 @@
+import React from 'react';
 interface DepositProps {
     showTitle?: boolean;
 }
-declare const Deposit: (props: DepositProps) => JSX.Element;
+declare const Deposit: (props: DepositProps) => React.JSX.Element;
 export default Deposit;

package/lib/components/eventBooking/components/Provider/Cart/Item/Total.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import './index.less';
-declare const Total: ({ className, isFooter }: any) => JSX.Element;
+declare const Total: ({ className, isFooter }: any) => React.JSX.Element;
 export default Total;

package/lib/components/eventBooking/components/Provider/Cart/Item/index.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import './index.less';
-declare const CartItem: () => JSX.Element;
+declare const CartItem: () => React.JSX.Element;
 export default CartItem;

package/lib/components/eventBooking/components/Provider/Cart/index.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import './index.less';
-declare const Cart: ({ open, onCancel }: any) => JSX.Element;
+declare const Cart: ({ open, onCancel }: any) => React.JSX.Element;
 export default Cart;

package/lib/components/eventBooking/components/Provider/Content/index.d.ts

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

package/lib/components/eventBooking/components/Provider/EmptyHolderModal/index.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import './index.less';
-declare const EmptyHolderModal: (props: any) => JSX.Element;
+declare const EmptyHolderModal: (props: any) => React.JSX.Element;
 export default EmptyHolderModal;

package/lib/components/eventBooking/components/Provider/Event/index.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import './index.less';
-declare const Event: () => JSX.Element;
+declare const Event: () => React.JSX.Element;
 export default Event;

package/lib/components/eventBooking/components/Provider/Footer/index.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import './index.less';
-declare const Footer: () => JSX.Element;
+declare const Footer: () => React.JSX.Element;
 export default Footer;

package/lib/components/eventBooking/components/Provider/Header/index.d.ts

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

package/lib/components/eventBooking/components/Provider/Information/index.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import './index.less';
-declare const Information: () => JSX.Element;
+declare const Information: () => React.JSX.Element;
 export default Information;

package/lib/components/eventBooking/components/Provider/InformationOptionsModal/index.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import './index.less';
-declare const InformationOptionsModal: (props: any) => JSX.Element;
+declare const InformationOptionsModal: (props: any) => React.JSX.Element;
 export default InformationOptionsModal;

package/lib/components/eventBooking/components/Provider/OrderProductModal/index.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import './index.less';
-declare const OrderProductModal: (props: any) => JSX.Element;
+declare const OrderProductModal: (props: any) => React.JSX.Element;
 export default OrderProductModal;

package/lib/components/eventBooking/components/Provider/RemoveOptionConfirmModal.d.ts

@@ -1,2 +1,3 @@
-declare const RemoveOptionConfirmModal: (props: any) => JSX.Element;
+import React from 'react';
+declare const RemoveOptionConfirmModal: (props: any) => React.JSX.Element;
 export default RemoveOptionConfirmModal;

package/lib/components/eventBooking/components/Provider/Resource/index.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import './index.less';
-declare const Resource: () => JSX.Element;
+declare const Resource: () => React.JSX.Element;
 export default Resource;

package/lib/components/eventBooking/components/Provider/SelectHolderModal.d.ts

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

package/lib/components/eventBooking/components/Voucher/index.d.ts

@@ -1,2 +1,3 @@
-declare const VoucherCard: () => JSX.Element | null;
+import React from 'react';
+declare const VoucherCard: () => React.JSX.Element | null;
 export default VoucherCard;

package/lib/components/eventBooking/components/bookingAvailabilityCalendar/components/CalendarDate/CalenDateStatus/index.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 import './index.less';
-declare const Status: (props: any) => JSX.Element;
+declare const Status: (props: any) => import("react").JSX.Element;
 export default Status;

package/lib/components/eventBooking/components/bookingAvailabilityCalendar/components/CalendarDate/CalenDateWeek/CallToBook/index.d.ts

@@ -6,5 +6,5 @@ declare type CallToBookProps = {
 export declare const defaultBookingConfig: {
     booking_mode_after_cut_off: string;
 };
-declare const CallToBook: (props: CallToBookProps) => JSX.Element | null;
+declare const CallToBook: (props: CallToBookProps) => import("react").JSX.Element | null;
 export default CallToBook;

package/lib/components/eventBooking/components/bookingAvailabilityCalendar/components/CalendarDate/CalenDateWeek/WeekItem/index.d.ts

@@ -1,3 +1,3 @@
 import './index.less';
-declare const WeekItem: (props: any) => JSX.Element;
+declare const WeekItem: (props: any) => import("react").JSX.Element;
 export default WeekItem;

package/lib/components/eventBooking/components/bookingAvailabilityCalendar/components/CalendarDate/CalenDateWeek/index.d.ts

@@ -8,5 +8,5 @@ declare type CalenDateWeekProps = {
     dateLimitData: any;
     cutTime: any;
 };
-declare const CalenDateWeek: (props: CalenDateWeekProps) => JSX.Element;
+declare const CalenDateWeek: (props: CalenDateWeekProps) => import("react").JSX.Element;
 export default CalenDateWeek;

package/lib/components/eventBooking/components/bookingAvailabilityCalendar/components/CalendarDate/Item/DayItem/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './index.less';
-declare const DayItem: (props: any) => JSX.Element;
+declare const DayItem: (props: any) => import("react").JSX.Element;
 export default DayItem;

package/lib/components/eventBooking/components/bookingAvailabilityCalendar/components/CalendarDate/Item/index.d.ts

@@ -1,5 +1,4 @@
-/// <reference types="react" />
 import './index.less';
 import { CalendarItemProps } from '../../../../../type';
-declare const Item: (props: CalendarItemProps) => JSX.Element;
+declare const Item: (props: CalendarItemProps) => import("react").JSX.Element;
 export default Item;

package/lib/components/eventBooking/components/bookingAvailabilityCalendar/components/CalendarDate/Status/index.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 import './index.less';
-declare const Status: (props: any) => JSX.Element;
+declare const Status: (props: any) => import("react").JSX.Element;
 export default Status;

package/lib/components/eventBooking/components/bookingDetailModal/components/BookingOptions.d.ts

@@ -1,4 +1,5 @@
+import React from 'react';
 declare const BookingOptions: (props: {
     onChangeBookingOption?: ((bookingOption: any) => void) | undefined;
-}) => JSX.Element;
+}) => React.JSX.Element;
 export default BookingOptions;

package/lib/components/eventBooking/components/bookingDetailModal/components/Resource.d.ts

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

package/lib/components/eventBooking/components/bookingDetailModal/components/Schedule.d.ts

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

package/lib/components/eventBooking/components/scheduleCalendar/ProductItem/index.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import './index.less';
 declare type Item = any;
 interface ProductItemProps {
@@ -6,5 +6,5 @@ interface ProductItemProps {
     onClickItem: (item: Item) => void;
     layout?: 'day' | 'all';
 }
-declare const ProductItem: ({ item, onClickItem, layout, }: ProductItemProps) => JSX.Element;
+declare const ProductItem: ({ item, onClickItem, layout, }: ProductItemProps) => React.JSX.Element;
 export default ProductItem;

package/lib/components/eventBooking/components/scheduleCalendar/calendarItem.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { CalendarDataItem } from '../../type';
 declare type CalendarItemProps = {
     month: string;
@@ -8,5 +9,5 @@ declare type CalendarItemProps = {
     isEdit: boolean;
     type?: 'calendarView' | 'textList';
 };
-declare const CalendarItem: (props: CalendarItemProps) => JSX.Element;
+declare const CalendarItem: (props: CalendarItemProps) => React.JSX.Element;
 export default CalendarItem;

package/lib/components/eventBooking/components/scheduleCalendar/components/ScheduleTimeItem/index.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import './index.less';
-declare const ScheduleTimeItem: ({ timeList }: any) => JSX.Element;
+declare const ScheduleTimeItem: ({ timeList }: any) => React.JSX.Element;
 export default ScheduleTimeItem;

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

@@ -1,3 +1,4 @@
+import React from 'react';
 import './index.less';
-declare const EventBooking: () => JSX.Element;
+declare const EventBooking: () => React.JSX.Element;
 export default EventBooking;

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

@@ -7,7 +7,7 @@ import './index.less';
  * - 中间区域用 SKUOptionsSelection 做 SKU 选择
  * - 底部用 PisellNumberSelector 做数量编辑
  */
-declare function KioskSkuDetail(props: KioskSkuDetailProps): JSX.Element;
+declare function KioskSkuDetail(props: KioskSkuDetailProps): React.JSX.Element;
 export default KioskSkuDetail;
 /**
  * @description 从原生回调 payload 中提取 productId

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

@@ -1,9 +1,9 @@
-/// <reference types="react" />
+import React from "react";
 import "./index.less";
 export interface LoginProps {
     title: string;
     style: any;
     onLogin: (values: any, callback: (status: any) => void) => void;
 }
-declare const Login: (props: LoginProps) => JSX.Element;
+declare const Login: (props: LoginProps) => React.JSX.Element;
 export default Login;

package/lib/components/pay/toC/PaymentMethods/MWCreditCard/TDSPay/ThreedsLoading/index.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import './index.less';
-declare const ThreedsLoading: ({ title, showSuccessBackButton, onSuccessBack }: any) => JSX.Element;
+declare const ThreedsLoading: ({ title, showSuccessBackButton, onSuccessBack }: any) => React.JSX.Element;
 export default ThreedsLoading;

package/lib/components/pay/toC/PaymentMethods/MWCreditCard/tds2.js

@@ -339,7 +339,7 @@ var checkTDSAuth = async (step2, step3, callback) => {
         billAddrLine1: paymentInfo.billingAddress.billAddrLine1,
         billAddrPostCode: paymentInfo.billingAddress.billAddrPostCode,
         billAddrState: paymentInfo.billingAddress.billAddrState,
-        threeDSCompInd: isPre ? "" : threeDSCompInd || "N",
+        threeDSCompInd: isPre ? "" : threeDSCompInd,
         threeDSServerTransID: isPre ? "" : threeDSServerTransID,
         threeDSRequestorAuthenticationInd: "01",
         threeDSRequestorURL: window.location.href,

package/lib/components/pay/toC/PaymentMethods/StripePay/Stripe/Finish/index.d.ts

@@ -1,2 +1,2 @@
-declare const StripePayment: () => JSX.Element;
+declare const StripePayment: () => import("react").JSX.Element;
 export default StripePayment;

package/lib/components/pay/toC/PaymentMethods/StripePay/Stripe/StripeSDK/SDK.d.ts

@@ -1,7 +1,8 @@
+import React from 'react';
 declare const StripeSDK: ({ public_key, client_secret, children, lang, }: {
     public_key: string;
     client_secret?: string | undefined;
     children: any;
     lang?: string | undefined;
-}) => JSX.Element;
+}) => React.JSX.Element;
 export default StripeSDK;

package/lib/components/pay/toC/PaymentMethods/StripePay/Stripe/StripeSDK/index.d.ts

@@ -1,8 +1,7 @@
-/// <reference types="react" />
 declare const StripeSDK: ({ public_key, client_secret, children, lang, }: {
     public_key: string;
     client_secret?: string | undefined;
     children: any;
     lang?: string | undefined;
-}) => JSX.Element;
+}) => import("react").JSX.Element;
 export default StripeSDK;

package/lib/components/pay/toC/PaymentMethods/StripePay/Stripe/components/PageLoading/index.d.ts

@@ -1,2 +1,2 @@
-declare const PageLoading: () => JSX.Element;
+declare const PageLoading: () => import("react").JSX.Element;
 export default PageLoading;

package/lib/components/pay/toC/PaymentMethods/StripePay/Stripe/components/SetupForm/PaymentRequestForm.d.ts

@@ -1,2 +1,3 @@
-declare const PaymentRequestForm: () => JSX.Element | null;
+import React from 'react';
+declare const PaymentRequestForm: () => React.JSX.Element | null;
 export default PaymentRequestForm;

package/lib/components/pay/toC/PaymentMethods/StripePay/Stripe/components/SetupForm/index.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import './index.less';
-declare const SetupForm: ({ onReady, amount, order_id, payment_method, scene, }: any) => JSX.Element;
+declare const SetupForm: ({ onReady, amount, order_id, payment_method, scene, }: any) => React.JSX.Element;
 export default SetupForm;