@pisell/private-materials 6.7.4 → 6.7.6

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

@@ -17,6 +17,7 @@
   margin: 0 !important;
   pointer-events: none !important; // 让Toast Modal Wrap点击穿透
 
+  // 非 mask 模式下的样式
   .ant-modal {
     position: static !important;
     top: auto !important;
@@ -32,11 +33,47 @@
   }
 }
 
+// mask 模式下的全局样式（Modal 渲染到 body）
+.toast-modal-wrap-with-mask {
+  position: fixed !important;
+  top: 0 !important;
+  left: 0 !important;
+  right: 0 !important;
+  bottom: 0 !important;
+  width: 100vw !important;
+  height: 100vh !important;
+  display: flex !important;
+  align-items: center !important;
+  justify-content: center !important;
+  pointer-events: auto !important; // mask 模式下需要响应点击
+
+  .ant-modal-mask {
+    position: fixed !important;
+    top: 0 !important;
+    left: 0 !important;
+    right: 0 !important;
+    bottom: 0 !important;
+    width: 100vw !important;
+    height: 100vh !important;
+  }
+
+  .ant-modal {
+    position: relative !important;
+    top: auto !important;
+    left: auto !important;
+    transform: none !important;
+    margin: 0 !important;
+    padding: 0 !important;
+    width: auto !important;
+    max-width: none !important;
+    pointer-events: auto !important; // Modal 内容可以响应点击
+  }
+}
+
 // Toast容器样式 - 用于多实例定位
 [data-toast-id] {
   z-index: 1000;
   position: fixed !important;
-  left: 96px !important;
   /* 注意：不设置bottom的!important，让JavaScript可以动态更新 */
   /* 移除强制的z-index设置，让Toast使用默认层级 */
   pointer-events: none !important; // 让Toast容器本身点击穿透
@@ -45,6 +82,23 @@
   width: auto !important;
   height: auto !important;
 
+  // 非 mask 模式下使用左下角定位
+  &:not([data-mask="true"]) {
+    left: 96px !important;
+  }
+
+  // mask 模式下，Modal 会渲染到 body，容器只作为占位符
+  // 不需要设置定位，因为 Modal 已经独立渲染
+  &[data-mask="true"] {
+    // 容器在 mask 模式下不需要定位，Modal 会独立渲染到 body
+    position: static !important;
+    left: auto !important;
+    top: auto !important;
+    bottom: auto !important;
+    right: auto !important;
+    transform: none !important;
+  }
+
   /* 新Toast进入动画 */
   &.toast-entering {
     opacity: 0;
@@ -81,42 +135,49 @@
   }
 
   // 强制覆盖Ant Design Modal的默认定位
-  .ant-modal-wrap {
-    position: static !important;
-    pointer-events: none !important; // 让Modal wrap点击穿透
-  }
+  // 非 mask 模式下使用 static 定位
+  &:not([data-mask="true"]) {
+    .ant-modal-wrap {
+      position: static !important;
+      pointer-events: none !important; // 让Modal wrap点击穿透
+    }
 
-  .ant-modal {
-    position: static !important;
-    top: auto !important;
-    left: auto !important;
-    transform: none !important;
-    margin: 0 !important;
-    padding: 0 !important;
-    pointer-events: none !important; // 让Modal本身点击穿透
+    .ant-modal {
+      position: static !important;
+      top: auto !important;
+      left: auto !important;
+      transform: none !important;
+      margin: 0 !important;
+      padding: 0 !important;
+      pointer-events: none !important; // 让Modal本身点击穿透
+    }
   }
 
+  // mask 模式下，Modal 会渲染到 body，容器内的样式不再需要
+  // 样式已通过全局 .toast-modal-wrap-with-mask 类名设置
 
-  // 覆盖所有可能的Ant Design Modal定位
-  .ant-modal-wrap {
-    position: static !important;
-    display: block !important;
-    overflow: visible !important;
-    pointer-events: none !important; // 让Modal wrap点击穿透
-  }
+  // 覆盖所有可能的Ant Design Modal定位（非 mask 模式）
+  &:not([data-mask="true"]) {
+    .ant-modal-wrap {
+      position: static !important;
+      display: block !important;
+      overflow: visible !important;
+      pointer-events: none !important; // 让Modal wrap点击穿透
+    }
 
-  .ant-modal {
-    position: static !important;
-    top: auto !important;
-    left: auto !important;
-    right: auto !important;
-    bottom: auto !important;
-    transform: none !important;
-    margin: 0 !important;
-    padding: 0 !important;
-    width: 100% !important;
-    max-width: none !important;
-    pointer-events: none !important; // 让Modal点击穿透
+    .ant-modal {
+      position: static !important;
+      top: auto !important;
+      left: auto !important;
+      right: auto !important;
+      bottom: auto !important;
+      transform: none !important;
+      margin: 0 !important;
+      padding: 0 !important;
+      width: 100% !important;
+      max-width: none !important;
+      pointer-events: none !important; // 让Modal点击穿透
+    }
   }
 
   // Toast进入动画
@@ -401,7 +462,7 @@
   // 副标题样式
   &-subtitle {
     &-text {
-      font-size: 30px; // 与图片一致
+      font-size: 48px; // 与图片一致
       font-weight: 600; // 与图片一致
       text-shadow: none; // 移除阴影
 

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import './index.less';
 export interface IScanResult {
     status: 'success' | 'failed';

package/es/components/checkout/components/WalletPassModule/components/ConflictModal/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { PisellWalletPassCardProps } from '../../types';
 export declare const TestModule: () => JSX.Element;
 declare const ConflictModal: (props: {

package/es/components/checkout/components/WalletPassModule/components/DiscountWallet/index.d.ts

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

package/es/components/checkout/index.less

@@ -71,7 +71,7 @@
     grid-template-rows: auto auto;
     gap: 8px 16px;
     background-color: #f6f2ff;
-    padding: 16px 16px 0 16px;
+    padding: 16px 16px 8px 16px;
     border-radius: 0 0 12px 12px;
     width: 100%; // 确保容器占满宽度
 

package/es/components/checkout/locales.d.ts

@@ -141,6 +141,7 @@ declare const _default: {
         'pisell2.checkout.modal.close-price-adjustment': string;
         'pisell2.checkout.modal.reset-price-adjustment': string;
         'pisell2.checkout.modal.done-price-adjustment': string;
+        'pisell2.checkout.modal.price-adjustment-tips': string;
         'pisell2.checkout.send-payment-link.modal-title': string;
         'pisell2.checkout.send-payment-link.email-address': string;
         'pisell2.checkout.send-payment-link.email-placeholder': string;
@@ -154,6 +155,7 @@ declare const _default: {
         'wallet-pass-module-customer-name-walk-in': string;
         'pisell2.amount-summary.amount-cannot-be-zero': string;
         'pisell2.checkout.order-sync-failed': string;
+        'pisell2.checkout.order-create-failed': string;
         'pisell2.checkout.sync-retry-hint': string;
         'pisell2.checkout.tips': string;
         retry: string;
@@ -301,6 +303,7 @@ declare const _default: {
         'pisell2.checkout.modal.close-price-adjustment': string;
         'pisell2.checkout.modal.reset-price-adjustment': string;
         'pisell2.checkout.modal.done-price-adjustment': string;
+        'pisell2.checkout.modal.price-adjustment-tips': string;
         'pisell2.checkout.send-payment-link.modal-title': string;
         'pisell2.checkout.send-payment-link.email-address': string;
         'pisell2.checkout.send-payment-link.email-placeholder': string;
@@ -322,6 +325,7 @@ declare const _default: {
         'wallet-pass-module-customer-name-walk-in': string;
         'pisell2.amount-summary.amount-cannot-be-zero': string;
         'pisell2.checkout.order-sync-failed': string;
+        'pisell2.checkout.order-create-failed': string;
         'pisell2.checkout.sync-retry-hint': string;
         'pisell2.checkout.tips': string;
         retry: string;
@@ -477,6 +481,7 @@ declare const _default: {
         'pisell2.checkout.modal.close-price-adjustment': string;
         'pisell2.checkout.modal.reset-price-adjustment': string;
         'pisell2.checkout.modal.done-price-adjustment': string;
+        'pisell2.checkout.modal.price-adjustment-tips': string;
         'pisell2.checkout.send-payment-link.modal-title': string;
         'pisell2.checkout.send-payment-link.email-address': string;
         'pisell2.checkout.send-payment-link.email-placeholder': string;
@@ -490,6 +495,7 @@ declare const _default: {
         'wallet-pass-module-customer-name-walk-in': string;
         'pisell2.amount-summary.amount-cannot-be-zero': string;
         'pisell2.checkout.order-sync-failed': string;
+        'pisell2.checkout.order-create-failed': string;
         'pisell2.checkout.sync-retry-hint': string;
         'pisell2.checkout.tips': string;
         retry: string;

package/es/components/checkout/locales.js

@@ -180,6 +180,7 @@ export default {
     'pisell2.checkout.modal.close-price-adjustment': 'Close price adjustment modal',
     'pisell2.checkout.modal.reset-price-adjustment': 'Reset',
     'pisell2.checkout.modal.done-price-adjustment': 'Done',
+    'pisell2.checkout.modal.price-adjustment-tips': 'Changing amount will update order total',
     // Send Payment Link Modal
     'pisell2.checkout.send-payment-link.modal-title': 'Send Payment Link',
     'pisell2.checkout.send-payment-link.email-address': 'Email Address',
@@ -200,6 +201,7 @@ export default {
     'pisell2.amount-summary.amount-cannot-be-zero': 'The amount cannot be 0',
     // Order sync errors
     'pisell2.checkout.order-sync-failed': 'Order sync failed, please check your network',
+    'pisell2.checkout.order-create-failed': 'Order create failed, please refresh app',
     'pisell2.checkout.sync-retry-hint': 'Network error, please click the retry button to resync the order',
     'pisell2.checkout.tips': 'Tips',
     'retry': 'Retry',
@@ -379,6 +381,7 @@ export default {
     'pisell2.checkout.modal.close-price-adjustment': '关闭价格调整弹窗',
     'pisell2.checkout.modal.reset-price-adjustment': '重置',
     'pisell2.checkout.modal.done-price-adjustment': '完成',
+    'pisell2.checkout.modal.price-adjustment-tips': '修改金额将更新订单总额',
     // Send Payment Link Modal
     'pisell2.checkout.send-payment-link.modal-title': '发送支付链接',
     'pisell2.checkout.send-payment-link.email-address': '邮箱地址',
@@ -418,6 +421,7 @@ export default {
     'pisell2.amount-summary.amount-cannot-be-zero': '金额不能为0',
     // Order sync errors
     'pisell2.checkout.order-sync-failed': '订单同步失败，请检查网络',
+    'pisell2.checkout.order-create-failed': '订单创建失败，请重启APP',
     'pisell2.checkout.sync-retry-hint': '网络异常，请点击重试按钮重新同步订单',
     'pisell2.checkout.tips': '提示',
     'retry': '重试',
@@ -616,6 +620,7 @@ export default {
     'pisell2.checkout.modal.close-price-adjustment': '關閉價格調整彈窗',
     'pisell2.checkout.modal.reset-price-adjustment': '重置',
     'pisell2.checkout.modal.done-price-adjustment': '完成',
+    'pisell2.checkout.modal.price-adjustment-tips': '修改金額將更新訂單總額',
     // Send Payment Link Modal
     'pisell2.checkout.send-payment-link.modal-title': '發送支付鏈接',
     'pisell2.checkout.send-payment-link.email-address': '郵箱地址',
@@ -636,6 +641,7 @@ export default {
     'pisell2.amount-summary.amount-cannot-be-zero': '金額不能為0',
     // Order sync errors
     'pisell2.checkout.order-sync-failed': '訂單同步失敗，請檢查網絡',
+    'pisell2.checkout.order-create-failed': '订单创建失败，请重启APP',
     'pisell2.checkout.sync-retry-hint': '網絡異常，請點擊重試按鈕重新同步訂單',
     'pisell2.checkout.tips': '提示',
     'retry': '重試',

package/es/components/checkout/utils/PaymentResultToastUtils.d.ts

@@ -6,7 +6,6 @@ export interface PaymentResultToastConfig {
     getData: (key: string) => any;
     interaction: any;
     Toast: any;
-    state: any;
     onToastClose?: () => void;
 }
 export interface PaymentResultToastParams {

package/es/components/checkout/utils/PaymentResultToastUtils.js

@@ -140,15 +140,17 @@ export var displayPaymentResultToast = /*#__PURE__*/function () {
           }
           _context.next = 5;
           return showPaymentResultToastSuccess({
+            mask: !(autoCloseConfig !== null && autoCloseConfig !== void 0 && autoCloseConfig.autoClose) || false,
             title: calculateTitle(paymentStatus),
             subtitle: calculateSubtitle(paymentStatus, orderTotalAmount, gapAmount, getData),
             autoClose: (autoCloseConfig === null || autoCloseConfig === void 0 ? void 0 : autoCloseConfig.autoClose) || false,
             autoCloseDelay: (autoCloseConfig === null || autoCloseConfig === void 0 ? void 0 : autoCloseConfig.autoCloseDelay) || 3000,
+            clickOutsideToClose: (autoCloseConfig === null || autoCloseConfig === void 0 ? void 0 : autoCloseConfig.autoClose) || false,
             showCountdownProgress: true,
             actionButtons: actionButtons || [],
             onClose: onToastClose || function () {},
             // 提供默认空函数
-            closable: false // 控制关闭按钮显示
+            closable: !(autoCloseConfig !== null && autoCloseConfig !== void 0 && autoCloseConfig.autoClose) // 控制关闭按钮显示
           });
         case 5:
           _context.next = 15;
@@ -160,10 +162,14 @@ export var displayPaymentResultToast = /*#__PURE__*/function () {
           }
           _context.next = 10;
           return showPaymentResultToastSuccess({
+            mask: !(autoCloseConfig !== null && autoCloseConfig !== void 0 && autoCloseConfig.autoClose) || false,
             title: calculateTitle(paymentStatus),
             subtitle: calculateSubtitle(paymentStatus, orderTotalAmount, gapAmount, getData),
             autoClose: (autoCloseConfig === null || autoCloseConfig === void 0 ? void 0 : autoCloseConfig.autoClose) || false,
             actionButtons: actionButtons || [],
+            clickOutsideToClose: (autoCloseConfig === null || autoCloseConfig === void 0 ? void 0 : autoCloseConfig.autoClose) || false,
+            closable: !(autoCloseConfig !== null && autoCloseConfig !== void 0 && autoCloseConfig.autoClose),
+            // 控制关闭按钮显示
             onClose: onToastClose || function () {} // 提供默认空函数
           });
         case 10:
@@ -176,10 +182,14 @@ export var displayPaymentResultToast = /*#__PURE__*/function () {
           }
           _context.next = 15;
           return showPaymentResultToastFailed({
+            mask: !(autoCloseConfig !== null && autoCloseConfig !== void 0 && autoCloseConfig.autoClose) || false,
             title: calculateTitle(paymentStatus, failureReason),
             subtitle: calculateSubtitle(paymentStatus, orderTotalAmount / 100, gapAmount, getData),
             autoClose: (autoCloseConfig === null || autoCloseConfig === void 0 ? void 0 : autoCloseConfig.autoClose) || false,
             actionButtons: actionButtons || [],
+            clickOutsideToClose: (autoCloseConfig === null || autoCloseConfig === void 0 ? void 0 : autoCloseConfig.autoClose) || false,
+            closable: !(autoCloseConfig !== null && autoCloseConfig !== void 0 && autoCloseConfig.autoClose),
+            // 控制关闭按钮显示
             onClose: onToastClose || function () {} // 提供默认空函数
           });
         case 15:

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { Eftpos, DeviceStatus } from './const';
 import './index.less';
 interface PosProps {

package/es/components/eftpos/pos.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { DeviceProp } from "./const";
 interface PosProps {
     eftposName: string;

package/es/components/eftpos/surcharge/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import './index.css';
 /**
  * @title: 自定义组件设置

package/es/components/eftposPay/amount.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { PosProps } from './const';
 /**
  * @title: 支付金额信息配置页
@@ -8,7 +9,7 @@ import { PosProps } from './const';
  */
 declare const _default: ({ className, onChange, onClose, formatAmount, isMobile, net, client }: {
     className?: string | undefined;
-    onChange?: ((status: "page" | "success" | "print" | "fail" | "mark_tx_processed", params?: string | {
+    onChange?: ((status: "success" | "page" | "fail" | "print" | "mark_tx_processed", params?: string | {
         [keys: string]: unknown;
     } | undefined, other?: any) => void) | undefined;
     onClose: () => void;

package/es/components/eftposPay/app.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { PosProps, RouteType } from './const';
 declare const App: ({ action, api, device_number, terminal, tyroUrl, tyroVersion, onChangeParams, isMobile, channel, formatAmount, ...props }: Omit<PosProps, "type" | "mode" | "getApi"> & {
     action: RouteType;

package/es/components/eftposPay/component/fail/failCustom.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { ActionProps } from '../../const';
 declare const _default: ({ className, isMobile, onChange }: ActionProps) => JSX.Element;
 export default _default;

package/es/components/eftposPay/component/fail/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { ActionProps } from '../../const';
 declare const _default: ({ onChange, className, isMobile }: ActionProps) => JSX.Element;
 export default _default;

package/es/components/eftposPay/component/fail/network.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { ActionProps } from '../../const';
 /**
  * @title: 断网(客户端)提示页

package/es/components/eftposPay/component/fail/unknow.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { ActionProps } from '../../const';
 /**
  * @title: 支付状态未知页面

package/es/components/eftposPay/component/manual/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { ActionProps } from '../../const';
 import './index.less';
 /**

package/es/components/eftposPay/component/signature/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { ActionProps } from '../../const';
 /**
  * @title: 取消签名确认页

package/es/components/eftposPay/device.d.ts

@@ -11,7 +11,7 @@ import './device.less';
 declare const _default: ({ api, onChange, onClose, className, device_number, isMobile, net, client, formatAmount, containerStyle, }: {
     api: PayProps['api'];
     className?: string | undefined;
-    onChange?: ((status: "page" | "success" | "print" | "fail" | "mark_tx_processed", params?: string | {
+    onChange?: ((status: "success" | "page" | "fail" | "print" | "mark_tx_processed", params?: string | {
         [keys: string]: unknown;
     } | undefined, other?: any) => void) | undefined;
     onClose: () => void;

package/es/components/eftposPay/hooks.d.ts

@@ -15,11 +15,11 @@ export declare const useStoreRef: <T extends {
     readonly numRef: React.MutableRefObject<string | number | undefined>;
     readonly orderIdRef: React.MutableRefObject<string | number>;
     readonly modeRef: React.MutableRefObject<ModeEnum>;
-    readonly statusRef: React.MutableRefObject<"loading" | "success" | "warn" | "fail" | "pedding" | "resove" | "reject" | "question">;
+    readonly statusRef: React.MutableRefObject<"success" | "warn" | "loading" | "fail" | "pedding" | "resove" | "reject" | "question">;
     readonly netRef: React.MutableRefObject<boolean | undefined>;
     readonly symbolRef: React.MutableRefObject<string>;
     readonly amountRef: React.MutableRefObject<string | number>;
-    readonly eftposRef: React.MutableRefObject<"stripe" | "payo" | "tyro" | "windcave" | "linkly">;
+    readonly eftposRef: React.MutableRefObject<"payo" | "tyro" | "windcave" | "stripe" | "linkly">;
     readonly clientRef: React.MutableRefObject<ClientEnum>;
     readonly dataRef: React.MutableRefObject<import("./store").State>;
 };

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

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

package/es/components/eftposPay/linkly/hooks/useTimeQuery.js

@@ -14,6 +14,8 @@ import { LinklyActionStatus } from "../const";
 var GlobalTimeout = 1000 * 60 * 2;
 // 单次请求超时时间
 var RequestTimeout = 1000 * 5;
+// 轮询间隔时间（2秒）
+var QUERY_INTERVAL = 1000 * 2;
 export var useTimeResultQuery = function useTimeResultQuery(api, resultCheck, handleLinklySuccess) {
   var dispatch = useDispatch();
   var _useStoreRef = useStoreRef(),
@@ -38,6 +40,8 @@ export var useTimeResultQuery = function useTimeResultQuery(api, resultCheck, ha
   var isQueryFinishedRef = useRef(true);
   // 每轮查询的唯一标识
   var queryIdRef = useRef(null);
+  // 轮询间隔定时器
+  var queryIntervalTimerRef = useRef(null);
   var _resultQuery = /*#__PURE__*/function () {
     var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
       var _deviceRef$current;
@@ -106,9 +110,9 @@ export var useTimeResultQuery = function useTimeResultQuery(api, resultCheck, ha
                 console.log('交易状态为0需要继续查询');
                 _log("Querying", result);
                 isQueryFinishedRef.current = false;
-                setTimeout(function () {
+                queryIntervalTimerRef.current = setTimeout(function () {
                   _resultQuery();
-                }, 1500);
+                }, QUERY_INTERVAL);
                 return;
               }
 
@@ -157,9 +161,9 @@ export var useTimeResultQuery = function useTimeResultQuery(api, resultCheck, ha
                 _log("AbortError");
                 console.log('Error: 请求被取消，将继续查询');
                 isQueryFinishedRef.current = false;
-                setTimeout(function () {
+                queryIntervalTimerRef.current = setTimeout(function () {
                   _resultQuery();
-                }, 1500);
+                }, QUERY_INTERVAL);
                 return;
               }
 
@@ -168,9 +172,9 @@ export var useTimeResultQuery = function useTimeResultQuery(api, resultCheck, ha
                 _log("NetworkError");
                 console.log('Error: 网关类报错，将继续查询');
                 isQueryFinishedRef.current = false;
-                setTimeout(function () {
+                queryIntervalTimerRef.current = setTimeout(function () {
                   _resultQuery();
-                }, 1500);
+                }, QUERY_INTERVAL);
                 return;
               }
               _log("Error", error);
@@ -242,6 +246,10 @@ export var useTimeResultQuery = function useTimeResultQuery(api, resultCheck, ha
       clearTimeout(requestTimeoutIdRef.current);
       requestTimeoutIdRef.current = null;
     }
+    if (queryIntervalTimerRef.current) {
+      clearTimeout(queryIntervalTimerRef.current);
+      queryIntervalTimerRef.current = null;
+    }
     if (controllerRef.current) {
       controllerRef.current.abort();
       controllerRef.current = null;

package/es/components/eftposPay/linkly/index.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 declare const Linkly: ({ api, onChange }: any) => JSX.Element;
 export default Linkly;

package/es/components/eftposPay/pay.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { PayProps } from './const';
 import './index.less';
 /**

package/es/components/eftposPay/payo/config.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { StatusEnum } from '../const';
 export declare const POS: ({ api, onChange, }: {
     api: {