@pisell/private-materials 3.0.13 → 3.0.15

package/lib/components/productExtension/fields/Actor/Container/index.js

@@ -0,0 +1,64 @@
+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/productExtension/fields/Actor/Container/index.tsx
+var Container_exports = {};
+__export(Container_exports, {
+  default: () => Container_default
+});
+module.exports = __toCommonJS(Container_exports);
+var import_react = __toESM(require("react"));
+var import_antd = require("antd");
+var import_icons = require("@ant-design/icons");
+var import_index = require("./index.less");
+var Container = ({
+  title,
+  children,
+  desc,
+  isMargin = false,
+  hint,
+  hintProps
+}) => {
+  return /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell2_product-extension-container" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell2_product-extension-container-title-wrap" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell2_product-extension-container-title" }, title), hint ? /* @__PURE__ */ import_react.default.createElement(import_antd.Tooltip, { title: hint, ...hintProps }, /* @__PURE__ */ import_react.default.createElement(
+    import_icons.QuestionCircleOutlined,
+    {
+      style: {
+        marginLeft: 4,
+        cursor: "pointer"
+      }
+    }
+  )) : null), children, /* @__PURE__ */ import_react.default.createElement(
+    "div",
+    {
+      className: "pisell2_product-extension-container-desc",
+      style: { marginBottom: isMargin ? "15px" : "" }
+    },
+    desc
+  ));
+};
+var Container_default = Container;

package/lib/components/productExtension/fields/Actor/Container/index.less

@@ -0,0 +1,19 @@
+.pisell2_product-extension-container {
+  .pisell2_product-extension-container-title-wrap {
+    display: flex;
+    align-items: center;
+    margin-bottom: 6px;
+
+    .pisell2_product-extension-container-title {
+      font-size: 14px;
+      color: #222b45;
+    }
+  }
+
+  .pisell2_product-extension-container-desc {
+    color: rgba(0, 0, 0, 0.45);
+    font-size: 14px;
+    transition: color 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
+    margin-top: 8px;
+  }
+}

package/lib/components/productExtension/fields/Actor/CutOffTime/index.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+import "./index.less";
+export declare const maxNumber: any;
+interface CutOffTimeProps {
+    value?: any;
+    onChange?: (e: any) => void;
+    name: string[];
+}
+declare const CutOffTime: React.FC<CutOffTimeProps>;
+export default CutOffTime;

package/lib/components/productExtension/fields/Actor/CutOffTime/index.js

