@pisell/private-materials 6.7.6 → 6.7.8

package/lib/components/schedules/components/CurrentDay/index.d.ts

@@ -1,8 +1,8 @@
-/// <reference types="react" />
+import React from "react";
 import "./index.less";
 declare type CurrentDayProps = {
     onClose: () => void;
     currentDay?: string;
 };
-declare const CurrentDay: (props: CurrentDayProps) => JSX.Element | null;
+declare const CurrentDay: (props: CurrentDayProps) => React.JSX.Element | null;
 export default CurrentDay;

package/lib/components/schedules/components/ResourceList/index.d.ts

@@ -10,5 +10,5 @@ interface ResourceListProps {
     loading: boolean;
     onClick?: (item: ResourceItem) => void;
 }
-declare const ResourceList: (props: ResourceListProps) => JSX.Element;
+declare const ResourceList: (props: ResourceListProps) => React.JSX.Element;
 export default ResourceList;

package/lib/components/schedules/components/ScheduleDetailList/index.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from "react";
 import { ScheduleItem } from "../../type";
 import "./index.less";
 declare type ScheduleDetailListPropsType = {
@@ -12,5 +12,5 @@ declare type ScheduleDetailListPropsType = {
  * @param props
  * @constructor
  */
-declare const ScheduleDetailList: (props: ScheduleDetailListPropsType) => JSX.Element;
+declare const ScheduleDetailList: (props: ScheduleDetailListPropsType) => React.JSX.Element;
 export default ScheduleDetailList;

package/lib/components/schedules/components/ScheduleList/RenderScheduleItem/index.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import './index.less';
 import { ScheduleItem } from '../../../type';
 declare type Item = any;
@@ -8,5 +8,5 @@ interface RenderScheduleItemProps {
     onDelete?: (item: ScheduleItem) => void;
     showDeleteIcon?: boolean;
 }
-declare const RenderScheduleItem: ({ item, onItemClick, onDelete, showDeleteIcon, }: RenderScheduleItemProps) => JSX.Element;
+declare const RenderScheduleItem: ({ item, onItemClick, onDelete, showDeleteIcon, }: RenderScheduleItemProps) => React.JSX.Element;
 export default RenderScheduleItem;

package/lib/components/schedules/components/ScheduleList/index.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { ButtonProps } from 'antd';
 import { ScheduleItem } from '../../type';
 import './index.less';
@@ -17,5 +17,5 @@ declare type ScheduleListType = {
  * @param props
  * @constructor
  */
-declare const ScheduleList: (props: ScheduleListType) => JSX.Element;
+declare const ScheduleList: (props: ScheduleListType) => React.JSX.Element;
 export default ScheduleList;

package/lib/components/schedules/components/Search/index.d.ts

@@ -4,5 +4,5 @@ declare type SearchProps = {
     onChange: (value: string) => void;
     style?: React.CSSProperties;
 };
-declare const Search: (props: SearchProps) => JSX.Element;
+declare const Search: (props: SearchProps) => React.JSX.Element;
 export default Search;

package/lib/components/schedules/products/ProductDetailDrawer/ProductDetail/MaxParticipantsModule/index.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from "react";
 import "./index.less";
 declare const MaxParticipantsModule: ({ form, value, onChange, useSchedule, isAutoChange, onData, }: {
     form: any;
@@ -7,5 +7,5 @@ declare const MaxParticipantsModule: ({ form, value, onChange, useSchedule, isAu
     useSchedule?: any;
     onData?: any;
     isAutoChange: boolean;
-}) => JSX.Element;
+}) => React.JSX.Element;
 export default MaxParticipantsModule;

package/lib/components/schedules/products/ProductDetailDrawer/ProductDetail/ResourcesModule/index.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
+import React from "react";
 declare const ResourcesModule: ({ product }: {
     product: any;
-}) => JSX.Element;
+}) => React.JSX.Element;
 export default ResourcesModule;

package/lib/components/schedules/products/ProductDetailDrawer/ProductDetail/SchedulesModule/AddSchedules/index.d.ts

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

package/lib/components/schedules/products/ProductDetailDrawer/ProductDetail/SchedulesModule/index.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from "react";
 import "./index.less";
 declare type Value = number[];
 declare const SchedulesModule: ({ value, onChange, drawerContainer, ruleFn, tabKey, previewItemChange, isSelf, isTitle, }: {
@@ -10,5 +10,5 @@ declare const SchedulesModule: ({ value, onChange, drawerContainer, ruleFn, tabK
     previewItemChange?: any;
     isSelf?: boolean | undefined;
     isTitle?: boolean | undefined;
-}) => JSX.Element;
+}) => React.JSX.Element;
 export default SchedulesModule;

package/lib/components/schedules/products/ProductDetailDrawer/ProductDetail/index.d.ts

@@ -1,7 +1,7 @@
-/// <reference types="react" />
+import React from "react";
 import "./index.less";
 declare const ProductDetail: ({ form, currentProduct, }: {
     form: any;
     currentProduct: any;
-}) => JSX.Element;
+}) => React.JSX.Element;
 export default ProductDetail;

