@pisell/private-materials 6.9.2 → 6.9.4

package/es/components/eftposPay/locales.js

@@ -149,7 +149,20 @@ export default {
     },
     'page.eftpos-pay.text.tyro': function pageEftposPayTextTyro(key) {
       return key;
-    }
+    },
+    // 汇付天下定制文案
+    'page.eftpos-pay.text.huifu.scan.title': 'Scan to Pay (Alipay · WeChat Pay · UnionPay)',
+    'page.eftpos-pay.text.huifu.scan.gun.connected': 'Scanner Connected',
+    'page.eftpos-pay.text.huifu.scan.gun.connected-desc': 'Scan the customer’s payment code to collect payment',
+    'page.eftpos-pay.text.huifu.scan.gun.not-connected': 'Scanner Not Connected',
+    'page.eftpos-pay.text.huifu.scan.gun.not-connected-desc': 'Connect the scanner to scan the customer’s payment code',
+    'page.eftpos-pay.text.huifu.scan.camera-title': 'Click to use the camera',
+    'page.eftpos-pay.text.huifu.scan.camera-desc': 'Align the customer’s payment code within the frame',
+    'page.eftpos-pay.text.huifu.scan.input-title': 'Or enter the payment code manually',
+    'page.eftpos-pay.text.huifu.scan.input-placeholder': 'Enter payment code',
+    'page.eftpos-pay.text.huifu.scan.input-tip': 'Tip: The payment code is 18 digits',
+    'page.eftpos-pay.text.huifu.scan.cancel': 'Cancel',
+    'page.eftpos-pay.text.huifu.scan.confirm': 'Confirm Payment'
   },
   'zh-CN': {
     'page.eftpos-pay.text.loading': function pageEftposPayTextLoading(mode) {
@@ -447,7 +460,20 @@ export default {
         return '请使用以下选项之一回答此问题';
       }
       return key;
-    }
+    },
+    // 汇付天下定制文案
+    'page.eftpos-pay.text.huifu.scan.title': '扫码支付（支付宝 · 微信支付 · 银联）',
+    'page.eftpos-pay.text.huifu.scan.gun.connected': '扫码枪已连接',
+    'page.eftpos-pay.text.huifu.scan.gun.connected-desc': '直接扫描消费者付款码即可',
+    'page.eftpos-pay.text.huifu.scan.gun.not-connected': '未连接扫码枪',
+    'page.eftpos-pay.text.huifu.scan.gun.not-connected-desc': '连接扫码枪后可直接扫码消费者付款码',
+    'page.eftpos-pay.text.huifu.scan.camera-title': '点击可使用设备摄像头',
+    'page.eftpos-pay.text.huifu.scan.camera-desc': '将消费者付款码对准扫描框',
+    'page.eftpos-pay.text.huifu.scan.input-title': '或手动输入付款码',
+    'page.eftpos-pay.text.huifu.scan.input-placeholder': '请输入',
+    'page.eftpos-pay.text.huifu.scan.input-tip': '提示：付款码为18位数字',
+    'page.eftpos-pay.text.huifu.scan.cancel': '取消',
+    'page.eftpos-pay.text.huifu.scan.confirm': '确认支付'
   },
   'zh-HK': {
     'page.eftpos-pay.text.loading': function pageEftposPayTextLoading(mode) {
@@ -745,6 +771,19 @@ export default {
         return '請使用以下選項之一回答此問題';
       }
       return key;
-    }
+    },
+    // 汇付天下定制文案
+    'page.eftpos-pay.text.huifu.scan.title': '掃碼支付（支付寶 · 微信支付 · 銀聯）',
+    'page.eftpos-pay.text.huifu.scan.gun.connected': '掃碼槍已連接',
+    'page.eftpos-pay.text.huifu.scan.gun.connected-desc': '直接掃描消費者付款碼即可',
+    'page.eftpos-pay.text.huifu.scan.gun.not-connected': '未連接掃碼槍',
+    'page.eftpos-pay.text.huifu.scan.gun.not-connected-desc': '連接掃碼槍後可直接掃碼消費者付款碼',
+    'page.eftpos-pay.text.huifu.scan.camera-title': '點擊可使用設備攝像頭',
+    'page.eftpos-pay.text.huifu.scan.camera-desc': '將消費者付款碼對準掃描框',
+    'page.eftpos-pay.text.huifu.scan.input-title': '或手動輸入付款碼',
+    'page.eftpos-pay.text.huifu.scan.input-placeholder': '請輸入',
+    'page.eftpos-pay.text.huifu.scan.input-tip': '提示：付款碼為18位數字',
+    'page.eftpos-pay.text.huifu.scan.cancel': '取消',
+    'page.eftpos-pay.text.huifu.scan.confirm': '確認支付'
   }
 };

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

