@pisell/private-materials 6.0.25 → 6.2.1

package/lib/components/Sales/Checkout/utils.js

@@ -21,7 +21,8 @@ var utils_exports = {};
 __export(utils_exports, {
   formatProductBundle: () => formatProductBundle,
   formatProductOption: () => formatProductOption,
-  formatValues: () => formatValues
+  formatValues: () => formatValues,
+  getFormParams: () => getFormParams
 });
 module.exports = __toCommonJS(utils_exports);
 var formatProductOption = (option) => {
@@ -60,29 +61,46 @@ var formatBookings = (list) => {
   });
   return bookings;
 };
-var formatValues = (state, excludeDisabled) => {
+var formatValues = (params) => {
   var _a, _b;
+  const { state, platform, excludeDisabled, extra } = params;
   let values = {
     type: "event_booking_v2",
-    platform: "H5",
+    platform: platform === "pc" ? "PC" : "H5",
     sales_channel: "my_pisel",
     order_sales_channel: "online_store",
     bookings: [],
     shop_note: "",
-    schedule_date: ""
+    schedule_date: "",
+    ...extra || {}
   };
+  console.log("values", values);
   let data = [];
   if (excludeDisabled) {
     data = (_b = (_a = state.cartData.cartItems) == null ? void 0 : _a.filter) == null ? void 0 : _b.call(_a, (v) => v.disabled !== true);
   } else {
     data = state.cartData.cartItems;
   }
+  const is_deposit = data.find((v) => v.deposit) ? 1 : 0;
+  values.is_deposit = is_deposit;
   values.bookings = formatBookings(data);
   return values;
 };
+var getFormParams = (state) => {
+  var _a;
+  const product_id = (((_a = state == null ? void 0 : state.cartData) == null ? void 0 : _a.cartItems) || []).map((item) => {
+    var _a2, _b;
+    return (_b = (_a2 = item._originData) == null ? void 0 : _a2.product) == null ? void 0 : _b.product_id;
+  });
+  return {
+    product_id,
+    appointment_type: "event_booking_v2"
+  };
+};
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   formatProductBundle,
   formatProductOption,
-  formatValues
+  formatValues,
+  getFormParams
 });

package/lib/components/Sales/Customer/index.d.ts