package/lib/components/schedules/products/ProductDetailDrawer/ProductDetailByDate/index.d.ts

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

package/lib/components/schedules/products/ProductDetailDrawer/index.d.ts

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

package/lib/components/schedules/products/index.d.ts

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

package/lib/components/schedules/products/list/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/schedules/products/list/index.d.ts

@@ -1,8 +1,8 @@
-/// <reference types="react" />
+import React from 'react';
 import './index.less';
 interface ProductListProps {
     loading: boolean;
     list: any[];
 }
-declare const ProductList: ({ loading, list }: ProductListProps) => JSX.Element;
+declare const ProductList: ({ loading, list }: ProductListProps) => React.JSX.Element;
 export default ProductList;

package/lib/components/schedules/resources/index.d.ts

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

package/lib/components/schedules/resources/list/index.d.ts

@@ -1,9 +1,9 @@
-/// <reference types="react" />
+import React from "react";
 import "./index.less";
 declare type ResourcesListProps = {
     list: any;
     itemClick?: (item: any) => void;
     addClick?: () => void;
 };
-declare const ResourcesList: (props: ResourcesListProps) => JSX.Element;
+declare const ResourcesList: (props: ResourcesListProps) => React.JSX.Element;
 export default ResourcesList;

package/lib/components/schedules/resources/relationProduct/index.d.ts

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

