@pisell/private-materials 6.3.139 → 6.3.141

package/lib/components/scanOrder/components/Content/index.js

@@ -91,7 +91,9 @@ function ReadyState() {
     scanOrderModule,
     isCacheHydrated,
     markGate,
-    isGatePassed
+    isGatePassed,
+    resumeStep,
+    consumeResumeStep
   } = (0, import_context.useScanOrderContext)();
   const { isLogin, openLoginModal } = (0, import_hooks.useScanOrderLogin)();
   const utils = (0, import_hooks.contextUtils)();
@@ -109,14 +111,55 @@ function ReadyState() {
     content: null
   });
   const [pendingFormPayload, setPendingFormPayload] = (0, import_react.useState)(null);
+  const [productList, setProductList] = (0, import_react.useState)([]);
+  const productListLoadedRef = (0, import_react.useRef)(false);
+  const productListPromiseRef = (0, import_react.useRef)(null);
+  const ensureProductListLoaded = (0, import_react.useCallback)(async () => {
+    if (productListLoadedRef.current) return;
+    if (productListPromiseRef.current) {
+      await productListPromiseRef.current.catch(() => {
+      });
+      return;
+    }
+    const request = (async () => {
+      try {
+        const res = await runModuleAction("getProductList");
+        if (Array.isArray(res)) {
+          productListLoadedRef.current = true;
+          setProductList(res);
+          return;
+        }
+        import_antd.Modal.confirm({
+          title: res == null ? void 0 : res.message,
+          okText: String(import_utils.locales.getText("pisell2.event.confirm") || "OK"),
+          cancelButtonProps: { style: { display: "none" } },
+          maskClosable: false,
+          onOk: () => {
+            location.replace("/");
+          }
+        });
+      } catch (error) {
+        console.warn("[scanOrder] getProductList failed", error);
+      } finally {
+        productListPromiseRef.current = null;
+      }
+    })();
+    productListPromiseRef.current = request;
+    await request;
+  }, [runModuleAction]);
   const requestEntryPaxRef = (0, import_react.useRef)(0);
   const requestPaxMinRef = (0, import_react.useRef)(1);
   const requestPaxMaxRef = (0, import_react.useRef)(1);
   const tableFormRecordRef = (0, import_react.useRef)(null);
+  const entryPaxModalWasPresentedRef = (0, import_react.useRef)(false);
   const getLocalizedName = (nameMap) => {
     if (!nameMap) return "";
     const currentLocale = import_utils.locales.getLocale();
-    return nameMap[currentLocale] || nameMap.original || nameMap.en || "";
+    const localized = nameMap[currentLocale];
+    if (typeof localized === "string" && localized) return localized;
+    const original = nameMap.original;
+    if (typeof original === "string" && original) return original;
+    return "";
   };
   const resolveLocalizedText = (value) => {
     if (value == null) return "";
@@ -140,6 +183,34 @@ function ReadyState() {
     };
   };
   const app = (_a = utils == null ? void 0 : utils.getApp) == null ? void 0 : _a.call(utils);
