@pisell/private-materials 6.8.27 → 6.8.29

package/lib/components/checkout/types.d.ts

@@ -0,0 +1,130 @@
+/// <reference types="react" />
+export interface CurrentOrderInfo {
+    /** 订单UUID */
+    uuid?: string;
+    /** 订单ID */
+    orderId?: string;
+    /** 订单状态 */
+    status?: string;
+    /** 当前步骤 */
+    step?: string;
+    /** 订单总金额 */
+    totalAmount?: string;
+    /** 待付金额 */
+    remainingAmount?: string;
+    /** 支付状态 */
+    paymentStatus?: string;
+    /** 是否为定金订单 */
+    isDeposit?: boolean;
+    /** 定金金额 */
+    depositAmount?: string;
+    /** 订单类型 */
+    orderType?: 'virtual' | 'appointment_booking';
+    /** 平台类型 */
+    platform?: 'pc' | 'h5';
+    /** 创建时间 */
+    createdAt?: string;
+    /** 商品数量 */
+    itemCount?: number;
+    /** 是否有本地订单数据 */
+    hasLocalOrderData?: boolean;
+}
+export interface PaymentData {
+    orderId?: string | number;
+    totalAmount?: number;
+    currency?: string;
+    customerId?: string | number;
+    customerName?: string;
+    description?: string;
+    items?: PaymentItem[];
+}
+export interface PaymentItem {
+    id: string | number;
+    name: string;
+    quantity: number;
+    price: number;
+    total: number;
+}
+export interface ModuleConfig {
+    showWalletPass?: boolean;
+    showCashPayment?: boolean;
+    showAdditionalModule?: boolean;
+    showPaymentOptions?: boolean;
+}
+export interface StatusConfig {
+    leftStatus?: string;
+    rightStatus?: string;
+}
+export interface PaymentResult {
+    type: 'cash' | 'walletpass' | 'etfpos' | 'custom' | 'mx51';
+    amount?: number;
+    status: 'success' | 'failed' | 'cancelled' | 'pending';
+    orderId?: string | number;
+    transactionId?: string;
+    message?: string;
+    timestamp?: number;
+    roundingAmount?: number;
+}
+export interface CheckoutCallbacks {
+    onPaymentComplete?: (result: PaymentResult) => void;
+    onPaymentCancel?: () => void;
+    onStatusChange?: (status: string) => void;
+}
+export interface CheckoutProps {
+    paymentData?: PaymentData;
+    moduleConfig?: ModuleConfig;
+    statusConfig?: StatusConfig;
+    cashAmountButtons?: number[];
+    onPaymentComplete?: (result: PaymentResult) => void;
+    onPaymentCancel?: () => void;
+    onStatusChange?: (status: string) => void;
+}
+export interface StatusSectionProps {
+    config?: StatusConfig;
+    onStatusChange?: (status: string) => void;
+}
+export interface AmountSummaryProps {
+    orderInfo?: CurrentOrderInfo;
+    open_deposit?: boolean;
+    customAmount?: string;
+    onAmountChange?: (amount: string) => void;
+}
+export interface WalletPassModuleProps {
+    orderInfo?: CurrentOrderInfo;
+}
+export interface CashPaymentModuleProps {
+    orderInfo?: CurrentOrderInfo;
+    onPaymentComplete?: (result: PaymentResult) => void;
+    amountButtons?: number[];
+}
+export interface PaymentOptionsModuleProps {
+    orderInfo?: CurrentOrderInfo;
+    onClick?: (method: PaymentMethod) => void;
+}
+export interface AdditionalModuleProps {
+    orderInfo?: CurrentOrderInfo;
+    customAmount?: string;
+    handleButtonClick: (key: string) => void;
+    hasOrderNote?: boolean;
+}
+export interface PaymentMethod {
+    id: string;
+    name: string;
+    nameEn?: string;
+    surcharge: string;
+    surchargeAmount?: number;
+    icon?: string;
+    iconComponent?: React.ReactNode;
+    color?: string;
+    enabled?: boolean;
+    code: string;
+    type: string;
+    fixed?: number;
+    percentage?: number;
+    totalAmount?: string;
+}
+export interface PaymentMethodSelection {
+    method: PaymentMethod;
+    amount: number;
+    totalWithSurcharge: number;
+}

