@pisell/private-materials 3.4.51 → 3.4.53

package/es/plus/walletPassGallery/components/recharge/index.js

@@ -32,6 +32,10 @@ var Recharge = function Recharge(_ref) {
     storage = _ref2.storage;
   var dvaStore = (_context$appHelper2 = context.appHelper) === null || _context$appHelper2 === void 0 || (_context$appHelper2 = _context$appHelper2.utils) === null || _context$appHelper2 === void 0 || (_context$appHelper2$g = _context$appHelper2.getStore) === null || _context$appHelper2$g === void 0 || (_context$appHelper2$g = _context$appHelper2$g.call(_context$appHelper2)) === null || _context$appHelper2$g === void 0 ? void 0 : _context$appHelper2$g.getState();
   var shop = (dvaStore === null || dvaStore === void 0 || (_dvaStore$core = dvaStore.core) === null || _dvaStore$core === void 0 || (_dvaStore$core = _dvaStore$core.core) === null || _dvaStore$core === void 0 ? void 0 : _dvaStore$core.shop) || {};
+  var _useState3 = useState(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    loading = _useState4[0],
+    setLoading = _useState4[1];
   useEffect(function () {
     if (detailData) {
       setChargeItem(((detailData === null || detailData === void 0 ? void 0 : detailData.gift_option) || [])[0]);
@@ -44,6 +48,7 @@ var Recharge = function Recharge(_ref) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
             _context.prev = 0;
+            setLoading(true);
             params = {
               voucher_id: (detailData === null || detailData === void 0 ? void 0 : detailData.id) || '',
               product_id: (detailData === null || detailData === void 0 ? void 0 : detailData.product_id) || '',
@@ -57,9 +62,9 @@ var Recharge = function Recharge(_ref) {
                 currency_format: (shop === null || shop === void 0 ? void 0 : shop.currency_format) || ''
               }
             };
-            _context.next = 4;
+            _context.next = 5;
             return orderRechargeProduct(params);
-          case 4:
+          case 5:
             data = _context.sent;
             if (data !== null && data !== void 0 && data.order_id) {
               storage === null || storage === void 0 || (_storage$set = storage.set) === null || _storage$set === void 0 || _storage$set.call(storage, 'orderId', data.order_id);
@@ -69,23 +74,28 @@ var Recharge = function Recharge(_ref) {
                 callback: function callback() {}
               });
             }
-            _context.next = 11;
+            _context.next = 12;
             break;
-          case 8:
-            _context.prev = 8;
+          case 9:
+            _context.prev = 9;
             _context.t0 = _context["catch"](0);
             console.error(locales.getText('wallet-pass-gallery.log.rechargeOrderFailed'), _context.t0);
-          case 11:
+          case 12:
+            _context.prev = 12;
+            setLoading(false);
+            return _context.finish(12);
+          case 15:
           case "end":
             return _context.stop();
         }
-      }, _callee, null, [[0, 8]]);
+      }, _callee, null, [[0, 9, 12, 15]]);
     }));
     return function handleRecharge() {
       return _ref3.apply(this, arguments);
     };
   }();
   return /*#__PURE__*/React.createElement(Drawer, {
+    destroyOnClose: true,
     title: locales.getText('wallet-pass-gallery.rechargeOptions'),
     open: open,
     zIndex: 999,
@@ -97,7 +107,8 @@ var Recharge = function Recharge(_ref) {
       block: true,
       size: "large",
       onClick: handleRecharge,
-      disabled: !(chargeItem !== null && chargeItem !== void 0 && chargeItem.id)
+      disabled: !(chargeItem !== null && chargeItem !== void 0 && chargeItem.id),
+      loading: loading
     }, locales.getText('wallet-pass-gallery.recharge'))
   }, /*#__PURE__*/React.createElement("div", {
     className: "pisell-wallet-pass-gallery_recharge"

package/es/plus/walletPassGallery/index.js

@@ -552,7 +552,9 @@ var WalletPassGallery = function WalletPassGallery(props) {
       },
       block: true
     }, locales.getText('wallet-pass-gallery.button.add'))), /*#__PURE__*/React.createElement(PisellModal, {
-      platform: 'h5',
+      zIndex: 997,
+      destroyOnClose: true,
+      platform: platform,
       visible: !!_currentItem,
       onCancel: function onCancel() {
         return setCurrentItemId('');

package/es/pro/Login2.0/index.less

@@ -15,6 +15,14 @@
   
   /* 默认底部内边距 */
   padding-bottom: 24px;
+
+  // 加载状态优化
+  .pisell-lowcode-btn-loading-icon {
+    .anticon {
+      color: #ffffff !important;
+    }
+  }
+
   
   /* 在弹窗模式下不需要额外的底部内边距，因为使用 sticky 定位 */
   .pisell-lowcode-modal-body & {
@@ -462,6 +470,13 @@
   .login-lm-drawer-popover & {
     padding-bottom: 100px;
   }
+    // 加载状态优化
+  .pisell-lowcode-btn-loading-icon {
+    .anticon {
+      color: #ffffff !important;
+    }
+  }
+
 }
 
 // 错误提示样式优化
@@ -521,14 +536,6 @@
 //     }
 //   }
 // }
-
-// 加载状态优化
-.pisell-lowcode-btn-loading-icon {
-  .anticon {
-    color: #ffffff !important;
-  }
-}
-
 // 切换认证方式按钮
 .login2-switch-button {
   margin-top: 0;

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

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

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

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

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

@@ -1,5 +1,14 @@
+/// <reference types="react" />
+import { FormState } from '../model';
 export declare const walkInData: {
     id: number;
     nickname: string;
 };
-export declare const Provider: any, Context: any;
+export declare const Provider: (ComponentUi: any) => any, Context: import("react").Context<{
+    state: FormState;
+} & {
+    dispatch: (params: {
+        type: string;
+        payload: any;
+    }) => void;
+}>;

package/lib/components/booking/info/service/addService/utils.d.ts

@@ -6,7 +6,7 @@ export declare const getDurationProps: ({ cacheItem, useStartTime, currentResour
         type: string;
         value: number;
     };
-    locale: any;
+    locale: string;
     slice: any;
     selectProps: {
         size: string;

package/lib/components/booking/info2/service/addService/utils.d.ts

@@ -7,7 +7,7 @@ export declare const getDurationProps: ({ cacheItem, useStartTime, currentResour
         type: string;
         value: number;
     };
-    locale: any;
+    locale: string;
     slice: any;
     selectProps: {
         size: string;

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export interface FormState {
     amountSymbol: string;
     apis: {
@@ -108,4 +109,11 @@ export declare const walkInData: {
     id: number;
     nickname: string;
 };
-export declare const Provider: any, Context: any;
+export declare const Provider: (ComponentUi: any) => any, Context: import("react").Context<{
+    state: FormState;
+} & {
+    dispatch: (params: {
+        type: string;
+        payload: any;
+    }) => void;
+}>;

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

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

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

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

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

@@ -41,6 +41,7 @@ var import_const = require("../../const");
 var import_const2 = require("../const");
 var GlobalTimeout = 1e3 * 60 * 2;
 var RequestTimeout = 1e3 * 5;
+var QUERY_INTERVAL = 1e3 * 2;
 var useTimeResultQuery = (api, resultCheck, handleLinklySuccess) => {
   const dispatch = (0, import_store.useDispatch)();
   const { numRef, modeRef, deviceRef, orderIdRef } = (0, import_hooks.useStoreRef)();
@@ -56,6 +57,7 @@ var useTimeResultQuery = (api, resultCheck, handleLinklySuccess) => {
   const startTimeRef = (0, import_react.useRef)(null);
   const isQueryFinishedRef = (0, import_react.useRef)(true);
   const queryIdRef = (0, import_react.useRef)(null);
+  const queryIntervalTimerRef = (0, import_react.useRef)(null);
   const _resultQuery = async () => {
     var _a, _b;
     if (controllerRef.current) {
@@ -107,9 +109,9 @@ var useTimeResultQuery = (api, resultCheck, handleLinklySuccess) => {
         console.log("交易状态为0需要继续查询");
         _log("Querying" /* Querying */, result);
         isQueryFinishedRef.current = false;
-        setTimeout(() => {
+        queryIntervalTimerRef.current = setTimeout(() => {
           _resultQuery();
-        }, 1500);
+        }, QUERY_INTERVAL);
         return;
       }
       if (data.status < 0) {
@@ -145,18 +147,18 @@ var useTimeResultQuery = (api, resultCheck, handleLinklySuccess) => {
         _log("AbortError" /* AbortError */);
         console.log("Error: 请求被取消，将继续查询");
         isQueryFinishedRef.current = false;
-        setTimeout(() => {
+        queryIntervalTimerRef.current = setTimeout(() => {
           _resultQuery();
-        }, 1500);
+        }, QUERY_INTERVAL);
         return;
       }
       if (!(error == null ? void 0 : error.code) || `${error.code}` === import_const.PayStatus.Timeout) {
         _log("NetworkError" /* NetworkError */);
         console.log("Error: 网关类报错，将继续查询");
         isQueryFinishedRef.current = false;
-        setTimeout(() => {
+        queryIntervalTimerRef.current = setTimeout(() => {
           _resultQuery();
-        }, 1500);
+        }, QUERY_INTERVAL);
         return;
       }
       _log("Error" /* Error */, error);
@@ -203,6 +205,10 @@ var useTimeResultQuery = (api, resultCheck, handleLinklySuccess) => {
       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/lib/components/eftposPay/payo/config.js

@@ -42,6 +42,7 @@ var import_helper = require("../helper");
 var import_hooks = require("../hooks");
 var import_store = require("../store");
 var import_hooks2 = require("./hooks");
+var import_payment = require("./payment");
 var POS = ({
   api,
   onChange
@@ -68,6 +69,13 @@ var POS = ({
   const initRef = (0, import_react.useRef)(false);
   const unloadRef = (0, import_react.useRef)(false);
   const [check] = (0, import_hooks2.useValidate)(1e3 * 60);
+  const { run: paymentRun, clean: paymentClean } = (0, import_payment.usePayment)({
+    payApi: api.pay,
+    checkApi: api.check,
+    shouldContinue: () => {
+      return !(unloadRef.current || !netRef.current);
+    }
+  });
   (0, import_react.useEffect)(() => {
     failRef.current = fail;
   }, [fail]);
@@ -126,7 +134,7 @@ var POS = ({
     );
   };
   (0, import_react.useEffect)(() => {
-    var _a, _b;
+    var _a, _b, _c;
     if (statusRef.current === import_const.StatusEnum.Success || statusRef.current === import_const.StatusEnum.Fail) {
       return;
     }
@@ -145,82 +153,98 @@ var POS = ({
       })
     );
     controllerRef.current = new AbortController();
-    const resultPromise = modeRef.current === import_const.ModeEnum.Pay || modeRef.current === import_const.ModeEnum.FullPay ? api.pay(
-      {
-        ...(custom == null ? void 0 : custom.platform) ? {
-          operator_id: custom.operator_id,
-          operator_type: custom.operator_type,
-          platform: custom.platform,
-          custom_payment_id: custom.custom_payment_id,
-          service_charge: {
-            amount: payRef.current.surMoney,
-            percentage: payRef.current.surPercentRate
-          },
-          original_amount: payRef.current.amount
-        } : {},
-        order_id: orderIdRef.current,
-        amount: payRef.current.total,
-        card_reader_type: eftposRef.current,
-        card_reader_id: (_a = deviceRef.current) == null ? void 0 : _a.id,
-        number: numRef.current,
-        pay_param_base64: encodeURIComponent(
-          btoa(
-            encodeURIComponent(
-              JSON.stringify({
-                ...dataRef.current,
-                number: numRef.current
-              })
-            )
+    const isPay = modeRef.current === import_const.ModeEnum.Pay || modeRef.current === import_const.ModeEnum.FullPay;
+    const apiParams = isPay ? {
+      ...(custom == null ? void 0 : custom.platform) ? {
+        operator_id: custom.operator_id,
+        operator_type: custom.operator_type,
+        platform: custom.platform,
+        custom_payment_id: custom.custom_payment_id
+      } : {},
+      original_amount: payRef.current.amount,
+      service_charge: {
+        amount: payRef.current.surMoney,
+        percentage: payRef.current.surPercentRate
+      },
+      order_id: orderIdRef.current,
+      amount: payRef.current.total,
+      card_reader_type: eftposRef.current,
+      card_reader_id: (_a = deviceRef.current) == null ? void 0 : _a.id,
+      number: numRef.current,
+      pay_param_base64: encodeURIComponent(
+        btoa(
+          encodeURIComponent(
+            JSON.stringify({
+              ...dataRef.current,
+              number: numRef.current
+            })
           )
         )
-      },
-      { signal: controllerRef.current.signal }
-    ) : api.refund(
-      {
-        order_id: orderIdRef.current,
-        amount: amountRef.current,
-        card_reader_type: eftposRef.current,
-        card_reader_id: (_b = deviceRef.current) == null ? void 0 : _b.id,
-        number: numRef.current,
-        pay_param_base64: encodeURIComponent(
-          btoa(
-            encodeURIComponent(
-              JSON.stringify({
-                ...dataRef.current,
-                number: numRef.current
-              })
-            )
+      )
+    } : {
+      order_id: orderIdRef.current,
+      amount: amountRef.current,
+      card_reader_type: eftposRef.current,
+      card_reader_id: (_b = deviceRef.current) == null ? void 0 : _b.id,
+      number: numRef.current,
+      pay_param_base64: encodeURIComponent(
+        btoa(
+          encodeURIComponent(
+            JSON.stringify({
+              ...dataRef.current,
+              number: numRef.current
+            })
           )
         )
-      },
-      { signal: controllerRef.current.signal }
-    );
-    resultPromise.then((res) => {
-      console.log("netRef.current111 = ", netRef.current);
-      if (unloadRef.current || !netRef.current) {
-        return;
-      }
-      if (res && `${res.code}` === "200") {
-        success(res);
-        return;
-      }
-      return Promise.reject(res);
-    }).catch((err) => {
-      console.log(
-        "netRef.current222 = ",
-        netRef.current,
-        unloadRef.current,
-        err
-      );
-      if (unloadRef.current || !netRef.current) {
-        return;
-      }
-      if (!(err == null ? void 0 : err.code) || `${err.code}` === import_const.PayStatus.Timeout) {
-        checkApi();
-        return;
-      }
-      failRef.current(err, true);
-    });
+      )
+    };
+    if (isPay) {
+      paymentRun({
+        paymentType: import_payment.ActionType.Pay,
+        paymentNum: numRef.current,
+        orderId: orderIdRef.current,
+        deviceId: (_c = deviceRef.current) == null ? void 0 : _c.id,
+        params: apiParams,
+        callbacks: {
+          onSuccess: (res) => {
+            success(res);
+          },
+          onError: (err) => {
+            console.log("err = >>>>>", err);
+            failRef.current(err, true);
+          }
+        }
+      });
+      return;
+    } else {
+      const resultPromise = api.refund(apiParams, { signal: controllerRef.current.signal });
+      resultPromise.then((res) => {
+        console.log("netRef.current111 = ", netRef.current);
+        if (unloadRef.current || !netRef.current) {
+          return;
+        }
+        if (res && `${res.code}` === "200") {
+          success(res);
+          return;
+        }
+        return Promise.reject(res);
+      }).catch((err) => {
+        console.log(
+          "netRef.current222 = ",
+          netRef.current,
+          unloadRef.current,
+          err
+        );
+        if (unloadRef.current || !netRef.current) {
+          return;
+        }
+        if (!(err == null ? void 0 : err.code) || `${err.code}` === import_const.PayStatus.Timeout) {
+          checkApi();
+          return;
+        }
+        failRef.current(err, true);
+      });
+    }
   }, [api, check, dispatch, onChange]);
   (0, import_react.useEffect)(
     () => () => {
@@ -230,6 +254,7 @@ var POS = ({
       if (clearRef.current) {
         clearTimeout(clearRef.current);
       }
+      paymentClean();
     },
     []
   );

package/lib/components/eftposPay/payo/payment.d.ts

@@ -0,0 +1,66 @@
+interface RunApiParams {
+    [key: string]: any;
+}
+export declare enum ActionType {
+    Pay = "pay",
+    Refund = "refund",
+    Query = "query"
+}
+interface UsePaymentOptions {
+    /**
+     * 支付接口
+     */
+    payApi: (params: RunApiParams, options?: {
+        signal?: AbortSignal;
+    }) => Promise<any>;
+    /**
+     * 退款接口
+     */
+    refundApi?: (params: RunApiParams, options?: {
+        signal?: AbortSignal;
+    }) => Promise<any>;
+    /**
+     * 查询接口
+     */
+    checkApi: (params: {
+        number: string;
+    }, options?: {
+        signal?: AbortSignal;
+    }) => Promise<any>;
+    /**
+     * 检查是否应该继续处理结果（用于处理网络断开、组件卸载等情况）
+     */
+    shouldContinue?: () => boolean;
+}
+interface RunParams {
+    /** 支付类型 */
+    paymentType: ActionType;
+    /** 支付交易号 */
+    paymentNum: string;
+    /** 订单ID */
+    orderId?: string | number;
+    /** 设备ID */
+    deviceId?: string | number;
+    /** 支付参数 */
+    params: RunApiParams;
+    /** 回调方法 */
+    callbacks: RunCallbacks;
+}
+interface RunCallbacks {
+    /**
+     * 成功回调
+     */
+    onSuccess: (res: any) => void;
+    /**
+     * 失败回调
+     */
+    onError: (error: any) => void;
+}
+export declare const usePayment: (options: UsePaymentOptions) => {
+    run: (options: RunParams) => Promise<void>;
+    stop: () => void;
+    clean: (params?: {
+        clearCallbacks?: boolean;
+    }) => void;
+};
+export {};