@pisell/private-materials 3.0.14 → 3.0.16

package/es/components/booking/utils.js

@@ -7,12 +7,34 @@ function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToAr
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
 function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 import dayjs from 'dayjs';
 import { locales } from "@pisell/utils";
 import { intersectionBy } from 'lodash';
+var Request = /*#__PURE__*/function () {
+  function Request() {
+    _classCallCheck(this, Request);
+    _defineProperty(this, "request", {});
+  }
+  _createClass(Request, [{
+    key: "setRequest",
+    value: function setRequest(val) {
+      this.request = val;
+    }
+  }, {
+    key: "getRequest",
+    value: function getRequest() {
+      return this.request;
+    }
+  }]);
+  return Request;
+}();
+export var request = new Request();
 export var getDiscountTime = function getDiscountTime(service_times) {
   if (!service_times) {
     return "";

package/es/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/es/components/productExtension/fields/SelectProducts/ProductItemPreview/index.js

@@ -0,0 +1,39 @@
+import React from "react";
+import { image } from "@pisell/utils";
+import XClose from "@pisell/icon/es/XClose";
+import classNames from "classnames";
+import "./index.less";
+var ProductItemPreview = function ProductItemPreview(_ref) {
+  var _ref$item = _ref.item,
+    item = _ref$item === void 0 ? {} : _ref$item,
+    _onClick = _ref.onClick,
+    onRemove = _ref.onRemove,
+    _ref$amountSymbol = _ref.amountSymbol,
+    amountSymbol = _ref$amountSymbol === void 0 ? "$" : _ref$amountSymbol,
+    style = _ref.style,
+    className = _ref.className;
+  return /*#__PURE__*/React.createElement("div", {
+    style: style,
+    className: classNames("product-item-card-preview", className),
+    onClick: function onClick() {
+      _onClick(item);
+    }
+  }, item.cover ? /*#__PURE__*/React.createElement("img", {
+    src: image.ali(item.cover, 100),
+    className: "product-item-card-preview-cover"
+  }) : null, /*#__PURE__*/React.createElement("div", {
+    className: "product-item-card-preview-content"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "product-item-card-preview-title"
+  }, item.title)), /*#__PURE__*/React.createElement("div", {
+    className: "product-item-card-preview-close-wrap",
+    onClick: function onClick(e) {
+      e.preventDefault();
+      e.stopPropagation();
+      onRemove === null || onRemove === void 0 ? void 0 : onRemove(item);
+    }
+  }, /*#__PURE__*/React.createElement(XClose, {
+    className: "product-item-card-preview-close"
+  })));
+};
+export default ProductItemPreview;

package/es/components/productExtension/fields/SelectProducts/ProductItemPreview/index.less

@@ -0,0 +1,62 @@
+.product-item-card-preview {
+  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-preview-cover {
+    width: 40px;
+    height: 40px;
+    border-radius: 8px;
+    object-fit: cover;
+  }
+
+  .product-item-card-preview-content {
+    flex: 1;
+
+    .product-item-card-preview-title {
+      color: var(--text-text-1, #1B1B1B);
+
+
+      font-size: 14px;
+      font-style: normal;
+      font-weight: 600;
+      line-height: 20px;
+    }
+
+  }
+
+  .product-item-card-preview-close-wrap {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 40px;
+    height: 40px;
+    cursor: pointer;
+
+    .product-item-card-close {
+      font-size: 30px;
+
+    }
+  }
+
+
+}

package/es/components/productExtension/fields/SelectProducts/index.js

@@ -9,6 +9,7 @@ import { useRequest } from "ahooks";
 import SelectModal from "../../../selectModal";
 import { getProductList } from "./server";
 import ProductItem from "./ProductItem";
+import ProductItemPreview from "./ProductItemPreview";
 import "./index.less";
 import { locales } from "@pisell/utils";
 var SelectProducts = function SelectProducts(_ref) {
@@ -41,9 +42,15 @@ var SelectProducts = function SelectProducts(_ref) {
       skip: 1,
       num: 500,
       with: ["category"],
-      open_quotation: 1
+      open_quotation: 1,
+      exclude_extension_type: ["event_item"]
     });
   }, []);