@@ -0,0 +1,128 @@
+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/productExtension/fields/Actor/CutOffTime/index.tsx
+var CutOffTime_exports = {};
+__export(CutOffTime_exports, {
+  default: () => CutOffTime_default,
+  maxNumber: () => maxNumber
+});
+module.exports = __toCommonJS(CutOffTime_exports);
+var import_react = __toESM(require("react"));
+var import_antd = require("antd");
+var import_index = require("./index.less");
+var import_Container = __toESM(require("../Container"));
+var import_utils = require("@pisell/utils");
+var { Option } = import_antd.Select;
+var maxNumber = {
+  days: 365,
+  hours: 8760,
+  minutes: 525600
+};
+var CutOffTime = ({ value, onChange, name }) => {
+  const [cutTimeMax, setCutTimeMax] = (0, import_react.useState)(365);
+  const timeOptions = [
+    {
+      label: import_utils.locales.getText("pisell2.text.product-extension.days"),
+      value: "days"
+    },
+    {
+      label: import_utils.locales.getText("pisell2.text.product-extension.hours"),
+      value: "hours"
+    },
+    {
+      label: import_utils.locales.getText("pisell2.text.product-extension.minutes"),
+      value: "minutes"
+    }
+  ];
+  (0, import_react.useEffect)(() => {
+    if (value) {
+      setCutTimeMax(maxNumber[value == null ? void 0 : value.unit_type]);
+    }
+  }, [value]);
+  return /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell2_product-extension-cut-off-time-wrap" }, /* @__PURE__ */ import_react.default.createElement(
+    import_Container.default,
+    {
+      title: import_utils.locales.getText("pisell2.text.product-extension.cut-off-time"),
+      desc: import_utils.locales.getText(
+        "pisell2.text.product-extension.cut-off-time.desc"
+      ),
+      isMargin: true
+    },
+    /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell2_product-extension-cut-off-time-input-wrap" }, /* @__PURE__ */ import_react.default.createElement(import_antd.Form.Item, { name: [...name, "unit"], noStyle: true, initialValue: 1 }, /* @__PURE__ */ import_react.default.createElement(
+      import_antd.InputNumber,
+      {
+        min: 1,
+        size: "large",
+        max: cutTimeMax,
+        className: "pisell2_product-extension-cut-off-time-input-small"
+      }
+    )), /* @__PURE__ */ import_react.default.createElement(
+      import_antd.Form.Item,
+      {
+        name: [...name, "unit_type"],
+        noStyle: true,
+        initialValue: "days"
+      },
+      /* @__PURE__ */ import_react.default.createElement(
+        import_antd.Select,
+        {
+          size: "large",
+          className: "pisell2_product-extension-cut-off-time-select-wrap",
+          onChange: (value2) => {
+            setCutTimeMax(maxNumber[value2]);
+          }
+        },
+        timeOptions.map((i) => /* @__PURE__ */ import_react.default.createElement(Option, { key: i.value }, i.label))
+      )
+    ))
+  ), /* @__PURE__ */ import_react.default.createElement(
+    import_Container.default,
+    {
+      title: import_utils.locales.getText("pisell2.text.product-extension.future-day"),
+      desc: import_utils.locales.getText("pisell2.text.product-extension.future-day.hint")
+    },
+    /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell2_product-extension-cut-off-time-input-wrap" }, /* @__PURE__ */ import_react.default.createElement(import_antd.Form.Item, { name: [...name, "future_day"], noStyle: true, initialValue: 365 }, /* @__PURE__ */ import_react.default.createElement(
+      import_antd.InputNumber,
+      {
+        size: "large",
+        min: 0,
+        max: 365,
+        addonAfter: import_utils.locales.getText(
+          "pisell2.text.product-extension.days"
+        ),
+        className: "pisell2_product-extension-cut-off-time-input-big"
+      }
+    )))
+  ));
+};
+var CutOffTime_default = CutOffTime;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  maxNumber
+});

package/lib/components/productExtension/fields/Actor/CutOffTime/index.less

@@ -0,0 +1,32 @@
+.pisell2_product-extension-cut-off-time-wrap {
+  .pisell2_product-extension-cut-off-time-title {
+    font-size: 14px;
+    color: #222b45;
+    margin-bottom: 6px;
+  }
+
+  .pisell2_product-extension-cut-off-time-desc {
+    color: rgba(0, 0, 0, 0.45);
+    font-size: 14px;
+    transition: color 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
+    margin-top: 8px;
+  }
+
+  .pisell2_product-extension-cut-off-time-input-wrap {
+    display: flex;
+    justify-content: space-between;
+
+    .pisell2_product-extension-cut-off-time-select-wrap {
+      width: 20%;
+      border-radius: 4px;
+    }
+
+    .pisell2_product-extension-cut-off-time-input-small {
+      width: 78%;
+    }
+
+    .pisell2_product-extension-cut-off-time-input-big {
+      width: 100%;
+    }
+  }
+}

package/lib/components/productExtension/fields/Actor/index.d.ts

@@ -0,0 +1,5 @@
+import React from "react";
+declare const Actor: ({ name }: {
+    name: string;
+}) => React.JSX.Element;
+export default Actor;

package/lib/components/productExtension/fields/Actor/index.js

@@ -0,0 +1,56 @@
+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/productExtension/fields/Actor/index.tsx
+var Actor_exports = {};
+__export(Actor_exports, {
+  default: () => Actor_default
+});
+module.exports = __toCommonJS(Actor_exports);
+var import_react = __toESM(require("react"));
+var import_antd = require("antd");
+var import_SelectProducts = __toESM(require("../SelectProducts"));
+var import_CutOffTime = __toESM(require("./CutOffTime"));
+var Actor = ({ name }) => {
+  return /* @__PURE__ */ import_react.default.createElement("div", { className: "" }, /* @__PURE__ */ import_react.default.createElement(import_antd.Form.Item, { name: [name, "products"] }, /* @__PURE__ */ import_react.default.createElement(import_SelectProducts.default, null)), /* @__PURE__ */ import_react.default.createElement(
+    import_antd.Form.Item,
+    {
+      hidden: true,
+      name: [name, "actor_type"],
+      initialValue: "product"
+    }
+  ), /* @__PURE__ */ import_react.default.createElement(
+    import_antd.Form.Item,
+    {
+      hidden: true,
+      name: [name, "product_type"],
+      initialValue: "products"
+    }
+  ), /* @__PURE__ */ import_react.default.createElement(import_antd.Form.Item, null, /* @__PURE__ */ import_react.default.createElement(import_CutOffTime.default, { name: [name, "cut_off_time"] })));
+};
+var Actor_default = Actor;

