@pisell/private-materials 3.3.33 → 3.3.35

package/es/components/eventBooking/components/Provider/SelectProduct/index.js

@@ -1,77 +0,0 @@
-import React from 'react';
-import { useCart, useSales } from "../../../Sales";
-import { locales } from '@pisell/utils';
-import { PisellCard } from '@pisell/materials';
-import "./index.less";
-var SelectProduct = function SelectProduct() {
-  var _cartData$cartItems2;
-  var _useSales = useSales(),
-    data = _useSales.data;
-  var _useCart = useCart(),
-    addToCart = _useCart.addToCart,
-    cartData = _useCart.cartData;
-  var handleAddToCart = function handleAddToCart(product) {
-    addToCart(product);
-  };
-  var renderProductCard = function renderProductCard(product) {
-    var _cartData$cartItems;
-    var isSelected = cartData === null || cartData === void 0 || (_cartData$cartItems = cartData.cartItems) === null || _cartData$cartItems === void 0 ? void 0 : _cartData$cartItems.some(function (item) {
-      return item.id === product.id;
-    });
-    return /*#__PURE__*/React.createElement("div", {
-      key: product.id,
-      className: "product-card ".concat(isSelected ? 'product-card-selected' : ''),
-      onClick: function onClick() {
-        return handleAddToCart(product);
-      }
-    }, /*#__PURE__*/React.createElement(PisellCard, {
-      bodyStyle: {
-        padding: '16px'
-      }
-    }, /*#__PURE__*/React.createElement("div", {
-      className: "product-content"
-    }, /*#__PURE__*/React.createElement("div", {
-      className: "product-title"
-    }, product.title), /*#__PURE__*/React.createElement("div", {
-      className: "product-price"
-    }, product.price, " ", product.currency))));
-  };
-  return /*#__PURE__*/React.createElement("div", {
-    className: "select-product-container"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "step-header"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "step-number"
-  }, "Step 1"), /*#__PURE__*/React.createElement("div", {
-    className: "step-title"
-  }, "Select Product")), /*#__PURE__*/React.createElement("div", {
-    className: "category-section"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "category-title"
-  }, "Other"), /*#__PURE__*/React.createElement("div", {
-    className: "product-list"
-  }, renderProductCard({
-    id: '1',
-    title: 'appointment',
-    price: '1.00',
-    currency: 'AUD'
-  }))), /*#__PURE__*/React.createElement("div", {
-    className: "cart-section"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "cart-title"
-  }, "Your cart"), cartData !== null && cartData !== void 0 && (_cartData$cartItems2 = cartData.cartItems) !== null && _cartData$cartItems2 !== void 0 && _cartData$cartItems2.length ? /*#__PURE__*/React.createElement("div", {
-    className: "cart-items"
-  }, cartData.cartItems.map(function (item) {
-    return /*#__PURE__*/React.createElement("div", {
-      key: item.id,
-      className: "cart-item"
-    }, item.title);
-  })) : /*#__PURE__*/React.createElement("div", {
-    className: "cart-empty"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "cart-empty-icon"
-  }, "\uD83D\uDED2"), /*#__PURE__*/React.createElement("div", {
-    className: "cart-empty-text"
-  }, locales.getText('pisell2.event.cart.empty')))));
-};
-export default SelectProduct;

package/es/components/eventBooking/components/Provider/SelectProduct/index.less

