@pisell/private-materials 3.0.151 → 3.0.152

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

@@ -0,0 +1,184 @@
+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/serviceItem/index.tsx
+var serviceItem_exports = {};
+__export(serviceItem_exports, {
+  default: () => serviceItem_default
+});
+module.exports = __toCommonJS(serviceItem_exports);
+var import_react = __toESM(require("react"));
+var import_like = __toESM(require("../../../info/service/like"));
+var import_utils = require("../../../utils");
+var import_utils2 = require("@pisell/utils");
+var import_collapsibleList = __toESM(require("../../../components/collapsibleList"));
+var import_utils3 = require("../../../components/collapsibleList/utils");
+var import_antd = require("antd");
+var import_actions = __toESM(require("../actions"));
+var import_index = require("./index.less");
+var getName = (name, locale) => {
+  return name[locale] || name["original"] || name["en"] || "";
+};
+var sortResources = (service) => {
+  var _a, _b;
+  let origin = ((_a = service.product_resource) == null ? void 0 : _a.resources) || [];
+  let list = ((_b = service._extend) == null ? void 0 : _b.resource) || {};
+  let processedKeys = /* @__PURE__ */ new Set();
+  let res = [];
+  origin.forEach((item) => {
+    const key = item.id;
+    if (list[key]) {
+      res.push(list[key]);
+      processedKeys.add(key);
+    }
+  });
+  Object.keys(list).forEach((key) => {
+    const keyNum = Number(key);
+    if (!processedKeys.has(keyNum)) {
+      res.push(list[keyNum]);
+    }
+  });
+  return res;
+};
+var ServiceItem = ({
+  d,
+  handleEditService,
+  state,
+  handleLike,
+  errorMessage
+}) => {
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j;
+  const isDiscount = (0, import_react.useMemo)(() => {
+    var _a2, _b2;
+    return Number((_a2 = d._extend) == null ? void 0 : _a2.total) != Number((_b2 = d._extend) == null ? void 0 : _b2.origin_total);
+  }, [(_a = d._extend) == null ? void 0 : _a.total, (_b = d._extend) == null ? void 0 : _b.origin_total]);
+  const renderResources = (0, import_react.useMemo)(() => {
+    if (state.renderType == "eventBooking") {
+      return null;
+    }
+    const resourcesOriginMap = state.service.resourcesOriginMap || {};
+    const list = sortResources(d);
+    return list.filter((item) => item.length).map((item) => {
+      var _a2, _b2, _c2, _d2;
+      let resourceGroupName = "";
+      let resourceNames = "";
+      let first = item == null ? void 0 : item[0];
+      let resourceGroup = (_b2 = (_a2 = d.product_resource) == null ? void 0 : _a2.resources) == null ? void 0 : _b2.find(
+        (t) => t.id === (first == null ? void 0 : first.form_id)
+      );
+      let showLike = (resourceGroup == null ? void 0 : resourceGroup.select_type.min) === 1 && (resourceGroup == null ? void 0 : resourceGroup.select_type.max) === 1 && (resourceGroup == null ? void 0 : resourceGroup.type) === "single";
+      if ((_c2 = first == null ? void 0 : first.metadata) == null ? void 0 : _c2.form_name) {
+        resourceGroupName = (_d2 = first == null ? void 0 : first.metadata) == null ? void 0 : _d2.form_name;
+        resourceNames = item.map((v) => {
+          var _a3;
+          return (_a3 = v == null ? void 0 : v.metadata) == null ? void 0 : _a3.resource_name;
+        }).join(", ");
+      } else {
+        resourceGroupName = resourceGroup == null ? void 0 : resourceGroup.title;
+        resourceNames = item.map((v) => {
+          var _a3;
+          return (_a3 = resourcesOriginMap[v.relation_id]) == null ? void 0 : _a3.main_field;
+        }).join(", ");
+      }
+      const showGroupName = (list == null ? void 0 : list.length) > 1;
+      return /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-service-item-technician" }, showGroupName ? /* @__PURE__ */ import_react.default.createElement("span", { style: { marginRight: "4px" } }, resourceGroupName, ":") : null, showLike ? /* @__PURE__ */ import_react.default.createElement(
+        import_like.default,
+        {
+          style: { margin: "0 4px 0 0" },
+          status: item[0].like_status,
+          onChange: (e) => {
+            handleLike(e, d, item[0]);
+          }
+        }
+      ) : null, resourceNames);
+    });
+  }, [d, state.service.resourcesOriginMap, state.renderType]);
+  const renderUser = (0, import_react.useMemo)(() => {
+    var _a2, _b2;
+    let list = ((_a2 = d._extend) == null ? void 0 : _a2.capacity) || [];
+    if (((_b2 = d.capacity) == null ? void 0 : _b2.type) === "custom") {
+      return /* @__PURE__ */ import_react.default.createElement("div", { className: "" }, list.map((user) => {
+        return /* @__PURE__ */ import_react.default.createElement(
+          "div",
+          {
+            className: "pisell-lowcode__booking-service-item-technician",
+            key: user.id
+          },
+          /* @__PURE__ */ import_react.default.createElement("span", { style: { marginRight: "4px" } }, getName(user.name, state.locale), ":"),
+          /* @__PURE__ */ import_react.default.createElement("span", null, user.value || 0)
+        );
+      }));
+    }
+    return null;
+  }, [d, state.locale]);
+  return /* @__PURE__ */ import_react.default.createElement(
+    "div",
+    {
+      key: d._id,
+      className: "pisell-lowcode__booking-service-item",
+      onClick: () => {
+        handleEditService(d);
+      }
+    },
+    d.id ? /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-service-item-title" }, d.title) : null,
+    d._extend && state.renderType !== "eventBooking" ? /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-service-item-date" }, (0, import_utils.getServiceTime)(d, state.date.value)), renderResources) : null,
+    (((_d = (_c = d._extend) == null ? void 0 : _c.other) == null ? void 0 : _d.bundle) || []).length ? /* @__PURE__ */ import_react.default.createElement(
+      import_collapsibleList.default,
+      {
+        border: true,
+        list: ((_f = (_e = d._extend) == null ? void 0 : _e.other) == null ? void 0 : _f.bundle) || [],
+        renderItem: (item) => (0, import_utils3.renderBundles)(item, state.amountSymbol)
+      }
+    ) : null,
+    d.id ? /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-service-item-price-wrap" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "pisell-lowcode__booking-service-item-price" }, (0, import_utils2.formatAmount)((_g = d._extend) == null ? void 0 : _g.total, 2, state.amountSymbol)), isDiscount ? /* @__PURE__ */ import_react.default.createElement("span", { className: "pisell-lowcode__booking-service-item-original-price" }, (0, import_utils2.formatAmount)(d._extend.origin_total, 2, state.amountSymbol)) : null)) : null,
+    isDiscount && ((_h = d._extend) == null ? void 0 : _h.discount_reason) ? /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-service-item-discount-reason" }, /* @__PURE__ */ import_react.default.createElement("span", null, import_utils2.locales.getText("pisell2.text.discount-reason"), ":"), " ", (_i = d._extend) == null ? void 0 : _i.discount_reason) : null,
+    renderUser,
+    ((_j = d._extend.relation_details) == null ? void 0 : _j.length) ? /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-service-item-relation-details" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-service-item-title" }, import_utils2.locales.getText("page.booking.text.sales")), d._extend.relation_details.map((item, index) => {
+      return /* @__PURE__ */ import_react.default.createElement(
+        "div",
+        {
+          className: "pisell-lowcode__booking-service-item-relation-detail",
+          key: item.id
+        },
+        /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-service-item-relation-detail-title" }, item.product_title),
+        /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-service-item-relation-detail-info" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "pisell-lowcode__booking-service-item-relation-detail-info-price" }, (0, import_utils2.formatAmount)(item.payment_price, 2, state.amountSymbol)), /* @__PURE__ */ import_react.default.createElement("span", { className: "pisell-lowcode__booking-service-item-relation-detail-info-unit" }, "x"), /* @__PURE__ */ import_react.default.createElement("span", { className: "pisell-lowcode__booking-service-item-relation-detail-info-quantity" }, item.product_quantity))
+      );
+    })) : null,
+    /* @__PURE__ */ import_react.default.createElement(import_actions.default, { currentService: d }),
+    errorMessage ? /* @__PURE__ */ import_react.default.createElement(
+      import_antd.Alert,
+      {
+        message: errorMessage,
+        type: "warning",
+        showIcon: true,
+        className: "pisell-lowcode__booking-service-item-error"
+      }
+    ) : null
+  );
+};
+var serviceItem_default = ServiceItem;