@@ -2,6 +2,7 @@ import React from 'react';
 interface CustomerData {
 }
 interface CustomerContextType {
+    appContext: any;
     appUtils: any;
     isLogin: () => boolean;
     openLoginModal: (params: any) => void;

package/lib/components/Sales/Customer/index.js

@@ -54,7 +54,9 @@ var CustomerProvider = ({
     const { callback } = params || {};
     utils.action({
       type: "pisell1.login",
-      data: {},
+      data: {
+        type: "plugin"
+      },
       callback
     });
   };
@@ -65,6 +67,7 @@ var CustomerProvider = ({
     return (userInfo == null ? void 0 : userInfo.id) ? userInfo : localUserInfo;
   };
   const contextValue = {
+    appContext: context,
     appUtils: utils,
     isLogin,
     openLoginModal,

package/lib/components/Sales/Event/Detail.d.ts

@@ -12,6 +12,8 @@ interface EventDetailContextType {
         data?: any;
     };
     currentBookingOption: any;
+    selectEventDetailProductDetail: (productDetail: any) => void;
+    checkBeforeSelectEventDetail: () => boolean;
 }
 interface EventDetailProviderProps {
     children: React.ReactNode;

package/lib/components/Sales/Event/Detail.js

@@ -39,6 +39,7 @@ var import_serve = require("./serve");
 var import_ahooks = require("ahooks");
 var import_index = require("./index");
 var import_utils = require("../utils");
+var import_useLoginUser = __toESM(require("../../../hooks/useLoginUser"));
 var EventDetailContext = (0, import_react.createContext)(void 0);
 var EventDetailProvider = ({
   children
@@ -49,11 +50,16 @@ var EventDetailProvider = ({
   const [open, setOpen] = (0, import_react.useState)(false);
   const [currentBookingOption, setCurrentBookingOption] = (0, import_react.useState)(null);
   const { selectEvent } = (0, import_index.useEvent)();
+  const customer = (0, import_useLoginUser.default)();
+  const currentBookingOptionRef = (0, import_react.useRef)(null);
   const _setDetail = (detailData) => {
     detailRef.current = { ...detailRef.current || {}, ...detailData || {} };
-    console.log(detailRef.current, "55555555");
     setDetail({ ...detailRef.current });
   };
+  const _setCurrentBookingOption = (id) => {
+    currentBookingOptionRef.current = id;
+    setCurrentBookingOption(id);
+  };
   const onOpenEventDetail = (eventItem) => {
     var _a;
     setOpen(true);
@@ -69,7 +75,10 @@ var EventDetailProvider = ({
     getEventDetailBookingOptions.run({
       ids: ((_a = eventItem._originData) == null ? void 0 : _a.relation_product_ids) || [],
       num: 100,
-      skip: 1
+      skip: 1,
+      customer_id: customer == null ? void 0 : customer.id,
+      open_quotation: 1,
+      is_eject: 1
     });
     getEventDetailSelectDate.run(eventItem.id, {
       days: 366
@@ -79,16 +88,19 @@ var EventDetailProvider = ({
     setOpen(false);
     _setDetail(null);
     detailRef.current = null;
+    setCurrentBookingOption(null);
+    currentBookingOptionRef.current = null;
   };
   const onSelectEventDetail = () => {
-    var _a, _b;
+    var _a, _b, _c;
     selectEvent({
       ...eventRef.current,
       eventDetail: {
-        ...detail,
+        ...detailRef.current || {},
         bookingOptionItem: (_b = (_a = detail.bookingOptions) == null ? void 0 : _a.filter(
-          (v) => v.value === currentBookingOption
-        )) == null ? void 0 : _b[0]
+          (v) => v.value === currentBookingOptionRef.current
+        )) == null ? void 0 : _b[0],
+        productDetail: (_c = detailRef.current) == null ? void 0 : _c.productDetail
       }
     });
     onCloseEventDetail();
@@ -174,7 +186,7 @@ var EventDetailProvider = ({
             price: v.price,
             _originData: v
           };
-          if (!current || current.price > v.price) {
+          if (!current || Number((current == null ? void 0 : current.price) || 0) > Number(v.price || 0)) {
             current = { ...option };
           }
           return option;
@@ -193,9 +205,23 @@ var EventDetailProvider = ({
         ...introduction,
         price: option.price,
         origin_price: option.original_price
-      }
+      },
+      selectedProduct: option
+      // 选中的活动关联的商品
     });
-    setCurrentBookingOption(id);
+    _setCurrentBookingOption(id);
+  };
+  const selectEventDetailProductDetail = (productDetail) => {
+    _setDetail({ productDetail });
+  };
+  const checkBeforeSelectEventDetail = () => {
+    var _a;
+    const { selectedProduct, productDetail } = detailRef.current || {};
+    console.log("selectedProduct", selectedProduct, productDetail);
+    if (((_a = selectedProduct == null ? void 0 : selectedProduct._originData) == null ? void 0 : _a.is_eject) === 1 && !productDetail) {
+      return false;
+    }
+    return true;
   };
   const contextValue = {
     detail,
@@ -205,7 +231,9 @@ var EventDetailProvider = ({
     onSelectEventDetail,
     selectEventDetailBookingOptions,
     getEventDetailSelectDate,
-    currentBookingOption
+    currentBookingOption,
+    selectEventDetailProductDetail,
+    checkBeforeSelectEventDetail
   };
   return /* @__PURE__ */ import_react.default.createElement(EventDetailContext.Provider, { value: contextValue }, children);
 };

package/lib/components/Sales/Event/index.js

@@ -104,11 +104,7 @@ var EventProvider = ({ children }) => {
     setEventData({
       currentEventItem: eventItem
     });
-    if (currentCartItem) {
-      updateCurrentCartItem({ eventItem });
-    } else {
-      createCartItemFromEvent(eventItem);
-    }
+    createCartItemFromEvent(eventItem);
   };
   const contextValue = {
     eventData,

package/lib/components/Sales/Event/serve.d.ts

@@ -10,6 +10,7 @@ export declare const getEventListApi: (params: {
     title?: string;
     skip?: number;
     num?: number;
+    open_quotation: number;
 }) => Promise<any>;
 export declare const getEventDetailIntroductionApi: (eventItemId: number | string) => Promise<any>;
 export declare const getEventDetailTeacherApi: (params: {
@@ -19,8 +20,20 @@ export declare const getEventDetailBookingOptionsApi: (params: {
     ids: number | string;
     num: number;
     skip: number;
+    customer_id?: number;
+    open_quotation?: number;
+    is_eject?: number;
 }) => Promise<any>;
 export declare const getEventDetailSelectDateApi: (id: number | string, params: {
     days: number;
     start_date?: string;
 }) => Promise<any>;
+/**
+ * 批量查询指定商品的最新价格
+ * @param params
+ */
+export declare const getProductPrice: (params: {
+    ids: number[];
+    customer_id: number;
+    schedule_date?: string;
+}) => Promise<any>;

package/lib/components/Sales/Event/serve.js

@@ -23,7 +23,8 @@ __export(serve_exports, {
   getEventDetailIntroductionApi: () => getEventDetailIntroductionApi,
   getEventDetailSelectDateApi: () => getEventDetailSelectDateApi,
   getEventDetailTeacherApi: () => getEventDetailTeacherApi,
-  getEventListApi: () => getEventListApi
+  getEventListApi: () => getEventListApi,
+  getProductPrice: () => getProductPrice
 });
 module.exports = __toCommonJS(serve_exports);
 var import_utils = require("../../../utils");
@@ -44,11 +45,13 @@ var getEventDetailSelectDateApi = (id, params) => {
     useCache: true
   });
 };
+var getProductPrice = async (params) => import_utils.request.getRequest().post(`/h5/product/query/price`, params);
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   getEventDetailBookingOptionsApi,
   getEventDetailIntroductionApi,
   getEventDetailSelectDateApi,
   getEventDetailTeacherApi,
-  getEventListApi
+  getEventListApi,
+  getProductPrice
 });

package/lib/components/Sales/Init/index.d.ts

@@ -4,6 +4,7 @@ interface InitData {
     form_id?: number;
     shop_id?: number;
     shop?: any;
+    scheduleDisplayType?: 'calendarView' | 'textList';
 }
 interface InitContextType {
     getBoardSetting: any;

package/lib/components/Sales/Init/index.js

@@ -97,12 +97,13 @@ var InitProvider = ({ children }) => {
   const getBoardSetting = (0, import_ahooks.useRequest)(import_serve.getBoardSettingApi, {
     manual: true,
     onSuccess: (res) => {
-      var _a, _b, _c, _d, _e, _f, _g, _h, _i;
+      var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m;
       setInitData({
         boardSetting: res == null ? void 0 : res.data,
         form_id: (_d = (_c = (_b = (_a = res == null ? void 0 : res.data) == null ? void 0 : _a.config) == null ? void 0 : _b.resource) == null ? void 0 : _c.booking_event_v2_resource) == null ? void 0 : _d.form_id,
         shop_id: (_e = res == null ? void 0 : res.data) == null ? void 0 : _e.shop_id,
-        shop: (_i = (_h = (_g = (_f = appUtils.getStore()) == null ? void 0 : _f.getState()) == null ? void 0 : _g.core) == null ? void 0 : _h.core) == null ? void 0 : _i.shop
+        shop: (_i = (_h = (_g = (_f = appUtils.getStore()) == null ? void 0 : _f.getState()) == null ? void 0 : _g.core) == null ? void 0 : _h.core) == null ? void 0 : _i.shop,
+        scheduleDisplayType: (_m = (_l = (_k = (_j = res == null ? void 0 : res.data) == null ? void 0 : _j.config) == null ? void 0 : _k.product_display_setting) == null ? void 0 : _l.booking_event_v2_schedule_display_format) == null ? void 0 : _m.value
       });
     }
   });

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

@@ -90,7 +90,7 @@ var ResourceProvider = ({
     resourceMap.forEach((v) => renderData.push(v));
     return renderData;
   };
-  const getResourceList = (0, import_ahooks.useRequest)(import_serve.getResourceListApi, {
+  const getResourceList = (0, import_ahooks.useRequest)(import_serve.getSpecialResourceListApi, {
     manual: true,
     onSuccess: (res) => {
       const formatData = formatResourceList(res);

package/lib/components/Sales/Resource/serve.d.ts

@@ -3,3 +3,10 @@ export declare const getResourceListApi: (params: {
     shop_id: string;
     form_data_status: string;
 }) => Promise<any>;
+/**
+ * @title: 获取特殊资源列表
+ * @Author: xiangfeng.xue
+ */
+export declare const getSpecialResourceListApi: (params: {
+    event_item_ids?: string | number[];
+}) => Promise<any>;

package/lib/components/Sales/Resource/serve.js

@@ -19,14 +19,21 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/components/Sales/Resource/serve.ts
 var serve_exports = {};
 __export(serve_exports, {
-  getResourceListApi: () => getResourceListApi
+  getResourceListApi: () => getResourceListApi,
+  getSpecialResourceListApi: () => getSpecialResourceListApi
 });
 module.exports = __toCommonJS(serve_exports);
 var import_utils = require("../../../utils");
 var getResourceListApi = (params) => {
   return import_utils.request.getRequest().get("/h5/form/data/v1", params, { useCache: true });
 };
+var getSpecialResourceListApi = (params) => {
+  return import_utils.request.getRequest().get("/h5/eventbookingv2/item/specify-resources", params, {
+    useCache: true
+  });
+};
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  getResourceListApi
+  getResourceListApi,
+  getSpecialResourceListApi
 });

package/lib/components/Sales/Step/index.d.ts

@@ -7,6 +7,7 @@ interface Step {
 declare type StepKey = 'select-category' | 'select-event' | 'confirm-information';
 interface StepData {
     currentStep: StepKey;
+    isAutoOperate?: boolean;
 }
 interface StepContextType {
     setStepData: (data: Partial<StepData>) => void;
@@ -18,6 +19,7 @@ interface StepContextType {
     isLastStep: boolean;
     isFirstStep: boolean;
     isTwoStep: boolean;
+    changeAutoOperate: (newAutoOperate: boolean) => void;
 }
 interface StepProviderProps {
     children: React.ReactNode;

package/lib/components/Sales/Step/index.js

@@ -61,7 +61,8 @@ var stepMaps = steps.reduce((acc, step) => {
   return acc;
 }, {});
 var defaultState = {
-  currentStep: steps[0].key
+  currentStep: steps[0].key,
+  isAutoOperate: true
 };
 var StepContext = (0, import_react.createContext)(
   void 0
@@ -106,7 +107,8 @@ var StepProvider = ({ children }) => {
     const nextStep2 = getNextStep();
     if (nextStep2) {
       setStepData({
-        currentStep: nextStep2
+        currentStep: nextStep2,
+        isAutoOperate: true
       });
     }
   };
@@ -114,7 +116,8 @@ var StepProvider = ({ children }) => {
     const prevStep2 = getPrevStep();
     if (prevStep2) {
       setStepData({
-        currentStep: prevStep2
+        currentStep: prevStep2,
+        isAutoOperate: false
       });
     } else {
       closePage();
@@ -138,6 +141,11 @@ var StepProvider = ({ children }) => {
   const isTwoStep = (0, import_react.useMemo)(() => {
     return (currentStepData == null ? void 0 : currentStepData.key) === steps[1].key;
   }, [currentStepData == null ? void 0 : currentStepData.key]);
+  const changeAutoOperate = (newAutoOperate) => {
+    setStepData({
+      isAutoOperate: newAutoOperate
+    });
+  };
   const contextValue = {
     setStepData,
     currentStepData,
@@ -147,7 +155,8 @@ var StepProvider = ({ children }) => {
     toFirstStep,
     isFirstStep,
     isLastStep,
-    isTwoStep
+    isTwoStep,
+    changeAutoOperate
   };
   return /* @__PURE__ */ import_react.default.createElement(StepContext.Provider, { value: contextValue }, children);
 };

package/lib/components/Sales/Summary/index.d.ts

@@ -7,6 +7,16 @@ interface SummaryContextType {
     taxTitle?: string;
     totalTaxFee?: string;
     isPriceIncludeTax?: 0 | 1;
+    deposit?: {
+        total: string;
+        protocols: any[];
+        hasDeposit: boolean;
+    };
+    isAgreeDepositPolicy: boolean;
+    setIsAgreeDepositPolicy: (value: boolean) => void;
+    getDepositProtocol: (params: {
+        id: string;
+    }) => Promise<any>;
 }
 interface SummaryProviderProps {
     children: React.ReactNode;

package/lib/components/Sales/Summary/index.js

@@ -39,6 +39,7 @@ var import_react = __toESM(require("react"));
 var import_Cart = require("../Cart");
 var import_utils = require("./utils");
 var import_Init = require("../Init");
+var import_serve = require("./serve");
 var defaultState = {};
 var SummaryContext = (0, import_react.createContext)(
   void 0
@@ -48,6 +49,7 @@ var SummaryProvider = ({
 }) => {
   const { cartData } = (0, import_Cart.useCart)();
   const { initData } = (0, import_Init.useInit)();
+  const [isAgreeDepositPolicy, setIsAgreeDepositPolicy] = (0, import_react.useState)(false);
   const summaryData = (0, import_react.useMemo)(() => {
     return (0, import_utils.calculatePriceDetails)(
       (initData == null ? void 0 : initData.shop) || {},
@@ -61,7 +63,11 @@ var SummaryProvider = ({
     total: summaryData.total,
     taxTitle: summaryData.taxTitle,
     totalTaxFee: summaryData.totalTaxFee,
-    isPriceIncludeTax: summaryData.isPriceIncludeTax
+    isPriceIncludeTax: summaryData.isPriceIncludeTax,
+    deposit: summaryData.deposit,
+    isAgreeDepositPolicy,
+    setIsAgreeDepositPolicy,
+    getDepositProtocol: import_serve.getDepositProtocolApi
   };
   return /* @__PURE__ */ import_react.default.createElement(SummaryContext.Provider, { value: contextValue }, children);
 };

package/lib/components/Sales/Summary/serve.d.ts

@@ -0,0 +1 @@
+export declare const getDepositProtocolApi: (id: string) => Promise<any>;

package/lib/components/Sales/Summary/serve.js

@@ -0,0 +1,32 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/Sales/Summary/serve.ts
+var serve_exports = {};
+__export(serve_exports, {
+  getDepositProtocolApi: () => getDepositProtocolApi
+});
+module.exports = __toCommonJS(serve_exports);
+var import_utils = require("../../../utils");
+var getDepositProtocolApi = (id) => {
+  return import_utils.request.getRequest().get(`/h5/shop-policy/${id}`, {});
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  getDepositProtocolApi
+});

package/lib/components/Sales/Summary/utils.d.ts

@@ -10,6 +10,11 @@ interface PriceDetail {
     taxTitle?: string;
     totalTaxFee?: string;
     isPriceIncludeTax?: 0 | 1;
+    deposit?: {
+        total: string;
+        protocols: any[];
+        hasDeposit: boolean;
+    };
 }
 /**
  * 计算商品小计（不含其他费用）
@@ -25,7 +30,7 @@ export declare const calculateSubtotal: (items: CartItem[]) => string;
  * @return {*}
  * @Author: xiangfeng.xue
  */
-export declare const calculateTaxFee: (shopInfo: any, items: CartItem[]) => Decimal | "0.00";
+export declare const calculateTaxFee: (shopInfo: any, items: CartItem[]) => "0.00" | Decimal;
 /**
  * 计算所有价格明细
  * @param items - 购物车商品数组
@@ -33,4 +38,14 @@ export declare const calculateTaxFee: (shopInfo: any, items: CartItem[]) => Deci
  * @returns 价格明细对象
  */
 export declare const calculatePriceDetails: (shopInfo: any, items: CartItem[]) => PriceDetail;
+/**
+ * @title: 计算定金
+ * @param items - 购物车商品数组
+ * @returns 定金字符串，保留2位小数
+ */
+export declare const calculateDeposit: (items: CartItem[]) => {
+    total: string;
+    protocols: any[];
+    hasDeposit: never;
+} | undefined;
 export {};

package/lib/components/Sales/Summary/utils.js

@@ -29,6 +29,7 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/components/Sales/Summary/utils.ts
 var utils_exports = {};
 __export(utils_exports, {
+  calculateDeposit: () => calculateDeposit,
   calculatePriceDetails: () => calculatePriceDetails,
   calculateSubtotal: () => calculateSubtotal,
   calculateTaxFee: () => calculateTaxFee
@@ -51,6 +52,7 @@ var calculateTaxFee = (shopInfo, items) => {
     return "0.00";
   }
   const { is_price_include_tax, tax_rate } = shopInfo || {};
+  console.log("shopInfo>>>", is_price_include_tax, tax_rate);
   const totalTaxFee = items.reduce((sum, item) => {
     const price = new import_decimal.default(item.price || 0);
     const taxRate = new import_decimal.default(tax_rate || 0).div(100);
@@ -64,16 +66,44 @@ var calculatePriceDetails = (shopInfo, items) => {
   const totalTaxFee = new import_decimal.default(calculateTaxFee(shopInfo, items));
   console.log("totalTaxFee", totalTaxFee.toFixed(2));
   const total = (shopInfo == null ? void 0 : shopInfo.is_price_include_tax) ? subtotal : subtotal.plus(totalTaxFee);
+  const deposit = calculateDeposit(items);
   return {
     subtotal: subtotal.toFixed(2),
     total: total.toFixed(2),
     taxTitle: shopInfo == null ? void 0 : shopInfo.tax_title,
     totalTaxFee: totalTaxFee.toFixed(2),
-    isPriceIncludeTax: shopInfo == null ? void 0 : shopInfo.is_price_include_tax
+    isPriceIncludeTax: shopInfo == null ? void 0 : shopInfo.is_price_include_tax,
+    deposit
   };
 };
+var calculateDeposit = (items) => {
+  if (!(items == null ? void 0 : items.length)) {
+    return void 0;
+  }
+  const protocols = [];
+  let hasDeposit = false;
+  const total = items.reduce((sum, item) => {
+    var _a, _b, _c;
+    if (item == null ? void 0 : item.deposit) {
+      hasDeposit = true;
+      const cartItemTotalPrice = new import_decimal.default(((_a = item == null ? void 0 : item.deposit) == null ? void 0 : _a.total) || 0);
+      (_c = (_b = item == null ? void 0 : item.deposit) == null ? void 0 : _b.protocols) == null ? void 0 : _c.forEach((protocol) => {
+        if (protocols.findIndex((p) => p.id === protocol.id) === -1) {
+          protocols.push(protocol);
+        }
+      });
+      return sum.plus(cartItemTotalPrice);
+    }
+    return sum;
+  }, new import_decimal.default(0));
+  if (hasDeposit) {
+    return { total: total.toFixed(2), protocols, hasDeposit };
+  }
+  return void 0;
+};
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
+  calculateDeposit,
   calculatePriceDetails,
   calculateSubtotal,
   calculateTaxFee

package/lib/components/appointmentBooking/assets/calendar-heart.svg

@@ -0,0 +1,5 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="calendar-heart-01">
+<path id="Icon" d="M14 5.33333H2M10.6667 1.33333V3.33333M5.33333 1.33333V3.33333M5.2 14.6667H10.8C11.9201 14.6667 12.4802 14.6667 12.908 14.4487C13.2843 14.2569 13.5903 13.951 13.782 13.5746C14 13.1468 14 12.5868 14 11.4667V5.86666C14 4.74656 14 4.1865 13.782 3.75868C13.5903 3.38236 13.2843 3.0764 12.908 2.88465C12.4802 2.66666 11.9201 2.66666 10.8 2.66666H5.2C4.0799 2.66666 3.51984 2.66666 3.09202 2.88465C2.71569 3.0764 2.40973 3.38236 2.21799 3.75868C2 4.1865 2 4.74656 2 5.86666V11.4667C2 12.5868 2 13.1468 2.21799 13.5746C2.40973 13.951 2.71569 14.2569 3.09202 14.4487C3.51984 14.6667 4.0799 14.6667 5.2 14.6667ZM7.99817 8.22039C7.46501 7.6144 6.57593 7.45138 5.90792 8.0063C5.23991 8.56121 5.14586 9.48899 5.67045 10.1453C6.05133 10.6218 7.10618 11.5598 7.65555 12.0379C7.77465 12.1416 7.8342 12.1934 7.90398 12.214C7.96442 12.2318 8.03192 12.2318 8.09237 12.214C8.16215 12.1934 8.2217 12.1416 8.34079 12.0379C8.89017 11.5598 9.94502 10.6218 10.3259 10.1453C10.8505 9.48899 10.7679 8.55537 10.0884 8.0063C9.40893 7.45722 8.53133 7.6144 7.99817 8.22039Z" stroke="#101828" stroke-width="1.33333" stroke-linecap="round" stroke-linejoin="round"/>
+</g>
+</svg>

package/lib/components/appointmentBooking/assets/compass.svg

@@ -0,0 +1,13 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="compass-03" clip-path="url(#clip0_4360_1258)">
+<g id="Icon">
+<path d="M8.00004 14.6667C11.6819 14.6667 14.6667 11.6819 14.6667 8C14.6667 4.3181 11.6819 1.33334 8.00004 1.33334C4.31814 1.33334 1.33337 4.3181 1.33337 8C1.33337 11.6819 4.31814 14.6667 8.00004 14.6667Z" stroke="#101828" stroke-width="1.33333" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M9.81478 5.51065C10.1405 5.40208 10.3033 5.3478 10.4116 5.38641C10.5059 5.42002 10.58 5.49418 10.6136 5.58842C10.6522 5.69672 10.598 5.85957 10.4894 6.18527L9.4977 9.16035C9.46678 9.25311 9.45132 9.29949 9.42497 9.33801C9.40164 9.37212 9.37216 9.4016 9.33805 9.42494C9.29953 9.45128 9.25315 9.46674 9.16039 9.49766L6.1853 10.4894C5.85961 10.5979 5.69676 10.6522 5.58846 10.6136C5.49422 10.58 5.42006 10.5058 5.38645 10.4116C5.34783 10.3033 5.40212 10.1404 5.51068 9.81474L6.50238 6.83965C6.5333 6.74689 6.54876 6.70051 6.57511 6.662C6.59844 6.62788 6.62792 6.5984 6.66203 6.57507C6.70055 6.54872 6.74693 6.53326 6.83969 6.50234L9.81478 5.51065Z" stroke="#101828" stroke-width="1.33333" stroke-linecap="round" stroke-linejoin="round"/>
+</g>
+</g>
+<defs>
+<clipPath id="clip0_4360_1258">
+<rect width="16" height="16" fill="white"/>
+</clipPath>
+</defs>
+</svg>

package/lib/components/appointmentBooking/assets/guests.svg

@@ -0,0 +1 @@
+<svg fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path d="M30.6 18.8a1 1 0 0 1-1.4-.2A6.45 6.45 0 0 0 24 16a1 1 0 0 1 0-2 3 3 0 1 0-2.905-3.75 1 1 0 0 1-1.937-.5 5 5 0 1 1 8.217 4.939 8.5 8.5 0 0 1 3.429 2.71A1 1 0 0 1 30.6 18.8m-6.735 7.7a1 1 0 1 1-1.73 1 7.125 7.125 0 0 0-12.27 0 1 1 0 1 1-1.73-1 9 9 0 0 1 4.217-3.74 6 6 0 1 1 7.296 0 9 9 0 0 1 4.217 3.74M16 22a4 4 0 1 0 0-8 4 4 0 0 0 0 8m-7-7a1 1 0 0 0-1-1 3 3 0 1 1 2.905-3.75 1 1 0 0 0 1.938-.5 5 5 0 1 0-8.218 4.939 8.5 8.5 0 0 0-3.425 2.71A1 1 0 1 0 2.8 18.6 6.45 6.45 0 0 1 8 16a1 1 0 0 0 1-1"></path></svg>

package/lib/components/appointmentBooking/assets/image.svg

@@ -0,0 +1,5 @@
+<svg width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="image-03">
+<path id="Icon" d="M6.40814 31.0919L16.3029 21.1971C16.897 20.603 17.194 20.306 17.5365 20.1947C17.8377 20.0968 18.1623 20.0968 18.4635 20.1947C18.806 20.306 19.103 20.603 19.6971 21.1971L29.5259 31.0259M21 22.5L25.3029 18.1971C25.897 17.603 26.194 17.306 26.5365 17.1947C26.8377 17.0968 27.1623 17.0968 27.4635 17.1947C27.806 17.306 28.103 17.603 28.6971 18.1971L33 22.5M15 13.5C15 15.1569 13.6569 16.5 12 16.5C10.3431 16.5 9 15.1569 9 13.5C9 11.8431 10.3431 10.5 12 10.5C13.6569 10.5 15 11.8431 15 13.5ZM10.2 31.5H25.8C28.3202 31.5 29.5804 31.5 30.543 31.0095C31.3897 30.5781 32.0781 29.8897 32.5095 29.043C33 28.0804 33 26.8202 33 24.3V11.7C33 9.17976 33 7.91965 32.5095 6.95704C32.0781 6.11031 31.3897 5.4219 30.543 4.99047C29.5804 4.5 28.3202 4.5 25.8 4.5H10.2C7.67976 4.5 6.41965 4.5 5.45704 4.99047C4.61031 5.4219 3.9219 6.11031 3.49047 6.95704C3 7.91965 3 9.17976 3 11.7V24.3C3 26.8202 3 28.0804 3.49047 29.043C3.9219 29.8897 4.61031 30.5781 5.45704 31.0095C6.41965 31.5 7.67976 31.5 10.2 31.5Z" stroke="#98A2B3" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</g>
+</svg>

package/lib/components/appointmentBooking/assets/phone.svg

@@ -0,0 +1,5 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="phone">
+<path id="Icon" d="M5.58685 5.90215C6.05085 6.86856 6.68338 7.77433 7.48443 8.57538C8.28548 9.37643 9.19124 10.009 10.1577 10.473C10.2408 10.5129 10.2823 10.5328 10.3349 10.5482C10.5218 10.6026 10.7513 10.5635 10.9096 10.4502C10.9542 10.4183 10.9923 10.3802 11.0685 10.304C11.3016 10.0709 11.4181 9.95435 11.5353 9.87816C11.9772 9.59083 12.5469 9.59083 12.9889 9.87816C13.106 9.95435 13.2226 10.0709 13.4556 10.304L13.5856 10.4339C13.9399 10.7882 14.117 10.9653 14.2132 11.1556C14.4046 11.5339 14.4046 11.9808 14.2132 12.3592C14.117 12.5494 13.9399 12.7266 13.5856 13.0809L13.4805 13.1859C13.1274 13.539 12.9508 13.7156 12.7108 13.8504C12.4445 14 12.0308 14.1076 11.7253 14.1067C11.45 14.1059 11.2619 14.0525 10.8856 13.9456C8.86333 13.3717 6.95509 12.2887 5.36311 10.6967C3.77112 9.10471 2.68814 7.19647 2.11416 5.17421C2.00735 4.79791 1.95395 4.60976 1.95313 4.33446C1.95222 4.02898 2.0598 3.61532 2.20941 3.34898C2.34424 3.10896 2.52078 2.93242 2.87386 2.57934L2.97895 2.47425C3.33325 2.11995 3.5104 1.94281 3.70065 1.84658C4.07903 1.6552 4.52587 1.6552 4.90424 1.84658C5.0945 1.94281 5.27164 2.11995 5.62594 2.47425L5.75585 2.60416C5.98892 2.83723 6.10546 2.95377 6.18165 3.07095C6.46898 3.51288 6.46898 4.0826 6.18165 4.52453C6.10546 4.64171 5.98892 4.75825 5.75585 4.99132C5.67964 5.06753 5.64154 5.10563 5.60965 5.15017C5.49631 5.30846 5.45717 5.53796 5.51165 5.72487C5.52698 5.77746 5.54694 5.81902 5.58685 5.90215Z" stroke="#101828" stroke-width="1.33333" stroke-linecap="round" stroke-linejoin="round"/>
+</g>
+</svg>

package/lib/components/appointmentBooking/assets/resource.svg

@@ -0,0 +1 @@
+<svg id="图层_1" data-name="图层 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1275.59 1275.59"><defs><style>.cls-1{fill:#a6a6a6;}</style></defs><g id="DxmwFQ.tif"><path class="cls-1" d="M636.87,977.58c-114.72,1.47-224.68-20.79-329.21-68-15.86-7.16-27.21-5.9-41.28,3.48C213.52,948.26,160,982.43,106.5,1016.73c-9.48,6.08-19.25,13.77-31.41,4.9-13-9.52-8.84-21.72-5.11-33.57,17.49-55.52,34-111.4,53.34-166.26,7.84-22.23,4.17-36.79-11.17-54.36C36.65,680.94,2.43,581,23.2,466.21c18-99.46,74-176.57,151-238.71C273.46,147.32,388.47,104,514.45,86.05c118.93-16.93,236.23-12.26,351.34,21.89,145.61,43.18,271,116.11,348.42,253.1,49,86.79,56.45,179,26.18,273.75-4.88,15.27-7.87,40.71-32.33,33.2-26.2-8-10.69-29.31-5.9-44.58,43.67-139.14-3.45-251.65-104.6-345.78C991.83,179.25,861.31,135,720.56,120c-146.14-15.54-287.38,5.21-419.35,72.83C199.54,244.92,115.73,315.67,75.28,426.91c-38.67,106.33-15.56,203,49.22,292.24,4.14,5.7,8,12.14,13.45,16.28,38,28.73,40.16,63.43,21.87,104.72C148.1,866.6,141.39,895.27,132.55,923c-2.35,7.39-7.94,16.28-1.15,22.29,7.8,6.92,14.27-2.48,20.45-6.38,37.3-23.55,74.68-47,111.42-71.41,15-10,28.85-10.45,44.66-2.72,148,72.35,303.66,87.56,464.76,62.18,2.62-.41,5.25-.7,7.86-1.16,14.24-2.49,28.51-1.69,31.3,15.32s-10.53,22.14-24.72,24.41c-41,6.55-82.07,12.48-123.76,12.07C654.53,977.5,645.7,977.58,636.87,977.58Z"/><path class="cls-1" d="M1033.47,1198.82c-10.6,0-21.19.18-31.78,0-39.56-.77-60.71-20.83-61.28-60.26-.27-19.06-1.81-36.46-15.66-51.38-4.39-4.72-7.17-13-7-19.55,1-39.88-20.87-70.15-41.08-101.14C821.4,881.7,821.09,797.61,876,725.15c62.22-82.07,179.6-102.34,265.78-45.9,89.35,58.51,116.38,169.16,63.78,262.88-12.06,21.5-25.44,42.29-38.6,63.17a108.78,108.78,0,0,0-16.33,49.79c-1.41,17.07-4.09,33.17-17.53,45.64-8.07,7.48-6.06,17.91-6.27,27.49-1.12,53.27-18.56,70.41-72.19,70.82-7.07,0-14.13,0-21.19,0Zm158.82-356.91c-3.34-65.92-35.67-113.78-95.24-140.62-60.42-27.23-118.46-17.53-167.61,26.49-47.76,42.77-66.7,96.58-47.38,160.23,7.78,25.6,22.78,47.57,37,69.91,18,28.32,36.23,56.7,37.17,92,.29,10.66,3.07,20.93,16,19.1,12.71-1.79,9.38-13,7.91-21.35q-9.6-54.74-19.93-109.33c-2-10.22-1.75-19.22,6.61-26.62,9.23-8.17,18.11-4.49,26.63,1,7.15,4.58,14.3,7.73,21.9,1.9,12.06-9.25,23.72-10.48,36-.34,6.3,5.21,12.84,3,19.81.11,29.47-12.11,39.23-5,34.33,26.56-5.53,35.71-13,71.11-19.52,106.68-1.56,8.62-4.23,19,7.81,21.78,11.43,2.62,16.2-6.24,16.73-15.66,2.4-42.66,25.38-76.24,47.2-110.54C1177.31,912.39,1194.61,880.63,1192.29,841.91Zm-159.57,316.58v-.28c12.32,0,24.71.84,36.94-.2,17-1.43,17.21-14.74,17.48-27.46.27-12.54-4.83-20.42-18.34-20.45q-34.33-.07-68.69.21c-13.61.13-21.4,6-20.94,20.9.43,13.63,4,25.14,19.26,27C1009.7,1159.59,1021.28,1158.49,1032.72,1158.49Zm1.72-202.58c-14,3-28.37,5.21-25.36,24,4,25.21,8.92,50.28,14,75.31,1.19,5.91,4.1,12.5,11.94,11.66,6.39-.68,7.5-7,8.54-12,4.85-23.27,8.23-46.91,14.29-69.85C1063.81,962.48,1048.2,960.53,1034.44,955.91Z"/><path class="cls-1" d="M639.31,407.39q-177.43-.06-354.85-.09c-8.8,0-17.7,0-26.37-1.3-9.74-1.42-16.3-7.62-16.29-17.81,0-9.93,5.86-16.66,15.75-18.41a122.26,122.26,0,0,1,21.06-1.36q356.16-.14,712.33-.08c8.81,0,17.7,0,26.42,1.09,10.46,1.33,19,6.48,19,18.27,0,13.21-9.32,18.08-21.07,18.91-8.79.63-17.63.79-26.45.79Q814.09,407.48,639.31,407.39Z"/><path class="cls-1" d="M639.72,508.17q178.74,0,357.48.06c8.77,0,17.76.22,26.24,2.13s13.39,8.66,13.14,17.6c-.21,7.72-4.61,13.91-12,15.69a113,113,0,0,1-26,3.06q-360.13.25-720.27.1a106,106,0,0,1-21-1.71c-9.79-2-15.52-8.75-15.41-18.73.12-10.32,6.62-16.18,16.63-17.19,8.75-.89,17.61-.95,26.43-1Q462.3,508.15,639.72,508.17Z"/><path class="cls-1" d="M448.43,687.14q-82,0-164,0c-7.05,0-14.1-.2-21.14-.51-12.23-.54-20.81-6.52-21-19.05-.27-14,8.57-20,22.32-20q183.78.17,367.57.13c13.67,0,26.26,4.07,25.34,20-1,16.95-15.35,19.67-29.28,19.71-59.93.18-119.87.08-179.81.08Z"/></g></svg>