+  const navigateToHome = () => {
+    var _a2, _b2;
+    if ((_a2 = app == null ? void 0 : app.history) == null ? void 0 : _a2.replace) {
+      app.history.replace("/");
+    } else if ((_b2 = app == null ? void 0 : app.history) == null ? void 0 : _b2.push) {
+      app.history.push("/");
+    } else {
+      location.replace("/");
+    }
+  };
+  const requestEntryPaxModal = () => new Promise((resolve) => {
+    var _a2;
+    if (typeof (utils == null ? void 0 : utils.action) !== "function") {
+      resolve(null);
+      return;
+    }
+    utils.action({
+      type: "pisell1.handlePaxModal",
+      data: {
+        tableName: getLocalizedName((_a2 = tableFormRecordRef.current) == null ? void 0 : _a2.name),
+        requestPaxMin: requestPaxMinRef.current,
+        requestPaxMax: requestPaxMaxRef.current
+      },
+      callback: (result) => {
+        resolve(extractEntryPaxNumber(result));
+      }
+    });
+  });
   const handleOrderDetail = (order_id) => {
     var _a2, _b2;
     const link = `/order/details?id=${order_id}`;
@@ -152,7 +223,6 @@ function ReadyState() {
     }
   };
   const handleBack = () => {
-    var _a2, _b2;
     if (currentStep !== "product") {
       prevStep();
       return;
@@ -161,13 +231,23 @@ function ReadyState() {
       handleOrderDetail(entryContext.order_id);
       return;
     }
-    if ((_a2 = app == null ? void 0 : app.history) == null ? void 0 : _a2.replace) {
-      app.history.replace("/");
-    } else if ((_b2 = app == null ? void 0 : app.history) == null ? void 0 : _b2.push) {
-      app.history.push("/");
-    } else {
-      location.replace("/");
+    if (entryPaxModalWasPresentedRef.current) {
+      void (async () => {
+        const pax = await requestEntryPaxModal();
+        if (pax == null) {
+          navigateToHome();
+          return;
+        }
+        try {
+          await runModuleAction("setEntryPaxNumber", pax);
+          await refreshViewModel();
+        } catch (error) {
+          console.warn("[scanOrder] setEntryPaxNumber on back pax confirm failed", error);
+        }
+      })();
+      return;
     }
+    navigateToHome();
   };
   const enterProductStep = async () => {
     try {
@@ -176,10 +256,16 @@ function ReadyState() {
     } catch (error) {
       console.warn("[scanOrder] applyItemRulePrefill failed", error);
     } finally {
-      if (currentStep !== "check") goToStep("product");
+      const target = resumeStep === "check" ? "check" : "product";
+      if (resumeStep) consumeResumeStep();
+      goToStep(target);
     }
   };
   const runEntryPaxGateThenEnterProduct = async () => {
+    if (entryMode === "additional_order") {
+      await enterProductStep();
+      return;
+    }
     if (requestEntryPaxRef.current !== 1) {
       await enterProductStep();
       return;
@@ -188,26 +274,10 @@ function ReadyState() {
       await enterProductStep();
       return;
     }
-    const pax = await new Promise((resolve) => {
-      var _a2;
-      if (typeof (utils == null ? void 0 : utils.action) !== "function") {
-        resolve(null);
-        return;
-      }
-      utils.action({
-        type: "pisell1.handlePaxModal",
-        data: {
-          tableName: getLocalizedName((_a2 = tableFormRecordRef.current) == null ? void 0 : _a2.name),
-          requestPaxMin: requestPaxMinRef.current,
-          requestPaxMax: requestPaxMaxRef.current
-        },
-        callback: (result) => {
-          resolve(extractEntryPaxNumber(result));
-        }
-      });
-    });
+    entryPaxModalWasPresentedRef.current = true;
+    const pax = await requestEntryPaxModal();
     if (pax == null) {
-      location.replace("/");
+      navigateToHome();
       return;
     }
     try {
@@ -277,6 +347,7 @@ function ReadyState() {
   };
   (0, import_react.useEffect)(() => {
     const checkResourceAvailable = async () => {
+      var _a2;
       const hasOrderId = !!(entryContext == null ? void 0 : entryContext.order_id);
       const {
         mode,
@@ -318,19 +389,33 @@ function ReadyState() {
         }
         await runEntryPaxGateThenEnterProduct();
       } else if (isAdditionalOrder) {
-        if (hasOrderId) {
-          await enterProductStep();
-        } else {
-          handleOrderDetail(order_id);
-        }
+        await enterProductStep();
       } else if (mode === "submit_disabled") {
         const tips = resolveLocalizedText(errorTips) || String(import_utils.locales.getText("pisell2.scan.order.submit.disabled.default") || "");
         setSubmitDisabledTips(tips);
         await enterProductStep();
+      } else if (mode === "resource_busy") {
+        if (!isLogin) {
+          (_a2 = scanOrderModule == null ? void 0 : scanOrderModule.setUIState) == null ? void 0 : _a2.call(scanOrderModule, "pendingStep", currentStep);
+          openLoginModal({
+            callback: (status) => {
+              var _a3, _b2;
+              if (status === "success") {
+                (_a3 = scanOrderModule == null ? void 0 : scanOrderModule.deleteUIState) == null ? void 0 : _a3.call(scanOrderModule, "pendingStep");
+                handleOrderDetail(order_id);
+                return;
+              }
+              (_b2 = scanOrderModule == null ? void 0 : scanOrderModule.deleteUIState) == null ? void 0 : _b2.call(scanOrderModule, "pendingStep");
+              location.replace("/");
+            }
+          });
+        } else {
+          handleOrderDetail(order_id);
+        }
       } else {
         let content = resolveLocalizedText(errorTips);
         if (!content) {
-          if (mode === "resource_busy") {
+          if (mode === "resource_block") {
             content = String(
               import_utils.locales.getText("pisell2.scan.order.resource.status.exception") || ""
             );
@@ -342,7 +427,7 @@ function ReadyState() {
         }
         import_antd.Modal.info({
           title: import_utils.locales.getText("pisell2.scan.order.step.error"),
-          content: String(content || "").trim(),
+          content: resolveLocalizedText(content).trim(),
           okText: String(import_utils.locales.getText("pisell2.event.confirm") || "OK"),
           maskClosable: false,
           onOk: () => {
@@ -375,7 +460,14 @@ function ReadyState() {
   }, [currentStep, cartValidation == null ? void 0 : cartValidation.passed]);
   const stepRegistry = {
     init: /* @__PURE__ */ import_react.default.createElement(import_Initializing.default, null),
-    product: /* @__PURE__ */ import_react.default.createElement(import_Menu.default, { onCheckout: () => goToStep("check") }),
+    product: /* @__PURE__ */ import_react.default.createElement(
+      import_Menu.default,
+      {
+        onCheckout: () => goToStep("check"),
+        productList,
+        onEnsureProductList: ensureProductListLoaded
+      }
+    ),
     check: /* @__PURE__ */ import_react.default.createElement(import_Check.default, null),
     error: /* @__PURE__ */ import_react.default.createElement(import_ErrorState.default, { message: import_utils.locales.getText("pisell2.scan.order.store.status.exception") })
   };
@@ -420,6 +512,7 @@ function ReadyState() {
     return highlighted;
   };
   const gotoCheckOrder = async () => {
+    var _a2;
     if (submitDisabledTips) {
       import_antd.message.warning(submitDisabledTips, 2);
       return;
@@ -450,16 +543,17 @@ function ReadyState() {
       return;
     }
     if (!isLogin) {
+      (_a2 = scanOrderModule == null ? void 0 : scanOrderModule.setUIState) == null ? void 0 : _a2.call(scanOrderModule, "pendingStep", "check");
       openLoginModal({
         callback: (status) => {
-          if (status === "success") {
-            goToStep("check");
-          }
+          var _a3;
+          (_a3 = scanOrderModule == null ? void 0 : scanOrderModule.deleteUIState) == null ? void 0 : _a3.call(scanOrderModule, "pendingStep");
+          if (status === "success") goToStep("check");
         }
       });
-    } else {
-      goToStep("check");
+      return;
     }
+    goToStep("check");
   };
   const isMobileView = (0, import_utils.isMobile)();
   const isShowFooter = (0, import_react.useMemo)(() => {

package/lib/components/scanOrder/components/Menu/index.d.ts

@@ -1,6 +1,17 @@
 /// <reference types="react" />
 interface MenuProps {
     onCheckout: () => void;
+    /**
+     * 商品列表（由上层 ReadyState 持有，配合 onEnsureProductList 做幂等拉取与持久化：
+     * 切 step 回到 product 时 Menu 会 remount，但 productList 在 ReadyState 不会丢）
+     */
+    productList: any[];
+    /**
+     * 幂等触发商品列表拉取。Menu mount 时调用：
+     * - 首次：真发请求
+     * - 后续（如从 check 返回 product）：命中缓存，直接短路，不重复发请求
+     */
+    onEnsureProductList: () => Promise<void>;
 }
 export default function Menu(props: MenuProps): JSX.Element;
 export {};

package/lib/components/scanOrder/components/Menu/index.js

@@ -37,12 +37,11 @@ var import_productSelect = __toESM(require("../../../../plus/productSelect"));
 var import_useEngineContext = __toESM(require("../../../../hooks/useEngineContext"));
 var import_context = require("../../context");
 var import_utils = require("@pisell/utils");
-var import_antd = require("antd");
 var import_materials = require("@pisell/materials");
 var import_transformProductDetail = require("../../utils/transformProductDetail");
 function Menu(props) {
   var _a;
-  const { onCheckout } = props;
+  const { onCheckout, productList, onEnsureProductList } = props;
   const context = (0, import_useEngineContext.default)();
   const { utils } = context.appHelper || {};
   const {
@@ -51,34 +50,18 @@ function Menu(props) {
     viewModel
   } = (0, import_context.useScanOrderContext)();
   const [dineInConfig, setDineInConfig] = (0, import_react.useState)(null);
-  const getConfig = async () => {
+  const getConfig = (0, import_react.useCallback)(async () => {
     const otherParams = await runModuleAction("getOtherParams");
     console.log("otherParams >>>>> ", otherParams);
     const dineInConfig2 = (otherParams == null ? void 0 : otherParams.dineInConfig) ?? {};
     setDineInConfig(dineInConfig2);
-  };
-  getConfig();
-  const [productList, setProductList] = (0, import_react.useState)([]);
+  }, [runModuleAction]);
   (0, import_react.useEffect)(() => {
-    const fetchProductList = async () => {
-      const res = await runModuleAction("getProductList");
-      console.log("getProductList >>>>> ", res);
-      if (Array.isArray(res)) {
-        setProductList(res);
-      } else {
-        import_antd.Modal.confirm({
-          title: res.message,
-          okText: String(import_utils.locales.getText("pisell2.event.confirm") || "OK"),
-          cancelButtonProps: { style: { display: "none" } },
-          maskClosable: false,
-          onOk: () => {
-            location.replace("/");
-          }
-        });
-      }
-    };
-    fetchProductList();
+    getConfig();
   }, []);
+  (0, import_react.useEffect)(() => {
+    void onEnsureProductList();
+  }, [onEnsureProductList]);
   const scrollRef = (0, import_react.useRef)(null);
   const isMobileView = (0, import_utils.isMobile)();
   const height = window.innerHeight - 100;
@@ -96,11 +79,12 @@ function Menu(props) {
     }
   };
   const removeOrderProduct = async (params) => {
-    const { product_id, product_variant_id, sourceData } = params;
+    const { product_id, product_variant_id, identity_key, sourceData } = params;
     try {
       await runModuleAction("removeProductFromOrder", {
         product_id,
-        product_variant_id
+        product_variant_id,
+        ...identity_key ? { identity_key } : {}
       });
       await refreshViewModel();
     } catch (error) {
@@ -108,16 +92,18 @@ function Menu(props) {
         error,
         sourceData,
         product_id,
-        product_variant_id
+        product_variant_id,
+        identity_key
       });
     }
   };
   const updateOrderProduct = async (params) => {
-    const { product_id, product_variant_id, updates, sourceData } = params;
+    const { product_id, product_variant_id, identity_key, updates, sourceData } = params;
     try {
       await runModuleAction("updateProductInOrder", {
         product_id,
         product_variant_id,
+        ...identity_key ? { identity_key } : {},
         updates
       });
       await refreshViewModel();
@@ -127,6 +113,7 @@ function Menu(props) {
         sourceData,
         product_id,
         product_variant_id,
+        identity_key,
         updates
       });
     }
@@ -162,18 +149,20 @@ function Menu(props) {
         return;
       }
       const normalizedQuantity = Number.isNaN(nextQuantity) ? 0 : Math.max(0, Math.floor(nextQuantity));
+      const cartItems = Array.isArray(viewModel == null ? void 0 : viewModel.cartItems) ? viewModel.cartItems : [];
+      const existedCartItem = cartItems.find((cartItem) => {
+        return String((cartItem == null ? void 0 : cartItem.product_id) ?? null) === String((orderProduct == null ? void 0 : orderProduct.product_id) ?? null) && Number((cartItem == null ? void 0 : cartItem.product_variant_id) ?? 0) === productVariantId;
+      });
+      const existedIdentityKey = typeof (existedCartItem == null ? void 0 : existedCartItem.identity_key) === "string" && existedCartItem.identity_key.length > 0 ? existedCartItem.identity_key : void 0;
       if (normalizedQuantity <= 0) {
         await removeOrderProduct({
           product_id: (orderProduct == null ? void 0 : orderProduct.product_id) ?? null,
           product_variant_id: productVariantId,
+          identity_key: existedIdentityKey,
           sourceData: quantityData
         });
         return;
       }
-      const cartItems = Array.isArray(viewModel == null ? void 0 : viewModel.cartItems) ? viewModel.cartItems : [];
-      const existedCartItem = cartItems.find((cartItem) => {
-        return String((cartItem == null ? void 0 : cartItem.product_id) ?? null) === String((orderProduct == null ? void 0 : orderProduct.product_id) ?? null) && Number((cartItem == null ? void 0 : cartItem.product_variant_id) ?? 0) === productVariantId;
-      });
       if (!existedCartItem) {
         await addOrderProduct({
           orderProduct: {
@@ -187,6 +176,7 @@ function Menu(props) {
       await updateOrderProduct({
         product_id: (orderProduct == null ? void 0 : orderProduct.product_id) ?? null,
         product_variant_id: productVariantId,
+        identity_key: existedIdentityKey,
         updates: {
           num: normalizedQuantity,
           _origin: orderProduct == null ? void 0 : orderProduct._origin
@@ -198,7 +188,7 @@ function Menu(props) {
         type: "pisell1.productDetail",
         data: {
           detail: { ...sourceItem, open_deposit: 1 },
-          setting: { can_input: true, item_max_length: 1, is_detail_open: true }
+          setting: { can_input: true, item_max_length: 1, is_detail_open: false }
         },
         callback: async (data) => {
           if (data == null ? void 0 : data.isCancel) return;
@@ -248,8 +238,5 @@ function Menu(props) {
       cartElementId: "#scan-order-v2-cart-btn"
     }
   );
-  if (isMobileView) {
-    return /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-scan-menu pisell-scan-menu-mobile" }, productSelectNode);
-  }
   return /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-scan-menu" }, /* @__PURE__ */ import_react.default.createElement(import_materials.PisellScrollView, { height, overflow: "y", ref: scrollRef }, productSelectNode));
 }

package/lib/components/scanOrder/components/Voucher/index.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import '../../../booking/components/voucher/index.less';
+import '../../../appointmentBooking/components/Voucher/index.less';
+/**
+ * VoucherCard -- 优惠券/Promotion 区块
+ * 嵌入购物车底部，提供券列表展示、勾选、扫码兑码、未登录引导等能力
+ */
+export default function VoucherCard(): JSX.Element;

package/lib/components/scanOrder/components/Voucher/index.js

@@ -0,0 +1,162 @@
+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/scanOrder/components/Voucher/index.tsx
+var Voucher_exports = {};
+__export(Voucher_exports, {
+  default: () => VoucherCard
+});
+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_antd = require("antd");
+var import_utils = require("@pisell/utils");
+var import_materials = require("@pisell/materials");
+var import_context = require("../../context");
+var import_hooks = require("../../hooks");
+var import_voucher = require("../../../booking/components/voucher/index.less");
+var import_Voucher = require("../../../appointmentBooking/components/Voucher/index.less");
+function VoucherCard() {
+  const {
+    discountList,
+    runModuleAction,
+    refreshViewModel,
+    scanOrderModule
+  } = (0, import_context.useScanOrderContext)();
+  const { isLogin, openLoginModal } = (0, import_hooks.useScanOrderLogin)();
+  const [showDetail, setShowDetail] = (0, import_react.useState)(true);
+  const [code, setCode] = (0, import_react.useState)("");
+  const availableData = (0, import_react.useMemo)(() => {
+    return (discountList || []).filter((item) => !!item.isAvailable).map((discount) => ({
+      ...discount,
+      isDisabled: discount.isDisabled || discount.isDisabledForProductUsed
+    }));
+  }, [discountList]);
+  const syncAfterDiscountChange = (0, import_react.useCallback)(async () => {
+    await refreshViewModel();
+  }, [refreshViewModel]);
+  const onScanCode = (0, import_react.useCallback)(async () => {
+    var _a;
+    if (!code.trim()) return;
+    try {
+      const tempOrder = (_a = scanOrderModule == null ? void 0 : scanOrderModule.getTempOrder) == null ? void 0 : _a.call(scanOrderModule);
+      const customerId = (tempOrder == null ? void 0 : tempOrder.customer_id) || void 0;
+      const result = await runModuleAction("scanCode", code, customerId);
+      if (result == null ? void 0 : result.isAvailable) {
+        setCode("");
+        await syncAfterDiscountChange();
+      } else {
+        const content = {
+          time_limit: import_utils.locales.getText("pisell2.text.goodpass.code-invalid-expired")
+        };
+        import_antd.message.error({
+          content: String(
+            (result == null ? void 0 : result.type) === "server" ? import_utils.locales.getText("pisell2.text.goodpass.code-invalid") : content[result == null ? void 0 : result.unavailableReason] || import_utils.locales.getText("pisell2.text.goodpass.code-invalid-cart")
+          )
+        });
+      }
+    } catch (error) {
+      console.warn("[scanOrder] scanCode failed", error);
+      import_antd.message.error({
+        content: String(
+          import_utils.locales.getText("pisell2.text.goodpass.code-invalid") || "兑换码无效"
+        )
+      });
+    }
+  }, [code, scanOrderModule, runModuleAction, syncAfterDiscountChange]);
+  const onDiscountChange = (0, import_react.useCallback)(
+    async (val) => {
+      try {
+        await runModuleAction("setDiscountSelected", {
+          discountId: val.id,
+          isSelected: val.isSelected
+        });
+        await syncAfterDiscountChange();
+      } catch (error) {
+        console.warn("[scanOrder] setDiscountSelected failed", error);
+      }
+    },
+    [runModuleAction, syncAfterDiscountChange]
+  );
+  const mixedSort = (0, import_react.useCallback)((val) => {
+    return [...val].sort((a, b) => Number(b == null ? void 0 : b.isSelected) - Number(a == null ? void 0 : a.isSelected));
+  }, []);
+  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", style: { maxWidth: "none" } }, /* @__PURE__ */ import_react.default.createElement(
+      import_materials.PisellText,
+      {
+        className: "login-btn",
+        onClick: () => {
+          openLoginModal({
+            callback: () => {
+            }
+          });
+        }
+      },
+      import_utils.locales.getText("pisell2.text.goodpass.login")
+    ), " ", /* @__PURE__ */ import_react.default.createElement("span", null, import_utils.locales.getText("pisell2.text.goodpass.login-tip"))));
+  };
+  return /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__appointment-booking-voucher-container", style: { marginTop: "10px" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "voucher-title" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "voucher-title-left" }, import_utils.locales.getText("pisell2.text.goodpass")), /* @__PURE__ */ import_react.default.createElement(
+    "span",
+    {
+      className: "voucher-title-right",
+      onClick: () => setShowDetail(!showDetail)
+    },
+    import_utils.locales.getText("pisell2.text.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.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.text.goodpass.code"), ":"), /* @__PURE__ */ import_react.default.createElement(
+    import_materials.PisellInput,
+    {
+      value: code,
+      allowClear: true,
+      onChange: (e) => {
+        var _a;
+        return setCode(((_a = e.target) == null ? void 0 : _a.value) || "");
+      },
+      size: "small",
+      placeholder: import_utils.locales.getText("pisell2.text.goodpass.enter-code")
+    }
+  )), /* @__PURE__ */ import_react.default.createElement(import_antd.Button, { size: "small", onClick: onScanCode, disabled: !code.trim() }, import_utils.locales.getText("pisell2.text.apply")))));
+}