@pisell/private-materials 6.9.1 → 6.9.3

package/lib/components/eftposPay/locales.js

@@ -135,7 +135,20 @@ var locales_default = {
     },
     "page.eftpos-pay.text.tyro": (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": (mode) => `${mode === "pay" || mode === "fullPay" ? "支付" : "退款"}进行中...`,
@@ -402,7 +415,20 @@ var locales_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": (mode) => `${mode === "pay" || mode === "fullPay" ? "支付" : "退款"}進行中...`,
@@ -669,6 +695,19 @@ var locales_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/lib/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/lib/components/eftposPay/manufacturer.js

@@ -29,6 +29,7 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/components/eftposPay/manufacturer.tsx
 var manufacturer_exports = {};
 __export(manufacturer_exports, {
+  Huifu: () => import_huifu.default,
   Linkly: () => import_linkly.default,
   Payo: () => import_payo.default,
   Tyro: () => import_tyro.default,
@@ -42,12 +43,15 @@ var import_const2 = __toESM(require("./payo/const"));
 var import_const3 = __toESM(require("./tyro/const"));
 var import_const4 = __toESM(require("./windcave/const"));
 var import_const5 = __toESM(require("./linkly/const"));
+var import_const6 = __toESM(require("./huifu/const"));
 var import_helper = require("./helper");
 var import_payo = __toESM(require("./payo"));
 var import_windcave = __toESM(require("./windcave/windcave"));
 var import_tyro = __toESM(require("./tyro"));
 var import_linkly = __toESM(require("./linkly"));
+var import_huifu = __toESM(require("./huifu"));
 var getInitState = (type, params) => {
+  console.log("type = ", type);
   switch (type) {
     case import_const.EftposEnum.Payo:
       return (0, import_const2.default)(params);
@@ -57,12 +61,15 @@ var getInitState = (type, params) => {
       return (0, import_const3.default)(params);
     case import_const.EftposEnum.Linkly:
       return (0, import_const5.default)(params);
+    case import_const.EftposEnum.Huifu:
+      return (0, import_const6.default)(params);
     default:
       throw new Error("未知的厂商类型");
   }
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
+  Huifu,
   Linkly,
   Payo,
   Tyro,

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

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

package/lib/components/eftposPay/pay.js

@@ -152,7 +152,7 @@ var Pay = ({
       className: `pisell-lowcode__eft-pay-box ${className}`,
       style: data.type === "step" ? {} : { display: "none" }
     },
-    /* @__PURE__ */ import_react.default.createElement(
+    data.status !== import_const.StatusEnum.Init && /* @__PURE__ */ import_react.default.createElement(
       import_header.default,
       {
         status: data.status,
@@ -180,7 +180,8 @@ var Pay = ({
         formatAmount
       }
     ) : null,
-    data.eftpos === "linkly" ? /* @__PURE__ */ import_react.default.createElement(import_manufacturer.Linkly, { key: data.key, api, onChange }) : null
+    data.eftpos === "linkly" ? /* @__PURE__ */ import_react.default.createElement(import_manufacturer.Linkly, { key: data.key, api, onChange }) : null,
+    data.eftpos === "huifu" ? /* @__PURE__ */ import_react.default.createElement(import_manufacturer.Huifu, { key: data.key, onChange, isNativeApp: isMobile }) : null
   ) : null, data.type === import_const.PayRouteEnum.Unset && Comm ? /* @__PURE__ */ import_react.default.createElement(
     Comm,
     {

package/lib/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;
@@ -297,7 +301,7 @@ export declare const backUpFree: (payload: Partial<State>) => {
         amount?: string | number | undefined;
         mode?: "refund" | "fullPay" | "pay" | "query" | undefined;
         order_id?: string | number | undefined;
-        eftpos?: "payo" | "tyro" | "windcave" | "stripe" | "linkly" | undefined;
+        eftpos?: "stripe" | "payo" | "tyro" | "windcave" | "linkly" | "huifu" | undefined;
         action?: "amount" | "deviceList" | "pay" | undefined;
         key?: number | undefined;
         step?: number | undefined;
@@ -308,7 +312,7 @@ export declare const backUpFree: (payload: Partial<State>) => {
         net?: boolean | undefined;
         component?: string | undefined;
         form?: string | undefined;
-        status?: "loading" | "warn" | "success" | "fail" | "pedding" | "resove" | "reject" | "question" | undefined;
+        status?: "loading" | "warn" | "success" | "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/lib/components/eftposPay/tyro/index.js

@@ -42,6 +42,7 @@ var import_decimal = require("decimal.js");
 var import_helper = require("../helper");
 var import_step = __toESM(require("../component/step/step"));
 var import_hooks2 = require("../hooks");
+var import_useLogger = __toESM(require("../../../hooks/useLogger"));
 var Minute = 1e3 * 60;
 var tyro_default = ({
   api,
@@ -64,6 +65,7 @@ var tyro_default = ({
   const requestIdRef = (0, import_react.useRef)((custom == null ? void 0 : custom.requestId) || "");
   const unloadRef = (0, import_react.useRef)(false);
   const clearRef = (0, import_react.useRef)();
+  const logger = (0, import_useLogger.default)();
   const isPrint = (key) => {
     var _a, _b, _c, _d;
     if ((_b = (_a = deviceRef.current) == null ? void 0 : _a.setting) == null ? void 0 : _b.receipts) {
@@ -88,6 +90,7 @@ var tyro_default = ({
     requestParams.current = custom == null ? void 0 : custom.requestParams;
   }, [custom == null ? void 0 : custom.requestParams]);
   const getTerminalInfo = (cb) => {
+    var _a;
     const iClient = iClientRef.current;
     if (!iClient) {
       return;
@@ -96,8 +99,19 @@ var tyro_default = ({
     const { connection } = deviceRef.current;
     const { integrationKey, tid, mid } = connection;
     console.log(integrationKey, tid, mid);
+    (_a = logger == null ? void 0 : logger.addLog) == null ? void 0 : _a.call(logger, {
+      type: "info",
+      title: "Tyro_getTerminalInfo_start",
+      metadata: { integrationKey, tid, mid, number: numRef.current }
+    });
     iClient.terminalInfo(
       ({ status: status2, message, terminalInfo }) => {
+        var _a2;
+        (_a2 = logger == null ? void 0 : logger.addLog) == null ? void 0 : _a2.call(logger, {
+          type: "info",
+          title: "Tyro_getTerminalInfo",
+          metadata: { status: status2, message, terminalInfo }
+        });
         if (status2 === "success" && (terminalInfo == null ? void 0 : terminalInfo.available)) {
           cb();
         }
@@ -110,7 +124,7 @@ var tyro_default = ({
     );
   };
   const refundOrder = () => {
-    var _a, _b, _c;
+    var _a, _b, _c, _d;
     const iClient = iClientRef.current;
     if (!iClient) {
       return;
@@ -173,6 +187,11 @@ var tyro_default = ({
         })
       );
     });
+    (_d = logger == null ? void 0 : logger.addLog) == null ? void 0 : _d.call(logger, {
+      type: "info",
+      title: "Tyro_initiateRefund",
+      metadata: { requestParams: requestParams.current }
+    });
     iClient.initiateRefund(requestParams.current, {
       receiptCallback: receiptCallbackImpl,
       transactionCompleteCallback: transactionCompleteCallbackImpl,
@@ -181,7 +200,7 @@ var tyro_default = ({
     });
   };
   const payOrder = () => {
-    var _a, _b, _c, _d, _e, _f, _g, _h;
+    var _a, _b, _c, _d, _e, _f, _g, _h, _i;
     const iClient = iClientRef.current;
     if (!iClient) {
       return;
@@ -250,6 +269,11 @@ var tyro_default = ({
         })
       );
     });
+    (_i = logger == null ? void 0 : logger.addLog) == null ? void 0 : _i.call(logger, {
+      type: "info",
+      title: "Tyro_initiatePurchase",
+      metadata: { requestParams: requestParams.current }
+    });
     iClient.initiatePurchase(requestParams.current, {
       receiptCallback: receiptCallbackImpl,
       transactionCompleteCallback: transactionCompleteCallbackImpl,
@@ -258,6 +282,7 @@ var tyro_default = ({
     });
   };
   const continueLastOrder = () => {
+    var _a;
     const iClient = iClientRef.current;
     if (!iClient) {
       return;
@@ -267,6 +292,10 @@ var tyro_default = ({
     }
     setStatus(Date.now());
     merchantReceiptRef.current = {};
+    (_a = logger == null ? void 0 : logger.addLog) == null ? void 0 : _a.call(logger, {
+      type: "info",
+      title: "Tyro_continueLastTransaction"
+    });
     iClient.continueLastTransaction({
       receiptCallback: receiptCallbackImpl,
       transactionCompleteCallback: transactionCompleteCallbackImpl,
@@ -275,6 +304,12 @@ var tyro_default = ({
     });
   };
   const receiptCallbackImpl = ({ signatureRequired, merchantReceipt }) => {
+    var _a;
+    (_a = logger == null ? void 0 : logger.addLog) == null ? void 0 : _a.call(logger, {
+      type: "info",
+      title: "Tyro_receiptCallbackImpl",
+      metadata: { signatureRequired, merchantReceipt }
+    });
     console.log("商家小票 客户端是否打印小票 = ", signatureRequired);
     console.log("商家小票 小票内容 = \n", merchantReceipt);
     const receipt = [merchantReceipt].filter((item) => typeof item === "string").filter(Boolean);
@@ -288,7 +323,12 @@ var tyro_default = ({
     }
   };
   const statusMessageCallbackImpl = (message) => {
-    var _a;
+    var _a, _b;
+    (_a = logger == null ? void 0 : logger.addLog) == null ? void 0 : _a.call(logger, {
+      type: "info",
+      title: "Tyro_statusMessageCallbackImpl",
+      metadata: { message }
+    });
     const translateMsg = import_utils.locales.getText("page.eftpos-pay.text.tyro")(message);
     const msg = Array.isArray(translateMsg) ? translateMsg.reduce(
       (accumulator, currentValue) => accumulator + " " + currentValue,
@@ -312,13 +352,19 @@ var tyro_default = ({
             pedding: msg,
             resolve: msg,
             reject: msg,
-            index: ((_a = listRef.current) == null ? void 0 : _a.length) || 0
+            index: ((_b = listRef.current) == null ? void 0 : _b.length) || 0
           }
         ]
       })
     );
   };
   const questionCallbackImpl = (question, answerCallback) => {
+    var _a;
+    (_a = logger == null ? void 0 : logger.addLog) == null ? void 0 : _a.call(logger, {
+      type: "info",
+      title: "Tyro_questionCallbackImpl",
+      metadata: { question }
+    });
     console.log("Question is " + JSON.stringify(question));
     setStatus(-1);
     setManually(false);
@@ -372,7 +418,12 @@ var tyro_default = ({
     );
   };
   const transactionCompleteCallbackImpl = (response) => {
-    var _a, _b;
+    var _a, _b, _c;
+    (_a = logger == null ? void 0 : logger.addLog) == null ? void 0 : _a.call(logger, {
+      type: "info",
+      title: "Tyro_transactionCompleteCallbackImpl",
+      metadata: { response }
+    });
     setStatus(-1);
     setManually(false);
     console.log(
@@ -391,7 +442,7 @@ var tyro_default = ({
     api.editTransaction(requestIdRef.current, {
       order_id: orderIdRef.current,
       number: numRef.current,
-      card_reader_id: (_a = deviceRef.current) == null ? void 0 : _a.id,
+      card_reader_id: (_b = deviceRef.current) == null ? void 0 : _b.id,
       card_reader_type: eftpos,
       amount: requestParams.current.amount,
       action: modeRef.current === import_const.ModeEnum.FullPay ? import_const.ModeEnum.Pay : modeRef.current,
@@ -444,7 +495,7 @@ var tyro_default = ({
       }, 1e3);
       return;
     } else {
-      const current = ((_b = deviceRef.current) == null ? void 0 : _b.setting.receipts) ? [] : receipt;
+      const current = ((_c = deviceRef.current) == null ? void 0 : _c.setting.receipts) ? [] : receipt;
       if (current.length > 0) {
         if (isPrint("customer")) {
           onChange("print", receipt);
@@ -483,6 +534,7 @@ var tyro_default = ({
     dispatch((0, import_store.updateComponent)("FailCustom"));
   };
   (0, import_react.useEffect)(() => {
+    var _a, _b, _c;
     const { config } = deviceRef.current;
     const { apiKey, posProductData } = config;
     if (load && TyroRef.current) {
@@ -497,11 +549,14 @@ var tyro_default = ({
         }
         if (!numRef.current) {
           if (modeRef.current === import_const.ModeEnum.Pay || modeRef.current === import_const.ModeEnum.FullPay) {
+            (_a = logger == null ? void 0 : logger.addLog) == null ? void 0 : _a.call(logger, { type: "info", title: "Tyro_payOrder" });
             getTerminalInfo(payOrder);
           } else if (modeRef.current === import_const.ModeEnum.Refund) {
+            (_b = logger == null ? void 0 : logger.addLog) == null ? void 0 : _b.call(logger, { type: "info", title: "Tyro_refundOrder" });
             getTerminalInfo(refundOrder);
           }
         } else {
+          (_c = logger == null ? void 0 : logger.addLog) == null ? void 0 : _c.call(logger, { type: "info", title: "Tyro_continueLastOrder" });
           getTerminalInfo(continueLastOrder);
         }
       }
@@ -575,11 +630,13 @@ var tyro_default = ({
     dispatch((0, import_store.updateComponent)("Manual", true));
   };
   const onCancel = () => {
+    var _a;
     const iClient = iClientRef.current;
     if (!iClient) {
       return;
     }
     if (status > 0) {
+      (_a = logger == null ? void 0 : logger.addLog) == null ? void 0 : _a.call(logger, { type: "info", title: "Tyro_cancelCurrentTransaction" });
       iClient.cancelCurrentTransaction();
       return;
     }

package/lib/components/eventBooking/components/Provider/Cart/Deposit/index.d.ts

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

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

@@ -40,6 +40,7 @@ var import_SelectHolderModal = __toESM(require("../../SelectHolderModal"));
 var import_ContinueButton = __toESM(require("../ContinueButton"));
 var import_Total = __toESM(require("./Total"));
 var import_Deposit = __toESM(require("../Deposit"));
+var import_Voucher = __toESM(require("../../../Voucher"));
 var import_index = require("./index.less");
 var CartItem = () => {
   var _a;
@@ -88,7 +89,7 @@ var CartItem = () => {
         onChange: (e, type, key) => handleClickCard(e, type, key)
       }
     )),
-    /* @__PURE__ */ import_react.default.createElement("div", { className: "event-footer" }, /* @__PURE__ */ import_react.default.createElement(import_Total.default, null), ((_a = cartData == null ? void 0 : cartData.cartItems) == null ? void 0 : _a.length) > 0 && (deposit == null ? void 0 : deposit.hasDeposit) ? /* @__PURE__ */ import_react.default.createElement(import_Deposit.default, null) : null, /* @__PURE__ */ import_react.default.createElement(import_ContinueButton.default, null))
+    /* @__PURE__ */ import_react.default.createElement("div", { className: "event-footer" }, /* @__PURE__ */ import_react.default.createElement(import_Voucher.default, null), /* @__PURE__ */ import_react.default.createElement(import_Total.default, null), ((_a = cartData == null ? void 0 : cartData.cartItems) == null ? void 0 : _a.length) > 0 && (deposit == null ? void 0 : deposit.hasDeposit) ? /* @__PURE__ */ import_react.default.createElement(import_Deposit.default, null) : null, /* @__PURE__ */ import_react.default.createElement(import_ContinueButton.default, null))
   ), /* @__PURE__ */ import_react.default.createElement(import_SelectHolderModal.default, { open }));
 };
 var Item_default = CartItem;

package/lib/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/lib/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/lib/components/eventBooking/components/Voucher/components/Voucher.js

@@ -0,0 +1,116 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/eventBooking/components/Voucher/components/Voucher.tsx
+var Voucher_exports = {};
+__export(Voucher_exports, {
+  default: () => Voucher_default
+});
+module.exports = __toCommonJS(Voucher_exports);
+var import_react = __toESM(require("react"));
+var import_ChevronDown = __toESM(require("@pisell/icon/es/ChevronDown"));
+var import_UserCircle = __toESM(require("@pisell/icon/es/UserCircle"));
+var import_classnames = __toESM(require("classnames"));
+var import_utils = require("@pisell/utils");
+var import_materials = require("@pisell/materials");
+var import_useEngineContext = __toESM(require("../../../../../hooks/useEngineContext"));
+var import_locales = __toESM(require("./locales"));
+var import_index = require("./index.less");
+var VoucherUI = ({
+  showDetail,
+  onToggleDetail,
+  isLogin,
+  onLoginClick,
+  availableData,
+  onDiscountChange,
+  mixedSort,
+  code,
+  onCodeChange,
+  onApplyCode,
+  codeDisabled = false
+}) => {
+  var _a;
+  const context = (0, import_useEngineContext.default)();
+  const utils = ((_a = context.appHelper) == null ? void 0 : _a.utils) || {};
+  (0, import_react.useEffect)(() => {
+    var _a2;
+    const locale = ((_a2 = utils == null ? void 0 : utils.storage) == null ? void 0 : _a2.get("umi_locale")) || "en";
+    import_utils.locales.init(import_locales.default, locale);
+  }, [utils]);
+  const renderLoginCard = () => {
+    if (isLogin) return null;
+    return /* @__PURE__ */ import_react.default.createElement("div", { className: "login-card" }, /* @__PURE__ */ import_react.default.createElement(import_UserCircle.default, { style: { fontSize: 28 } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "text-wrapper" }, /* @__PURE__ */ import_react.default.createElement(import_materials.PisellText, { className: "login-btn", onClick: onLoginClick }, import_utils.locales.getText("pisell2.voucher.login")), /* @__PURE__ */ import_react.default.createElement("span", null, " ", import_utils.locales.getText("pisell2.voucher.login-tip"))));
+  };
+  return /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__event-booking-voucher-container" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "voucher-title" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "voucher-title-left" }, import_utils.locales.getText("pisell2.voucher.title")), /* @__PURE__ */ import_react.default.createElement("span", { className: "voucher-title-right", onClick: onToggleDetail }, import_utils.locales.getText("pisell2.voucher.details"), " ", /* @__PURE__ */ import_react.default.createElement(
+    import_ChevronDown.default,
+    {
+      className: (0, import_classnames.default)("voucher-right-icon", {
+        show: showDetail
+      })
+    }
+  ))), /* @__PURE__ */ import_react.default.createElement(
+    "div",
+    {
+      className: (0, import_classnames.default)("voucher-detail", {
+        show: showDetail
+      })
+    },
+    (availableData == null ? void 0 : availableData.length) > 0 ? /* @__PURE__ */ import_react.default.createElement(
+      import_materials.PisellGoodPassCard,
+      {
+        style: { width: "100%" },
+        dataSource: availableData,
+        mixedSort,
+        onChange: onDiscountChange
+      }
+    ) : null,
+    renderLoginCard(),
+    /* @__PURE__ */ import_react.default.createElement("div", { className: "voucher-code-input-wrapper" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "voucher-code-input" }, /* @__PURE__ */ import_react.default.createElement("div", { style: { whiteSpace: "nowrap" } }, import_utils.locales.getText("pisell2.voucher.code"), ":"), /* @__PURE__ */ import_react.default.createElement(
+      import_materials.PisellInput,
+      {
+        value: code,
+        allowClear: true,
+        onChange: (e) => {
+          var _a2;
+          onCodeChange((_a2 = e.target) == null ? void 0 : _a2.value);
+        },
+        size: "small",
+        placeholder: import_utils.locales.getText("pisell2.voucher.enter-code")
+      }
+    )), /* @__PURE__ */ import_react.default.createElement(
+      import_materials.Button,
+      {
+        size: "small",
+        disabled: codeDisabled,
+        onClick: () => onApplyCode()
+      },
+      import_utils.locales.getText("pisell2.voucher.apply")
+    ))
+  ));
+};
+var Voucher_default = VoucherUI;