@pisell/private-materials 6.8.34 → 6.8.36

package/es/components/booking/model.d.ts

@@ -0,0 +1,112 @@
+export interface FormState {
+    amountSymbol: string;
+    apis: {
+        getClients: (par?: any) => any;
+        getClientsEs: (par?: any) => any;
+        getServices: (par?: any) => any;
+        getResources: (par?: any) => any;
+        getProducts: (par?: any) => any;
+        getPets: (par?: any) => any;
+        getForms: (par?: any) => any;
+        getFormData: (par?: any) => any;
+        getAddonsByOrderId: (par?: any) => any;
+        saveAddonsByOrderId: (par?: any) => any;
+        getNotesByOrder: (par?: any) => any;
+        saveBookingFormData: (par?: any) => any;
+        getPetsData: (par?: any) => any;
+    };
+    client: {
+        showModal: boolean;
+        value: any;
+        clients: any[];
+        clientsParams: {
+            skip: number;
+            num: number;
+            search: string;
+        };
+        edit: boolean;
+    };
+    contacts_info: {
+        edit: boolean;
+        value: any;
+    };
+    date: {
+        value: any;
+        end_date: any;
+        edit: boolean;
+    };
+    service: {
+        addModal: boolean;
+        editModal: boolean;
+        services: any[];
+        resources: any[];
+        resourcesOrigin: any[];
+        reloadResourceModal: false;
+        value: any[];
+        cacheItem: any;
+        edit: boolean;
+        addTimeModal: boolean;
+        changeService: any;
+    };
+    pet: {
+        showModal: boolean;
+        pets: any[];
+        value: any[];
+        formData: any;
+        originValue: any;
+        edit: boolean;
+    };
+    addons: {
+        showModal: boolean;
+        value: any[];
+        productList: any[];
+        originData: any[];
+        edit: boolean;
+    };
+    notes: {
+        orderNote: string;
+        internalNotes: any[];
+        edit: boolean;
+    };
+    form: {
+        value: any;
+        forms: any[];
+        edit: boolean;
+    };
+    setGlobalState: () => void;
+    disabledEdit: boolean;
+    bookingConfig: any;
+    action: any;
+    bookingId: string | number;
+    bookingDetail: any;
+    channelDisabledEdit: boolean;
+    renderType?: 'eventBooking' | 'dayBooking';
+    modalOpen?: boolean;
+    isTerminal?: boolean;
+    isFranchisee?: boolean;
+    addTimeProducts: any[];
+    eventOtherParams?: {
+        relation_id: number;
+        number: number;
+        registration_type: 'single' | 'all' | 'extra_include';
+        start_date: string;
+        start_time: string;
+        end_date: string;
+        end_time: string;
+        productIds: number[];
+    };
+    disableEventBookingEdit?: boolean;
+    /** 关闭自动打开选择服务弹窗 */
+    closeAutoOpenService?: boolean;
+    /** 是否terminal创建booking页面 */
+    isBookingCreatePage?: boolean;
+    loading: boolean;
+    isTerminalDayBookingPage?: boolean;
+    activeCartId?: any[];
+    isDayBooking: boolean;
+}
+export declare const walkInData: {
+    id: number;
+    nickname: string;
+};
+export declare const Provider: any, Context: any;

