@pisell/private-materials 6.3.70 → 6.3.72

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

@@ -0,0 +1,197 @@
+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/index.tsx
+var Voucher_exports = {};
+__export(Voucher_exports, {
+  default: () => Voucher_default
+});
+module.exports = __toCommonJS(Voucher_exports);
+var import_react = __toESM(require("react"));
+var import_utils = require("@pisell/utils");
+var import_useEngineContext = __toESM(require("../../../../hooks/useEngineContext"));
+var import_materials = require("@pisell/materials");
+var import_Sales = require("../../../Sales");
+var import_Voucher = __toESM(require("./components/Voucher"));
+var import_locales = __toESM(require("./components/locales"));
+var import_hooks = require("./hooks");
+var ShopDiscountHooks = {
+  onDiscountListChange: "shopDiscount:eventBooking:onDiscountListChange",
+  onLoadPrepareCalcResult: "shopDiscount:eventBooking:onLoadPrepareCalcResult"
+};
+var VoucherCard = () => {
+  var _a, _b, _c;
+  const context = (0, import_useEngineContext.default)();
+  const utils = ((_a = context.appHelper) == null ? void 0 : _a.utils) || {};
+  const pisellos = (0, import_useEngineContext.usePisellOS)();
+  import_utils.locales.init(import_locales.default, ((_b = utils == null ? void 0 : utils.storage) == null ? void 0 : _b.get("umi_locale")) || "en");
+  const shopDiscount = (0, import_hooks.useShopDiscount)();
+  const { cartData, updateCartItem } = (0, import_Sales.useCart)();
+  const { isLogin, openLoginModal, getUserInfo } = (0, import_Sales.useCustomer)();
+  const [showDetail, setShowDetail] = (0, import_react.useState)(false);
+  const [code, setCode] = (0, import_react.useState)("");
+  const [discountList, setDisCountList] = (0, import_react.useState)([]);
+  const { getCartItemProductsWithQuotation } = (0, import_hooks.useVoucherLogin)();
+  const currentUser = getUserInfo() || {};
+  const cartUnique = (0, import_react.useMemo)(() => {
+    var _a2, _b2;
+    return (_b2 = (_a2 = cartData == null ? void 0 : cartData.cartItems) == null ? void 0 : _a2.map((item) => {
+      const { _id, holder, product } = (item == null ? void 0 : item._originData) || {};
+      const { discount_list, ...rest } = product || {};
+      return JSON.stringify({ _id, product: rest, holder });
+    })) == null ? void 0 : _b2.join("-");
+  }, [cartData.cartItems]);
+  (0, import_react.useEffect)(() => {
+    var _a2;
+    if (isLogin() && (currentUser == null ? void 0 : currentUser.id)) {
+      (_a2 = shopDiscount == null ? void 0 : shopDiscount.setCustomer) == null ? void 0 : _a2.call(shopDiscount, currentUser);
+    }
+  }, [currentUser == null ? void 0 : currentUser.id, isLogin, shopDiscount]);
+  (0, import_react.useEffect)(() => {
+    shopDiscount.setProductList((cartData == null ? void 0 : cartData.cartItems) || []);
+  }, [cartUnique, shopDiscount]);
+  const batchUpdateCart = (productList) => {
+    if (!(productList == null ? void 0 : productList.length)) return;
+    productList.forEach((product) => {
+      updateCartItem(product);
+    });
+  };
+  (0, import_react.useEffect)(() => {
+    const onDiscountListChange = (discount) => {
+      console.log("onDiscountListChange: ", discount);
+      setDisCountList(discount);
+    };
+    const onLoadPrepareCalcResult = (result) => {
+      var _a2;
+      console.log("onLoadPrepareCalcResult: ", result);
+      if (!((_a2 = result == null ? void 0 : result.productList) == null ? void 0 : _a2.length)) {
+        return;
+      }
+      batchUpdateCart(result == null ? void 0 : result.productList);
+    };
+    pisellos.effects.on(
+      ShopDiscountHooks.onLoadPrepareCalcResult,
+      onLoadPrepareCalcResult
+    );
+    pisellos.effects.on(
+      ShopDiscountHooks.onDiscountListChange,
+      onDiscountListChange
+    );
+    return () => {
+      pisellos.effects.off(
+        ShopDiscountHooks.onLoadPrepareCalcResult,
+        onLoadPrepareCalcResult
+      );
+      pisellos.effects.off(
+        ShopDiscountHooks.onDiscountListChange,
+        onDiscountListChange
+      );
+    };
+  }, []);
+  (0, import_react.useEffect)(() => {
+    var _a2;
+    (_a2 = shopDiscount == null ? void 0 : shopDiscount.setBookingSubject) == null ? void 0 : _a2.call(shopDiscount, { type: "form" });
+    const val = shopDiscount.calcDiscount((cartData == null ? void 0 : cartData.cartItems) || []);
+    if (val == null ? void 0 : val.productList) {
+      batchUpdateCart(val.productList);
+    }
+  }, [cartUnique]);
+  const availableData = (0, import_react.useMemo)(() => {
+    return discountList.filter((item) => !!item.isAvailable).map((discount) => {
+      return {
+        ...discount,
+        isDisabled: discount.isDisabled || discount.isDisabledForProductUsed,
+        savedAmount: shopDiscount.calcDiscountApplicableProductTotalPrice(discount)
+      };
+    });
+  }, [discountList, shopDiscount]);
+  const onScanCode = async () => {
+    if (!shopDiscount) {
+      (0, import_materials.PisellToast)({
+        content: import_utils.locales.getText("pisell2.voucher.code-invalid")
+      });
+      return;
+    }
+    const val = await shopDiscount.scanCode(code, currentUser.id);
+    console.log("scanCodeValue: ", val);
+    if (val == null ? void 0 : val.isAvailable) {
+      batchUpdateCart(val.productList);
+      setCode("");
+    } else {
+      (0, import_materials.PisellToast)({
+        content: val.type === "server" ? import_utils.locales.getText("pisell2.voucher.code-invalid") : import_utils.locales.getText("pisell2.voucher.code-invalid-cart")
+      });
+    }
+  };
+  const mixedSort = (val) => {
+    return [...val].sort((a, b) => {
+      return Number(b == null ? void 0 : b.isSelected) - Number(a == null ? void 0 : a.isSelected);
+    });
+  };
+  const handleLoginClick = () => {
+    openLoginModal({
+      callback: async (status) => {
+        if (status === "success") {
+          await getCartItemProductsWithQuotation();
+        }
+      }
+    });
+  };
+  const handleDiscountChange = (val) => {
+    if (!shopDiscount) return;
+    const detail = shopDiscount.setDiscountSelected({
+      discountId: val.id,
+      isSelected: val.isSelected
+    });
+    console.log("Set discount selected:", detail);
+    if (detail == null ? void 0 : detail.productList) {
+      batchUpdateCart(detail.productList);
+    }
+  };
+  const handleToggleDetail = () => {
+    setShowDetail(!showDetail);
+  };
+  if (!((_c = cartData.cartItems) == null ? void 0 : _c.length)) return null;
+  return /* @__PURE__ */ import_react.default.createElement(
+    import_Voucher.default,
+    {
+      showDetail,
+      onToggleDetail: handleToggleDetail,
+      isLogin: isLogin(),
+      onLoginClick: handleLoginClick,
+      availableData,
+      onDiscountChange: handleDiscountChange,
+      mixedSort,
+      code,
+      onCodeChange: setCode,
+      onApplyCode: onScanCode,
+      codeDisabled: !code
+    }
+  );
+};
+var Voucher_default = VoucherCard;

