@pisell/private-materials 3.0.15 → 3.0.17

package/lib/components/booking/components/collapsibleList/index.js

@@ -0,0 +1,94 @@
+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/booking/components/collapsibleList/index.tsx
+var collapsibleList_exports = {};
+__export(collapsibleList_exports, {
+  default: () => collapsibleList_default
+});
+module.exports = __toCommonJS(collapsibleList_exports);
+var import_react = __toESM(require("react"));
+var import_utils = require("@pisell/utils");
+var import_classnames = __toESM(require("classnames"));
+var import_index = require("./index.less");
+var MAX_LIMIT = 3;
+var CollapsibleList = (props) => {
+  const { list = [], renderItem, className, style, border } = props;
+  const [maxLimit, setMaxLimit] = (0, import_react.useState)(MAX_LIMIT);
+  const handlePreviewAll = () => {
+    let _maxLimit = maxLimit;
+    if (_maxLimit === MAX_LIMIT) {
+      _maxLimit = 99;
+    } else {
+      _maxLimit = MAX_LIMIT;
+    }
+    setMaxLimit(_maxLimit);
+  };
+  const showAll = (0, import_react.useMemo)(() => {
+    return list.length > MAX_LIMIT;
+  }, [list]);
+  const viewAllText = (0, import_react.useMemo)(() => {
+    let _maxLimit = maxLimit;
+    if (_maxLimit === MAX_LIMIT) {
+      return import_utils.locales.getText("pisell2.text.view-all");
+    }
+    return import_utils.locales.getText("pisell2.text.view-less");
+  }, [maxLimit]);
+  const _list = (0, import_react.useMemo)(() => {
+    let arr = [...list];
+    let _maxLimit = maxLimit;
+    if (list.length > _maxLimit) {
+      arr = arr.slice(0, _maxLimit);
+    }
+    return arr;
+  }, [list.length, maxLimit]);
+  return /* @__PURE__ */ import_react.default.createElement(
+    "div",
+    {
+      className: (0, import_classnames.default)("pisell2-collapsible-list-wrap", className),
+      style
+    },
+    border ? /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell2-collapsible-list-top-border" }) : null,
+    /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell2-collapsible-list" }, _list.map((d, i) => {
+      return renderItem(d, i);
+    })),
+    showAll ? /* @__PURE__ */ import_react.default.createElement(
+      "div",
+      {
+        className: "pisell2-collapsible-list-view-all",
+        onClick: (e) => {
+          e.preventDefault();
+          e.stopPropagation();
+          handlePreviewAll();
+        }
+      },
+      viewAllText
+    ) : null
+  );
+};
+var collapsibleList_default = CollapsibleList;

package/lib/components/booking/components/collapsibleList/index.less

@@ -0,0 +1,61 @@
+.pisell2-collapsible-list-wrap {
+  .pisell2-collapsible-list-top-border {
+    height: 1px;
+    background: #f1f1f1;
+    width: 100%;
+    margin: 8px 0;
+  }
+
+  .pisell2-collapsible-list {
+    display: flex;
+    flex-direction: column;
+    gap: 4px;
+  }
+
+  .pisell2-collapsible-list-view-all {
+    margin-top: 4px;
+    color: #7f56d9;
+    font-size: 16px;
+    font-style: normal;
+    font-weight: 700;
+    line-height: 24px;
+    user-select: none;
+  }
+
+}
+
+
+.product-bundle-item {
+  width: 100%;
+
+  .product-bundle-info {
+    width: 100%;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+
+    .product-bundle-info-title {
+      color: var(--gray-500, #667085);
+      font-size: 14px;
+      font-style: normal;
+      font-weight: 500;
+      line-height: 20px;
+    }
+
+    .product-bundle-info-num {
+      color: var(--Gray-500, #667085);
+      font-size: 14px;
+      font-style: normal;
+      font-weight: 400;
+      line-height: 20px;
+      flex-shrink: 0;
+    }
+  }
+
+  .product-bundle-option {
+    color: var(--gray-500, #667085);
+    font-size: 12px;
+    margin-top: 4px;
+  }
+
+}

package/lib/components/booking/components/collapsibleList/utils.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare const renderBundles: (item: any, amountSymbol: string) => React.JSX.Element;

package/lib/components/booking/components/collapsibleList/utils.js

@@ -0,0 +1,46 @@
+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/booking/components/collapsibleList/utils.tsx
+var utils_exports = {};
+__export(utils_exports, {
+  renderBundles: () => renderBundles
+});
+module.exports = __toCommonJS(utils_exports);
+var import_react = __toESM(require("react"));
+var import_utils = require("@pisell/utils");
+var renderBundles = (item, amountSymbol) => {
+  const options = (item == null ? void 0 : item.option) || [];
+  return /* @__PURE__ */ import_react.default.createElement("div", { key: item.id, className: "product-bundle-item" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "product-bundle-info" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "product-bundle-info-title" }, item.title), /* @__PURE__ */ import_react.default.createElement("div", { className: "product-bundle-info-num" }, (0, import_utils.formatAmount)(item.price, 2, amountSymbol), " × ", item.num)), /* @__PURE__ */ import_react.default.createElement("div", { className: "product-bundle-option" }, options.map((option, index) => {
+    return /* @__PURE__ */ import_react.default.createElement("span", { key: option.id }, option.name, " x ", option.num, " ", index < options.length - 1 && ",", " ");
+  })));
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  renderBundles
+});

