@pisell/private-materials 6.9.2 → 6.9.4

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

@@ -0,0 +1,176 @@
+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/hooks.ts
+var hooks_exports = {};
+__export(hooks_exports, {
+  useShopDiscount: () => useShopDiscount,
+  useVoucherLogin: () => useVoucherLogin
+});
+module.exports = __toCommonJS(hooks_exports);
+var import_Sales = require("../../../Sales");
+var import_ahooks = require("ahooks");
+var import_serve = require("../../../Sales/Event/serve");
+var import_useEngineContext = __toESM(require("../../../../hooks/useEngineContext"));
+var useShopDiscount = () => {
+  const pisellOS = (0, import_useEngineContext.usePisellOS)();
+  return pisellOS.getModule("shopDiscount:eventBooking");
+};
+var useVoucherLogin = () => {
+  var _a;
+  const context = (0, import_useEngineContext.default)();
+  const { getStore } = ((_a = context.appHelper) == null ? void 0 : _a.utils) || {};
+  const { setData } = (0, import_Sales.useSales)();
+  const { cartData } = (0, import_Sales.useCart)();
+  const _getProductPrice = (0, import_ahooks.useRequest)(import_serve.getProductPrice, {
+    manual: true,
+    onSuccess: (res) => {
+      const list = res.data || [];
+      const productById = list.reduce((pre, cur) => {
+        pre[cur.id] = cur;
+        return pre;
+      }, {});
+      console.log("start update price");
+      const newCartItems = cartData.cartItems.map((item) => {
+        var _a2;
+        const { product } = item._originData || {};
+        let newProduct = productById[product.product_id];
+        let _totalPrice = Number(newProduct.price);
+        if (!(item == null ? void 0 : item._productDetail)) {
+          item.price = _totalPrice;
+          item.total = _totalPrice;
+          return item;
+        }
+        const { bundle = [], options } = item._productDetail;
+        if (
+          // 1. 套餐商品
+          Array.isArray(product == null ? void 0 : product.product_bundle) && product.product_bundle.length > 0
+        ) {
+          const { bundle_group = [] } = newProduct;
+          for (let i = 0; i < product.product_bundle.length; i++) {
+            const pbItem = product.product_bundle[i];
+            const { bundle_group_id, bundle_id, option } = pbItem;
+            const _originBundleItemInfo = bundle.find(
+              (bi) => bi.id === bundle_id
+            );
+            const _targetBundleGroup = bundle_group.find(
+              (bg) => bg.id === bundle_group_id
+            );
+            if ((_a2 = _targetBundleGroup == null ? void 0 : _targetBundleGroup.bundle_item) == null ? void 0 : _a2.length) {
+              let _newBundleItemInfo = _targetBundleGroup.bundle_item.find(
+                (bi) => bi.id === bundle_id
+              );
+              if ((_originBundleItemInfo == null ? void 0 : _originBundleItemInfo._bundle_product_id) === (_newBundleItemInfo == null ? void 0 : _newBundleItemInfo.bundle_product_id)) {
+                const {
+                  price_type,
+                  num = 1,
+                  option: _originBundleItemOptions
+                } = _originBundleItemInfo;
+                const _bundleItemPrice = Number(_newBundleItemInfo.price);
+                if (price_type === "markup") {
+                  _totalPrice += _bundleItemPrice * num;
+                } else if (price_type === "markdown") {
+                  _totalPrice -= _bundleItemPrice * num;
+                } else {
+                  _totalPrice += _bundleItemPrice * num;
+                }
+                if (Array.isArray(option) && (option == null ? void 0 : option.length) > 0) {
+                  for (let j = 0; j < option.length; j++) {
+                    const { option_group_item_id } = option[j];
+                    const _originOptionItem = _originBundleItemOptions.find(
+                      (op) => op.product_option_item_id === option_group_item_id
+                    );
+                    if (_originOptionItem) {
+                      const { price, num: _optionNum = 1 } = _originOptionItem;
+                      _totalPrice += Number(price) * _optionNum;
+                    }
+                  }
+                }
+              }
+            }
+          }
+        } else {
+          if (product == null ? void 0 : product.product_variant_id) {
+            const { variant = [] } = newProduct;
+            const _variant = variant.find(
+              (v) => v.id === product.product_variant_id
+            );
+            if (_variant) {
+              _totalPrice = Number(_variant.price);
+            }
+          }
+          if (Array.isArray(product == null ? void 0 : product.product_option_item) && product.product_option_item.length > 0) {
+            for (let i = 0; i < product.product_option_item.length; i++) {
+              const { option_group_item_id } = product.product_option_item[i];
+              const _originOptionItem = options.find(
+                (op) => op.product_option_item_id === option_group_item_id
+              );
+              if (_originOptionItem) {
+                const { price, num = 1 } = _originOptionItem;
+                _totalPrice += Number(price) * num;
+              }
+            }
+          }
+        }
+        item.price = _totalPrice;
+        item.total = _totalPrice;
+        return item;
+      });
+      console.log("new cart data", newCartItems);
+      setData({
+        cartData: {
+          ...cartData,
+          cartItems: newCartItems
+        }
+      });
+    }
+  });
+  const getCartItemProductsWithQuotation = async () => {
+    var _a2, _b;
+    const ids = cartData.cartItems.map((item) => {
+      const { product = {} } = item._originData || {};
+      const { product_id } = product;
+      return product_id;
+    }).filter((id) => !!id);
+    const store = getStore();
+    const customer = (_b = (_a2 = store == null ? void 0 : store.getState()) == null ? void 0 : _a2.global) == null ? void 0 : _b.userInfo;
+    if (!(ids == null ? void 0 : ids.length)) return;
+    _getProductPrice.run({
+      ids,
+      customer_id: customer == null ? void 0 : customer.id
+    });
+  };
+  return {
+    getCartItemProductsWithQuotation
+  };
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useShopDiscount,
+  useVoucherLogin
+});

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

@@ -0,0 +1,2 @@
+declare const VoucherCard: () => JSX.Element | null;
+export default VoucherCard;

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/CalenDateWeek/WeekItem/index.d.ts

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

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import './index.less';
 declare type CalenDateWeekProps = {
     currentDate: string;

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 declare const BookingOptions: (props: {
     onChangeBookingOption?: ((bookingOption: any) => void) | undefined;
 }) => JSX.Element;

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

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

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

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

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

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

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

@@ -9,6 +9,9 @@ import './index.less';
  */
 declare function KioskSkuDetail(props: KioskSkuDetailProps): JSX.Element;
 export default KioskSkuDetail;
+/**
+ * @description 从原生回调 payload 中提取 productId
+ */
 export interface KioskSkuDetailProps {
     /** 商品 id（可选：目前默认从 URL 读取，props 仅作为兜底以兼容老用法） */
     productId?: number | string;