@pisell/private-materials 3.2.17 → 3.2.18

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

@@ -33,62 +33,76 @@ __export(Resource_exports, {
 });
 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 = () => {
-  const [selectedResource, setSelectedResource] = (0, import_react.useState)("");
-  const lists = [
+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: "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"
+      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) => {
-    console.log(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" }, /* @__PURE__ */ import_react.default.createElement(
+  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: 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
-        }
-      ),
+      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,

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.js

@@ -40,165 +40,20 @@ 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_hooks = require("../../hooks");
+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 = (0, import_hooks.useAppointmentBooking)();
-  const appointmentBookingProduct = (0, import_hooks.useAppointmentBookingProduct)();
-  const { products } = appointmentBookingProduct;
-  console.log(products, "wh97899");
-  const lists = [
-    {
-      id: 57474,
-      extension_id: 0,
-      extension_type: "normal",
-      shop_id: 9,
-      title: "灵活计价-None",
-      slug: "灵活计价-none",
-      status: "published",
-      stock_quantity: 99998,
-      sales_quantity: 3,
-      sum_stock: 99998,
-      price: "0.01",
-      original_price: "0.00",
-      cost_price: "0.00",
-      cover: "",
-      channel_application: [
-        "online-store",
-        "pos",
-        "bbc-module:mebook",
-        "google_reserve"
-      ],
-      is_track: 1,
-      over_sold: 1,
-      is_gst: 1,
-      code: "11111",
-      barcode: "",
-      is_delivery: 1,
-      weight_unit: "GRAMS",
-      weight_value: "0.00",
-      type: "physical",
-      unit: "",
-      sort: 9999999,
-      bundle_group_count: 0,
-      option_group_count: 0,
-      is_variant: 0,
-      variant_count: 0,
-      barcode_formatting: "None",
-      shelf_product_datas: [],
-      step_value: 1,
-      min_num_unit: 1,
-      schedules: [],
-      is_charge_tax: 1,
-      base_price: "0.01",
-      variant: [],
-      category: [
-        {
-          id: 1268,
-          name: "灵活计价",
-          icon: "",
-          slug: "灵活计价",
-          sort: 0
-        }
-      ]
-    },
-    {
-      id: 57472,
-      extension_id: 0,
-      extension_type: "normal",
-      shop_id: 9,
-      title: "测试灵活计价UPC-A",
-      slug: "测试灵活计价upc-a",
-      status: "published",
-      stock_quantity: 2317,
-      sales_quantity: 4,
-      sum_stock: 2317,
-      price: "0.00",
-      original_price: "0.00",
-      cost_price: "0.00",
-      cover: "",
-      channel_application: [
-        "online-store",
-        "pos",
-        "bbc-module:mebook",
-        "google_reserve"
-      ],
-      is_track: 1,
-      over_sold: 0,
-      is_gst: 1,
-      code: "34523",
-      barcode: "",
-      is_delivery: 1,
-      weight_unit: "GRAMS",
-      weight_value: "0.00",
-      type: "physical",
-      unit: "",
-      sort: 9999999,
-      bundle_group_count: 0,
-      option_group_count: 0,
-      is_variant: 0,
-      variant_count: 0,
-      barcode_formatting: "None",
-      shelf_product_datas: [],
-      step_value: 1,
-      min_num_unit: 1,
-      schedules: [],
-      is_charge_tax: 1,
-      base_price: "0.00",
-      variant: [],
-      category: []
-    },
-    {
-      id: 57470,
-      extension_id: 0,
-      extension_type: "normal",
-      shop_id: 9,
-      title: "测试灵活计价",
-      slug: "测试灵活计价",
-      status: "published",
-      stock_quantity: 0,
-      sales_quantity: 0,
-      sum_stock: 0,
-      price: "0.00",
-      original_price: "0.00",
-      cost_price: "0.00",
-      cover: "",
-      channel_application: [
-        "online-store",
-        "pos",
-        "bbc-module:mebook",
-        "google_reserve"
-      ],
-      is_track: 1,
-      over_sold: 0,
-      is_gst: 1,
-      code: "23456",
-      barcode: "",
-      is_delivery: 1,
-      weight_unit: "GRAMS",
-      weight_value: "0.00",
-      type: "physical",
-      unit: "",
-      sort: 9999999,
-      bundle_group_count: 0,
-      option_group_count: 0,
-      is_variant: 0,
-      variant_count: 0,
-      barcode_formatting: "None",
-      shelf_product_datas: [],
-      step_value: 1,
-      min_num_unit: 1,
-      schedules: [],
-      is_charge_tax: 1,
-      base_price: "0.00",
-      variant: [],
-      category: []
-    }
-  ];
+  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",
@@ -206,8 +61,13 @@ var Services = () => {
         detail: item
       },
       callback: (data) => {
-        console.log(data, appointmentBooking.storeProducts, "wh978796");
-        appointmentBooking.storeProducts([data]);
+        const product = {
+          ...data,
+          options: (data == null ? void 0 : data.option) || []
+        };
+        delete product.option;
+        console.log(product, data, appointmentBooking.storeProduct, "wh978796");
+        appointmentBooking.storeProduct(product);
       }
     });
   };

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

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