@pisell/private-materials 3.2.12 → 3.2.18

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

@@ -0,0 +1,113 @@
+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_antd = require("antd");
+var import_resourceDisplay = __toESM(require("../../../eventBooking/components/resourceDisplay"));
+var import_materials = require("@pisell/materials");
+var import_hooks = require("../../hooks");
+var import_context = require("../../context");
+var import_utils = require("@pisell/utils");
+var import_index = require("./index.less");
+var Resource = ({ onChange }) => {
+  const [selectedResource, setSelectedResource] = (0, import_react.useState)(0);
+  const { appointmentBooking, resources, carts } = (0, import_context.useAppointmentBookingContext)();
+  const { getResourceList, getResourceTimeSlot } = (0, import_hooks.useAppointmentBookingResource)();
+  console.log(resources, carts, appointmentBooking, "lists, products");
+  (0, import_react.useEffect)(() => {
+    getResourceList();
+  }, []);
+  const anyResource = [
+    {
+      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: "for maximum availability"
+    }
+  ];
+  const currentResource = (0, import_react.useMemo)(() => {
+    var _a, _b;
+    if (resources.length && carts.length) {
+      console.log(resources, carts, "lists, products");
+      if (carts.length === 1) {
+        return (_b = (_a = resources[0]) == null ? void 0 : _a.resources) == null ? void 0 : _b[0];
+      } else {
+        return {
+          renderList: []
+        };
+      }
+    }
+  }, [resources, carts]);
+  const resourcesResult = (0, import_react.useMemo)(() => {
+    console.log(currentResource, resources, "wh98765756");
+    return anyResource.concat((currentResource == null ? void 0 : currentResource.renderList) || []);
+  }, [currentResource]);
+  const onClick = (e) => {
+    var _a;
+    setSelectedResource(e.id);
+    console.log(currentResource, e, "whcurrentResourcecurrentResource");
+    if (e.id) {
+      getResourceTimeSlot({
+        product: (_a = resources == null ? void 0 : resources[0]) == null ? void 0 : _a.product,
+        resources: currentResource == null ? void 0 : currentResource.renderList,
+        currentResourceId: e.id
+      });
+    }
+  };
+  return /* @__PURE__ */ import_react.default.createElement("div", { className: "appointment-resource-wrap" }, !(resourcesResult == null ? void 0 : resourcesResult.length) ? /* @__PURE__ */ import_react.default.createElement(import_antd.Skeleton, { loading: true, active: true }) : /* @__PURE__ */ import_react.default.createElement(
+    import_materials.PisellCustomCheckboxGroup,
+    {
+      dataSource: resourcesResult,
+      renderItem: (item) => {
+        var _a;
+        return /* @__PURE__ */ import_react.default.createElement(
+          import_resourceDisplay.default,
+          {
+            key: item.id,
+            mode: "rule",
+            dataSource: item,
+            direction: "vertical",
+            children: !(item == null ? void 0 : item.image) ? (_a = item == null ? void 0 : item.title) == null ? void 0 : _a.charAt(0).toUpperCase() : null,
+            selected: selectedResource === (item == null ? void 0 : 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/Resource/index.less

@@ -0,0 +1,6 @@
+.appointment-resource-wrap {
+  padding-top: 16px;
+  .pisell-lowcode-card {
+    min-height: 166px !important;
+  }
+}

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

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

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

@@ -0,0 +1,115 @@
+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/Services/index.tsx
+var Services_exports = {};
+__export(Services_exports, {
+  default: () => Services_default
+});
+module.exports = __toCommonJS(Services_exports);
+var import_react = __toESM(require("react"));
+var import_SearchLg = __toESM(require("@pisell/icon/es/SearchLg"));
+var import_utils = require("@pisell/utils");
+var import_materials = require("@pisell/materials");
+var import_antd = require("antd");
+var import_TabProduct = __toESM(require("../../../booking/components/TabProduct"));
+var import_utils2 = require("../../../booking/utils");
+var import_useEngineContext = __toESM(require("../../../../hooks/useEngineContext"));
+var import_context = require("../../context");
+var import_index = require("./index.less");
+var Services = () => {
+  const searchRef = (0, import_react.useRef)();
+  const [search, setSearch] = (0, import_react.useState)("");
+  const context = (0, import_useEngineContext.default)();
+  const { utils } = context.appHelper || {};
+  const { appointmentBooking, products, setProducts } = (0, import_context.useAppointmentBookingContext)();
+  (0, import_react.useEffect)(() => {
+    const { productModuleParams } = appointmentBooking.otherParams || {};
+    appointmentBooking.loadProducts(productModuleParams).then((res) => {
+      setProducts(res || []);
+    });
+  }, []);
+  const handleSelectProduct = (item) => {
+    utils == null ? void 0 : utils.action({
+      type: "pisell1.productDetail",
+      data: {
+        detail: item
+      },
+      callback: (data) => {
+        const product = {
+          ...data,
+          options: (data == null ? void 0 : data.option) || []
+        };
+        delete product.option;
+        console.log(product, data, appointmentBooking.storeProduct, "wh978796");
+        appointmentBooking.storeProduct(product);
+      }
+    });
+  };
+  const renderList = (0, import_react.useMemo)(() => {
+    let _list = products || [];
+    if (!_list.length) return [];
+    const isIncludes = (str) => {
+      return str.toLowerCase().indexOf(search.toLowerCase()) !== -1;
+    };
+    return (0, import_utils2.formatProductListByCategory)(
+      _list,
+      search ? (item) => isIncludes(item.title) : void 0
+    );
+  }, [search, products]);
+  return /* @__PURE__ */ import_react.default.createElement("div", { className: "appointment-service-wrap" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "appointment-service-search-wrap" }, /* @__PURE__ */ import_react.default.createElement(
+    import_antd.Input,
+    {
+      ref: searchRef,
+      prefix: /* @__PURE__ */ import_react.default.createElement(import_SearchLg.default, null),
+      style: { marginTop: 16, height: 44 },
+      placeholder: import_utils.locales.getText("pisell2.event.search"),
+      allowClear: true,
+      value: search,
+      onChange: (e) => {
+        setSearch(e.target.value);
+      }
+    }
+  )), (products == null ? void 0 : products.length) > 0 ? /* @__PURE__ */ import_react.default.createElement(
+    import_TabProduct.default,
+    {
+      list: renderList,
+      amountSymbol: "$",
+      onChange: handleSelectProduct,
+      scrollDom: ".parallel-booking-wrap"
+    }
+  ) : /* @__PURE__ */ import_react.default.createElement(
+    import_materials.PisellEmpty,
+    {
+      description: import_utils.locales.getText(
+        "pisell2.appointment.booking.empty.service"
+      )
+    }
+  ));
+};
+var Services_default = Services;

package/lib/components/appointmentBooking/components/Services/index.less

@@ -0,0 +1,17 @@
+.appointment-service-wrap {
+  .appointment-service-search-wrap {
+    top: 0;
+    position: sticky;
+    z-index: 2;
+    padding: 16px !important;
+    margin: 0;
+    .pisell-lowcode-input-affix-wrapper {
+      margin: 0 !important;
+    }
+
+    .pisell-lowcode-input-affix-wrapper:focus-within,
+    .pisell-lowcode-input-affix-wrapper:hover {
+      border-color: #5d3f9f !important;
+    }
+  }
+}

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

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

package/lib/components/{parallelResourceBooking/components/bookingServiceList → appointmentBooking/components/TimeSlicing}/index.js

@@ -26,54 +26,41 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// src/components/parallelResourceBooking/components/bookingServiceList/index.tsx
-var bookingServiceList_exports = {};
-__export(bookingServiceList_exports, {
-  default: () => bookingServiceList_default
+// src/components/appointmentBooking/components/TimeSlicing/index.tsx
+var TimeSlicing_exports = {};
+__export(TimeSlicing_exports, {
+  default: () => TimeSlicing_default
 });
-module.exports = __toCommonJS(bookingServiceList_exports);
+module.exports = __toCommonJS(TimeSlicing_exports);
 var import_react = __toESM(require("react"));
 var import_materials = require("@pisell/materials");
-var import_productCard = __toESM(require("../productCard"));
+var import_context = require("../../context");
 var import_index = require("./index.less");
-var BookingServiceList = ({
-  dataSource,
-  onClick,
-  showSearch = false,
-  showCategory = true,
-  showImage,
-  showPrice,
-  showTitle,
-  placeholder,
-  onSearch,
-  isShowEmpty,
-  description
-}) => {
-  const renderServiceItem = (item) => {
+var Resource = ({ params }) => {
+  const [selectedResource, setSelectedResource] = (0, import_react.useState)("");
+  const { times, resources, appointmentBooking, carts } = (0, import_context.useAppointmentBookingContext)();
+  console.log(params, resources, times, "wh8765");
+  const onClick = async (e) => {
+    var _a, _b, _c;
+    setSelectedResource(e == null ? void 0 : e.start_time);
+    const data = await appointmentBooking.autoSelectResource({
+      resourceProductData: (_a = resources == null ? void 0 : resources[0]) == null ? void 0 : _a.product,
+      resources: (_c = (_b = resources == null ? void 0 : resources[0]) == null ? void 0 : _b.resources) == null ? void 0 : _c[1],
+      timeSlots: e
+    });
+    console.log(data, "wh9879676");
+  };
+  return /* @__PURE__ */ import_react.default.createElement("div", { className: "appointment-time-slicing-wrap" }, times.map((item, index) => {
     return /* @__PURE__ */ import_react.default.createElement(
-      import_productCard.default,
+      "div",
       {
-        item,
-        key: item.id,
-        showImage: (item == null ? void 0 : item.image) && showImage,
-        showPrice,
-        showName: showTitle,
-        onClick: () => onClick && onClick(item)
-      }
+        key: index,
+        onClick: () => onClick(item),
+        className: `item ${selectedResource === (item == null ? void 0 : item.start_time) ? "active" : ""}`
+      },
+      /* @__PURE__ */ import_react.default.createElement("span", null, item == null ? void 0 : item.start_time),
+      /* @__PURE__ */ import_react.default.createElement(import_materials.Iconfont, { type: "pisell2-chevron-right", className: `icon` })
     );
-  };
-  return /* @__PURE__ */ import_react.default.createElement("div", { className: "event-booking-service-list" }, /* @__PURE__ */ import_react.default.createElement(
-    import_materials.PisellList01,
-    {
-      showSearch,
-      showCategory,
-      dataSource,
-      placeholder,
-      renderItem: renderServiceItem,
-      onSearch,
-      isShowEmpty,
-      description
-    }
-  ));
+  }));
 };
-var bookingServiceList_default = BookingServiceList;
+var TimeSlicing_default = Resource;

package/lib/components/appointmentBooking/components/TimeSlicing/index.less

@@ -0,0 +1,23 @@
+.appointment-time-slicing-wrap {
+  .item {
+    cursor: pointer;
+    padding: 25px 20px;
+    border-bottom: 1px solid #f1f1f1;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    font-size: 16px;
+    font-weight: 600;
+    line-height: 22px;
+    color: #1b1b1b;
+
+    .icon {
+      color: #919191;
+      font-size: 18px;
+    }
+
+    &:hover {
+      background-color: #f1f1f1;
+    }
+  }
+}

package/lib/components/appointmentBooking/context.d.ts

@@ -0,0 +1,23 @@
+import { ReactNode } from 'react';
+interface AppointmentBookingContextType {
+    appointmentBooking: any;
+    times: any[];
+    resources: any[];
+    setTimes: (times: any[]) => void;
+    setResources: (lists: any[]) => void;
+    products: any[];
+    carts: any[];
+    summary: any;
+    setProducts: (val: any[]) => void;
+    setCarts: (val: any[]) => void;
+    setSummary: (val: any) => void;
+    currentStep: any;
+    isLastStep?: boolean;
+    setIsLastStep: (val: boolean) => void;
+    setCurrentStep: (val: any) => void;
+}
+export declare const AppointmentBookingProvider: ({ children, }: {
+    children: ReactNode;
+}) => JSX.Element;
+export declare const useAppointmentBookingContext: () => AppointmentBookingContextType;
+export {};

package/lib/components/appointmentBooking/context.js

@@ -0,0 +1,85 @@
+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/context.tsx
+var context_exports = {};
+__export(context_exports, {
+  AppointmentBookingProvider: () => AppointmentBookingProvider,
+  useAppointmentBookingContext: () => useAppointmentBookingContext
+});
+module.exports = __toCommonJS(context_exports);
+var import_react = __toESM(require("react"));
+var import_hooks = require("./hooks");
+var AppointmentBookingContext = (0, import_react.createContext)(void 0);
+var AppointmentBookingProvider = ({
+  children
+}) => {
+  const appointmentBooking = (0, import_hooks.useAppointmentBooking)();
+  const [products, setProducts] = (0, import_react.useState)([]);
+  const [summary, setSummary] = (0, import_react.useState)({});
+  const [times, setTimes] = (0, import_react.useState)([]);
+  const [resources, setResources] = (0, import_react.useState)([]);
+  const [currentStep, setCurrentStep] = (0, import_react.useState)(
+    appointmentBooking.getCurrentStep()
+  );
+  const [isLastStep, setIsLastStep] = (0, import_react.useState)(false);
+  const [carts, setCarts] = (0, import_react.useState)([]);
+  console.log(3234234, times, resources);
+  const value = {
+    appointmentBooking,
+    times,
+    resources,
+    products,
+    summary,
+    currentStep,
+    isLastStep,
+    carts,
+    setTimes,
+    setResources,
+    setProducts,
+    setSummary,
+    setCurrentStep,
+    setIsLastStep,
+    setCarts
+  };
+  return /* @__PURE__ */ import_react.default.createElement(AppointmentBookingContext.Provider, { value }, children);
+};
+var useAppointmentBookingContext = () => {
+  const context = (0, import_react.useContext)(AppointmentBookingContext);
+  if (context === void 0) {
+    throw new Error(
+      "useAppointmentBookingContext must be used within a AppointmentBookingProvider"
+    );
+  }
+  return context;
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  AppointmentBookingProvider,
+  useAppointmentBookingContext
+});

package/lib/components/appointmentBooking/hooks.d.ts

@@ -0,0 +1,23 @@
+export declare const useAppointmentBooking: () => any;
+export declare const useAppointmentBookingStep: () => void;
+export declare const useAppointmentBookingProduct: () => void;
+export declare const useAppointmentBookingCart: () => {
+    cart: any;
+};
+export declare const useAppointmentBookingLogin: () => {
+    isLogin: boolean;
+    openLoginModal: (params: {
+        callback: any;
+    }) => void;
+};
+export declare const useAppointmentBookingAccount: () => {
+    currentUser: {
+        id: any;
+        username: string;
+    };
+    accountLists: any;
+};
+export declare const useAppointmentBookingResource: () => {
+    getResourceTimeSlot: (params: any) => Promise<void>;
+    getResourceList: () => Promise<void>;
+};