@pisell/private-materials 6.0.25 → 6.1.2

package/lib/components/appointmentBooking/components/Form/index.js

@@ -0,0 +1,127 @@
+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/appointmentBooking/components/Form/index.tsx
+var Form_exports = {};
+__export(Form_exports, {
+  default: () => Form_default
+});
+module.exports = __toCommonJS(Form_exports);
+var import_react = __toESM(require("react"));
+var import_useComponents = __toESM(require("../../../../hooks/useComponents"));
+var import_utils = require("../../utils");
+var import_context = require("../../context");
+var import_hooks = require("../../hooks");
+var import_utils2 = require("./utils");
+var import_index = require("./index.less");
+var Form = (0, import_react.forwardRef)((props, ref) => {
+  const manualRef = (0, import_react.useRef)();
+  const { appointmentBooking, setLoading, currentStepParams, carts } = (0, import_context.useAppointmentBookingContext)();
+  const { getResourceList } = (0, import_hooks.useAppointmentBookingResource)();
+  const { setOtherData, getOtherData, isFormSubject } = (0, import_hooks.useAppointmentBookingSetting)();
+  const { nextStep } = (0, import_hooks.useAppointmentBookingStep)();
+  const { isLogin } = (0, import_hooks.useAppointmentBookingLogin)();
+  const { checkAccount } = (0, import_hooks.useAppointmentBookingAccount)();
+  (0, import_react.useImperativeHandle)(ref, () => ({
+    next: () => {
+      var _a, _b, _c;
+      const stepLists = (currentStepParams == null ? void 0 : currentStepParams.stepLists) || [];
+      const nextStepKey = (_a = stepLists[(currentStepParams == null ? void 0 : currentStepParams.index) + 1]) == null ? void 0 : _a.key;
+      setLoading(true);
+      (_c = (_b = manualRef.current) == null ? void 0 : _b.submit) == null ? void 0 : _c.call(_b);
+    }
+  }));
+  const [FormCard] = (0, import_useComponents.default)({
+    components: ["FormCard"]
+  });
+  const key = "booking_form";
+  const formStorage = getOtherData("booking_form") || {};
+  const appointmentBoard = (0, import_react.useMemo)(() => {
+    const { resources } = getResourceList();
+    return (0, import_utils.currentAppointmentBoard)(
+      currentStepParams.key,
+      resources,
+      appointmentBooking
+    );
+  }, [currentStepParams.key]);
+  const formId = (0, import_react.useMemo)(() => {
+    return (appointmentBoard == null ? void 0 : appointmentBoard.resource_form_id) || 0;
+  }, [appointmentBoard == null ? void 0 : appointmentBoard.resource_form_id]);
+  const updateFormStatus = (status) => {
+    if (status === "error") {
+      setLoading(false);
+    }
+  };
+  const setFormStorage = (values) => {
+    const oldData = getOtherData(key);
+    const newData = (0, import_utils.updateBookingFormStorage)(
+      oldData,
+      currentStepParams == null ? void 0 : currentStepParams.key,
+      values
+    );
+    setOtherData(key, { ...newData });
+    appointmentBooking.updateCart({
+      _id: appointmentBoard == null ? void 0 : appointmentBoard.cart_id,
+      relationForms: (0, import_utils2.updateRelationForms)(carts, appointmentBoard, values)
+    });
+  };
+  const handleFormFinish = (status, values) => {
+    try {
+      updateFormStatus(status);
+      if (status === "success") {
+        setFormStorage(values);
+        nextStep();
+      }
+    } catch (error) {
+      setLoading(false);
+    }
+  };
+  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement("div", { className: "appointment-form-wrap", key: currentStepParams == null ? void 0 : currentStepParams.key }, /* @__PURE__ */ import_react.default.createElement(
+    FormCard,
+    {
+      id: formId,
+      ref: manualRef,
+      isGetLastData: false,
+      setting: { isHidden: 1 },
+      formWrapStyle: { padding: "16px" },
+      isV2API: true,
+      isShowSkeleton: true,
+      onSubmit: (status, values) => {
+        handleFormFinish(status, values);
+      },
+      onFinishFailed: (e) => {
+        updateFormStatus("error");
+      },
+      onFormValueChange: (values) => {
+      },
+      defaultValues: (formStorage == null ? void 0 : formStorage[currentStepParams == null ? void 0 : currentStepParams.key]) || {},
+      isClearData: false
+    }
+  )));
+});
+var Form_default = Form;

