@pisell/private-materials 3.0.16 → 3.0.17

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

@@ -43,27 +43,59 @@ var import_selectProductItem = __toESM(require("../components/TabProduct/selectP
 var import_TabProduct = __toESM(require("../components/TabProduct"));
 var import_emptyBooking = __toESM(require("../components/emptyBooking"));
 var import_footer = __toESM(require("../components/footer"));
-var import_utils = require("../utils");
-var import_utils2 = require("@pisell/utils");
+var import_utils = require("../components/footer/utils");
+var import_utils2 = require("../utils");
+var import_utils3 = require("@pisell/utils");
 var import_index = require("./index.less");
 var formatProducts = (values) => {
   let arr = [];
   arr = values.map((item) => {
+    var _a, _b, _c;
     return {
       order_detail_id: item.order_detail_id || 0,
-      num: item.quantity,
-      price: item.price,
+      num: item._extend.quantity,
+      price: item._extend.price,
       product_id: item.id,
       discount_amount: 0,
       product_discount_reason: "",
       is_charge_tax: item.is_charge_tax,
       note: "",
       discountway: "num",
-      discount_type: "discount"
+      discount_type: "discount",
+      bundle_edit: (_a = item._extend) == null ? void 0 : _a.bundle_edit,
+      product_bundle: (0, import_utils.formatProductBundle)((_c = (_b = item._extend) == null ? void 0 : _b.other) == null ? void 0 : _c.bundle)
     };
   });
   return arr;
 };
+var restoreProductOtherData = (data) => {
+  let detail = data;
+  return {
+    product_id: detail.product_id,
+    option: [],
+    bundle: (detail.product_bundle || []).map((bundleItem) => {
+      return {
+        ...bundleItem,
+        title: bundleItem.bundle_title,
+        group_id: bundleItem.bundle_group_id,
+        id: bundleItem.bundle_id,
+        product_id: bundleItem.bundle_product_id,
+        bundle_variant_id: bundleItem.bundle_variant_id,
+        quantity: bundleItem.num,
+        option: bundleItem.option.map((optionItem) => {
+          return {
+            ...optionItem,
+            name: optionItem.name["auto"],
+            quantity: bundleItem.num,
+            product_option_item_id: optionItem.option_group_item_id
+          };
+        })
+      };
+    }),
+    product_variant_id: 0,
+    quantity: Number(detail.product_quantity)
+  };
+};
 var formatProductValues = (data) => {
   return data.map((d) => {
     return {
@@ -72,7 +104,15 @@ var formatProductValues = (data) => {
       title: d.product_title,
       quantity: d.product_quantity,
       cover: d.product_cover,
-      price: Number(d.selling_price),
+      price: Number(d.source_product_price),
+      _extend: {
+        total: Number(d.selling_price),
+        payment_price: Number(d.payment_price),
+        price: Number(d.source_product_price),
+        quantity: d.product_quantity,
+        bundle_edit: 0,
+        other: restoreProductOtherData(d)
+      },
       payment_price: Number(d.payment_price)
     };
   });
@@ -125,12 +165,17 @@ var Addons = (0, import_model.Provider)((props) => {
     let data = await state.apis.getProducts({
       skip: 1,
       num: 500,
-      extension_type: ["normal"],
+      extension_type: [
+        "normal",
+        "product_bundle",
+        "product_package_ticket",
+        "ticket"
+      ],
       with: ["category"],
-      include_formula: "no",
-      include_bundle: "no",
-      include_option: "no",
-      include_variant: "no",
+      // include_formula: "no",
+      // include_bundle: "no",
+      // include_option: "no",
+      // include_variant: "no",
       open_quotation: 1,
       with_schedule: 0
     });
@@ -143,26 +188,52 @@ var Addons = (0, import_model.Provider)((props) => {
   };
   const handleAddProduct = (item) => {
     let _list = [...state.addons.value];
-    let _item = _list.find((d) => d.id === item.id);
-    if (_item) {
-      _item.quantity = _item.quantity + 1;
-    } else {
-      _list.push({
-        ...item,
-        quantity: 1
-      });
-    }
-    dispatch({
-      type: "setAddons",
-      payload: {
-        value: _list,
-        showModal: false,
-        // 编辑态
-        edit: true
+    state.action({
+      type: "pisell1.handleOpenProductModal",
+      data: {
+        id: item.id,
+        date: state.date.value.format("YYYY-MM-DD"),
+        showConfig: {
+          option: false,
+          session: false,
+          variant: false,
+          package: true
+        }
+      },
+      callback: (e) => {
+        let product = {
+          ...item,
+          _id: (0, import_utils3.getUniqueId)(),
+          _key: e.key,
+          _extend: {
+            price: item.price,
+            other: e,
+            quantity: 1
+          },
+          quantity: 1
+        };
+        let _total = (0, import_utils2.getProductTotalPrice)(product);
+        product._extend.total = _total;
+        let _item = _list.find((d) => d._extend.other.key === e.key);
+        if (_item) {
+          _item._extend.quantity = _item.quantity + 1;
+        } else {
+          _list.push(product);
+        }
+        dispatch({
+          type: "setAddons",
+          payload: {
+            value: _list,
+            showModal: false,
+            // 编辑态
+            edit: true
+          }
+        });
       }
     });
   };
   const onChangeQuantity = (e, item) => {
+    var _a2;
     let quantity = e.target.value;
     let _list = [...state.addons.value];
     if (quantity == 0) {
@@ -170,8 +241,16 @@ var Addons = (0, import_model.Provider)((props) => {
     } else {
       let _item = {
         ...item,
-        quantity: Number(e.target.value)
+        _extend: {
+          ...item._extend,
+          quantity: Number(e.target.value)
+        }
       };
+      let _total = (0, import_utils2.getProductTotalPrice)(_item);
+      _item._extend.total = _total;
+      if (((_a2 = _item._extend) == null ? void 0 : _a2.bundle_edit) !== void 0) {
+        _item._extend.bundle_edit = 1;
+      }
       _list = _list.map((d) => d.id === item.id ? _item : d);
     }
     dispatch({
@@ -188,7 +267,7 @@ var Addons = (0, import_model.Provider)((props) => {
     const isIncludes = (str) => {
       return str.toLowerCase().indexOf(search.toLowerCase()) !== -1;
     };
-    return (0, import_utils.formatProductListByCategory)(
+    return (0, import_utils2.formatProductListByCategory)(
       _list,
       search ? (item) => isIncludes(item.title) : void 0
     );
@@ -222,7 +301,7 @@ var Addons = (0, import_model.Provider)((props) => {
           disabled: loading,
           onClick: handleOpenAdd
         },
-        import_utils2.locales.getText("pisell2.text.add")
+        import_utils3.locales.getText("pisell2.text.add")
       )
     ];
     return arr;
@@ -233,14 +312,58 @@ var Addons = (0, import_model.Provider)((props) => {
     }
     return /* @__PURE__ */ import_react.default.createElement(import_footer.default, { state, buttons: _footer, source: "addons" });
   }, [state, _footer]);
+  const editProductDetail = (item) => {
+    console.log("item._extend.other", item._extend.other);
+    state.action({
+      type: "pisell1.handleOpenProductModal",
+      data: {
+        id: item.id,
+        date: state.date.value.format("YYYY-MM-DD"),
+        showConfig: {
+          option: false,
+          session: false,
+          variant: false,
+          package: true
+        },
+        value: item._extend.other
+      },
+      callback: (e) => {
+        var _a2;
+        let product = {
+          ...item,
+          _extend: {
+            ...item._extend,
+            other: e
+          }
+        };
+        if (((_a2 = product._extend) == null ? void 0 : _a2.bundle_edit) !== void 0) {
+          product._extend.bundle_edit = 1;
+        }
+        let _total = (0, import_utils2.getProductTotalPrice)(product);
+        product._extend.total = _total;
+        let _list = [...state.addons.value];
+        console.log("cacheItem", product);
+        _list = _list.map((d) => d._id === product._id ? product : d);
+        dispatch({
+          type: "setAddons",
+          payload: {
+            value: _list,
+            showModal: false,
+            // 编辑态
+            edit: true
+          }
+        });
+      }
+    });
+  };
   return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(
     import_tabPane.default,
     {
       loading,
-      header: import_utils2.locales.getText("pisell2.text.addons"),
+      header: import_utils3.locales.getText("pisell2.text.addons"),
       footer
     },
-    !state.bookingId ? /* @__PURE__ */ import_react.default.createElement(import_emptyBooking.default, null) : /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, state.addons.value.length ? /* @__PURE__ */ import_react.default.createElement("div", { className: "", style: { margin: "0 -16px" } }, state.addons.value.map((d) => {
+    !state.bookingId ? /* @__PURE__ */ import_react.default.createElement(import_emptyBooking.default, null) : /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, state.addons.value.length ? /* @__PURE__ */ import_react.default.createElement("div", { className: "", style: { margin: "0 -32px" } }, state.addons.value.map((d) => {
       return /* @__PURE__ */ import_react.default.createElement(
         import_selectProductItem.default,
         {
@@ -248,6 +371,7 @@ var Addons = (0, import_model.Provider)((props) => {
           item: d,
           key: d.id,
           amountSymbol: state.amountSymbol,
+          onClick: editProductDetail,
           onChangeQuantity: (e) => {
             onChangeQuantity(e, d);
           }
@@ -256,13 +380,13 @@ var Addons = (0, import_model.Provider)((props) => {
     })) : /* @__PURE__ */ import_react.default.createElement(
       import_emptyBooking.default,
       {
-        description: import_utils2.locales.getText("pisell1.text.no-addons")
+        description: import_utils3.locales.getText("pisell1.text.no-addons")
       }
     ), /* @__PURE__ */ import_react.default.createElement(
       import_drawer.default,
       {
         open: state.addons.showModal,
-        title: import_utils2.locales.getText("pisell2.text.addons"),
+        title: import_utils3.locales.getText("pisell2.text.addons"),
         onClose: () => {
           dispatch({
             type: "setAddons",
@@ -277,7 +401,7 @@ var Addons = (0, import_model.Provider)((props) => {
           {
             prefix: /* @__PURE__ */ import_react.default.createElement(import_SearchLg.default, null),
             style: { marginTop: 16, height: 44 },
-            placeholder: import_utils2.locales.getText("pisell2.text.search"),
+            placeholder: import_utils3.locales.getText("pisell2.text.search"),
             allowClear: true,
             value: search,
             onChange: (e) => {

package/lib/components/booking/addons/model.d.ts

@@ -1,6 +1,5 @@
-/// <reference types="react" />
 import { FormState } from "../model";
-export declare const Provider: (ComponentUi: any) => (props: any) => any, Context: import("react").Context<{
+export declare const Provider: (ComponentUi: any) => (props: any) => JSX.Element, Context: import("react").Context<{
     state: FormState;
 } & {
     dispatch: (params: {

package/lib/components/booking/components/TabProduct/selectProductItem/index.js

@@ -36,6 +36,8 @@ var import_react = __toESM(require("react"));
 var import_utils = require("@pisell/utils");
 var import_classnames = __toESM(require("classnames"));
 var import_browserSelect = __toESM(require("../../browserSelect"));
+var import_collapsibleList = __toESM(require("../../collapsibleList"));
+var import_utils2 = require("../../collapsibleList/utils");
 var import_index = require("./index.less");
 var SelectProductItem = ({
   item,
@@ -46,6 +48,7 @@ var SelectProductItem = ({
   className,
   disabled
 }) => {
+  var _a, _b, _c, _d;
   const list = (0, import_utils.createArray)(100, (d, i) => {
     let item2 = {
       label: i,
@@ -72,16 +75,38 @@ var SelectProductItem = ({
         className: "server-select-product-cover"
       }
     ) : /* @__PURE__ */ import_react.default.createElement("div", null),
-    /* @__PURE__ */ import_react.default.createElement("div", { className: "server-select-product-content" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "server-select-product-content-left" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "server-select-product-title" }, item.title), /* @__PURE__ */ import_react.default.createElement("div", { className: "server-select-product-subtitle" }, item.subtitle || ""), /* @__PURE__ */ import_react.default.createElement("div", { className: "server-select-product-quantity" }, /* @__PURE__ */ import_react.default.createElement(
-      import_browserSelect.default,
+    /* @__PURE__ */ import_react.default.createElement("div", { className: "server-select-product-content" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "server-select-product-title" }, item.title), /* @__PURE__ */ import_react.default.createElement("div", { className: "server-select-product-subtitle" }, item.subtitle || ""), (((_b = (_a = item._extend) == null ? void 0 : _a.other) == null ? void 0 : _b.bundle) || []).length ? /* @__PURE__ */ import_react.default.createElement(
+      import_collapsibleList.default,
       {
-        options: list,
-        value: item.quantity,
-        onChange: onChangeQuantity,
-        style: { minWidth: 50 },
-        disabled
+        style: { width: "100%" },
+        list: ((_d = (_c = item._extend) == null ? void 0 : _c.other) == null ? void 0 : _d.bundle) || [],
+        renderItem: (item2) => (0, import_utils2.renderBundles)(item2, amountSymbol)
       }
-    ))), /* @__PURE__ */ import_react.default.createElement("div", { className: "server-select-product-content-right" }, (0, import_utils.formatAmount)(item.price * item.quantity, 2, amountSymbol)))
+    ) : null, /* @__PURE__ */ import_react.default.createElement(
+      "div",
+      {
+        className: "server-select-product-quantity",
+        onClick: (e) => {
+          e.preventDefault();
+          e.stopPropagation();
+        }
+      },
+      /* @__PURE__ */ import_react.default.createElement(
+        import_browserSelect.default,
+        {
+          options: list,
+          value: item._extend.quantity,
+          onChange: onChangeQuantity,
+          style: { minWidth: 50 },
+          disabled
+        }
+      ),
+      /* @__PURE__ */ import_react.default.createElement("div", { className: "server-select-product-total" }, (0, import_utils.formatAmount)(
+        item._extend.total * item._extend.quantity,
+        2,
+        amountSymbol
+      ))
+    ))
   );
 };
 var selectProductItem_default = SelectProductItem;

package/lib/components/booking/components/TabProduct/selectProductItem/index.less

@@ -3,7 +3,7 @@
   padding: 16px;
   position: relative;
   display: flex;
-  align-items: center;
+  align-items: flex-start;
   gap: 12px;
 
   &::before {
@@ -33,42 +33,49 @@
   .server-select-product-content {
     flex: 1;
     display: flex;
-    align-items: center;
+    flex-direction: column;
+    justify-content: space-between;
+    align-items: flex-start;
+    gap: 4px;
+    min-height: 80px;
 
-    .server-select-product-content-left {
-      flex: 1;
+    .server-select-product-title {
+      color: var(--Base-Black, #000);
+      font-size: 20px;
+      font-style: normal;
+      font-weight: 600;
+      line-height: 30px;
+    }
 
-      .server-select-product-title {
-        color: var(--Base-Black, #000);
-        font-size: 20px;
-        font-style: normal;
-        font-weight: 600;
-        line-height: 30px;
-      }
+    .server-select-product-subtitle {
+      color: var(--Gray-600, #475467);
+      font-size: 16px;
+      font-style: normal;
+      font-weight: 400;
+      line-height: 24px;
+    }
 
-      .server-select-product-subtitle {
-        color: var(--Gray-600, #475467);
-        font-size: 16px;
-        font-style: normal;
-        font-weight: 400;
-        line-height: 24px;
-      }
+    .server-select-product-quantity {
+      width: 100%;
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      color: var(--Gray-600, #475467);
 
-      .server-select-product-quantity {
-        color: var(--Gray-600, #475467);
+      font-size: 16px;
+      font-style: normal;
+      font-weight: 400;
 
+      .server-select-product-total {
+        color: var(--Base-Black, #000);
         font-size: 16px;
         font-style: normal;
-        font-weight: 400;
+        font-weight: 500;
+        line-height: 24px;
       }
     }
 
-    .server-select-product-content-right {
-      color: var(--Base-Black, #000);
-      font-size: 20px;
-      font-style: normal;
-      font-weight: 600;
-    }
+
 
   }
 

package/lib/components/booking/components/collapsibleList/index.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+import "./index.less";
+interface CollapsibleListProps<T> {
+    list: T[];
+    renderItem: (item: T, index: number) => React.ReactNode;
+    className?: string;
+    style?: React.CSSProperties;
+    border?: boolean;
+}
+declare const CollapsibleList: React.FC<CollapsibleListProps<any>>;
+export default CollapsibleList;

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

@@ -0,0 +1,94 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/booking/components/collapsibleList/index.tsx
+var collapsibleList_exports = {};
+__export(collapsibleList_exports, {
+  default: () => collapsibleList_default
+});
+module.exports = __toCommonJS(collapsibleList_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 MAX_LIMIT = 3;
+var CollapsibleList = (props) => {
+  const { list = [], renderItem, className, style, border } = props;
+  const [maxLimit, setMaxLimit] = (0, import_react.useState)(MAX_LIMIT);
+  const handlePreviewAll = () => {
+    let _maxLimit = maxLimit;
+    if (_maxLimit === MAX_LIMIT) {
+      _maxLimit = 99;
+    } else {
+      _maxLimit = MAX_LIMIT;
+    }
+    setMaxLimit(_maxLimit);
+  };
+  const showAll = (0, import_react.useMemo)(() => {
+    return list.length > MAX_LIMIT;
+  }, [list]);
+  const viewAllText = (0, import_react.useMemo)(() => {
+    let _maxLimit = maxLimit;
+    if (_maxLimit === MAX_LIMIT) {
+      return import_utils.locales.getText("pisell2.text.view-all");
+    }
+    return import_utils.locales.getText("pisell2.text.view-less");
+  }, [maxLimit]);
+  const _list = (0, import_react.useMemo)(() => {
+    let arr = [...list];
+    let _maxLimit = maxLimit;
+    if (list.length > _maxLimit) {
+      arr = arr.slice(0, _maxLimit);
+    }
+    return arr;
+  }, [list.length, maxLimit]);
+  return /* @__PURE__ */ import_react.default.createElement(
+    "div",
+    {
+      className: (0, import_classnames.default)("pisell2-collapsible-list-wrap", className),
+      style
+    },
+    border ? /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell2-collapsible-list-top-border" }) : null,
+    /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell2-collapsible-list" }, _list.map((d, i) => {
+      return renderItem(d, i);
+    })),
+    showAll ? /* @__PURE__ */ import_react.default.createElement(
+      "div",
+      {
+        className: "pisell2-collapsible-list-view-all",
+        onClick: (e) => {
+          e.preventDefault();
+          e.stopPropagation();
+          handlePreviewAll();
+        }
+      },
+      viewAllText
+    ) : null
+  );
+};
+var collapsibleList_default = CollapsibleList;

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

@@ -0,0 +1,61 @@
+.pisell2-collapsible-list-wrap {
+  .pisell2-collapsible-list-top-border {
+    height: 1px;
+    background: #f1f1f1;
+    width: 100%;
+    margin: 8px 0;
+  }
+
+  .pisell2-collapsible-list {
+    display: flex;
+    flex-direction: column;
+    gap: 4px;
+  }
+
+  .pisell2-collapsible-list-view-all {
+    margin-top: 4px;
+    color: #7f56d9;
+    font-size: 16px;
+    font-style: normal;
+    font-weight: 700;
+    line-height: 24px;
+    user-select: none;
+  }
+
+}
+
+
+.product-bundle-item {
+  width: 100%;
+
+  .product-bundle-info {
+    width: 100%;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+
+    .product-bundle-info-title {
+      color: var(--gray-500, #667085);
+      font-size: 14px;
+      font-style: normal;
+      font-weight: 500;
+      line-height: 20px;
+    }
+
+    .product-bundle-info-num {
+      color: var(--Gray-500, #667085);
+      font-size: 14px;
+      font-style: normal;
+      font-weight: 400;
+      line-height: 20px;
+      flex-shrink: 0;
+    }
+  }
+
+  .product-bundle-option {
+    color: var(--gray-500, #667085);
+    font-size: 12px;
+    margin-top: 4px;
+  }
+
+}

package/lib/components/booking/components/collapsibleList/utils.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare const renderBundles: (item: any, amountSymbol: string) => React.JSX.Element;

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

@@ -0,0 +1,46 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/booking/components/collapsibleList/utils.tsx
+var utils_exports = {};
+__export(utils_exports, {
+  renderBundles: () => renderBundles
+});
+module.exports = __toCommonJS(utils_exports);
+var import_react = __toESM(require("react"));
+var import_utils = require("@pisell/utils");
+var renderBundles = (item, amountSymbol) => {
+  const options = (item == null ? void 0 : item.option) || [];
+  return /* @__PURE__ */ import_react.default.createElement("div", { key: item.id, className: "product-bundle-item" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "product-bundle-info" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "product-bundle-info-title" }, item.title), /* @__PURE__ */ import_react.default.createElement("div", { className: "product-bundle-info-num" }, (0, import_utils.formatAmount)(item.price, 2, amountSymbol), " × ", item.num)), /* @__PURE__ */ import_react.default.createElement("div", { className: "product-bundle-option" }, options.map((option, index) => {
+    return /* @__PURE__ */ import_react.default.createElement("span", { key: option.id }, option.name, " x ", option.num, " ", index < options.length - 1 && ",", " ");
+  })));
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  renderBundles
+});