package/lib/components/checkout/utils/PaymentResultToastUtils.d.ts

@@ -0,0 +1,32 @@
+import React from 'react';
+import { StatusClassName, ActionButtonGroupList } from '../components/PaymentResultToast';
+export interface PaymentResultToastConfig {
+    context: any;
+    pisellos: any;
+    getData: (key: string) => any;
+    interaction: any;
+    Toast: any;
+    onToastClose?: () => void;
+}
+export interface PaymentResultToastParams {
+    paymentStatus: string;
+    orderTotalAmount: number;
+    gapAmount: number;
+    failureReason?: string;
+    autoCloseConfig?: {
+        autoClose: boolean;
+        autoCloseDelay: number;
+    };
+    actionButtons?: ActionButtonGroupList;
+}
+export declare const formatCurrency: (amount: number, amountSymbol?: string) => string | number;
+export declare const calculateTitle: (status: string, failureReason?: string) => string;
+export declare const calculateSubtitle: (status: string, amount: number, gapAmount?: number, getData?: ((key: string) => any) | undefined) => React.ReactNode;
+export declare const calculateStatusClassName: (status: string) => StatusClassName;
+export declare const calculateAutoCloseConfig: (status: string, hasChangeDue: boolean) => {
+    autoClose: boolean;
+    autoCloseDelay: number;
+    maskClosable: boolean;
+};
+export declare const displayPaymentResultToast: (params: PaymentResultToastParams, config: PaymentResultToastConfig) => Promise<void>;
+export declare const createShowSuccessToast: (config: PaymentResultToastConfig, getActionButtons?: ((paymentStatus: string) => ActionButtonGroupList) | undefined) => (result: any) => Promise<void>;

package/lib/components/checkout/utils.d.ts

@@ -0,0 +1,3 @@
+import { PaymentMethod } from './types';
+export declare const getShopWalletPassId: (interaction: any) => Promise<string | null>;
+export declare const reorderPaymentMethodList: (paymentMethodList: PaymentMethod[], interaction: any) => Promise<PaymentMethod[]>;

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

@@ -0,0 +1,14 @@
+import React from 'react';
+declare const _default: React.ForwardRefExoticComponent<{
+    onEftposLoad?: ((status: boolean) => void) | undefined;
+    onPayResult?: ((res: {
+        status: string;
+        params: any;
+    }) => void) | undefined;
+    styles?: {
+        [key: string]: React.CSSProperties | undefined;
+        deviceContainer?: React.CSSProperties | undefined;
+    } | undefined;
+    isWebPos?: boolean | undefined;
+} & React.RefAttributes<unknown>>;
+export default _default;

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

@@ -0,0 +1,10 @@
+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;
+    device_number: string | number;
+    api: ReturnType<PosProps['getApi']>;
+    isMobile: boolean;
+    channel?: string | undefined;
+    formatAmount(amount: number | string, precision: number, symbol: string): string;
+}) => JSX.Element;
+export default App;

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