package/lib/components/schedules/schedules/AllSchedules/index.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { ScheduleItem } from '../../type';
 import './index.less';
 declare type AllSchedulesPropsType = {
@@ -11,5 +11,5 @@ declare type AllSchedulesPropsType = {
  * @param props
  * @constructor
  */
-declare const AllSchedules: (props: AllSchedulesPropsType) => JSX.Element;
+declare const AllSchedules: (props: AllSchedulesPropsType) => React.JSX.Element;
 export default AllSchedules;

package/lib/components/schedules/schedules/ScheduleDetailDrawer/index.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from "react";
 import type { DrawerProps } from "antd";
 import { ScheduleItem } from "../../type";
 import "./index.less";
@@ -16,5 +16,5 @@ declare type ScheduleDetailDrawerPropsType = {
  * @param props
  * @constructor
  */
-declare const ScheduleDetailDrawer: (props: ScheduleDetailDrawerPropsType) => JSX.Element;
+declare const ScheduleDetailDrawer: (props: ScheduleDetailDrawerPropsType) => React.JSX.Element;
 export default ScheduleDetailDrawer;

package/lib/components/schedules/schedules/Schedules.d.ts

@@ -26,5 +26,5 @@ declare type SchedulesPropsType = {
  * @param props
  * @constructor
  */
-declare const Schedules: (props: SchedulesPropsType) => JSX.Element;
+declare const Schedules: (props: SchedulesPropsType) => React.JSX.Element;
 export default Schedules;

package/lib/components/schedules/schedules/SchedulesForDay/index.d.ts

@@ -15,5 +15,5 @@ declare type SchedulesForDayPropsType = {
  * @param props
  * @constructor
  */
-declare const SchedulesForDay: (props: SchedulesForDayPropsType) => JSX.Element;
+declare const SchedulesForDay: (props: SchedulesForDayPropsType) => React.JSX.Element;
 export default SchedulesForDay;

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

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

package/lib/components/shoppingCart/Provider.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
 export declare const CartContext: React.Context<any>;
-export declare const CartProvider: ({ children, props, onCard, onAction, onChange, onAddProduct, onActiveKey, }: any) => JSX.Element;
+export declare const CartProvider: ({ children, props, onCard, onAction, onChange, onAddProduct, onActiveKey, }: any) => React.JSX.Element;

package/lib/components/shoppingCart/components/Cart/Product.d.ts

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

package/lib/components/shoppingCart/components/Cart/index.d.ts

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

package/lib/components/shoppingCart/components/Empty/index.d.ts

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

package/lib/components/shoppingCart/components/Render/index.d.ts

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

package/lib/components/shoppingCart/hooks/useAddService.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-declare const useAddService: (id?: number, type?: string) => JSX.Element | null;
+import React from 'react';
+declare const useAddService: (id?: number, type?: string) => React.JSX.Element | null;
 export default useAddService;

package/lib/components/shoppingCart/hooks/useClearCart.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-declare const useClearCart: (key?: number | undefined) => JSX.Element | null;
+import React from 'react';
+declare const useClearCart: (key?: number | undefined) => React.JSX.Element | null;
 export default useClearCart;

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { shoppingCartProps } from './type';
-declare const shoppingCart: ({ onCard, onAction, onChange, onAddProduct, onActiveKey, ...props }: shoppingCartProps) => JSX.Element;
+declare const shoppingCart: ({ onCard, onAction, onChange, onAddProduct, onActiveKey, ...props }: shoppingCartProps) => React.JSX.Element;
 export default shoppingCart;

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

@@ -18,5 +18,5 @@ interface SubTotalProps extends React.HTMLAttributes<HTMLDivElement> {
     mode?: 'column1' | 'column2';
     describe?: string;
 }
-declare const SubTotal: (props: SubTotalProps) => JSX.Element;
+declare const SubTotal: (props: SubTotalProps) => React.JSX.Element;
 export default SubTotal;

package/lib/components/subTotal/index.js

@@ -74,7 +74,7 @@ var Item = (props) => {
     }
     let str = "";
     str = str + (tax == null ? void 0 : tax.title);
-    str = str + " " + (Number(tax.rate) * 100).toFixed(2) + "%";
+    str = str + " " + Number(tax.rate) * 100 + "%";
     if (tax == null ? void 0 : tax.is_price_include_tax) {
       str = str + " " + import_utils.locales.getText("pisell2.subtotal.included");
     } else {

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

@@ -12,5 +12,5 @@ export interface TabProductProps {
     stickyTop?: number;
     name?: string | number;
 }
-declare const TabProduct: (props: TabProductProps) => JSX.Element;
+declare const TabProduct: (props: TabProductProps) => React.JSX.Element;
 export default TabProduct;

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

@@ -1,5 +1,5 @@
-/// <reference types="react" />
 import { SelectProps } from "antd";
+import React from "react";
 import "./index.less";
 interface TaxSelectProps {
     selectProps?: SelectProps;
@@ -8,5 +8,5 @@ interface TaxSelectProps {
     tax_title?: string;
     onChange: (value: string) => void;
 }
-declare const TaxSelect: (props: TaxSelectProps) => JSX.Element;
+declare const TaxSelect: (props: TaxSelectProps) => React.JSX.Element;
 export default TaxSelect;

package/lib/components/ticketBooking/components/ProductDisplayAdapter/ProductDisplayAdapter.js

@@ -107,7 +107,6 @@ var ProductDisplayAdapter = (props) => {
         category: ((_b = (_a = item.category) == null ? void 0 : _a.map) == null ? void 0 : _b.call(_a, (category) => `${category.id}`)) || []
       };
     });
-    console.log(tabData, "tabData123");
     return /* @__PURE__ */ import_react.default.createElement(
       "div",
       {

package/lib/components/ticketBooking/components/ProductDisplayAdapter/utils.d.ts

@@ -28,8 +28,6 @@ interface ProductCategory {
     icon?: string;
     slug?: string;
     sort?: number;
-    /** 父级分类 ID，0 或 null/undefined 表示一级分类 */
-    parent_id?: number | null;
 }
 /**
  * 产品项接口
@@ -40,42 +38,13 @@ interface Product {
     category?: ProductCategory[];
     [key: string]: any;
 }
-/**
- * 分类树节点接口（Switch 模式返回值）
- */
-export interface CategoryTreeNode {
-    /** 分类 ID，All 节点为 '{父级路径}_all' 格式 */
-    id: number | string;
-    /** 分类唯一标识 兼容 List 组件的 key 字段 */
-    key: number | string;
-    /** 分类名称 兼容 List 组件的 label 字段 */
-    label: string;
-    /** 分类分组 兼容 List 组件的 group 字段 */
-    group: number | string;
-    /** 分类名称 */
-    name: string;
-    /** 分类图标 */
-    icon?: string;
-    /**
-     * 路径式父级标识
-     * - 一级分类：无此字段
-     * - 二级分类：'1'（父级 id）
-     * - 三级分类：'1_2'（路径格式）
-     * - 以此类推
-     */
-    pid?: string;
-    /** 该分类下所有商品的 ID 数组（包含子分类的商品） */
-    productIds: number[];
-    /** 子分类列表，如果有子分类，第一个为 All 节点 */
-    children?: CategoryTreeNode[];
-}
 /**
  * 根据产品数据生成分类 Tabs（Switch 模式）
  * 参考 TestResponsiveWrapper 的 generateSimpleTabItems 函数
  *
  * @param products 产品列表
  * @param tabStyle tab 样式类型
- * @returns Switch 模式返回 CategoryTreeNode[]，Anchor 模式返回 TabItem[]
+ * @returns TabItem 数组
  */
-export declare const generateProductTabs: (products: Product[], tabStyle?: 'switch' | 'anchor') => CategoryTreeNode[] | TabItem[];
+export declare const generateProductTabs: (products: Product[], tabStyle?: 'switch' | 'anchor') => TabItem[];
 export {};

package/lib/components/ticketBooking/components/ProductDisplayAdapter/utils.js

@@ -38,13 +38,33 @@ var formatSkuDataSource = (dataSource) => {
 };
 var generateProductTabs = (products, tabStyle = "switch") => {
   if (!products || products.length === 0) {
-    if (tabStyle === "switch") {
-      return [];
-    }
     return [{ key: "all", label: import_utils.locales.getText("pisell2.ticket-booking.all") }];
   }
   if (tabStyle === "switch") {
-    return buildCategoryTree(products);
+    const categoryMap = /* @__PURE__ */ new Map();
+    products.forEach((product) => {
+      if (product.category && Array.isArray(product.category)) {
+        product.category.forEach((cat) => {
+          if (!categoryMap.has(cat.id)) {
+            categoryMap.set(cat.id, cat);
+          }
+        });
+      }
+    });
+    const sortedCategories = Array.from(categoryMap.values()).sort(
+      (a, b) => (b.sort || 0) - (a.sort || 0)
+    );
+    const tabs = [
+      { key: "all", label: import_utils.locales.getText("pisell2.ticket-booking.all") }
+    ];
+    sortedCategories.forEach((category) => {
+      tabs.push({
+        key: String(category.id),
+        label: category.name,
+        group: String(category.id)
+      });
+    });
+    return tabs;
   } else {
     const categoryCount = products.reduce((acc, product) => {
       if (product.category && Array.isArray(product.category)) {
@@ -74,86 +94,6 @@ var generateProductTabs = (products, tabStyle = "switch") => {
     return tabs;
   }
 };
-var buildCategoryTree = (products) => {
-  const categoryMap = /* @__PURE__ */ new Map();
-  const categoryProductMap = /* @__PURE__ */ new Map();
-  products.forEach((product) => {
-    if (product.category && Array.isArray(product.category)) {
-      product.category.forEach((cat) => {
-        if (!categoryMap.has(cat.id)) {
-          categoryMap.set(cat.id, cat);
-        }
-        if (!categoryProductMap.has(cat.id)) {
-          categoryProductMap.set(cat.id, /* @__PURE__ */ new Set());
-        }
-        categoryProductMap.get(cat.id).add(product.id);
-      });
-    }
-  });
-  const childrenMap = /* @__PURE__ */ new Map();
-  const rootCategories = [];
-  categoryMap.forEach((category, id) => {
-    const parentId = category.parent_id;
-    if (!parentId || parentId === 0) {
-      rootCategories.push(id);
-    } else {
-      if (!childrenMap.has(parentId)) {
-        childrenMap.set(parentId, []);
-      }
-      childrenMap.get(parentId).push(id);
-    }
-  });
-  const sortBySort = (ids) => {
-    return ids.sort((a, b) => {
-      const catA = categoryMap.get(a);
-      const catB = categoryMap.get(b);
-      return ((catB == null ? void 0 : catB.sort) || 0) - ((catA == null ? void 0 : catA.sort) || 0);
-    });
-  };
-  const buildNode = (categoryId, parentPath) => {
-    const category = categoryMap.get(categoryId);
-    const childIds = childrenMap.get(categoryId) || [];
-    const sortedChildIds = sortBySort([...childIds]);
-    const directProductIds = Array.from(categoryProductMap.get(categoryId) || []);
-    const currentPath = parentPath ? `${parentPath}_${categoryId}` : String(categoryId);
-    const pid = parentPath || void 0;
-    const node = {
-      id: categoryId,
-      key: categoryId,
-      group: categoryId,
-      label: category.name,
-      name: category.name,
-      icon: category.icon,
-      productIds: directProductIds
-    };
-    if (pid) {
-      node.pid = pid;
-    }
-    if (sortedChildIds.length > 0) {
-      const childNodes = sortedChildIds.map(
-        (childId) => buildNode(childId, currentPath)
-      );
-      const allChildProductIds = childNodes.reduce((acc, child) => {
-        return acc.concat(child.productIds);
-      }, []);
-      const mergedProductIds = Array.from(
-        /* @__PURE__ */ new Set([...directProductIds, ...allChildProductIds])
-      );
-      node.productIds = mergedProductIds;
-      node.children = [...childNodes];
-    }
-    return node;
-  };
-  const sortedRootIds = sortBySort([...rootCategories]);
-  const rootNodes = sortedRootIds.map((rootId) => buildNode(rootId, ""));
-  if (rootNodes.length > 0) {
-    const allProductIds = Array.from(
-      new Set(rootNodes.flatMap((node) => node.productIds))
-    );
-    return [...rootNodes];
-  }
-  return rootNodes;
-};
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   formatSkuDataSource,

package/lib/components/ticketBooking/components/addServiceVariant/addService.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { ProductDisplayConfig, ProductDisplayPresetKey } from '../ProductDisplayAdapter';
 import './index.less';
 interface AddServiceProps {
@@ -28,5 +28,5 @@ interface AddServiceProps {
      */
     productDisplayConfig?: ProductDisplayPresetKey | ProductDisplayConfig;
 }
-declare const AddSerivce: (props: AddServiceProps) => JSX.Element | null;
+declare const AddSerivce: (props: AddServiceProps) => React.JSX.Element | null;
 export default AddSerivce;

package/lib/components/ticketBooking/components/addServiceVariant/addService.js

@@ -76,6 +76,7 @@ var AddSerivce = (props) => {
   const context = (0, import_useEngineContext.default)();
   const platform = (0, import_useEngineContext.usePlatform)();
   const notAvailableRef = (0, import_react.useRef)(null);
+  const isLoadedServiceRef = (0, import_react.useRef)(false);
   import_utils2.request.setRequest(context.appHelper.utils.request);
   const isActive = (0, import_IsActiveContext.useIsActive)();
   const Toast = (0, import_materials.useToast)();

package/lib/components/ticketBooking/components/addServiceVariant/index.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { ProductDisplayConfig, ProductDisplayPresetKey } from '../ProductDisplayAdapter/types';
 interface AddServiceVariantProps {
     globalState: any;
@@ -7,5 +7,5 @@ interface AddServiceVariantProps {
     onGetProductsReady?: (getProducts: any) => void;
     productDisplayConfig?: ProductDisplayPresetKey | ProductDisplayConfig;
 }
-declare const AddServiceVariant: (props: AddServiceVariantProps) => JSX.Element;
+declare const AddServiceVariant: (props: AddServiceVariantProps) => React.JSX.Element;
 export default AddServiceVariant;

package/lib/components/ticketBooking/components/floatButtons/index.d.ts

@@ -7,5 +7,5 @@ interface FloatButtonsProps {
         key: string;
     }[];
 }
-declare const FloatButtons: (props: FloatButtonsProps) => JSX.Element;
+declare const FloatButtons: (props: FloatButtonsProps) => React.JSX.Element;
 export default FloatButtons;

package/lib/components/ticketBooking/components/menuBar/index.d.ts

@@ -1,8 +1,8 @@
-/// <reference types="react" />
+import React from 'react';
 import './index.less';
 interface MenuBarProps {
     activeNavKey?: string;
     onNavChange?: (key: string) => void;
 }
-declare const index: (props: MenuBarProps) => JSX.Element;
+declare const index: (props: MenuBarProps) => React.JSX.Element;
 export default index;