@pisell/private-materials 3.4.87 → 3.4.88

package/es/components/shoppingCart/hooks/useClearCart.js

@@ -1,15 +1,23 @@
 function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
 function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
 function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
 function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
 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; }
-import React from 'react';
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import React, { useState, useCallback, useMemo } from 'react';
 import classNames from 'classnames';
-import { Iconfont } from '@pisell/materials';
+import { Iconfont, PisellModal } from '@pisell/materials';
 import { useContext } from "./useContext";
 import { locales } from '@pisell/utils';
 var useClearCart = function useClearCart(key) {
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    open = _useState2[0],
+    setOpen = _useState2[1];
   var _useContext = useContext(),
     state = _useContext.state,
     onChange = _useContext.onChange;
@@ -36,6 +44,7 @@ var useClearCart = function useClearCart(key) {
         return item === null || item === void 0 ? void 0 : item._id;
       });
       onChange(ids, 'delete_holders', key);
+      setOpen(false);
       return;
       products = products.filter(function (item) {
         return (item === null || item === void 0 ? void 0 : item.holder_id) !== key;
@@ -46,13 +55,34 @@ var useClearCart = function useClearCart(key) {
     // updateState(updateProduct(state, products));
     // onChange(products);
   };
-  return !disabledEdit && (holders === null || holders === void 0 ? void 0 : holders.length) > 0 && !isHideClearCart ? /*#__PURE__*/React.createElement("span", {
-    className: classNames('pisell-lowcode__shopping-cart-clear-btn', {
-      'pisell-lowcode__shopping-cart-clear-btn-empty': isProductList
-    }),
-    onClick: handleClear
-  }, /*#__PURE__*/React.createElement(Iconfont, {
-    type: "pisell2-trash-01"
-  }), /*#__PURE__*/React.createElement("span", null, locales.getText('pisell2.booking.info.text.clear-cart'))) : null;
+  var handleOpenModal = useCallback(function () {
+    setOpen(true);
+  }, []);
+  var handleCancel = useCallback(function () {
+    setOpen(false);
+  }, []);
+  return useMemo(function () {
+    var showClearBtn = !disabledEdit && (holders === null || holders === void 0 ? void 0 : holders.length) > 0 && !isHideClearCart;
+    return /*#__PURE__*/React.createElement(React.Fragment, null, showClearBtn ? /*#__PURE__*/React.createElement("span", {
+      className: classNames('pisell-lowcode__shopping-cart-clear-btn', {
+        'pisell-lowcode__shopping-cart-clear-btn-empty': isProductList
+      }),
+      onClick: handleOpenModal
+    }, /*#__PURE__*/React.createElement(Iconfont, {
+      type: "pisell2-trash-01"
+    }), /*#__PURE__*/React.createElement("span", null, locales.getText('pisell2.booking.info.text.clear-cart'))) : null, /*#__PURE__*/React.createElement(PisellModal, {
+      open: open,
+      title: locales.getText('pisell2.booking.info.text.clear-cart-modal.title'),
+      onOk: handleClear,
+      onCancel: handleCancel,
+      okText: locales.getText('pisell2.booking.info.text.clear-cart-modal.confirm'),
+      cancelText: locales.getText('pisell2.booking.info.text.clear-cart-modal.cancel'),
+      destroyOnClose: true
+    }, /*#__PURE__*/React.createElement("div", {
+      style: {
+        margin: '24px 0'
+      }
+    }, /*#__PURE__*/React.createElement("span", null, locales.getText('pisell2.booking.info.text.clear-cart-modal.content')))));
+  }, [open, disabledEdit, holders === null || holders === void 0 ? void 0 : holders.length, isHideClearCart, isProductList]);
 };
 export default useClearCart;

package/es/hooks/usePaymentLogger.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 interface LogData {
     key: string;
     value: any;

package/es/plus/pisellSalesManagement/config/booking.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export declare const getBookingStatusMap: () => Record<string, string>;
 export declare const BOOKING_STATUS_COLOR_MAP: Record<string, string>;
 export declare const getBookingPlatformMap: () => Record<string, string>;
@@ -19,7 +20,7 @@ export declare const getFilterButtonList: () => ({
         }[];
         minInputNumberProps?: undefined;
         maxInputNumberProps?: undefined;
-        component?: undefined;
+        readonly component?: undefined;
         isSearchServer?: undefined;
         showSearch?: undefined;
         showTime?: undefined;
@@ -45,7 +46,7 @@ export declare const getFilterButtonList: () => ({
         mode?: undefined;
         maxTagCount?: undefined;
         options?: undefined;
-        component?: undefined;
+        readonly component?: undefined;
         isSearchServer?: undefined;
         showSearch?: undefined;
         showTime?: undefined;
@@ -90,7 +91,7 @@ export declare const getFilterButtonList: () => ({
         options: () => Promise<any>;
         minInputNumberProps?: undefined;
         maxInputNumberProps?: undefined;
-        component?: undefined;
+        readonly component?: undefined;
         isSearchServer?: undefined;
         showSearch?: undefined;
         showTime?: undefined;
@@ -110,7 +111,7 @@ export declare const getFilterButtonList: () => ({
         options?: undefined;
         minInputNumberProps?: undefined;
         maxInputNumberProps?: undefined;
-        component?: undefined;
+        readonly component?: undefined;
         isSearchServer?: undefined;
         showSearch?: undefined;
         showTime?: undefined;
@@ -132,7 +133,7 @@ export declare const getFilterButtonList: () => ({
         maxTagCount?: undefined;
         minInputNumberProps?: undefined;
         maxInputNumberProps?: undefined;
-        component?: undefined;
+        readonly component?: undefined;
         showTime?: undefined;
     };
     sort?: undefined;
@@ -151,7 +152,7 @@ export declare const getFilterButtonList: () => ({
         options?: undefined;
         minInputNumberProps?: undefined;
         maxInputNumberProps?: undefined;
-        component?: undefined;
+        readonly component?: undefined;
         isSearchServer?: undefined;
         showSearch?: undefined;
     };

package/es/plus/selectHolder/components/ErrorTip/index.d.ts

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

package/es/plus/walletEditor/components/ImageUpload/index.d.ts

@@ -3,6 +3,6 @@ export interface ImageUploadProps {
     value?: string;
     onChange?: (val: string) => void;
 }
-export declare const getBaseTime: (size: number) => 2000 | 1000 | 4000 | 8000;
+export declare const getBaseTime: (size: number) => 1000 | 2000 | 4000 | 8000;
 declare const ImageUpload: React.FC<ImageUploadProps>;
 export default ImageUpload;

package/es/plus/walletPassGallery/components/recharge/index.js

@@ -129,17 +129,25 @@ var Recharge = function Recharge(_ref) {
       className: "card-content-left"
     }, /*#__PURE__*/React.createElement("p", {
       className: "pisell-card-amount-item-name"
-    }, item.name), /*#__PURE__*/React.createElement(PisellText.Amount, {
+    }, item.name), /*#__PURE__*/React.createElement("div", {
+      className: "pisell-card-amount-item-arrival"
+    }, /*#__PURE__*/React.createElement("span", {
+      className: "pisell-card-amount-item-label"
+    }, locales.getText('wallet-pass-gallery.rechargeArrivalAmount')), /*#__PURE__*/React.createElement(PisellText.Amount, {
       showCurrencySymbol: true,
-      className: "pisell-card-amount-item-value",
+      className: "highlight-amount",
       useThousandsSeparator: true,
       value: item.gift_price
-    })), /*#__PURE__*/React.createElement(PisellText.Amount, {
+    }))), /*#__PURE__*/React.createElement("div", {
+      className: "card-content-right"
+    }, /*#__PURE__*/React.createElement("span", {
+      className: "pay-label"
+    }, locales.getText('wallet-pass-gallery.rechargePayAmount')), /*#__PURE__*/React.createElement(PisellText.Amount, {
       showCurrencySymbol: true,
-      className: "pisell-card-amount-item-value",
+      className: "pay-amount",
       useThousandsSeparator: true,
       value: item.price
-    }))));
+    })))));
   }))));
 };
 export default Recharge;