package/lib/components/productExtension/fields/Forms/index.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+export interface InfoProps {
+    relation_id: any;
+    action: any;
+    value: any;
+    onChange: any;
+    apis: any;
+}
+declare const Forms: (props: InfoProps) => React.JSX.Element;
+export default Forms;

package/lib/components/productExtension/fields/Forms/index.js

@@ -0,0 +1,108 @@
+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/productExtension/fields/Forms/index.tsx
+var Forms_exports = {};
+__export(Forms_exports, {
+  default: () => Forms_default
+});
+module.exports = __toCommonJS(Forms_exports);
+var import_react = __toESM(require("react"));
+var import_forms = __toESM(require("../../../booking/forms/forms"));
+var relation_type = "appointment_booking";
+var Forms = (props) => {
+  const { relation_id, action, value, onChange, apis } = props;
+  const [formList, setFormList] = (0, import_react.useState)([]);
+  const [loading, setLoading] = (0, import_react.useState)(true);
+  (0, import_react.useEffect)(() => {
+    geForms();
+  }, []);
+  const getFormDataById = async (item) => {
+    let _params = {
+      form_id: item.form_id,
+      skip: 1,
+      num: 999
+    };
+    let options = [];
+    const data = await apis.getPetsData(_params);
+    options = (data == null ? void 0 : data.list) || [];
+    return {
+      ...item,
+      options
+    };
+  };
+  const getFormData = async (formList2) => {
+    let all = [];
+    all = formList2.map((d) => getFormDataById(d));
+    return Promise.all(all);
+  };
+  const getFormValues = (data) => {
+    let _values = {};
+    for (let item of data) {
+      _values[item.form_id] = item.form_record;
+    }
+    return _values;
+  };
+  const geForms = async () => {
+    setLoading(true);
+    try {
+      let data = await apis.getForms({
+        relation_type,
+        relation_id
+      });
+      const formData = await getFormData(data);
+      setFormList(formData);
+      setLoading(false);
+    } catch (err) {
+      console.log("form_error", err);
+    }
+  };
+  const onValueChange = (data) => {
+    const { values } = data;
+    onChange == null ? void 0 : onChange(values);
+  };
+  const addCallback = async (form) => {
+    let _data = [...formList];
+    const data = await getFormDataById(form);
+    _data = _data.map((d) => d.form_id === form.form_id ? data : d);
+    setFormList(_data);
+  };
+  return /* @__PURE__ */ import_react.default.createElement(
+    import_forms.default,
+    {
+      forms: formList,
+      action,
+      modalOpen: false,
+      value,
+      onChange: onValueChange,
+      addCallback,
+      client: 0
+    }
+  );
+};
+var Forms_default = Forms;

package/lib/components/productExtension/fields/SelectProducts/ProductItem/index.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import "./index.less";
+declare const ProductItem: ({ item, onClick, amountSymbol, style, className, }: any) => React.JSX.Element;
+export default ProductItem;

package/lib/components/productExtension/fields/SelectProducts/ProductItem/index.js

@@ -0,0 +1,65 @@
+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/productExtension/fields/SelectProducts/ProductItem/index.tsx
+var ProductItem_exports = {};
+__export(ProductItem_exports, {
+  default: () => ProductItem_default
+});
+module.exports = __toCommonJS(ProductItem_exports);
+var import_react = __toESM(require("react"));
+var import_utils = require("@pisell/utils");
+var import_classnames = __toESM(require("classnames"));
+var import_index = require("./index.less");
+var ProductItem = ({
+  item = {},
+  onClick,
+  amountSymbol = "$",
+  style,
+  className
+}) => {
+  return /* @__PURE__ */ import_react.default.createElement(
+    "div",
+    {
+      style,
+      className: (0, import_classnames.default)("product-item-card", className),
+      onClick: () => {
+        onClick(item);
+      }
+    },
+    item.cover ? /* @__PURE__ */ import_react.default.createElement(
+      "img",
+      {
+        src: import_utils.image.ali(item.cover, 100),
+        className: "product-item-card-cover"
+      }
+    ) : null,
+    /* @__PURE__ */ import_react.default.createElement("div", { className: "product-item-card-content" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "product-item-card-title" }, item.title), /* @__PURE__ */ import_react.default.createElement("div", { className: "product-item-card-price" }, (0, import_utils.formatAmount)(item.price, 2, amountSymbol)))
+  );
+};
+var ProductItem_default = ProductItem;