package/lib/components/booking/info2/service/serviceItem/index.less

@@ -0,0 +1,125 @@
+.pisell-lowcode__booking-service-item {
+  width: 100%;
+  border-radius: 8px;
+  border: 1px solid #D5D7DA;
+  margin-bottom: 16px;
+  position: relative;
+  overflow: hidden;
+  padding: 16px 20px;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  gap: 4px;
+  cursor: pointer;
+  background-color: #fff;
+
+  &:last-child {
+    margin-bottom: 0;
+  }
+
+  &::before {
+    content: '';
+    position: absolute;
+    left: 0;
+    top: 0;
+    width: 6px;
+    height: 100%;
+    background: #80BCFE;
+    z-index: 2;
+  }
+
+  .pisell-lowcode__booking-service-item-title {
+    color: var(--gray-900, #101828);
+
+    font-size: 16px;
+    font-style: normal;
+    font-weight: 600;
+    line-height: 24px;
+  }
+
+  .pisell-lowcode__booking-service-item-date {
+    color: var(--gray-500, #667085);
+
+    font-size: 14px;
+    font-style: normal;
+    font-weight: 400;
+    line-height: 20px;
+  }
+
+  .pisell-lowcode__booking-service-item-technician {
+    color: var(--gray-500, #667085);
+
+    font-size: 14px;
+    font-style: normal;
+    font-weight: 400;
+    line-height: 20px;
+  }
+
+  .pisell-lowcode__booking-service-item-price-wrap {
+    .pisell-lowcode__booking-service-item-price {
+      color: var(--gray-500, #667085);
+
+      font-size: 14px;
+      font-style: normal;
+      font-weight: 400;
+      line-height: 20px;
+    }
+
+    .pisell-lowcode__booking-service-item-original-price {
+      color: var(--gray-500, #667085);
+
+      font-size: 14px;
+      font-style: normal;
+      font-weight: 400;
+      line-height: 20px;
+      margin-left: 8px;
+      text-decoration: line-through;
+    }
+
+
+  }
+
+  .pisell-lowcode__booking-service-item-discount-reason {
+    color: var(--gray-500, #667085);
+
+    font-size: 14px;
+    font-style: normal;
+    font-weight: 400;
+    line-height: 20px;
+    white-space: break-spaces;
+  }
+
+  .pisell-lowcode__booking-service-item-error {
+    border: none;
+    margin: 0 -20px -16px;
+    border-radius: 0 0 8px 8px;
+  }
+}
+
+.pisell-lowcode__booking-service-item-relation-details {
+  padding-top: 6px;
+  margin-top: 6px;
+  border-top: 1px solid #d5d7da;
+  margin-bottom: 6px;
+}
+
+.pisell-lowcode__booking-service-item-relation-detail {
+  display: flex;
+  align-items: flex-start;
+  justify-content: space-between;
+  margin-top: 4px;
+  overflow: hidden;
+
+  .pisell-lowcode__booking-service-item-relation-detail-title {}
+
+  .pisell-lowcode__booking-service-item-relation-detail-info {
+    .pisell-lowcode__booking-service-item-relation-detail-info-quantity {}
+
+    .pisell-lowcode__booking-service-item-relation-detail-info-unit {
+      padding: 0 4px;
+    }
+
+    .pisell-lowcode__booking-service-item-relation-detail-info-price {}
+  }
+
+}

package/lib/components/booking/info2/service/serviceList/index.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import './index.less';
+declare const ServiceList: ({ onEdit }: {
+    onEdit: any;
+}) => React.JSX.Element;
+export default ServiceList;

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

@@ -0,0 +1,130 @@
+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/serviceList/index.tsx
+var serviceList_exports = {};
+__export(serviceList_exports, {
+  default: () => serviceList_default
+});
+module.exports = __toCommonJS(serviceList_exports);
+var import_react = __toESM(require("react"));
+var import_utils = require("@pisell/utils");
+var import_index = require("./index.less");
+var import_model = require("../../../info/model");
+var import_utils2 = require("../addService/utils");
+var import_serviceItem = __toESM(require("../serviceItem"));
+var ServiceList = ({ onEdit }) => {
+  const { state, dispatch } = (0, import_react.useContext)(import_model.Context);
+  const handleEditService = (item) => {
+    if (state.disabledEdit || state.disableEventBookingEdit) {
+      return;
+    }
+    let cacheItem = (0, import_utils2.getProductExtend)({
+      cacheItem: { ...item, new: 0 },
+      state
+    });
+    dispatch({
+      type: "setService",
+      payload: {
+        editModal: true,
+        cacheItem
+      }
+    });
+    onEdit == null ? void 0 : onEdit(cacheItem);
+  };
+  const getErrorMessage = (0, import_react.useCallback)((service) => {
+    let errorList = [];
+    const list = Object.values(service._extend.resource || []);
+    errorList = list.reduce((pre, cur) => {
+      return pre.concat(
+        (cur || []).reduce((preItem, curItem) => {
+          return preItem.concat(curItem.errors || []);
+        }, [])
+      );
+    }, []);
+    let errorMessage = "";
+    console.log(errorList, list, "cur.errors");
+    if (errorList == null ? void 0 : errorList.length) {
+      errorMessage = `${errorList.length} ${import_utils.locales.getText(
+        "pisell2.text.warnings"
+      )}`;
+    }
+    return errorMessage;
+  }, []);
+  const handleLike = (status, item, resource) => {
+    if (state.disabledEdit) {
+      return;
+    }
+    let _list = [...state.service.value];
+    let _id = item == null ? void 0 : item._id;
+    _list = _list.map(
+      (d) => d._id === _id ? {
+        ...d,
+        _extend: {
+          ...d._extend,
+          resource: {
+            ...d._extend.resource,
+            [resource.form_id]: d._extend.resource[resource.form_id].map(
+              (d2, i) => {
+                if (d2.relation_id === resource.relation_id) {
+                  return {
+                    ...d2,
+                    like_status: status
+                  };
+                }
+                return d2;
+              }
+            )
+          }
+        }
+      } : d
+    );
+    dispatch({
+      type: "setService",
+      payload: {
+        value: _list,
+        edit: true
+      }
+    });
+  };
+  return /* @__PURE__ */ import_react.default.createElement("div", { className: "" }, state.service.value.map((d) => {
+    let errorMessage = getErrorMessage(d);
+    return /* @__PURE__ */ import_react.default.createElement(
+      import_serviceItem.default,
+      {
+        key: d._id,
+        errorMessage,
+        d,
+        handleEditService,
+        state,
+        handleLike
+      }
+    );
+  }));
+};
+var serviceList_default = ServiceList;

package/lib/components/booking/info2/utilsByBooking.d.ts

@@ -0,0 +1,34 @@
+export declare const getResourceTimeIsUsable: (item: any, cacheItem: any, resourceItem: any) => any;
+export declare const getSumCapacity: ({ cacheItem }: any) => number;
+/**
+ * @title: 查找是否有可用的time
+ * @description:
+ * @param {any} resourceItem
+ * @return {*}
+ * @Author: zhiwei.Wang
+ * @Date: 2024-01-09 13:57
+ */
+export declare const formatTimes: (resourceItem: any, cacheItem: any) => any;
+export declare const getErrorList: (resource: any, cacheItem: any) => {
+    label: any;
+    type: string;
+}[];
+/**
+ * @title: 格式化资源, 添加自定义参数
+ * @description:
+ * @param {any} resourceItem
+ * @return {*}
+ * @Author: zhiwei.Wang
+ * @Date: 2024-01-09 13:40
+ */
+export declare const formatResource: (resourceItem: any, cacheItem?: any, formatLabel?: any) => any;
+/**
+ * @title: 创建服务的开始时间和结束时间
+ * @description:
+ * @param {any} state
+ * @param {any} item
+ * @return {*}
+ * @Author: zhiwei.Wang
+ * @Date: 2024-01-26 14:09
+ */
+export declare const getServiceStartTimeAndEndTime: (state: any, cacheItem: any, timeObj: any) => any;