package/lib/components/appointmentBooking/components/Form/index.less

@@ -0,0 +1,3 @@
+.appointment-form-wrap {
+  padding: 16px 0;
+}

package/lib/components/appointmentBooking/components/Form/utils.d.ts

@@ -0,0 +1,8 @@
+/**
+ * @title: 更新表单数据
+ * @description:
+ * @return {*}
+ * @Author: WangHan
+ * @Date: 2025-05-26 16:58
+ */
+export declare const updateRelationForms: (carts: any[], currentCart: any, values: any) => any;

package/lib/components/appointmentBooking/components/Form/utils.js

@@ -0,0 +1,49 @@
+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/appointmentBooking/components/Form/utils.ts
+var utils_exports = {};
+__export(utils_exports, {
+  updateRelationForms: () => updateRelationForms
+});
+module.exports = __toCommonJS(utils_exports);
+var updateRelationForms = (carts, currentCart, values) => {
+  var _a, _b;
+  if (!(currentCart == null ? void 0 : currentCart.cart_id)) return [];
+  const cartItem = carts == null ? void 0 : carts.find(
+    (item) => (item == null ? void 0 : item._id) === (currentCart == null ? void 0 : currentCart.cart_id)
+  );
+  let oldLists = ((_a = cartItem == null ? void 0 : cartItem._origin) == null ? void 0 : _a.relation_forms) || [];
+  const newData = { form_id: Number(values == null ? void 0 : values.form_id), form_record_id: values == null ? void 0 : values.form_record_id };
+  const exist = oldLists.find((item) => item.form_id === (newData == null ? void 0 : newData.form_id));
+  if (exist) {
+    if (!((_b = exist == null ? void 0 : exist.form_record_ids) == null ? void 0 : _b.includes(newData.form_record_id))) {
+      exist.form_record_ids.push(newData.form_record_id);
+    }
+  } else {
+    oldLists.push({
+      form_id: newData.form_id,
+      form_record_ids: [newData.form_record_id]
+    });
+  }
+  return oldLists;
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  updateRelationForms
+});

package/lib/components/appointmentBooking/components/Guest/components/InformationOptionsModal/index.d.ts

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

package/lib/components/appointmentBooking/components/Guest/components/InformationOptionsModal/index.js

@@ -0,0 +1,74 @@
+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/appointmentBooking/components/Guest/components/InformationOptionsModal/index.tsx
+var InformationOptionsModal_exports = {};
+__export(InformationOptionsModal_exports, {
+  default: () => InformationOptionsModal_default
+});
+module.exports = __toCommonJS(InformationOptionsModal_exports);
+var import_react = __toESM(require("react"));
+var import_materials = require("@pisell/materials");
+var import_index = require("./index.less");
+var GuestOptionsModal = (props) => {
+  const { open, onCancel, options, onClick, holderItem } = props;
+  const lists = (0, import_react.useMemo)(() => {
+    let _options = [...options];
+    if (!(holderItem == null ? void 0 : holderItem.isGuest)) {
+      _options = _options.filter((option) => option.key !== "remove");
+    }
+    return _options;
+  }, [options]);
+  return /* @__PURE__ */ import_react.default.createElement(
+    import_materials.PisellModal,
+    {
+      open,
+      platform: "h5",
+      closable: true,
+      bodyStyle: { padding: "0 24px" },
+      destroyOnClose: true,
+      footer: null,
+      onCancel,
+      mobileModalHeight: "auto",
+      className: "guest-option-modal",
+      headerDivider: false
+    },
+    /* @__PURE__ */ import_react.default.createElement("div", { className: "guest-options-wrap" }, lists.map((item) => {
+      return /* @__PURE__ */ import_react.default.createElement(
+        "div",
+        {
+          key: item.key,
+          className: `guest-options-wrap-item ${item.key === "remove" ? "remove" : ""}`,
+          onClick: () => onClick(item)
+        },
+        item.label
+      );
+    }))
+  );
+};
+var InformationOptionsModal_default = GuestOptionsModal;

package/lib/components/appointmentBooking/components/Guest/components/InformationOptionsModal/index.less

