@pisell/private-materials 6.0.25 → 6.1.2

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

@@ -0,0 +1,102 @@
+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/TimeSlicing/index.tsx
+var TimeSlicing_exports = {};
+__export(TimeSlicing_exports, {
+  default: () => TimeSlicing_default
+});
+module.exports = __toCommonJS(TimeSlicing_exports);
+var import_react = __toESM(require("react"));
+var import_materials = require("@pisell/materials");
+var import_utils = require("@pisell/utils");
+var import_context = require("../../context");
+var import_hooks = require("../../hooks");
+var import_utils2 = require("../../utils");
+var import_index = require("./index.less");
+var TimeSlicing = (0, import_react.forwardRef)((props, ref) => {
+  const [selectedResource, setSelectedResource] = (0, import_react.useState)("");
+  const {
+    times,
+    appointmentBooking,
+    setSelectedTime,
+    resourceOtherParams,
+    carts
+  } = (0, import_context.useAppointmentBookingContext)();
+  const { getResourceTimeSlot, getResourceList } = (0, import_hooks.useAppointmentBookingResource)();
+  const { nextStep } = (0, import_hooks.useAppointmentBookingStep)();
+  (0, import_react.useImperativeHandle)(ref, () => ({
+    next: () => {
+      const isUnSelectedTimes = appointmentBooking.checkCartItems("date");
+      if ((isUnSelectedTimes == null ? void 0 : isUnSelectedTimes.length) > 0) {
+        (0, import_utils2.Toast)(import_utils.locales.getText("pisell2.appointment.unselect.time"));
+        return;
+      }
+      nextStep();
+    }
+  }));
+  (0, import_react.useEffect)(() => {
+    getResourceTimeSlot();
+  }, []);
+  const getAutoSelect = async (val) => {
+    setSelectedTime(val);
+    const result = await appointmentBooking.submitTimeSlot(val);
+  };
+  (0, import_react.useEffect)(() => {
+    var _a, _b, _c;
+    let appoimentBookingProductCart = carts.filter((item) => !appointmentBooking.isTargetCartIdNormalProduct(item == null ? void 0 : item._id));
+    if ((times == null ? void 0 : times.length) > 0 && (appoimentBookingProductCart == null ? void 0 : appoimentBookingProductCart.length) > 0) {
+      const startTime = ((_a = appoimentBookingProductCart == null ? void 0 : appoimentBookingProductCart[0]) == null ? void 0 : _a.start_time) || ((_b = times == null ? void 0 : times[0]) == null ? void 0 : _b.start_time);
+      setSelectedResource(startTime);
+      if ((_c = appoimentBookingProductCart == null ? void 0 : appoimentBookingProductCart[0]) == null ? void 0 : _c.start_time) return;
+      getAutoSelect(times == null ? void 0 : times[0]);
+    }
+  }, [times, carts]);
+  const onClick = async (e) => {
+    setSelectedResource(e == null ? void 0 : e.start_time);
+    getAutoSelect(e);
+  };
+  return (times == null ? void 0 : times.length) > 0 ? /* @__PURE__ */ import_react.default.createElement("div", { className: "appointment-time-slicing-wrap" }, times.map((item, index) => {
+    return /* @__PURE__ */ import_react.default.createElement(
+      "div",
+      {
+        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` })
+    );
+  })) : /* @__PURE__ */ import_react.default.createElement(
+    import_materials.PisellEmpty,
+    {
+      description: import_utils.locales.getText("pisell2.appointment.unselect.time")
+    }
+  );
+});
+var TimeSlicing_default = TimeSlicing;

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

@@ -0,0 +1,33 @@
+.appointment-time-slicing-wrap {
+  padding-top: 0;
+  .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;
+      cursor: pointer;
+    }
+    &.active {
+      background-color: var(--theme-color, #7f56d9);
+      color: #ffffff !important;
+
+      .icon {
+        color: #ffffff;
+      }
+    }
+  }
+}

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

@@ -0,0 +1,4 @@
+import '../../../booking/components/voucher/index.less';
+import './index.less';
+declare const VoucherCard: (props: any) => JSX.Element;
+export default VoucherCard;

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

@@ -0,0 +1,241 @@
+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/Voucher/index.tsx
+var Voucher_exports = {};
+__export(Voucher_exports, {
+  default: () => Voucher_default
+});
+module.exports = __toCommonJS(Voucher_exports);
+var import_react = __toESM(require("react"));
+var import_ChevronDown = __toESM(require("@pisell/icon/es/ChevronDown"));
+var import_UserCircle = __toESM(require("@pisell/icon/es/UserCircle"));
+var import_classnames = __toESM(require("classnames"));
+var import_antd = require("antd");
+var import_utils = require("@pisell/utils");
+var import_useEngineContext = __toESM(require("../../../../hooks/useEngineContext"));
+var import_materials = require("@pisell/materials");
+var import_hooks = require("../../hooks");
+var import_utils2 = require("../../utils");
+var import_voucher = require("../../../booking/components/voucher/index.less");
+var import_index = require("./index.less");
+var ShopDiscountHooks = {
+  onInited: "shopDiscount:onInited",
+  onDestroy: "shopDiscount:onDestroy",
+  onLoadDiscountList: "shopDiscount:onLoadDiscountList",
+  onCustomerChange: "shopDiscount:onCustomerChange",
+  onDiscountListChange: "shopDiscount:onDiscountListChange",
+  onRulesListChange: "shopDiscount:onRulesListChange",
+  onLoadPrepareCalcResult: "shopDiscount:onLoadPrepareCalcResult"
+};
+var VoucherCard = (props) => {
+  var _a, _b;
+  const { products, currentUser } = props;
+  const context = (0, import_useEngineContext.default)();
+  const appointmentBooking = (0, import_hooks.useAppointmentBooking)();
+  const shopDiscount = (0, import_hooks.useShopDiscount)();
+  const [showDetail, setShowDetail] = (0, import_react.useState)(false);
+  const { pisellos, action, token, store } = (_a = context.appHelper) == null ? void 0 : _a.utils;
+  const { utils } = context.appHelper || {};
+  const [code, setCode] = (0, import_react.useState)("");
+  const [discountList, setDisCountList] = (0, import_react.useState)([]);
+  const productRef = (0, import_react.useRef)(products);
+  const { openLoginModal } = (0, import_hooks.useAppointmentBookingLogin)();
+  const { accountLists } = (0, import_hooks.useAppointmentBookingAccount)();
+  const cart = (_b = appointmentBooking == null ? void 0 : appointmentBooking.store) == null ? void 0 : _b.cart;
+  const isUserLoggedIn = (0, import_react.useMemo)(() => {
+    var _a2, _b2;
+    return !!((_b2 = (_a2 = utils == null ? void 0 : utils.token) == null ? void 0 : _a2.get) == null ? void 0 : _b2.call(_a2)) || false;
+  }, [store]);
+  const availableData = (0, import_react.useMemo)(() => {
+    return discountList.filter((item) => !!item.isAvailable).map((discount) => {
+      return {
+        ...discount,
+        isDisabled: discount.isDisabled || discount.isDisabledForProductUsed,
+        savedAmount: shopDiscount.calcDiscountApplicableProductTotalPrice(discount)
+      };
+    });
+  }, [discountList]);
+  (0, import_react.useEffect)(() => {
+    if (isUserLoggedIn) {
+      const shopDiscount2 = pisellos.getModule("shopDiscount");
+      shopDiscount2.setCustomer(currentUser);
+    }
+  }, [currentUser.id, isUserLoggedIn]);
+  (0, import_react.useEffect)(() => {
+    shopDiscount.setProductList(products);
+  }, [products]);
+  const batchUpdateCart = (productList) => {
+    var _a2;
+    const items = productList.map((item) => {
+      var _a3, _b2;
+      return {
+        _id: item._id,
+        quantity: item.num,
+        bundle: item._bundleOrigin,
+        options: item._optionsOrigin,
+        product: {
+          ...item._productOrigin
+        },
+        discounts: ((_b2 = (_a3 = item._origin) == null ? void 0 : _a3.product) == null ? void 0 : _b2.discount_list) || []
+      };
+    });
+    (_a2 = appointmentBooking == null ? void 0 : appointmentBooking.batchUpdateCart) == null ? void 0 : _a2.call(appointmentBooking, items);
+  };
+  const onCartChange = () => {
+    const products2 = cart == null ? void 0 : cart.getItems();
+    const val = shopDiscount.calcDiscount(products2);
+    batchUpdateCart(val.productList);
+  };
+  (0, import_react.useEffect)(() => {
+    const val = shopDiscount.getDiscountList();
+    setDisCountList(val);
+    pisellos.effects.on(
+      ShopDiscountHooks.onLoadPrepareCalcResult,
+      (result) => {
+        batchUpdateCart(result.productList);
+      }
+    );
+    pisellos.effects.on("appointmentBooking_cart:onAddItem", onCartChange);
+    pisellos.effects.on("appointmentBooking_cart:onUpdateQuotationPrice", onCartChange);
+    pisellos.effects.on("appointmentBooking_cart:onUpdateCartItemNums", onCartChange);
+    pisellos.effects.on("appointmentBooking_cart:onRemoveItem", onCartChange);
+    pisellos.effects.on(
+      ShopDiscountHooks.onDiscountListChange,
+      (discount) => {
+        console.log(discount, "discountChange");
+        setDisCountList(discount);
+      }
+    );
+  }, []);
+  const onScanCode = async () => {
+    const val = await shopDiscount.scanCode(code);
+    if (val == null ? void 0 : val.isAvailable) {
+      batchUpdateCart(val.productList);
+      setCode("");
+    } else {
+      (0, import_materials.PisellToast)({
+        content: val.type === "server" ? import_utils.locales.getText("pisell2.text.goodpass.code-invalid") : import_utils.locales.getText("pisell2.text.goodpass.code-invalid-cart")
+      });
+    }
+  };
+  const renderLoginCard = () => {
+    if (isUserLoggedIn) return null;
+    return /* @__PURE__ */ import_react.default.createElement("div", { className: "login-card" }, /* @__PURE__ */ import_react.default.createElement(import_UserCircle.default, { style: { fontSize: 28 } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "text-wrapper" }, /* @__PURE__ */ import_react.default.createElement(
+      import_materials.PisellText,
+      {
+        className: "login-btn",
+        onClick: () => {
+          if (!action) return;
+          openLoginModal({
+            callback: (status) => {
+              var _a2, _b2, _c;
+              const user = (_c = (_b2 = (_a2 = utils.store) == null ? void 0 : _a2.getState()) == null ? void 0 : _b2.global) == null ? void 0 : _c.userInfo;
+              const currentUser2 = (0, import_utils2.formatCustomer)(user);
+              const meAccount = accountLists == null ? void 0 : accountLists.find((d) => !(d == null ? void 0 : d.isGuest));
+              if (status === "success") {
+                appointmentBooking.setLoginAccount(
+                  meAccount == null ? void 0 : meAccount.id,
+                  currentUser2
+                );
+              }
+            }
+          });
+        }
+      },
+      import_utils.locales.getText("pisell2.text.goodpass.login")
+    ), /* @__PURE__ */ import_react.default.createElement("span", null, import_utils.locales.getText("pisell2.text.goodpass.login-tip"))));
+  };
+  const mixedSort = (val) => {
+    return [...val].sort((a, b) => {
+      return Number(b == null ? void 0 : b.isSelected) - Number(a == null ? void 0 : a.isSelected);
+    });
+  };
+  const renderVoucherInfo = () => {
+    return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement("div", { className: "voucher-title" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "voucher-title-left" }, import_utils.locales.getText("pisell2.text.goodpass")), /* @__PURE__ */ import_react.default.createElement(
+      "span",
+      {
+        className: "voucher-title-right",
+        onClick: () => {
+          console.log("showDetail: ", showDetail);
+          setShowDetail(!showDetail);
+        }
+      },
+      import_utils.locales.getText("pisell2.text.details"),
+      " ",
+      /* @__PURE__ */ import_react.default.createElement(
+        import_ChevronDown.default,
+        {
+          className: (0, import_classnames.default)("voucher-right-icon", {
+            show: showDetail
+          })
+        }
+      )
+    )), /* @__PURE__ */ import_react.default.createElement(
+      "div",
+      {
+        className: (0, import_classnames.default)("voucher-detail", {
+          show: showDetail
+        })
+      },
+      (availableData == null ? void 0 : availableData.length) > 0 ? /* @__PURE__ */ import_react.default.createElement(
+        import_materials.PisellGoodPassCard,
+        {
+          style: { width: "100%" },
+          dataSource: availableData,
+          mixedSort,
+          onChange: (val) => {
+            const detail = shopDiscount.setDiscountSelected({
+              discountId: val.id,
+              isSelected: val.isSelected
+            });
+            batchUpdateCart(detail.productList);
+          }
+        }
+      ) : null,
+      renderLoginCard(),
+      /* @__PURE__ */ import_react.default.createElement("div", { className: "voucher-code-input-wrapper" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "voucher-code-input" }, /* @__PURE__ */ import_react.default.createElement("div", { style: { whiteSpace: "nowrap" } }, import_utils.locales.getText("pisell2.text.goodpass.code"), ":"), /* @__PURE__ */ import_react.default.createElement(
+        import_materials.PisellInput,
+        {
+          value: code,
+          allowClear: true,
+          onChange: (e) => {
+            var _a2;
+            setCode((_a2 = e.target) == null ? void 0 : _a2.value);
+          },
+          size: "small",
+          placeholder: import_utils.locales.getText(
+            "pisell2.text.goodpass.enter-code"
+          )
+        }
+      )), /* @__PURE__ */ import_react.default.createElement(import_antd.Button, { size: "small", onClick: onScanCode, disabled: !code }, import_utils.locales.getText("pisell2.text.apply")))
+    ));
+  };
+  return /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__appointment-booking-voucher-container" }, renderVoucherInfo());
+};
+var Voucher_default = VoucherCard;

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

@@ -0,0 +1,116 @@
+.pisell-lowcode__appointment-booking-voucher-container {
+  .login-card {
+    border-radius: 8px;
+    border: 1px solid var(--Gray-300, #d0d5dd);
+    background: #fff;
+    display: flex;
+    padding: 12px;
+    justify-content: center;
+    align-items: center;
+    gap: 10px;
+    color: var(--Gray-500, #667085);
+    font-size: 14px;
+    font-style: normal;
+    font-weight: 600;
+    margin-top: 6px;
+
+    .text-wrapper {
+      max-width: 200px;
+    }
+
+    .login-btn {
+      cursor: pointer;
+      color: var(--theme-color, #8157d5);
+    }
+  }
+
+  margin-bottom: 8px;
+  .voucher-title {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    margin-bottom: 10px;
+
+    .voucher-title-left {
+      color: var(--base-black, #000);
+      font-size: 18px;
+      font-style: normal;
+      font-weight: 600;
+      line-height: 28px;
+      display: flex;
+      flex-direction: column;
+    }
+
+    .voucher-title-right {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      gap: 4px;
+      color: var(--theme-color, #7f56d9);
+      cursor: pointer;
+      font-size: 18px;
+      font-style: normal;
+      font-weight: 500;
+    }
+
+    .voucher-right-icon {
+      font-size: 20px;
+      width: 24px;
+      height: 24px;
+      color: var(--theme-color, #7f56d9);
+      display: flex;
+      align-items: center;
+      justify-content: center;
+
+      &.show {
+        transform: rotate(180deg);
+      }
+    }
+  }
+
+  .voucher-detail {
+    width: 100%;
+    transition: 0.2s;
+    max-height: 0;
+    overflow: hidden;
+    display: flex;
+    flex-direction: column;
+
+    &.show {
+      max-height: unset;
+    }
+  }
+
+  .voucher-code-input-wrapper {
+    margin-top: 6px;
+    display: flex;
+    width: 100%;
+    height: 42px;
+    padding: 8px;
+    justify-content: space-between;
+    align-items: center;
+    gap: 8px;
+    flex-shrink: 0;
+    border-radius: 8px;
+    border: 1px solid var(--Gray-300, #d0d5dd);
+    background: #fff;
+  }
+
+  .voucher-code-input {
+    display: flex;
+    align-items: center;
+    > div {
+      color: var(--Gray-500, #667085);
+      text-align: center;
+      font-size: 16px;
+      font-style: normal;
+      font-weight: 600;
+      line-height: 20px;
+      margin-right: 8px;
+    }
+  }
+
+  input {
+    box-shadow: none !important;
+  }
+}

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

@@ -0,0 +1,35 @@
+import { ReactNode } from 'react';
+import { TasksManager } from '../../utils/tasks';
+interface AppointmentBookingContextType {
+    appointmentBooking: any;
+    times: any[];
+    resources: any[];
+    setTimes: (times: any[]) => void;
+    setResources: (lists: any[]) => void;
+    carts: any[];
+    summary: any;
+    setCarts: (val: any[]) => void;
+    setSummary: (val: any) => void;
+    currentStep: any;
+    setCurrentStep: (val: any) => void;
+    appHelper?: any;
+    symbolic?: any;
+    resourceOtherParams?: any;
+    setResourceOtherParams: (val: any) => void;
+    selectedTime: any;
+    setSelectedTime: (val: any) => void;
+    isAgreeDepositPolicy: boolean;
+    setIsAgreeDepositPolicy: (val: boolean) => void;
+    isLastStep: boolean;
+    tasksManager: TasksManager;
+    policyParams: any;
+    setPolicyParams: (val: any) => void;
+    openPolicy: (content: any, callback?: any) => void;
+    closePolicy: (val?: boolean) => void;
+    [key: string]: any;
+}
+export declare const AppointmentBookingProvider: ({ children, }: {
+    children: ReactNode;
+}) => JSX.Element;
+export declare const useAppointmentBookingContext: () => AppointmentBookingContextType | undefined;
+export {};