@pisell/private-materials 3.4.42 → 3.4.44

package/es/plus/productSelect/ProductCard/index.js

@@ -42,6 +42,8 @@ export var ProductCard = /*#__PURE__*/memo(function (_ref) {
     index = _ref.index,
     context = _ref.context,
     onSelect = _ref.onSelect,
+    onSelectCover = _ref.onSelectCover,
+    onSelectInfo = _ref.onSelectInfo,
     isSelected = _ref.isSelected,
     className = _ref.className,
     _ref$decorateConfig = _ref.decorateConfig,
@@ -116,10 +118,11 @@ export var ProductCard = /*#__PURE__*/memo(function (_ref) {
   var cardContent = /*#__PURE__*/React.createElement("div", {
     className: classNames("".concat(PREFIX, "__product-card"), className, {
       selected: isSelected
-    }),
-    onClick: function onClick() {
-      onSelect === null || onSelect === void 0 || onSelect(item);
-    },
+    })
+    // onClick={() => {
+    //   onSelect?.(item);
+    // }}
+    ,
     "data-index": index,
     "data-item-index": index
   }, isProductCover ? /*#__PURE__*/React.createElement("div", {
@@ -127,6 +130,9 @@ export var ProductCard = /*#__PURE__*/memo(function (_ref) {
     style: {
       width: imgWidth || 'auto',
       height: imgHeight || 'auto'
+    },
+    onClick: function onClick() {
+      onSelectCover === null || onSelectCover === void 0 || onSelectCover(item);
     }
   }, item.cover ? /*#__PURE__*/React.createElement("img", {
     loading: "lazy",
@@ -141,7 +147,10 @@ export var ProductCard = /*#__PURE__*/memo(function (_ref) {
       borderRadius: radius
     }
   }, getTextCover(item.title))) : null, /*#__PURE__*/React.createElement("div", {
-    className: "card-right"
+    className: "card-right",
+    onClick: function onClick() {
+      onSelectInfo === null || onSelectInfo === void 0 || onSelectInfo(item);
+    }
   }, !!isTitle ? /*#__PURE__*/React.createElement("div", {
     className: "title"
   }, item.title) : null, !!isSubtitle && item.subtitle ? /*#__PURE__*/React.createElement("div", {

package/es/plus/productSelect/index.d.ts

@@ -8,7 +8,7 @@ interface ProductSelectProps {
         grid: boolean;
         config: string;
     };
-    onChange: (value: any) => void;
+    onChange: (value: any, type?: string) => void;
     value?: number;
     loading?: boolean;
     style?: React.CSSProperties;
@@ -25,7 +25,8 @@ interface ProductSelectProps {
     productListSetting?: Partial<any>;
     /** 兼容scrollDom */
     customScrollParent?: HTMLElement | string;
+    hideCategoryWhenOne?: boolean;
 }
 export declare const PREFIX = "pisell-product-select";
-declare const index: ({ dataSource, emptyDescription, showSearch, scrollDom, offsetDom, style, token: customToken, onChange, value, selectedItems, productListSetting, customScrollParent, loading, layout, ...rest }: ProductSelectProps) => JSX.Element;
+declare const index: ({ dataSource, emptyDescription, showSearch, scrollDom, offsetDom, style, token: customToken, onChange, value, selectedItems, productListSetting, customScrollParent, loading, layout, hideCategoryWhenOne, ...rest }: ProductSelectProps) => JSX.Element;
 export default index;

package/es/plus/productSelect/index.js

@@ -1,5 +1,5 @@
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-var _excluded = ["dataSource", "emptyDescription", "showSearch", "scrollDom", "offsetDom", "style", "token", "onChange", "value", "selectedItems", "productListSetting", "customScrollParent", "loading", "layout"];
+var _excluded = ["dataSource", "emptyDescription", "showSearch", "scrollDom", "offsetDom", "style", "token", "onChange", "value", "selectedItems", "productListSetting", "customScrollParent", "loading", "layout", "hideCategoryWhenOne"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
@@ -67,6 +67,8 @@ var index = function index(_ref) {
     _ref$loading = _ref.loading,
     loading = _ref$loading === void 0 ? false : _ref$loading,
     layout = _ref.layout,
+    _ref$hideCategoryWhen = _ref.hideCategoryWhenOne,
+    hideCategoryWhenOne = _ref$hideCategoryWhen === void 0 ? false : _ref$hideCategoryWhen,
     rest = _objectWithoutProperties(_ref, _excluded);
   var searchRef = useRef(null);
   var _useState = useState(''),
@@ -113,6 +115,22 @@ var index = function index(_ref) {
       });
     });
   }, [_groupedList]);
+
+  /**
+   * @title: 是否隐藏分类
+   * @description:
+   * @param {*} useMemo
+   * @return {*}
+   * @Author: WangHan
+   * @Date: 2025-10-09 15:13
+   */
+  var isHideCategory = useMemo(function () {
+    if (hideCategoryWhenOne) {
+      // 只有一个分类或者没有分类
+      return (_categories === null || _categories === void 0 ? void 0 : _categories.length) === 1 || !(_categories !== null && _categories !== void 0 && _categories.length);
+    }
+    return false;
+  }, [_categories, hideCategoryWhenOne]);
   useEffect(function () {
     if (!(_categories !== null && _categories !== void 0 && _categories.length)) {
       setActiveKey('');
@@ -151,9 +169,9 @@ var index = function index(_ref) {
   var disabled = useMemo(function () {
     return !!(productListSetting !== null && productListSetting !== void 0 && productListSetting.list_max_length) && Array.isArray(selectedItems) && (selectedItems === null || selectedItems === void 0 ? void 0 : selectedItems.length) > 0;
   }, [productListSetting, selectedItems]);
-  var _onChange = useCallback(function (value) {
+  var _onChange = useCallback(function (value, type) {
     if (disabled) return;
-    onChange === null || onChange === void 0 || onChange(value);
+    onChange === null || onChange === void 0 || onChange(value, type);
   }, [disabled, onChange]);
   var debounceIndicator = useCallback(function (delay) {
     isIndicatorVisibleRef.current = true;
@@ -228,19 +246,19 @@ var index = function index(_ref) {
       // switchCategory('');
       setKeyword(e.target.value);
     }
-  })) : null, /*#__PURE__*/React.createElement(CategoryTabs, {
+  })) : null, !isHideCategory ? /*#__PURE__*/React.createElement(CategoryTabs, {
     activeKey: activeKey,
     items: _categories,
     onChange: switchCategory,
     loading: loading,
     skeleton: /*#__PURE__*/React.createElement(CategorySkeleton, null)
-  }), !loading && !(_groupedList !== null && _groupedList !== void 0 && _groupedList.length) ? /*#__PURE__*/React.createElement(PisellEmpty, {
+  }) : null, !loading && !(_groupedList !== null && _groupedList !== void 0 && _groupedList.length) ? /*#__PURE__*/React.createElement(PisellEmpty, {
     description: emptyDescription || locales.getText('pisell2.product-select.empty')
   }) : /*#__PURE__*/React.createElement(IntersectionObserverProvider, {
     rootMargin: "-270px 0px -270px 0px",
     priorityMode: "top"
   }, /*#__PURE__*/React.createElement(ProductList, {
-    className: "".concat(PREFIX, "__product-list"),
+    className: classNames("".concat(PREFIX, "__product-list"), _defineProperty({}, "".concat(PREFIX, "__product-list_hide_category"), isHideCategory)),
     loading: loading,
     data: loading ? MOCK_DATA : _groupedList,
     context: {
@@ -259,8 +277,15 @@ var index = function index(_ref) {
       return /*#__PURE__*/React.createElement(ProductCard, {
         index: index,
         item: item,
-        context: context,
-        onSelect: _onChange,
+        context: context
+        // onSelect={_onChange}
+        ,
+        onSelectCover: function onSelectCover(e) {
+          _onChange(e, 'cover');
+        },
+        onSelectInfo: function onSelectInfo(e) {
+          _onChange(e, 'info');
+        },
         isSelected: item.id === value,
         decorateConfig: productListSetting
       });

package/es/plus/productSelect/index.less

@@ -45,6 +45,10 @@
     padding: 0px 12px 12px;
   }
 
+  &__product-list_hide_category {
+    padding-top: 16px;
+  }
+
   &__tabs-wrapper {
     position: sticky;
     top: 0;

package/lib/components/Sales/Summary/utils.d.ts

@@ -30,7 +30,7 @@ export declare const calculateSubtotal: (items: CartItem[]) => string;
  * @return {*}
  * @Author: xiangfeng.xue
  */
-export declare const calculateTaxFee: (shopInfo: any, items: CartItem[]) => Decimal | "0.00";
+export declare const calculateTaxFee: (shopInfo: any, items: CartItem[]) => "0.00" | Decimal;
 /**
  * 计算所有价格明细
  * @param items - 购物车商品数组

package/lib/components/appointmentBooking/components/Cart/Item/index.d.ts

@@ -1,3 +1,3 @@
 import './index.less';
-declare const CartItem: ({ onNext }: any) => JSX.Element;
+declare const CartItem: ({ onNext, renderContactInfo }: any) => JSX.Element;
 export default CartItem;

package/lib/components/appointmentBooking/components/Cart/Item/index.js

@@ -45,7 +45,7 @@ var import_Total = __toESM(require("./Total"));
 var import_Deposit = __toESM(require("../../Deposit"));
 var import_utils3 = require("../utils");
 var import_index = require("./index.less");
-var CartItem = ({ onNext }) => {
+var CartItem = ({ onNext, renderContactInfo }) => {
   var _a, _b, _c, _d, _e;
   const appointmentBooking = (0, import_hooks.useAppointmentBooking)();
   const {
@@ -152,7 +152,9 @@ var CartItem = ({ onNext }) => {
   const products = (0, import_react.useMemo)(() => {
     if (!(carts == null ? void 0 : carts.length)) return [];
     carts.forEach((item) => {
-      item.isShowChangeHolder = !appointmentBooking.isTargetCartIdNormalProduct(item == null ? void 0 : item._id);
+      item.isShowChangeHolder = !appointmentBooking.isTargetCartIdNormalProduct(
+        item == null ? void 0 : item._id
+      );
     });
     if ((currentSelectedResources == null ? void 0 : currentSelectedResources.length) > 0) {
       const newCarts = carts.map((item) => {
@@ -181,7 +183,7 @@ var CartItem = ({ onNext }) => {
     {
       className: `appointment-cart-item-wrap ${(0, import_utils.isMobile)() ? "appointment-cart-mobile-item-wrap" : ""}`
     },
-    /* @__PURE__ */ import_react.default.createElement("div", { className: "content" }, /* @__PURE__ */ import_react.default.createElement(
+    /* @__PURE__ */ import_react.default.createElement("div", { className: "content" }, renderContactInfo ? renderContactInfo() : null, /* @__PURE__ */ import_react.default.createElement(
       import_shoppingCart.default,
       {
         productParams: {

package/lib/components/appointmentBooking/components/ConfirmInformation/index.js

@@ -41,6 +41,9 @@ var import_Item = __toESM(require("../Cart/Item"));
 var import_utils2 = require("../../utils");
 var import_utils3 = require("./utils");
 var import_index = require("./index.less");
+var import_ContactInfoContent = __toESM(require("../../../../plus/contactInfoModal/ContactInfoContent"));
+var import_antd = require("antd");
+var import_useLoginUser = __toESM(require("../../../../hooks/useLoginUser"));
 var ConfirmInformation = (0, import_react.forwardRef)((props, ref) => {
   var _a, _b;
   const hasSubscribedRef = (0, import_react.useRef)(false);
@@ -49,7 +52,69 @@ var ConfirmInformation = (0, import_react.forwardRef)((props, ref) => {
   const utils = (0, import_hooks.contextUtils)();
   const { pubsub } = context.appHelper.utils;
   const { appointmentBooking, summary, isAgreeDepositPolicy, setLoading } = (0, import_context.useAppointmentBookingContext)();
-  const { isRetailTemplate } = (0, import_hooks.useAppointmentBookingSetting)();
+  const { isRetailTemplate, bookingSetting } = (0, import_hooks.useAppointmentBookingSetting)();
+  console.log(bookingSetting, "bookingSetting");
+  const [form] = import_antd.Form.useForm();
+  const userInfo = (0, import_useLoginUser.default)();
+  const getContactsInfo = async () => {
+    var _a2;
+    let contacts_info = null;
+    try {
+      const res = await ((_a2 = appointmentBooking == null ? void 0 : appointmentBooking.getContactInfo) == null ? void 0 : _a2.call(appointmentBooking, {
+        key: "contacts_info"
+      }));
+      if ((res == null ? void 0 : res.code) == 200 && (res == null ? void 0 : res.data)) {
+        contacts_info = res == null ? void 0 : res.data;
+      }
+    } catch (error) {
+      console.log("error", error);
+      contacts_info = null;
+    }
+    const transfromCountryCallingCode = (code) => {
+      if (!code) {
+        return "";
+      }
+      return (code == null ? void 0 : code.startsWith("+")) ? code : `+${code}`;
+    };
+    if (contacts_info) {
+      const { first_name, last_name, phone, email } = contacts_info || {};
+      form.setFieldsValue({
+        first_name,
+        last_name,
+        phone: {
+          phone: phone == null ? void 0 : phone.phone,
+          countryCallingCode: transfromCountryCallingCode(
+            phone == null ? void 0 : phone.country_calling_code
+          ),
+          countryCode: phone == null ? void 0 : phone.country_code
+        },
+        email
+      });
+    } else {
+      console.log("userInfo", userInfo);
+      const {
+        first_name,
+        last_name,
+        phone,
+        email,
+        country_calling_code,
+        country_code
+      } = userInfo || {};
+      form.setFieldsValue({
+        first_name,
+        last_name,
+        phone: {
+          phone,
+          countryCallingCode: transfromCountryCallingCode(country_calling_code),
+          countryCode: country_code
+        },
+        email
+      });
+    }
+  };
+  (0, import_react.useEffect)(() => {
+    getContactsInfo();
+  }, []);
   const goPaymentFinish = (order_id, amount) => {
     var _a2;
     const url = `/payment-finish/success?order_id=${order_id}&amount=${Number(
@@ -60,17 +125,17 @@ var ConfirmInformation = (0, import_react.forwardRef)((props, ref) => {
   };
   (0, import_react.useEffect)(() => {
     if (isRetailTemplate) {
-      handleForm();
+      handleForm(false);
     }
   }, [isRetailTemplate]);
-  const handleForm = async (isSubmit) => {
+  const handleForm = async (isSubmit, extraData) => {
     var _a2;
     const carts = await appointmentBooking.getCart();
     const key = "isRetailFormSubmit";
     const isRetailFormSubmit = appointmentBooking.getOtherData(key);
     const callback = () => {
       if (isSubmit) {
-        onCheckout();
+        onCheckout(extraData);
       }
     };
     if (isRetailFormSubmit) {
@@ -94,7 +159,7 @@ var ConfirmInformation = (0, import_react.forwardRef)((props, ref) => {
       }
     });
   };
-  const handleNext = async () => {
+  const handleNext = async (extraData) => {
     var _a2;
     const { deposit } = summary;
     if ((deposit == null ? void 0 : deposit.hasDeposit) && ((_a2 = deposit == null ? void 0 : deposit.protocols) == null ? void 0 : _a2.length) > 0 && !isAgreeDepositPolicy) {
@@ -102,15 +167,15 @@ var ConfirmInformation = (0, import_react.forwardRef)((props, ref) => {
     }
     setLoading(true);
     if (isRetailTemplate) {
-      handleForm(true);
+      handleForm(true, extraData);
       return;
     }
-    onCheckout();
+    onCheckout(extraData);
   };
-  const onCheckout = async () => {
+  const onCheckout = async (extraData) => {
     try {
       const { deposit } = summary;
-      const { data } = await appointmentBooking.submitOrder();
+      const { data } = await appointmentBooking.submitOrder(extraData);
       const { is_deposit, deposit_amount, total_amount, order_id } = data || {};
       const _total = is_deposit ? deposit_amount : total_amount;
       if (_total > 0) {
@@ -143,8 +208,8 @@ var ConfirmInformation = (0, import_react.forwardRef)((props, ref) => {
       }, 50);
     }
   };
-  const handleSubmit = () => {
-    var _a2, _b2, _c, _d;
+  const handleSubmit = async () => {
+    var _a2, _b2, _c, _d, _e, _f, _g;
     if ((_b2 = (_a2 = utils == null ? void 0 : utils.businessUtils) == null ? void 0 : _a2.isGuestUser) == null ? void 0 : _b2.call(_a2)) {
       if (!hasSubscribedRef.current) {
         pubsub.subscribe("bind.guest.user", handleNext);
@@ -153,7 +218,28 @@ var ConfirmInformation = (0, import_react.forwardRef)((props, ref) => {
       (_d = (_c = utils == null ? void 0 : utils.businessUtils) == null ? void 0 : _c.openRegisterModal) == null ? void 0 : _d.call(_c, true);
       return;
     }
-    handleNext();
+    let contacts_info = null;
+    try {
+      if (showContactInfo) {
+        contacts_info = await form.validateFields();
+        const newPhone = {
+          phone: ((_e = contacts_info == null ? void 0 : contacts_info.phone) == null ? void 0 : _e.phone) || "",
+          country_calling_code: ((_f = contacts_info == null ? void 0 : contacts_info.phone) == null ? void 0 : _f.countryCallingCode) || "",
+          country_code: ((_g = contacts_info == null ? void 0 : contacts_info.phone) == null ? void 0 : _g.countryCode) || ""
+        };
+        contacts_info.phone = newPhone;
+        if ((contacts_info == null ? void 0 : contacts_info.first_name) || (contacts_info == null ? void 0 : contacts_info.last_name)) {
+          contacts_info.display_name = `${(contacts_info == null ? void 0 : contacts_info.first_name) || ""} ${(contacts_info == null ? void 0 : contacts_info.last_name) || ""}`;
+        } else {
+          contacts_info.display_name = "";
+        }
+        console.log("contacts_info", contacts_info);
+      }
+    } catch (error) {
+      console.log("error", error);
+      return;
+    }
+    handleNext({ contacts_info });
   };
   (0, import_react.useEffect)(() => {
     return () => {
@@ -164,7 +250,64 @@ var ConfirmInformation = (0, import_react.forwardRef)((props, ref) => {
   (0, import_react.useImperativeHandle)(ref, () => ({
     next: handleSubmit
   }));
-  return /* @__PURE__ */ import_react.default.createElement("div", { className: "appointment-confirm-information-wrap" }, (0, import_utils.isMobile)() ? /* @__PURE__ */ import_react.default.createElement(import_Item.default, { onNext: handleSubmit }) : /* @__PURE__ */ import_react.default.createElement("div", { className: "appointment-confirm-information-content" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "image" }, /* @__PURE__ */ import_react.default.createElement(
+  const showContactInfo = (0, import_react.useMemo)(() => {
+    let visible = false;
+    const { showContactInfo: showContactInfoValue, contactInfoSetting } = bookingSetting || {};
+    if (showContactInfoValue === 1 || showContactInfoValue === "1") {
+      const { showName, showPhone, showEmail } = contactInfoSetting || {};
+      if ((showName === 0 || showName === "0") && (showPhone === 0 || showPhone === "0") && (showEmail === 0 || showEmail === "0")) {
+        visible = false;
+      } else {
+        visible = true;
+      }
+    } else {
+      visible = false;
+    }
+    return visible;
+  }, [bookingSetting == null ? void 0 : bookingSetting.showContactInfo, bookingSetting == null ? void 0 : bookingSetting.contactInfoSetting]);
+  const renderContactInfo = () => {
+    const {
+      emailRequired,
+      nameRequired,
+      phoneRequired,
+      showEmail,
+      showName,
+      showPhone
+    } = (bookingSetting == null ? void 0 : bookingSetting.contactInfoSetting) || {};
+    if (!showContactInfo) {
+      return null;
+    }
+    return /* @__PURE__ */ import_react.default.createElement("div", { className: "appointment-confirm-information-contact-info-wrap" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "appointment-confirm-information-contact-info-title" }, import_utils.locales.getText("pisell2.text.contact-info.title")), /* @__PURE__ */ import_react.default.createElement(
+      import_ContactInfoContent.default,
+      {
+        dataSource: null,
+        form,
+        config: {
+          first_name: {
+            visible: showName === 0 ? false : true,
+            required: nameRequired === "required" ? true : false
+            // 姓名默认选填
+          },
+          last_name: {
+            visible: showName === 0 ? false : true,
+            required: nameRequired === "required" ? true : false
+            // 姓名默认选填
+          },
+          phone: {
+            visible: showPhone === 0 ? false : true,
+            required: phoneRequired === "optional" ? false : true
+            // 手机号默认必填
+          },
+          email: {
+            visible: showEmail === 0 ? false : true,
+            required: emailRequired === "optional" ? false : true
+            // 邮箱默认选填
+          }
+        }
+      }
+    ));
+  };
+  return /* @__PURE__ */ import_react.default.createElement("div", { className: "appointment-confirm-information-wrap" }, (0, import_utils.isMobile)() ? /* @__PURE__ */ import_react.default.createElement(import_Item.default, { onNext: handleSubmit, renderContactInfo }) : showContactInfo ? renderContactInfo() : /* @__PURE__ */ import_react.default.createElement("div", { className: "appointment-confirm-information-content" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "image" }, /* @__PURE__ */ import_react.default.createElement(
     "img",
     {
       src: `${config == null ? void 0 : config.awsStatic}/checkout_confirm.png`,

package/lib/components/appointmentBooking/components/ConfirmInformation/index.less

@@ -33,3 +33,18 @@
     }
   }
 }
+.appointment-confirm-information-contact-info-wrap {
+  .appointment-confirm-information-contact-info-title {
+    color: #1b1b1b;
+    font-size: 20px;
+    font-weight: 600;
+  }
+
+  .pisell-contact-info-modal-content {
+    padding: 14px 0;
+  }
+
+  .pisell-lowcode-form-item {
+    margin-bottom: 14px;
+  }
+}

package/lib/components/appointmentBooking/components/Services/index.js

@@ -70,7 +70,11 @@ var Services = (0, import_react.forwardRef)((props, ref) => {
       setProductLoading(false);
     });
   }, [isDateSelectedFirst]);
-  const handleSelectProduct = async (item) => {
+  const isShowProductDetailStepper = (0, import_react.useMemo)(() => {
+    const { productModuleParams } = (appointmentBooking == null ? void 0 : appointmentBooking.otherParams) || {};
+    return productModuleParams == null ? void 0 : productModuleParams.isShowProductDetailStepper;
+  }, [appointmentBooking == null ? void 0 : appointmentBooking.otherParams]);
+  const handleSelectProduct = async (item, clickType) => {
     let type = "";
     if (!isRetailTemplate) {
       type = await checkProductType(item == null ? void 0 : item.id);
@@ -82,7 +86,7 @@ var Services = (0, import_react.forwardRef)((props, ref) => {
       type: "pisell1.productDetail",
       data: {
         detail: { ...item, open_deposit: 1 },
-        setting: { can_input: true }
+        setting: { can_input: true, item_max_length: isShowProductDetailStepper, is_detail_open: clickType === "cover" }
       },
       callback: async (data) => {
         var _a, _b;
@@ -205,7 +209,8 @@ var Services = (0, import_react.forwardRef)((props, ref) => {
         cardSelectedBg: "var(--theme-color)"
       },
       productListSetting,
-      selectedItems: carts
+      selectedItems: carts,
+      hideCategoryWhenOne: true
     }
   ));
 });

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

@@ -103,4 +103,5 @@ export declare const useAppointmentBookingSetting: () => {
     setOtherData: (key: string, val: any) => any;
     getOtherData: (key: string) => any;
     formName: any;
+    bookingSetting: any;
 };