@pisell/private-materials 6.3.138 → 6.3.139

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

@@ -71,7 +71,7 @@ function extractEntryPaxNumber(payload) {
   return null;
 }
 function ReadyState() {
-  var _a, _b, _c, _d;
+  var _a, _b, _c, _d, _e;
   const {
     currentStep,
     prevStep,
@@ -82,7 +82,16 @@ function ReadyState() {
     refreshViewModel,
     footerActionText,
     setFooterActionText,
-    cartValidation
+    cartValidation,
+    setTableName,
+    entryMode,
+    setEntryMode,
+    submitDisabledTips,
+    setSubmitDisabledTips,
+    scanOrderModule,
+    isCacheHydrated,
+    markGate,
+    isGatePassed
   } = (0, import_context.useScanOrderContext)();
   const { isLogin, openLoginModal } = (0, import_hooks.useScanOrderLogin)();
   const utils = (0, import_hooks.contextUtils)();
@@ -100,7 +109,6 @@ function ReadyState() {
     content: null
   });
   const [pendingFormPayload, setPendingFormPayload] = (0, import_react.useState)(null);
-  const [entryMode, setEntryMode] = (0, import_react.useState)("default");
   const requestEntryPaxRef = (0, import_react.useRef)(0);
   const requestPaxMinRef = (0, import_react.useRef)(1);
   const requestPaxMaxRef = (0, import_react.useRef)(1);
@@ -110,6 +118,12 @@ function ReadyState() {
     const currentLocale = import_utils.locales.getLocale();
     return nameMap[currentLocale] || nameMap.original || nameMap.en || "";
   };
+  const resolveLocalizedText = (value) => {
+    if (value == null) return "";
+    if (typeof value === "string") return value;
+    if (typeof value !== "object") return String(value);
+    return getLocalizedName(value);
+  };
   const normalizeFormPayload = (formPayload, partyroomBookingPayload) => {
     const sourcePayload = formPayload ?? partyroomBookingPayload;
     if (!sourcePayload) return null;
@@ -125,11 +139,20 @@ function ReadyState() {
       setting: sourceDetail == null ? void 0 : sourceDetail.setting
     };
   };
+  const app = (_a = utils == null ? void 0 : utils.getApp) == null ? void 0 : _a.call(utils);
   const handleOrderDetail = (order_id) => {
+    var _a2, _b2;
     const link = `/order/details?id=${order_id}`;
-    location.replace(link);
+    if ((_a2 = app == null ? void 0 : app.history) == null ? void 0 : _a2.replace) {
+      app.history.replace(link);
+    } else if ((_b2 = app == null ? void 0 : app.history) == null ? void 0 : _b2.push) {
+      app.history.push(link);
+    } else {
+      location.replace(link);
+    }
   };
   const handleBack = () => {
+    var _a2, _b2;
     if (currentStep !== "product") {
       prevStep();
       return;
@@ -138,7 +161,13 @@ function ReadyState() {
       handleOrderDetail(entryContext.order_id);
       return;
     }
-    location.replace("/");
+    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 enterProductStep = async () => {
     try {
@@ -147,7 +176,7 @@ function ReadyState() {
     } catch (error) {
       console.warn("[scanOrder] applyItemRulePrefill failed", error);
     } finally {
-      goToStep("product");
+      if (currentStep !== "check") goToStep("product");
     }
   };
   const runEntryPaxGateThenEnterProduct = async () => {
@@ -155,6 +184,10 @@ function ReadyState() {
       await enterProductStep();
       return;
     }
+    if (isGatePassed("paxEntered")) {
+      await enterProductStep();
+      return;
+    }
     const pax = await new Promise((resolve) => {
       var _a2;
       if (typeof (utils == null ? void 0 : utils.action) !== "function") {
@@ -179,6 +212,7 @@ function ReadyState() {
     }
     try {
       await runModuleAction("setEntryPaxNumber", pax);
+      markGate("paxEntered");
     } catch (error) {
       console.warn("[scanOrder] setOtherParams failed", error);
     }
@@ -216,6 +250,7 @@ function ReadyState() {
       content: null
     });
     setPendingFormPayload(null);
+    markGate("formSubmitted");
     void runEntryPaxGateThenEnterProduct();
   };
   const handleFormConfirm = () => {
@@ -229,7 +264,8 @@ function ReadyState() {
       open: false,
       content: null
     });
-    if (pendingFormPayload) {
+    markGate("policyAccepted");
+    if (pendingFormPayload && !isGatePassed("formSubmitted")) {
       openFormModal(pendingFormPayload);
       return;
     }
@@ -262,12 +298,13 @@ function ReadyState() {
       requestPaxMinRef.current = Number(requestPaxMin) || 1;
       requestPaxMaxRef.current = Number(requestPaxMax) || 1;
       tableFormRecordRef.current = table_form_record || {};
+      setTableName(getLocalizedName(table_form_record == null ? void 0 : table_form_record.name));
       const normalizedFormPayload = normalizeFormPayload(form, partyroom_booking);
       const isAdditionalOrder = mode === "additional_order" || mode === "additional_order_with_code";
       setEntryMode(isAdditionalOrder ? "additional_order" : "default");
       if (mode === "idle") {
         const normalizedPolicyPayload = typeof policy === "object" && policy !== null ? policy : { id: policy };
-        if (normalizedPolicyPayload == null ? void 0 : normalizedPolicyPayload.id) {
+        if ((normalizedPolicyPayload == null ? void 0 : normalizedPolicyPayload.id) && !isGatePassed("policyAccepted")) {
           setPendingFormPayload(normalizedFormPayload);
           setPolicyModal({
             open: true,
@@ -275,29 +312,25 @@ function ReadyState() {
           });
           return;
         }
-        if (normalizedFormPayload) {
+        if (normalizedFormPayload && !isGatePassed("formSubmitted")) {
           openFormModal(normalizedFormPayload);
           return;
         }
         await runEntryPaxGateThenEnterProduct();
       } else if (isAdditionalOrder) {
-        await enterProductStep();
-      } else if (mode === "resource_busy") {
-        if (!isLogin) {
-          openLoginModal({
-            callback: (status) => {
-              if (status === "success") {
-                handleOrderDetail(order_id);
-              }
-            }
-          });
+        if (hasOrderId) {
+          await enterProductStep();
         } else {
           handleOrderDetail(order_id);
         }
+      } 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 {
-        let content = errorTips || "";
+        let content = resolveLocalizedText(errorTips);
         if (!content) {
-          if (mode === "resource_block") {
+          if (mode === "resource_busy") {
             content = String(
               import_utils.locales.getText("pisell2.scan.order.resource.status.exception") || ""
             );
@@ -318,8 +351,9 @@ function ReadyState() {
         });
       }
     };
+    if (!isCacheHydrated) return;
     checkResourceAvailable();
-  }, []);
+  }, [isCacheHydrated]);
   (0, import_react.useEffect)(() => {
     window.scrollTo({
       top: 0,
@@ -386,6 +420,10 @@ function ReadyState() {
     return highlighted;
   };
   const gotoCheckOrder = async () => {
+    if (submitDisabledTips) {
+      import_antd.message.warning(submitDisabledTips, 2);
+      return;
+    }
     const firstFailure = Array.isArray(cartValidation == null ? void 0 : cartValidation.failures) ? cartValidation.failures[0] : null;
     if ((cartValidation == null ? void 0 : cartValidation.passed) === false) {
       const failedProductIds = getFirstFailedProductIds();
@@ -393,10 +431,7 @@ function ReadyState() {
         scrollAndHighlightProductsByIds(failedProductIds);
       }
       const failureTips = String((firstFailure == null ? void 0 : firstFailure.validationMessage) || "").trim();
-      (0, import_materials.PisellToast)({
-        content: failureTips,
-        duration: 2
-      });
+      import_antd.message.warning(failureTips, 2);
       return;
     }
     const otherParams = await runModuleAction("getOtherParams");
@@ -451,7 +486,8 @@ function ReadyState() {
         },
         onNext: gotoCheckOrder,
         items: (viewModel == null ? void 0 : viewModel.cartItems) || [],
-        summary: (viewModel == null ? void 0 : viewModel.summary) || {}
+        summary: (viewModel == null ? void 0 : viewModel.summary) || {},
+        disabled: !!submitDisabledTips
       }
     )) : null
   ), isShowFooter ? /* @__PURE__ */ import_react.default.createElement(
@@ -460,7 +496,8 @@ function ReadyState() {
       cartItems: (viewModel == null ? void 0 : viewModel.cartItems) || [],
       summary: (viewModel == null ? void 0 : viewModel.summary) || {},
       actionText: footerActionText,
-      onAction: () => gotoCheckOrder()
+      onAction: () => gotoCheckOrder(),
+      disabled: !!submitDisabledTips
     }
   ) : null, policyModal.open ? /* @__PURE__ */ import_react.default.createElement(
     import_PolicyModal.default,
@@ -478,7 +515,7 @@ function ReadyState() {
       open: formModal.open,
       platform: isMobileView ? "h5" : "pc",
       onCancel: closeFormModalAndBack,
-      title: ((_a = formModal.content) == null ? void 0 : _a.title) || import_utils.locales.getText("pisell2.appointment.fill-form") || "填写信息",
+      title: ((_b = formModal.content) == null ? void 0 : _b.title) || import_utils.locales.getText("pisell2.appointment.fill-form") || "填写信息",
       mobileModalHeight: "90vh",
       width: isMobileView ? "100%" : 900,
       className: "pisell-scan-order-form-modal",
@@ -497,10 +534,10 @@ function ReadyState() {
     /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-scan-order-form-modal-body" }, FormCard ? /* @__PURE__ */ import_react.default.createElement(
       FormCard,
       {
-        id: ((_b = formModal.content) == null ? void 0 : _b.id) || 0,
+        id: ((_c = formModal.content) == null ? void 0 : _c.id) || 0,
         ref: formModalRef,
         isGetLastData: false,
-        setting: ((_c = formModal.content) == null ? void 0 : _c.setting) || { isHidden: 1 },
+        setting: ((_d = formModal.content) == null ? void 0 : _d.setting) || { isHidden: 1 },
         formWrapStyle: { padding: "16px" },
         isV2API: true,
         isShowSkeleton: true,
@@ -512,7 +549,7 @@ function ReadyState() {
         },
         onFormValueChange: () => {
         },
-        defaultValues: ((_d = formModal.content) == null ? void 0 : _d.defaultValues) || {},
+        defaultValues: ((_e = formModal.content) == null ? void 0 : _e.defaultValues) || {},
         isClearData: false
       }
     ) : null)

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

@@ -5,6 +5,8 @@ interface FooterProps {
     summary: Record<string, any>;
     actionText: string;
     onAction: () => void;
+    /** 视觉禁用：按钮仍会触发 onAction，由父级自行拦截（用于弹 toast 等反馈） */
+    disabled?: boolean;
 }
 export default function Footer(props: FooterProps): JSX.Element;
 export {};

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

@@ -39,7 +39,7 @@ var import_Cart = __toESM(require("../Cart"));
 var import_shopping_cart = __toESM(require("../../../appointmentBooking/assets/shopping-cart.svg"));
 var import_index = require("./index.less");
 function Footer(props) {
-  const { cartItems, summary, actionText, onAction } = props;
+  const { cartItems, summary, actionText, onAction, disabled = false } = props;
   const [cartOpen, setCartOpen] = (0, import_react.useState)(false);
   const totalAmount = (0, import_react.useMemo)(() => {
     const rawAmount = (summary == null ? void 0 : summary.total_amount) ?? (summary == null ? void 0 : summary.expect_amount) ?? (summary == null ? void 0 : summary.amount) ?? (summary == null ? void 0 : summary.total) ?? (summary == null ? void 0 : summary.totalAmount) ?? (summary == null ? void 0 : summary.payable_amount) ?? 0;
@@ -60,7 +60,7 @@ function Footer(props) {
     {
       type: "primary",
       size: "large",
-      className: "pisell-scan-order-footer-btn",
+      className: `pisell-scan-order-footer-btn${disabled ? " pisell-scan-order-footer-btn-disabled" : ""}`,
       onClick: onAction
     },
     actionText

package/lib/components/scanOrder/components/Footer/index.less

@@ -6,10 +6,12 @@
   justify-content: space-between;
   align-items: center;
   gap: 12px;
-  padding: 16px;
+  box-sizing: border-box;
+  height: 70px;
+  padding: 0 16px;
   border-top: 1px solid #eaecf0;
   background: #f9fafb;
-  border-radius: 16px 16px 0 0;
+  border-radius: 0;
 }
 
 .pisell-scan-order-footer-left {
@@ -33,8 +35,13 @@
 
 .pisell-scan-order-footer-btn {
   min-width: 128px;
-  height: 56px;
-  border-radius: 18px;
+  height: 48px;
+  border-radius: 12px;
+}
+
+.pisell-scan-order-footer-btn-disabled {
+  opacity: 0.45;
+  cursor: not-allowed;
 }
 
 .pisell-scan-order-footer-right {
@@ -57,8 +64,10 @@
     right: 0;
     bottom: 0;
     z-index: 30;
-    border-radius: 16px 16px 0 0;
-    padding-bottom: calc(16px + constant(safe-area-inset-bottom));
-    padding-bottom: calc(16px + env(safe-area-inset-bottom, 0px));
+    height: calc(70px + constant(safe-area-inset-bottom));
+    height: calc(70px + env(safe-area-inset-bottom, 0px));
+    padding-bottom: constant(safe-area-inset-bottom);
+    padding-bottom: env(safe-area-inset-bottom, 0px);
+    border-radius: 0;
   }
 }

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

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import './index.less';
+/**
+ * FulfillmentMode
+ *
+ * 通过 scanOrder module 读取 getFulfillmentModes() 返回的 { enableTableService, enablePickup }：
+ * - 两个都开启：渲染可切换的 Radio.Group，默认 Table service，挂载即同步一次 setPickupReferenceMode。
+ * - 只开启一个：仅渲染单行文案提示当前取餐方式，并同步一次 setPickupReferenceMode。
+ * - 都未开启：不渲染。
+ */
+export default function FulfillmentMode(): JSX.Element | null;

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

@@ -0,0 +1,96 @@
+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/FulfillmentMode/index.tsx
+var FulfillmentMode_exports = {};
+__export(FulfillmentMode_exports, {
+  default: () => FulfillmentMode
+});
+module.exports = __toCommonJS(FulfillmentMode_exports);
+var import_react = __toESM(require("react"));
+var import_antd = require("antd");
+var import_utils = require("@pisell/utils");
+var import_context = require("../../context");
+var import_index = require("./index.less");
+function FulfillmentMode() {
+  const { scanOrderModule } = (0, import_context.useScanOrderContext)();
+  const [modes, setModes] = (0, import_react.useState)({});
+  const [mode, setMode] = (0, import_react.useState)("table_service");
+  (0, import_react.useEffect)(() => {
+    if (!scanOrderModule) return;
+    const next = (typeof scanOrderModule.getFulfillmentModes === "function" ? scanOrderModule.getFulfillmentModes() : void 0) || {};
+    setModes(next);
+    const onlyTable = !!next.enableTableService && !next.enablePickup;
+    const onlyPickup = !next.enableTableService && !!next.enablePickup;
+    const initial = onlyPickup ? "counter_pickup" : onlyTable ? "table_service" : "table_service";
+    setMode(initial);
+    if ((next.enableTableService || next.enablePickup) && typeof scanOrderModule.setPickupReferenceMode === "function") {
+      scanOrderModule.setPickupReferenceMode(initial);
+    }
+  }, [scanOrderModule]);
+  const { enableTableService, enablePickup } = modes;
+  const labelTitle = (0, import_react.useMemo)(
+    () => String(import_utils.locales.getText("pisell2.scan.order.fulfillment.title")),
+    []
+  );
+  const tableServiceText = (0, import_react.useMemo)(
+    () => String(import_utils.locales.getText("pisell2.scan.order.fulfillment.table_service")),
+    []
+  );
+  const pickupText = (0, import_react.useMemo)(
+    () => String(import_utils.locales.getText("pisell2.scan.order.fulfillment.pickup")),
+    []
+  );
+  if (!enableTableService && !enablePickup) return null;
+  if (!enableTableService || !enablePickup) {
+    const singleLabel = enablePickup ? pickupText : tableServiceText;
+    return /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-scan-order-fulfillment pisell-scan-order-fulfillment-single" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "pisell-scan-order-fulfillment-title" }, labelTitle), /* @__PURE__ */ import_react.default.createElement("span", { className: "pisell-scan-order-fulfillment-value" }, singleLabel));
+  }
+  const handleChange = (next) => {
+    if (next === mode) return;
+    setMode(next);
+    if (typeof (scanOrderModule == null ? void 0 : scanOrderModule.setPickupReferenceMode) === "function") {
+      scanOrderModule.setPickupReferenceMode(next);
+    }
+  };
+  return /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-scan-order-fulfillment" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-scan-order-fulfillment-title" }, labelTitle), /* @__PURE__ */ import_react.default.createElement(
+    import_antd.Radio.Group,
+    {
+      className: "pisell-scan-order-fulfillment-group",
+      optionType: "button",
+      buttonStyle: "solid",
+      value: mode,
+      onChange: (event) => {
+        var _a;
+        return handleChange((_a = event == null ? void 0 : event.target) == null ? void 0 : _a.value);
+      }
+    },
+    /* @__PURE__ */ import_react.default.createElement(import_antd.Radio.Button, { value: "table_service" }, tableServiceText),
+    /* @__PURE__ */ import_react.default.createElement(import_antd.Radio.Button, { value: "counter_pickup" }, pickupText)
+  ));
+}

package/lib/components/scanOrder/components/FulfillmentMode/index.less

@@ -0,0 +1,40 @@
+.pisell-scan-order-fulfillment {
+  padding: 4px 16px;
+  margin-bottom: 12px;
+  background: #fff;
+  border-radius: 12px;
+
+  .pisell-scan-order-fulfillment-title {
+    color: #101828;
+    font-size: 16px;
+    font-weight: 500;
+    margin-bottom: 8px;
+  }
+
+  .pisell-scan-order-fulfillment-group {
+    display: flex;
+    width: 100%;
+
+    .pisell-lowcode-radio-button-wrapper {
+      flex: 1;
+      text-align: center;
+    }
+  }
+}
+
+.pisell-scan-order-fulfillment-single {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 12px;
+
+  .pisell-scan-order-fulfillment-title {
+    margin-bottom: 0;
+  }
+
+  .pisell-scan-order-fulfillment-value {
+    color: #344054;
+    font-size: 14px;
+    font-weight: 500;
+  }
+}

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

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+import './index.less';
+interface ManualPickupRefModalProps {
+    open: boolean;
+    confirmLoading?: boolean;
+    onCancel: () => void;
+    onConfirm: (value: string) => void;
+}
+/**
+ * ManualPickupRefModal
+ *
+ * 当 scanOrder.checkManualPickupRef() 返回 enabled=true 时，弹出让用户输入
+ * 昵称/buzzer 的弹窗。确认时回调 onConfirm(value)，由外部负责 setPickupRef 与下单。
+ */
+export default function ManualPickupRefModal({ open, confirmLoading, onCancel, onConfirm, }: ManualPickupRefModalProps): JSX.Element;
+export {};

package/lib/components/scanOrder/components/ManualPickupRefModal/index.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/scanOrder/components/ManualPickupRefModal/index.tsx
+var ManualPickupRefModal_exports = {};
+__export(ManualPickupRefModal_exports, {
+  default: () => ManualPickupRefModal
+});
+module.exports = __toCommonJS(ManualPickupRefModal_exports);
+var import_react = __toESM(require("react"));
+var import_antd = require("antd");
+var import_materials = require("@pisell/materials");
+var import_utils = require("@pisell/utils");
+var import_index = require("./index.less");
+function ManualPickupRefModal({
+  open,
+  confirmLoading = false,
+  onCancel,
+  onConfirm
+}) {
+  const [value, setValue] = (0, import_react.useState)("");
+  (0, import_react.useEffect)(() => {
+    if (open) setValue("");
+  }, [open]);
+  const title = (0, import_react.useMemo)(
+    () => String(import_utils.locales.getText("pisell2.scan.order.pickup.ref.title")),
+    []
+  );
+  const heading = (0, import_react.useMemo)(
+    () => String(import_utils.locales.getText("pisell2.scan.order.pickup.ref.heading")),
+    []
+  );
+  const description = (0, import_react.useMemo)(
+    () => String(import_utils.locales.getText("pisell2.scan.order.pickup.ref.description")),
+    []
+  );
+  const placeholder = (0, import_react.useMemo)(
+    () => String(import_utils.locales.getText("pisell2.scan.order.pickup.ref.placeholder")),
+    []
+  );
+  const confirmText = (0, import_react.useMemo)(
+    () => String(import_utils.locales.getText("pisell2.event.confirm") || "Confirm"),
+    []
+  );
+  const trimmed = value.trim();
+  const canConfirm = !!trimmed && !confirmLoading;
+  const handleConfirm = () => {
+    if (!canConfirm) return;
+    onConfirm(trimmed);
+  };
+  return /* @__PURE__ */ import_react.default.createElement(
+    import_antd.Modal,
+    {
+      open,
+      title,
+      footer: null,
+      onCancel,
+      maskClosable: false,
+      destroyOnClose: true,
+      centered: true,
+      className: "pisell-scan-order-pickup-ref-modal"
+    },
+    /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-scan-order-pickup-ref-body" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-scan-order-pickup-ref-heading" }, heading), /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-scan-order-pickup-ref-desc" }, description), /* @__PURE__ */ import_react.default.createElement(
+      import_antd.Input,
+      {
+        size: "large",
+        placeholder,
+        value,
+        onChange: (event) => {
+          var _a;
+          return setValue(((_a = event == null ? void 0 : event.target) == null ? void 0 : _a.value) || "");
+        },
+        onPressEnter: handleConfirm,
+        className: "pisell-scan-order-pickup-ref-input",
+        maxLength: 32,
+        allowClear: true
+      }
+    ), /* @__PURE__ */ import_react.default.createElement(
+      import_materials.Button,
+      {
+        type: "primary",
+        block: true,
+        size: "large",
+        disabled: !canConfirm,
+        loading: confirmLoading,
+        onClick: handleConfirm
+      },
+      confirmText
+    ))
+  );
+}

package/lib/components/scanOrder/components/ManualPickupRefModal/index.less

@@ -0,0 +1,61 @@
+.pisell-scan-order-pickup-ref-modal {
+  .pisell-lowcode-modal-content {
+    border-radius: 16px;
+    padding: 0;
+  }
+
+  .pisell-lowcode-modal-header {
+    padding: 16px 20px;
+    border-bottom: 1px solid #eaecf0;
+    margin-bottom: 0;
+  }
+
+  .pisell-lowcode-modal-title {
+    font-size: 16px;
+    font-weight: 600;
+    color: #101828;
+  }
+
+  .pisell-lowcode-modal-body {
+    padding: 24px 20px 28px;
+  }
+
+  .pisell-lowcode-modal-close {
+    top: 14px;
+    inset-inline-end: 16px;
+  }
+}
+
+.pisell-scan-order-pickup-ref-body {
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+  align-items: stretch;
+
+  .pisell-scan-order-pickup-ref-heading {
+    text-align: center;
+    color: #101828;
+    font-size: 24px;
+    font-weight: 700;
+    line-height: 1.3;
+    margin-top: 4px;
+  }
+
+  .pisell-scan-order-pickup-ref-desc {
+    text-align: center;
+    color: #667085;
+    font-size: 14px;
+    font-weight: 400;
+    margin-bottom: 12px;
+  }
+
+  .pisell-scan-order-pickup-ref-input {
+    height: 48px;
+    border-radius: 10px;
+
+    input {
+      text-align: center;
+      font-size: 16px;
+    }
+  }
+}