+  var onRemove = function onRemove(item) {
+    _onChange === null || _onChange === void 0 ? void 0 : _onChange((value || []).filter(function (d) {
+      return (d.id || d.product_id) !== item.id;
+    }));
+  };
   return /*#__PURE__*/React.createElement(SelectModal, {
     value: _value,
     loading: _getProductList.loading,
@@ -58,10 +65,11 @@ var SelectProducts = function SelectProducts(_ref) {
     },
     dataSource: _getProductList.data,
     renderValueItem: function renderValueItem(item, onSelect) {
-      return /*#__PURE__*/React.createElement(ProductItem, {
+      return /*#__PURE__*/React.createElement(ProductItemPreview, {
         key: item === null || item === void 0 ? void 0 : item.id,
         item: item,
-        onClick: onSelect
+        onClick: onSelect,
+        onRemove: onRemove
       });
     },
     renderOptionItem: function renderOptionItem(item, onSelect) {

package/es/components/productExtension/fields/SelectResourcesTable/index.js

@@ -14,7 +14,7 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
 function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import React, { useState, useMemo, useEffect } from "react";
-import { Switch, Select } from "antd";
+import { Select } from "antd";
 // import {} from '@pisell/materials'
 import { locales } from "@pisell/utils";
 import { getFormTypes, getAllResource } from "./server";
@@ -47,7 +47,8 @@ var SelectResourcesTable = function SelectResourcesTable(_ref) {
             _getFormTypes = getFormTypes({
               type: "manual",
               num: 500,
-              skip: 1
+              skip: 1,
+              status: "published"
             }, {
               useCache: true
             });
@@ -130,24 +131,26 @@ var SelectResourcesTable = function SelectResourcesTable(_ref) {
       value: value,
       data: data,
       width: 100
-    }, {
-      title: locales.getText("pisell2.text.product-extension.open"),
-      dataIndex: "open",
-      width: 80,
-      render: function render(text, record, index) {
-        var cur = value === null || value === void 0 ? void 0 : value.find(function (d) {
-          return d.form_id === record.form_id;
-        });
-        var bol = !!((cur === null || cur === void 0 ? void 0 : cur.form_record_ids) || []).length;
-        return /*#__PURE__*/React.createElement(Switch, {
-          disabled: !bol,
-          checked: bol,
-          onChange: function onChange(e) {
-            _onChange([], record.id);
-          }
-        });
-      }
-    }, {
+    },
+    // {
+    // 	title: locales.getText("pisell2.text.product-extension.open"),
+    // 	dataIndex: "open",
+    // 	width: 80,
+    // 	render: (text: any, record: any, index: number) => {
+    // 		let cur = value?.find((d: any) => d.form_id === record.form_id);
+    // 		let bol = !!(cur?.form_record_ids || []).length;
+    // 		return (
+    // 			<Switch
+    // 				disabled={!bol}
+    // 				checked={bol}
+    // 				onChange={(e) => {
+    // 					_onChange([], record.id);
+    // 				}}
+    // 			/>
+    // 		);
+    // 	},
+    // },
+    {
       title: locales.getText("pisell2.text.product-extension.options"),
       dataIndex: "form_id",
       render: function render(form_id, record, index) {

package/es/components/productExtension/index.js

@@ -69,7 +69,8 @@ var ProductExtension = function ProductExtension(_ref) {
           message: locales.getText("pisell2.text.product-extension.please-select")
         }] : [],
         key: childIndex,
-        noStyle: true
+        noStyle: true,
+        initialValue: child.key === "event_item_capacity" ? 1 : undefined
       }, renderItem(child, name));
     }));
   }));

package/es/components/productExtension/locales.js

