@pisell/private-materials 3.0.151 → 3.0.152

package/lib/components/booking/info2/service/addService/index.js

@@ -0,0 +1,356 @@
+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/info2/service/addService/index.tsx
+var addService_exports = {};
+__export(addService_exports, {
+  default: () => addService_default
+});
+module.exports = __toCommonJS(addService_exports);
+var import_react = __toESM(require("react"));
+var import_SearchLg = __toESM(require("@pisell/icon/es/SearchLg"));
+var import_drawer = __toESM(require("../../../components/drawer"));
+var import_TabProduct = __toESM(require("../../../components/TabProduct"));
+var import_model = require("../../../info/model");
+var import_addButton = __toESM(require("../../../components/addButton"));
+var import_antd = require("antd");
+var import_addService = require("../../../info/service/addService/index.less");
+var import_useEngineContext = __toESM(require("../../../../../hooks/useEngineContext"));
+var import_serve = require("../../../info/service/serve");
+var import_utils = require("../../../info/utils");
+var import_utils2 = require("./utils");
+var import_utils3 = require("../../../utils");
+var import_utils4 = require("@pisell/utils");
+var import_ahooks = require("ahooks");
+var shopList = [
+  2886,
+  4422,
+  5538,
+  6930,
+  6814,
+  6813,
+  6812,
+  6087,
+  6303,
+  6080,
+  6978,
+  7386,
+  6848,
+  6305
+];
+var Info = ({ onEdit }) => {
+  var _a, _b, _c, _d;
+  const [search, setSearch] = (0, import_react.useState)("");
+  const { state, dispatch } = (0, import_react.useContext)(import_model.Context);
+  const [loading, setLoading] = (0, import_react.useState)(false);
+  const searchRef = (0, import_react.useRef)();
+  const context = (0, import_useEngineContext.default)();
+  import_utils3.request.setRequest(context.appHelper.utils.request);
+  const setDefaultService = async (list) => {
+    if (state.renderType !== "eventBooking") {
+      return;
+    }
+    if (state.bookingId) {
+      return;
+    }
+    if (list.length !== 1) {
+      return;
+    }
+    let _list = [...state.service.value];
+    if (_list.length !== 0) {
+      return;
+    }
+    setLoading(true);
+    let product = list[0];
+    const detail = await (0, import_serve.getProductDetail)(product.id, {
+      schedule_date: state.date.value.format("YYYY-MM-DD")
+    });
+    const isBundleOrCombination = (0, import_utils.getIsBundleOrCombination)(detail.data);
+    setLoading(false);
+    if (isBundleOrCombination)
+      return;
+    let _item = {
+      ...product,
+      product_id: product.id,
+      _id: (0, import_utils4.getUniqueId)(),
+      _extend: {
+        start_date: state.date.value,
+        startDate: state.date.value,
+        endDate: state.date.value,
+        start_time: "00:00:00",
+        duration: 10,
+        quantity: 1,
+        price: product.price,
+        total: product.price,
+        origin_total: product.price,
+        product_name: product.title
+      }
+    };
+    _list.push(_item);
+    dispatch({
+      type: "setService",
+      payload: {
+        value: _list,
+        edit: true
+      }
+    });
+  };
+  const getServices = async () => {
+    var _a2;
+    setLoading(true);
+    let data = await state.apis.getServices({
+      skip: 1,
+      num: 500,
+      extension_type: state.renderType === "eventBooking" ? void 0 : ["product_appointment", "appointment_ticket", "service_product"],
+      with: ["category"],
+      ids: state.renderType === "eventBooking" ? (_a2 = state.eventOtherParams) == null ? void 0 : _a2.productIds : void 0,
+      open_quotation: 1,
+      with_schedule: 1,
+      with_count: ["bundleGroup", "optionGroup"],
+      order_by_string: "sort:desc",
+      status: "published",
+      _config: {
+        useCache: true
+      }
+    });
+    setLoading(false);
+    if (!state.service.addModal) {
+      setDefaultService(data == null ? void 0 : data.list);
+    }
+    dispatch({
+      type: "setService",
+      payload: {
+        services: (data == null ? void 0 : data.list) || []
+      }
+    });
+  };
+  const handleSelectService = () => {
+    dispatch({
+      type: "setService",
+      payload: {
+        addModal: true
+      }
+    });
+    if (!state.isTerminal) {
+      setTimeout(() => {
+        var _a2, _b2;
+        (_b2 = (_a2 = searchRef.current) == null ? void 0 : _a2.focus) == null ? void 0 : _b2.call(_a2);
+      }, 100);
+    }
+  };
+  const handleSelectProduct = (item, type) => {
+    const isEject = type === "detail" || item.bundle_group_count > 0;
+    let lock = false;
+    state.action({
+      type: "pisell1.handleOpenProductModal",
+      data: {
+        id: item.id,
+        date: state.date.value.format("YYYY-MM-DD"),
+        showConfig: {
+          option: false,
+          session: false,
+          variant: false,
+          package: true
+        },
+        is_eject: isEject ? 1 : 0
+      },
+      callback: (e) => {
+        var _a2;
+        if (lock) {
+          return;
+        }
+        lock = true;
+        setTimeout(() => {
+          lock = false;
+        }, 2e3);
+        let cacheItem = {
+          ...item,
+          product_id: item.id,
+          _id: (0, import_utils4.getUniqueId)(),
+          _key: e.key,
+          _extend: {
+            start_date: state.date.value,
+            quantity: 1,
+            price: item.price,
+            product_name: item.title,
+            other: JSON.parse(JSON.stringify(e))
+          },
+          new: 1
+        };
+        let _total = (0, import_utils3.getProductTotalPrice)(cacheItem);
+        cacheItem._extend.total = _total;
+        cacheItem._extend.origin_total = _total;
+        const _isEdit = !!state.service.cacheItem;
+        if (_isEdit) {
+          cacheItem._id = (_a2 = state.service.cacheItem) == null ? void 0 : _a2._id;
+          cacheItem.new = 0;
+        }
+        cacheItem = (0, import_utils2.getProductExtend)({ cacheItem, state });
+        if (state.renderType === "eventBooking") {
+          cacheItem.autoClose = false;
+        }
+        if (cacheItem.autoClose) {
+          cacheItem.autoClose = false;
+          let _list = [...state.service.value, cacheItem];
+          dispatch({
+            type: "setService",
+            payload: {
+              addModal: false,
+              value: _list,
+              edit: true,
+              changeService: false
+            }
+          });
+        } else {
+          dispatch({
+            type: "setService",
+            payload: {
+              editModal: true,
+              cacheItem,
+              addModal: !cacheItem.autoClose,
+              changeService: false
+            }
+          });
+          onEdit == null ? void 0 : onEdit(cacheItem);
+        }
+      }
+    });
+  };
+  const renderList = (0, import_react.useMemo)(() => {
+    var _a2;
+    let _list = ((_a2 = state.service) == null ? void 0 : _a2.services) || [];
+    const isIncludes = (str) => {
+      return str.toLowerCase().indexOf(search.toLowerCase()) !== -1;
+    };
+    return (0, import_utils3.formatProductListByCategory)(
+      _list,
+      search ? (item) => isIncludes(item.title) : void 0
+    );
+  }, [search, (_a = state.service) == null ? void 0 : _a.services]);
+  console.log("state.service.renderList", renderList);
+  const isService = (0, import_react.useMemo)(() => {
+    return state.service.value.length > 0;
+  }, [state.service.value]);
+  (0, import_react.useEffect)(() => {
+    var _a2, _b2, _c2, _d2, _e, _f, _g;
+    if (shopList.includes(
+      (_e = (_d2 = (_c2 = (_b2 = (_a2 = context.appHelper.utils.store) == null ? void 0 : _a2.getState) == null ? void 0 : _b2.call(_a2)) == null ? void 0 : _c2.global) == null ? void 0 : _d2.globalConfig) == null ? void 0 : _e.id
+    ) || state.closeAutoOpenService) {
+      return;
+    }
+    if (state.modalOpen && !state.bookingId && state.renderType !== "eventBooking" && ((_g = (_f = state.service) == null ? void 0 : _f.value) == null ? void 0 : _g.length) === 0) {
+      setTimeout(() => {
+        handleSelectService();
+      }, 10);
+    }
+  }, [state.modalOpen, state.bookingId, (_b = state.service) == null ? void 0 : _b.value]);
+  const showAddButton = (0, import_react.useMemo)(() => {
+    return !state.disabledEdit && !state.channelDisabledEdit;
+  }, [state.disabledEdit, state.channelDisabledEdit]);
+  (0, import_ahooks.useUpdateEffect)(() => {
+    if (state.service.addModal) {
+      getServices();
+      setSearch("");
+    }
+  }, [state.service.addModal]);
+  (0, import_react.useEffect)(() => {
+    if (state.renderType === "eventBooking" && state.modalOpen) {
+      getServices();
+    }
+  }, [state.renderType, state.modalOpen]);
+  const addButton = (0, import_react.useMemo)(() => {
+    if (state.renderType === "eventBooking") {
+      return isService ? /* @__PURE__ */ import_react.default.createElement("div", { style: { height: 20 } }) : /* @__PURE__ */ import_react.default.createElement(
+        import_addButton.default,
+        {
+          loading,
+          showSub: false,
+          title: import_utils4.locales.getText("pisell2.text.add-a-service"),
+          subTitle: import_utils4.locales.getText("pisell2.text.add-another-service"),
+          onClick: handleSelectService
+        }
+      );
+    }
+    return showAddButton ? /* @__PURE__ */ import_react.default.createElement(
+      import_addButton.default,
+      {
+        showSub: isService,
+        title: import_utils4.locales.getText("pisell2.text.add-a-service"),
+        subTitle: import_utils4.locales.getText("pisell2.text.add-another-service"),
+        onClick: handleSelectService
+      }
+    ) : /* @__PURE__ */ import_react.default.createElement("div", { style: { height: 20 } });
+  }, [
+    state.renderType,
+    showAddButton,
+    isService,
+    state.service.value,
+    loading
+  ]);
+  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, ((_d = (_c = state.service) == null ? void 0 : _c.cacheItem) == null ? void 0 : _d.autoClose) && /* @__PURE__ */ import_react.default.createElement(import_antd.Skeleton, { loading: true, active: true, round: true }), addButton, /* @__PURE__ */ import_react.default.createElement(
+    import_drawer.default,
+    {
+      open: state.service.addModal,
+      title: import_utils4.locales.getText("pisell2.text.select-service"),
+      rootClassName: "booking-server-wrap",
+      onClose: () => {
+        dispatch({
+          type: "setService",
+          payload: {
+            addModal: false,
+            changeService: false
+          }
+        });
+      },
+      header: /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-service-header" }, /* @__PURE__ */ import_react.default.createElement(
+        import_antd.Input,
+        {
+          ref: searchRef,
+          prefix: /* @__PURE__ */ import_react.default.createElement(import_SearchLg.default, null),
+          style: { marginTop: 16, height: 44 },
+          placeholder: import_utils4.locales.getText("pisell2.text.search"),
+          allowClear: true,
+          value: search,
+          onChange: (e) => {
+            setSearch(e.target.value);
+          }
+        }
+      ))
+    },
+    /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-service-body" }, /* @__PURE__ */ import_react.default.createElement(
+      import_TabProduct.default,
+      {
+        list: renderList,
+        amountSymbol: state.amountSymbol,
+        onChange: handleSelectProduct,
+        scrollDom: ".booking-server-wrap .pisell-lowcode-drawer-body"
+      }
+    ))
+  ));
+};
+var addService_default = Info;

