@pisell/private-materials 6.7.6 → 6.7.8

package/es/pro/Login2.0/steps/EmailAlreadyRegistered.d.ts

@@ -1,4 +1,8 @@
-/// <reference types="react" />
+/**
+ * 账号已注册错误页面（对应图2）
+ * 支持邮箱和手机号两种账号类型
+ */
+import React from 'react';
 import type { RegisterFlowData } from '../shared/registerFlow';
 export interface EmailAlreadyRegisteredProps {
     /** 流程数据 */
@@ -8,5 +12,5 @@ export interface EmailAlreadyRegisteredProps {
     /** 返回重新输入 */
     onBack?: () => void;
 }
-declare function EmailAlreadyRegistered({ flowData, onGoToLogin, onBack, }: EmailAlreadyRegisteredProps): JSX.Element;
+declare function EmailAlreadyRegistered({ flowData, onGoToLogin, onBack, }: EmailAlreadyRegisteredProps): React.JSX.Element;
 export default EmailAlreadyRegistered;

package/es/pro/Login2.0/steps/EmailLinkAlreadyUsed.d.ts

@@ -1,7 +1,10 @@
-/// <reference types="react" />
+/**
+ * 邮件链接已使用页面 - 对应图3
+ */
+import React from 'react';
 export interface EmailLinkAlreadyUsedProps {
     /** 跳转到登录页回调 */
     onGoToLogin?: () => void;
 }
-declare function EmailLinkAlreadyUsed({ onGoToLogin }: EmailLinkAlreadyUsedProps): JSX.Element;
+declare function EmailLinkAlreadyUsed({ onGoToLogin }: EmailLinkAlreadyUsedProps): React.JSX.Element;
 export default EmailLinkAlreadyUsed;

package/es/pro/Login2.0/steps/EmailLinkExpired.d.ts

@@ -1,9 +1,12 @@
-/// <reference types="react" />
+/**
+ * 邮件链接已过期页面 - 对应图2
+ */
+import React from 'react';
 export interface EmailLinkExpiredProps {
     /** 返回注册页回调 */
     onBackToRegistration?: () => void;
     /** 跳转到登录页回调 */
     onGoToLogin?: () => void;
 }
-declare function EmailLinkExpired({ onBackToRegistration, onGoToLogin }: EmailLinkExpiredProps): JSX.Element;
+declare function EmailLinkExpired({ onBackToRegistration, onGoToLogin }: EmailLinkExpiredProps): React.JSX.Element;
 export default EmailLinkExpired;

package/es/pro/Login2.0/steps/SetPassword.d.ts

@@ -1,4 +1,7 @@
-/// <reference types="react" />
+/**
+ * 设置密码页面（对应图5）
+ */
+import React from 'react';
 import type { RegisterFlowData } from '../shared/registerFlow';
 import { PasswordRuleConfig } from '../hooks/usePasswordValidationRules';
 export interface SetPasswordProps {
@@ -15,5 +18,5 @@ export interface SetPasswordProps {
     /** 场景类型：create 表示注册场景，reset 表示修改密码场景 */
     scenario?: 'create' | 'reset';
 }
-declare function SetPassword({ flowData, onSubmit, onBack, loading, passwordRules, scenario, }: SetPasswordProps): JSX.Element;
+declare function SetPassword({ flowData, onSubmit, onBack, loading, passwordRules, scenario, }: SetPasswordProps): React.JSX.Element;
 export default SetPassword;

package/es/pro/Login2.0/steps/VerificationSuccess.d.ts

@@ -1,8 +1,11 @@
-/// <reference types="react" />
+/**
+ * 验证成功页面（对应图4）
+ */
+import React from 'react';
 import type { RegisterFlowData } from '../shared/registerFlow';
 export interface VerificationSuccessProps {
     /** 流程数据 */
     flowData: RegisterFlowData;
 }
-declare function VerificationSuccess({ flowData }: VerificationSuccessProps): JSX.Element;
+declare function VerificationSuccess({ flowData }: VerificationSuccessProps): React.JSX.Element;
 export default VerificationSuccess;

package/es/pro/Login2.0/steps/VerifyingEmailLink.d.ts

@@ -1,7 +1,10 @@
-/// <reference types="react" />
+/**
+ * 验证邮件链接中（Loading 状态）- 对应图1
+ */
+import React from 'react';
 export interface VerifyingEmailLinkProps {
     /** 加载提示文本（可选，不传则使用国际化默认文本） */
     loadingText?: string;
 }
-declare function VerifyingEmailLink({ loadingText }: VerifyingEmailLinkProps): JSX.Element;
+declare function VerifyingEmailLink({ loadingText }: VerifyingEmailLinkProps): React.JSX.Element;
 export default VerifyingEmailLink;

package/es/pro/Login2.0/steps/WaitEmailLink.d.ts

@@ -1,4 +1,7 @@
-/// <reference types="react" />
+/**
+ * 等待邮件链接验证页面（对应图1）
+ */
+import React from 'react';
 import type { RegisterFlowData, VerificationMethod } from '../shared/registerFlow';
 export interface WaitEmailLinkProps {
     /** 流程数据 */
@@ -14,5 +17,5 @@ export interface WaitEmailLinkProps {
     /** 验证方式 */
     verificationMethod?: VerificationMethod;
 }
-declare function WaitEmailLink({ flowData, onResend, onBack, onEditEmail, countdown, verificationMethod, }: WaitEmailLinkProps): JSX.Element;
+declare function WaitEmailLink({ flowData, onResend, onBack, onEditEmail, countdown, verificationMethod, }: WaitEmailLinkProps): React.JSX.Element;
 export default WaitEmailLink;

package/es/pro/comprehensiveSearch/components/searchSection/locales.js

@@ -1,14 +1,14 @@
 export default {
   en: {
-    'pisell2.comprehensive-search.placeholder': 'WalletPass Code / Name / Mobile / Email / Contact info',
+    'pisell2.comprehensive-search.placeholder': 'WalletPass Code / Name / Mobile / Email',
     'pisell2.text.search': 'Search'
   },
   'zh-CN': {
-    'pisell2.comprehensive-search.placeholder': '钱包码 / 姓名 / 电话 / 电子邮箱 / 联系信息',
+    'pisell2.comprehensive-search.placeholder': '钱包码 / 姓名 / 电话 / 电子邮箱',
     'pisell2.text.search': '搜索'
   },
   'zh-HK': {
-    'pisell2.comprehensive-search.placeholder': '錢包碼 / 姓名 / 電話 / 電子郵箱 / 聯繫信息',
+    'pisell2.comprehensive-search.placeholder': '錢包碼 / 姓名 / 電話 / 電子郵箱',
     'pisell2.text.search': '搜索'
   }
 };

package/es/pro/comprehensiveSearch/locales.js

@@ -1,6 +1,6 @@
 export default {
   en: {
-    'pisell2.text.new-client': 'New Customer',
+    'pisell2.text.new-client': 'New Client',
     'pisell2.comprehensive-search.empty': 'No Data'
   },
   'zh-CN': {

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

@@ -24,5 +24,5 @@ interface NumberKeyboardProps {
     /** 输入框的样式 */
     inputStyle?: React.CSSProperties;
 }
-declare const NumberKeyboard: (props: NumberKeyboardProps) => JSX.Element;
+declare const NumberKeyboard: (props: NumberKeyboardProps) => React.JSX.Element;
 export default NumberKeyboard;

package/es/pro/pisellPaymentList/example.d.ts

@@ -4,17 +4,17 @@
  * 这个文件演示了如何使用 PisellPaymentList 和 PisellPaymentListItem 组件
  * 包括如何通过 Context 访问父组件配置
  */
-/// <reference types="react" />
-export declare const BasicExample: () => JSX.Element;
-export declare const ChildrenExample: () => JSX.Element;
-export declare const CustomItemExample: () => JSX.Element;
-export declare const MethodConfigExample: () => JSX.Element;
-export declare const FullFeatureExample: () => JSX.Element;
+import React from 'react';
+export declare const BasicExample: () => React.JSX.Element;
+export declare const ChildrenExample: () => React.JSX.Element;
+export declare const CustomItemExample: () => React.JSX.Element;
+export declare const MethodConfigExample: () => React.JSX.Element;
+export declare const FullFeatureExample: () => React.JSX.Element;
 declare const _default: {
-    BasicExample: () => JSX.Element;
-    ChildrenExample: () => JSX.Element;
-    CustomItemExample: () => JSX.Element;
-    MethodConfigExample: () => JSX.Element;
-    FullFeatureExample: () => JSX.Element;
+    BasicExample: () => React.JSX.Element;
+    ChildrenExample: () => React.JSX.Element;
+    CustomItemExample: () => React.JSX.Element;
+    MethodConfigExample: () => React.JSX.Element;
+    FullFeatureExample: () => React.JSX.Element;
 };
 export default _default;

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { PopoverProps } from 'antd';
 import './index.less';
 interface PisellPhoneKeyboardProps {
@@ -9,5 +9,5 @@ interface PisellPhoneKeyboardProps {
     keyboardProps?: any;
     virtualKeyInputProps?: any;
 }
-declare const PisellPhoneKeyboard: (props: PisellPhoneKeyboardProps) => JSX.Element;
+declare const PisellPhoneKeyboard: (props: PisellPhoneKeyboardProps) => React.JSX.Element;
 export default PisellPhoneKeyboard;

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

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

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

@@ -22,6 +22,7 @@ import { useControllableValue } from 'ahooks';
 import { merge, omit } from 'lodash';
 //@ts-ignore
 import { locales } from '@pisell/utils';
+import { VirtualInput } from '@pisell/materials';
 import Shortcuts from "../shortcuts";
 import CashKeyboardSimple from "./CashKeyboardSimple";
 import { setKeyboardTheme } from "../../utils";
@@ -29,7 +30,6 @@ import "./index.less";
 import Decimal from 'decimal.js';
 import { AutoResizeText } from '@pisell/materials';
 import { formatAmountWithOptions } from '@pisell/utils';
-import { Iconfont } from '@pisell/materials';
 var CashKeyboardIntact = function CashKeyboardIntact(props) {
   var _mergedDisplayField$b, _mergedDisplayField$c, _mergedDisplayField$c2;
   var amountSymbol = props.amountSymbol,
@@ -46,8 +46,7 @@ var CashKeyboardIntact = function CashKeyboardIntact(props) {
     doneText = props.doneText,
     resetText = props.resetText,
     disabled = props.disabled,
-    hiddenChangeDue = props.hiddenChangeDue,
-    shortcutsSize = props.shortcutsSize;
+    hiddenChangeDue = props.hiddenChangeDue;
   var _useControllableValue = useControllableValue(props),
     _useControllableValue2 = _slicedToArray(_useControllableValue, 2),
     internalValue = _useControllableValue2[0],
@@ -70,7 +69,7 @@ var CashKeyboardIntact = function CashKeyboardIntact(props) {
     setKeyboardTheme(selectType);
   }, [selectType]);
 
-  // 变体2：末尾有三个默认预设项，总数不大于7个(因为支付占了 2)
+  // 变体2：末尾有三个默认预设项，总数不大于8个
   var getDefaultPresets = function getDefaultPresets() {
     var defaultEndPresets = [{
       label: locales.getText('cash-keyboard-other'),
@@ -114,8 +113,7 @@ var CashKeyboardIntact = function CashKeyboardIntact(props) {
       value: 'pay',
       style: {
         color: 'white',
-        backgroundColor: '#7F56DA',
-        gridColumn: 'span 2'
+        backgroundColor: '#7F56DA'
       },
       onClick: function onClick() {
         var _props$onEnter;
@@ -124,8 +122,8 @@ var CashKeyboardIntact = function CashKeyboardIntact(props) {
     }];
     var userPresets = presets || [];
 
-    // 计算可用的用户预设数量（总数7 - 默认3个 = 4个）
-    var maxUserPresets = 7 - defaultEndPresets.length;
+    // 计算可用的用户预设数量（总数8 - 默认3个 = 5个）
+    var maxUserPresets = 8 - defaultEndPresets.length;
     var limitedUserPresets = userPresets.slice(0, maxUserPresets);
     return [].concat(_toConsumableArray(limitedUserPresets), defaultEndPresets);
   };
@@ -251,52 +249,46 @@ var CashKeyboardIntact = function CashKeyboardIntact(props) {
     showCurrencySymbol: true
   }))))), ((_mergedDisplayField$c = mergedDisplayField.cashReceived) === null || _mergedDisplayField$c === void 0 ? void 0 : _mergedDisplayField$c.visible) && /*#__PURE__*/React.createElement("div", {
     style: _objectSpread(_objectSpread({}, getGridStyle(1)), {}, {
-      padding: '0px 16px',
+      padding: '6px 16px',
       borderRadius: '8px',
       backgroundColor: 'white',
-      boxShadow: 'inset 0 2px 4px rgba(16, 24, 40, 0.08), inset 0 -2px 4px rgba(16, 24, 40, 0.08), inset 2px 0 4px rgba(16, 24, 40, 0.08), inset -2px 0 4px rgba(16, 24, 40, 0.08)',
+      boxShadow: '0px 1px 2px rgba(16, 24, 40, 0.06)',
       overflow: 'hidden',
       maxWidth: 188,
-      cursor: 'pointer',
-      border: '1px solid #7f56da',
-      borderBottom: '1px solid #7f56da'
+      cursor: 'pointer'
     }),
     onClick: function onClick() {
       setIsShowModal(true);
     }
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "pisell-cash-keyboard-intact-container-top",
-    style: _objectSpread(_objectSpread({}, getGridStyle(0)), {}, {
-      overflow: 'hidden',
-      padding: '5px 0'
-    })
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "pisell-cash-keyboard-intact-container-top-label"
-  }, mergedDisplayField.cashReceived.label), /*#__PURE__*/React.createElement("div", {
-    className: "pisell-cash-keyboard-intact-container-top-value"
-  }, /*#__PURE__*/React.createElement(AutoResizeText, {
-    minFontSizePx: 10,
-    maxFontSizePx: 18,
-    fontSizePrecisionPx: 0.5,
-    style: {
-      color: '#7f56da',
-      textDecoration: 'underline',
-      textUnderlineOffset: '3px'
-    }
-  }, internalValue ? formatAmountWithOptions(internalValue || '', amountSymbol, {
-    value: internalValue,
-    hideDecimalForWholeNumbers: false,
-    precision: 2,
-    showCurrencySymbol: true
-  }) : ''), /*#__PURE__*/React.createElement(Iconfont, {
-    type: "pisell2-edit-05",
+  }, /*#__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 ? formatAmountWithOptions(internalValue || '', amountSymbol, {
+      value: internalValue,
+      hideDecimalForWholeNumbers: false,
+      precision: 2,
+      showCurrencySymbol: true
+    }) : '',
+    height: 30,
+    fontSize: 20,
+    placeholder: placeholder,
     style: {
-      color: '#7f56da',
-      fontSize: '18px',
-      marginLeft: '4px',
-      marginTop: '4px'
+      fontSize: '24px',
+      fontWeight: 'bold',
+      border: 'none',
+      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'
@@ -322,7 +314,6 @@ var CashKeyboardIntact = function CashKeyboardIntact(props) {
     hideDecimalForWholeNumbers: false,
     precision: 2
   })))))), /*#__PURE__*/React.createElement(Shortcuts, {
-    size: shortcutsSize || 'default',
     presets: getDefaultPresets(),
     onChange: setInternalValue,
     disabled: disabled

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

@@ -9,5 +9,5 @@ export interface CashKeyboardSimpleProps extends CashKeyboardBaseProps {
     };
     children?: React.ReactNode;
 }
-declare const CashKeyboardSimple: (props: CashKeyboardSimpleProps) => JSX.Element | null;
+declare const CashKeyboardSimple: (props: CashKeyboardSimpleProps) => React.JSX.Element | null;
 export default CashKeyboardSimple;

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { CashKeyboardBaseProps } from './types';
 export interface CashKeyboardProps extends CashKeyboardBaseProps {
     containerProps?: {
@@ -7,7 +7,6 @@ export interface CashKeyboardProps extends CashKeyboardBaseProps {
         [key: string]: any;
     };
     variant?: 'intact' | 'simple';
-    shortcutsSize?: 'default' | 'large';
 }
-declare const CashKeyboard: (props: CashKeyboardProps) => JSX.Element;
+declare const CashKeyboard: (props: CashKeyboardProps) => React.JSX.Element;
 export default CashKeyboard;

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

@@ -1,4 +1,4 @@
-var _excluded = ["variant", "value", "onChange", "shortcutsSize"];
+var _excluded = ["variant", "value", "onChange"];
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 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."); }
@@ -26,7 +26,6 @@ var CashKeyboard = function CashKeyboard(props) {
     variant = _props$variant === void 0 ? 'intact' : _props$variant,
     value = props.value,
     onChange = props.onChange,
-    shortcutsSize = props.shortcutsSize,
     otherProps = _objectWithoutProperties(props, _excluded);
   var _useControllableValue = useControllableValue(props),
     _useControllableValue2 = _slicedToArray(_useControllableValue, 2),
@@ -37,8 +36,7 @@ var CashKeyboard = function CashKeyboard(props) {
       amountSymbol: amountSymbol,
       value: internalValue,
       placeholder: "".concat(amountSymbol, "0"),
-      onChange: setInternalValue,
-      shortcutsSize: shortcutsSize
+      onChange: setInternalValue
     }));
   }
   return /*#__PURE__*/React.createElement(CashKeyboardSimple, _extends({}, otherProps, {

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

@@ -94,5 +94,4 @@ export interface CashKeyboardBaseProps {
     keyboardButtonBackgroundColor?: string;
     keyboardButtonTextColor?: string;
     keyboardButtonHoverColor?: string;
-    shortcutsSize?: 'default' | 'large';
 }

package/es/pro/priceKeyboard/components/discountKeyboard/index.d.ts

@@ -10,8 +10,8 @@ export interface DiscountKeyboardProps extends DiscountKeyboardBaseProps {
     children?: React.ReactNode;
 }
 declare const DiscountKeyboard: {
-    (props: DiscountKeyboardProps): JSX.Element | null;
-    InputNumber: (props: DiscountKeyboardInputNumberProps) => JSX.Element;
+    (props: DiscountKeyboardProps): React.JSX.Element | null;
+    InputNumber: (props: DiscountKeyboardInputNumberProps) => React.JSX.Element;
 };
 interface DiscountKeyboardInputNumberProps {
     value?: number;

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

@@ -46,7 +46,6 @@ var DiscountKeyboardBase = function DiscountKeyboardBase(props) {
     originalValue = props.originalValue,
     _props$selectType = props.selectType,
     selectType = _props$selectType === void 0 ? 'light' : _props$selectType,
-    tips = props.tips,
     resetText = props.resetText,
     doneText = props.doneText,
     onEnter = props.onEnter,
@@ -310,17 +309,9 @@ var DiscountKeyboardBase = function DiscountKeyboardBase(props) {
       value: payableAmount
     })))));
   };
-  var renderTipsContent = function renderTipsContent() {
-    if (tips) {
-      return /*#__PURE__*/React.createElement("div", {
-        className: "pisell-pro-price-keyboard-tips"
-      }, tips);
-    }
-    return null;
-  };
   return /*#__PURE__*/React.createElement("div", {
     className: "pisell-pro-price-keyboard-discount"
-  }, renderTipsContent(), /*#__PURE__*/React.createElement(Segmented, {
+  }, /*#__PURE__*/React.createElement(Segmented, {
     size: "large",
     style: {
       padding: 6

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

@@ -7,20 +7,6 @@
   gap: 10px;
   background-color: var(--pisell-pro-price-keyboard-bg-color, #ffffff);
 
-  .pisell-pro-price-keyboard-tips {
-    background-color: var(
-      --pisell-pro-price-keyboard-bg-color-gray-200,
-      #eaecf0
-    );
-    color: #ffffff;
-    font-size: 14px;
-    font-weight: 600;
-    height: 36px;
-    line-height: 36px;
-    text-align: center;
-    border-radius: 8px;
-  }
-
   .ellipsis {
     overflow: hidden;
     text-overflow: ellipsis;

package/es/pro/priceKeyboard/components/paymentKeyboard/index.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { PaymentKeyboardBaseProps } from './types';
 import './index.less';
 interface PaymentKeyboardProps extends PaymentKeyboardBaseProps {
@@ -8,5 +8,5 @@ interface PaymentKeyboardProps extends PaymentKeyboardBaseProps {
         [key: string]: any;
     };
 }
-export declare const PaymentKeyboard: (props: PaymentKeyboardProps) => JSX.Element | null;
+export declare const PaymentKeyboard: (props: PaymentKeyboardProps) => React.JSX.Element | null;
 export default PaymentKeyboard;

package/es/pro/priceKeyboard/components/shortcuts/index.d.ts

@@ -12,7 +12,6 @@ export interface ShortcutsProps {
     presets?: ShortcutsItem[];
     onChange?: (val: string) => void;
     disabled?: boolean;
-    size?: 'default' | 'large';
 }
 declare const _default: React.MemoExoticComponent<React.ForwardRefExoticComponent<ShortcutsProps & React.RefAttributes<HTMLDivElement>>>;
 export default _default;

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

@@ -4,9 +4,7 @@ import "./index.less";
 var Shortcuts = /*#__PURE__*/forwardRef(function (props, ref) {
   var presets = props.presets,
     onChange = props.onChange,
-    disabled = props.disabled,
-    _props$size = props.size,
-    size = _props$size === void 0 ? 'default' : _props$size;
+    disabled = props.disabled;
   var handleItemClick = function handleItemClick(item) {
     if (disabled || item.disabled) {
       return;
@@ -34,8 +32,7 @@ var Shortcuts = /*#__PURE__*/forwardRef(function (props, ref) {
       var itemProps = {
         key: index,
         className: classNames('pisell-virtual-keyboard-shortcut', {
-          disabled: item.disabled,
-          large: size === 'large'
+          disabled: item.disabled
         }),
         style: item.style,
         onClick: function onClick() {

package/es/pro/priceKeyboard/components/shortcuts/index.less

@@ -28,10 +28,6 @@
     cursor: pointer;
     position: relative;
 
-    &.large {
-      height: 54px;
-    }
-
     &.disabled {
       cursor: not-allowed;
       pointer-events: none;

package/es/pro/priceKeyboard/hooks/rightItems.d.ts

@@ -1,11 +1,11 @@
-/// <reference types="react" />
+import React from 'react';
 declare const useRightItems: (props: {
     rightItemsStyle?: any;
     doneText?: string;
     resetText?: string;
 }) => ({
     value: string;
-    label: JSX.Element;
+    label: React.JSX.Element;
     disabled: boolean;
     type: string;
     style: any;

package/lib/businessModel/SalesModel/index.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
-declare const SalesModel: ({ children, hooks, config }: any) => JSX.Element;
+import React from 'react';
+declare const SalesModel: ({ children, hooks, config }: any) => React.JSX.Element;
 export * from './Sales';
 export default SalesModel;

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

@@ -15,6 +15,6 @@ declare const SalesPage: ({ config, children, }: {
     config?: {
         useSessionStorage?: boolean | undefined;
     } | undefined;
-}) => JSX.Element;
+}) => React.JSX.Element;
 export default SalesPage;
 export { useCustomer, useInit, useSales, useStep, useResource, useEvent, useEventDetail, useHolder, useSummary, useCheckout, useCart, };

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

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

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

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

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

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

package/lib/components/appointmentBooking/components/Content/index.d.ts

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

package/lib/components/appointmentBooking/components/Deposit/index.d.ts

@@ -1,10 +1,10 @@
-/// <reference types="react" />
+import React from 'react';
 import './index.less';
 export declare const DepositContent: (props: {
     isAgreeDepositPolicy: boolean;
     setIsAgreeDepositPolicy: (value: boolean) => void;
     deposit: any;
     depositProtocolRequest?: any;
-}) => JSX.Element;
-declare const Deposit: () => JSX.Element;
+}) => React.JSX.Element;
+declare const Deposit: () => React.JSX.Element;
 export default Deposit;

package/lib/components/appointmentBooking/components/Footer/index.d.ts

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

package/lib/components/appointmentBooking/components/Guest/components/InformationOptionsModal/index.d.ts

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

package/lib/components/appointmentBooking/components/Header/index.d.ts

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

package/lib/components/appointmentBooking/components/Voucher/index.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
+import React from 'react';
 import '../../../booking/components/voucher/index.less';
 import './index.less';
-declare const VoucherCard: (props: any) => JSX.Element;
+declare const VoucherCard: (props: any) => React.JSX.Element;
 export default VoucherCard;