@pisell/private-materials 6.4.42 → 6.5.2

package/es/components/checkout/components/AmountSummary/index.less

@@ -226,18 +226,13 @@
     border-radius: 16px;
     padding: 0 16px 0 16px;
     color: #1a1a1a;
-    width: 350px;
+    width: 348px;
     min-width: 200px;
     height: 80px;
     display: flex;
     align-items: center;
     justify-content: space-between;
     gap: 8px;
-
-    // 确认模式下的特殊样式
-    &.confirm-mode {
-      width: 420px;
-    }
   }
 
   .balance-due-info {
@@ -255,12 +250,10 @@
   }
 
   .balance-due-amount {
-    font-size: 14px;
+    font-size: 16px;
     font-weight: 400;
     color: #7f56da;
     line-height: 0.75;
-    text-decoration: underline;
-    text-underline-offset: 4px;
   }
 
   .pay-section {
@@ -279,16 +272,17 @@
   .pay-amount {
     font-size: 32px;
     font-weight: 400;
-    color: #1e1830;
+    color: #7f56da;
     line-height: 0.75;
+    text-decoration: underline;
+    text-underline-offset: 6px;
   }
 
   .edit-icon {
-    width: 20px;
-    height: 20px;
+    width: 24px;
+    height: 24px;
     flex-shrink: 0;
-    font-size: 20px;
-    margin-left: 8px;
+    font-size: 24px;
   }
 
   /* 覆盖下拉菜单选项的hover和active状态 */
@@ -407,7 +401,7 @@
   border: none !important;
   border-radius: 12px !important;
   height: 48px !important;
-  padding: 12px 0 !important;
+  padding: 12px 32px !important;
   font-size: 16px !important;
   font-weight: 600 !important;
   color: white !important;
@@ -474,15 +468,3 @@
     }
   }
 }
-
-.split-payment-button {
-  padding: 0 8px;
-  background: #079455;
-  color: white;
-  font-size: 14px;
-  border: 1px solid #C3B2E7;
-  height: 80px;
-  white-space: pre-line; // 让换行符(\n)生效
-  text-align: left; // 确保文本居中对齐
-  min-width: 68px;
-}

package/es/components/checkout/components/CashPaymentModule/index.less

@@ -15,6 +15,8 @@
 /* 标题栏 */
 .cash-pay-header {
   align-self: stretch;
+  padding-left: 8px;
+  padding-right: 8px;
   justify-content: space-between;
   display: inline-flex;
   width: 100%;

package/es/components/checkout/components/PaymentDetailModal/index.js

@@ -7,7 +7,7 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import React, { useState } from 'react';
 import { ChevronUp, HelpCircle } from '@pisell/icon';
 // @ts-ignore - @pisell/utils types not available
-import { locales, formatAmountWithOptions } from '@pisell/utils';
+import { locales, formatAmount } from '@pisell/utils';
 import checkoutLocales from "../../locales";
 import "./index.less";
 import classNames from 'classnames';
@@ -159,12 +159,7 @@ function PaymentDetailModal(_ref) {
         className: classNames('payment-item-actions')
       }, /*#__PURE__*/React.createElement("div", {
         className: classNames('payment-item-amount')
-      }, "-", formatAmountWithOptions(Math.abs(item.amount), amountSymbol, {
-        precision: 2,
-        hideDecimalForWholeNumbers: false,
-        useThousandsSeparator: true,
-        showCurrencySymbol: true
-      })), shouldShowVoidButton(item) && /*#__PURE__*/React.createElement("button", {
+      }, "-", formatAmount(Math.abs(item.amount), 2, amountSymbol)), shouldShowVoidButton(item) && /*#__PURE__*/React.createElement("button", {
         className: classNames('void-button'),
         onClick: function onClick() {
           return handleVoidPayment(item);
@@ -205,12 +200,7 @@ function PaymentDetailModal(_ref) {
           className: classNames('balance-item-text')
         }, wallet.name || wallet.product_name || getText('wallet.pass') || 'Wallet Pass'), /*#__PURE__*/React.createElement("div", {
           className: classNames('balance-item-amount')
-        }, "-", wallet.redeem || formatAmountWithOptions(Math.abs(wallet.savedAmount || 0), amountSymbol, {
-          precision: 2,
-          hideDecimalForWholeNumbers: false,
-          useThousandsSeparator: true,
-          showCurrencySymbol: true
-        }))));
+        }, "-", wallet.redeem || formatAmount(Math.abs(wallet.savedAmount || 0), 2, amountSymbol))));
       });
     }
 
