@pisell/private-materials 3.2.11 → 3.2.17

package/es/components/{parallelResourcBooking → appointmentBooking}/components/Provider/SelectHolderModal.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 declare const SelectHolderModal: (props: any) => JSX.Element;
 export default SelectHolderModal;

package/es/components/{parallelResourcBooking/components/Provider → appointmentBooking/components}/Resource/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './index.less';
 declare const Resource: () => JSX.Element;
 export default Resource;

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

@@ -0,0 +1,68 @@
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+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 _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import React, { useState } from 'react';
+import ResourceDisplay from "../../../eventBooking/components/resourceDisplay";
+import { PisellCustomCheckboxGroup } from '@pisell/materials';
+import { isMobile } from '@pisell/utils';
+import "./index.less";
+var Resource = function Resource() {
+  var _useState = useState(''),
+    _useState2 = _slicedToArray(_useState, 2),
+    selectedResource = _useState2[0],
+    setSelectedResource = _useState2[1];
+  var 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'
+  }];
+  var _onClick = function onClick(e) {
+    console.log(e);
+    setSelectedResource(e.id);
+  };
+  return /*#__PURE__*/React.createElement("div", {
+    className: 'appointment-resource-wrap'
+  }, /*#__PURE__*/React.createElement(PisellCustomCheckboxGroup, {
+    dataSource: lists,
+    renderItem: function renderItem(item) {
+      return /*#__PURE__*/React.createElement(ResourceDisplay, {
+        key: item.id,
+        mode: "rule",
+        dataSource: item,
+        direction: "vertical",
+        children: !item.image ? item.title.charAt(0).toUpperCase() : null,
+        selected: selectedResource === item.id
+      });
+    },
+    columns: isMobile() ? 2 : 3,
+    horizontalGap: 16,
+    verticalGap: 16,
+    onClick: function onClick(e) {
+      return _onClick && _onClick(e);
+    }
+  }));
+};
+export default Resource;

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

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

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

@@ -0,0 +1,205 @@
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+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 _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import React, { useRef, useState, useMemo } from 'react';
+import SearchLg from '@pisell/icon/es/SearchLg';
+import { locales } from '@pisell/utils';
+import { PisellEmpty } from '@pisell/materials';
+import { Input } from 'antd';
+import TabProduct from "../../../booking/components/TabProduct";
+import { formatProductListByCategory } from "../../../booking/utils";
+import useEngineContext from "../../../../hooks/useEngineContext";
+import { useAppointmentBooking, useAppointmentBookingProduct } from "../../hooks";
+import "./index.less";
+var Services = function Services() {
+  var searchRef = useRef();
+  var _useState = useState(''),
+    _useState2 = _slicedToArray(_useState, 2),
+    search = _useState2[0],
+    setSearch = _useState2[1];
+  var context = useEngineContext();
+  var _ref = context.appHelper || {},
+    utils = _ref.utils;
+  var appointmentBooking = useAppointmentBooking();
+  var appointmentBookingProduct = useAppointmentBookingProduct();
+  var products = appointmentBookingProduct.products;
+  console.log(products, 'wh97899');
+  var 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: []
+  }];
+  var handleSelectProduct = function handleSelectProduct(item) {
+    utils === null || utils === void 0 || utils.action({
+      type: 'pisell1.productDetail',
+      data: {
+        detail: item
+      },
+      callback: function callback(data) {
+        console.log(data, appointmentBooking.storeProducts, 'wh978796');
+        appointmentBooking.storeProducts([data]);
+      }
+    });
+  };
+  var renderList = useMemo(function () {
+    var _list = products || [];
+    if (!_list.length) return [];
+    var isIncludes = function isIncludes(str) {
+      return str.toLowerCase().indexOf(search.toLowerCase()) !== -1;
+    };
+    return formatProductListByCategory(_list, search ? function (item) {
+      return isIncludes(item.title);
+    } : undefined);
+  }, [search, products]);
+  return /*#__PURE__*/React.createElement("div", {
+    className: "appointment-service-wrap"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "appointment-service-search-wrap"
+  }, /*#__PURE__*/React.createElement(Input, {
+    ref: searchRef,
+    prefix: /*#__PURE__*/React.createElement(SearchLg, null),
+    style: {
+      marginTop: 16,
+      height: 44
+    },
+    placeholder: locales.getText('pisell2.event.search'),
+    allowClear: true,
+    value: search,
+    onChange: function onChange(e) {
+      setSearch(e.target.value);
+    }
+  })), (products === null || products === void 0 ? void 0 : products.length) > 0 ? /*#__PURE__*/React.createElement(TabProduct, {
+    list: renderList,
+    amountSymbol: '$',
+    onChange: handleSelectProduct,
+    scrollDom: '.parallel-booking-wrap'
+  }) : /*#__PURE__*/React.createElement(PisellEmpty, {
+    description: locales.getText('pisell2.appointment.booking.empty.service')
+  }));
+};
+export default Services;

package/es/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/es/components/appointmentBooking/components/TimeSlicing/index.d.ts

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