package/lib/components/eventBooking/components/bookingAvailabilityCalendar/components/CalendarDate/CalenDateStatus/index.d.ts

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

package/lib/components/eventBooking/components/bookingAvailabilityCalendar/components/CalendarDate/Status/index.d.ts

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

package/lib/components/eventBooking/components/bookingDetailModal/components/Resource.d.ts

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

package/lib/components/eventBooking/components/bookingDetailModal/components/Schedule.d.ts

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

package/lib/components/eventBooking/components/scheduleCalendar/ProductItem/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './index.less';
 declare type Item = any;
 interface ProductItemProps {

package/lib/components/kioskSkuDetail/index.d.ts

@@ -0,0 +1,39 @@
+import React from 'react';
+import type { SkuValue } from '../../plus/skuOptionsSelection/types';
+import './index.less';
+/**
+ * @description Kiosk 商品详情（参考 Figma: Kiosk / Launchpad screen）
+ * - 默认从 URL query 读取商品 id（productId / product_id / id），内部通过 getProductDetail 拉取详情
+ * - 中间区域用 SKUOptionsSelection 做 SKU 选择
+ * - 底部用 PisellNumberSelector 做数量编辑
+ */
+declare function KioskSkuDetail(props: KioskSkuDetailProps): JSX.Element;
+export default KioskSkuDetail;
+/**
+ * @description 从原生回调 payload 中提取 productId
+ */
+export interface KioskSkuDetailProps {
+    /** 商品 id（可选：目前默认从 URL 读取，props 仅作为兜底以兼容老用法） */
+    productId?: number | string;
+    /**
+     * 可选：用于商品报价的日期（预约类商品）
+     * @deprecated 目前 kiosk 详情暂时固定取当天，这个参数暂不生效
+     */
+    scheduleDate?: string;
+    /** 自定义类名 */
+    className?: string;
+    /** 自定义样式 */
+    style?: React.CSSProperties;
+    /** 返回 */
+    onBack?: () => void;
+    /** 加入购物车 */
+    onAddToCart?: (params: {
+        product: any;
+        skuValue: SkuValue;
+        quantity: number;
+        unitPrice: number;
+        total: number;
+        currencySymbol: string;
+        bookingConfig?: any;
+    }) => void;
+}

package/lib/components/kioskSkuDetail/index.js

@@ -0,0 +1,393 @@
+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/kioskSkuDetail/index.tsx
+var kioskSkuDetail_exports = {};
+__export(kioskSkuDetail_exports, {
+  default: () => kioskSkuDetail_default
+});
+module.exports = __toCommonJS(kioskSkuDetail_exports);
+var import_react = __toESM(require("react"));
+var import_decimal = __toESM(require("decimal.js"));
+var import_classnames = __toESM(require("classnames"));
+var import_materials = require("@pisell/materials");
+var import_dayjs = __toESM(require("dayjs"));
+var import_utils = require("@pisell/utils");
+var import_skuOptionsSelection = __toESM(require("../../plus/skuOptionsSelection"));
+var import_useEngineContext = __toESM(require("../../hooks/useEngineContext"));
+var import_serve = require("../booking/info/service/serve");
+var import_locales = __toESM(require("./locales"));
+var import_index = require("./index.less");
+var import_utils2 = require("../booking/utils");
+function KioskSkuDetail(props) {
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k;
+  const { className, style, onAddToCart } = props;
+  const productIdFromUrl = (0, import_react.useMemo)(() => {
+    return getQueryFirstMatch({ keys: ["productId", "product_id", "id"] });
+  }, []);
+  const initialProductId = productIdFromUrl ?? props.productId ?? null;
+  const scheduleDate = (0, import_react.useMemo)(() => (0, import_dayjs.default)().format("YYYY-MM-DD"), []);
+  const stageScale = useDesignStageScale({ designWidth: 1080, designHeight: 1800 });
+  const context = (0, import_useEngineContext.default)();
+  const { interaction } = ((_a = context.appHelper) == null ? void 0 : _a.utils) || {};
+  import_utils.locales.init(import_locales.default, ((_c = (_b = context == null ? void 0 : context.engine) == null ? void 0 : _b.props) == null ? void 0 : _c.locale) || "en");
+  import_utils2.request.setRequest(context.appHelper.utils.request);
+  const { store, getData, Toast } = ((_d = context.appHelper) == null ? void 0 : _d.utils) || {};
+  const state = (_e = store == null ? void 0 : store.getState) == null ? void 0 : _e.call(store);
+  const symbol = ((_h = (_g = (_f = store == null ? void 0 : store.getState) == null ? void 0 : _f.call(store)) == null ? void 0 : _g.global) == null ? void 0 : _h.symbol) || "$";
+  const currency_code = ((_k = (_j = (_i = store == null ? void 0 : store.getState) == null ? void 0 : _i.call(store)) == null ? void 0 : _j.global) == null ? void 0 : _k.currency_code) || "AUD";
+  const [isLoading, setIsLoading] = (0, import_react.useState)(false);
+  const [errorText, setErrorText] = (0, import_react.useState)(null);
+  const [productData, setProductData] = (0, import_react.useState)(null);
+  const [quantity, setQuantity] = (0, import_react.useState)(1);
+  const [skuValue, setSkuValue] = (0, import_react.useState)({
+    product_id: 0,
+    product_variant_id: 0,
+    bundle: [],
+    option: []
+  });
+  const [skuDefaultValue, setSkuDefaultValue] = (0, import_react.useState)({
+    product_id: 0,
+    product_variant_id: 0,
+    bundle: [],
+    option: []
+  });
+  const [isEdit, setIsEdit] = (0, import_react.useState)(false);
+  const skuOptionsSelectionRef = (0, import_react.useRef)(null);
+  const requestSeqRef = (0, import_react.useRef)(0);
+  const resetForInit = (0, import_react.useCallback)(() => {
+    setProductData(null);
+    setErrorText(null);
+    setQuantity(1);
+    setSkuValue({
+      product_id: 0,
+      product_variant_id: 0,
+      bundle: [],
+      option: []
+    });
+    setSkuDefaultValue({
+      product_id: 0,
+      product_variant_id: 0,
+      bundle: [],
+      option: []
+    });
+  }, []);
+  const loadByProductId = (0, import_react.useCallback)(async (productId, options = {}) => {
+    var _a2, _b2;
+    console.log("准备 load", productId);
+    if (productId === null || typeof productId === "undefined" || productId === "") return;
+    const reqId = ++requestSeqRef.current;
+    setIsLoading(true);
+    setErrorText(null);
+    try {
+      const open_deposit = (getData == null ? void 0 : getData("bookingv2_deposit")) || 0;
+      const params = { open_deposit, "translate-locale": ((_b2 = (_a2 = context == null ? void 0 : context.engine) == null ? void 0 : _a2.props) == null ? void 0 : _b2.locale) || "en" };
+      params.schedule_date = scheduleDate;
+      const res = await (0, import_serve.getProductDetail)(String(productId), params);
+      console.log("详情接口");
+      console.log(JSON.stringify(res));
+      const apiData = ((res == null ? void 0 : res.id) ? res : res == null ? void 0 : res.data) || {};
+      if (reqId !== requestSeqRef.current) return;
+      setProductData(apiData);
+      console.log("已设置 productData");
+      const normalizedProductId = Number(
+        (apiData == null ? void 0 : apiData.product_id) || (apiData == null ? void 0 : apiData.id) || productId || 0
+      );
+      const minNumUnit = Number((apiData == null ? void 0 : apiData.min_num_unit) || 1);
+      if (options.shouldInitQuantity !== false) {
+        setQuantity(minNumUnit > 0 ? minNumUnit : 1);
+      }
+      const defaultVariantId = (() => {
+        var _a3, _b3;
+        const firstVariantId = Array.isArray(apiData == null ? void 0 : apiData.variant) ? Number(((_b3 = (_a3 = apiData == null ? void 0 : apiData.variant) == null ? void 0 : _a3[0]) == null ? void 0 : _b3.id) || 0) : 0;
+        return Number.isFinite(firstVariantId) ? firstVariantId : 0;
+      })();
+      const initialSkuValue = {
+        product_id: normalizedProductId,
+        product_variant_id: defaultVariantId,
+        bundle: [],
+        option: []
+      };
+      if (options.shouldInitSku !== false) {
+        setSkuValue(initialSkuValue);
+        setSkuDefaultValue(initialSkuValue);
+        setTimeout(() => {
+          var _a3;
+          if (initialSkuValue.product_variant_id) {
+            (_a3 = skuOptionsSelectionRef.current) == null ? void 0 : _a3.validate();
+          }
+        }, 0);
+      }
+    } catch (error) {
+      console.error(error);
+      setErrorText("Failed to load product detail");
+    } finally {
+      if (reqId !== requestSeqRef.current) return;
+      setIsLoading(false);
+    }
+  }, [getData, scheduleDate]);
+  const loadRef = (0, import_react.useRef)(loadByProductId);
+  loadRef.current = loadByProductId;
+  (0, import_react.useEffect)(() => {
+    var _a2, _b2, _c2, _d2, _e2, _f2;
+    (_b2 = (_a2 = interaction == null ? void 0 : interaction.utils) == null ? void 0 : _a2.postMessageToApp) == null ? void 0 : _b2.call(_a2, {
+      module: "wallet_pass",
+      key: "page_load"
+    });
+    (_d2 = (_c2 = interaction == null ? void 0 : interaction.utils) == null ? void 0 : _c2.mountFunction) == null ? void 0 : _d2.call(
+      _c2,
+      "wallet_pass",
+      "restore_buy_wallet_pass",
+      (id) => {
+        console.log("重置状态", id);
+        console.log("宽", window.innerWidth);
+        console.log("高", window.innerHeight);
+        console.log("设备像素比", window.devicePixelRatio);
+        resetForInit();
+        if (id || id === 0) loadRef.current(id);
+        setIsEdit(false);
+      }
+    );
+    (_f2 = (_e2 = interaction == null ? void 0 : interaction.utils) == null ? void 0 : _e2.mountFunction) == null ? void 0 : _f2.call(
+      _e2,
+      "wallet_pass",
+      "edit_buy_wallet_pass",
+      (data) => {
+        console.log("编辑状态", data);
+        const productData2 = JSON.parse(data);
+        loadRef.current(productData2.productId, {
+          shouldInitSku: false,
+          shouldInitQuantity: false
+        });
+        setSkuValue({
+          product_id: productData2.productId,
+          product_variant_id: Number(productData2.variantId),
+          bundle: [],
+          option: []
+        });
+        setSkuDefaultValue({
+          product_id: productData2.productId,
+          product_variant_id: Number(productData2.variantId),
+          bundle: [],
+          option: []
+        });
+        setIsEdit(true);
+      }
+    );
+    if (initialProductId || initialProductId === 0) loadRef.current(initialProductId);
+  }, []);
+  const coverUrl = (0, import_react.useMemo)(() => {
+    return (productData == null ? void 0 : productData.cover) || (productData == null ? void 0 : productData.image) || "";
+  }, [productData]);
+  const titleText = (0, import_react.useMemo)(() => {
+    var _a2;
+    return (productData == null ? void 0 : productData.title) || ((_a2 = productData == null ? void 0 : productData._extend) == null ? void 0 : _a2.product_name) || (productData == null ? void 0 : productData.product_name) || "";
+  }, [productData]);
+  const descriptionText = (0, import_react.useMemo)(() => {
+    var _a2;
+    return (productData == null ? void 0 : productData.description) || (productData == null ? void 0 : productData.sub_title) || ((_a2 = productData == null ? void 0 : productData._extend) == null ? void 0 : _a2.sub_title) || "";
+  }, [productData]);
+  const unitPrice = (0, import_react.useMemo)(() => {
+    const selectedVariantId = Number((skuValue == null ? void 0 : skuValue.product_variant_id) || 0);
+    if (selectedVariantId && Array.isArray(productData == null ? void 0 : productData.variant)) {
+      const matched = productData.variant.find(
+        (item) => Number(item == null ? void 0 : item.id) === selectedVariantId
+      );
+      const vPrice = Number((matched == null ? void 0 : matched.price) || 0);
+      if (!Number.isNaN(vPrice) && vPrice !== 0) return vPrice;
+    }
+    return Number((productData == null ? void 0 : productData.price) || 0);
+  }, [productData, skuValue == null ? void 0 : skuValue.product_variant_id]);
+  const priceRangeText = (0, import_react.useMemo)(() => {
+    const variantPrices = Array.isArray(productData == null ? void 0 : productData.variant) ? productData.variant.map((v) => Number((v == null ? void 0 : v.price) || 0)).filter((n) => !Number.isNaN(n) && n > 0) : [];
+    const base = Number((productData == null ? void 0 : productData.price) || 0);
+    const all = [...variantPrices, ...base > 0 ? [base] : []];
+    if (all.length === 0) return "";
+    const min = Math.min(...all);
+    const max = Math.max(...all);
+    if (min === max) return `${symbol}${min.toFixed(2)}`;
+    return `${symbol}${min.toFixed(2)}-${symbol}${max.toFixed(2)}`;
+  }, [productData, symbol]);
+  const itemTotal = (0, import_react.useMemo)(() => {
+    const deUnit = new import_decimal.default(unitPrice || 0);
+    const deQty = new import_decimal.default(quantity || 0);
+    return deUnit.mul(deQty).toNumber();
+  }, [quantity, unitPrice]);
+  const itemTotalText = (0, import_react.useMemo)(() => {
+    const deTotal = new import_decimal.default(itemTotal || 0);
+    const priceSign = deTotal.toNumber() < 0 ? "-" : "";
+    return `${priceSign}${symbol}${deTotal.abs().toNumber().toFixed(2)}`;
+  }, [itemTotal, symbol]);
+  const handleAddToCart = () => {
+    var _a2;
+    if (!productData) return;
+    (_a2 = skuOptionsSelectionRef.current) == null ? void 0 : _a2.validate();
+    if (!skuValue.product_variant_id) {
+      Toast.info(import_utils.locales.getText("pisell2.text.kiosk.sku.detail.toast.select.variant"));
+      return;
+    }
+    ;
+    const obj = {
+      productDetail: productData,
+      quantity,
+      variantId: skuValue.product_variant_id,
+      pricePerUnit: unitPrice,
+      isWebBuyWalletPass: true
+    };
+    interaction.utils.postMessageToApp({
+      module: "wallet_pass",
+      key: "buy_wallet_pass",
+      data: {
+        // 把洗好的数据放这里
+        productData: obj,
+        isEdit
+      }
+    });
+  };
+  const onBack = () => {
+    interaction.utils.postMessageToApp({
+      module: "wallet_pass",
+      key: "back"
+    });
+  };
+  const stageStyle = (0, import_react.useMemo)(() => {
+    return {
+      ...style || {},
+      width: 1080,
+      height: 1800,
+      transform: `translateX(-50%) scale(${stageScale})`,
+      transformOrigin: "top center"
+    };
+  }, [stageScale, style]);
+  return /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-kiosk-sku-detail-viewport" }, /* @__PURE__ */ import_react.default.createElement(
+    "div",
+    {
+      className: (0, import_classnames.default)("pisell-kiosk-sku-detail", className),
+      style: stageStyle
+    },
+    /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-kiosk-sku-detail__content" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-kiosk-sku-detail__hero" }, coverUrl ? /* @__PURE__ */ import_react.default.createElement(
+      "img",
+      {
+        className: "pisell-kiosk-sku-detail__hero-img",
+        src: coverUrl,
+        alt: titleText || "product"
+      }
+    ) : /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-kiosk-sku-detail__hero-placeholder" })), /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-kiosk-sku-detail__header" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-kiosk-sku-detail__title" }, titleText || (isLoading ? "Loading…" : "")), !!descriptionText && /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-kiosk-sku-detail__desc" }, /* @__PURE__ */ import_react.default.createElement(
+      "div",
+      {
+        dangerouslySetInnerHTML: {
+          __html: descriptionText
+        }
+      }
+    )), !!priceRangeText && /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-kiosk-sku-detail__price-range" }, priceRangeText, " ", currency_code), !!errorText && /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-kiosk-sku-detail__error" }, errorText)), /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-kiosk-sku-detail__options-card" }, productData && Array.isArray(productData == null ? void 0 : productData.variant) && productData.variant.length > 0 ? /* @__PURE__ */ import_react.default.createElement(
+      import_skuOptionsSelection.default,
+      {
+        ref: skuOptionsSelectionRef,
+        dataSource: productData,
+        value: skuDefaultValue,
+        skuCardConfig: {
+          price: {
+            visible: true
+          },
+          variantPriceVisible: true
+        },
+        onChange: (v) => {
+          setSkuValue(v);
+        },
+        customScrollParent: ".pisell-kiosk-sku-detail"
+      }
+    ) : /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-kiosk-sku-detail__options-loading" }, isLoading ? import_utils.locales.getText(
+      "pisell2.text.kiosk.sku.detail.loading.options"
+    ) : ""))),
+    /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-kiosk-sku-detail__footer" }, /* @__PURE__ */ import_react.default.createElement(
+      import_materials.Button,
+      {
+        className: "pisell-kiosk-sku-detail__back-btn",
+        size: "large",
+        onClick: onBack
+      },
+      import_utils.locales.getText("pisell2.text.kiosk.sku.detail.btn.back")
+    ), /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-kiosk-sku-detail__footer-center" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-kiosk-sku-detail__item-total" }, import_utils.locales.getText("pisell2.text.kiosk.sku.detail.item.total"), ":", " ", itemTotalText)), /* @__PURE__ */ import_react.default.createElement(
+      import_materials.Button,
+      {
+        type: "primary",
+        className: "pisell-kiosk-sku-detail__add-btn",
+        size: "large",
+        onClick: handleAddToCart,
+        disabled: !productData || isLoading
+      },
+      import_utils.locales.getText(
+        isEdit ? "pisell2.text.kiosk.sku.detail.btn.update" : "pisell2.text.kiosk.sku.detail.btn.add.to.cart"
+      )
+    ))
+  ));
+}
+var kioskSkuDetail_default = KioskSkuDetail;
+function getQueryFirstMatch(params) {
+  var _a;
+  if (typeof window === "undefined") return null;
+  if (!((_a = params == null ? void 0 : params.keys) == null ? void 0 : _a.length)) return null;
+  const keys = params.keys;
+  const tryRead = (raw) => {
+    if (!raw) return null;
+    const normalized = raw.startsWith("?") ? raw.slice(1) : raw;
+    const searchParams = new URLSearchParams(normalized);
+    for (const key of keys) {
+      const value = searchParams.get(key);
+      if (value) return value;
+    }
+    return null;
+  };
+  const fromSearch = tryRead(window.location.search || "");
+  if (fromSearch) return fromSearch;
+  const hash = window.location.hash || "";
+  const queryIndex = hash.indexOf("?");
+  if (queryIndex === -1) return null;
+  return tryRead(hash.slice(queryIndex + 1));
+}
+function useDesignStageScale(params) {
+  const designWidth = params.designWidth;
+  const designHeight = params.designHeight;
+  const [scale, setScale] = (0, import_react.useState)(1);
+  (0, import_react.useEffect)(() => {
+    const update = () => {
+      const viewportWidth = window.innerWidth || designWidth;
+      const viewportHeight = window.innerHeight || designHeight;
+      const nextScale = Math.min(
+        viewportWidth / designWidth,
+        viewportHeight / designHeight,
+        1
+      );
+      setScale(nextScale);
+    };
+    update();
+    window.addEventListener("resize", update);
+    return () => window.removeEventListener("resize", update);
+  }, [designHeight, designWidth]);
+  return scale;
+}