@@ -0,0 +1,28 @@
+.guest-options-wrap {
+  display: flex;
+  flex-direction: column;
+  gap: 16px;
+  .guest-options-wrap-item {
+    color: var(--Gray-900, #101828);
+    font-size: 16px;
+    font-weight: 600;
+    line-height: 24px;
+    display: flex;
+    padding: 9px 10px;
+    align-items: center;
+    flex: 1 0 0;
+  }
+
+  .remove {
+    color: var(--Error-700, #b42318);
+  }
+}
+
+.guest-option-modal {
+  .pisell-lowcode-modal-header {
+    border: none;
+  }
+  .pisell-lowcode-modal-body {
+    height: max-content;
+  }
+}

package/lib/components/appointmentBooking/components/Guest/index.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import './index.less';
+declare const Guest: React.ForwardRefExoticComponent<React.RefAttributes<unknown>>;
+export default Guest;

package/lib/components/appointmentBooking/components/Guest/index.js

@@ -0,0 +1,166 @@
+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/appointmentBooking/components/Guest/index.tsx
+var Guest_exports = {};
+__export(Guest_exports, {
+  default: () => Guest_default
+});
+module.exports = __toCommonJS(Guest_exports);
+var import_react = __toESM(require("react"));
+var import_antd = require("antd");
+var import_materials = require("@pisell/materials");
+var import_utils = require("@pisell/utils");
+var import_InformationOptionsModal = __toESM(require("./components/InformationOptionsModal"));
+var import_context = require("../../context");
+var import_hooks = require("../../hooks");
+var import_utils2 = require("../../utils");
+var import_index = require("./index.less");
+var Guest = (0, import_react.forwardRef)((props, ref) => {
+  const [openOption, setOpenOption] = (0, import_react.useState)(false);
+  const [holderItem, setHolderItem] = (0, import_react.useState)(null);
+  const { carts, appointmentBooking } = (0, import_context.useAppointmentBookingContext)();
+  const { accountLists } = (0, import_hooks.useAppointmentBookingAccount)();
+  const { nextStep } = (0, import_hooks.useAppointmentBookingStep)();
+  (0, import_react.useImperativeHandle)(ref, () => ({
+    next: () => {
+      nextStep();
+    }
+  }));
+  const lists = (0, import_react.useMemo)(() => {
+    const _lists = (0, import_utils2.formatGuest)(accountLists, carts);
+    return _lists;
+  }, [accountLists, carts]);
+  const options = [
+    {
+      key: "edit",
+      label: /* @__PURE__ */ import_react.default.createElement("span", { className: "dropdown-menu-item" }, import_utils.locales.getText("pisell2.appointment.edit.service"))
+    },
+    {
+      key: "remove",
+      label: /* @__PURE__ */ import_react.default.createElement("span", { className: "dropdown-menu-item dropdown-menu-remove-item" }, import_utils.locales.getText("pisell2.event.remove"))
+    }
+  ];
+  const handleClick = ({ key }, item) => {
+    console.log(key, item, "wh978967");
+    if (key === "edit") {
+      appointmentBooking.setActiveAccount(item.id);
+      appointmentBooking.back();
+      return;
+    }
+    appointmentBooking.removeAccount(item.id);
+  };
+  const renderOptionButton = (item) => {
+    console.log(item, options, "wh978776");
+    let _options = [...options];
+    if (!item.isGuest) {
+      _options = _options.filter((option) => option.key !== "remove");
+    }
+    if ((0, import_utils.isMobile)()) {
+      return /* @__PURE__ */ import_react.default.createElement(
+        import_materials.Button,
+        {
+          size: "large",
+          onClick: () => {
+            setHolderItem(item);
+            setOpenOption(true);
+          }
+        },
+        import_utils.locales.getText("pisell2.event.option")
+      );
+    }
+    return /* @__PURE__ */ import_react.default.createElement(
+      import_antd.Dropdown,
+      {
+        menu: {
+          items: _options,
+          onClick: (e) => {
+            setHolderItem(item);
+            handleClick(e, item);
+          }
+        },
+        placement: "bottomRight",
+        overlayClassName: "appointment-guest-custom-dropdown-menu"
+      },
+      /* @__PURE__ */ import_react.default.createElement(import_materials.Button, null, import_utils.locales.getText("pisell2.event.option"))
+    );
+  };
+  const handleAddGuest = () => {
+    if (accountLists.length >= 6) {
+      return (0, import_materials.PisellToast)({
+        content: import_utils.locales.getText("pisell2.appointment.max.guest")
+      });
+    }
+    const guest = {
+      id: (0, import_utils.getUniqueId)(),
+      username: `Guest${accountLists.length + 1}`,
+      isGuest: true
+    };
+    appointmentBooking.addAccounts([guest]);
+    appointmentBooking.setActiveAccount(guest.id);
+    appointmentBooking.back();
+  };
+  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement("div", { className: "appointment-guest-wrap" }, lists == null ? void 0 : lists.map((item) => {
+    var _a;
+    return /* @__PURE__ */ import_react.default.createElement(
+      import_materials.PisellCard,
+      {
+        key: item.id,
+        padding: 20,
+        className: "information-card",
+        isClickable: false
+      },
+      /* @__PURE__ */ import_react.default.createElement("div", { className: "information-header" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "information-left" }, /* @__PURE__ */ import_react.default.createElement(import_materials.PisellAvatar, { src: item.avatar, size: "md" }), /* @__PURE__ */ import_react.default.createElement("div", { className: "information-title" }, /* @__PURE__ */ import_react.default.createElement("span", null, item.name), /* @__PURE__ */ import_react.default.createElement("span", { className: "subtitle" }, `${import_utils.locales.getText(
+        "pisell2.appointment.service.title"
+      )((_a = item.children) == null ? void 0 : _a.length)}`))), renderOptionButton(item))
+    );
+  }), /* @__PURE__ */ import_react.default.createElement(
+    import_materials.Button,
+    {
+      size: "large",
+      style: { width: "max-content" },
+      onClick: handleAddGuest,
+      className: "appointment-guest-add-button"
+    },
+    /* @__PURE__ */ import_react.default.createElement(import_materials.Iconfont, { type: "pisell2-plus", style: { fontSize: "20px" } }),
+    import_utils.locales.getText("pisell2.appointment.add.guest")
+  )), openOption ? /* @__PURE__ */ import_react.default.createElement(
+    import_InformationOptionsModal.default,
+    {
+      options,
+      open: openOption,
+      holderItem,
+      onCancel: () => setOpenOption(false),
+      onClick: (e) => {
+        handleClick(e, holderItem);
+        setOpenOption(false);
+      }
+    }
+  ) : null);
+});
+var Guest_default = Guest;

