@pisell/private-materials 6.4.45 → 6.4.47

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

package/es/components/pay/toB/components/Cache/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './index.less';
 declare const ToBPayCache: (props: {
     open: boolean;

package/es/components/pay/toB/components/Card/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { PayMethod } from '../../types';
 import './index.less';
 declare const ToBPayCard: ({ data, onChange, }: {

package/es/components/pay/toB/components/ConfirmedPayment/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { Payment } from '../../types';
 import './index.less';
 declare const ConfirmedPayment: (props: {

package/es/components/pay/toB/components/Content/Footer.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const ToBPayFooter: (props: {
     loading: boolean;
     submitDisabled: boolean;

package/es/components/pay/toC/PaymentMethods/StripePay/Stripe/components/SetupForm/index.d.ts

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

package/es/components/pay/toC/WalletPassBlock/components/WalletUseList/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { WalletPassDataType } from '../../../PaymentMethods/WalletPass/serve';
 import './index.less';
 interface WalletUseListProps {

package/es/components/pay/toC/model.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export interface FormState {
     platform: 'pc' | 'h5' | '' | undefined;
     order: any;
@@ -29,11 +28,4 @@ export interface PayGroup {
     pay_number?: string;
     _order: any;
 }
-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/es/components/pisellSelectCustomerModal/RightPanel/List/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './index.less';
 interface CustomerListProps {
     value: any;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { PopoverProps } from 'antd';
 import { CustomerCardProps } from './CustomerCard';
 import './index.less';

package/es/components/productSelect/components/TabProduct/index.d.ts

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

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import "./index.less";
 interface RuleSettingProps {
     value: any;

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,11 +68,4 @@ export interface FormState {
     };
     setGlobalState: Function | null;
 }
-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/es/components/shoppingCart/components/Cart/index.d.ts

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

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

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

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

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

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './index.less';
 interface AddServiceProps {
     onEdit?: any;

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

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

package/es/components/ticketBooking/components/menuBar/index.js

@@ -72,7 +72,9 @@ var index = function index() {
     "stroke-width": "1.5",
     "stroke-linecap": "round",
     "stroke-linejoin": "round"
-  }))))), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(ConfigProvider, {
+  }))))), /*#__PURE__*/React.createElement("div", {
+    className: "menu-wrapper"
+  }, /*#__PURE__*/React.createElement(ConfigProvider, {
     theme: {
       components: {
         Menu: {

package/es/components/ticketBooking/components/menuBar/index.less

@@ -88,4 +88,11 @@
       background: #3f9e4d;
     }
   }
+
+  .menu-wrapper {
+    position: fixed;
+    bottom: 44px;
+    left: 6px;
+    z-index: 99999;
+  }
 }

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

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

package/es/components/ticketBooking/components/timeBar/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { Dayjs } from 'dayjs';
 import './index.less';
 interface ITimeBarProps {

package/es/components/ticketBooking/utils/index.d.ts

@@ -41,7 +41,7 @@ declare type ScanData = {
     };
 };
 export declare const formatScanCustomer: (data: ScanData) => {
-    searchType: "wallet" | "walletPass" | "product" | "customer" | "local_product";
+    searchType: "product" | "customer" | "wallet" | "walletPass" | "local_product";
     data: any;
     scanCode: string;
 } | null;

package/es/components/wallet/Detail/model.d.ts

@@ -1,13 +1 @@
-/// <reference types="react" />
-interface RechargeState {
-    addWalletCard: any;
-}
-export declare const Provider: (ComponentUi: any) => any, Context: import("react").Context<{
-    walletDetailState: RechargeState;
-} & {
-    dispatch: (params: {
-        type: string;
-        payload: any;
-    }) => void;
-}>;
-export {};
+export declare const Provider: any, Context: any;

package/es/components/wallet/DiscountCard/model.d.ts

@@ -1,14 +1 @@
-/// <reference types="react" />
-interface RechargeState {
-    total: number;
-    setup?: 'menu' | 'list' | 'detail' | string;
-}
-export declare const Provider: (ComponentUi: any) => any, Context: import("react").Context<{
-    state: RechargeState;
-} & {
-    dispatch: (params: {
-        type: string;
-        payload: any;
-    }) => void;
-}>;
-export {};
+export declare const Provider: any, Context: any;

package/es/components/wallet/PointCard/model.d.ts

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

package/es/components/wallet/RechargeableCard/model.d.ts

@@ -1,29 +1 @@
-/// <reference types="react" />
-interface RechargeState {
-    selectedGiftOptionId: string | null;
-    cardList: Array<{
-        id: string;
-        name: string;
-        price: number;
-    }>;
-    selectedItem: {
-        id?: string;
-        gift_price?: number;
-        price?: number;
-        name?: string;
-        variant_id?: string;
-    };
-    productId?: string;
-    detailId?: string;
-    total: string | number;
-    rechargeModalOpen: boolean;
-}
-export declare const Provider: (ComponentUi: any) => any, Context: import("react").Context<{
-    state: RechargeState;
-} & {
-    dispatch: (params: {
-        type: string;
-        payload: any;
-    }) => void;
-}>;
-export {};
+export declare const Provider: any, Context: any;

package/es/components/wallet/Voucher/model.d.ts

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

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { IWalletListItemProps } from './serve';
 export interface WalletCardItemProps {
     id: string;
@@ -27,11 +26,4 @@ export interface WalletListProps {
     currentSearchListItemCode?: string;
     [key: string]: any;
 }
-export declare const Provider: (ComponentUi: any) => any, Context: import("react").Context<{
-    global_wallet: WalletListProps;
-} & {
-    dispatch: (params: {
-        type: string;
-        payload: any;
-    }) => void;
-}>;
+export declare const Provider: any, Context: any;

package/es/components/workSpaceList/components/Modal/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { Modal as AntModal, ModalFuncProps as AntModalFuncProps, ModalProps as AntModalProps } from 'antd';
 import './index.less';
 interface ModalProps extends AntModalProps {

package/es/components/workSpaceList/components/SearchWorkspaceAndBase/index.d.ts

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

package/es/plus/noteModal/AddTempModal.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './index.less';
 declare const AddTempModal: ({ open, onCancel, onConfirm, }: {
     open: boolean;

package/es/plus/saasRegister/components/VertifyEmail.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import '../index.less';
 declare const VertifyEmail: (props: {
     email: string;

package/es/pro/pisellPhoneKeyboard/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { PopoverProps } from 'antd';
 import './index.less';
 interface PisellPhoneKeyboardProps {

package/es/pro/priceKeyboard/components/cashKeyboard/CashKeyboardIntact.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { CashKeyboardBaseProps } from './types';
 import './index.less';
 declare const CashKeyboardIntact: (props: CashKeyboardBaseProps) => JSX.Element;

package/es/pro/priceKeyboard/components/cashKeyboard/CashKeyboardIntact.js

@@ -21,12 +21,14 @@ import { useControllableValue } from 'ahooks';
 import { merge, omit } from 'lodash';
 //@ts-ignore
 import { locales } from '@pisell/utils';
-import { PisellText, VirtualInput } from '@pisell/materials';
+import { VirtualInput } from '@pisell/materials';
 import Shortcuts from "../shortcuts";
 import CashKeyboardSimple from "./CashKeyboardSimple";
 import { setKeyboardTheme } from "../../utils";
 import "./index.less";
 import Decimal from 'decimal.js';
+import { AutoResizeText } from '@pisell/materials';
+import { formatAmountWithOptions } from '@pisell/utils';
 var CashKeyboardIntact = function CashKeyboardIntact(props) {
   var _mergedDisplayField$b, _mergedDisplayField$c, _mergedDisplayField$c2;
   var amountSymbol = props.amountSymbol,
@@ -230,32 +232,47 @@ var CashKeyboardIntact = function CashKeyboardIntact(props) {
     className: "pisell-cash-keyboard-intact-container-top-label"
   }, mergedDisplayField.balanceDue.label), /*#__PURE__*/React.createElement("div", {
     className: "pisell-cash-keyboard-intact-container-top-value"
-  }, /*#__PURE__*/React.createElement(PisellText.Amount, {
-    value: originalValue || '',
-    hideDecimalForWholeNumbers: false,
-    precision: 2
-  }))), ((_mergedDisplayField$c = mergedDisplayField.cashReceived) === null || _mergedDisplayField$c === void 0 ? void 0 : _mergedDisplayField$c.visible) && /*#__PURE__*/React.createElement(VirtualInput, {
-    showCursor: false,
-    focused: true,
-    wrapperStyle: _objectSpread(_objectSpread({}, getGridStyle(1)), {}, {
+  }, /*#__PURE__*/React.createElement(AutoResizeText, {
+    minFontSizePx: 10,
+    maxFontSizePx: 14,
+    fontSizePrecisionPx: 0.5
+  }, formatAmountWithOptions(originalValue || '', '', {
+    precision: 2,
+    hideDecimalForWholeNumbers: false
+  })))), ((_mergedDisplayField$c = mergedDisplayField.cashReceived) === null || _mergedDisplayField$c === void 0 ? void 0 : _mergedDisplayField$c.visible) && /*#__PURE__*/React.createElement("div", {
+    style: _objectSpread(_objectSpread({}, getGridStyle(1)), {}, {
       padding: '6px 16px',
       borderRadius: '8px',
       backgroundColor: 'white',
       boxShadow: '0px 1px 2px rgba(16, 24, 40, 0.06)',
       overflow: 'hidden',
-      maxWidth: 188
+      maxWidth: 188,
+      cursor: 'pointer'
     }),
+    onClick: function onClick() {
+      setIsShowModal(true);
+    }
+  }, /*#__PURE__*/React.createElement(VirtualInput, {
+    showCursor: false,
+    focused: true,
+    wrapperStyle: {
+      width: '100%'
+    },
     topContent: /*#__PURE__*/React.createElement("div", {
       style: {
         fontSize: '14px',
         color: '#667085'
       }
     }, mergedDisplayField.cashReceived.label),
-    value: internalValue ? /*#__PURE__*/React.createElement(PisellText.Amount, {
+    value: internalValue ? /*#__PURE__*/React.createElement(AutoResizeText, {
+      minFontSizePx: 10,
+      maxFontSizePx: 14,
+      fontSizePrecisionPx: 0.5
+    }, formatAmountWithOptions(internalValue || '', '', {
       value: internalValue,
       hideDecimalForWholeNumbers: false,
       precision: 2
-    }) : '',
+    })) : '',
     height: 30,
     fontSize: 20,
     placeholder: placeholder,
@@ -266,7 +283,7 @@ var CashKeyboardIntact = function CashKeyboardIntact(props) {
       background: 'transparent',
       width: '100%'
     }
-  }), ((_mergedDisplayField$c2 = mergedDisplayField.changeDue) === null || _mergedDisplayField$c2 === void 0 ? void 0 : _mergedDisplayField$c2.visible) && /*#__PURE__*/React.createElement("div", {
+  })), ((_mergedDisplayField$c2 = mergedDisplayField.changeDue) === null || _mergedDisplayField$c2 === void 0 ? void 0 : _mergedDisplayField$c2.visible) && /*#__PURE__*/React.createElement("div", {
     className: "pisell-cash-keyboard-intact-container-top",
     style: _objectSpread(_objectSpread({}, getGridStyle(2)), {}, {
       overflow: 'hidden'
@@ -275,11 +292,15 @@ var CashKeyboardIntact = function CashKeyboardIntact(props) {
     className: "pisell-cash-keyboard-intact-container-top-label"
   }, mergedDisplayField.changeDue.label), /*#__PURE__*/React.createElement("div", {
     className: "pisell-cash-keyboard-intact-container-top-value"
-  }, /*#__PURE__*/React.createElement(PisellText.Amount, {
+  }, /*#__PURE__*/React.createElement(AutoResizeText, {
+    minFontSizePx: 10,
+    maxFontSizePx: 14,
+    fontSizePrecisionPx: 0.5
+  }, formatAmountWithOptions(hiddenChangeDue ? 0 : changeDue, '', {
     value: hiddenChangeDue ? 0 : changeDue,
     hideDecimalForWholeNumbers: false,
     precision: 2
-  })))), /*#__PURE__*/React.createElement(Shortcuts, {
+  }))))), /*#__PURE__*/React.createElement(Shortcuts, {
     presets: getDefaultPresets(),
     onChange: setInternalValue,
     disabled: disabled

package/es/pro/priceKeyboard/components/discountKeyboard/index.js

@@ -29,6 +29,11 @@ import { setKeyboardTheme } from "../../utils";
 import useEngineContext from "../../../../hooks/useEngineContext";
 import localeTexts from "./locales";
 import "./index.less";
+var TIP_COLORS = {
+  positive: '#CA8504',
+  negative: '#1570EF',
+  overflow: '#D92D20'
+};
 
 /**
  * originalValue: 当前订单原始值
@@ -120,10 +125,16 @@ var DiscountKeyboardBase = function DiscountKeyboardBase(props) {
     }
     return discountAmount.toNumber();
   }, [updateMode, discountMode, internalValue, discountValue, originalValue]);
-  var isDiscountError = useMemo(function () {
-    var _discountAmount = new Decimal(discountAmount || 0);
-    return _discountAmount.lessThan(0) || _discountAmount.greaterThan(new Decimal(originalValue || 0));
-  }, [discountAmount, originalValue]);
+  var isDiscountOverflow = useMemo(function () {
+    var _original = new Decimal(originalValue || 0);
+    if (updateMode === 'priceOverride') {
+      return new Decimal(internalValue || 0).greaterThan(_original);
+    }
+    if (discountMode === 'amount') {
+      return new Decimal(discountValue || 0).greaterThan(_original);
+    }
+    return false;
+  }, [updateMode, discountMode, internalValue, discountValue, originalValue]);
   var payableAmount = useMemo(function () {
     return new Decimal(originalValue || 0).minus(discountAmount).toNumber();
   }, [originalValue, discountAmount]);
@@ -134,7 +145,7 @@ var DiscountKeyboardBase = function DiscountKeyboardBase(props) {
       return;
     }
     // 折扣模式、或一口价有限额，则进行折扣值的校验
-    if (isDiscountError) {
+    if (isDiscountOverflow) {
       return;
     }
     onEnter === null || onEnter === void 0 || onEnter(String(discountAmount));
@@ -155,7 +166,9 @@ var DiscountKeyboardBase = function DiscountKeyboardBase(props) {
   var rightItems = useRightItems({
     rightItemsStyle: {
       doneButtonStyle: {
-        boxShadow: '0px 0px 1px #898A8D'
+        boxShadow: '0px 0px 1px #898A8D',
+        cursor: updateMode !== 'priceOverride' && isDiscountOverflow ? 'not-allowed' : undefined,
+        backgroundColor: updateMode !== 'priceOverride' && isDiscountOverflow ? '#D0D5DD' : undefined
       }
     },
     doneText: doneText || locales.getText('discount-keyboard-done'),
@@ -182,39 +195,46 @@ var DiscountKeyboardBase = function DiscountKeyboardBase(props) {
     }
   }, [amountSymbol, updateMode, discountMode]);
   var renderBottomContent = function renderBottomContent() {
-    var style = {
-      color: isDiscountError ? '#D92D20' : '#079455'
-    };
-    var sign = new Decimal(discountAmount).greaterThan(0) ? '+' : new Decimal(discountAmount).lessThan(0) ? '-' : '';
-    var _maxDiscount = /*#__PURE__*/React.createElement("div", {
-      style: isDiscountError && !isFirstInput ? style : {},
+    // 没改价，则为空
+    if (new Decimal(discountAmount).equals(0)) {
+      return /*#__PURE__*/React.createElement("div", null, "\xA0");
+    }
+    if (updateMode === 'priceOverride' || discountMode === 'percentage') {
+      var color;
+      var sign = '';
+      // 折扣为正值, 展示为负
+      if (new Decimal(discountAmount).greaterThan(0)) {
+        color = TIP_COLORS.negative;
+        sign = '-';
+      } else {
+        sign = '+';
+        color = TIP_COLORS.positive;
+      }
+      var style = {
+        color: color
+      };
+      return /*#__PURE__*/React.createElement("div", {
+        style: style,
+        className: "ellipsis"
+      }, /*#__PURE__*/React.createElement("span", null, sign, /*#__PURE__*/React.createElement(PisellText.Amount, {
+        hideDecimalForWholeNumbers: false,
+        precision: 2,
+        value: Math.abs(discountAmount)
+      })));
+    }
+    return /*#__PURE__*/React.createElement("div", {
+      style: {
+        color: isDiscountOverflow ? TIP_COLORS.overflow : ''
+      },
       className: "ellipsis"
     }, locales.getText('discount-keyboard-max-discount'), ":", ' ', /*#__PURE__*/React.createElement(PisellText.Amount, {
       hideDecimalForWholeNumbers: false,
       precision: 2,
       value: originalValue
     }));
-    var _discountText = /*#__PURE__*/React.createElement("div", {
-      style: style,
-      className: "ellipsis"
-    }, locales.getText('discount-keyboard-discount-amount'), ":", ' ', /*#__PURE__*/React.createElement("span", null, sign, /*#__PURE__*/React.createElement(PisellText.Amount, {
-      hideDecimalForWholeNumbers: false,
-      precision: 2,
-      value: Math.abs(discountAmount)
-    })));
-    if (updateMode === 'priceOverride') {
-      if (isFirstInput) {
-        return _maxDiscount;
-      } else {
-        return _discountText;
-      }
-    }
-    if (updateMode === 'discount' && discountMode === 'amount') {
-      return _maxDiscount;
-    }
-    return _discountText;
   };
   var customDisplay = function customDisplay() {
+    var _color = updateMode === 'discount' && discountMode === 'amount' && isDiscountOverflow ? TIP_COLORS.overflow : undefined;
     return /*#__PURE__*/React.createElement("div", {
       style: {
         display: 'flex',
@@ -231,6 +251,9 @@ var DiscountKeyboardBase = function DiscountKeyboardBase(props) {
         flex: '2',
         overflow: 'hidden'
       },
+      style: {
+        color: _color
+      },
       placeholder: placeholder,
       bottomContent: renderBottomContent()
     }), /*#__PURE__*/React.createElement("div", {
@@ -277,7 +300,7 @@ var DiscountKeyboardBase = function DiscountKeyboardBase(props) {
       }
     }, locales.getText('discount-keyboard-payable')), /*#__PURE__*/React.createElement("div", {
       style: {
-        color: isDiscountError ? '#f56565' : '#475467',
+        color: '#475467',
         fontSize: 14,
         fontWeight: 700,
         wordWrap: 'break-word'