package/lib/components/booking/components/footer/amount.js

@@ -32,11 +32,11 @@ var getProductAmount = (state, isEdit) => {
   if (isEdit) {
     if ((state == null ? void 0 : state.service) || (state == null ? void 0 : state.addons)) {
       for (let item of state == null ? void 0 : state.service.value) {
-        price += Number(item._extend.price) * (item._extend.quantity || 1);
+        price += Number(item._extend.total);
         duration += import_utils.flexibleObj.getValue(item._extend.duration);
       }
       for (let item of state.addons.value) {
-        price += Number(item.price) * item.quantity;
+        price += Number(item._extend.total) * item._extend.quantity;
       }
     }
   } else {
@@ -53,7 +53,7 @@ var getProductAmount = (state, isEdit) => {
 };
 var getProductItemTax = (item, bookingDetail) => {
   let price = 0;
-  const productDiscountPrice = Number(item.price);
+  const productDiscountPrice = Number(item.total);
   const shopTax = productDiscountPrice * Number(bookingDetail.tax_rate) * Number(item.is_charge_tax);
   const shopTaxRate = 1 + bookingDetail.tax_rate * bookingDetail.is_price_include_tax;
   const res = shopTax / shopTaxRate * item.quantity;
@@ -61,10 +61,7 @@ var getProductItemTax = (item, bookingDetail) => {
   return price;
 };
 var getTotal = (item) => {
-  return item._extend.payment_price !== void 0 ? item._extend.payment_price : item._extend.price;
-};
-var getAddonsTotal = (item) => {
-  return item.payment_price !== void 0 ? item.payment_price : item.price;
+  return item._extend.payment_price !== void 0 ? item._extend.payment_price : item._extend.total;
 };
 var getTax = (state, isEdit) => {
   var _a;
@@ -80,7 +77,8 @@ var getTax = (state, isEdit) => {
       price += getProductItemTax(
         {
           ...item,
-          price: getTotal(item),
+          total: getTotal(item),
+          price: item._extend.price,
           quantity: item._extend.quantity
         },
         state.bookingDetail
@@ -89,8 +87,9 @@ var getTax = (state, isEdit) => {
     for (let item of state.addons.value) {
       price += getProductItemTax({
         ...item,
-        price: getAddonsTotal(item),
-        quantity: item.quantity
+        total: getTotal(item),
+        price: item._extend.price,
+        quantity: item._extend.quantity
       }, state.bookingDetail);
     }
   }

package/lib/components/booking/components/footer/index.js

@@ -171,6 +171,9 @@ var Footer = (props) => {
       return callbackData;
     } catch (err) {
       console.log(err);
+      if ((err == null ? void 0 : err.code) === 70101) {
+        import_antd.message.error(err == null ? void 0 : err.message);
+      }
       _setLoading(false);
     }
   };

package/lib/components/booking/components/footer/utils.d.ts

@@ -1 +1,19 @@
+/**
+ * @title: 套餐单规格信息
+ * @description:
+ * @param {any} option
+ * @return {*}
+ * @Author: zhiwei.Wang
+ * @Date: 2024-02-19 09:26
+ */
+export declare const formatProductOption: (option: any) => any;
+/**
+ * @title: 套餐信息
+ * @description:
+ * @param {any} bundle
+ * @return {*}
+ * @Author: zhiwei.Wang
+ * @Date: 2024-02-19 09:26
+ */
+export declare const formatProductBundle: (bundle: any) => any;
 export declare const formatValues: (state: any) => any;

package/lib/components/booking/components/footer/utils.js

@@ -19,6 +19,8 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/components/booking/components/footer/utils.ts
 var utils_exports = {};
 __export(utils_exports, {
+  formatProductBundle: () => formatProductBundle,
+  formatProductOption: () => formatProductOption,
   formatValues: () => formatValues
 });
 module.exports = __toCommonJS(utils_exports);
@@ -42,28 +44,63 @@ var formatCustomer = (data) => {
     country_calling_code: (_l = (_k = data.client) == null ? void 0 : _k.value) == null ? void 0 : _l.country_calling_code
   };
 };
+var formatProductOption = (option) => {
+  if (!option) {
+    return [];
+  }
+  return option.map((d) => {
+    return {
+      "num": d.num,
+      "option_group_item_id": d.product_option_item_id,
+      "option_group_id": d.option_group_id
+    };
+  });
+};
+var formatProductBundle = (bundle) => {
+  if (!bundle) {
+    return;
+  }
+  return bundle.map((d) => {
+    return {
+      "bundle_group_id": d.group_id,
+      "bundle_id": d.id,
+      "bundle_product_id": d._bundle_product_id,
+      "bundle_variant_id": d.bundle_variant_id,
+      "num": d.num,
+      "extension_id": d.extension_id,
+      "extension_type": d.extension_type,
+      "option": formatProductOption(d.option)
+    };
+  });
+};
 var formatBookings = (data) => {
   const list = data.service.value;
   const eventOtherParams = data.eventOtherParams;
   let bookings = [];
   bookings = list.map((item) => {
-    let start_date = item._extend.startDate.format("YYYY-MM-DD");
-    let start_time = item._extend.startDate.format("HH:mm");
-    let end_date = item._extend.endDate.format("YYYY-MM-DD");
-    let end_time = item._extend.endDate.format("HH:mm");
+    var _a, _b;
+    const start_date = item._extend.startDate.format("YYYY-MM-DD");
+    const end_date = item._extend.endDate.format("YYYY-MM-DD");
+    const end_time = item._extend.endDate.format("HH:mm");
+    const start_time = item._extend.startDate.format("HH:mm");
+    const total = Number(item._extend.total);
+    const origin_total = Number(item._extend.origin_total);
+    const discount_amount = origin_total - total;
     return {
       "product": {
         "num": item._extend.quantity,
-        "price": item.price,
+        "price": item._extend.price,
         "product_id": item.id,
-        "discount_amount": Number(item.price) - Number(item._extend.price),
+        "discount_amount": discount_amount,
         "product_discount_reason": item._extend.discount_reason || "",
         "is_charge_tax": item.is_charge_tax,
         "note": "",
         "discountway": item._extend.discountway || "num",
         "discount_per": item._extend.discount_per,
         "discount_type": item._extend.discount_type || "discount",
-        "order_detail_id": item._extend.order_detail_id || 0
+        "order_detail_id": item._extend.order_detail_id || 0,
+        "product_bundle": formatProductBundle((_b = (_a = item._extend) == null ? void 0 : _a.other) == null ? void 0 : _b.bundle),
+        "bundle_edit": item._extend.bundle_edit
       },
       "id": item.booking_id || 0,
       "relation_id": item._extend.relation_id,
@@ -130,5 +167,7 @@ var formatValues = (state) => {
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
+  formatProductBundle,
+  formatProductOption,
   formatValues
 });

package/lib/components/booking/forms/forms.d.ts

@@ -21,5 +21,5 @@ export interface InfoProps {
  * @Author: zhiwei.Wang
  * @Date: 2024-01-30 17:10
  */
-declare const Forms: (props: any) => any;
+declare const Forms: (props: any) => JSX.Element;
 export default Forms;

package/lib/components/booking/forms/index.d.ts

@@ -5,5 +5,5 @@ export interface InfoProps {
     globalState: any;
     setGlobalState: any;
 }
-declare const Forms: (props: any) => any;
+declare const Forms: (props: any) => JSX.Element;
 export default Forms;

package/lib/components/booking/forms/model.d.ts

@@ -1,6 +1,5 @@
-/// <reference types="react" />
 import { FormState } from "../model";
-export declare const Provider: (ComponentUi: any) => (props: any) => any, Context: import("react").Context<{
+export declare const Provider: (ComponentUi: any) => (props: any) => JSX.Element, Context: import("react").Context<{
     state: FormState;
 } & {
     dispatch: (params: {

package/lib/components/booking/forms/single/index.js

@@ -37,8 +37,8 @@ var import_FileDownload02 = __toESM(require("@pisell/icon/es/FileDownload02"));
 var import_utils = require("@pisell/utils");
 var import_antd = require("antd");
 var import_customSelect = __toESM(require("../../components/customSelect"));
+var import_collapsibleList = __toESM(require("../../components/collapsibleList"));
 var import_index = require("./index.less");
-var MAX_LIMIT = 3;
 var Single = ({
   value,
   onChange,
@@ -53,7 +53,6 @@ var Single = ({
   watch
 }) => {
   var _a, _b;
-  const [maxLimit, setMaxLimit] = (0, import_react.useState)({});
   const renderFieldValue = (fieldData, field) => {
     const val = fieldData[field.key];
     if (field.filed_type === "attachment") {
@@ -107,41 +106,17 @@ var Single = ({
   const renderItem = (0, import_react.useCallback)(
     (fieldData) => {
       let _fields = form.field || [];
-      let _maxLimit = maxLimit[fieldData.form_record_id] || MAX_LIMIT;
-      if (_fields.length > _maxLimit) {
-        _fields = _fields.slice(0, _maxLimit);
-      }
-      return _fields.map((field) => {
-        return /* @__PURE__ */ import_react.default.createElement("div", { className: "pet-form-item", key: field.key }, /* @__PURE__ */ import_react.default.createElement("div", { className: "pet-form-item-label" }, field.field_column.title), /* @__PURE__ */ import_react.default.createElement("div", { className: "pet-form-item-value" }, renderFieldValue(fieldData, field)));
-      });
-    },
-    [form, maxLimit]
-  );
-  const handlePreviewAll = (d) => {
-    let _maxLimit = maxLimit[d.form_record_id] || MAX_LIMIT;
-    if (_maxLimit === MAX_LIMIT) {
-      _maxLimit = 99;
-    } else {
-      _maxLimit = MAX_LIMIT;
-    }
-    setMaxLimit({
-      ...maxLimit,
-      [d.form_record_id]: _maxLimit
-    });
-  };
-  const showAll = (0, import_react.useMemo)(() => {
-    let _field = form.field || [];
-    return _field.length > MAX_LIMIT;
-  }, [maxLimit, form]);
-  const viewAllText = (0, import_react.useCallback)(
-    (d) => {
-      let _maxLimit = maxLimit[d.form_record_id] || MAX_LIMIT;
-      if (_maxLimit === MAX_LIMIT) {
-        return import_utils.locales.getText("pisell2.text.view-all");
-      }
-      return import_utils.locales.getText("pisell2.text.view-less");
+      return /* @__PURE__ */ import_react.default.createElement(
+        import_collapsibleList.default,
+        {
+          list: _fields,
+          renderItem: (field) => {
+            return /* @__PURE__ */ import_react.default.createElement("div", { className: "pet-form-item", key: field.key }, /* @__PURE__ */ import_react.default.createElement("div", { className: "pet-form-item-label" }, field.field_column.title), /* @__PURE__ */ import_react.default.createElement("div", { className: "pet-form-item-value" }, renderFieldValue(fieldData, field)));
+          }
+        }
+      );
     },
-    [maxLimit]
+    [form]
   );
   const _optionRender = (item) => {
     if (optionRender) {
@@ -183,18 +158,7 @@ var Single = ({
       mode: _mode,
       previewItemClassName: "pisell-lowcode__booking-pet-card",
       previewItemRender: (d) => {
-        return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, renderItem(d), showAll ? /* @__PURE__ */ import_react.default.createElement(
-          "div",
-          {
-            className: "pet-form-view-all",
-            onClick: (e) => {
-              e.preventDefault();
-              e.stopPropagation();
-              handlePreviewAll(d);
-            }
-          },
-          viewAllText(d)
-        ) : null);
+        return renderItem(d);
       },
       name: ((_a = form.form) == null ? void 0 : _a.title) || "-",
       addButtonProps: _addButtonProps,

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

@@ -1,2 +1,2 @@
-declare const Booking: (props: any) => any;
+declare const Booking: (props: any) => JSX.Element;
 export default Booking;

package/lib/components/booking/info/index.d.ts

@@ -8,5 +8,5 @@ export interface InfoProps {
     slot: any;
     setState: any;
 }
-declare const Info: (props: any) => any;
+declare const Info: (props: any) => JSX.Element;
 export default Info;

package/lib/components/booking/info/model.d.ts

@@ -1,10 +1,9 @@
-/// <reference types="react" />
 import { FormState } from "../model";
 export declare const walkInData: {
     id: number;
     nickname: string;
 };
-export declare const Provider: (ComponentUi: any) => (props: any) => any, Context: import("react").Context<{
+export declare const Provider: (ComponentUi: any) => (props: any) => JSX.Element, Context: import("react").Context<{
     state: FormState;
 } & {
     dispatch: (params: {