@pisell/private-materials 3.2.12 → 3.2.17

package/lib/components/{parallelResourceBooking → appointmentBooking}/components/Provider/Cart/ContinueButton/index.js

@@ -26,7 +26,7 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// src/components/parallelResourceBooking/components/Provider/Cart/ContinueButton/index.tsx
+// src/components/appointmentBooking/components/Provider/Cart/ContinueButton/index.tsx
 var ContinueButton_exports = {};
 __export(ContinueButton_exports, {
   default: () => ContinueButton_default
@@ -35,34 +35,36 @@ module.exports = __toCommonJS(ContinueButton_exports);
 var import_react = __toESM(require("react"));
 var import_utils = require("@pisell/utils");
 var import_materials = require("@pisell/materials");
-var import_Sales = require("../../../../../Sales");
 var import_utils2 = require("../../../../../Sales/Checkout/utils");
-var import_OrderProductModal = __toESM(require("../../OrderProductModal/index"));
-var import_EmptyHolderModal = __toESM(require("../../EmptyHolderModal"));
+var import_useEngineContext = __toESM(require("../../../../../../hooks/useEngineContext"));
+var import_hooks = require("../../../../hooks");
 var import_index = require("./index.less");
 var ContinueButton = () => {
   var _a;
-  const { data } = (0, import_Sales.useSales)();
-  const { onHolderOpen } = (0, import_Sales.useHolder)();
-  const { checkHolder, onCloseCart, cartData, getWithoutCartItemsHolderNames } = (0, import_Sales.useCart)();
-  const { currentStepData, nextStep, isLastStep } = (0, import_Sales.useStep)();
-  const {
-    onCheckout,
-    createBooking,
-    onCheckBeforeBooking,
-    checkBeforeBooking
-  } = (0, import_Sales.useCheckout)();
-  const { openLoginModal, isLogin } = (0, import_Sales.useCustomer)();
+  const context = (0, import_useEngineContext.default)();
+  const utils = context.appHelper.utils || {};
+  const appointmentBooking = (0, import_hooks.useAppointmentBooking)();
+  const { isLogin, openLoginModal } = (0, import_hooks.useAppointmentBookingLogin)();
+  const { currentStep, isLastStep } = (0, import_hooks.useAppointmentBookingStep)();
   const [openCheckout, setOpenCheckout] = (0, import_react.useState)(false);
   const [checkedNumber, setCheckedNumber] = (0, import_react.useState)(0);
   const [openEmptyHolder, setOpenEmptyHolder] = (0, import_react.useState)(false);
-  const { removeSessionStorage } = (0, import_Sales.useSales)();
+  const data = {};
+  const currentStepData = {
+    key: "select-event"
+  };
+  const createBooking = {
+    loading: false
+  };
+  const checkBeforeBooking = {
+    loading: false
+  };
+  const cartData = {};
   const handleCheckout = async () => {
     var _a2;
     const value = (0, import_utils2.formatValues)(data);
-    const result = await onCheckout(value);
+    const result = { success: true };
     if (result == null ? void 0 : result.success) {
-      removeSessionStorage();
     } else {
       (0, import_materials.PisellToast)({
         content: ((_a2 = result == null ? void 0 : result.err) == null ? void 0 : _a2.message) || ""
@@ -70,52 +72,24 @@ var ContinueButton = () => {
     }
   };
   const handleNextStep = async () => {
-    onCloseCart();
-    setOpenEmptyHolder(false);
     if (isLastStep) {
       return handleCheckout();
     }
-    nextStep();
+    return appointmentBooking.next();
   };
   const handleHolder = () => {
-    const isHolder = checkHolder();
-    if (!isHolder) {
-      onHolderOpen();
-      return;
-    }
-    const emptyHolders = getWithoutCartItemsHolderNames();
-    if ((emptyHolders == null ? void 0 : emptyHolders.length) > 0) {
-      return setOpenEmptyHolder(true);
-    }
-    handleNextStep();
   };
   const handleContinue = async () => {
-    if (isLastStep) {
-      const value = (0, import_utils2.formatValues)(data);
-      const checkRes = await onCheckBeforeBooking(value);
-      if ((checkRes == null ? void 0 : checkRes.result) === false) {
-        setCheckedNumber(checkRes == null ? void 0 : checkRes.num);
-        setOpenCheckout(true);
-        return;
-      }
-      const emptyHolders = getWithoutCartItemsHolderNames();
-      if ((emptyHolders == null ? void 0 : emptyHolders.length) > 0) {
-        return setOpenEmptyHolder(true);
-      }
-      onCloseCart();
-      return handleCheckout();
-    }
-    if (!isLogin()) {
-      onCloseCart();
+    if (!isLogin) {
       return openLoginModal({
         callback: (status) => {
           if (status === "success") {
-            handleHolder();
+            handleNextStep();
           }
         }
       });
     }
-    handleHolder();
+    handleNextStep();
   };
   const continueText = (0, import_react.useMemo)(() => {
     if (isLastStep) {
@@ -138,21 +112,6 @@ var ContinueButton = () => {
       loading: confirmLoading
     },
     continueText
-  ), /* @__PURE__ */ import_react.default.createElement(
-    import_OrderProductModal.default,
-    {
-      open: openCheckout,
-      type: "checkout",
-      onCancel: () => setOpenCheckout(false)
-    }
-  ), /* @__PURE__ */ import_react.default.createElement(
-    import_EmptyHolderModal.default,
-    {
-      open: openEmptyHolder,
-      lists: getWithoutCartItemsHolderNames(),
-      onCancel: () => setOpenEmptyHolder(false),
-      onOk: () => handleNextStep()
-    }
   ));
 };
 var ContinueButton_default = ContinueButton;

package/lib/components/{parallelResourceBooking → appointmentBooking}/components/Provider/Cart/Item/Total.js

@@ -26,7 +26,7 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// src/components/parallelResourceBooking/components/Provider/Cart/Item/Total.tsx
+// src/components/appointmentBooking/components/Provider/Cart/Item/Total.tsx
 var Total_exports = {};
 __export(Total_exports, {
   default: () => Total_default
@@ -35,22 +35,19 @@ module.exports = __toCommonJS(Total_exports);
 var import_react = __toESM(require("react"));
 var import_utils = require("@pisell/utils");
 var import_materials = require("@pisell/materials");
-var import_Sales = require("../../../../../Sales");
 var import_useEngineContext = __toESM(require("../../../../../../hooks/useEngineContext"));
+var import_hooks = require("../../../../hooks");
 var import_index = require("./index.less");
 var import_classnames = __toESM(require("classnames"));
 var Total = ({ className, isFooter }) => {
-  var _a, _b, _c, _d, _e, _f;
-  const { taxTitle, totalTaxFee, isPriceIncludeTax, total } = (0, import_Sales.useSummary)();
+  var _a, _b, _c, _d;
   const context = (0, import_useEngineContext.default)();
-  console.log(
-    taxTitle,
-    isPriceIncludeTax,
-    totalTaxFee,
-    total,
-    (_c = (_b = (_a = context == null ? void 0 : context.appHelper) == null ? void 0 : _a.utils) == null ? void 0 : _b.getSymbolic) == null ? void 0 : _c.call(_b),
-    "wh97978"
-  );
+  const appointmentBooking = (0, import_hooks.useAppointmentBooking)();
+  const taxTitle = "GST";
+  const totalTaxFee = 0;
+  const isPriceIncludeTax = true;
+  const total = 0;
+  console.log((_a = context == null ? void 0 : context.appHelper) == null ? void 0 : _a.utils, "wh978976");
   return /* @__PURE__ */ import_react.default.createElement("div", { className: `event-total-wrap ${className}` }, !isPriceIncludeTax && Number(totalTaxFee) > 0 ? /* @__PURE__ */ import_react.default.createElement("div", { className: "gst-wrap" }, /* @__PURE__ */ import_react.default.createElement("span", null, taxTitle, isFooter ? ": " : ""), /* @__PURE__ */ import_react.default.createElement(import_materials.PisellText.Amount, { value: totalTaxFee, showCurrencySymbol: true })) : null, /* @__PURE__ */ import_react.default.createElement(
     "div",
     {
@@ -67,7 +64,7 @@ var Total = ({ className, isFooter }) => {
       }
     ) : null), isPriceIncludeTax && Number(totalTaxFee) > 0 ? /* @__PURE__ */ import_react.default.createElement("span", { className: "gst" }, import_utils.locales.getText("pisell2.event.total.gst")(
       `${isFooter ? `${taxTitle}: ` : taxTitle}`,
-      `${(_f = (_e = (_d = context == null ? void 0 : context.appHelper) == null ? void 0 : _d.utils) == null ? void 0 : _e.getSymbolic) == null ? void 0 : _f.call(_e)}${totalTaxFee}`
+      `${(_d = (_c = (_b = context == null ? void 0 : context.appHelper) == null ? void 0 : _b.utils) == null ? void 0 : _c.getSymbolic) == null ? void 0 : _d.call(_c)}${totalTaxFee}`
     )) : null),
     !isFooter ? /* @__PURE__ */ import_react.default.createElement(
       import_materials.PisellText.Amount,

package/lib/components/{parallelResourceBooking → appointmentBooking}/components/Provider/Cart/Item/index.js

@@ -26,7 +26,7 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// src/components/parallelResourceBooking/components/Provider/Cart/Item/index.tsx
+// src/components/appointmentBooking/components/Provider/Cart/Item/index.tsx
 var Item_exports = {};
 __export(Item_exports, {
   default: () => Item_default
@@ -35,31 +35,32 @@ module.exports = __toCommonJS(Item_exports);
 var import_react = __toESM(require("react"));
 var import_utils = require("@pisell/utils");
 var import_shoppingCart = __toESM(require("../../../../../shoppingCart"));
-var import_Sales = require("../../../../../Sales");
-var import_SelectHolderModal = __toESM(require("../../SelectHolderModal"));
 var import_ContinueButton = __toESM(require("../ContinueButton"));
+var import_hooks = require("../../../../hooks");
 var import_Total = __toESM(require("./Total"));
 var import_index = require("./index.less");
 var CartItem = () => {
-  const { open, holderData, selectedHolderIds } = (0, import_Sales.useHolder)();
-  const {
-    deleteCartItem,
-    deleteCartItemByHolder,
-    cartData,
-    addNoteToCartItem
-  } = (0, import_Sales.useCart)();
-  const { subtotal } = (0, import_Sales.useSummary)();
-  const { isLastStep } = (0, import_Sales.useStep)();
+  const open = false;
+  const holderData = {};
+  const selectedHolderIds = [];
+  const cartData = {};
+  const appointmentBookingCart = (0, import_hooks.useAppointmentBookingCart)();
+  const appointmentBookingAccount = (0, import_hooks.useAppointmentBookingAccount)();
+  const appointmentBookingStep = (0, import_hooks.useAppointmentBookingStep)();
+  const { products } = appointmentBookingCart;
+  const { isLastStep } = appointmentBookingStep;
+  console.log(
+    appointmentBookingCart,
+    appointmentBookingAccount,
+    "whappointmentBookingCart"
+  );
   const handleClickCard = (e, type, key) => {
     if (type === "note") {
-      return addNoteToCartItem(e);
     }
     console.log(e, type, key, "wh9988767");
     if (type === "delete") {
-      return deleteCartItem(e);
     }
     if (type === "delete_holders") {
-      return deleteCartItemByHolder(key);
     }
   };
   return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(
@@ -71,7 +72,7 @@ var CartItem = () => {
       import_shoppingCart.default,
       {
         productParams: {
-          products: (cartData == null ? void 0 : cartData.cartItems) || [],
+          products,
           hideAddBtn: false,
           holders: (holderData == null ? void 0 : holderData.selectedHolderItems) || [],
           disabledEdit: isLastStep
@@ -87,6 +88,6 @@ var CartItem = () => {
       }
     )),
     /* @__PURE__ */ import_react.default.createElement("div", { className: "event-footer" }, /* @__PURE__ */ import_react.default.createElement(import_Total.default, null), /* @__PURE__ */ import_react.default.createElement(import_ContinueButton.default, null))
-  ), /* @__PURE__ */ import_react.default.createElement(import_SelectHolderModal.default, { open }));
+  ));
 };
 var Item_default = CartItem;

package/lib/components/{parallelResourceBooking → appointmentBooking}/components/Provider/Cart/index.js

@@ -26,7 +26,7 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// src/components/parallelResourceBooking/components/Provider/Cart/index.tsx
+// src/components/appointmentBooking/components/Provider/Cart/index.tsx
 var Cart_exports = {};
 __export(Cart_exports, {
   default: () => Cart_default

package/lib/components/appointmentBooking/components/Provider/Content/index.d.ts

@@ -0,0 +1,3 @@
+import './index.less';
+declare const Layout: () => JSX.Element;
+export default Layout;

package/lib/components/{parallelResourceBooking → appointmentBooking}/components/Provider/Content/index.js

@@ -26,22 +26,23 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// src/components/parallelResourceBooking/components/Provider/Content/index.tsx
+// src/components/appointmentBooking/components/Provider/Content/index.tsx
 var Content_exports = {};
 __export(Content_exports, {
   default: () => Content_default
 });
 module.exports = __toCommonJS(Content_exports);
 var import_react = __toESM(require("react"));
-var import_Sales = require("../../../../Sales");
 var import_utils = require("@pisell/utils");
-var import_Item = __toESM(require("../Cart/Item"));
 var import_Resource = __toESM(require("../Resource"));
 var import_Event = __toESM(require("../Event"));
 var import_Information = __toESM(require("../Information"));
 var import_index = require("./index.less");
 var Layout = () => {
-  const { currentStepData, isFirstStep } = (0, import_Sales.useStep)();
+  const currentStepData = {
+    key: "select-event"
+  };
+  const isFirstStep = false;
   (0, import_react.useEffect)(() => {
     window.scrollTo({
       top: 0,
@@ -83,8 +84,7 @@ var Layout = () => {
     {
       className: `event-content-wrap ${(0, import_utils.isMobile)() ? "event-content-mobile-wrap" : ""}`
     },
-    /* @__PURE__ */ import_react.default.createElement("div", { className: "event-content-left" }, Com),
-    !(0, import_utils.isMobile)() && !isFirstStep ? /* @__PURE__ */ import_react.default.createElement("div", { className: "event-content-right" }, /* @__PURE__ */ import_react.default.createElement(import_Item.default, null)) : null
+    /* @__PURE__ */ import_react.default.createElement("div", { className: "event-content-left" }, "content")
   );
 };
 var Content_default = Layout;

package/lib/components/{parallelResourceBooking → appointmentBooking}/components/Provider/EmptyHolderModal/index.js

@@ -26,7 +26,7 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// src/components/parallelResourceBooking/components/Provider/EmptyHolderModal/index.tsx
+// src/components/appointmentBooking/components/Provider/EmptyHolderModal/index.tsx
 var EmptyHolderModal_exports = {};
 __export(EmptyHolderModal_exports, {
   default: () => EmptyHolderModal_default

package/lib/components/{parallelResourceBooking → appointmentBooking}/components/Provider/Event/index.js

@@ -26,7 +26,7 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// src/components/parallelResourceBooking/components/Provider/Event/index.tsx
+// src/components/appointmentBooking/components/Provider/Event/index.tsx
 var Event_exports = {};
 __export(Event_exports, {
   default: () => Event_default

package/lib/components/appointmentBooking/components/Provider/Information/index.d.ts

@@ -0,0 +1,3 @@
+import './index.less';
+declare const Information: () => JSX.Element;
+export default Information;

package/lib/components/{parallelResourceBooking → appointmentBooking}/components/Provider/Information/index.js

@@ -26,7 +26,7 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// src/components/parallelResourceBooking/components/Provider/Information/index.tsx
+// src/components/appointmentBooking/components/Provider/Information/index.tsx
 var Information_exports = {};
 __export(Information_exports, {
   default: () => Information_default

package/lib/components/appointmentBooking/components/Provider/Information/index.less

@@ -0,0 +1,92 @@
+.provider-information-wrap {
+  padding: 16px;
+  display: flex;
+  flex-direction: column;
+  gap: 16px;
+  background: #ffffff;
+  margin-top: 16px;
+  width: 100%;
+
+  .provider-information-add-button {
+    display: flex;
+    align-items: center;
+    .pisell-lowcode-image-mask-info {
+      padding: 0 !important;
+    }
+  }
+
+  .title,
+  .add-tip {
+    color: var(--Gray-900, #101828);
+    font-size: 18px;
+    font-weight: 600;
+    line-height: 28px;
+  }
+  .pisell-lowcode-card-body {
+    display: flex;
+    flex-direction: column;
+    // gap: 10px;
+  }
+  .information-card {
+    display: flex;
+    flex-direction: column;
+    gap: 10px;
+    .information-header {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      gap: 10px;
+      .information-left {
+        display: flex;
+        align-items: center;
+        gap: 10px;
+        .information-title {
+          color: var(--Text-Text_1, #1b1b1b);
+          font-size: 14px;
+          font-weight: 600;
+          line-height: 20px;
+          display: flex;
+          flex-direction: column;
+          flex: 1;
+          .subtitle {
+            font-weight: 400;
+          }
+        }
+      }
+    }
+
+    .child-wrap {
+      display: flex;
+      flex-direction: column;
+      gap: 10px;
+      margin-top: 10px;
+    }
+  }
+}
+
+.provider-information-custom-dropdown-menu {
+  .pisell-lowcode-dropdown-menu {
+    padding: 6px;
+    border-bottom: 1px solid var(--Gray-200, #eaecf0);
+
+    .pisell-lowcode-dropdown-menu-item {
+      padding: 9px 10px;
+
+      .dropdown-menu-item {
+        color: var(--Gray-700, #344054);
+        font-size: 14px;
+        font-weight: 500;
+        line-height: 20px;
+      }
+
+      .dropdown-menu-remove-item {
+        color: var(--Error-700, #b42318);
+      }
+
+      &:hover {
+        border-radius: 6px;
+        background: var(--Gray-50, #f9fafb);
+      }
+    }
+  }
+}

package/lib/components/{parallelResourceBooking → appointmentBooking}/components/Provider/InformationOptionsModal/index.js

@@ -26,7 +26,7 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// src/components/parallelResourceBooking/components/Provider/InformationOptionsModal/index.tsx
+// src/components/appointmentBooking/components/Provider/InformationOptionsModal/index.tsx
 var InformationOptionsModal_exports = {};
 __export(InformationOptionsModal_exports, {
   default: () => InformationOptionsModal_default

package/lib/components/{parallelResourceBooking → appointmentBooking}/components/Provider/OrderProductModal/index.js

@@ -26,7 +26,7 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// src/components/parallelResourceBooking/components/Provider/OrderProductModal/index.tsx
+// src/components/appointmentBooking/components/Provider/OrderProductModal/index.tsx
 var OrderProductModal_exports = {};
 __export(OrderProductModal_exports, {
   default: () => OrderProductModal_default

package/lib/components/{parallelResourceBooking → appointmentBooking}/components/Provider/RemoveOptionConfirmModal.js

@@ -26,7 +26,7 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// src/components/parallelResourceBooking/components/Provider/RemoveOptionConfirmModal.tsx
+// src/components/appointmentBooking/components/Provider/RemoveOptionConfirmModal.tsx
 var RemoveOptionConfirmModal_exports = {};
 __export(RemoveOptionConfirmModal_exports, {
   default: () => RemoveOptionConfirmModal_default

package/lib/components/appointmentBooking/components/Provider/Resource/index.d.ts

@@ -0,0 +1,3 @@
+import './index.less';
+declare const Resource: () => JSX.Element;
+export default Resource;

package/lib/components/{parallelResourceBooking → appointmentBooking}/components/Provider/Resource/index.js

@@ -26,7 +26,7 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// src/components/parallelResourceBooking/components/Provider/Resource/index.tsx
+// src/components/appointmentBooking/components/Provider/Resource/index.tsx
 var Resource_exports = {};
 __export(Resource_exports, {
   default: () => Resource_default

package/lib/components/{parallelResourceBooking → appointmentBooking}/components/Provider/SelectHolderModal.js

@@ -26,7 +26,7 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// src/components/parallelResourceBooking/components/Provider/SelectHolderModal.tsx
+// src/components/appointmentBooking/components/Provider/SelectHolderModal.tsx
 var SelectHolderModal_exports = {};
 __export(SelectHolderModal_exports, {
   default: () => SelectHolderModal_default

package/lib/components/{parallelResourceBooking → appointmentBooking}/components/Provider/SelectProduct/index.js

@@ -26,7 +26,7 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// src/components/parallelResourceBooking/components/Provider/SelectProduct/index.tsx
+// src/components/appointmentBooking/components/Provider/SelectProduct/index.tsx
 var SelectProduct_exports = {};
 __export(SelectProduct_exports, {
   default: () => SelectProduct_default

package/lib/components/appointmentBooking/components/Resource/index.d.ts

@@ -0,0 +1,3 @@
+import './index.less';
+declare const Resource: () => JSX.Element;
+export default Resource;

package/lib/components/appointmentBooking/components/Resource/index.js

@@ -0,0 +1,99 @@
+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/appointmentBooking/components/Resource/index.tsx
+var Resource_exports = {};
+__export(Resource_exports, {
+  default: () => Resource_default
+});
+module.exports = __toCommonJS(Resource_exports);
+var import_react = __toESM(require("react"));
+var import_resourceDisplay = __toESM(require("../../../eventBooking/components/resourceDisplay"));
+var import_materials = require("@pisell/materials");
+var import_utils = require("@pisell/utils");
+var import_index = require("./index.less");
+var Resource = () => {
+  const [selectedResource, setSelectedResource] = (0, import_react.useState)("");
+  const lists = [
+    {
+      id: 0,
+      image: "https://cdn-partners-api.fresha.com/employee-avatars/processed/399178/medium/3b77991b-0ee2-4d0f-9d6f-a7501b39afcd-tempImageHYe20U.jpg",
+      title: "Any professional",
+      subtitle: "Maximum availability"
+    },
+    {
+      id: "select",
+      image: "https://cdn-partners-api.fresha.com/employee-avatars/processed/399178/medium/3b77991b-0ee2-4d0f-9d6f-a7501b39afcd-tempImageHYe20U.jpg",
+      title: "Select professional per service",
+      subtitle: ""
+    },
+    {
+      id: 1,
+      image: "https://cdn-partners-api.fresha.com/employee-avatars/processed/399178/medium/3b77991b-0ee2-4d0f-9d6f-a7501b39afcd-tempImageHYe20U.jpg",
+      title: "Bella",
+      subtitle: "Senior beauty/Derma Therapist"
+    },
+    {
+      id: 2,
+      image: "https://cdn-partners-api.fresha.com/employee-avatars/processed/399178/medium/3b77991b-0ee2-4d0f-9d6f-a7501b39afcd-tempImageHYe20U.jpg",
+      title: "Bella",
+      subtitle: "Senior beauty/Derma Therapist"
+    },
+    {
+      id: 3,
+      title: "Maya",
+      subtitle: "Spa Therapist"
+    }
+  ];
+  const onClick = (e) => {
+    console.log(e);
+    setSelectedResource(e.id);
+  };
+  return /* @__PURE__ */ import_react.default.createElement("div", { className: "appointment-resource-wrap" }, /* @__PURE__ */ import_react.default.createElement(
+    import_materials.PisellCustomCheckboxGroup,
+    {
+      dataSource: lists,
+      renderItem: (item) => /* @__PURE__ */ import_react.default.createElement(
+        import_resourceDisplay.default,
+        {
+          key: item.id,
+          mode: "rule",
+          dataSource: item,
+          direction: "vertical",
+          children: !item.image ? item.title.charAt(0).toUpperCase() : null,
+          selected: selectedResource === item.id
+        }
+      ),
+      columns: (0, import_utils.isMobile)() ? 2 : 3,
+      horizontalGap: 16,
+      verticalGap: 16,
+      onClick: (e) => onClick && onClick(e)
+    }
+  ));
+};
+var Resource_default = Resource;

package/lib/components/appointmentBooking/components/Services/index.d.ts

@@ -0,0 +1,3 @@
+import './index.less';
+declare const Services: () => JSX.Element;
+export default Services;