package/es/plus/walletPassGallery/components/recharge/index.less

@@ -7,10 +7,79 @@
 
   &-card-item {
     cursor: pointer;
+    min-width: 0;
+  }
+
+  .pisell-card-item {
+    border-radius: 8px;
+    border: 1px solid transparent;
+    transition: all 0.3s;
+    background: #fff;
+    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
+    min-width: 0;
   }
 
   .pisell-card-selected {
-    border: 1px solid var(--theme-color, #7f56d9);
+    border-color: var(--theme-color, #7f56d9);
     background: var(--Primary-50, #f9f5ff);
+    box-shadow: 0 4px 12px rgba(127, 86, 217, 0.1);
+  }
+
+  .card-content {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    gap: 16px;
+  }
+
+  .card-content-left {
+    display: flex;
+    flex-direction: column;
+    gap: 8px;
+    flex: 1;
+    min-width: 0;
+  }
+
+  .pisell-card-amount-item-name {
+    font-size: 16px;
+    font-weight: 600;
+    color: #333;
+    margin: 0;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
+
+  .pisell-card-amount-item-arrival {
+    display: flex;
+    align-items: center;
+    gap: 4px;
+    font-size: 13px;
+    color: #666;
+    flex-wrap: wrap;
+
+    .highlight-amount {
+      color: #ff4d4f;
+      font-weight: 500;
+    }
+  }
+
+  .card-content-right {
+    display: flex;
+    flex-direction: column;
+    align-items: flex-end;
+    margin-top: 4px;
+    flex-shrink: 0;
+  }
+
+  .pay-label {
+    font-size: 12px;
+    color: #666;
+  }
+
+  .pay-amount {
+    font-size: 20px;
+    font-weight: bold;
+    color: var(--theme-color, #7f56d9);
   }
 }

package/es/plus/walletPassGallery/locales.d.ts

@@ -92,6 +92,8 @@ declare const _default: {
         'page.wallet.tempHolderSelector.confirm': string;
         'page.wallet.notValidDate': string;
         'page.wallet.includedDate': string;
+        'wallet-pass-gallery.rechargeArrivalAmount': string;
+        'wallet-pass-gallery.rechargePayAmount': string;
     };
     'zh-CN': {
         'wallet-pass-gallery.rechargeableCard': string;
@@ -186,6 +188,8 @@ declare const _default: {
         'page.wallet.tempHolderSelector.confirm': string;
         'page.wallet.notValidDate': string;
         'page.wallet.includedDate': string;
+        'wallet-pass-gallery.rechargeArrivalAmount': string;
+        'wallet-pass-gallery.rechargePayAmount': string;
     };
     'zh-HK': {
         'wallet-pass-gallery.rechargeableCard': string;
@@ -280,6 +284,8 @@ declare const _default: {
         'page.wallet.tempHolderSelector.confirm': string;
         'page.wallet.notValidDate': string;
         'page.wallet.includedDate': string;
+        'wallet-pass-gallery.rechargeArrivalAmount': string;
+        'wallet-pass-gallery.rechargePayAmount': string;
     };
     ja: {
         'wallet-pass-gallery.rechargeableCard': string;
@@ -374,6 +380,8 @@ declare const _default: {
         'page.wallet.tempHolderSelector.confirm': string;
         'page.wallet.notValidDate': string;
         'page.wallet.includedDate': string;
+        'wallet-pass-gallery.rechargeArrivalAmount': string;
+        'wallet-pass-gallery.rechargePayAmount': string;
     };
     pt: {
         'wallet-pass-gallery.rechargeableCard': string;
@@ -468,6 +476,8 @@ declare const _default: {
         'page.wallet.tempHolderSelector.confirm': string;
         'page.wallet.notValidDate': string;
         'page.wallet.includedDate': string;
+        'wallet-pass-gallery.rechargeArrivalAmount': string;
+        'wallet-pass-gallery.rechargePayAmount': string;
     };
 };
 export default _default;

package/es/plus/walletPassGallery/locales.js

@@ -100,7 +100,12 @@ export default {
     // temp
     'page.wallet.notValidDate': 'Not valid on',
     // 不可用日期
-    'page.wallet.includedDate': 'Included dates' // 包含日期
+    'page.wallet.includedDate': 'Included dates',
+    // 包含日期
+
+    // recharge
+    'wallet-pass-gallery.rechargeArrivalAmount': 'You get',
+    'wallet-pass-gallery.rechargePayAmount': 'Pay'
   },
   'zh-CN': {
     'wallet-pass-gallery.rechargeableCard': '充值卡',
@@ -199,7 +204,12 @@ export default {
     // temp
     'page.wallet.notValidDate': '不可用日期',
     // 不可用日期
-    'page.wallet.includedDate': '包含日期' // 包含日期
+    'page.wallet.includedDate': '包含日期',
+    // 包含日期
+
+    // recharge
+    'wallet-pass-gallery.rechargeArrivalAmount': '到账金额',
+    'wallet-pass-gallery.rechargePayAmount': '支付金额'
   },
   'zh-HK': {
     'wallet-pass-gallery.rechargeableCard': '充值卡',
@@ -298,7 +308,12 @@ export default {
     // temp
     'page.wallet.notValidDate': '不可用日期',
     // 不可用日期
-    'page.wallet.includedDate': '包含日期' // 包含日期
+    'page.wallet.includedDate': '包含日期',
+    // 包含日期
+
+    // recharge
+    'wallet-pass-gallery.rechargeArrivalAmount': '到帳金額',
+    'wallet-pass-gallery.rechargePayAmount': '支付金額'
   },
   ja: {
     'wallet-pass-gallery.rechargeableCard': 'チャージ可能なカード',
@@ -394,7 +409,10 @@ export default {
     'page.wallet.tempHolderSelector.create': '新規作成',
     'page.wallet.tempHolderSelector.confirm': '確認',
     'page.wallet.notValidDate': '利用不可日',
-    'page.wallet.includedDate': '含まれる日付'
+    'page.wallet.includedDate': '含まれる日付',
+    // recharge
+    'wallet-pass-gallery.rechargeArrivalAmount': 'チャージ後残高',
+    'wallet-pass-gallery.rechargePayAmount': '支払金額'
   },
   pt: {
     'wallet-pass-gallery.rechargeableCard': 'Cartão recarregável',
@@ -490,6 +508,9 @@ export default {
     'page.wallet.tempHolderSelector.create': 'Criar Novo',
     'page.wallet.tempHolderSelector.confirm': 'Confirmar',
     'page.wallet.notValidDate': 'Não válido em',
-    'page.wallet.includedDate': 'Datas incluídas'
+    'page.wallet.includedDate': 'Datas incluídas',
+    // recharge
+    'wallet-pass-gallery.rechargeArrivalAmount': 'Recebe',
+    'wallet-pass-gallery.rechargePayAmount': 'Paga'
   }
 };

package/es/pro/Selector/Selector.d.ts

@@ -3,7 +3,7 @@ import { ItemLayout, ItemProps, PresetConfig, SelectorProps, SelectorVariant } f
 import './selector.less';
 export declare const SelectorContext: React.Context<{
     disabled?: boolean | undefined;
-    mode?: "multiple" | "single" | undefined;
+    mode?: "single" | "multiple" | undefined;
     itemLayout?: ItemLayout | undefined;
     valueType?: "object" | "primitive" | undefined;
     variant?: SelectorVariant | undefined;

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

@@ -1,10 +1 @@
-/// <reference types="react" />
-import { FormState } from "../model";
-export declare const Provider: (ComponentUi: any) => any, Context: import("react").Context<{
-    state: FormState;
-} & {
-    dispatch: (params: {
-        type: string;
-        payload: any;
-    }) => void;
-}>;
+export declare const Provider: any, Context: any;

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

@@ -1,10 +1 @@
-/// <reference types="react" />
-import { FormState } from "../model";
-export declare const Provider: (ComponentUi: any) => any, Context: import("react").Context<{
-    state: FormState;
-} & {
-    dispatch: (params: {
-        type: string;
-        payload: any;
-    }) => void;
-}>;
+export declare const Provider: any, Context: any;

package/lib/components/booking/forms/sendModal/useSendModal.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { SendModalValues } from './index';
 declare const useSendModal: (bookingId?: number) => {
     open: boolean;

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

@@ -1,3 +1,3 @@
 import React from 'react';
-declare const useClearCart: (state: any, dispatch: any) => false | React.JSX.Element;
+declare const useClearCart: (state: any, dispatch: any) => React.JSX.Element;
 export default useClearCart;

package/lib/components/booking/hooks/useClearCart.js

@@ -38,28 +38,50 @@ var import_materials = require("@pisell/materials");
 var import_utils = require("@pisell/utils");
 var useClearCart = (state, dispatch) => {
   var _a, _b;
-  const handleClear = () => {
+  const [open, setOpen] = (0, import_react.useState)(false);
+  const handleOpenModal = (0, import_react.useCallback)(() => {
+    setOpen(true);
+  }, []);
+  const handleConfirm = (0, import_react.useCallback)(() => {
     dispatch({
       type: "setService",
       payload: {
         value: []
       }
     });
-  };
+    setOpen(false);
+  }, []);
+  const handleCancel = (0, import_react.useCallback)(() => {
+    setOpen(false);
+  }, []);
   return (0, import_react.useMemo)(() => {
     var _a2, _b2, _c, _d;
-    return !!((_b2 = (_a2 = state.service) == null ? void 0 : _a2.value) == null ? void 0 : _b2.length) && !state.channelDisabledEdit && /* @__PURE__ */ import_react.default.createElement(
+    const showClearBtn = !!((_b2 = (_a2 = state.service) == null ? void 0 : _a2.value) == null ? void 0 : _b2.length) && !state.channelDisabledEdit;
+    return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, showClearBtn && /* @__PURE__ */ import_react.default.createElement(
       "span",
       {
         className: (0, import_classnames.default)("pisell-lowcode__booking-service-clear-btn", {
           ["pisell-lowcode__booking-service-clear-btn-disabled"]: !((_d = (_c = state.service) == null ? void 0 : _c.value) == null ? void 0 : _d.length)
         }),
-        onClick: handleClear
+        onClick: handleOpenModal
       },
       /* @__PURE__ */ import_react.default.createElement(import_materials.Iconfont, { type: "pisell2-trash-01" }),
       " ",
       /* @__PURE__ */ import_react.default.createElement("span", null, import_utils.locales.getText("pisell2.booking.info.text.clear-cart"))
-    );
-  }, [(_b = (_a = state.service) == null ? void 0 : _a.value) == null ? void 0 : _b.length, state.channelDisabledEdit]);
+    ), /* @__PURE__ */ import_react.default.createElement(
+      import_materials.PisellModal,
+      {
+        open,
+        platform: "pc",
+        title: import_utils.locales.getText("pisell2.booking.info.text.clear-cart-modal.title"),
+        onOk: handleConfirm,
+        onCancel: handleCancel,
+        okText: import_utils.locales.getText("pisell2.booking.info.text.clear-cart-modal.confirm"),
+        cancelText: import_utils.locales.getText("pisell2.booking.info.text.clear-cart-modal.cancel"),
+        destroyOnClose: true
+      },
+      /* @__PURE__ */ import_react.default.createElement("div", { style: { margin: "24px 0" } }, /* @__PURE__ */ import_react.default.createElement("span", null, import_utils.locales.getText("pisell2.booking.info.text.clear-cart-modal.content")))
+    ));
+  }, [(_b = (_a = state.service) == null ? void 0 : _a.value) == null ? void 0 : _b.length, state.channelDisabledEdit, open]);
 };
 var useClearCart_default = useClearCart;

package/lib/components/booking/info/clientVariant/hooks/useIsLowSpeedNetwork.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 declare const useIsLowSpeedNetwork: () => import("react").MutableRefObject<boolean>;
 export default useIsLowSpeedNetwork;

package/lib/components/booking/info/hooks/useInfoHolder.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { EditServiceRef } from "../service/editService";
 declare const useInfoHolder: (state: any, dispatch: any) => {
     detailRef: import("react").MutableRefObject<EditServiceRef | undefined>;

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

@@ -1,14 +1,5 @@
-/// <reference types="react" />
-import { FormState } from '../model';
 export declare const walkInData: {
     id: number;
     nickname: string;
 };
-export declare const Provider: (ComponentUi: any) => any, Context: import("react").Context<{
-    state: FormState;
-} & {
-    dispatch: (params: {
-        type: string;
-        payload: any;
-    }) => void;
-}>;
+export declare const Provider: any, Context: any;

package/lib/components/booking/info/service/addService/utils.d.ts

@@ -6,7 +6,7 @@ export declare const getDurationProps: ({ cacheItem, useStartTime, currentResour
         type: string;
         value: number;
     };
-    locale: string;
+    locale: any;
     slice: any;
     selectProps: {
         size: string;

package/lib/components/booking/info/service/index.less

@@ -8,8 +8,10 @@
     line-height: 24px; /* 150% */
     display: flex;
     align-items: center;
-    margin-bottom: 4px;
-    padding: 12px 0;
+    margin-bottom: 16px !important;
+    // padding: 12px 0;
+    padding: 0 !important;
+    width: max-content;
     .anticon {
       font-size: 18px;
       margin-right: 6px;

package/lib/components/booking/info2/service/addService/utils.d.ts

@@ -7,7 +7,7 @@ export declare const getDurationProps: ({ cacheItem, useStartTime, currentResour
         type: string;
         value: number;
     };
-    locale: string;
+    locale: any;
     slice: any;
     selectProps: {
         size: string;

package/lib/components/booking/locales.d.ts

@@ -227,6 +227,10 @@ declare const _default: {
         'pisell2.booking.dashboard.default': string;
         'pisell2.booking.info.text.clear-cart': string;
         'pisell2.booking.info.text.clear-all': string;
+        'pisell2.booking.info.text.clear-cart-modal.title': string;
+        'pisell2.booking.info.text.clear-cart-modal.content': string;
+        'pisell2.booking.info.text.clear-cart-modal.confirm': string;
+        'pisell2.booking.info.text.clear-cart-modal.cancel': string;
         'pisell2.booking.info.text.create-new': string;
         'pisell2.booking.info.text.form-agreement-yes': string;
         'pisell2.booking.info.text.form-agreement-no': string;
@@ -505,6 +509,10 @@ declare const _default: {
         'pisell2.booking.dashboard.default': string;
         'pisell2.booking.info.text.clear-cart': string;
         'pisell2.booking.info.text.clear-all': string;
+        'pisell2.booking.info.text.clear-cart-modal.title': string;
+        'pisell2.booking.info.text.clear-cart-modal.content': string;
+        'pisell2.booking.info.text.clear-cart-modal.confirm': string;
+        'pisell2.booking.info.text.clear-cart-modal.cancel': string;
         'pisell2.booking.info.text.create-new': string;
         'pisell2.booking.info.text.form-agreement-yes': string;
         'pisell2.booking.info.text.form-agreement-no': string;
@@ -783,6 +791,10 @@ declare const _default: {
         'pisell2.booking.dashboard.default': string;
         'pisell2.booking.info.text.clear-cart': string;
         'pisell2.booking.info.text.clear-all': string;
+        'pisell2.booking.info.text.clear-cart-modal.title': string;
+        'pisell2.booking.info.text.clear-cart-modal.content': string;
+        'pisell2.booking.info.text.clear-cart-modal.confirm': string;
+        'pisell2.booking.info.text.clear-cart-modal.cancel': string;
         'pisell2.booking.info.text.create-new': string;
         'pisell2.booking.info.text.form-agreement-yes': string;
         'pisell2.booking.info.text.form-agreement-no': string;
@@ -1067,6 +1079,10 @@ declare const _default: {
         'pisell2.booking.info.text.clear': string;
         'pisell2.booking.info.text.clear-cart': string;
         'pisell2.booking.info.text.clear-all': string;
+        'pisell2.booking.info.text.clear-cart-modal.title': string;
+        'pisell2.booking.info.text.clear-cart-modal.content': string;
+        'pisell2.booking.info.text.clear-cart-modal.confirm': string;
+        'pisell2.booking.info.text.clear-cart-modal.cancel': string;
         'pisell2.booking.info.text.add-holder': string;
         'pisell2.booking.info.text.select-holder-title': string;
         'pisell2.booking.info.text.create-new': string;
@@ -1381,6 +1397,10 @@ declare const _default: {
         'pisell2.booking.info.text.clear': string;
         'pisell2.booking.info.text.clear-cart': string;
         'pisell2.booking.info.text.clear-all': string;
+        'pisell2.booking.info.text.clear-cart-modal.title': string;
+        'pisell2.booking.info.text.clear-cart-modal.content': string;
+        'pisell2.booking.info.text.clear-cart-modal.confirm': string;
+        'pisell2.booking.info.text.clear-cart-modal.cancel': string;
         'pisell2.booking.info.text.add-holder': string;
         'pisell2.booking.info.text.select-holder-title': string;
         'pisell2.booking.info.text.create-new': string;