@@ -0,0 +1,190 @@
+import { CSSProperties } from 'react';
+export declare enum EftposEnum {
+    /** 后端支付 - 仅支付  */
+    Payo = "payo",
+    /** 前端支付 */
+    Tyro = "tyro",
+    /** 后端支付 - 支付 + 退款  */
+    Windcave = "windcave",
+    Stripe = "stripe",
+    Linkly = "linkly"
+}
+export declare enum StatusEnum {
+    Loading = "loading",
+    Warn = "warn",
+    Fail = "fail",
+    Success = "success",
+    Pedding = "pedding",
+    Resove = "resove",
+    Reject = "reject",
+    Question = "question"
+}
+export declare enum ModeEnum {
+    /** 支付 */
+    Pay = "pay",
+    /** 完整支付 */
+    FullPay = "fullPay",
+    /** 退款 */
+    Refund = "refund",
+    /** 查询 */
+    Query = "query"
+}
+/**
+ * 崩溃恢复
+ */
+export declare enum RestoreEumn {
+    /** 常规  */
+    Normal = "normal",
+    /** 恢复 */
+    Restore = "restore"
+}
+/**
+ * 订单状态
+ */
+export declare enum OrderEumn {
+    /** 恢复  */
+    Restore = "restore",
+    /** 常规  */
+    Normal = "normal",
+    /** 成功 */
+    Succeed = "succeed",
+    /** 失败 */
+    Failed = "failed",
+    /** 等待 */
+    Pending = "pending",
+    /** 没有订单状态 */
+    Null = "null"
+}
+export declare enum ClientEnum {
+    /** 用户端 */
+    User = "user",
+    /** 商家端 */
+    Merchant = "merchant"
+}
+export declare enum RouteEnum {
+    /** 改价页 */
+    Amount = "amount",
+    /** 门店列表页 */
+    DeviceList = "deviceList",
+    /**支付页 */
+    Pay = "pay"
+}
+export declare enum PayRouteEnum {
+    Step = "step",
+    Unset = "unset"
+}
+export declare type RouteType = `${RouteEnum}`;
+export declare type PayRouteType = `${PayRouteEnum}`;
+export declare type DeviceStatusType = `${EftposEnum}`;
+export declare type StatusType = `${StatusEnum}`;
+export declare type ModeType = `${ModeEnum}`;
+export interface PosProps {
+    /** 厂商类型 */
+    type: DeviceStatusType;
+    getApi: () => {
+        [key: string]: (...agrn: unknown[]) => Promise<unknown>;
+    };
+    params: {
+        [key: string]: unknown;
+    };
+    /** 回调 */
+    onChangeStatus: (status: `${StatusEnum.Success}` | `${StatusEnum.Fail}` | 'page' | 'print' | 'mark_tx_processed', params?: {
+        [keys: string]: unknown;
+    } | string, other?: any) => void;
+    onChangeParams(...agrn: unknown[]): void;
+    terminal: {
+        network: boolean;
+    };
+    device?: {
+        [key: string]: unknown;
+    };
+    mode: ModeEnum;
+    tyroUrl?: string;
+    tyroVersion?: string;
+    source: 'normal' | 'restore';
+    styles?: {
+        device?: CSSProperties;
+        [key: string]: CSSProperties | undefined;
+    };
+    isWebPos?: boolean;
+}
+export interface PayProps {
+    api: ReturnType<PosProps['getApi']>;
+    onChange: PosProps['onChangeStatus'];
+    className?: string;
+}
+export declare type Amount = {
+    name: string;
+    /** 订单金额 */
+    money: number;
+    /** 上一轮操作订单金额 */
+    amount: number;
+    /** 金额单位 */
+    symbol: string;
+    /** 手续费-百分率 */
+    surRate: number;
+    /** 手续费-是否开启 */
+    surMoney: number;
+    /** 手续费-是否存在 */
+    surcharge: boolean;
+    /** 是否使用原始手续费 */
+    useOriginSurcharge: boolean;
+};
+export declare type PayAmount = {
+    /** 手续费-百分比-带百分号  例: 1% =》 数据为 0.01 */
+    surPercentRate: string;
+    /** 手续费-百分比-不带百分号  例:1%  =》 数据为 1 */
+    surRate: string;
+    /** 手续费-比例金额   amount * surPercentRate  */
+    surRateMoney: string;
+    /** 手续费-固定金额 */
+    surMoney: string;
+    /** 手续费 =   surPercentRate + surMoney */
+    surcharge: string;
+    /** 支付金额 (不包含手续费) */
+    amount: string;
+    /** 支付总金额 =  amount + surcharge */
+    total: string;
+    /** 订单金额  */
+    sourceAmount: string;
+    /** 支付总金额带单位  + 单位 */
+    totalUnit: string;
+};
+export declare enum PayStatus {
+    'Success' = "200",
+    /** 未生成交易记录 */
+    'NoPay' = "4004",
+    /** 配对失效 */
+    'PairingFailure' = "606020",
+    /** 支付失败 */
+    'Unknown' = "701000",
+    /** 交易请求超时 */
+    'Timeout' = "701001",
+    /** 繁忙 EFTPOS终端暂时不可用，因为EFTPOS正在处理另一个请求。 */
+    'PayOtherEftposFailed' = "701003",
+    /** 购物者没有出示卡片/卡片金额不足/在线拒绝/卡已过期/卡被锁定 */
+    'PayCardErrorFailed' = "701004",
+    /** 断网 向EFTPOS发送消息失败。可能有网络问题，也可能没有连接websocket。 */
+    'NoNetWork' = "701005",
+    /** 交易等待超时 */
+    'PayTimeout' = "701006",
+    /** 连接失败 */
+    'SocketError' = "701007",
+    /** 银行拒绝 */
+    'PayBankRefuses' = "701008",
+    /** 签名拒绝 */
+    'SignatureDeclined' = "701009",
+    /** 配置参数错误 */
+    'UserConfigError' = "701010"
+}
+export interface ActionProps {
+    onChange: (status: `${StatusEnum.Success}` | `${StatusEnum.Fail}` | 'page', params?: {
+        [key: string]: unknown;
+    } | string) => void;
+    api: {
+        [key: string]: (...agrn: unknown[]) => Promise<unknown>;
+    };
+    className?: string;
+    isMobile?: boolean;
+    formatAmount: (amount: number | string, precision: number, symbol: string) => string;
+}

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