package/lib/components/productExtension/fields/SelectProducts/ProductItem/index.less

@@ -0,0 +1,69 @@
+.product-item-card {
+  cursor: pointer;
+  padding: 16px;
+  position: relative;
+  display: flex;
+  align-items: center;
+  gap: 12px;
+
+  &::before {
+    content: "";
+    position: absolute;
+    bottom: 0;
+    left: 50%;
+    transform: translate(-50%, -50%);
+    width: calc(100% - 40px);
+    height: 1px;
+    background: #F1F1F1;
+  }
+
+  &:last-child {
+    &::before {
+      display: none;
+    }
+  }
+
+  .product-item-card-cover {
+    width: 80px;
+    height: 80px;
+    border-radius: 8px;
+    object-fit: cover;
+  }
+
+  .product-item-card-content {
+    flex: 1;
+
+    .product-item-card-title {
+      color: var(--text-text-1, #1B1B1B);
+
+
+      font-size: 14px;
+      font-style: normal;
+      font-weight: 600;
+      line-height: 20px;
+    }
+
+    .product-item-card-time {
+      overflow: hidden;
+      color: var(--text-text-2, #777);
+      text-overflow: ellipsis;
+
+
+      font-size: 12px;
+      font-style: normal;
+      font-weight: 400;
+      line-height: 18px;
+    }
+
+    .product-item-card-price {
+      color: var(--text-text-1, #1B1B1B);
+
+
+      font-size: 14px;
+      font-style: normal;
+      font-weight: 400;
+      line-height: 20px;
+    }
+  }
+
+}

package/lib/components/productExtension/fields/SelectProducts/ProductItemPreview/index.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import "./index.less";
+declare const ProductItemPreview: ({ item, onClick, onRemove, amountSymbol, style, className, }: any) => React.JSX.Element;
+export default ProductItemPreview;

package/lib/components/productExtension/fields/SelectProducts/ProductItemPreview/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/productExtension/fields/SelectProducts/ProductItemPreview/index.tsx
+var ProductItemPreview_exports = {};
+__export(ProductItemPreview_exports, {
+  default: () => ProductItemPreview_default
+});
+module.exports = __toCommonJS(ProductItemPreview_exports);
+var import_react = __toESM(require("react"));
+var import_utils = require("@pisell/utils");
+var import_XClose = __toESM(require("@pisell/icon/es/XClose"));
+var import_classnames = __toESM(require("classnames"));
+var import_index = require("./index.less");
+var ProductItemPreview = ({
+  item = {},
+  onClick,
+  onRemove,
+  amountSymbol = "$",
+  style,
+  className
+}) => {
+  return /* @__PURE__ */ import_react.default.createElement(
+    "div",
+    {
+      style,
+      className: (0, import_classnames.default)("product-item-card-preview", className),
+      onClick: () => {
+        onClick(item);
+      }
+    },
+    item.cover ? /* @__PURE__ */ import_react.default.createElement(
+      "img",
+      {
+        src: import_utils.image.ali(item.cover, 100),
+        className: "product-item-card-preview-cover"
+      }
+    ) : null,
+    /* @__PURE__ */ import_react.default.createElement("div", { className: "product-item-card-preview-content" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "product-item-card-preview-title" }, item.title)),
+    /* @__PURE__ */ import_react.default.createElement(
+      "div",
+      {
+        className: "product-item-card-preview-close-wrap",
+        onClick: (e) => {
+          e.preventDefault();
+          e.stopPropagation();
+          onRemove == null ? void 0 : onRemove(item);
+        }
+      },
+      /* @__PURE__ */ import_react.default.createElement(import_XClose.default, { className: "product-item-card-preview-close" })
+    )
+  );
+};
+var ProductItemPreview_default = ProductItemPreview;