@pisell/private-materials 3.0.124 → 3.0.126

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

@@ -1,5 +1,6 @@
+/// <reference types="react" />
 import { FormState } from "../model";
-export declare const Provider: (ComponentUi: any) => (props: any) => JSX.Element, Context: import("react").Context<{
+export declare const Provider: (ComponentUi: any) => (props: any) => any, Context: import("react").Context<{
     state: FormState;
 } & {
     dispatch: (params: {

package/es/components/booking/forms/forms.d.ts

@@ -21,5 +21,5 @@ export interface InfoProps {
  * @Author: zhiwei.Wang
  * @Date: 2024-01-30 17:10
  */
-declare const Forms: (props: any) => JSX.Element;
+declare const Forms: (props: any) => any;
 export default Forms;

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

@@ -1,5 +1,6 @@
+/// <reference types="react" />
 import { FormState } from "../model";
-export declare const Provider: (ComponentUi: any) => (props: any) => JSX.Element, Context: import("react").Context<{
+export declare const Provider: (ComponentUi: any) => (props: any) => any, Context: import("react").Context<{
     state: FormState;
 } & {
     dispatch: (params: {

package/es/components/booking/notes/index.d.ts

@@ -4,5 +4,5 @@ export interface InfoProps {
     globalState: any;
     setGlobalState: any;
 }
-declare const Notes: (props: any) => JSX.Element;
+declare const Notes: (props: any) => any;
 export default Notes;

package/es/components/booking/notes/model.d.ts

@@ -1,5 +1,6 @@
+/// <reference types="react" />
 import { FormState } from "../model";
-export declare const Provider: (ComponentUi: any) => (props: any) => JSX.Element, Context: import("react").Context<{
+export declare const Provider: (ComponentUi: any) => (props: any) => any, Context: import("react").Context<{
     state: FormState;
 } & {
     dispatch: (params: {

package/es/components/booking/payments/model.d.ts

@@ -1,5 +1,6 @@
+/// <reference types="react" />
 import { FormState } from "../model";
-export declare const Provider: (ComponentUi: any) => (props: any) => JSX.Element, Context: import("react").Context<{
+export declare const Provider: (ComponentUi: any) => (props: any) => any, Context: import("react").Context<{
     state: FormState;
 } & {
     dispatch: (params: {

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

@@ -190,12 +190,12 @@ export declare const backUpProduction: (payload: Partial<State>) => {
 export declare const backUpFree: (payload: Partial<State>) => {
     type: EActionTypes;
     payload: {
-        mode?: "refund" | "pay" | "query" | undefined;
+        mode?: "pay" | "refund" | "query" | undefined;
         eftpos?: "payo" | "tyro" | "windcave" | "stripe" | "eftpos" | undefined;
         key?: number | undefined;
         step?: number | undefined;
         title?: string | undefined;
-        type?: "unset" | "step" | undefined;
+        type?: "step" | "unset" | undefined;
         render?: boolean | undefined;
         component?: string | undefined;
         lastComponent?: string | undefined;

package/es/components/pay/toC/index.js

@@ -16,8 +16,8 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import React, { useState, useMemo, useContext, useRef, useImperativeHandle, forwardRef } from 'react';
 import { Decimal } from 'decimal.js';
 import { useMemoizedFn, useUpdateEffect } from 'ahooks';
-import { PisellModal, PisellText, PisellContainer, PisellLoading } from '@pisell/materials';
-import { locales } from '@pisell/utils';
+import { PisellModal, PisellText, PisellContainer, PisellLoading, PisellToast } from '@pisell/materials';
+import { detectIncognito, locales, copyToClipboard } from '@pisell/utils';
 import PayCountdown from "./PayCountdown";
 import PayAmount from "./PayAmount";
 import WalletPassBlock from "./WalletPassBlock";
@@ -29,6 +29,7 @@ import useEngineContext from "../../../hooks/useEngineContext";
 import { request } from "../../../utils";
 import { removePayGroupFromStorage } from "./payGroup";
 import localeTexts from "./locales";
+import { getIsWalletPassAndTripartitePayment } from "./utils";
 import "./index.less";
 /**
  * @title: C端支付
@@ -76,6 +77,11 @@ var ToCPay = function ToCPay(props, ref) {
     _useState10 = _slicedToArray(_useState9, 2),
     showInformation = _useState10[0],
     setShowInformation = _useState10[1];
+  // 隐私模式提示
+  var _useState11 = useState(false),
+    _useState12 = _slicedToArray(_useState11, 2),
+    showDetectIncognitoConfirm = _useState12[0],
+    setShowDetectIncognitoConfirm = _useState12[1];
   // lowCode utils
   var utils = context.appHelper.utils || {};
   // stope
@@ -373,6 +379,36 @@ var ToCPay = function ToCPay(props, ref) {
     }
   }, [state.payGroup, waitAmount, isWalletPassPay]);
 
+  /**
+   * @title: 获取是否提示无痕模式
+   * @description: walletPass和三方支付的组合支付在无痕模式浏览器需要给出提示
+   * @return: *
+   * @Author: shengjie.zuo
+   * @Date: 2024-08-30 10:23:48
+   */
+  var getIsShowDetectIncognitoConfirm = /*#__PURE__*/function () {
+    var _ref6 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee5(payGroup) {
+      var _yield$detectIncognit, isPrivate;
+      return _regeneratorRuntime().wrap(function _callee5$(_context5) {
+        while (1) switch (_context5.prev = _context5.next) {
+          case 0:
+            _context5.next = 2;
+            return detectIncognito();
+          case 2:
+            _yield$detectIncognit = _context5.sent;
+            isPrivate = _yield$detectIncognit.isPrivate;
+            return _context5.abrupt("return", ((payGroup === null || payGroup === void 0 ? void 0 : payGroup.wait_amount) || 0) > 0 && getIsWalletPassAndTripartitePayment(payGroup) && isPrivate);
+          case 5:
+          case "end":
+            return _context5.stop();
+        }
+      }, _callee5);
+    }));
+    return function getIsShowDetectIncognitoConfirm(_x7) {
+      return _ref6.apply(this, arguments);
+    };
+  }();
+
   /**
    * @title: 提交
    * @description:
@@ -381,32 +417,43 @@ var ToCPay = function ToCPay(props, ref) {
    * @Date: 2024-08-15 13:25
    */
   var onSubmit = /*#__PURE__*/function () {
-    var _ref6 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee5(newOrderId) {
+    var _ref7 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee6(newOrderId) {
       var _state$payGroup9;
-      var newPayGroup;
-      return _regeneratorRuntime().wrap(function _callee5$(_context5) {
-        while (1) switch (_context5.prev = _context5.next) {
+      var newPayGroup, result;
+      return _regeneratorRuntime().wrap(function _callee6$(_context6) {
+        while (1) switch (_context6.prev = _context6.next) {
           case 0:
-            newPayGroup = state.payGroup; // 如果未创建交易组, 则先创建交易组
+            newPayGroup = state.payGroup; // 是否要展示无痕模式提示
+            _context6.next = 3;
+            return getIsShowDetectIncognitoConfirm(newPayGroup);
+          case 3:
+            result = _context6.sent;
+            if (!result) {
+              _context6.next = 7;
+              break;
+            }
+            setShowDetectIncognitoConfirm(true);
+            return _context6.abrupt("return");
+          case 7:
             if ((_state$payGroup9 = state.payGroup) !== null && _state$payGroup9 !== void 0 && _state$payGroup9.payment_group_id) {
-              _context5.next = 5;
+              _context6.next = 11;
               break;
             }
-            _context5.next = 4;
+            _context6.next = 10;
             return paymentInit(newOrderId);
-          case 4:
-            newPayGroup = _context5.sent;
-          case 5:
+          case 10:
+            newPayGroup = _context6.sent;
+          case 11:
             // 调用支付
             handlePaymentByType(undefined, newPayGroup);
-          case 6:
+          case 12:
           case "end":
-            return _context5.stop();
+            return _context6.stop();
         }
-      }, _callee5);
+      }, _callee6);
     }));
-    return function onSubmit(_x7) {
-      return _ref6.apply(this, arguments);
+    return function onSubmit(_x8) {
+      return _ref7.apply(this, arguments);
     };
   }();
 
@@ -463,10 +510,10 @@ var ToCPay = function ToCPay(props, ref) {
    * @Date: 2024-08-09 14:25
    */
   var payCallback = /*#__PURE__*/function () {
-    var _ref7 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee6(res) {
+    var _ref8 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee7(res) {
       var _props$callback;
-      return _regeneratorRuntime().wrap(function _callee6$(_context6) {
-        while (1) switch (_context6.prev = _context6.next) {
+      return _regeneratorRuntime().wrap(function _callee7$(_context7) {
+        while (1) switch (_context7.prev = _context7.next) {
           case 0:
             // 取消支付,关闭弹窗
             if (res.key === 'cancel') {
@@ -477,12 +524,12 @@ var ToCPay = function ToCPay(props, ref) {
             (_props$callback = props.callback) === null || _props$callback === void 0 ? void 0 : _props$callback.call(props, res);
           case 2:
           case "end":
-            return _context6.stop();
+            return _context7.stop();
         }
-      }, _callee6);
+      }, _callee7);
     }));
-    return function payCallback(_x8) {
-      return _ref7.apply(this, arguments);
+    return function payCallback(_x9) {
+      return _ref8.apply(this, arguments);
     };
   }();
 
@@ -619,6 +666,31 @@ var ToCPay = function ToCPay(props, ref) {
     onOk: function onOk() {
       setShowInformation(false);
     }
+  }), /*#__PURE__*/React.createElement(PisellModal.Information, {
+    open: showDetectIncognitoConfirm,
+    describe: locales.getText('tocPay.text.detectIncognitoConfirm'),
+    okText: locales.getText('tocPay.text.copyLink'),
+    closable: true,
+    maskClosable: false,
+    onCancel: function onCancel() {
+      setShowDetectIncognitoConfirm(false);
+    },
+    onOk: /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee8() {
+      return _regeneratorRuntime().wrap(function _callee8$(_context8) {
+        while (1) switch (_context8.prev = _context8.next) {
+          case 0:
+            _context8.next = 2;
+            return copyToClipboard(window.location.href);
+          case 2:
+            PisellToast({
+              content: locales.getText('tocPay.text.copySuccess')
+            });
+          case 3:
+          case "end":
+            return _context8.stop();
+        }
+      }, _callee8);
+    }))
   }), /*#__PURE__*/React.createElement(PisellLoading, {
     loading: loading,
     mask: true

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

@@ -67,6 +67,9 @@ declare const _default: {
         'tocPay.text.walletCanPay': string;
         'tocPay.text.paymentInstructions': string;
         'tocPay.text.walletSearchEmpty': string;
+        'tocPay.text.detectIncognitoConfirm': string;
+        'tocPay.text.copyLink': string;
+        'tocPay.text.copySuccess': string;
     };
     'zh-CN': {
         'tocPay.text.checkout': string;
@@ -135,6 +138,9 @@ declare const _default: {
         'tocPay.text.walletPassNoExtraPay': string;
         'tocPay.text.walletCanPay': string;
         'tocPay.text.walletSearchEmpty': string;
+        'tocPay.text.detectIncognitoConfirm': string;
+        'tocPay.text.copyLink': string;
+        'tocPay.text.copySuccess': string;
     };
     'zh-HK': {
         'tocPay.text.checkout': string;
@@ -203,6 +209,9 @@ declare const _default: {
         'tocPay.text.walletPassNoExtraPay': string;
         'tocPay.text.walletCanPay': string;
         'tocPay.text.walletSearchEmpty': string;
+        'tocPay.text.detectIncognitoConfirm': string;
+        'tocPay.text.copyLink': string;
+        'tocPay.text.copySuccess': string;
     };
 };
 export default _default;

package/es/components/pay/toC/locales.js

@@ -66,7 +66,10 @@ export default {
     'tocPay.text.walletPassNoExtraPay': 'No extra pay needed',
     'tocPay.text.walletCanPay': 'You can use the balance in your wallet pass or other eligible types of voucher to pay.',
     'tocPay.text.paymentInstructions': 'Instructions',
-    'tocPay.text.walletSearchEmpty': 'No results found.'
+    'tocPay.text.walletSearchEmpty': 'No results found.',
+    'tocPay.text.detectIncognitoConfirm': 'You are currently in private mode, wallet payment may not succeed. Please copy the link and continue payment in a non-private browsing tab.',
+    'tocPay.text.copyLink': 'Copy link',
+    'tocPay.text.copySuccess': 'Copy Success'
   },
   'zh-CN': {
     'tocPay.text.checkout': '结账',
@@ -134,7 +137,10 @@ export default {
     'tocPay.text.walletPassCompleteTitle': '请点击底部的“提交”按钮完成支付',
     'tocPay.text.walletPassNoExtraPay': '无需额外支付金额',
     'tocPay.text.walletCanPay': '您可以使用钱包内的余额或其他符合条件的代金券进行支付。',
-    'tocPay.text.walletSearchEmpty': '没有查询到任何结果。'
+    'tocPay.text.walletSearchEmpty': '没有查询到任何结果。',
+    'tocPay.text.detectIncognitoConfirm': '当前处于无痕模式，钱包支付可能失败，请复制链接在非无痕模式下继续支付。',
+    'tocPay.text.copyLink': '复制链接',
+    'tocPay.text.copySuccess': '复制成功'
   },
   'zh-HK': {
     'tocPay.text.checkout': '結帳',
@@ -202,6 +208,9 @@ export default {
     'tocPay.text.walletPassCompleteTitle': '請點擊底部的“提交”按鈕完成支付',
     'tocPay.text.walletPassNoExtraPay': '無需額外支付金額',
     'tocPay.text.walletCanPay': '您可以使用錢包內的餘額或其他符合資格的代金券進行支付。',
-    'tocPay.text.walletSearchEmpty': '沒有查詢到任何結果。'
+    'tocPay.text.walletSearchEmpty': '沒有查詢到任何結果。',
+    'tocPay.text.detectIncognitoConfirm': '目前處於無痕模式，錢包支付可能失敗，請複製連結在非無痕模式下繼續支付。',
+    'tocPay.text.copyLink': '復製链接',
+    'tocPay.text.copySuccess': '復製成功'
   }
 };

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

@@ -1,3 +1,12 @@
 export declare const paymentServices: any;
 export declare const paymentTypes: any[];
+export declare const tripartitePaymentKeys: string[];
 export declare const paymentKeys: string[];
+/**
+ * @title: 判断是否是三方支付
+ * @description:
+ * @return: *
+ * @Author: shengjie.zuo
+ * @Date: 2024-08-30 10:16:26
+ */
+export declare const isTripartitePayment: (service: string) => boolean;

package/es/components/pay/toC/status.js

@@ -21,48 +21,61 @@ export var paymentServices = {
   // stripe支付
   stripe: {
     // url: stripe,
+    isTripartitePayment: true
   },
   // 微信支付
   'globepay.wechat.jsapi': {
     // url: wxpay,
+    isTripartitePayment: true
   },
   // 微信H5支付
   'superpay.wechat.h5': {
     // url: wxpay,
-    channel: ['wx']
+    channel: ['wx'],
+    isTripartitePayment: true
   },
   // 支付包H5支付
   'globepay.alipay.h5': {
     // url: alipay,
-    channel: ['nowx', 'phone', 'ios']
+    channel: ['nowx', 'phone', 'ios'],
+    isTripartitePayment: true
   },
   'globepay.paypal.h5': {
     // url: paypal,
-    channel: ['wx', 'nowx', 'phone', 'ios']
+    channel: ['wx', 'nowx', 'phone', 'ios'],
+    isTripartitePayment: false
   },
   'superpay.alipay.h5': {
     // url: alipay,
+    isTripartitePayment: true
   },
   'mw.google': {
     // url: google_pay,
+    isTripartitePayment: true
   },
   'mw.apple': {
     // url: apple_pay,
+    isTripartitePayment: true
   },
   'mw.credit_card': {
     // url: credit_card,
+    isTripartitePayment: true
   },
   'pisell.bank_deposit': {
     // url: bank_deposit,
+    isTripartitePayment: false
   },
   'pisell.offline_payment': {
     // url: offline_payment,
+    isTripartitePayment: false
   },
   'pisell.other.cashmanual': {
     // url: custom,
+    isTripartitePayment: false
   },
   'pisell.custom_payment': {
     // url: custom,
+    isTripartitePayment: false
   }
 };
 var getPaymentTypes = function getPaymentTypes() {
@@ -74,9 +87,30 @@ var getPaymentTypes = function getPaymentTypes() {
   }
   return arr;
 };
+var getTripartitePaymentKeys = function getTripartitePaymentKeys() {
+  var arr = [];
+  for (var key in paymentServices) {
+    if (paymentServices[key].isTripartitePayment) {
+      arr.push(key);
+    }
+  }
+  return arr;
+};
 
 //支付类型列表
 export var paymentTypes = getPaymentTypes();
+export var tripartitePaymentKeys = getTripartitePaymentKeys();
 export var paymentKeys = Object.keys(paymentServices);
 
-// H5 分为 微信环境 非微信环境 手机环境 IOS环境
+// H5 分为 微信环境 非微信环境 手机环境 IOS环境
+
+/**
+ * @title: 判断是否是三方支付
+ * @description:
+ * @return: *
+ * @Author: shengjie.zuo
+ * @Date: 2024-08-30 10:16:26
+ */
+export var isTripartitePayment = function isTripartitePayment(service) {
+  return tripartitePaymentKeys.includes(service);
+};

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

@@ -28,3 +28,11 @@ export declare const formatWalletPassParams: (payGroup: PayGroup) => {
         wallet_pass_usage_unit: any;
     }[];
 };
+/**
+ * @title: 获取是否walletPass和三方支付的组合支付
+ * @description: 三方支付 (stripe  支付宝 微信  苹果 谷歌)
+ * @return: *
+ * @Author: shengjie.zuo
+ * @Date: 2024-08-30 10:06:17
+ */
+export declare const getIsWalletPassAndTripartitePayment: (payGroup: PayGroup) => boolean | 0 | undefined;

package/es/components/pay/toC/utils.js

@@ -1,4 +1,5 @@
 import { Decimal } from 'decimal.js';
+import { isTripartitePayment } from "./status";
 /**
  * 计算walletPass列表数据的总金额
  * @param list
@@ -45,4 +46,16 @@ export var formatWalletPassParams = function formatWalletPassParams(payGroup) {
     payment_group_id: payment_group_id,
     payments: payments
   };
+};
+
+/**
+ * @title: 获取是否walletPass和三方支付的组合支付
+ * @description: 三方支付 (stripe  支付宝 微信  苹果 谷歌)
+ * @return: *
+ * @Author: shengjie.zuo
+ * @Date: 2024-08-30 10:06:17
+ */
+export var getIsWalletPassAndTripartitePayment = function getIsWalletPassAndTripartitePayment(payGroup) {
+  var _payGroup$walletPass, _payGroup$walletPass$, _payGroup$otherPaymen;
+  return (payGroup === null || payGroup === void 0 ? void 0 : (_payGroup$walletPass = payGroup.walletPass) === null || _payGroup$walletPass === void 0 ? void 0 : (_payGroup$walletPass$ = _payGroup$walletPass.cards) === null || _payGroup$walletPass$ === void 0 ? void 0 : _payGroup$walletPass$.length) && isTripartitePayment(payGroup === null || payGroup === void 0 ? void 0 : (_payGroup$otherPaymen = payGroup.otherPayment) === null || _payGroup$otherPaymen === void 0 ? void 0 : _payGroup$otherPaymen.service);
 };

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

@@ -1,3 +1,3 @@
 import "./index.less";
-declare const Schedules: (props: any) => JSX.Element;
+declare const Schedules: (props: any) => any;
 export default Schedules;

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { CalendarDataItem, ScheduleItem } from "./type";
 import dayjs from "dayjs";
 export interface FormState {
@@ -68,7 +69,7 @@ export interface FormState {
     };
     setGlobalState: Function | null;
 }
-export declare const Provider: (ComponentUi: any) => (props: any) => JSX.Element, Context: import("react").Context<{
+export declare const Provider: (ComponentUi: any) => (props: any) => any, Context: import("react").Context<{
     state: FormState;
 } & {
     dispatch: (params: {

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

@@ -1,5 +1,6 @@
+/// <reference types="react" />
 import { FormState } from "../model";
-export declare const Provider: (ComponentUi: any) => (props: any) => JSX.Element, Context: import("react").Context<{
+export declare const Provider: (ComponentUi: any) => (props: any) => any, Context: import("react").Context<{
     state: FormState;
 } & {
     dispatch: (params: {

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

@@ -21,5 +21,5 @@ export interface InfoProps {
  * @Author: zhiwei.Wang
  * @Date: 2024-01-30 17:10
  */
-declare const Forms: (props: any) => JSX.Element;
+declare const Forms: (props: any) => any;
 export default Forms;

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

@@ -1,5 +1,6 @@
+/// <reference types="react" />
 import { FormState } from "../model";
-export declare const Provider: (ComponentUi: any) => (props: any) => JSX.Element, Context: import("react").Context<{
+export declare const Provider: (ComponentUi: any) => (props: any) => any, Context: import("react").Context<{
     state: FormState;
 } & {
     dispatch: (params: {

package/lib/components/booking/notes/index.d.ts

@@ -4,5 +4,5 @@ export interface InfoProps {
     globalState: any;
     setGlobalState: any;
 }
-declare const Notes: (props: any) => JSX.Element;
+declare const Notes: (props: any) => any;
 export default Notes;

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

@@ -1,5 +1,6 @@
+/// <reference types="react" />
 import { FormState } from "../model";
-export declare const Provider: (ComponentUi: any) => (props: any) => JSX.Element, Context: import("react").Context<{
+export declare const Provider: (ComponentUi: any) => (props: any) => any, Context: import("react").Context<{
     state: FormState;
 } & {
     dispatch: (params: {

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

@@ -1,5 +1,6 @@
+/// <reference types="react" />
 import { FormState } from "../model";
-export declare const Provider: (ComponentUi: any) => (props: any) => JSX.Element, Context: import("react").Context<{
+export declare const Provider: (ComponentUi: any) => (props: any) => any, Context: import("react").Context<{
     state: FormState;
 } & {
     dispatch: (params: {

package/lib/components/eftposPay/store/index.d.ts

@@ -190,12 +190,12 @@ export declare const backUpProduction: (payload: Partial<State>) => {
 export declare const backUpFree: (payload: Partial<State>) => {
     type: EActionTypes;
     payload: {
-        mode?: "refund" | "pay" | "query" | undefined;
+        mode?: "pay" | "refund" | "query" | undefined;
         eftpos?: "payo" | "tyro" | "windcave" | "stripe" | "eftpos" | undefined;
         key?: number | undefined;
         step?: number | undefined;
         title?: string | undefined;
-        type?: "unset" | "step" | undefined;
+        type?: "step" | "unset" | undefined;
         render?: boolean | undefined;
         component?: string | undefined;
         lastComponent?: string | undefined;

package/lib/components/pay/toC/index.js

@@ -48,6 +48,7 @@ var import_useEngineContext = __toESM(require("../../../hooks/useEngineContext")
 var import_utils2 = require("../../../utils");
 var import_payGroup = require("./payGroup");
 var import_locales = __toESM(require("./locales"));
+var import_utils3 = require("./utils");
 var import_index = require("./index.less");
 var ToCPay = (props, ref) => {
   var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q;
@@ -60,6 +61,7 @@ var ToCPay = (props, ref) => {
   const [renderType, setRenderType] = (0, import_react.useState)("modal");
   const context = (0, import_useEngineContext.default)();
   const [showInformation, setShowInformation] = (0, import_react.useState)(false);
+  const [showDetectIncognitoConfirm, setShowDetectIncognitoConfirm] = (0, import_react.useState)(false);
   const utils = context.appHelper.utils || {};
   const dvaStore = (_c = (_b = (_a = context.appHelper.utils) == null ? void 0 : _a.getStore) == null ? void 0 : _b.call(_a)) == null ? void 0 : _c.getState();
   const customer_id = (_i = (_h = (_g = (_f = (_e = (_d = context.appHelper.utils) == null ? void 0 : _d.getStore()) == null ? void 0 : _e.getState) == null ? void 0 : _f.call(_e)) == null ? void 0 : _g.global) == null ? void 0 : _h.userInfo) == null ? void 0 : _i.id;
@@ -192,9 +194,18 @@ var ToCPay = (props, ref) => {
       return !isWalletPassPay;
     }
   }, [state.payGroup, waitAmount, isWalletPassPay]);
+  const getIsShowDetectIncognitoConfirm = async (payGroup) => {
+    const { isPrivate } = await (0, import_utils.detectIncognito)();
+    return ((payGroup == null ? void 0 : payGroup.wait_amount) || 0) > 0 && (0, import_utils3.getIsWalletPassAndTripartitePayment)(payGroup) && isPrivate;
+  };
   const onSubmit = async (newOrderId) => {
     var _a2;
     let newPayGroup = state.payGroup;
+    const result = await getIsShowDetectIncognitoConfirm(newPayGroup);
+    if (result) {
+      setShowDetectIncognitoConfirm(true);
+      return;
+    }
     if (!((_a2 = state.payGroup) == null ? void 0 : _a2.payment_group_id)) {
       newPayGroup = await paymentInit(newOrderId);
     }
@@ -331,6 +342,25 @@ var ToCPay = (props, ref) => {
         }
       }
     ),
+    /* @__PURE__ */ import_react.default.createElement(
+      import_materials.PisellModal.Information,
+      {
+        open: showDetectIncognitoConfirm,
+        describe: import_utils.locales.getText("tocPay.text.detectIncognitoConfirm"),
+        okText: import_utils.locales.getText("tocPay.text.copyLink"),
+        closable: true,
+        maskClosable: false,
+        onCancel: () => {
+          setShowDetectIncognitoConfirm(false);
+        },
+        onOk: async () => {
+          await (0, import_utils.copyToClipboard)(window.location.href);
+          (0, import_materials.PisellToast)({
+            content: import_utils.locales.getText("tocPay.text.copySuccess")
+          });
+        }
+      }
+    ),
     /* @__PURE__ */ import_react.default.createElement(
       import_materials.PisellLoading,
       {

package/lib/components/pay/toC/locales.d.ts

@@ -67,6 +67,9 @@ declare const _default: {
         'tocPay.text.walletCanPay': string;
         'tocPay.text.paymentInstructions': string;
         'tocPay.text.walletSearchEmpty': string;
+        'tocPay.text.detectIncognitoConfirm': string;
+        'tocPay.text.copyLink': string;
+        'tocPay.text.copySuccess': string;
     };
     'zh-CN': {
         'tocPay.text.checkout': string;
@@ -135,6 +138,9 @@ declare const _default: {
         'tocPay.text.walletPassNoExtraPay': string;
         'tocPay.text.walletCanPay': string;
         'tocPay.text.walletSearchEmpty': string;
+        'tocPay.text.detectIncognitoConfirm': string;
+        'tocPay.text.copyLink': string;
+        'tocPay.text.copySuccess': string;
     };
     'zh-HK': {
         'tocPay.text.checkout': string;
@@ -203,6 +209,9 @@ declare const _default: {
         'tocPay.text.walletPassNoExtraPay': string;
         'tocPay.text.walletCanPay': string;
         'tocPay.text.walletSearchEmpty': string;
+        'tocPay.text.detectIncognitoConfirm': string;
+        'tocPay.text.copyLink': string;
+        'tocPay.text.copySuccess': string;
     };
 };
 export default _default;