@@ -298,12 +288,7 @@ function PaymentDetailModal(_ref) {
         className: classNames('order-row-text')
       }, getText('no.items.found') || 'No items found'), /*#__PURE__*/React.createElement("div", {
         className: classNames('order-row-amount')
-      }, formatAmountWithOptions(0, amountSymbol, {
-        precision: 2,
-        hideDecimalForWholeNumbers: false,
-        useThousandsSeparator: true,
-        showCurrencySymbol: true
-      })))));
+      }, formatAmount(0, 2, amountSymbol)))));
     }
 
     // 将项目分成两列显示
@@ -326,12 +311,7 @@ function PaymentDetailModal(_ref) {
         className: classNames('order-row-label')
       }, getDisplayLabel(item)), /*#__PURE__*/React.createElement("div", {
         className: classNames('order-row-amount')
-      }, prefix, formatAmountWithOptions(item.value, amountSymbol, {
-        precision: 2,
-        hideDecimalForWholeNumbers: false,
-        useThousandsSeparator: true,
-        showCurrencySymbol: true
-      })));
+      }, prefix, formatAmount(item.value, 2, amountSymbol)));
     })), rightItems.length > 0 && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
       className: classNames('divider-vertical')
     }), /*#__PURE__*/React.createElement("div", {
@@ -349,12 +329,7 @@ function PaymentDetailModal(_ref) {
         className: classNames('order-row-label')
       }, getDisplayLabel(item)), /*#__PURE__*/React.createElement("div", {
         className: classNames('order-row-amount')
-      }, prefix, formatAmountWithOptions(item.value, amountSymbol, {
-        precision: 2,
-        hideDecimalForWholeNumbers: false,
-        useThousandsSeparator: true,
-        showCurrencySymbol: true
-      })));
+      }, prefix, formatAmount(item.value, 2, amountSymbol)));
     }))));
   };
   return /*#__PURE__*/React.createElement("div", {
@@ -376,12 +351,7 @@ function PaymentDetailModal(_ref) {
     className: classNames('section-right')
   }, /*#__PURE__*/React.createElement("div", {
     className: classNames('section-amount')
-  }, formatAmountWithOptions(getTotalAmount(), amountSymbol, {
-    precision: 2,
-    hideDecimalForWholeNumbers: false,
-    useThousandsSeparator: true,
-    showCurrencySymbol: true
-  })), /*#__PURE__*/React.createElement(CollapseIcon, {
+  }, formatAmount(getTotalAmount(), 2, amountSymbol)), /*#__PURE__*/React.createElement(CollapseIcon, {
     expanded: orderTotalExpanded
   }))), orderTotalExpanded && /*#__PURE__*/React.createElement("div", {
     className: classNames('section-content')
@@ -404,12 +374,7 @@ function PaymentDetailModal(_ref) {
     className: classNames('section-right')
   }, /*#__PURE__*/React.createElement("div", {
     className: classNames('section-amount')
-  }, "-", formatAmountWithOptions(getTotalPaidAmount(), amountSymbol, {
-    precision: 2,
-    hideDecimalForWholeNumbers: false,
-    useThousandsSeparator: true,
-    showCurrencySymbol: true
-  })), /*#__PURE__*/React.createElement(CollapseIcon, {
+  }, "-", formatAmount(getTotalPaidAmount(), 2, amountSymbol)), /*#__PURE__*/React.createElement(CollapseIcon, {
     expanded: orderPaidExpanded
   }))), orderPaidExpanded && renderPaymentItems())), /*#__PURE__*/React.createElement("div", {
     className: classNames('balance-to-pay-section')
@@ -428,12 +393,7 @@ function PaymentDetailModal(_ref) {
     className: classNames('balance-to-pay-right')
   }, /*#__PURE__*/React.createElement("div", {
     className: classNames('balance-to-pay-amount')
-  }, formatAmountWithOptions(getBalanceDueAmount(), amountSymbol, {
-    precision: 2,
-    hideDecimalForWholeNumbers: false,
-    useThousandsSeparator: true,
-    showCurrencySymbol: true
-  })), /*#__PURE__*/React.createElement(CollapseIcon, {
+  }, formatAmount(getBalanceDueAmount(), 2, amountSymbol)), /*#__PURE__*/React.createElement(CollapseIcon, {
     expanded: balanceToPayExpanded,
     color: "#7F56DA"
   }))), balanceToPayExpanded && /*#__PURE__*/React.createElement("div", {
@@ -446,11 +406,6 @@ function PaymentDetailModal(_ref) {
     className: classNames('balance-due-title')
   }, getText('balance.due') || 'Balance Due'), /*#__PURE__*/React.createElement("div", {
     className: classNames('balance-due-amount')
-  }, formatAmountWithOptions(customAmount || 0, amountSymbol, {
-    precision: 2,
-    hideDecimalForWholeNumbers: false,
-    useThousandsSeparator: true,
-    showCurrencySymbol: true
-  }))))));
+  }, formatAmount(customAmount || 0, 2, amountSymbol))))));
 }
 export default PaymentDetailModal;