@@ -4,4 +4,5 @@ export { default as Payo } from './payo';
 export { default as Windcave } from './windcave/windcave';
 export { default as Tyro } from './tyro';
 export { default as Linkly } from './linkly';
+export { default as Huifu } from './huifu';
 export declare const getInitState: (type: string, params?: any) => State;

package/es/components/eftposPay/manufacturer.js

@@ -3,12 +3,15 @@ import getPayoInitState from "./payo/const";
 import getTyroInitState from "./tyro/const";
 import getWindcaveInitState from "./windcave/const";
 import getLinklyInitState from "./linkly/const";
+import getHuifuInitState from "./huifu/const";
 export { getAmonunt } from "./helper";
 export { default as Payo } from "./payo";
 export { default as Windcave } from "./windcave/windcave";
 export { default as Tyro } from "./tyro";
 export { default as Linkly } from "./linkly";
+export { default as Huifu } from "./huifu";
 export var getInitState = function getInitState(type, params) {
+  console.log('type = ', type);
   switch (type) {
     case EftposEnum.Payo:
       return getPayoInitState(params);
@@ -18,6 +21,8 @@ export var getInitState = function getInitState(type, params) {
       return getTyroInitState(params);
     case EftposEnum.Linkly:
       return getLinklyInitState(params);
+    case EftposEnum.Huifu:
+      return getHuifuInitState(params);
     default:
       throw new Error('未知的厂商类型');
   }

package/es/components/eftposPay/pay.js

@@ -10,7 +10,7 @@ import { getPayParams } from "./helper";
 import Manual from "./component/manual";
 import Signature from "./component/signature";
 import { StatusEnum, PayRouteEnum, ClientEnum } from "./const";
-import { Payo, Windcave, Tyro, Linkly } from "./manufacturer";
+import { Payo, Windcave, Tyro, Linkly, Huifu } from "./manufacturer";
 import { useContextData, useDispatch, updateStatus, backUpProduction, updateComponent, backUpFree, updateState } from "./store";
 import "./index.less";
 
@@ -156,7 +156,7 @@ var Pay = function Pay(_ref) {
     style: data.type === 'step' ? {} : {
       display: 'none'
     }
-  }, /*#__PURE__*/React.createElement(Header, {
+  }, data.status !== StatusEnum.Init && /*#__PURE__*/React.createElement(Header, {
     status: data.status,
     title: data.title,
     subTitle: data.subTitle
@@ -182,6 +182,10 @@ var Pay = function Pay(_ref) {
     key: data.key,
     api: api,
     onChange: onChange
+  }) : null, data.eftpos === 'huifu' ? /*#__PURE__*/React.createElement(Huifu, {
+    key: data.key,
+    onChange: onChange,
+    isNativeApp: isMobile
   }) : null) : null, data.type === PayRouteEnum.Unset && Comm ? /*#__PURE__*/React.createElement(Comm, {
     onChange: onChange,
     api: api,

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

@@ -91,6 +91,10 @@ export declare type State = {
     };
     backup?: Omit<State, 'backup'>;
     client: ClientEnum;
+    /** 原始参数 - 用于 retry 时完整恢复 */
+    originalParams?: {
+        [key: string]: unknown;
+    };
 };
 export declare type Action = {
     type: EActionTypes;
@@ -174,7 +178,7 @@ export declare const updateCustom: (payload: {
 export declare const updateStatus: (status: 'loading' | 'warn' | 'fail' | 'success' | 'question') => {
     type: EActionTypes;
     payload: {
-        status: "loading" | "warn" | "success" | "fail" | "question";
+        status: "loading" | "success" | "warn" | "fail" | "question";
     };
 };
 /**
@@ -297,18 +301,18 @@ export declare const backUpFree: (payload: Partial<State>) => {
         amount?: string | number | undefined;
         mode?: "refund" | "fullPay" | "pay" | "query" | undefined;
         order_id?: string | number | undefined;
-        eftpos?: "stripe" | "payo" | "tyro" | "windcave" | "linkly" | undefined;
-        action?: "amount" | "deviceList" | "pay" | undefined;
+        eftpos?: "stripe" | "payo" | "tyro" | "windcave" | "linkly" | "huifu" | undefined;
+        action?: "deviceList" | "pay" | "amount" | undefined;
         key?: number | undefined;
         step?: number | undefined;
         title?: string | undefined;
         subTitle?: string | undefined;
-        type?: "step" | "unset" | undefined;
+        type?: "unset" | "step" | undefined;
         render?: boolean | undefined;
         net?: boolean | undefined;
         component?: string | undefined;
         form?: string | undefined;
-        status?: "loading" | "warn" | "success" | "fail" | "pedding" | "resove" | "reject" | "question" | undefined;
+        status?: "loading" | "success" | "warn" | "init" | "fail" | "pedding" | "resove" | "reject" | "question" | undefined;
         warn?: string | undefined;
         steps?: {
             /** 用于重置当前步骤 */
@@ -344,6 +348,9 @@ export declare const backUpFree: (payload: Partial<State>) => {
         } | undefined;
         backup?: Omit<State, "backup"> | undefined;
         client?: ClientEnum | undefined;
+        originalParams?: {
+            [key: string]: unknown;
+        } | undefined;
     };
 };
 export declare function reducers(state: State, action: Action): State;

package/es/components/eftposPay/tyro/index.js

@@ -24,6 +24,7 @@ import { Decimal } from 'decimal.js';
 import { getUuid, getPayParams, getBrowserVersion } from "../helper";
 import Step from "../component/step/step";
 import { useStoreRef } from "../hooks";
+import useLogger from "../../../hooks/useLogger";
 var Minute = 1000 * 60;
 export default (function (_ref) {
   var api = _ref.api,
@@ -68,6 +69,7 @@ export default (function (_ref) {
   var requestIdRef = useRef((custom === null || custom === void 0 ? void 0 : custom.requestId) || '');
   var unloadRef = useRef(false);
   var clearRef = useRef();
+  var logger = useLogger();
   var isPrint = function isPrint(key) {
     var _deviceRef$current, _deviceRef$current2;
     if ((_deviceRef$current = deviceRef.current) !== null && _deviceRef$current !== void 0 && (_deviceRef$current = _deviceRef$current.setting) !== null && _deviceRef$current !== void 0 && _deviceRef$current.receipts) {
@@ -102,6 +104,7 @@ export default (function (_ref) {
    * @Date: 2024-08-19 11:32
    */
   var getTerminalInfo = function getTerminalInfo(cb) {
+    var _logger$addLog;
     var iClient = iClientRef.current;
     if (!iClient) {
       return;
@@ -112,10 +115,30 @@ export default (function (_ref) {
       tid = connection.tid,
       mid = connection.mid;
     console.log(integrationKey, tid, mid);
+    logger === null || logger === void 0 || (_logger$addLog = logger.addLog) === null || _logger$addLog === void 0 || _logger$addLog.call(logger, {
+      type: 'info',
+      title: 'Tyro_getTerminalInfo_start',
+      metadata: {
+        integrationKey: integrationKey,
+        tid: tid,
+        mid: mid,
+        number: numRef.current
+      }
+    });
     iClient.terminalInfo(function (_ref2) {
+      var _logger$addLog2;
       var status = _ref2.status,
         message = _ref2.message,
         terminalInfo = _ref2.terminalInfo;
+      logger === null || logger === void 0 || (_logger$addLog2 = logger.addLog) === null || _logger$addLog2 === void 0 || _logger$addLog2.call(logger, {
+        type: 'info',
+        title: 'Tyro_getTerminalInfo',
+        metadata: {
+          status: status,
+          message: message,
+          terminalInfo: terminalInfo
+        }
+      });
       if (status === 'success' && terminalInfo !== null && terminalInfo !== void 0 && terminalInfo.available) {
         cb();
       }
@@ -133,7 +156,7 @@ export default (function (_ref) {
    * @Date: 2024-08-19 11:32
    */
   var refundOrder = function refundOrder() {
-    var _deviceRef$current3, _deviceRef$current4;
+    var _deviceRef$current3, _deviceRef$current4, _logger$addLog3;
     var iClient = iClientRef.current;
     if (!iClient) {
       return;
@@ -193,6 +216,13 @@ export default (function (_ref) {
         requestId: res.data.id
       }));
     });
+    logger === null || logger === void 0 || (_logger$addLog3 = logger.addLog) === null || _logger$addLog3 === void 0 || _logger$addLog3.call(logger, {
+      type: 'info',
+      title: 'Tyro_initiateRefund',
+      metadata: {
+        requestParams: requestParams.current
+      }
+    });
     iClient.initiateRefund(requestParams.current, {
       receiptCallback: receiptCallbackImpl,
       transactionCompleteCallback: transactionCompleteCallbackImpl,
@@ -209,7 +239,7 @@ export default (function (_ref) {
    * @Date: 2024-08-19 11:33
    */
   var payOrder = function payOrder() {
-    var _deviceRef$current5, _payRef$current, _deviceRef$current6, _deviceRef$current7, _deviceRef$current8;
+    var _deviceRef$current5, _payRef$current, _deviceRef$current6, _deviceRef$current7, _deviceRef$current8, _logger$addLog4;
     var iClient = iClientRef.current;
     if (!iClient) {
       return;
@@ -273,6 +303,13 @@ export default (function (_ref) {
         requestId: res.data.id
       }));
     });
+    logger === null || logger === void 0 || (_logger$addLog4 = logger.addLog) === null || _logger$addLog4 === void 0 || _logger$addLog4.call(logger, {
+      type: 'info',
+      title: 'Tyro_initiatePurchase',
+      metadata: {
+        requestParams: requestParams.current
+      }
+    });
     iClient.initiatePurchase(requestParams.current, {
       receiptCallback: receiptCallbackImpl,
       transactionCompleteCallback: transactionCompleteCallbackImpl,
@@ -287,6 +324,7 @@ export default (function (_ref) {
    * @Date: 2024-08-19 11:33
    */
   var continueLastOrder = function continueLastOrder() {
+    var _logger$addLog5;
     var iClient = iClientRef.current;
     if (!iClient) {
       return;
@@ -297,6 +335,10 @@ export default (function (_ref) {
     setStatus(Date.now());
     merchantReceiptRef.current = {};
     // 恢复 记录
+    logger === null || logger === void 0 || (_logger$addLog5 = logger.addLog) === null || _logger$addLog5 === void 0 || _logger$addLog5.call(logger, {
+      type: 'info',
+      title: 'Tyro_continueLastTransaction'
+    });
     iClient.continueLastTransaction({
       receiptCallback: receiptCallbackImpl,
       transactionCompleteCallback: transactionCompleteCallbackImpl,
@@ -313,8 +355,17 @@ export default (function (_ref) {
    * @Date: 2024-08-19 11:33
    */
   var receiptCallbackImpl = function receiptCallbackImpl(_ref3) {
+    var _logger$addLog6;
     var signatureRequired = _ref3.signatureRequired,
       merchantReceipt = _ref3.merchantReceipt;
+    logger === null || logger === void 0 || (_logger$addLog6 = logger.addLog) === null || _logger$addLog6 === void 0 || _logger$addLog6.call(logger, {
+      type: 'info',
+      title: 'Tyro_receiptCallbackImpl',
+      metadata: {
+        signatureRequired: signatureRequired,
+        merchantReceipt: merchantReceipt
+      }
+    });
     console.log('商家小票 客户端是否打印小票 = ', signatureRequired);
     console.log('商家小票 小票内容 = \n', merchantReceipt);
     var receipt = [merchantReceipt].filter(function (item) {
@@ -342,7 +393,14 @@ export default (function (_ref) {
    * @Date: 2024-08-19 11:34
    */
   var statusMessageCallbackImpl = function statusMessageCallbackImpl(message) {
-    var _listRef$current;
+    var _logger$addLog7, _listRef$current;
+    logger === null || logger === void 0 || (_logger$addLog7 = logger.addLog) === null || _logger$addLog7 === void 0 || _logger$addLog7.call(logger, {
+      type: 'info',
+      title: 'Tyro_statusMessageCallbackImpl',
+      metadata: {
+        message: message
+      }
+    });
     var translateMsg = locales.getText('page.eftpos-pay.text.tyro')(message);
     var msg = Array.isArray(translateMsg) ? translateMsg.reduce(function (accumulator, currentValue) {
       return accumulator + ' ' + currentValue;
@@ -371,6 +429,14 @@ export default (function (_ref) {
    * @Date: 2024-08-19 11:34
    */
   var questionCallbackImpl = function questionCallbackImpl(question, answerCallback) {
+    var _logger$addLog8;
+    logger === null || logger === void 0 || (_logger$addLog8 = logger.addLog) === null || _logger$addLog8 === void 0 || _logger$addLog8.call(logger, {
+      type: 'info',
+      title: 'Tyro_questionCallbackImpl',
+      metadata: {
+        question: question
+      }
+    });
     console.log('Question is ' + JSON.stringify(question));
     setStatus(-1);
     setManually(false);
@@ -415,7 +481,14 @@ export default (function (_ref) {
    * @Date: 2024-08-19 11:35
    */
   var transactionCompleteCallbackImpl = function transactionCompleteCallbackImpl(response) {
-    var _deviceRef$current9;
+    var _logger$addLog9, _deviceRef$current9;
+    logger === null || logger === void 0 || (_logger$addLog9 = logger.addLog) === null || _logger$addLog9 === void 0 || _logger$addLog9.call(logger, {
+      type: 'info',
+      title: 'Tyro_transactionCompleteCallbackImpl',
+      metadata: {
+        response: response
+      }
+    });
     setStatus(-1);
     setManually(false);
     console.log('Response = ' + JSON.stringify(response), ', Request =  ', JSON.stringify(requestParams.current));
@@ -525,11 +598,26 @@ export default (function (_ref) {
         }
         if (!numRef.current) {
           if (modeRef.current === ModeEnum.Pay || modeRef.current === ModeEnum.FullPay) {
+            var _logger$addLog10;
+            logger === null || logger === void 0 || (_logger$addLog10 = logger.addLog) === null || _logger$addLog10 === void 0 || _logger$addLog10.call(logger, {
+              type: 'info',
+              title: 'Tyro_payOrder'
+            });
             getTerminalInfo(payOrder);
           } else if (modeRef.current === ModeEnum.Refund) {
+            var _logger$addLog11;
+            logger === null || logger === void 0 || (_logger$addLog11 = logger.addLog) === null || _logger$addLog11 === void 0 || _logger$addLog11.call(logger, {
+              type: 'info',
+              title: 'Tyro_refundOrder'
+            });
             getTerminalInfo(refundOrder);
           }
         } else {
+          var _logger$addLog12;
+          logger === null || logger === void 0 || (_logger$addLog12 = logger.addLog) === null || _logger$addLog12 === void 0 || _logger$addLog12.call(logger, {
+            type: 'info',
+            title: 'Tyro_continueLastOrder'
+          });
           getTerminalInfo(continueLastOrder);
         }
       }
@@ -606,6 +694,11 @@ export default (function (_ref) {
       return;
     }
     if (status > 0) {
+      var _logger$addLog13;
+      logger === null || logger === void 0 || (_logger$addLog13 = logger.addLog) === null || _logger$addLog13 === void 0 || _logger$addLog13.call(logger, {
+        type: 'info',
+        title: 'Tyro_cancelCurrentTransaction'
+      });
       iClient.cancelCurrentTransaction();
       return;
     }

package/es/components/eventBooking/components/ErrorTip/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import './index.less';
 declare const ErrorTip: ({ text }: any) => JSX.Element;
 export default ErrorTip;

package/es/components/eventBooking/components/Provider/Cart/Item/index.js

@@ -6,6 +6,7 @@ import SelectHolderModal from "../../SelectHolderModal";
 import ContinueButton from "../ContinueButton";
 import Total from "./Total";
 import Deposit from "../Deposit";
+import Voucher from "../../../Voucher";
 import "./index.less";
 var CartItem = function CartItem() {
   var _cartData$cartItems;
@@ -58,7 +59,7 @@ var CartItem = function CartItem() {
     }
   })), /*#__PURE__*/React.createElement("div", {
     className: "event-footer"
-  }, /*#__PURE__*/React.createElement(Total, null), (cartData === null || cartData === void 0 || (_cartData$cartItems = cartData.cartItems) === null || _cartData$cartItems === void 0 ? void 0 : _cartData$cartItems.length) > 0 && deposit !== null && deposit !== void 0 && deposit.hasDeposit ? /*#__PURE__*/React.createElement(Deposit, null) : null, /*#__PURE__*/React.createElement(ContinueButton, null))), /*#__PURE__*/React.createElement(SelectHolderModal, {
+  }, /*#__PURE__*/React.createElement(Voucher, null), /*#__PURE__*/React.createElement(Total, null), (cartData === null || cartData === void 0 || (_cartData$cartItems = cartData.cartItems) === null || _cartData$cartItems === void 0 ? void 0 : _cartData$cartItems.length) > 0 && deposit !== null && deposit !== void 0 && deposit.hasDeposit ? /*#__PURE__*/React.createElement(Deposit, null) : null, /*#__PURE__*/React.createElement(ContinueButton, null))), /*#__PURE__*/React.createElement(SelectHolderModal, {
     open: open
   }));
 };

package/es/components/eventBooking/components/Provider/Content/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import './index.less';
 declare const Layout: () => JSX.Element;
 export default Layout;

package/es/components/eventBooking/components/Provider/EmptyHolderModal/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import './index.less';
 declare const EmptyHolderModal: (props: any) => JSX.Element;
 export default EmptyHolderModal;

package/es/components/eventBooking/components/Provider/Event/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import './index.less';
 declare const Event: () => JSX.Element;
 export default Event;

package/es/components/eventBooking/components/Provider/Footer/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import './index.less';
 declare const Footer: () => JSX.Element;
 export default Footer;

package/es/components/eventBooking/components/Provider/Header/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import './index.less';
 declare const Header: () => JSX.Element;
 export default Header;

package/es/components/eventBooking/components/Provider/Information/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import './index.less';
 declare const Information: () => JSX.Element;
 export default Information;

package/es/components/eventBooking/components/Provider/InformationOptionsModal/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import './index.less';
 declare const InformationOptionsModal: (props: any) => JSX.Element;
 export default InformationOptionsModal;

package/es/components/eventBooking/components/Provider/OrderProductModal/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import './index.less';
 declare const OrderProductModal: (props: any) => JSX.Element;
 export default OrderProductModal;

package/es/components/eventBooking/components/Provider/RemoveOptionConfirmModal.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 declare const RemoveOptionConfirmModal: (props: any) => JSX.Element;
 export default RemoveOptionConfirmModal;

package/es/components/eventBooking/components/Provider/Resource/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import './index.less';
 declare const Resource: () => JSX.Element;
 export default Resource;

package/es/components/eventBooking/components/Provider/SelectHolderModal.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 declare const SelectHolderModal: (props: any) => JSX.Element;
 export default SelectHolderModal;

package/es/components/eventBooking/components/Voucher/components/Voucher.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+import './index.less';
+export interface VoucherUIProps {
+    showDetail: boolean;
+    onToggleDetail: () => void;
+    isLogin: boolean;
+    onLoginClick: () => void;
+    availableData: any[];
+    onDiscountChange: (val: {
+        id: any;
+        isSelected: boolean;
+    }) => void;
+    mixedSort: (val: any[]) => any[];
+    code: string;
+    onCodeChange: (value: string) => void;
+    onApplyCode: () => void;
+    codeDisabled?: boolean;
+}
+declare const VoucherUI: React.FC<VoucherUIProps>;
+export default VoucherUI;

package/es/components/eventBooking/components/Voucher/components/Voucher.js

@@ -0,0 +1,99 @@
+import React, { useEffect } from 'react';
+import ChevronDown from '@pisell/icon/es/ChevronDown';
+import UserCircle from '@pisell/icon/es/UserCircle';
+import classNames from 'classnames';
+import { locales } from '@pisell/utils';
+import { PisellInput, PisellGoodPassCard, PisellText, Button } from '@pisell/materials';
+import useEngineContext from "../../../../../hooks/useEngineContext";
+import localeTexts from "./locales";
+import "./index.less";
+var VoucherUI = function VoucherUI(_ref) {
+  var _context$appHelper;
+  var showDetail = _ref.showDetail,
+    onToggleDetail = _ref.onToggleDetail,
+    isLogin = _ref.isLogin,
+    onLoginClick = _ref.onLoginClick,
+    availableData = _ref.availableData,
+    onDiscountChange = _ref.onDiscountChange,
+    mixedSort = _ref.mixedSort,
+    code = _ref.code,
+    onCodeChange = _ref.onCodeChange,
+    onApplyCode = _ref.onApplyCode,
+    _ref$codeDisabled = _ref.codeDisabled,
+    codeDisabled = _ref$codeDisabled === void 0 ? false : _ref$codeDisabled;
+  var context = useEngineContext();
+  var utils = ((_context$appHelper = context.appHelper) === null || _context$appHelper === void 0 ? void 0 : _context$appHelper.utils) || {};
+
+  // 初始化多语言
+  useEffect(function () {
+    var _utils$storage;
+    var locale = (utils === null || utils === void 0 || (_utils$storage = utils.storage) === null || _utils$storage === void 0 ? void 0 : _utils$storage.get('umi_locale')) || 'en';
+    locales.init(localeTexts, locale);
+  }, [utils]);
+
+  // 渲染登录卡片
+  var renderLoginCard = function renderLoginCard() {
+    if (isLogin) return null;
+    return /*#__PURE__*/React.createElement("div", {
+      className: "login-card"
+    }, /*#__PURE__*/React.createElement(UserCircle, {
+      style: {
+        fontSize: 28
+      }
+    }), /*#__PURE__*/React.createElement("div", {
+      className: "text-wrapper"
+    }, /*#__PURE__*/React.createElement(PisellText, {
+      className: "login-btn",
+      onClick: onLoginClick
+    }, locales.getText('pisell2.voucher.login')), /*#__PURE__*/React.createElement("span", null, " ", locales.getText('pisell2.voucher.login-tip'))));
+  };
+  return /*#__PURE__*/React.createElement("div", {
+    className: "pisell-lowcode__event-booking-voucher-container"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "voucher-title"
+  }, /*#__PURE__*/React.createElement("span", {
+    className: "voucher-title-left"
+  }, locales.getText('pisell2.voucher.title')), /*#__PURE__*/React.createElement("span", {
+    className: "voucher-title-right",
+    onClick: onToggleDetail
+  }, locales.getText('pisell2.voucher.details'), ' ', /*#__PURE__*/React.createElement(ChevronDown, {
+    className: classNames('voucher-right-icon', {
+      show: showDetail
+    })
+  }))), /*#__PURE__*/React.createElement("div", {
+    className: classNames('voucher-detail', {
+      show: showDetail
+    })
+  }, (availableData === null || availableData === void 0 ? void 0 : availableData.length) > 0 ? /*#__PURE__*/React.createElement(PisellGoodPassCard, {
+    style: {
+      width: '100%'
+    },
+    dataSource: availableData,
+    mixedSort: mixedSort,
+    onChange: onDiscountChange
+  }) : null, renderLoginCard(), /*#__PURE__*/React.createElement("div", {
+    className: "voucher-code-input-wrapper"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "voucher-code-input"
+  }, /*#__PURE__*/React.createElement("div", {
+    style: {
+      whiteSpace: 'nowrap'
+    }
+  }, locales.getText('pisell2.voucher.code'), ":"), /*#__PURE__*/React.createElement(PisellInput, {
+    value: code,
+    allowClear: true,
+    onChange: function onChange(e) {
+      var _e$target;
+      onCodeChange((_e$target = e.target) === null || _e$target === void 0 ? void 0 : _e$target.value);
+    },
+    size: "small",
+    placeholder: locales.getText('pisell2.voucher.enter-code')
+  })), /*#__PURE__*/React.createElement(Button, {
+    size: "small",
+    disabled: codeDisabled,
+    onClick: function onClick() {
+      return onApplyCode();
+    }
+  }, locales.getText('pisell2.voucher.apply')))));
+};
+export default VoucherUI;