@@ -0,0 +1,25 @@
+import { CSSProperties } from 'react';
+import { PayProps, PosProps } from './const';
+import './device.less';
+/**
+ * @title: 设备选择页
+ * @description: 选择设备信息,无设备增加提示;仅有一条,默认选中跳走;多条记录则停留等待用户选择
+ * @return React.Element
+ * @Author: hongbing.wang
+ * @Date: 2024-08-12 11:40
+ */
+declare const _default: ({ api, onChange, onClose, className, device_number, isMobile, net, client, formatAmount, containerStyle, }: {
+    api: PayProps['api'];
+    className?: string | undefined;
+    onChange?: ((status: "page" | "success" | "print" | "fail" | "mark_tx_processed", params?: string | {
+        [keys: string]: unknown;
+    } | undefined, other?: any) => void) | undefined;
+    onClose: () => void;
+    device_number?: string | number | undefined;
+    isMobile: boolean;
+    net: boolean;
+    client: string;
+    formatAmount(amount: number | string, precision: number, symbol: string): string;
+    containerStyle: CSSProperties;
+}) => JSX.Element;
+export default _default;

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

@@ -0,0 +1,4 @@
+import { PosProps } from './const';
+import './index.less';
+declare const _default: (props: PosProps) => JSX.Element | null;
+export default _default;

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

@@ -0,0 +1,4 @@
+export declare const useTimeResultQuery: (api: any, resultCheck: () => boolean, handleLinklySuccess: (res: any) => void) => {
+    run: () => Promise<void>;
+    stop: () => void;
+};

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

@@ -0,0 +1,12 @@
+import { StatusEnum } from '../const';
+export declare const POS: ({ api, onChange, }: {
+    api: {
+        [key: string]: (...agrn: unknown[]) => Promise<unknown>;
+    };
+    onChange: (status: `${StatusEnum.Success}` | `${StatusEnum.Fail}`, params?: {
+        [keys: string]: unknown;
+    } | undefined) => void;
+}) => JSX.Element;
+export declare const Action: ({ onChange }: {
+    onChange: any;
+}) => JSX.Element;

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