package/es/components/checkout/components/PaymentOptionsModule/index.d.ts

@@ -11,7 +11,6 @@ interface ExtendedPaymentOptionsModuleProps extends PaymentOptionsModuleProps {
     title?: string;
     onClick?: (method: ExtendedPaymentMethod) => void;
     disabled?: boolean;
-    showCashPayment?: boolean;
 }
-declare function PaymentOptionsModule({ amountSymbol, orderInfo, onClick, paymentMethods, customAmount, title, disabled, showCashPayment, }: ExtendedPaymentOptionsModuleProps): JSX.Element;
+declare function PaymentOptionsModule({ amountSymbol, orderInfo, onClick, paymentMethods, customAmount, title, disabled, }: ExtendedPaymentOptionsModuleProps): JSX.Element;
 export default PaymentOptionsModule;

package/es/components/checkout/components/PaymentOptionsModule/index.js

@@ -18,6 +18,11 @@ import checkoutLocales from "../../locales";
 
 // 扩展 PaymentOptionsModule Props 接口
 
+// import CashIcon from './icons/cash.svg';
+// import CreditCardIcon from './icons/credit_card.svg';
+// import CustomIcon from './icons/custom.svg';
+// import EftposIcon from './icons/eftpos.png';
+
 var SHOW_METHODS_CODE = ['EFTPOS_LINKLY', 'EFTPOS', 'EFTPOS_TYRO', 'EFTPOS_WINDCAVE', 'EFTPOS_PAYO'];
 function PaymentOptionsModule(_ref) {
   var _context$appHelper, _context$appHelper$ge, _context$appHelper$ge2, _context$appHelper$ut;
@@ -29,9 +34,7 @@ function PaymentOptionsModule(_ref) {
     customAmount = _ref.customAmount,
     title = _ref.title,
     _ref$disabled = _ref.disabled,
-    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
-    _ref$showCashPayment = _ref.showCashPayment,
-    showCashPayment = _ref$showCashPayment === void 0 ? false : _ref$showCashPayment;
+    disabled = _ref$disabled === void 0 ? false : _ref$disabled;
   var context = useEngineContext();
 
   // 初始化国际化
@@ -89,47 +92,32 @@ function PaymentOptionsModule(_ref) {
     handlePaymentClick = _useDebounceFn.run;
   var renderPaymentIcon = function renderPaymentIcon(method) {
     if (method.code === 'EFTPOS') {
-      return /*#__PURE__*/React.createElement("div", {
-        className: classnames('payment-options-module-icon-container'),
-        style: {
-          background: '#FE8279'
-        }
-      }, /*#__PURE__*/React.createElement(Iconfont, {
-        type: "pisell2-credit",
+      return /*#__PURE__*/React.createElement(Iconfont, {
+        type: "pisell2-credit-card-02",
         style: {
-          fontSize: '26px',
-          color: '#ffffff'
+          fontSize: '36px',
+          color: '#7F56DA'
         }
-      }));
+      });
     }
     switch (String(method.type)) {
       case 'credit-card':
       case 'eftpos':
-        return /*#__PURE__*/React.createElement("div", {
-          className: classnames('payment-options-module-icon-container'),
-          style: {
-            background: '#FE8279'
-          }
-        }, /*#__PURE__*/React.createElement(Iconfont, {
-          type: "pisell2-credit",
+        return /*#__PURE__*/React.createElement(Iconfont, {
+          type: "pisell2-credit-card-02",
           style: {
-            fontSize: '26px',
-            color: '#ffffff'
+            fontSize: '36px',
+            color: '#7F56DA'
           }
-        }));
+        });
       default:
-        return /*#__PURE__*/React.createElement("div", {
-          className: classnames('payment-options-module-icon-container'),
-          style: {
-            background: '#D277E4'
-          }
-        }, /*#__PURE__*/React.createElement(Iconfont, {
-          type: "pisell2-custom",
+        return /*#__PURE__*/React.createElement(Iconfont, {
+          type: "pisell2-a-wallet-021",
           style: {
-            fontSize: '26px',
-            color: '#ffffff'
+            fontSize: '36px',
+            color: '#7F56DA'
           }
-        }));
+        });
     }
   };
   return /*#__PURE__*/React.createElement("div", {
@@ -143,21 +131,18 @@ function PaymentOptionsModule(_ref) {
   }, /*#__PURE__*/React.createElement(ScrollableList, {
     height: "100%" // 占满剩余空间
     ,
-    maxHeight: 330,
+    maxHeight: 400,
     gradientColor: "rgba(139, 92, 246, 0.1)",
     gradientHeight: 50,
-    columnCount: showCashPayment ? 1 : 2,
+    columnCount: 1,
     rowGap: 7,
-    columnGap: 8,
     containerStyle: {
       width: '100%',
       flex: 1,
       // 使用flex来占用剩余空间
       minHeight: 0,
       // 允许缩小
-      position: 'relative',
-      // 确保定位上下文
-      paddingBottom: 8
+      position: 'relative' // 确保定位上下文
     }
   }, filteredPaymentMethods.map(function (method) {
     return /*#__PURE__*/React.createElement("button", {
@@ -186,7 +171,7 @@ function PaymentOptionsModule(_ref) {
       className: classnames('payment-options-module-surcharge-text')
     }, getText('pisell2.payment-options.surcharge-label', 'Surcharge'), ":", formatAmount(calculateSurcharge(method), 2, amountSymbol))))), /*#__PURE__*/React.createElement("div", {
       className: classnames('payment-options-module-payment-method-right')
-    }, method.code !== 'EFTPOS' && method.type !== 'eftpos' && /*#__PURE__*/React.createElement("div", {
+    }, /*#__PURE__*/React.createElement("div", {
       className: classnames('payment-options-module-amount', 'payment-options-module-theme-color')
     }, formatAmount(calculateTotalAmount(method), 2, amountSymbol)), /*#__PURE__*/React.createElement("div", {
       className: classnames('payment-options-module-selection-button', {

package/es/components/checkout/components/PaymentOptionsModule/index.less

@@ -34,10 +34,10 @@
 /* 支付方式项样式 */
 .payment-options-module-payment-method-item {
   width: 100%;
-  height: 62px;
-  padding: 8px 16px;
+  height: 72px;
+  padding: 14px;
   background: white;
-  border-radius: 8px;
+  border-radius: 16px;
   border: 1px var(--theme-color, #7f56da) solid;
   cursor: pointer;
   justify-content: space-between;
@@ -118,7 +118,7 @@
 /* 选择按钮禁用状态样式 */
 .payment-options-module-selection-button-disabled {
   color: #D0D5DD;
-
+  
   .iconfont {
     color: #D0D5DD !important;
   }
@@ -197,12 +197,7 @@
 
 /* PaymentIcon 样式 */
 .payment-options-module-icon-container {
-  width: 32px;
-  height: 32px;
-  border-radius: 50%;
-  display: flex;
-  align-items: center;
-  justify-content: center;
+  width: 40px;
   img {
     width: 100%;
   }
@@ -257,4 +252,4 @@
     color: #101828;
     /* 标题保持正常颜色 */
   }
-}
+}

package/es/components/checkout/components/PaymentResultToast/PaymentResultToastProvider.d.ts

@@ -21,20 +21,16 @@ interface ShowPaymentResultToastConfig {
     onCountdownComplete?: () => void;
     /** 自定义关闭回调 */
     onClose?: () => void;
-    /** 是否显示右上角关闭按钮 */
-    closable?: boolean;
 }
 interface PaymentResultToastContextType {
     /** 显示成功弹窗 */
-    showSuccess: (config: Omit<ShowPaymentResultToastConfig, 'statusClassName'>) => string;
+    showSuccess: (config: Omit<ShowPaymentResultToastConfig, 'statusClassName'>) => void;
     /** 显示失败弹窗 */
-    showFailed: (config: Omit<ShowPaymentResultToastConfig, 'statusClassName'>) => string;
+    showFailed: (config: Omit<ShowPaymentResultToastConfig, 'statusClassName'>) => void;
     /** 显示钱包通行证失败弹窗 */
-    showWalletPassFailed: (config: Omit<ShowPaymentResultToastConfig, 'statusClassName'>) => string;
-    /** 显示部分支付弹窗 */
-    showPartiallyPaid: (config: Omit<ShowPaymentResultToastConfig, 'statusClassName'>) => string;
+    showWalletPassFailed: (config: Omit<ShowPaymentResultToastConfig, 'statusClassName'>) => void;
     /** 显示自定义状态弹窗 */
-    showToast: (config: ShowPaymentResultToastConfig) => string;
+    showToast: (config: ShowPaymentResultToastConfig) => void;
     /** 关闭弹窗 */
     closeToast: () => void;
     /** 是否正在显示弹窗 */
@@ -44,38 +40,9 @@ export declare const PaymentResultToastProvider: React.FC<{
     children: React.ReactNode;
 }>;
 export declare const usePaymentResultToast: () => PaymentResultToastContextType;
-declare class GlobalToastManager {
-    private instances;
-    private nextId;
-    private readonly TOAST_HEIGHT;
-    private readonly TOAST_MARGIN;
-    private readonly BOTTOM_OFFSET;
-    private readonly LEFT_OFFSET;
-    private cachedBottomOffset;
-    private cachedCenterOffset;
-    private tillButton;
-    setTillButton(tillButton: any): void;
-    private generateId;
-    private calculateAndCacheBottomOffset;
-    private calculateAndCacheCenterOffset;
-    private resetBottomOffsetCache;
-    private calculateBottomPosition;
-    private updatePositions;
-    addToast(config: ShowPaymentResultToastConfig): string;
-    removeToast(id: string): void;
-    clearAll(): void;
-    getCount(): number;
-    initializeResizeListener(): () => void;
-}
-declare const globalToastManager: GlobalToastManager;
-export declare const showPaymentResultToastSuccess: (config: Omit<ShowPaymentResultToastConfig, 'statusClassName'>) => Promise<string>;
-export declare const showPaymentResultToastFailed: (config: Omit<ShowPaymentResultToastConfig, 'statusClassName'>) => Promise<string>;
-export declare const showPaymentResultToastWalletPassFailed: (config: Omit<ShowPaymentResultToastConfig, 'statusClassName'>) => Promise<string>;
-export declare const showPaymentResultToastPartiallyPaid: (config: Omit<ShowPaymentResultToastConfig, 'statusClassName'>) => Promise<string>;
-export declare const showPaymentResultToast: (config: ShowPaymentResultToastConfig) => Promise<string>;
-export declare const closePaymentResultToast: (id?: string) => void;
-export declare const clearAllPaymentResultToasts: () => void;
-export declare const getPaymentResultToastCount: () => number;
+export declare const showPaymentResultToastSuccess: (config: Omit<ShowPaymentResultToastConfig, 'statusClassName'>) => void;
+export declare const showPaymentResultToastFailed: (config: Omit<ShowPaymentResultToastConfig, 'statusClassName'>) => void;
+export declare const showPaymentResultToastWalletPassFailed: (config: Omit<ShowPaymentResultToastConfig, 'statusClassName'>) => void;
+export declare const showPaymentResultToast: (config: ShowPaymentResultToastConfig) => void;
+export declare const closePaymentResultToast: () => void;
 export type { ShowPaymentResultToastConfig, PaymentResultToastContextType };
-export declare const setTillButton: (tillButton: any) => void;
-export { globalToastManager };