package/lib/components/appointmentBooking/components/Guest/index.less

@@ -0,0 +1,92 @@
+.appointment-guest-wrap {
+  padding: 16px;
+  display: flex;
+  flex-direction: column;
+  gap: 16px;
+  background: #ffffff;
+  margin-top: 16px;
+  width: 100%;
+
+  .appointment-guest-add-button {
+    display: flex;
+    align-items: center;
+    .pisell-lowcode-image-mask-info {
+      padding: 0 !important;
+    }
+  }
+
+  .title,
+  .add-tip {
+    color: var(--Gray-900, #101828);
+    font-size: 18px;
+    font-weight: 600;
+    line-height: 28px;
+  }
+  .pisell-lowcode-card-body {
+    display: flex;
+    flex-direction: column;
+    // gap: 10px;
+  }
+  .information-card {
+    display: flex;
+    flex-direction: column;
+    gap: 10px;
+    .information-header {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      gap: 10px;
+      .information-left {
+        display: flex;
+        align-items: center;
+        gap: 10px;
+        .information-title {
+          color: var(--Text-Text_1, #1b1b1b);
+          font-size: 14px;
+          font-weight: 600;
+          line-height: 20px;
+          display: flex;
+          flex-direction: column;
+          flex: 1;
+          .subtitle {
+            font-weight: 400;
+          }
+        }
+      }
+    }
+
+    .child-wrap {
+      display: flex;
+      flex-direction: column;
+      gap: 10px;
+      margin-top: 10px;
+    }
+  }
+}
+
+.appointment-guest-custom-dropdown-menu {
+  .pisell-lowcode-dropdown-menu {
+    padding: 6px;
+    border-bottom: 1px solid var(--Gray-200, #eaecf0);
+
+    .pisell-lowcode-dropdown-menu-item {
+      padding: 9px 10px;
+
+      .dropdown-menu-item {
+        color: var(--Gray-700, #344054);
+        font-size: 14px;
+        font-weight: 500;
+        line-height: 20px;
+      }
+
+      .dropdown-menu-remove-item {
+        color: var(--Error-700, #b42318);
+      }
+
+      &:hover {
+        border-radius: 6px;
+        background: var(--Gray-50, #f9fafb);
+      }
+    }
+  }
+}

package/lib/components/appointmentBooking/components/Header/index.d.ts

@@ -0,0 +1,3 @@
+import './index.less';
+declare const Header: () => JSX.Element;
+export default Header;