@pisell/private-materials 3.0.13 → 3.0.14-2.gray

package/es/components/eftposPay/hooks.js

@@ -0,0 +1,308 @@
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+import { locales } from '@pisell/utils';
+import { useCallback, useEffect, useRef } from 'react';
+import { PayStatus } from "./const";
+import { useContextData, useDispatch, updateComponent, updateSteps, updateState, updateCustom, updateKey } from "./store";
+var Max4004 = 1;
+
+// 穿越 react deep
+export var useStoreRef = function useStoreRef() {
+  var _useContextData = useContextData(),
+    order_id = _useContextData.order_id,
+    device = _useContextData.device,
+    pay = _useContextData.pay,
+    number = _useContextData.number,
+    mode = _useContextData.mode,
+    net = _useContextData.net,
+    status = _useContextData.status,
+    symbol = _useContextData.symbol,
+    amount = _useContextData.amount,
+    eftpos = _useContextData.eftpos;
+  // 设备信息
+  var deviceRef = useRef(device);
+
+  // 支付金额信息
+  var payRef = useRef(pay);
+
+  // 支付流水号
+  var numRef = useRef(number);
+
+  // 订单id
+  var orderIdRef = useRef(order_id);
+
+  // 退款 or 支付
+  var modeRef = useRef(mode);
+
+  // 页面状态 成功 or 失败 or 加载 ...
+  var statusRef = useRef(status);
+
+  // 网络状态
+  var netRef = useRef(net);
+
+  // 金额单位
+  var symbolRef = useRef(symbol);
+
+  // 原始支付金额
+  var amountRef = useRef(amount);
+
+  // 设备类型
+  var eftposRef = useRef(eftpos);
+  useEffect(function () {
+    deviceRef.current = device;
+  }, [device]);
+  useEffect(function () {
+    payRef.current = pay;
+  }, [pay]);
+  useEffect(function () {
+    numRef.current = number;
+  }, [number]);
+  useEffect(function () {
+    orderIdRef.current = order_id;
+  }, [order_id]);
+  useEffect(function () {
+    modeRef.current = mode;
+  }, [mode]);
+  useEffect(function () {
+    statusRef.current = status;
+  }, [status]);
+  useEffect(function () {
+    netRef.current = net;
+  }, [net]);
+  useEffect(function () {
+    symbolRef.current = symbol;
+  }, [symbol]);
+  useEffect(function () {
+    amountRef.current = amount;
+  }, [amount]);
+  useEffect(function () {
+    eftposRef.current = eftpos;
+  }, [eftpos]);
+  return {
+    deviceRef: deviceRef,
+    payRef: payRef,
+    numRef: numRef,
+    orderIdRef: orderIdRef,
+    modeRef: modeRef,
+    statusRef: statusRef,
+    netRef: netRef,
+    symbolRef: symbolRef,
+    amountRef: amountRef,
+    eftposRef: eftposRef
+  };
+};
+
+/**
+ * @title: 通用失败处理
+ * @description:  固定步骤 错误处理逻辑
+ * @return null
+ * @Author: hongbing.wang
+ * @Date: 2024-08-12 11:54
+ */
+export var useFail = function useFail(index) {
+  var isMark = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+  var _useContextData2 = useContextData(),
+    steps = _useContextData2.steps,
+    custom = _useContextData2.custom;
+  var _useStoreRef = useStoreRef(),
+    modeRef = _useStoreRef.modeRef;
+  var dispatch = useDispatch();
+  var ref = useRef((custom === null || custom === void 0 ? void 0 : custom.retry) || 0);
+  useEffect(function () {
+    ref.current = (custom === null || custom === void 0 ? void 0 : custom.retry) || 0;
+  }, [custom === null || custom === void 0 ? void 0 : custom.retry]);
+  return useCallback(function (res) {
+    if (!res || !res.code) {
+      // 去往未知处理页面
+      dispatch(updateCustom({
+        errorStatus: 'unknow' // unknow know
+      }));
+
+      dispatch(updateComponent('UnknowFail'));
+      return;
+    }
+    var code = "".concat(res.code);
+    if (code === PayStatus.Unknown) {
+      // 前往报错页 不可标记
+      steps[index].title = locales.getText('page.eftpos-pay.text.failed')(modeRef.current);
+      steps[index].fail = locales.getText('page.eftpos-pay.text.transaction.fail');
+      steps[index].status = 'fail';
+      dispatch(updateSteps(steps));
+      dispatch(updateComponent('Fail'));
+      dispatch(updateCustom({
+        errorStatus: 'know' // unknow know
+      }));
+
+      return;
+    }
+    if (code === PayStatus.PayTimeout) {
+      // 前往错误页  不可标记状态
+      steps[index].fail = locales.getText('page.eftpos-pay.text.transaction.fail.timeout');
+      steps[index].title = locales.getText('page.eftpos-pay.text.failed')(modeRef.current);
+      steps[index].status = 'fail';
+      dispatch(updateSteps(steps));
+      dispatch(updateComponent('Fail'));
+      dispatch(updateCustom({
+        errorStatus: 'know' // unknow know
+      }));
+
+      return;
+    }
+    if (code === PayStatus.Timeout) {
+      if (isMark) {
+        // 超时 前往标记页
+        steps[index].status = 'fail';
+        dispatch(updateSteps(steps));
+        dispatch(updateState({
+          manual: {
+            title: locales.getText('page.eftpos-pay.text.timedout.title'),
+            text: locales.getText('page.eftpos-pay.text.timedout.text')(modeRef.current)
+          }
+        }));
+        dispatch(updateCustom({
+          errorStatus: 'know' // unknow know
+        }));
+
+        dispatch(updateComponent('Manual'));
+        return;
+      }
+      // 前往错误页  不可标记状态
+      steps[index].fail = locales.getText('page.eftpos-pay.text.transaction.pay.fail.timeout');
+      steps[index].title = locales.getText('page.eftpos-pay.text.failed')(modeRef.current);
+      steps[index].status = 'fail';
+      dispatch(updateSteps(steps));
+      dispatch(updateComponent('Fail'));
+      dispatch(updateCustom({
+        errorStatus: 'know' // unknow know
+      }));
+
+      return;
+    }
+    if (code === PayStatus.NoPay) {
+      // 如果未查询到支付状态,则重新发起支付
+      if (ref.current > Max4004) {
+        // 前往错误页  不可标记状态
+        dispatch(updateState({
+          number: ''
+        }));
+        dispatch(updateCustom({
+          retry: ref.current
+        }));
+        steps[index].title = locales.getText('page.eftpos-pay.text.failed')(modeRef.current);
+        steps[index].fail = locales.getText('page.eftpos-pay.text.transaction.fail');
+        steps[index].status = 'fail';
+        dispatch(updateSteps(steps));
+        dispatch(updateComponent('Fail'));
+        return;
+      }
+      // 重新支付 最多到重新发起2次
+      ref.current += 1;
+      dispatch(updateState({
+        number: ''
+      }));
+      dispatch(updateCustom({
+        retry: ref.current
+      }));
+      dispatch(updateKey(Date.now()));
+      return;
+    }
+    if (code === PayStatus.PayOtherEftposFailed) {
+      // 前往错误页 不可标记状态
+      steps[index].title = locales.getText('page.eftpos-pay.text.transaction.fail.terminal.title');
+      steps[index].fail = locales.getText('page.eftpos-pay.text.transaction.fail.terminal');
+      steps[index].status = 'fail';
+      dispatch(updateSteps(steps));
+      dispatch(updateComponent('Fail'));
+      dispatch(updateCustom({
+        errorStatus: 'know' // unknow know
+      }));
+
+      return;
+    }
+    if (code === PayStatus.PayCardErrorFailed) {
+      // 前往错误页 不可标记状态
+      steps[index].title = locales.getText('page.eftpos-pay.text.transaction.fail.cancel.title');
+      steps[index].fail = locales.getText('page.eftpos-pay.text.transaction.fail.cancel');
+      steps[index].status = 'fail';
+      dispatch(updateSteps(steps));
+      dispatch(updateComponent('Fail'));
+      dispatch(updateCustom({
+        errorStatus: 'know' // unknow know
+      }));
+
+      return;
+    }
+    if (code === PayStatus.NoNetWork || code === PayStatus.SocketError) {
+      // 前往错误页 可标记状态
+      steps[index].title = locales.getText('page.eftpos-pay.text.interrupted');
+      steps[index].warn = "".concat(locales.getText('page.eftpos-pay.text.transaction.eftpos.fail.title'), "\n").concat(locales.getText('page.eftpos-pay.text.transaction.eftpos.fail.power'), "\n").concat(locales.getText('page.eftpos-pay.text.transaction.eftpos.fail.device'), "\n").concat(locales.getText('page.eftpos-pay.text.transaction.eftpos.fail.network'), "\n").concat(locales.getText('page.eftpos-pay.text.transaction.eftpos.fail.if')(modeRef.current));
+      steps[index].status = 'warn';
+      steps[index].custom = steps[index].custom ? _objectSpread(_objectSpread({}, steps[index].custom), {}, {
+        isPosNetworkError: true
+      }) : {
+        isPosNetworkError: true
+      };
+      dispatch(updateSteps(steps));
+      dispatch(updateComponent('Fail'));
+      dispatch(updateCustom({
+        errorStatus: 'know' // unknow know
+      }));
+
+      return;
+    }
+    if (code === PayStatus.PayBankRefuses) {
+      // 前往错误页  不可标记状态
+      steps[index].fail = locales.getText('page.eftpos-pay.text.transaction.back.declined.text');
+      steps[index].title = locales.getText('page.eftpos-pay.text.transaction.back.declined.title');
+      steps[index].status = 'fail';
+      dispatch(updateSteps(steps));
+      dispatch(updateComponent('Fail'));
+      dispatch(updateCustom({
+        errorStatus: 'know' // unknow know
+      }));
+
+      return;
+    }
+    if (code === PayStatus.SignatureDeclined) {
+      // 前往错误页  不可标记状态
+      steps[index].fail = locales.getText('page.eftpos-pay.text.transaction.user.declined.text');
+      steps[index].title = locales.getText('page.eftpos-pay.text.transaction.user.declined.title');
+      steps[index].status = 'fail';
+      dispatch(updateSteps(steps));
+      dispatch(updateComponent('Fail'));
+      dispatch(updateCustom({
+        errorStatus: 'know' // unknow know
+      }));
+
+      return;
+    }
+    if (code === PayStatus.UserConfigError) {
+      // 前往错误页  不可标记状态
+      steps[index].title = locales.getText('page.eftpos-pay.text.transaction.user.config.title');
+      steps[index].fail = locales.getText('page.eftpos-pay.text.transaction.user.config.text');
+      steps[index].status = 'fail';
+      dispatch(updateSteps(steps));
+      dispatch(updateComponent('Fail'));
+      dispatch(updateCustom({
+        errorStatus: 'know' // unknow know
+      }));
+
+      return;
+    }
+
+    // 其他场景前往未知错误页
+    steps[index].title = locales.getText('page.eftpos-pay.text.failed')(modeRef.current);
+    steps[index].status = 'fail';
+    steps[index].fail = locales.getText('page.eftpos-pay.text.transaction.fail');
+    dispatch(updateSteps(steps));
+    dispatch(updateCustom({
+      errorStatus: 'unknow' // unknow know
+    }));
+
+    dispatch(updateComponent('UnknowFail'));
+  }, [dispatch, index, steps, isMark]);
+};

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