@@ -1,131 +0,0 @@
-.select-product-container {
-  padding: 24px;
-  background: #fff;
-
-  .step-header {
-    margin-bottom: 24px;
-
-    .step-number {
-      font-size: 14px;
-      color: #666;
-      margin-bottom: 8px;
-    }
-
-    .step-title {
-      font-size: 24px;
-      font-weight: 500;
-      color: #333;
-    }
-  }
-
-  .category-section {
-    margin-bottom: 24px;
-
-    .category-title {
-      font-size: 16px;
-      font-weight: 500;
-      color: #333;
-      margin-bottom: 16px;
-    }
-
-    .product-list {
-      display: grid;
-      grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
-      gap: 16px;
-    }
-  }
-
-  .product-card {
-    cursor: pointer;
-    transition: all 0.3s;
-
-    &:hover {
-      transform: translateY(-2px);
-    }
-
-    &.product-card-selected {
-      .pisell-card {
-        border-color: #1890ff;
-        background: rgba(24, 144, 255, 0.05);
-      }
-    }
-
-    .product-content {
-      text-align: center;
-
-      .product-title {
-        font-size: 16px;
-        color: #333;
-        margin-bottom: 8px;
-      }
-
-      .product-price {
-        font-size: 14px;
-        color: #666;
-      }
-    }
-  }
-
-  .cart-section {
-    background: #f5f5f5;
-    border-radius: 4px;
-    padding: 24px;
-
-    .cart-title {
-      font-size: 18px;
-      font-weight: 500;
-      color: #333;
-      margin-bottom: 16px;
-    }
-
-    .cart-empty {
-      text-align: center;
-      padding: 32px 0;
-
-      .cart-empty-icon {
-        font-size: 24px;
-        margin-bottom: 8px;
-      }
-
-      .cart-empty-text {
-        color: #999;
-      }
-    }
-
-    .cart-items {
-      .cart-item {
-        padding: 12px;
-        background: #fff;
-        border-radius: 4px;
-        margin-bottom: 8px;
-
-        &:last-child {
-          margin-bottom: 0;
-        }
-      }
-    }
-  }
-}
-
-// 移动端适配
-@media screen and (max-width: 768px) {
-  .select-product-container {
-    padding: 16px;
-
-    .step-header {
-      margin-bottom: 16px;
-
-      .step-title {
-        font-size: 20px;
-      }
-    }
-
-    .product-list {
-      grid-template-columns: 1fr !important;
-    }
-
-    .cart-section {
-      padding: 16px;
-    }
-  }
-}

package/lib/components/eventBooking/components/Provider/SelectProduct/index.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import './index.less';
-declare const SelectProduct: React.FC;
-export default SelectProduct;

package/lib/components/eventBooking/components/Provider/SelectProduct/index.js

@@ -1,69 +0,0 @@
-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/eventBooking/components/Provider/SelectProduct/index.tsx
-var SelectProduct_exports = {};
-__export(SelectProduct_exports, {
-  default: () => SelectProduct_default
-});
-module.exports = __toCommonJS(SelectProduct_exports);
-var import_react = __toESM(require("react"));
-var import_Sales = require("../../../Sales");
-var import_utils = require("@pisell/utils");
-var import_materials = require("@pisell/materials");
-var import_index = require("./index.less");
-var SelectProduct = () => {
-  var _a;
-  const { data } = (0, import_Sales.useSales)();
-  const { addToCart, cartData } = (0, import_Sales.useCart)();
-  const handleAddToCart = (product) => {
-    addToCart(product);
-  };
-  const renderProductCard = (product) => {
-    var _a2;
-    const isSelected = (_a2 = cartData == null ? void 0 : cartData.cartItems) == null ? void 0 : _a2.some(
-      (item) => item.id === product.id
-    );
-    return /* @__PURE__ */ import_react.default.createElement(
-      "div",
-      {
-        key: product.id,
-        className: `product-card ${isSelected ? "product-card-selected" : ""}`,
-        onClick: () => handleAddToCart(product)
-      },
-      /* @__PURE__ */ import_react.default.createElement(import_materials.PisellCard, { bodyStyle: { padding: "16px" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "product-content" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "product-title" }, product.title), /* @__PURE__ */ import_react.default.createElement("div", { className: "product-price" }, product.price, " ", product.currency)))
-    );
-  };
-  return /* @__PURE__ */ import_react.default.createElement("div", { className: "select-product-container" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "step-header" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "step-number" }, "Step 1"), /* @__PURE__ */ import_react.default.createElement("div", { className: "step-title" }, "Select Product")), /* @__PURE__ */ import_react.default.createElement("div", { className: "category-section" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "category-title" }, "Other"), /* @__PURE__ */ import_react.default.createElement("div", { className: "product-list" }, renderProductCard({
-    id: "1",
-    title: "appointment",
-    price: "1.00",
-    currency: "AUD"
-  }))), /* @__PURE__ */ import_react.default.createElement("div", { className: "cart-section" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "cart-title" }, "Your cart"), ((_a = cartData == null ? void 0 : cartData.cartItems) == null ? void 0 : _a.length) ? /* @__PURE__ */ import_react.default.createElement("div", { className: "cart-items" }, cartData.cartItems.map((item) => /* @__PURE__ */ import_react.default.createElement("div", { key: item.id, className: "cart-item" }, item.title))) : /* @__PURE__ */ import_react.default.createElement("div", { className: "cart-empty" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "cart-empty-icon" }, "🛒"), /* @__PURE__ */ import_react.default.createElement("div", { className: "cart-empty-text" }, import_utils.locales.getText("pisell2.event.cart.empty")))));
-};
-var SelectProduct_default = SelectProduct;