@@ -0,0 +1,66 @@
+interface RunApiParams {
+    [key: string]: any;
+}
+export declare enum ActionType {
+    Pay = "pay",
+    Refund = "refund",
+    Query = "query"
+}
+interface UsePaymentOptions {
+    /**
+     * 支付接口
+     */
+    payApi: (params: RunApiParams, options?: {
+        signal?: AbortSignal;
+    }) => Promise<any>;
+    /**
+     * 退款接口
+     */
+    refundApi?: (params: RunApiParams, options?: {
+        signal?: AbortSignal;
+    }) => Promise<any>;
+    /**
+     * 查询接口
+     */
+    checkApi: (params: {
+        number: string;
+    }, options?: {
+        signal?: AbortSignal;
+    }) => Promise<any>;
+    /**
+     * 检查是否应该继续处理结果（用于处理网络断开、组件卸载等情况）
+     */
+    shouldContinue?: () => boolean;
+}
+interface RunParams {
+    /** 支付类型 */
+    paymentType: ActionType;
+    /** 支付交易号 */
+    paymentNum: string;
+    /** 订单ID */
+    orderId?: string | number;
+    /** 设备ID */
+    deviceId?: string | number;
+    /** 支付参数 */
+    params: RunApiParams;
+    /** 回调方法 */
+    callbacks: RunCallbacks;
+}
+interface RunCallbacks {
+    /**
+     * 成功回调
+     */
+    onSuccess: (res: any) => void;
+    /**
+     * 失败回调
+     */
+    onError: (error: any) => void;
+}
+export declare const usePayment: (options: UsePaymentOptions) => {
+    run: (options: RunParams) => Promise<void>;
+    stop: () => void;
+    clean: (params?: {
+        clearCallbacks?: boolean;
+    }) => void;
+};
+export {};

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

@@ -0,0 +1,16 @@
+export declare const getDeviceList: (params?: any, config?: any) => Promise<any>;
+export declare const getEftposList: (params?: any, config?: any) => Promise<any>;
+export declare const updateEftpos: (params: any, config?: any) => Promise<any>;
+export declare const deviceDefault: (params: any, config?: any) => Promise<any>;
+export declare const deleteDevice: (params: any, config?: any) => Promise<any>;
+export declare const addDevice: (params: any, config?: any) => Promise<any>;
+export declare const editDevice: (params: any, config?: any) => Promise<any>;
+export declare const verifyData: (params: any, config?: any) => Promise<any>;
+export declare const getTransaction: (params: any, config?: any) => Promise<any>;
+export declare const payButton: (params: any, config?: any) => Promise<any>;
+export declare const payData: (params: any, config?: any) => Promise<any>;
+export declare const refundData: (params: any, config?: any) => Promise<any>;
+export declare const addTransaction: (params: any, config?: any) => Promise<any>;
+export declare const editTransaction: (id: any, params: any, config?: any) => Promise<any>;
+export declare const linklyPayQuery: (params: any, config?: any) => Promise<any>;
+export declare const linklyRefundQuery: (params: any, config?: any) => Promise<any>;

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

@@ -0,0 +1,9 @@
+import React from 'react';
+declare const _default: ({ api, onChange, children, url, version, }: {
+    api: any;
+    onChange: any;
+    children?: React.ReactNode;
+    url?: string | undefined;
+    version?: string | undefined;
+}) => JSX.Element;
+export default _default;

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 declare const RemoveOptionConfirmModal: (props: any) => JSX.Element;
 export default RemoveOptionConfirmModal;

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

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

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './index.less';
 declare type CallToBookProps = {
     show: boolean;

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

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

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './index.less';
 declare type CalenDateWeekProps = {
     currentDate: string;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const BookingOptions: (props: {
     onChangeBookingOption?: ((bookingOption: any) => void) | undefined;
 }) => JSX.Element;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { CalendarDataItem } from '../../type';
 declare type CalendarItemProps = {
     month: string;

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

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

package/lib/components/list/ResponsiveWrapper.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import { ListProps, ResponsiveConfig, ResponsiveWrapperProps } from './types';
+/**
+ * ResponsiveWrapper 响应式包装器组件
+ * 根据不同设备类型自动选择合适的配置
+ */
+declare const ResponsiveWrapper: React.FC<ResponsiveWrapperProps>;
+/**
+ * 用于创建响应式配置的工具函数
+ */
+export declare const createResponsiveConfig: (overrides?: {
+    pc?: Partial<ListProps>;
+    pad?: Partial<ListProps>;
+    mobile?: Partial<ListProps>;
+}) => ResponsiveConfig;
+export default ResponsiveWrapper;