@pisell/private-materials 3.0.73 → 3.0.75

package/es/components/booking/notes/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/es/components/booking/payments/index.d.ts

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

package/es/components/booking/payments/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/es/components/booking/utils.d.ts

@@ -69,6 +69,16 @@ export declare const findNextSlice: ({ timeSlices, index, date }: {
 }) => any;
 export declare const findNextDuration: (current: any, array: any, defaultValue?: any) => any;
 export declare const formatProductListByCategory: (list: any, filterItem: any) => unknown[];
+export declare const getResourceTimeIsUsable: (item: any, cacheItem: any) => any;
+/**
+ * @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;
 /**
  * @title: 获取店铺的营业结束时间
  * @description:
@@ -88,6 +98,7 @@ export declare const flexibleObj: {
     create: (num: number) => any;
     getValue: (str: string | number) => number;
     isFlexible: (str: string | number) => boolean;
+    add: (current: number | string, duration: number) => any;
 };
 /**
  * @title: 获取结束时间
@@ -147,4 +158,5 @@ export declare const getDuration: (duration: number | {
     value: number;
 } | "flexible";
 export declare const isWalkIn: (customer_id?: number | string) => boolean;
+export declare const getIsEdit: (state: any) => boolean;
 export {};

package/es/components/booking/utils.js

@@ -219,6 +219,51 @@ export var formatProductListByCategory = function formatProductListByCategory(li
   }
   return Object.values(categoryObject);
 };
+export var getResourceTimeIsUsable = function getResourceTimeIsUsable(item, cacheItem) {
+  var startDate = dayjs(cacheItem._extend.start_date.format("YYYY-MM-DD") + ' ' + getServeStartTime(cacheItem._extend.start_time));
+  var isFlexible = flexibleObj.isFlexible(cacheItem._extend.duration);
+
+  // 是否在最大预约数量的区间内
+  var isMaxLimitRange = false;
+
+  // 是否在日期范围内
+  var isDateRange = false;
+  var time = _objectSpread({}, item);
+  // 已预约的数量 + 当前数量 <= 最大可预约数量    为可预约
+  if (time.max_participants_limit == 0) {
+    isMaxLimitRange = true;
+  } else {
+    // unknown 为 未知的,  需要掉接口确认是否可用
+    isMaxLimitRange = "unknown";
+  }
+  var timeStartDate = dayjs(time.start_date + " " + time.start_time).subtract(1, "second");
+  var timeEndDate = dayjs(time.end_date + " " + time.end_time).add(1, "second");
+  var bol;
+
+  // 灵活时长的 只判断开始时间是否在范围内
+  if (isFlexible) {
+    bol = startDate.isAfter(timeStartDate) && startDate.isBefore(timeEndDate);
+  } else {
+    // 其余判断 开始时间 和 结束时间 是否都在范围内
+    var endDate = startDate.add(flexibleObj.getValue(cacheItem._extend.duration), "minute");
+    bol = startDate.isAfter(timeStartDate) && endDate.isBefore(timeEndDate);
+  }
+
+  // 是否在时间范围内
+  if (bol) {
+    isDateRange = true;
+  }
+  // 是否可用
+  var isUsable = isDateRange;
+
+  // 储存到拓展数据内
+  time._extend = {
+    isMaxLimitRange: isMaxLimitRange,
+    isDateRange: isDateRange,
+    isUsable: isUsable
+  };
+  return time;
+};
 
 /**
  * @title: 查找是否有可用的time
@@ -228,59 +273,18 @@ export var formatProductListByCategory = function formatProductListByCategory(li
  * @Author: zhiwei.Wang
  * @Date: 2024-01-09 13:57
  */
