@pisell/private-materials 3.0.15 → 3.0.17

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

@@ -1,4 +1,18 @@
 import dayjs from 'dayjs';
+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;
 export declare const getDiscountTime: (service_times: number) => string;
 export declare const sliceDayIntoFiveMinutes: (config: any, locale: string) => {
     timeSlices: {
@@ -79,6 +93,7 @@ export declare const deleteCacheParams: () => void;
  * @Date: 2024-01-26 14:09
  */
 export declare const getServerItemExtend: (state: any, cacheItem: any, timeObj: any) => any;
+export declare const getProductTotalPrice: (item: any) => number;
 /**
  * @title: 判断 duration
  * @description: 用于处理不同格式的duration
@@ -95,3 +110,4 @@ export declare const getDuration: (duration: number | {
     value: number;
 } | "flexible";
 export declare const isWalkIn: (customer_id?: number | string) => boolean;
+export {};

package/es/components/booking/utils.js

@@ -7,12 +7,34 @@ function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToAr
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
 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; }
 function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
 function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 import dayjs from 'dayjs';
 import { locales } from "@pisell/utils";
 import { intersectionBy } from 'lodash';
+var Request = /*#__PURE__*/function () {
+  function Request() {
+    _classCallCheck(this, Request);
+    _defineProperty(this, "request", {});
+  }
+  _createClass(Request, [{
+    key: "setRequest",
+    value: function setRequest(val) {
+      this.request = val;
+    }
+  }, {
+    key: "getRequest",
+    value: function getRequest() {
+      return this.request;
+    }
+  }]);
+  return Request;
+}();
+export var request = new Request();
 export var getDiscountTime = function getDiscountTime(service_times) {
   if (!service_times) {
     return "";
@@ -498,6 +520,21 @@ export var getServerItemExtend = function getServerItemExtend(state, cacheItem,
   return _extend;
 };
 
+// 商品价格:   (商品价格 + (套餐价格 + 单规格价格 * 单规格数量) * 套餐数量)  * 商品数量
+export var getProductTotalPrice = function getProductTotalPrice(item) {
+  var _item$_extend;
+  var price = 0;
+  price += Number(item._extend.price);
+  var other = (_item$_extend = item._extend) === null || _item$_extend === void 0 ? void 0 : _item$_extend.other;
+  if (other !== null && other !== void 0 && other.bundle) {
+    // bundle
+    price = other === null || other === void 0 ? void 0 : other.bundle.reduce(function (accumulator, currentValue) {
+      return accumulator + Number(currentValue.price) * Number(currentValue.num);
+    }, price);
+  }
+  price = price;
+  return price;
+};
 /**
  * @title: 判断 duration
  * @description: 用于处理不同格式的duration

package/es/components/productExtension/fields/SelectResourcesTable/index.js

@@ -47,7 +47,8 @@ var SelectResourcesTable = function SelectResourcesTable(_ref) {
             _getFormTypes = getFormTypes({
               type: "manual",
               num: 500,
-              skip: 1
+              skip: 1,
+              status: "published"
             }, {
               useCache: true
             });

package/es/components/productExtension/locales.js

@@ -1,8 +1,8 @@
 export default {
   "en": {
     'pisell2.text.product-extension.please-select': "Please select",
-    'pisell2.text.product-extension.cut-off-time': 'Cut-off time',
-    'pisell2.text.product-extension.cut-off-time.desc': 'How long can I make an appointment before the event.Must be less than 168 hours',
+    'pisell2.text.product-extension.cut-off-time': 'Cut-off Time',
+    'pisell2.text.product-extension.cut-off-time.desc': 'Use this setting to prevent last minute events. For example: you can prevent same day booking (set 1 day) or prevent events less than 6 hours away.',
     'pisell2.text.product-extension.future-day': 'Future Day',
     'pisell2.text.product-extension.future-day.hint': 'The maximum number of days in the future that customers can book',
     'pisell2.text.product-extension.days': 'Days',
@@ -12,12 +12,12 @@ export default {
     'pisell2.text.product-extension.add-other-product': 'Add Other Product',
     'pisell2.text.product-extension.resource-type': 'Resource Type',
     'pisell2.text.product-extension.open': 'Open',
-    'pisell2.text.product-extension.options': 'Options'
+    'pisell2.text.product-extension.options': 'Items'
   },
   'zh-CN': {
     'pisell2.text.product-extension.please-select': "请选择",
     'pisell2.text.product-extension.cut-off-time': '截止时间',
-    'pisell2.text.product-extension.cut-off-time.desc': '用于配置活动开始前多久停止预约(最大设置168小时)',
+    'pisell2.text.product-extension.cut-off-time.desc': '使用此设置可防止最后一分钟的事件。 例如：您可以阻止当天预订（设置为 1 天）或阻止距离不到 6 小时的活动。',
     'pisell2.text.product-extension.future-day': '预定天数',
     'pisell2.text.product-extension.future-day.hint': '客户未来最多可预订天数',
     'pisell2.text.product-extension.days': '天',
@@ -32,7 +32,7 @@ export default {
   'zh-HK': {
     'pisell2.text.product-extension.please-select': "請選擇",
     'pisell2.text.product-extension.cut-off-time': '截止时间',
-    'pisell2.text.product-extension.cut-off-time.desc': '用於配置活動開始前多久停止預約(最大設置168小時)',
+    'pisell2.text.product-extension.cut-off-time.desc': '使用此設置可防止最後一分鐘的事件。例如：您可以阻止當天預訂（設置為 1 天）或阻止距離不到 6 小時的活動。',
     'pisell2.text.product-extension.future-day': '預定天數',
     'pisell2.text.product-extension.future-day.hint': '客戶未來最多可預訂天數',
     'pisell2.text.product-extension.days': '天',

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

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

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { CalendarDataItem, ScheduleItem } from "./type";
 import dayjs from "dayjs";
 export interface FormState {
@@ -69,7 +68,7 @@ export interface FormState {
     };
     setGlobalState: Function | null;
 }
-export declare const Provider: (ComponentUi: any) => (props: any) => any, Context: import("react").Context<{
+export declare const Provider: (ComponentUi: any) => (props: any) => JSX.Element, Context: import("react").Context<{
     state: FormState;
 } & {
     dispatch: (params: {

package/lib/components/booking/addons/index.d.ts

@@ -13,5 +13,5 @@ export interface InfoProps {
     setGlobalState: any;
 }
 export declare const formatProducts: (values: any) => any;
-declare const Addons: (props: any) => any;
+declare const Addons: (props: any) => JSX.Element;
 export default Addons;

package/lib/components/booking/addons/index.js

@@ -43,27 +43,59 @@ var import_selectProductItem = __toESM(require("../components/TabProduct/selectP
 var import_TabProduct = __toESM(require("../components/TabProduct"));
 var import_emptyBooking = __toESM(require("../components/emptyBooking"));
 var import_footer = __toESM(require("../components/footer"));
-var import_utils = require("../utils");
-var import_utils2 = require("@pisell/utils");
+var import_utils = require("../components/footer/utils");
+var import_utils2 = require("../utils");
+var import_utils3 = require("@pisell/utils");
 var import_index = require("./index.less");
 var formatProducts = (values) => {
   let arr = [];
   arr = values.map((item) => {
+    var _a, _b, _c;
     return {
       order_detail_id: item.order_detail_id || 0,
-      num: item.quantity,
-      price: item.price,
+      num: item._extend.quantity,
+      price: item._extend.price,
       product_id: item.id,
       discount_amount: 0,
       product_discount_reason: "",
       is_charge_tax: item.is_charge_tax,
       note: "",
       discountway: "num",
-      discount_type: "discount"
+      discount_type: "discount",
+      bundle_edit: (_a = item._extend) == null ? void 0 : _a.bundle_edit,
+      product_bundle: (0, import_utils.formatProductBundle)((_c = (_b = item._extend) == null ? void 0 : _b.other) == null ? void 0 : _c.bundle)
     };
   });
   return arr;
 };
+var restoreProductOtherData = (data) => {
+  let detail = data;
+  return {
+    product_id: detail.product_id,
+    option: [],
+    bundle: (detail.product_bundle || []).map((bundleItem) => {
+      return {
+        ...bundleItem,
+        title: bundleItem.bundle_title,
+        group_id: bundleItem.bundle_group_id,
+        id: bundleItem.bundle_id,
+        product_id: bundleItem.bundle_product_id,
+        bundle_variant_id: bundleItem.bundle_variant_id,
+        quantity: bundleItem.num,
+        option: bundleItem.option.map((optionItem) => {
+          return {
+            ...optionItem,
+            name: optionItem.name["auto"],
+            quantity: bundleItem.num,
+            product_option_item_id: optionItem.option_group_item_id
+          };
+        })
+      };
+    }),
+    product_variant_id: 0,
+    quantity: Number(detail.product_quantity)
+  };
+};
 var formatProductValues = (data) => {
   return data.map((d) => {
     return {
@@ -72,7 +104,15 @@ var formatProductValues = (data) => {
       title: d.product_title,
       quantity: d.product_quantity,
       cover: d.product_cover,
-      price: Number(d.selling_price),
+      price: Number(d.source_product_price),
+      _extend: {
+        total: Number(d.selling_price),
+        payment_price: Number(d.payment_price),
+        price: Number(d.source_product_price),
+        quantity: d.product_quantity,
+        bundle_edit: 0,
+        other: restoreProductOtherData(d)
+      },
       payment_price: Number(d.payment_price)
     };
   });
@@ -125,12 +165,17 @@ var Addons = (0, import_model.Provider)((props) => {
     let data = await state.apis.getProducts({
       skip: 1,
       num: 500,
-      extension_type: ["normal"],
+      extension_type: [
+        "normal",
+        "product_bundle",
+        "product_package_ticket",
+        "ticket"
+      ],
       with: ["category"],
-      include_formula: "no",
-      include_bundle: "no",
-      include_option: "no",
-      include_variant: "no",
+      // include_formula: "no",
+      // include_bundle: "no",
+      // include_option: "no",
+      // include_variant: "no",
       open_quotation: 1,
       with_schedule: 0
     });
@@ -143,26 +188,52 @@ var Addons = (0, import_model.Provider)((props) => {
   };
   const handleAddProduct = (item) => {
     let _list = [...state.addons.value];
-    let _item = _list.find((d) => d.id === item.id);
-    if (_item) {
-      _item.quantity = _item.quantity + 1;
-    } else {
-      _list.push({
-        ...item,
-        quantity: 1
-      });
-    }
-    dispatch({
-      type: "setAddons",
-      payload: {
-        value: _list,
-        showModal: false,
-        // 编辑态
-        edit: true
+    state.action({
+      type: "pisell1.handleOpenProductModal",
+      data: {
+        id: item.id,
+        date: state.date.value.format("YYYY-MM-DD"),
+        showConfig: {
+          option: false,
+          session: false,
+          variant: false,
+          package: true
+        }
+      },
+      callback: (e) => {
+        let product = {
+          ...item,
+          _id: (0, import_utils3.getUniqueId)(),
+          _key: e.key,
+          _extend: {
+            price: item.price,
+            other: e,
+            quantity: 1
+          },
+          quantity: 1
+        };
+        let _total = (0, import_utils2.getProductTotalPrice)(product);
+        product._extend.total = _total;
+        let _item = _list.find((d) => d._extend.other.key === e.key);
+        if (_item) {
+          _item._extend.quantity = _item.quantity + 1;
+        } else {
+          _list.push(product);
+        }
+        dispatch({
+          type: "setAddons",
+          payload: {
+            value: _list,
+            showModal: false,
+            // 编辑态
+            edit: true
+          }
+        });
       }
     });
   };
   const onChangeQuantity = (e, item) => {
+    var _a2;
     let quantity = e.target.value;
     let _list = [...state.addons.value];
     if (quantity == 0) {
@@ -170,8 +241,16 @@ var Addons = (0, import_model.Provider)((props) => {
     } else {
       let _item = {
         ...item,
-        quantity: Number(e.target.value)
+        _extend: {
+          ...item._extend,
+          quantity: Number(e.target.value)
+        }
       };
+      let _total = (0, import_utils2.getProductTotalPrice)(_item);
+      _item._extend.total = _total;
+      if (((_a2 = _item._extend) == null ? void 0 : _a2.bundle_edit) !== void 0) {
+        _item._extend.bundle_edit = 1;
+      }
       _list = _list.map((d) => d.id === item.id ? _item : d);
     }
     dispatch({
@@ -188,7 +267,7 @@ var Addons = (0, import_model.Provider)((props) => {
     const isIncludes = (str) => {
       return str.toLowerCase().indexOf(search.toLowerCase()) !== -1;
     };
-    return (0, import_utils.formatProductListByCategory)(
+    return (0, import_utils2.formatProductListByCategory)(
       _list,
       search ? (item) => isIncludes(item.title) : void 0
     );
@@ -222,7 +301,7 @@ var Addons = (0, import_model.Provider)((props) => {
           disabled: loading,
           onClick: handleOpenAdd
         },
-        import_utils2.locales.getText("pisell2.text.add")
+        import_utils3.locales.getText("pisell2.text.add")
       )
     ];
     return arr;
@@ -233,14 +312,58 @@ var Addons = (0, import_model.Provider)((props) => {
     }
     return /* @__PURE__ */ import_react.default.createElement(import_footer.default, { state, buttons: _footer, source: "addons" });
   }, [state, _footer]);
+  const editProductDetail = (item) => {
+    console.log("item._extend.other", item._extend.other);
+    state.action({
+      type: "pisell1.handleOpenProductModal",
+      data: {
+        id: item.id,
+        date: state.date.value.format("YYYY-MM-DD"),
+        showConfig: {
+          option: false,
+          session: false,
+          variant: false,
+          package: true
+        },
+        value: item._extend.other
+      },
+      callback: (e) => {
+        var _a2;
+        let product = {
+          ...item,
+          _extend: {
+            ...item._extend,
+            other: e
+          }
+        };
+        if (((_a2 = product._extend) == null ? void 0 : _a2.bundle_edit) !== void 0) {
+          product._extend.bundle_edit = 1;
+        }
+        let _total = (0, import_utils2.getProductTotalPrice)(product);
+        product._extend.total = _total;
+        let _list = [...state.addons.value];
+        console.log("cacheItem", product);
+        _list = _list.map((d) => d._id === product._id ? product : d);
+        dispatch({
+          type: "setAddons",
+          payload: {
+            value: _list,
+            showModal: false,
+            // 编辑态
+            edit: true
+          }
+        });
+      }
+    });
+  };
   return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(
     import_tabPane.default,
     {
       loading,
-      header: import_utils2.locales.getText("pisell2.text.addons"),
+      header: import_utils3.locales.getText("pisell2.text.addons"),
       footer
     },
-    !state.bookingId ? /* @__PURE__ */ import_react.default.createElement(import_emptyBooking.default, null) : /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, state.addons.value.length ? /* @__PURE__ */ import_react.default.createElement("div", { className: "", style: { margin: "0 -16px" } }, state.addons.value.map((d) => {
+    !state.bookingId ? /* @__PURE__ */ import_react.default.createElement(import_emptyBooking.default, null) : /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, state.addons.value.length ? /* @__PURE__ */ import_react.default.createElement("div", { className: "", style: { margin: "0 -32px" } }, state.addons.value.map((d) => {
       return /* @__PURE__ */ import_react.default.createElement(
         import_selectProductItem.default,
         {
@@ -248,6 +371,7 @@ var Addons = (0, import_model.Provider)((props) => {
           item: d,
           key: d.id,
           amountSymbol: state.amountSymbol,
+          onClick: editProductDetail,
           onChangeQuantity: (e) => {
             onChangeQuantity(e, d);
           }
@@ -256,13 +380,13 @@ var Addons = (0, import_model.Provider)((props) => {
     })) : /* @__PURE__ */ import_react.default.createElement(
       import_emptyBooking.default,
       {
-        description: import_utils2.locales.getText("pisell1.text.no-addons")
+        description: import_utils3.locales.getText("pisell1.text.no-addons")
       }
     ), /* @__PURE__ */ import_react.default.createElement(
       import_drawer.default,
       {
         open: state.addons.showModal,
-        title: import_utils2.locales.getText("pisell2.text.addons"),
+        title: import_utils3.locales.getText("pisell2.text.addons"),
         onClose: () => {
           dispatch({
             type: "setAddons",
@@ -277,7 +401,7 @@ var Addons = (0, import_model.Provider)((props) => {
           {
             prefix: /* @__PURE__ */ import_react.default.createElement(import_SearchLg.default, null),
             style: { marginTop: 16, height: 44 },
-            placeholder: import_utils2.locales.getText("pisell2.text.search"),
+            placeholder: import_utils3.locales.getText("pisell2.text.search"),
             allowClear: true,
             value: search,
             onChange: (e) => {

package/lib/components/booking/addons/model.d.ts

@@ -1,6 +1,5 @@
-/// <reference types="react" />
 import { FormState } from "../model";
-export declare const Provider: (ComponentUi: any) => (props: any) => any, Context: import("react").Context<{
+export declare const Provider: (ComponentUi: any) => (props: any) => JSX.Element, Context: import("react").Context<{
     state: FormState;
 } & {
     dispatch: (params: {

package/lib/components/booking/components/TabProduct/selectProductItem/index.js

@@ -36,6 +36,8 @@ var import_react = __toESM(require("react"));
 var import_utils = require("@pisell/utils");
 var import_classnames = __toESM(require("classnames"));
 var import_browserSelect = __toESM(require("../../browserSelect"));
+var import_collapsibleList = __toESM(require("../../collapsibleList"));
+var import_utils2 = require("../../collapsibleList/utils");
 var import_index = require("./index.less");
 var SelectProductItem = ({
   item,
@@ -46,6 +48,7 @@ var SelectProductItem = ({
   className,
   disabled
 }) => {
+  var _a, _b, _c, _d;
   const list = (0, import_utils.createArray)(100, (d, i) => {
     let item2 = {
       label: i,
@@ -72,16 +75,38 @@ var SelectProductItem = ({
         className: "server-select-product-cover"
       }
     ) : /* @__PURE__ */ import_react.default.createElement("div", null),
-    /* @__PURE__ */ import_react.default.createElement("div", { className: "server-select-product-content" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "server-select-product-content-left" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "server-select-product-title" }, item.title), /* @__PURE__ */ import_react.default.createElement("div", { className: "server-select-product-subtitle" }, item.subtitle || ""), /* @__PURE__ */ import_react.default.createElement("div", { className: "server-select-product-quantity" }, /* @__PURE__ */ import_react.default.createElement(
-      import_browserSelect.default,
+    /* @__PURE__ */ import_react.default.createElement("div", { className: "server-select-product-content" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "server-select-product-title" }, item.title), /* @__PURE__ */ import_react.default.createElement("div", { className: "server-select-product-subtitle" }, item.subtitle || ""), (((_b = (_a = item._extend) == null ? void 0 : _a.other) == null ? void 0 : _b.bundle) || []).length ? /* @__PURE__ */ import_react.default.createElement(
+      import_collapsibleList.default,
       {
-        options: list,
-        value: item.quantity,
-        onChange: onChangeQuantity,
-        style: { minWidth: 50 },
-        disabled
+        style: { width: "100%" },
+        list: ((_d = (_c = item._extend) == null ? void 0 : _c.other) == null ? void 0 : _d.bundle) || [],
+        renderItem: (item2) => (0, import_utils2.renderBundles)(item2, amountSymbol)
       }
-    ))), /* @__PURE__ */ import_react.default.createElement("div", { className: "server-select-product-content-right" }, (0, import_utils.formatAmount)(item.price * item.quantity, 2, amountSymbol)))
+    ) : null, /* @__PURE__ */ import_react.default.createElement(
+      "div",
+      {
+        className: "server-select-product-quantity",
+        onClick: (e) => {
+          e.preventDefault();
+          e.stopPropagation();
+        }
+      },
+      /* @__PURE__ */ import_react.default.createElement(
+        import_browserSelect.default,
+        {
+          options: list,
+          value: item._extend.quantity,
+          onChange: onChangeQuantity,
+          style: { minWidth: 50 },
+          disabled
+        }
+      ),
+      /* @__PURE__ */ import_react.default.createElement("div", { className: "server-select-product-total" }, (0, import_utils.formatAmount)(
+        item._extend.total * item._extend.quantity,
+        2,
+        amountSymbol
+      ))
+    ))
   );
 };
 var selectProductItem_default = SelectProductItem;

package/lib/components/booking/components/TabProduct/selectProductItem/index.less

@@ -3,7 +3,7 @@
   padding: 16px;
   position: relative;
   display: flex;
-  align-items: center;
+  align-items: flex-start;
   gap: 12px;
 
   &::before {
@@ -33,42 +33,49 @@
   .server-select-product-content {
     flex: 1;
     display: flex;
-    align-items: center;
+    flex-direction: column;
+    justify-content: space-between;
+    align-items: flex-start;
+    gap: 4px;
+    min-height: 80px;
 
-    .server-select-product-content-left {
-      flex: 1;
+    .server-select-product-title {
+      color: var(--Base-Black, #000);
+      font-size: 20px;
+      font-style: normal;
+      font-weight: 600;
+      line-height: 30px;
+    }
 
-      .server-select-product-title {
-        color: var(--Base-Black, #000);
-        font-size: 20px;
-        font-style: normal;
-        font-weight: 600;
-        line-height: 30px;
-      }
+    .server-select-product-subtitle {
+      color: var(--Gray-600, #475467);
+      font-size: 16px;
+      font-style: normal;
+      font-weight: 400;
+      line-height: 24px;
+    }
 
-      .server-select-product-subtitle {
-        color: var(--Gray-600, #475467);
-        font-size: 16px;
-        font-style: normal;
-        font-weight: 400;
-        line-height: 24px;
-      }
+    .server-select-product-quantity {
+      width: 100%;
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      color: var(--Gray-600, #475467);
 
-      .server-select-product-quantity {
-        color: var(--Gray-600, #475467);
+      font-size: 16px;
+      font-style: normal;
+      font-weight: 400;
 
+      .server-select-product-total {
+        color: var(--Base-Black, #000);
         font-size: 16px;
         font-style: normal;
-        font-weight: 400;
+        font-weight: 500;
+        line-height: 24px;
       }
     }
 
-    .server-select-product-content-right {
-      color: var(--Base-Black, #000);
-      font-size: 20px;
-      font-style: normal;
-      font-weight: 600;
-    }
+
 
   }
 

package/lib/components/booking/components/TabProduct/tabs/index.less

@@ -43,7 +43,10 @@
   }
 
   .booking-pisell-tabs-btn-left {
-    transform: rotate(180deg);
+    .booking-pisell-tabs-btn-icon {
+      transform: rotate(180deg);
+
+    }
   }
 
   .booking-pisell-tabs-btn-right {

package/lib/components/booking/components/collapsibleList/index.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+import "./index.less";
+interface CollapsibleListProps<T> {
+    list: T[];
+    renderItem: (item: T, index: number) => React.ReactNode;
+    className?: string;
+    style?: React.CSSProperties;
+    border?: boolean;
+}
+declare const CollapsibleList: React.FC<CollapsibleListProps<any>>;
+export default CollapsibleList;