@pisell/private-materials 6.3.70 → 6.3.72

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

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

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

@@ -0,0 +1,124 @@
+.pisell-lowcode__event-booking-voucher-container {
+  margin-bottom: 8px;
+
+  .login-card {
+    border-radius: 8px;
+    border: 1px solid var(--Gray-300, #d0d5dd);
+    background: #fff;
+    display: flex;
+    padding: 12px;
+    justify-content: center;
+    align-items: center;
+    gap: 10px;
+    color: var(--Gray-500, #667085);
+    font-size: 14px;
+    font-style: normal;
+    font-weight: 600;
+    margin-top: 6px;
+
+    .text-wrapper {
+      max-width: 200px;
+    }
+
+    .login-btn {
+      cursor: pointer;
+      color: var(--theme-color, #8157d5);
+    }
+  }
+
+  .voucher-title {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    margin-bottom: 10px;
+
+    .voucher-title-left {
+      color: var(--base-black, #000);
+      font-size: 18px;
+      font-style: normal;
+      font-weight: 600;
+      line-height: 28px;
+      display: flex;
+      flex-direction: column;
+    }
+
+    .voucher-title-right {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      gap: 4px;
+      color: var(--theme-color, #7f56d9);
+      cursor: pointer;
+      font-size: 18px;
+      font-style: normal;
+      font-weight: 500;
+    }
+
+    .voucher-right-icon {
+      font-size: 20px;
+      width: 24px;
+      height: 24px;
+      color: var(--theme-color, #7f56d9);
+      display: flex;
+      align-items: center;
+      justify-content: center;
+
+      &.show {
+        transform: rotate(180deg);
+      }
+    }
+  }
+
+  .voucher-detail {
+    width: 100%;
+    transition: 0.2s;
+    max-height: 0;
+    overflow: hidden;
+    display: flex;
+    flex-direction: column;
+
+    &.show {
+      max-height: unset;
+    }
+  }
+
+  .voucher-code-input-wrapper {
+    margin-top: 6px;
+    display: flex;
+    width: 100%;
+    height: 42px;
+    padding: 8px;
+    justify-content: space-between;
+    align-items: center;
+    gap: 8px;
+    flex-shrink: 0;
+    border-radius: 8px;
+    border: 1px solid var(--Gray-300, #d0d5dd);
+    background: #fff;
+  }
+
+  .voucher-code-input {
+    display: flex;
+    align-items: center;
+    flex: 1;
+    
+    > div {
+      color: var(--Gray-500, #667085);
+      text-align: center;
+      font-size: 16px;
+      font-style: normal;
+      font-weight: 600;
+      line-height: 20px;
+      margin-right: 8px;
+    }
+
+    .pisell-materials__input {
+      flex: 1;
+    }
+  }
+
+  input {
+    box-shadow: none !important;
+  }
+}
+

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

@@ -0,0 +1,39 @@
+/**
+ * Voucher 组件多语言配置
+ */
+declare const _default: {
+    en: {
+        'pisell2.voucher.title': string;
+        'pisell2.voucher.details': string;
+        'pisell2.voucher.login': string;
+        'pisell2.voucher.login-tip': string;
+        'pisell2.voucher.code': string;
+        'pisell2.voucher.enter-code': string;
+        'pisell2.voucher.apply': string;
+        'pisell2.voucher.code-invalid': string;
+        'pisell2.voucher.code-invalid-cart': string;
+    };
+    'zh-CN': {
+        'pisell2.voucher.title': string;
+        'pisell2.voucher.details': string;
+        'pisell2.voucher.login': string;
+        'pisell2.voucher.login-tip': string;
+        'pisell2.voucher.code': string;
+        'pisell2.voucher.enter-code': string;
+        'pisell2.voucher.apply': string;
+        'pisell2.voucher.code-invalid': string;
+        'pisell2.voucher.code-invalid-cart': string;
+    };
+    'zh-HK': {
+        'pisell2.voucher.title': string;
+        'pisell2.voucher.details': string;
+        'pisell2.voucher.login': string;
+        'pisell2.voucher.login-tip': string;
+        'pisell2.voucher.code': string;
+        'pisell2.voucher.enter-code': string;
+        'pisell2.voucher.apply': string;
+        'pisell2.voucher.code-invalid': string;
+        'pisell2.voucher.code-invalid-cart': string;
+    };
+};
+export default _default;

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

@@ -0,0 +1,59 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/eventBooking/components/Voucher/components/locales.ts
+var locales_exports = {};
+__export(locales_exports, {
+  default: () => locales_default
+});
+module.exports = __toCommonJS(locales_exports);
+var locales_default = {
+  en: {
+    "pisell2.voucher.title": "Promotion",
+    "pisell2.voucher.details": "Details",
+    "pisell2.voucher.login": "Login",
+    "pisell2.voucher.login-tip": "to view your vouchers",
+    "pisell2.voucher.code": "Code",
+    "pisell2.voucher.enter-code": "Enter voucher code",
+    "pisell2.voucher.apply": "Apply",
+    "pisell2.voucher.code-invalid": "Invalid voucher code",
+    "pisell2.voucher.code-invalid-cart": "Voucher not applicable to current cart"
+  },
+  "zh-CN": {
+    "pisell2.voucher.title": "促销",
+    "pisell2.voucher.details": "详情",
+    "pisell2.voucher.login": "登录",
+    "pisell2.voucher.login-tip": "查看您的优惠券",
+    "pisell2.voucher.code": "优惠码",
+    "pisell2.voucher.enter-code": "请输入优惠码",
+    "pisell2.voucher.apply": "应用",
+    "pisell2.voucher.code-invalid": "优惠码无效",
+    "pisell2.voucher.code-invalid-cart": "优惠券不适用于当前购物车"
+  },
+  "zh-HK": {
+    "pisell2.voucher.title": "促销",
+    "pisell2.voucher.details": "詳情",
+    "pisell2.voucher.login": "登錄",
+    "pisell2.voucher.login-tip": "查看您的優惠券",
+    "pisell2.voucher.code": "優惠碼",
+    "pisell2.voucher.enter-code": "請輸入優惠碼",
+    "pisell2.voucher.apply": "應用",
+    "pisell2.voucher.code-invalid": "優惠碼無效",
+    "pisell2.voucher.code-invalid-cart": "優惠券不適用於當前購物車"
+  }
+};

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

@@ -0,0 +1,7 @@
+export declare const useShopDiscount: () => any;
+/**
+ * @title 登录后重新获取应用报价单后的价格
+ */
+export declare const useVoucherLogin: () => {
+    getCartItemProductsWithQuotation: () => Promise<void>;
+};

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;