package/es/components/booking/notes/NoteBlock/NoteItem/index.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from "react";
 import "./index.less";
 export interface InfoProps {
     isEdit: boolean;
@@ -6,5 +6,5 @@ export interface InfoProps {
     onChange?: (item: any, type: "edit" | "remove") => void;
     menus?: any[];
 }
-declare const NoteItem: (props: InfoProps) => JSX.Element;
+declare const NoteItem: (props: InfoProps) => React.JSX.Element;
 export default NoteItem;

package/es/components/booking/notes/NoteBlock/index.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from "react";
 import "./index.less";
 export interface InfoProps {
     title?: string;
@@ -13,5 +13,5 @@ export interface InfoProps {
     maxLength?: number;
     noteType: string;
 }
-declare const NoteBlock: (props: InfoProps) => JSX.Element;
+declare const NoteBlock: (props: InfoProps) => React.JSX.Element;
 export default NoteBlock;

package/es/components/booking/notes/addNote/index.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from "react";
 import "./index.less";
-declare const AddNote: ({ value, onChange, title, placeholder }: any) => JSX.Element;
+declare const AddNote: ({ value, onChange, title, placeholder }: any) => React.JSX.Element;
 export default AddNote;

package/es/components/booking/utils.d.ts

@@ -0,0 +1,182 @@
+import dayjs from 'dayjs';
+/**
+ * @title: 高阶函数结果缓存（Memoization）
+ */
+export declare function memoize<T extends (...args: any[]) => any>(fn: T): T;
+declare type RType = (url: string, data?: {} | undefined, config?: {} | undefined) => Promise<any>;
+declare class Request {
+    private request;
+    constructor();
+    setRequest(val: any): void;
+    getRequest(): {
+        get: RType;
+        post: RType;
+        put: RType;
+        remove: RType;
+        custom: RType;
+    };
+}
+export declare const request: Request;
+/**
+ * @title: 格式化持续时长用于展示
+ * @description:
+ * @param {number} service_times
+ * @return {*}
+ * @Author: zhiwei.Wang
+ * @Date: 2024-04-26 14:00
+ */
+export declare const getDiscountTime: (service_times: number, isDay?: boolean) => string;
+/**
+ * @title: 格式化跨日预约的时长用于展示
+ * @description:
+ * @param {number} days
+ * @param {number} minutes
+ * @return {*}
+ */
+export declare const getDiscountTimeByDayMinutes: (days: number, minutes: number) => string;
+/**
+ * @title: 时间切片（带缓存版本）
+ * @description: 使用 memoize 高阶函数包裹 sliceDayIntoFiveMinutes，相同参数时直接返回缓存结果
+ */
+export declare const sliceDayIntoFiveMinutes: (config: any, locale: string, isDay?: boolean) => {
+    timeSlices: {
+        label: string;
+        value: string;
+    }[];
+    durationSlicesBasedOnTime: {
+        label: string;
+        value: number;
+    }[];
+};
+export declare const getNowTime: () => string;
+export declare const isNowTime: (time: string) => boolean;
+/**
+ * @title: 获取服务的开始时间, 如果是now 转换为当前的时间
+ * @description:
+ * @param {string} start_time
+ * @return {*}
+ * @Author: zhiwei.Wang
+ * @Date: 2024-04-26 14:03
+ */
+export declare const getServeStartTime: (start_time: string) => string;
+/**
+ * @title: 格式化服务的 开始时间-结束时间-时长, 用于展示
+ * @description:
+ * @param {any} item
+ * @param {any} currentDate
+ * @return {*}
+ * @Author: zhiwei.Wang
+ * @Date: 2024-04-26 14:04
+ */
+export declare const getServiceTime: (item: any, currentDate: any) => string;
+export declare const findNextSlice: ({ timeSlices, index, date, }: {
+    timeSlices: any[];
+    index?: number | undefined;
+    date?: string | undefined;
+}) => any;
+export declare const findNextDuration: (current: any, array: any, defaultValue?: any) => any;
+export declare const formatProductListByCategory: (list: any, filterItem: any) => unknown[];
+export declare const getResourceTimeIsUsable: (item: any, cacheItem: any) => any;
+/**
+ * @title: 查找是否有可用的time
+ * @description:
+ * @param {any} resourceItem
+ * @return {*}
+ * @Author: zhiwei.Wang
+ * @Date: 2024-01-09 13:57
+ */
+export declare const formatTimes: (resourceItem: any, cacheItem: any) => any;
+/**
+ * @title: 获取店铺的营业结束时间
+ * @description:
+ * @return {*}
+ * @Author: zhiwei.Wang
+ * @Date: 2024-02-23 10:00
+ */
+export declare const getShopOpeningHours: () => string;
+/**
+ * @title: 对灵活时长进行处理
+ * @description:
+ * @return {*}
+ * @Author: zhiwei.Wang
+ * @Date: 2024-02-23 10:00
+ */
+export declare const flexibleObj: {
+    create: (num: number) => any;
+    getValue: (str: string | number) => number;
+    isFlexible: (str: string | number) => boolean;
+    add: (current: number | string, duration: number) => any;
+};
+/**
+ * @title: 获取结束时间
+ * @description: 取 endDate | 店铺营业时间 最小的那一个
+ * @param {any} startDate
+ * @param {string} duration
+ * @param {any} endDate
+ * @return {*}
+ * @Author: zhiwei.Wang
+ * @Date: 2024-02-23 10:01
+ */
+export declare const getEndDate: (startDate: any, duration: string | number, endDate: any) => any;
+export declare const getServiceTimes: (service: any) => {
+    startDate: dayjs.Dayjs;
+    endDate: any;
+};
+export declare const getErrorList: (resource: any, cacheItem: any, isDay?: boolean) => {
+    label: any;
+    type: string;
+}[];
+/**
+ * @title: 格式化资源, 添加自定义参数
+ * @description:
+ * @param {any} resourceItem
+ * @return {*}
+ * @Author: zhiwei.Wang
+ * @Date: 2024-01-09 13:40
+ */
+export declare const formatResource: (resourceItem: any, cacheItem?: any, formatLabel?: any) => any;
+export declare const getLastServer: (list: any) => any;
+export declare const getCacheParams: () => any;
+export declare const deleteCacheParams: () => void;
+/**
+ * @title: 获取跨日预约的时长
+ * @description:
+ * @param {any} cacheItem
+ * @return {*}
+ * @Author: WangHan
+ * @Date: 2024-12-01 22:43
+ */
+export declare const getDays: (cacheItem: any, type: 'minutes' | 'days') => any;
+export declare const isSessionProduct: (cacheItem: any) => boolean;
+export declare const getIsEject: (item: any, type: 'select' | 'detail') => boolean;
+export declare const getIsOnlySession: (item: any) => boolean;
+/**
+ * @title: 创建一个服务商品
+ * @description:
+ * @param {any} state
+ * @param {any} item
+ * @return {*}
+ * @Author: zhiwei.Wang
+ * @Date: 2024-01-26 14:09
+ */
+export declare const getServerItemExtend: (state: any, cacheItem: any, timeObj: any) => any;
+export declare const getMainPrice: (item: any, price?: number) => number;
+export declare const getProductTotalPrice: (item: any) => number;
+/**
+ * @title: 判断 duration
+ * @description: 用于处理不同格式的duration
+ * @param {number} duration
+ * @return {*}
+ * @Author: zhiwei.Wang
+ * @Date: 2024-02-23 10:02
+ */
+export declare const getDuration: (duration: number | {
+    type: string;
+    value: number;
+}) => number | {
+    type: string;
+    value: number;
+} | "flexible";
+export declare const isWalkIn: (customer_id?: number | string) => boolean;
+export declare const getIsEdit: (state: any) => boolean;
+export {};

package/es/components/checkout/components/AdditionalModule/index.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import './index.less';
 import { CurrentOrderInfo } from '../../types';
 interface AdditionalModuleProps {
@@ -11,5 +11,5 @@ interface AdditionalModuleProps {
     isFullWidth?: boolean;
     showMore?: boolean;
 }
-declare function AdditionalModule({ orderInfo, customAmount, handleButtonClick, hasOrderNote, disabled, showCashPayment, isFullWidth, showMore }: AdditionalModuleProps): JSX.Element;
+declare function AdditionalModule({ orderInfo, customAmount, handleButtonClick, hasOrderNote, disabled, showCashPayment, isFullWidth, showMore }: AdditionalModuleProps): React.JSX.Element;
 export default AdditionalModule;

package/es/components/checkout/components/AdditionalModule/locales.d.ts

@@ -0,0 +1,36 @@
+declare const _default: {
+    en: {
+        'pisell2.text.others': string;
+        'pisell2.text.order-note': string;
+        'pisell2.text.print-receipt': string;
+        'pisell2.text.save-pay-later': string;
+        'pisell2.text.send-link': string;
+        'pisell2.text.manual-order-discount': string;
+        'pisell2.text.order-no-payment-required': string;
+        'pisell2.text.order-no-payment-cannot-send-link': string;
+        'pisell2.text.additional-module.order-discount': string;
+    };
+    'zh-CN': {
+        'pisell2.text.others': string;
+        'pisell2.text.order-note': string;
+        'pisell2.text.print-receipt': string;
+        'pisell2.text.save-pay-later': string;
+        'pisell2.text.send-link': string;
+        'pisell2.text.manual-order-discount': string;
+        'pisell2.text.order-no-payment-required': string;
+        'pisell2.text.order-no-payment-cannot-send-link': string;
+        'pisell2.text.additional-module.order-discount': string;
+    };
+    'zh-HK': {
+        'pisell2.text.others': string;
+        'pisell2.text.order-note': string;
+        'pisell2.text.print-receipt': string;
+        'pisell2.text.save-pay-later': string;
+        'pisell2.text.send-link': string;
+        'pisell2.text.manual-order-discount': string;
+        'pisell2.text.order-no-payment-required': string;
+        'pisell2.text.order-no-payment-cannot-send-link': string;
+        'pisell2.text.additional-module.order-discount': string;
+    };
+};
+export default _default;

package/es/components/checkout/components/AmountSummary/index.d.ts

@@ -1,6 +1,6 @@
-/// <reference types="react" />
 import './index.less';
 import { CurrentOrderInfo } from '../../types';
+import React from 'react';
 interface AmountSummaryProps {
     amountSymbol?: string;
     orderInfo?: CurrentOrderInfo;
@@ -22,5 +22,5 @@ interface AmountSummaryProps {
     totalAmount?: number;
 }
 export declare type WalletBalanceConfirmAction = 'cancel' | 'save-without-deduct' | 'apply-deduct-now';
-declare function AmountSummary({ amountSymbol, orderInfo, open_deposit, customAmount, balanceDueAmount, clientInfo, onAmountChange, onDepositStatusChange, onBalanceDueAmountClick, onConfirm, paymentItems, cartData, walletPassData, totalAmount, }: AmountSummaryProps): JSX.Element;
+declare function AmountSummary({ amountSymbol, orderInfo, open_deposit, customAmount, balanceDueAmount, clientInfo, onAmountChange, onDepositStatusChange, onBalanceDueAmountClick, onConfirm, paymentItems, cartData, walletPassData, totalAmount, }: AmountSummaryProps): React.JSX.Element;
 export default AmountSummary;

package/es/components/checkout/components/CashPaymentModule/index.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { CurrentOrderInfo } from '../../types';
 import './index.less';
 export interface CashPaymentModuleProps {
@@ -22,5 +22,5 @@ disabled, // 禁用状态
 roundingFunction, balanceDueAmount, // 当前阶段剩余支付金额（定金或普通支付）
 balanceDueTotalAmount, // 完整订单剩余待付金额
 syncingLock, // 是否锁定
-shortcutsSize, }: CashPaymentModuleProps): JSX.Element;
+shortcutsSize, }: CashPaymentModuleProps): React.JSX.Element;
 export default CashPaymentModule;

package/es/components/checkout/components/PaymentDetailModal/index.d.ts

@@ -0,0 +1,38 @@
+import React from 'react';
+import './index.less';
+interface SummaryItem {
+    key: string;
+    value: number;
+    label?: string;
+    hidden?: boolean;
+    tax?: any;
+}
+declare type SubTotalKey = 'deposit' | 'total' | 'sub_total' | 'tax' | 'delivery_fee' | 'discount' | 'point_deduction' | 'member_deduction' | 'expect_amount';
+interface PaymentItem {
+    uuid: string;
+    amount: number;
+    code: string;
+    name: string;
+    status: string;
+    voucher_id?: string;
+    [key: string]: any;
+}
+interface PaymentDetailModalProps {
+    amountSymbol?: string;
+    orderInfo?: any;
+    onClose: () => void;
+    summaryData?: SummaryItem[];
+    labelMaps?: Record<SubTotalKey, string>;
+    paymentItems?: PaymentItem[];
+    customAmount?: string;
+    voidPayment?: (paymentItem: PaymentItem) => void;
+    cartData?: any;
+    walletPassData?: {
+        selectedWallet?: any[];
+        availableDiscountList?: any[];
+        selectedDiscountList?: number[];
+    };
+    clientInfo?: any;
+}
+declare function PaymentDetailModal({ amountSymbol, orderInfo, cartData, onClose, summaryData, labelMaps, paymentItems, customAmount, voidPayment, walletPassData, clientInfo, }: PaymentDetailModalProps): React.JSX.Element;
+export default PaymentDetailModal;

package/es/components/checkout/components/PaymentOptionsModule/index.d.ts

@@ -1,6 +1,6 @@
-/// <reference types="react" />
 import { ExtendedPaymentMethod } from './PaymentMethodItem';
 import { PaymentOptionsModuleProps } from '../../types';
+import React from 'react';
 import './index.less';
 interface ExtendedPaymentOptionsModuleProps extends PaymentOptionsModuleProps {
     amountSymbol?: string;
@@ -12,5 +12,5 @@ interface ExtendedPaymentOptionsModuleProps extends PaymentOptionsModuleProps {
     showCashPayment?: boolean;
 }
 export declare const SHOW_METHODS_CODE: string[];
-declare function PaymentOptionsModule({ amountSymbol, orderInfo, onClick, paymentMethods, customAmount, title, disabled, showCashPayment, }: ExtendedPaymentOptionsModuleProps): JSX.Element;
+declare function PaymentOptionsModule({ amountSymbol, orderInfo, onClick, paymentMethods, customAmount, title, disabled, showCashPayment, }: ExtendedPaymentOptionsModuleProps): React.JSX.Element;
 export default PaymentOptionsModule;

package/es/components/checkout/components/PaymentResultToast/types.d.ts

@@ -0,0 +1,59 @@
+import React from 'react';
+import type { MenuProps, ButtonProps } from 'antd';
+/** 操作按钮配置 */
+export interface ActionButtonProps {
+    /** 按钮唯一标识 */
+    id?: string;
+    /** 是否为更多操作按钮（下拉菜单） */
+    isMore?: boolean;
+    /** 下拉菜单数据，仅在 isMore 为 true 时生效 */
+    menuData?: MenuProps['items'];
+    /** 按钮属性配置 */
+    buttonProps?: ButtonProps;
+}
+/** 操作按钮组列表，支持多行按钮组 */
+export declare type ActionButtonGroupList = ActionButtonProps[][];
+/** 状态样式类型 */
+export declare type StatusClassName = 'success' | 'failed' | 'wallet-pass-failed' | 'partially-paid';
+export interface PaymentResultToastProps {
+    /** 是否可见 */
+    visible?: boolean;
+    /** 关闭回调 */
+    onClose?: () => void;
+    /** 状态样式类名，用于控制样式主题 */
+    statusClassName?: StatusClassName;
+    /** 标题文本（已计算好的显示文本）- 已不再显示 */
+    title?: string;
+    /** 副标题内容（已计算好的金额显示内容，支持自定义样式） */
+    subtitle?: React.ReactNode;
+    /** 找零信息文本（已计算好的找零显示文本） */
+    changeDueText?: string;
+    /** 底部操作按钮组配置 */
+    actionButtons?: ActionButtonGroupList;
+    /** 是否启用自动关闭 */
+    autoClose?: boolean;
+    /** 倒计时秒数，控制自动关闭的时间（秒） */
+    autoCloseDelay?: number;
+    /** 是否显示倒计时进度条 */
+    showCountdownProgress?: boolean;
+    /** 倒计时完成回调 */
+    onCountdownComplete?: () => void;
+    /** 自定义样式类名，用于样式隔离和扩展 */
+    className?: string;
+}
+export interface PaymentResultToastConfig {
+    /** 弹窗宽度 */
+    width?: number;
+    /** 弹窗高度 */
+    height?: number;
+    /** 是否显示遮罩 */
+    mask?: boolean;
+    /** 是否可通过点击遮罩关闭（已由外部计算确定） */
+    maskClosable?: boolean;
+    /** 是否显示右上角关闭按钮 */
+    closable?: boolean;
+    /** 弹窗层级 */
+    zIndex?: number;
+    /** 是否启用点击外部区域关闭弹窗（使用纯JS实现） */
+    clickOutsideToClose?: boolean;
+}

package/es/components/checkout/components/PaymentResultToast/utils.d.ts

@@ -0,0 +1,44 @@
+/**
+ * 防抖函数
+ * @param func 要防抖的函数
+ * @param wait 等待时间（毫秒）
+ * @returns 防抖后的函数
+ */
+export declare const debounce: <T extends (...args: any[]) => any>(func: T, wait: number) => (...args: Parameters<T>) => void;
+/**
+ * 获取弹窗配置的默认值
+ * @returns 默认的弹窗配置
+ */
+export declare const getDefaultModalConfig: () => {
+    width: number;
+    mask: boolean;
+    maskClosable: boolean;
+    closable: boolean;
+    zIndex: number;
+};
+/**
+ * 一键关闭当前页面上所有的 PaymentResultToast
+ * 这个函数是对现有 clearAllPaymentResultToasts 函数的封装，
+ * 提供了更友好的 API 和额外的配置选项
+ *
+ * 使用方法：
+ * - closeAllPaymentResultToasts() // 带动画关闭
+ * - closeAllPaymentResultToasts({ immediate: true }) // 立即关闭
+ *
+ * @param options 配置选项
+ * @param options.immediate 是否立即关闭（跳过退出动画），默认 false
+ * @returns Promise<void> 返回 Promise，在所有 Toast 关闭完成后 resolve
+ */
+export declare const closeAllPaymentResultToasts: (options?: {
+    immediate?: boolean;
+}) => Promise<void>;
+/**
+ * 获取当前页面上 PaymentResultToast 的数量
+ * @returns number 当前显示的 Toast 数量
+ */
+export declare const getToastCount: () => number;
+/**
+ * 检查当前页面是否有正在显示的 PaymentResultToast
+ * @returns boolean 是否有 Toast 正在显示
+ */
+export declare const hasActivePaymentResultToasts: () => boolean;

package/es/components/checkout/components/ScrollableList/index.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { ScrollableListProps } from './types';
+import './index.less';
+declare const ScrollableList: React.FC<ScrollableListProps>;
+export default ScrollableList;

package/es/components/checkout/components/ScrollableList/types.d.ts

@@ -0,0 +1,53 @@
+import { ReactNode, CSSProperties, UIEvent } from 'react';
+export interface ScrollableListProps {
+    /** 列表项数据 */
+    children: ReactNode;
+    /** 容器高度 */
+    height?: number | string;
+    /** 最大高度 */
+    maxHeight?: number | string;
+    /** 渐变高度 */
+    gradientHeight?: number;
+    /** 渐变颜色 */
+    gradientColor?: string;
+    /** 列表容器样式 */
+    containerStyle?: CSSProperties;
+    /** 列表内容样式 */
+    contentStyle?: CSSProperties;
+    /** 自定义渐变样式 */
+    gradientStyle?: CSSProperties;
+    /** 是否显示滚动条 */
+    showScrollbar?: boolean;
+    /** 滚动事件回调 */
+    onScroll?: (event: UIEvent<HTMLDivElement>) => void;
+    /** 是否需要滚动状态改变回调 */
+    onScrollableChange?: (isScrollable: boolean) => void;
+    /** 列数设置，1为单列，大于1为多列，'auto'为自适应列数 */
+    columnCount?: number | 'auto';
+    /** 列间距，默认为16px */
+    columnGap?: number | string;
+    /** 行间距，默认为16px */
+    rowGap?: number | string;
+    /** 每列最小宽度（当columnCount为'auto'时生效） */
+    minColumnWidth?: number | string;
+}
+export interface ScrollState {
+    /** 是否需要滚动 */
+    isScrollable: boolean;
+    /** 是否显示顶部渐变 */
+    showTopGradient: boolean;
+    /** 是否显示底部渐变 */
+    showBottomGradient: boolean;
+    /** 当前滚动位置 */
+    scrollTop: number;
+    /** 可滚动的最大距离 */
+    maxScrollTop: number;
+}
+export interface GradientConfig {
+    /** 渐变高度 */
+    height: number;
+    /** 渐变颜色 */
+    color: string;
+    /** 自定义样式 */
+    style?: CSSProperties;
+}

package/es/components/checkout/components/SearchAndClientModule/index.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import './index.less';
 export interface IScanResult {
     status: 'success' | 'failed';
@@ -11,5 +11,5 @@ interface IProps {
     onSearch: (keyword: string) => void | Promise<any>;
     onClientChange: () => void;
 }
-declare const SearchAndClientModule: (props: IProps) => JSX.Element;
+declare const SearchAndClientModule: (props: IProps) => React.JSX.Element;
 export default SearchAndClientModule;

package/es/components/checkout/components/SendPaymentLinkModal/index.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
 import './index.less';
+import React from 'react';
 interface SendPaymentLinkModalProps {
     balanceAmount?: string;
     customerEmail?: string;
@@ -8,5 +8,5 @@ interface SendPaymentLinkModalProps {
     sendPaymentLink: (data: any) => void;
     customerId?: number;
 }
-declare function SendPaymentLinkModal({ balanceAmount, customerEmail, customerName, onClose, sendPaymentLink, customerId, }: SendPaymentLinkModalProps): JSX.Element;
+declare function SendPaymentLinkModal({ balanceAmount, customerEmail, customerName, onClose, sendPaymentLink, customerId, }: SendPaymentLinkModalProps): React.JSX.Element;
 export default SendPaymentLinkModal;

package/es/components/checkout/components/WalletPassModule/components/ConflictModal/index.d.ts

@@ -1,11 +1,11 @@
-/// <reference types="react" />
+import React from 'react';
 import { PisellWalletPassCardProps } from '../../types';
-export declare const TestModule: () => JSX.Element;
+export declare const TestModule: () => React.JSX.Element;
 declare const ConflictModal: (props: {
     currentItem: PisellWalletPassCardProps;
     newItem: PisellWalletPassCardProps;
     onSwitch: (val: PisellWalletPassCardProps) => void;
     onSave: (val: PisellWalletPassCardProps) => void;
     onCancel: () => void;
-}) => JSX.Element;
+}) => React.JSX.Element;
 export default ConflictModal;