package/lib/components/booking/info2/service/addService/mock.d.ts

@@ -0,0 +1,214 @@
+declare const _default: {
+    id: number;
+    shop_id: number;
+    source_shop_id: number;
+    extension_id: number;
+    extension_type: string;
+    title: string;
+    slug: string;
+    title_letter: string;
+    category_letter: string;
+    vendor_letter: string;
+    tag_letter: string;
+    subtitle: string;
+    description: string;
+    cover: string;
+    price: string;
+    original_price: string;
+    cost_price: string;
+    sort_price: string;
+    is_gst: number;
+    is_delivery: number;
+    weight_unit: string;
+    weight_value: string;
+    code: string;
+    barcode: string;
+    unit: string;
+    is_track: number;
+    stock_quantity: number;
+    sum_stock: number;
+    sales_quantity: number;
+    order_sales_quantity: number;
+    over_sold: number;
+    status: string;
+    sell_status: number;
+    published_time: string;
+    shop_update_time: string;
+    audit_time: null;
+    is_recommend: number;
+    audit_status: string;
+    shop_status: string;
+    weight: number;
+    sort: number;
+    type: string;
+    channel_application: string[];
+    channel_id: number;
+    rebate_type: string;
+    rebate_value: string;
+    create_account_id: number;
+    update_account_id: number;
+    source_product_id: number;
+    start_at: null;
+    created_at: string;
+    updated_at: string;
+    deleted_at: null;
+    seo: {
+        title: string;
+        is_set_title: number;
+        description: string;
+        is_set_desc: number;
+        keywords: string;
+        is_set_keywords: number;
+    };
+    service_times: number;
+    product_resource: {
+        resources: ({
+            id: number;
+            title: string;
+            status: number;
+            code: string;
+            created_at: string;
+            updated_at: string;
+            type: string;
+            optional_resource: number[];
+            default_resource: number[];
+            select_type: {
+                type: string;
+                min: number;
+                max: number;
+            };
+            resource_type_id: number;
+        } | {
+            id: number;
+            title: string;
+            status: number;
+            code: string;
+            created_at: string;
+            updated_at: null;
+            type: string;
+            optional_resource: never[];
+            default_resource: never[];
+            select_type: {
+                type: string;
+                min: number;
+                max: number;
+            };
+            resource_type_id: number;
+        })[];
+    };
+    capacity: {
+        type: string;
+        custom: {
+            name: {
+                en: string;
+                "zh-CN": string;
+                "zh-HK": string;
+                original: string;
+            };
+            id: number;
+            min: number;
+            max: number;
+        }[];
+        package: {
+            product_ids: never[];
+        };
+    };
+    is_grey: number;
+    is_eject: number;
+    share_url: string;
+    token_check_msg: string;
+    is_charge_tax: number;
+    media: never[];
+    tag: never[];
+    vendor: never[];
+    category: {
+        id: number;
+        shop_id: number;
+        parent_id: number;
+        name: string;
+        slug: string;
+        icon: string;
+        status: string;
+        last_applicable_time: number;
+        sort: number;
+        create_account_id: number;
+        update_account_id: number;
+        created_at: string;
+        updated_at: string;
+    }[];
+    collection: ({
+        id: number;
+        shop_id: number;
+        title: string;
+        title_letter: string;
+        description: null;
+        cover: string;
+        rule_type: string;
+        rule: {
+            class: string;
+            value: number;
+            operator: string;
+        }[];
+        product_quantity: number;
+        type: string;
+        order_type: string;
+        disabled: number;
+        create_account_id: number;
+        update_account_id: number;
+        created_at: string;
+        updated_at: string;
+    } | {
+        id: number;
+        shop_id: number;
+        title: string;
+        title_letter: string;
+        description: string;
+        cover: string;
+        rule_type: string;
+        rule: {
+            class: string;
+            value: string;
+            operator: string;
+        }[];
+        product_quantity: number;
+        type: string;
+        order_type: string;
+        disabled: number;
+        create_account_id: number;
+        update_account_id: number;
+        created_at: string;
+        updated_at: string;
+    } | {
+        id: number;
+        shop_id: number;
+        title: string;
+        title_letter: string;
+        description: null;
+        cover: string;
+        rule_type: string;
+        rule: {
+            class: string;
+            value: string;
+            operator: string;
+        }[];
+        product_quantity: number;
+        type: string;
+        order_type: string;
+        disabled: number;
+        create_account_id: number;
+        update_account_id: number;
+        created_at: string;
+        updated_at: string;
+    })[];
+    variant_group: never[];
+    option_group: never[];
+    variant: never[];
+    shop: {
+        id: number;
+        name: string;
+        default_domain: string;
+        default_url: string;
+    };
+    bundle_group: never[];
+};
+export default _default;