@pisell/private-materials 3.0.199 → 3.0.201

package/lib/components/shoppingCart/Provider.js

@@ -0,0 +1,110 @@
+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/shoppingCart/Provider.tsx
+var Provider_exports = {};
+__export(Provider_exports, {
+  CartContext: () => CartContext,
+  CartProvider: () => CartProvider
+});
+module.exports = __toCommonJS(Provider_exports);
+var import_react = __toESM(require("react"));
+var import_status = require("./status");
+var import_utils = require("./utils");
+var CartContext = (0, import_react.createContext)({});
+var CartProvider = ({
+  children,
+  props,
+  onCard,
+  onChange,
+  onAddProduct,
+  onActiveKey
+}) => {
+  const defaultState = { ...import_status.defaultData, ...props };
+  const [state, setState] = (0, import_react.useState)(defaultState);
+  const updateState = (newState) => {
+    console.log(newState, "wh_new");
+    setState((prevState) => {
+      return {
+        ...prevState,
+        ...newState
+      };
+    });
+  };
+  (0, import_react.useEffect)(() => {
+    const _isOpenGroup = props == null ? void 0 : props.hasOwnProperty("isOpenGroup");
+    let newState = {};
+    if (props == null ? void 0 : props.platform) {
+      newState["platform"] = props == null ? void 0 : props.platform;
+    }
+    if (_isOpenGroup) {
+      newState["isOpenGroup"] = props == null ? void 0 : props.isOpenGroup;
+    }
+    if (props == null ? void 0 : props.emptyText) {
+      newState["emptyText"] = props == null ? void 0 : props.emptyText;
+    }
+    if (props == null ? void 0 : props.productParams) {
+      newState = {
+        ...newState,
+        ...props == null ? void 0 : props.productParams
+      };
+    }
+    if (props == null ? void 0 : props.collapseParams) {
+      newState["collapseParams"] = props == null ? void 0 : props.collapseParams;
+    }
+    const params = { ...defaultState, ...newState };
+    const result = { ...params, ...(0, import_utils.formatState)(params) };
+    console.log(result, params, "result");
+    setState(result);
+  }, [
+    props == null ? void 0 : props.platform,
+    props == null ? void 0 : props.isOpenGroup,
+    props == null ? void 0 : props.emptyText,
+    props == null ? void 0 : props.productParams,
+    props == null ? void 0 : props.collapseParams
+  ]);
+  return /* @__PURE__ */ import_react.default.createElement(
+    CartContext.Provider,
+    {
+      value: {
+        state,
+        updateState,
+        onCard,
+        onChange,
+        onAddProduct,
+        onActiveKey
+      }
+    },
+    children
+  );
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  CartContext,
+  CartProvider
+});

package/lib/components/shoppingCart/components/Cart/Product.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { ProductProps } from '../../type';
+declare const Product: (props: ProductProps) => React.JSX.Element;
+export default Product;

package/lib/components/shoppingCart/components/Cart/Product.js

@@ -0,0 +1,89 @@
+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/shoppingCart/components/Cart/Product.tsx
+var Product_exports = {};
+__export(Product_exports, {
+  default: () => Product_default
+});
+module.exports = __toCommonJS(Product_exports);
+var import_react = __toESM(require("react"));
+var import_materials = require("@pisell/materials");
+var import_useClearCart = __toESM(require("../../hooks/useClearCart"));
+var import_utils = require("../../utils");
+var import_useContext = require("../../hooks/useContext");
+var import_useAddService = __toESM(require("../../hooks/useAddService"));
+var Product = (props) => {
+  const { id, lists } = props;
+  const { state, updateState, onAction, onChange, onCard } = (0, import_useContext.useContext)();
+  const { disabledEdit, isShowPackageNote, isShowNote, hideAddBtn } = state;
+  const clearCart = (0, import_useClearCart.default)(id);
+  const handleChange = (item, type) => {
+    if (disabledEdit)
+      return;
+    let products = [...state.products];
+    if (type === "delete") {
+      products = products.filter((product) => product._id !== item._id);
+    } else {
+      products = products.map((product) => {
+        if (product._id === item._id) {
+          return {
+            ...product,
+            ...item
+          };
+        }
+        return product;
+      });
+    }
+    updateState((0, import_utils.updateProduct)(state, products));
+    onChange == null ? void 0 : onChange(products);
+  };
+  const productParams = (0, import_react.useMemo)(() => {
+    return {
+      isShowNote,
+      isShowPackageNote,
+      disabledEdit
+    };
+  }, [isShowNote, isShowPackageNote, disabledEdit]);
+  return /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__shopping-cart-content" }, clearCart, lists == null ? void 0 : lists.map((item) => {
+    return /* @__PURE__ */ import_react.default.createElement(
+      import_materials.ProductCard,
+      {
+        key: item._id,
+        dataSource: item,
+        onAction: (e) => onAction == null ? void 0 : onAction(e),
+        onDelete: (e) => handleChange(e, "delete"),
+        onNote: (e) => handleChange(e),
+        onLike: (e) => handleChange(e),
+        onCard: (e) => onCard == null ? void 0 : onCard(e),
+        ...productParams
+      }
+    );
+  }), !hideAddBtn ? (0, import_useAddService.default)(id, "more") : null);
+};
+var Product_default = Product;