-var formatTimes = function formatTimes(resourceItem, cacheItem) {
+export var formatTimes = function formatTimes(resourceItem, cacheItem) {
   // 可用的time列表
   var usableTimes = [];
   var _resourceItem = _objectSpread({}, resourceItem);
-  var startDate = dayjs(cacheItem._extend.start_date.format("YYYY-MM-DD") + ' ' + getServeStartTime(cacheItem._extend.start_time));
-  var isFlexible = flexibleObj.isFlexible(cacheItem._extend.duration);
   // 循环times  区分可用和不可用的 并打上标记
-  _resourceItem.times = _resourceItem.times.map(function (d) {
-    // 是否在最大预约数量的区间内
-    var isMaxLimitRange = false;
-
-    // 是否在日期范围内
-    var isDateRange = false;
-    var time = _objectSpread({}, d);
-    // 已预约的数量 + 当前数量 <= 最大可预约数量    为可预约
-    if (time.max_participants_limit == 0) {
-      isMaxLimitRange = true;
-    } else {
-      // unknown 为 未知的,  需要掉接口确认是否可用
-      isMaxLimitRange = "unknown";
-    }
-    var timeStartDate = dayjs(time.start_date + " " + time.start_time).subtract(1, "second");
-    var timeEndDate = dayjs(time.end_date + " " + time.end_time).add(1, "second");
-    var bol;
-
-    // 灵活时长的 只判断开始时间是否在范围内
-    if (isFlexible) {
-      bol = startDate.isAfter(timeStartDate) && startDate.isBefore(timeEndDate);
-    } else {
-      // 其余判断 开始时间 和 结束时间 是否都在范围内
-      var endDate = startDate.add(flexibleObj.getValue(cacheItem._extend.duration), "minute");
-      bol = startDate.isAfter(timeStartDate) && endDate.isBefore(timeEndDate);
-    }
-
-    // 是否在时间范围内
-    if (bol) {
-      isDateRange = true;
-    }
-    // 是否可用
-    var isUsable = isDateRange;
-
-    // 储存到拓展数据内
-    time._extend = {
-      isMaxLimitRange: isMaxLimitRange,
-      isDateRange: isDateRange,
-      isUsable: isUsable
-    };
-
+  _resourceItem.times = _resourceItem.times.map(function (time) {
+    var _time = getResourceTimeIsUsable(time, cacheItem);
     // 取出可用的列表
-    if (isUsable) {
-      usableTimes.push(time);
+    if (_time !== null && _time !== void 0 && _time._extend.isUsable) {
+      usableTimes.push(_time);
     }
-    return time;
+    return _time;
   });
 
   // 获取第一个最佳的time
@@ -376,6 +380,13 @@ export var flexibleObj = {
       return false;
     }
     return str.indexOf('flexible_') > -1;
+  },
+  add: function add(current, duration) {
+    if (flexibleObj.isFlexible(current)) {
+      return flexibleObj.create(flexibleObj.getValue(current) + duration);
+    } else {
+      return Number(current) + duration;
+    }
   }
 };
 
@@ -491,7 +502,9 @@ export var formatResource = function formatResource(resourceItem, cacheItem, for
   _resourceItem.labelText = _resourceItem.room_name || _resourceItem.name;
   var usable = _resourceItem._extend.usableTime && _resourceItem._extend.usableProduct;
   _resourceItem.usable = usable;
-  _resourceItem.label = formatLabel(_resourceItem);
+  if (formatLabel) {
+    _resourceItem.label = formatLabel(_resourceItem);
+  }
   return _resourceItem;
 };
 
@@ -631,4 +644,34 @@ export var isWalkIn = function isWalkIn(customer_id) {
     return ['', '0', '1'].includes(customer_id);
   }
   return [0, 1].includes(customer_id);
+};
+export var getIsEdit = function getIsEdit(state) {
+  var _state$addons, _state$client, _state$date, _state$pet, _state$service, _state$notes, _state$contacts;
+  if ((_state$addons = state.addons) !== null && _state$addons !== void 0 && _state$addons.edit) {
+    return true;
+  }
+
+  // info 是否有编辑
+  if (!state.bookingId) {
+    return true;
+  }
+  if ((_state$client = state.client) !== null && _state$client !== void 0 && _state$client.edit) {
+    return true;
+  }
+  if ((_state$date = state.date) !== null && _state$date !== void 0 && _state$date.edit) {
+    return true;
+  }
+  if ((_state$pet = state.pet) !== null && _state$pet !== void 0 && _state$pet.edit) {
+    return true;
+  }
+  if ((_state$service = state.service) !== null && _state$service !== void 0 && _state$service.edit) {
+    return true;
+  }
+  if ((_state$notes = state.notes) !== null && _state$notes !== void 0 && _state$notes.edit) {
+    return true;
+  }
+  if ((_state$contacts = state.contacts) !== null && _state$contacts !== void 0 && _state$contacts.edit) {
+    return true;
+  }
+  return false;
 };

package/es/components/schedules/index.d.ts

@@ -1,3 +1,3 @@
 import "./index.less";
-declare const Schedules: (props: any) => any;
+declare const Schedules: (props: any) => JSX.Element;
 export default Schedules;

package/es/components/schedules/model.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { CalendarDataItem, ScheduleItem } from "./type";
 import dayjs from "dayjs";
 export interface FormState {
@@ -69,7 +68,7 @@ export interface FormState {
     };
     setGlobalState: Function | null;
 }
-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/addons/index.d.ts

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

package/lib/components/booking/addons/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/components/drawer/index.d.ts

@@ -4,6 +4,7 @@ import "./index.less";
 export interface PisellDrawerProps extends DrawerProps {
     header?: React.ReactNode;
     titleNoWrap?: boolean;
+    hideScrollBar?: boolean;
 }
 /**
  * @title: 自定义抽屉

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

@@ -38,6 +38,7 @@ var import_ArrowLeft = __toESM(require("@pisell/icon/es/ArrowLeft"));
 var import_index = require("./index.less");
 var import_classnames = __toESM(require("classnames"));
 var Drawer = (props) => {
+  const { hideScrollBar = true } = props;
   return /* @__PURE__ */ import_react.default.createElement(
     import_antd.Drawer,
     {
@@ -45,6 +46,9 @@ var Drawer = (props) => {
       closable: false,
       zIndex: 999,
       ...props,
+      className: (0, import_classnames.default)("pisell-lowcode__booking-drawer", props.className, {
+        "pisell-lowcode__booking-drawer-hide-scrollbar": hideScrollBar
+      }),
       title: false,
       bodyStyle: { padding: 0 },
       push: false,

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

@@ -28,12 +28,19 @@
   }
 }
 
-.pisell-lowcode-drawer-body {
-  &::-webkit-scrollbar {
-    display: block;
+
+.pisell-lowcode__booking-drawer-hide-scrollbar {
+  &.pisell-lowcode-drawer-body {
+
+    &::-webkit-scrollbar {
+      display: none;
+    }
+
   }
 }
 
+
+
 .pisell-lowcode__booking-drawer-title-no-wrap {
   display: inline;
 }

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

@@ -25,6 +25,15 @@ __export(amount_exports, {
 module.exports = __toCommonJS(amount_exports);
 var import_utils = require("../../utils");
 var import_utils2 = require("@pisell/utils");
+var getRelationDetailsTotal = (relation_details) => {
+  let total = 0;
+  for (let item of relation_details) {
+    const number = item.product_quantity || item.num;
+    const price = item.payment_price || item.price;
+    total += Number(price) * Number(number);
+  }
+  return total;
+};
 var getProductAmount = (state, isEdit) => {
   var _a, _b;
   let price = 0;
@@ -33,6 +42,7 @@ var getProductAmount = (state, 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.total);
+        price += getRelationDetailsTotal(item._extend.relation_details || []);
         duration += import_utils.flexibleObj.getValue(item._extend.duration);
       }
       for (let item of state.addons.value) {

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

@@ -559,6 +559,11 @@ var Footer = (props) => {
       }
       return arr;
     }
+    if (source === "addTime") {
+      let arr = [];
+      arr = [...buttons];
+      return arr;
+    }
     return [];
   }, [
     buttons,

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

@@ -81,6 +81,17 @@ var getSubType = (item) => {
   }
   return "minutes";
 };
+var formatRelationDetails = (list) => {
+  return (list || []).map((item) => {
+    return {
+      num: item.product_quantity,
+      price: item.payment_price || 0,
+      product_id: item.product_id,
+      is_charge_tax: item.is_charge_tax,
+      order_detail_id: item.order_detail_id
+    };
+  });
+};
 var formatBookings = (data) => {
   const list = data.service.value;
   const eventOtherParams = data.eventOtherParams;
@@ -113,6 +124,7 @@ var formatBookings = (data) => {
         "product_bundle": formatProductBundle((_b = (_a = item._extend) == null ? void 0 : _a.other) == null ? void 0 : _b.bundle),
         "bundle_edit": item._extend.bundle_edit
       },
+      "relation_products": formatRelationDetails(item._extend.relation_details),
       "id": item.booking_id || 0,
       "relation_id": item._extend.relation_id,
       "like_status": item._extend.like_status || "common",

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/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: {

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

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

package/lib/components/booking/info/service/actions/index.js

@@ -0,0 +1,97 @@
+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/info/service/actions/index.tsx
+var actions_exports = {};
+__export(actions_exports, {
+  default: () => actions_default
+});
+module.exports = __toCommonJS(actions_exports);
+var import_react = __toESM(require("react"));
+var import_model = require("../../model");
+var import_antd = require("antd");
+var import_utils = require("../../../utils");
+var import_utils2 = require("../addTimeModal/utils");
+var import_index = require("./index.less");
+var import_utils3 = require("@pisell/utils");
+var Actions = ({ currentService }) => {
+  var _a, _b;
+  const { state, dispatch } = (0, import_react.useContext)(import_model.Context);
+  const appointment_card = (0, import_react.useMemo)(() => {
+    var _a2, _b2, _c;
+    return ((_c = (_b2 = (_a2 = state == null ? void 0 : state.bookingConfig) == null ? void 0 : _a2.config) == null ? void 0 : _b2.information_tab) == null ? void 0 : _c.appointment_card) || {
+      quick_time: 1
+    };
+  }, [(_b = (_a = state == null ? void 0 : state.bookingConfig) == null ? void 0 : _a.config) == null ? void 0 : _b.information_tab]);
+  const onAddTime = () => {
+    dispatch({
+      type: "setService",
+      payload: {
+        addTimeModal: true,
+        cacheItem: currentService
+      }
+    });
+  };
+  const addTimeProducts = (0, import_react.useMemo)(() => {
+    return (state.addTimeProducts || []).some(
+      (item) => (0, import_utils2.isUsableProduct)(item.add_time, currentService)
+    );
+  }, [state.addTimeProducts, currentService]);
+  const showAddTimeButton = (0, import_react.useMemo)(() => {
+    if (state.renderType === "eventBooking") {
+      return false;
+    }
+    if (state.disabledEdit) {
+      return false;
+    }
+    if (appointment_card.quick_time !== 1) {
+      return false;
+    }
+    if ((0, import_utils.getIsEdit)(state)) {
+      return false;
+    }
+    if (!addTimeProducts) {
+      return false;
+    }
+    return true;
+  }, [state, appointment_card.quick_time, addTimeProducts]);
+  return /* @__PURE__ */ import_react.default.createElement("div", { className: "actions-wrap" }, showAddTimeButton && /* @__PURE__ */ import_react.default.createElement(
+    import_antd.Button,
+    {
+      className: "action-item",
+      size: "large",
+      onClick: (e) => {
+        e.preventDefault();
+        e.stopPropagation();
+        onAddTime();
+      }
+    },
+    import_utils3.locales.getText("page.booking.text.add-time")
+  ));
+};
+var actions_default = Actions;

package/lib/components/booking/info/service/actions/index.less

@@ -0,0 +1,9 @@
+.actions-wrap {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+
+  .action-item {
+    flex: 1;
+  }
+}

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

@@ -0,0 +1,4 @@
+import React from "react";
+import "./index.less";
+declare const AddTimeModal: () => React.JSX.Element;
+export default AddTimeModal;