@@ -0,0 +1,5 @@
+import React from 'react';
+import { PosProps } from './const';
+import './index.less';
+declare const _default: (props: PosProps) => React.JSX.Element;
+export default _default;

package/es/components/eftposPay/index.js

@@ -0,0 +1,279 @@
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+var _excluded = ["action", "getApi", "device_number", "terminal", "tyroUrl", "tyroVersion", "onChangeParams"];
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+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."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+/* eslint-disable react/destructuring-assignment */
+import { locales } from '@pisell/utils';
+import React, { useEffect, useState, useMemo, useRef, useCallback } from 'react';
+import { useNetwork } from 'ahooks';
+import useEngineContext from "../../hooks/useEngineContext";
+import Amount from "./amount";
+import { RouteEnum, ModeEnum } from "./const";
+import Device from "./device";
+import localeTexts from "./locales";
+import { getInitState } from "./manufacturer";
+import Pay from "./pay";
+import { Provider, useContextData, useDispatch, updateState } from "./store";
+import "./index.less";
+locales.init(localeTexts, localStorage.getItem('umi_locale') || 'en');
+var App = function App(_ref) {
+  var _context$appHelper;
+  var action = _ref.action,
+    getApi = _ref.getApi,
+    device_number = _ref.device_number,
+    terminal = _ref.terminal,
+    tyroUrl = _ref.tyroUrl,
+    tyroVersion = _ref.tyroVersion,
+    onChangeParams = _ref.onChangeParams,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var data = useContextData();
+  var dispatch = useDispatch();
+  var _useState = useState(action),
+    _useState2 = _slicedToArray(_useState, 2),
+    current = _useState2[0],
+    setCurrent = _useState2[1];
+  var statusRef = useRef(data.status);
+  var context = useEngineContext();
+  var _ref2 = ((_context$appHelper = context.appHelper) === null || _context$appHelper === void 0 ? void 0 : _context$appHelper.utils) || {
+      formatAmount: function formatAmount(number, precision, symbol) {
+        return "".concat(symbol).concat(number);
+      },
+      isTerminal: function isTerminal() {
+        return false;
+      }
+    },
+    formatAmount = _ref2.formatAmount,
+    isTerminal = _ref2.isTerminal;
+
+  // 外部网络数据
+  var network = useMemo(function () {
+    return typeof terminal.network === 'boolean' ? terminal.network : true;
+  }, [terminal === null || terminal === void 0 ? void 0 : terminal.network]);
+  // 内部网络数据
+  var _useNetwork = useNetwork(),
+    online = _useNetwork.online;
+  var netRef = useRef([network, online]);
+
+  // 网络数据
+  var net = useMemo(function () {
+    var networkChange = false,
+      onlineChange = false;
+    if (netRef.current[0] !== network) {
+      netRef.current[0] = network;
+      networkChange = true;
+    }
+    if (netRef.current[1] !== online) {
+      netRef.current[1] = online;
+      onlineChange = true;
+    }
+    if (networkChange) {
+      return network;
+    }
+    return online;
+  }, [network, online]);
+  useEffect(function () {
+    statusRef.current = data.status;
+  }, [data.status]);
+  var isIpad = useMemo(function () {
+    return isTerminal && isTerminal();
+  }, [isTerminal]);
+
+  /**
+   * @title: api 接口 数据
+   * @Author: hongbing.wang
+   * @Date: 2024-08-20 13:10
+   */
+  var api = useMemo(function () {
+    if (typeof getApi === 'function') {
+      return getApi();
+    }
+    return {};
+  }, [getApi]);
+
+  /**
+   * @title: 缓存状态数据 可以用于闪退,成功or失败时清除缓存
+   * @Author: hongbing.wang
+   * @Date: 2024-08-20 10:27
+   */
+  useEffect(function () {
+    onChangeParams && onChangeParams(_objectSpread(_objectSpread(_objectSpread({}, data), data.eftpos === 'tyro' ? {
+      custom: _objectSpread(_objectSpread({}, data.custom), {}, {
+        btnList: [],
+        list: []
+      })
+    } : {}), {}, {
+      form: 'restore'
+    }));
+  }, [data, onChangeParams]);
+
+  /**
+   * @title: 支付状态切换页
+   * @Author: hongbing.wang
+   * @Date: 2024-08-20 13:10
+   */
+  var onChange = useCallback(function (status, params) {
+    if (status === 'page' && typeof params === 'string') {
+      if (['amount', 'deviceList', 'pay'].includes(params)) {
+        setCurrent(params);
+        dispatch(updateState({
+          action: params
+        }));
+      }
+    }
+    console.log('状态切换 = ', status, params);
+    props.onChangeStatus(status, params);
+  }, []);
+
+  /**
+   * @title: 支付失败
+   * @Author: hongbing.wang
+   * @Date: 2024-08-20 13:09
+   */
+  var onClose = function onClose() {
+    onChange('fail', {
+      number: data.number,
+      device: data.device,
+      order_id: data.order_id
+    });
+  };
+  if (current === RouteEnum.DeviceList) {
+    return /*#__PURE__*/React.createElement(Device, {
+      api: api,
+      onChange: onChange,
+      onClose: onClose,
+      isIpad: isIpad,
+      className: isIpad ? 'pisell-lowcode__eft-pay-terminal' : '',
+      net: net,
+      device_number: device_number
+    });
+  }
+  if (current === RouteEnum.Amount) {
+    return /*#__PURE__*/React.createElement(Amount, {
+      onChange: onChange,
+      onClose: onClose,
+      formatAmount: formatAmount,
+      isIpad: isIpad,
+      className: isIpad ? 'pisell-lowcode__eft-pay-terminal' : '',
+      net: net
+    });
+  }
+  return /*#__PURE__*/React.createElement(Pay, {
+    api: api,
+    tyroUrl: tyroUrl,
+    tyroVersion: tyroVersion,
+    onChange: onChange,
+    className: isIpad ? 'pisell-lowcode__eft-pay-terminal' : '',
+    terminal: terminal,
+    isIpad: isIpad,
+    net: net,
+    formatAmount: formatAmount
+  });
+};
+export default (function (props) {
+  var _context$appHelper2, _store$getState, _store$getState$call, _store$getState$call$, _props$params, _props$params2;
+  var context = useEngineContext();
+  var _ref3 = ((_context$appHelper2 = context.appHelper) === null || _context$appHelper2 === void 0 ? void 0 : _context$appHelper2.utils) || {
+      store: {}
+    },
+    store = _ref3.store;
+  var symbol = (store === null || store === void 0 ? void 0 : (_store$getState = store.getState) === null || _store$getState === void 0 ? void 0 : (_store$getState$call = _store$getState.call(store)) === null || _store$getState$call === void 0 ? void 0 : (_store$getState$call$ = _store$getState$call.global) === null || _store$getState$call$ === void 0 ? void 0 : _store$getState$call$.symbol) || '$';
+  var mode = useMemo(function () {
+    if (props.source === 'restore') {
+      if (props.params) {
+        if (props.params.mode) {
+          return props.params.mode;
+        }
+      }
+      return ModeEnum.Pay;
+    }
+    if (props.mode) {
+      return props.mode;
+    }
+    return ModeEnum.Pay;
+  }, [props.mode, props.source, props.params]);
+
+  /**
+   * @title: 构建全局状态
+   * @description: 1. 初始化, 2. 恢复
+   * @Author: hongbing.wang
+   * @Date: 2024-08-20 13:11
+   */
+  var state = useMemo(function () {
+    var current = props.params && props.params.symbol ? props.params.symbol : symbol;
+    // console.log('current 单位 = ', props.params.symbol, symbol);
+    if (props.source === 'restore') {
+      return props.params;
+    }
+    return getInitState(props.type, props.params ? _objectSpread(_objectSpread({
+      mode: mode
+    }, props.params), {}, {
+      symbol: current
+    }) : {
+      mode: mode,
+      symbol: current
+    });
+  }, [mode, props.params, props.type, symbol]);
+  var onChangeStatus = useCallback(function (status, params) {
+    props.onChangeStatus(status, params);
+  }, []);
+  var action = useMemo(function () {
+    var act = function () {
+      if (state.action) {
+        return state.action;
+      }
+      if (mode === ModeEnum.Pay) {
+        if (state.device && state.pay) {
+          return RouteEnum.Pay;
+        }
+        if (state.device) {
+          return RouteEnum.Amount;
+        }
+        return RouteEnum.DeviceList;
+      }
+      if (mode === ModeEnum.Refund) {
+        if (state.device) {
+          return RouteEnum.Pay;
+        }
+        return RouteEnum.DeviceList;
+      }
+      if (mode === ModeEnum.Query) {
+        return RouteEnum.Pay;
+      }
+      throw Error('未知模式');
+    }();
+    if (props.source === 'restore') {
+      onChangeStatus('page', act);
+    }
+    return act;
+  }, [mode, state]);
+
+  // useEffect(() => {
+  //   document.body.id = 'body';
+  // }, []);
+
+  // console.log('action = ', action);
+  console.log('props?.params?.device_number = ', props === null || props === void 0 ? void 0 : (_props$params = props.params) === null || _props$params === void 0 ? void 0 : _props$params.device_number);
+  return /*#__PURE__*/React.createElement(Provider, {
+    state: state
+  }, /*#__PURE__*/React.createElement(App, {
+    getApi: props.getApi,
+    params: props.params,
+    onChangeStatus: onChangeStatus,
+    terminal: props.terminal,
+    onChangeParams: props.onChangeParams,
+    action: action,
+    source: props.source,
+    device_number: props === null || props === void 0 ? void 0 : (_props$params2 = props.params) === null || _props$params2 === void 0 ? void 0 : _props$params2.device_number
+  }));
+});