package/lib/components/shoppingCart/components/Cart/index.d.ts

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

package/lib/components/shoppingCart/components/Cart/index.js

@@ -0,0 +1,77 @@
+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/shoppingCart/components/Cart/index.tsx
+var Cart_exports = {};
+__export(Cart_exports, {
+  default: () => Cart_default
+});
+module.exports = __toCommonJS(Cart_exports);
+var import_react = __toESM(require("react"));
+var import_classnames = __toESM(require("classnames"));
+var import_materials = require("@pisell/materials");
+var import_utils = require("@pisell/utils");
+var import_Empty = __toESM(require("../Empty"));
+var import_locales = __toESM(require("../../locales"));
+var import_useContext = require("../../hooks/useContext");
+var import_Product = __toESM(require("./Product"));
+var import_index = require("./index.less");
+import_utils.locales.init(import_locales.default, localStorage.getItem("umi_locale") || "en");
+var Cart = () => {
+  const { state, updateState, onActiveKey } = (0, import_useContext.useContext)();
+  const { platform, carts, isProductList, collapseParams } = state;
+  const cartsMap = (0, import_react.useMemo)(() => {
+    return carts == null ? void 0 : carts.map((item) => {
+      var _a, _b;
+      return {
+        ...item,
+        label: /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__shopping-cart-label" }, `${item == null ? void 0 : item.label} ${import_utils.locales.getText(
+          "pisell2.text.shopping-cart.item"
+        )((_a = item == null ? void 0 : item.products) == null ? void 0 : _a.length)}`),
+        children: ((_b = item == null ? void 0 : item.products) == null ? void 0 : _b.length) > 0 ? /* @__PURE__ */ import_react.default.createElement(import_Product.default, { id: item == null ? void 0 : item.key, lists: item == null ? void 0 : item.products }) : /* @__PURE__ */ import_react.default.createElement(import_Empty.default, { id: item == null ? void 0 : item.key }),
+        showArrow: platform === "shop"
+      };
+    });
+  }, [carts, platform]);
+  return /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_classnames.default)("pisell-lowcode__shopping-cart") }, isProductList ? /* @__PURE__ */ import_react.default.createElement(import_Product.default, { id: void 0, lists: state == null ? void 0 : state.products }) : /* @__PURE__ */ import_react.default.createElement(
+    import_materials.Collapse,
+    {
+      items: cartsMap,
+      showHeader: true,
+      panelBackground: "#ffffff",
+      collapsible: platform !== "shop" ? "disabled" : "-",
+      accordion: platform === "shop",
+      onChange: (key) => {
+        updateState({ activeKey: key });
+        onActiveKey(key);
+      },
+      ...collapseParams
+    }
+  ));
+};
+var Cart_default = Cart;

package/lib/components/shoppingCart/components/Cart/index.less

@@ -0,0 +1,68 @@
+.pisell-lowcode__shopping-cart {
+  .pisell-lowcode-collapse-content-box {
+    padding: 0 0 16px !important;
+  }
+
+  .pisell-lowcode-collapse-item {
+    .pisell-lowcode-collapse-header {
+      padding: 20px 0 !important;
+    }
+
+    &:first-child {
+      .pisell-lowcode-collapse-header {
+        padding: 0 0 20px !important;
+      }
+    }
+  }
+
+  .pisell-lowcode__shopping-cart-content {
+    display: flex;
+    flex-direction: column;
+    gap: 16px;
+
+    .pisell-lowcode-product-card {
+      margin-bottom: 0;
+    }
+  }
+
+  .pisell-lowcode__shopping-cart-label {
+    color: var(--Base-Black, #000);
+    font-size: 16px;
+    font-style: normal;
+    font-weight: 600;
+    line-height: 24px;
+  }
+
+  .pisell-lowcode__shopping-cart-clear-btn {
+    cursor: pointer;
+    color: var(--Blue-700, #175cd3);
+    font-weight: 600;
+    line-height: 24px; /* 150% */
+    display: flex;
+    align-items: center;
+    .anticon {
+      font-size: 18px;
+      margin-right: 6px;
+    }
+  }
+
+  .pisell-lowcode__shopping-cart-clear-btn-empty {
+    margin-top: 12px;
+  }
+
+  .pisell-lowcode__shopping-cart-add-service {
+    color: var(--Blue-700, #175cd3);
+    font-size: 16px;
+    font-style: normal;
+    font-weight: 400;
+    line-height: 24px;
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    cursor: pointer;
+  }
+
+  .pisell-lowcode__shopping-cart-add-service-products {
+    align-items: start;
+  }
+}

package/lib/components/shoppingCart/components/Empty/index.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import './index.less';
+declare const Empty: (props: any) => import("react").JSX.Element;
+export default Empty;

package/lib/components/shoppingCart/components/Empty/index.js

@@ -0,0 +1,43 @@
+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/shoppingCart/components/Empty/index.tsx
+var Empty_exports = {};
+__export(Empty_exports, {
+  default: () => Empty_default
+});
+module.exports = __toCommonJS(Empty_exports);
+var import_useContext = require("../../hooks/useContext");
+var import_useAddService = __toESM(require("../../hooks/useAddService"));
+var import_index = require("./index.less");
+var Empty = (props) => {
+  const { state } = (0, import_useContext.useContext)();
+  const { emptyText, holders, hideAddBtn } = state;
+  return /* @__PURE__ */ React.createElement("div", { className: "pisell-lowcode__shopping-cart-empty" }, emptyText, !hideAddBtn ? (0, import_useAddService.default)(props == null ? void 0 : props.id) : null);
+};
+var Empty_default = Empty;

package/lib/components/shoppingCart/components/Empty/index.less

@@ -0,0 +1,19 @@
+.pisell-lowcode__shopping-cart-empty {
+  color: var(--Gray-500, #667085);
+  font-size: 16px;
+  font-style: normal;
+  font-weight: 400;
+  line-height: 24px;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  // height: 380px;
+  height: 40px;
+  margin: 16px 20px 20px;
+  gap: 10px;
+}
+
+.pisell-lowcode__shopping-cart-empty-multiple {
+  height: 40px;
+}

package/lib/components/shoppingCart/components/Render/index.d.ts

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

package/lib/components/shoppingCart/components/Render/index.js

@@ -0,0 +1,79 @@
+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/shoppingCart/components/Render/index.tsx
+var Render_exports = {};
+__export(Render_exports, {
+  default: () => Render_default
+});
+module.exports = __toCommonJS(Render_exports);
+var import_react = __toESM(require("react"));
+var import_classnames = __toESM(require("classnames"));
+var import_useContext = require("../../hooks/useContext");
+var import_Empty = __toESM(require("../Empty"));
+var import_utils = require("../../utils");
+var import_SelectHolderModal = __toESM(require("../SelectHolderModal"));
+var import_Cart = __toESM(require("../Cart"));
+var import_index = require("./index.less");
+var Content = () => {
+  const { state, onChange } = (0, import_useContext.useContext)();
+  const selectPetRef = (0, import_react.useRef)();
+  const [pet, setPet] = (0, import_react.useState)([]);
+  const { isEmpty, className, holders, products, isEdit } = state;
+  (0, import_react.useEffect)(() => {
+    var _a, _b, _c;
+    let _holders = holders == null ? void 0 : holders.filter((item) => (item == null ? void 0 : item.key) > 0);
+    console.log(isEdit, products, _holders, pet, "wh_holder");
+    if ((_holders == null ? void 0 : _holders.length) && !(pet == null ? void 0 : pet.length) && (products == null ? void 0 : products.length) && !isEdit) {
+      if (_holders.length === 1) {
+        const _products = (0, import_utils.formatService)(products, (_a = _holders[0]) == null ? void 0 : _a.key);
+        onChange(_products);
+      } else {
+        (_c = (_b = selectPetRef.current) == null ? void 0 : _b.open) == null ? void 0 : _c.call(_b, {
+          products,
+          holders
+        });
+      }
+    }
+    setPet(_holders);
+  }, [holders]);
+  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(
+    "div",
+    {
+      className: (0, import_classnames.default)("pisell-lowcode__shopping-cart-wrap", className)
+    },
+    isEmpty ? /* @__PURE__ */ import_react.default.createElement(import_Empty.default, null) : /* @__PURE__ */ import_react.default.createElement(import_Cart.default, null)
+  ), /* @__PURE__ */ import_react.default.createElement(
+    import_SelectHolderModal.default,
+    {
+      ref: selectPetRef,
+      onChange: (e) => onChange(e)
+    }
+  ));
+};
+var Render_default = Content;

package/lib/components/shoppingCart/components/Render/index.less

@@ -0,0 +1,2 @@
+.pisell-lowcode__shopping-cart-wrap {
+}

package/lib/components/shoppingCart/components/SelectHolderModal/index.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import './index.less';
+declare const _default: React.ForwardRefExoticComponent<Omit<any, "ref"> & React.RefAttributes<unknown>>;
+export default _default;

package/lib/components/shoppingCart/components/SelectHolderModal/index.js

@@ -0,0 +1,116 @@
+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/shoppingCart/components/SelectHolderModal/index.tsx
+var SelectHolderModal_exports = {};
+__export(SelectHolderModal_exports, {
+  default: () => SelectHolderModal_default
+});
+module.exports = __toCommonJS(SelectHolderModal_exports);
+var import_react = __toESM(require("react"));
+var import_materials = require("@pisell/materials");
+var import_utils = require("@pisell/utils");
+var import_utils2 = require("../../utils");
+var import_antd = require("antd");
+var import_index = require("./index.less");
+var SelectPetModal = ({ onChange }, ref) => {
+  const [open, setOpen] = (0, import_react.useState)(false);
+  const [params, setParams] = (0, import_react.useState)(null);
+  (0, import_react.useImperativeHandle)(ref, () => {
+    return {
+      open: ({ products, holders }) => {
+        var _a;
+        const _holders = holders == null ? void 0 : holders.filter((item) => item.key > 0);
+        const service = (0, import_utils2.formatService)(products, (_a = _holders == null ? void 0 : _holders[0]) == null ? void 0 : _a.key);
+        setParams({ service, holders: _holders });
+        setOpen(true);
+      }
+    };
+  });
+  const handleChange = (e, index) => {
+    const _lists = [...params == null ? void 0 : params.service];
+    _lists[index]._extend.holder_id = e;
+    console.log(e, index, _lists, "wh79876");
+    setParams({ ...params, service: _lists });
+  };
+  const content = (0, import_react.useMemo)(() => {
+    var _a;
+    const services = (params == null ? void 0 : params.service) || [];
+    const options = (_a = params == null ? void 0 : params.holders) == null ? void 0 : _a.map((item) => {
+      return {
+        value: item.key,
+        label: item.main_field
+      };
+    });
+    return /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-select-pet-content" }, services == null ? void 0 : services.map((item, index) => {
+      var _a2;
+      return /* @__PURE__ */ import_react.default.createElement(
+        "div",
+        {
+          className: "pisell-lowcode__booking-select-pet-item",
+          key: item._id
+        },
+        /* @__PURE__ */ import_react.default.createElement("span", null, " ", item.title),
+        /* @__PURE__ */ import_react.default.createElement(
+          import_antd.Select,
+          {
+            defaultValue: (_a2 = options[0]) == null ? void 0 : _a2.value,
+            onChange: (e) => handleChange(e, index),
+            options
+          }
+        )
+      );
+    }));
+  }, [params == null ? void 0 : params.service, params == null ? void 0 : params.pets]);
+  const handleCancel = () => {
+    setOpen(false);
+  };
+  const handleOk = () => {
+    onChange(params == null ? void 0 : params.service);
+    handleCancel();
+  };
+  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(
+    import_materials.PisellModal,
+    {
+      platform: "pc",
+      open,
+      bodyStyle: { padding: 0 },
+      title: import_utils.locales.getText(
+        "pisell2.text.shopping-cart.select.holder.modal.title"
+      ),
+      okText: import_utils.locales.getText("pisell2.text.shopping-cart.confirm"),
+      cancelText: import_utils.locales.getText("pisell2.text.shopping-cart.cancel"),
+      onCancel: handleCancel,
+      onOk: handleOk,
+      destroyOnClose: true,
+      className: "pisell-lowcode__booking-select-pet-modal-wrap"
+    },
+    content
+  ));
+};
+var SelectHolderModal_default = (0, import_react.forwardRef)(SelectPetModal);

package/lib/components/shoppingCart/components/SelectHolderModal/index.less

@@ -0,0 +1,32 @@
+.pisell-lowcode__booking-select-pet-modal-wrap {
+  .pisell-lowcode-modal-body {
+    padding: 24px !important;
+    overflow-y: auto !important;
+    max-height: 80vh;
+
+    .pisell-lowcode__booking-select-pet-content {
+      display: flex;
+      flex-direction: column;
+      gap: 20px;
+
+      .pisell-lowcode__booking-select-pet-item {
+        display: flex;
+        padding: 8px 16px;
+        justify-content: space-between;
+        align-items: center;
+        align-self: stretch;
+        border-radius: 12px;
+        border: 1px solid var(--Gray-300, #d0d5dd);
+
+        .pisell-lowcode-select-selector {
+          display: flex;
+          padding: 6px 16px;
+          align-items: center;
+          gap: 8px;
+          border-radius: 20px;
+          border: 1px solid var(--Gray-300, #d0d5dd);
+        }
+      }
+    }
+  }
+}

package/lib/components/shoppingCart/hooks/useAddService.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const useAddService: (id?: number, type?: string) => React.JSX.Element | null;
+export default useAddService;