@@ -1,8 +1,8 @@
 export default {
   "en": {
     'pisell2.text.product-extension.please-select': "Please select",
-    'pisell2.text.product-extension.cut-off-time': 'Cut-off time',
-    'pisell2.text.product-extension.cut-off-time.desc': 'How long can I make an appointment before the event.Must be less than 168 hours',
+    'pisell2.text.product-extension.cut-off-time': 'Cut-off Time',
+    'pisell2.text.product-extension.cut-off-time.desc': 'Use this setting to prevent last minute events. For example: you can prevent same day booking (set 1 day) or prevent events less than 6 hours away.',
     'pisell2.text.product-extension.future-day': 'Future Day',
     'pisell2.text.product-extension.future-day.hint': 'The maximum number of days in the future that customers can book',
     'pisell2.text.product-extension.days': 'Days',
@@ -12,12 +12,12 @@ export default {
     'pisell2.text.product-extension.add-other-product': 'Add Other Product',
     'pisell2.text.product-extension.resource-type': 'Resource Type',
     'pisell2.text.product-extension.open': 'Open',
-    'pisell2.text.product-extension.options': 'Options'
+    'pisell2.text.product-extension.options': 'Items'
   },
   'zh-CN': {
     'pisell2.text.product-extension.please-select': "请选择",
     'pisell2.text.product-extension.cut-off-time': '截止时间',
-    'pisell2.text.product-extension.cut-off-time.desc': '用于配置活动开始前多久停止预约(最大设置168小时)',
+    'pisell2.text.product-extension.cut-off-time.desc': '使用此设置可防止最后一分钟的事件。 例如：您可以阻止当天预订（设置为 1 天）或阻止距离不到 6 小时的活动。',
     'pisell2.text.product-extension.future-day': '预定天数',
     'pisell2.text.product-extension.future-day.hint': '客户未来最多可预订天数',
     'pisell2.text.product-extension.days': '天',
@@ -32,7 +32,7 @@ export default {
   'zh-HK': {
     'pisell2.text.product-extension.please-select': "請選擇",
     'pisell2.text.product-extension.cut-off-time': '截止时间',
-    'pisell2.text.product-extension.cut-off-time.desc': '用於配置活動開始前多久停止預約(最大設置168小時)',
+    'pisell2.text.product-extension.cut-off-time.desc': '使用此設置可防止最後一分鐘的事件。例如：您可以阻止當天預訂（設置為 1 天）或阻止距離不到 6 小時的活動。',
     'pisell2.text.product-extension.future-day': '預定天數',
     'pisell2.text.product-extension.future-day.hint': '客戶未來最多可預訂天數',
     'pisell2.text.product-extension.days': '天',

package/es/components/schedules/index.d.ts

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

package/es/components/schedules/model.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { CalendarDataItem, ScheduleItem } from "./type";
 import dayjs from "dayjs";
 export interface FormState {
@@ -68,7 +69,7 @@ export interface FormState {
     };
     setGlobalState: Function | null;
 }
-export declare const Provider: (ComponentUi: any) => (props: any) => JSX.Element, Context: import("react").Context<{
+export declare const Provider: (ComponentUi: any) => (props: any) => any, Context: import("react").Context<{
     state: FormState;
 } & {
     dispatch: (params: {

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

@@ -13,5 +13,5 @@ export interface InfoProps {
     setGlobalState: any;
 }
 export declare const formatProducts: (values: any) => any;
-declare const Addons: (props: any) => JSX.Element;
+declare const Addons: (props: any) => any;
 export default Addons;

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

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

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

@@ -43,7 +43,10 @@
   }
 
   .booking-pisell-tabs-btn-left {
-    transform: rotate(180deg);
+    .booking-pisell-tabs-btn-icon {
+      transform: rotate(180deg);
+
+    }
   }
 
   .booking-pisell-tabs-btn-right {

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

@@ -171,6 +171,9 @@ var Footer = (props) => {
       return callbackData;
     } catch (err) {
       console.log(err);
+      if ((err == null ? void 0 : err.code) === 70101) {
+        import_antd.message.error(err == null ? void 0 : err.message);
+      }
       _setLoading(false);
     }
   };
@@ -384,12 +387,12 @@ var Footer = (props) => {
       if (!state.bookingDetail) {
         return true;
       }
-      if (!((_a2 = state.addons) == null ? void 0 : _a2.load)) {
+      if (!((_a2 = state.addons) == null ? void 0 : _a2.load) && state.renderType !== "eventBooking") {
         return true;
       }
     }
     return false;
-  }, [state.bookingId, state.bookingDetail, (_e = state.addons) == null ? void 0 : _e.load]);
+  }, [state.bookingId, state.bookingDetail, (_e = state.addons) == null ? void 0 : _e.load, state.renderType]);
   return /* @__PURE__ */ import_react.default.createElement(import_antd.Skeleton, { title: false, round: true, loading: showFooter, active: true }, /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-footer-total" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "pisell-lowcode__booking-footer-left" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "pisell-lowcode__booking-footer-left-total" }, totalText), /* @__PURE__ */ import_react.default.createElement("span", { className: "pisell-lowcode__booking-footer-left-arrears" }, arrearsText)), /* @__PURE__ */ import_react.default.createElement(
     "span",
     {

package/lib/components/booking/forms/forms.d.ts

@@ -21,5 +21,5 @@ export interface InfoProps {
  * @Author: zhiwei.Wang
  * @Date: 2024-01-30 17:10
  */
-declare const Forms: (props: any) => JSX.Element;
+declare const Forms: (props: any) => any;
 export default Forms;

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

@@ -5,5 +5,5 @@ export interface InfoProps {
     globalState: any;
     setGlobalState: any;
 }
-declare const Forms: (props: any) => JSX.Element;
+declare const Forms: (props: any) => any;
 export default Forms;

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

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

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

@@ -1,2 +1,2 @@
-declare const Booking: (props: any) => JSX.Element;
+declare const Booking: (props: any) => any;
 export default Booking;

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

@@ -8,5 +8,5 @@ export interface InfoProps {
     slot: any;
     setState: any;
 }
-declare const Info: (props: any) => JSX.Element;
+declare const Info: (props: any) => any;
 export default Info;

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

@@ -46,6 +46,7 @@ var import_locales = __toESM(require("../locales"));
 var import_utils = require("@pisell/utils");
 var import_utils2 = require("../utils");
 var import_date2 = require("./date");
+var import_notes = __toESM(require("./notes"));
 var import_index = require("./index.less");
 var defaultModules = {
   client: 1,
@@ -56,7 +57,7 @@ var defaultModules = {
 };
 import_utils.locales.init(import_locales.default, localStorage.getItem("umi_locale") || "en");
 var Info = (0, import_model.Provider)((props) => {
-  var _a, _b, _c, _d, _e;
+  var _a, _b, _c, _d, _e, _f, _g;
   const { style, globalState, modules = defaultModules, slot } = props;
   const modal = (0, import_react.useContext)(import_model.Context);
   const params = (0, import_react.useMemo)(() => {
@@ -101,7 +102,24 @@ var Info = (0, import_model.Provider)((props) => {
       return import_utils.locales.getText("pisell2.text.enroll");
     }
     return (globalState == null ? void 0 : globalState.bookingId) ? /* @__PURE__ */ import_react.default.createElement(import_header.default, { state: modal.state, dispatch: modal.dispatch }) : import_utils.locales.getText("pisell2.text.new-appointment");
-  }, [globalState == null ? void 0 : globalState.bookingId, modal.state, modal.dispatch, globalState == null ? void 0 : globalState.renderType]);
+  }, [
+    globalState == null ? void 0 : globalState.bookingId,
+    modal.state,
+    modal.dispatch,
+    globalState == null ? void 0 : globalState.renderType
+  ]);
+  const notes = (0, import_react.useMemo)(() => {
+    var _a2, _b2;
+    if (!modules.note) {
+      return null;
+    }
+    return (globalState == null ? void 0 : globalState.bookingId) ? globalState.renderType === "eventBooking" ? /* @__PURE__ */ import_react.default.createElement(import_notes.default, null) : null : /* @__PURE__ */ import_react.default.createElement(import_addNote.default, { value: (_b2 = (_a2 = modal.state) == null ? void 0 : _a2.notes) == null ? void 0 : _b2.orderNote, onChange: addNote });
+  }, [
+    modules.note,
+    globalState == null ? void 0 : globalState.bookingId,
+    globalState.render,
+    (_f = (_e = modal.state) == null ? void 0 : _e.notes) == null ? void 0 : _f.orderNote
+  ]);
   return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, !!modal.state.setGlobalState ? /* @__PURE__ */ import_react.default.createElement(
     import_tabPane.default,
     {
@@ -117,13 +135,7 @@ var Info = (0, import_model.Provider)((props) => {
       ),
       bodyClassName: "booking-info-warp"
     },
-    /* @__PURE__ */ import_react.default.createElement("div", { className: "booking-info" }, modules.client ? /* @__PURE__ */ import_react.default.createElement(import_client.default, null) : null, modules.holder && !((_e = modal.state) == null ? void 0 : _e.disabledEdit) ? /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, params.type === "form" ? /* @__PURE__ */ import_react.default.createElement(import_pet.default, null) : null) : null, modules.date ? /* @__PURE__ */ import_react.default.createElement(import_date.default, null) : null, modules.service ? /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, modal.state.date.value ? /* @__PURE__ */ import_react.default.createElement(import_service.default, null) : null) : null, modules.note ? /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, (globalState == null ? void 0 : globalState.bookingId) ? null : /* @__PURE__ */ import_react.default.createElement(
-      import_addNote.default,
-      {
-        value: modal.state.notes.orderNote,
-        onChange: addNote
-      }
-    )) : null, slot ? slot : null)
+    /* @__PURE__ */ import_react.default.createElement("div", { className: "booking-info" }, modules.client ? /* @__PURE__ */ import_react.default.createElement(import_client.default, null) : null, modules.holder && !((_g = modal.state) == null ? void 0 : _g.disabledEdit) ? /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, params.type === "form" ? /* @__PURE__ */ import_react.default.createElement(import_pet.default, null) : null) : null, modules.date ? /* @__PURE__ */ import_react.default.createElement(import_date.default, null) : null, modules.service ? /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, modal.state.date.value ? /* @__PURE__ */ import_react.default.createElement(import_service.default, null) : null) : null, notes, slot ? slot : null)
   ) : null);
 });
 var info_default = Info;

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

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

package/lib/components/booking/info/notes/index.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const Notes: () => React.JSX.Element;
+export default Notes;

package/lib/components/booking/info/notes/index.js

@@ -0,0 +1,111 @@
+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/info/notes/index.tsx
+var notes_exports = {};
+__export(notes_exports, {
+  default: () => notes_default
+});
+module.exports = __toCommonJS(notes_exports);
+var import_react = __toESM(require("react"));
+var import_model = require("../model");
+var import_utils = require("@pisell/utils");
+var import_NoteBlock = __toESM(require("../../notes/NoteBlock"));
+var Notes = () => {
+  var _a, _b, _c;
+  const modal = (0, import_react.useContext)(import_model.Context);
+  const orderNote = (0, import_react.useMemo)(() => {
+    var _a2, _b2, _c2, _d;
+    if (!((_b2 = (_a2 = modal.state) == null ? void 0 : _a2.notes) == null ? void 0 : _b2.orderNote)) {
+      return [];
+    }
+    return [
+      {
+        id: 0,
+        content: ((_d = (_c2 = modal.state) == null ? void 0 : _c2.notes) == null ? void 0 : _d.orderNote) || ""
+      }
+    ];
+  }, [(_b = (_a = modal.state) == null ? void 0 : _a.notes) == null ? void 0 : _b.orderNote]);
+  const noteChange = ({ note, status, noteType }) => {
+    var _a2;
+    if (noteType === "internal") {
+      let _list = [...(_a2 = modal.state) == null ? void 0 : _a2.notes.internalNotes];
+      if (status == "add") {
+        _list.push(note);
+      }
+      if (status == "remove") {
+        _list = _list.filter((item) => item.id != note.id);
+      }
+      if (status == "edit") {
+        _list = _list.map((item) => {
+          if (item.id == note.id) {
+            return note;
+          }
+          return item;
+        });
+      }
+      modal.dispatch({
+        type: "setNotes",
+        payload: {
+          internalNotes: _list
+        }
+      });
+      return;
+    }
+    if (noteType === "order") {
+      modal.dispatch({
+        type: "setNotes",
+        payload: {
+          orderNote: note.content || "",
+          edit: false
+        }
+      });
+    }
+  };
+  return /* @__PURE__ */ import_react.default.createElement(
+    import_NoteBlock.default,
+    {
+      noteType: "order",
+      maxLength: 1,
+      title: `${import_utils.locales.getText("pisell2.text.order-notes")}:`,
+      describe: "",
+      notes: orderNote,
+      apis: (_c = modal == null ? void 0 : modal.state) == null ? void 0 : _c.apis,
+      placeholder: import_utils.locales.getText("pisell2.text.add-order-notes"),
+      isEdit: true,
+      onChange: (e, type, noteType) => {
+        noteChange({
+          note: e,
+          status: type,
+          noteType
+        });
+      }
+    }
+  );
+};
+var notes_default = Notes;