@pisell/private-materials 3.0.12 → 3.0.14

package/lib/components/index.d.ts

@@ -4,4 +4,6 @@ import Booking from './booking';
 import BookingNotes from './booking/notes';
 import BookingAddons from './booking/addons';
 import BookingForms from './booking/forms';
-export { Login, BookingInfo, Booking, BookingNotes, BookingAddons, BookingForms };
+import Schedules from './schedules';
+import ProductExtension from './productExtension';
+export { Login, BookingInfo, Booking, BookingNotes, BookingAddons, BookingForms, Schedules, ProductExtension };

package/lib/components/index.js

@@ -34,7 +34,9 @@ __export(components_exports, {
   BookingForms: () => import_forms.default,
   BookingInfo: () => import_info.default,
   BookingNotes: () => import_notes.default,
-  Login: () => import_login.default
+  Login: () => import_login.default,
+  ProductExtension: () => import_productExtension.default,
+  Schedules: () => import_schedules.default
 });
 module.exports = __toCommonJS(components_exports);
 var import_login = __toESM(require("./login"));
@@ -43,6 +45,8 @@ var import_booking = __toESM(require("./booking"));
 var import_notes = __toESM(require("./booking/notes"));
 var import_addons = __toESM(require("./booking/addons"));
 var import_forms = __toESM(require("./booking/forms"));
+var import_schedules = __toESM(require("./schedules"));
+var import_productExtension = __toESM(require("./productExtension"));
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   Booking,
@@ -50,5 +54,7 @@ var import_forms = __toESM(require("./booking/forms"));
   BookingForms,
   BookingInfo,
   BookingNotes,
-  Login
+  Login,
+  ProductExtension,
+  Schedules
 });

package/lib/components/productExtension/card/index.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+import "./index.less";
+interface LmCardProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement> {
+    header: React.ReactNode;
+    headerClassName: string;
+    extra: React.ReactNode;
+    hidden?: boolean;
+}
+declare const LmCard: React.FC<Partial<LmCardProps>>;
+export default LmCard;

package/lib/components/productExtension/card/index.js

@@ -0,0 +1,57 @@
+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/card/index.tsx
+var card_exports = {};
+__export(card_exports, {
+  default: () => card_default
+});
+module.exports = __toCommonJS(card_exports);
+var import_react = __toESM(require("react"));
+var import_classnames = __toESM(require("classnames"));
+var import_index = require("./index.less");
+var LmCard = (props) => {
+  return /* @__PURE__ */ import_react.default.createElement(
+    "div",
+    {
+      className: (0, import_classnames.default)("pisell_card", props.className, {
+        ["pisell_card-hidden"]: props.hidden
+      }),
+      style: props.style
+    },
+    props.header ? /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell_card-header" }, /* @__PURE__ */ import_react.default.createElement(
+      "div",
+      {
+        className: (0, import_classnames.default)("pisell_card-title", props.headerClassName)
+      },
+      props.header
+    ), props.extra) : null,
+    /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_classnames.default)("pisell_card-content") }, props.children)
+  );
+};
+var card_default = LmCard;

package/lib/components/productExtension/card/index.less

@@ -0,0 +1,34 @@
+.pisell_card {
+  width: 100%;
+  background: #ffffff;
+  opacity: 1;
+  border-radius: 12px;
+  padding: 20px;
+  box-sizing: border-box;
+  margin-bottom: 20px;
+  // overflow: hidden;
+
+  &.pisell_card-hidden {
+    height: 0;
+    width: 0;
+    overflow: hidden;
+    padding: 0;
+    margin: 0
+  }
+
+  .pisell_card-header {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    margin-bottom: 20px;
+
+    .pisell_card-title {
+      height: 28px;
+      font-size: 16px;
+      // font-weight: 650;
+      line-height: 28px;
+      color: #252a2d;
+      font-weight: bold;
+    }
+  }
+}

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

@@ -0,0 +1,12 @@
+import React, { ReactElement } from "react";
+import "./index.less";
+interface ContainerProps {
+    title: string;
+    children: any;
+    desc: string | ReactElement;
+    isMargin: boolean;
+    hint: string | ReactElement;
+    hintProps: object;
+}
+declare const Container: React.FC<Partial<ContainerProps>>;
+export default Container;

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;