package/lib/components/eventBooking/components/Provider/SelectProduct/index.less

@@ -1,131 +0,0 @@
-.select-product-container {
-  padding: 24px;
-  background: #fff;
-
-  .step-header {
-    margin-bottom: 24px;
-
-    .step-number {
-      font-size: 14px;
-      color: #666;
-      margin-bottom: 8px;
-    }
-
-    .step-title {
-      font-size: 24px;
-      font-weight: 500;
-      color: #333;
-    }
-  }
-
-  .category-section {
-    margin-bottom: 24px;
-
-    .category-title {
-      font-size: 16px;
-      font-weight: 500;
-      color: #333;
-      margin-bottom: 16px;
-    }
-
-    .product-list {
-      display: grid;
-      grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
-      gap: 16px;
-    }
-  }
-
-  .product-card {
-    cursor: pointer;
-    transition: all 0.3s;
-
-    &:hover {
-      transform: translateY(-2px);
-    }
-
-    &.product-card-selected {
-      .pisell-card {
-        border-color: #1890ff;
-        background: rgba(24, 144, 255, 0.05);
-      }
-    }
-
-    .product-content {
-      text-align: center;
-
-      .product-title {
-        font-size: 16px;
-        color: #333;
-        margin-bottom: 8px;
-      }
-
-      .product-price {
-        font-size: 14px;
-        color: #666;
-      }
-    }
-  }
-
-  .cart-section {
-    background: #f5f5f5;
-    border-radius: 4px;
-    padding: 24px;
-
-    .cart-title {
-      font-size: 18px;
-      font-weight: 500;
-      color: #333;
-      margin-bottom: 16px;
-    }
-
-    .cart-empty {
-      text-align: center;
-      padding: 32px 0;
-
-      .cart-empty-icon {
-        font-size: 24px;
-        margin-bottom: 8px;
-      }
-
-      .cart-empty-text {
-        color: #999;
-      }
-    }
-
-    .cart-items {
-      .cart-item {
-        padding: 12px;
-        background: #fff;
-        border-radius: 4px;
-        margin-bottom: 8px;
-
-        &:last-child {
-          margin-bottom: 0;
-        }
-      }
-    }
-  }
-}
-
-// 移动端适配
-@media screen and (max-width: 768px) {
-  .select-product-container {
-    padding: 16px;
-
-    .step-header {
-      margin-bottom: 16px;
-
-      .step-title {
-        font-size: 20px;
-      }
-    }
-
-    .product-list {
-      grid-template-columns: 1fr !important;
-    }
-
-    .cart-section {
-      padding: 16px;
-    }
-  }
-}