@pisell/private-materials 3.2.38 → 3.3.0

package/lib/components/booking/components/voucher/pisellGoodPassCard/index.d.ts

@@ -1,47 +0,0 @@
-import React from 'react';
-import './index.less';
-interface ApplicableProductDetails {
-    amount: string;
-    type: string;
-    resource_id: number;
-    title: string;
-    original_amount: string;
-}
-interface Discount {
-    id: number;
-    product_name: string;
-    encoded: string;
-    code: string;
-    tag: string;
-    expire_time?: string;
-    product_id: number;
-    relation_type: string;
-    par_value: string;
-    used_par_value: string;
-    limit_status: string;
-    limited_relation_product_data: any;
-    balance: string;
-    format_title: any;
-    product: any;
-    savedAmount: number;
-    isDisabled: boolean;
-    isSelected?: boolean;
-    isAvailable?: boolean;
-    isUsed?: boolean;
-    applicableProductIds?: number[];
-    applicableProductDetails: ApplicableProductDetails[];
-    appliedProductDetails: any[];
-}
-export interface PisellGoodPassCardProps {
-    /**数据源 */
-    dataSource: Array<Discount>;
-    /**事件 */
-    onChange?: (current: {
-        id: string | number;
-        isSelected: boolean;
-    }) => void;
-    /**样式 */
-    style: React.CSSProperties;
-}
-declare const index: (props: PisellGoodPassCardProps) => JSX.Element;
-export default index;

package/lib/components/booking/components/voucher/pisellGoodPassCard/index.js

@@ -1,109 +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/booking/components/voucher/pisellGoodPassCard/index.tsx
-var pisellGoodPassCard_exports = {};
-__export(pisellGoodPassCard_exports, {
-  default: () => pisellGoodPassCard_default
-});
-module.exports = __toCommonJS(pisellGoodPassCard_exports);
-var import_react = __toESM(require("react"));
-var import_antd = require("antd");
-var import_utils = require("@pisell/utils");
-var import_materials = require("@pisell/materials");
-var import_useEngineContext = __toESM(require("../../../../../hooks/useEngineContext"));
-var import_index = require("./index.less");
-var clsPrefix = "pisell-good-pass-card";
-var index = (props) => {
-  var _a;
-  const context = (0, import_useEngineContext.default)();
-  const { translationShop } = (_a = context.appHelper) == null ? void 0 : _a.utils;
-  const { dataSource = [], onChange, style = {} } = props;
-  const [showModal, setShowModal] = (0, import_react.useState)(false);
-  console.log("pisell good card datasource", dataSource);
-  const handleChange = (newValue) => {
-    if (onChange) {
-      onChange(newValue);
-    }
-  };
-  const handleItemChange = (item, checked) => {
-    handleChange({
-      id: item.id,
-      isSelected: checked
-    });
-  };
-  const renderVoucherContent = (item) => {
-    return /* @__PURE__ */ import_react.default.createElement("span", null, "Save ", /* @__PURE__ */ import_react.default.createElement(import_materials.PisellText.Amount, { value: item.savedAmount }));
-  };
-  const renderActionElement = (item) => {
-    const isChecked = item.isSelected;
-    return /* @__PURE__ */ import_react.default.createElement(
-      import_antd.Checkbox,
-      {
-        disabled: item.isDisabled,
-        style: { marginLeft: 8 },
-        checked: isChecked,
-        onChange: (e) => handleItemChange(item, e.target.checked)
-      }
-    );
-  };
-  const renderVoucherItem = (item) => {
-    return /* @__PURE__ */ import_react.default.createElement("div", { key: item.id, className: `${clsPrefix}-voucher-item` }, /* @__PURE__ */ import_react.default.createElement("div", { className: "item-title" }, translationShop(item.format_title)), /* @__PURE__ */ import_react.default.createElement("div", { className: "item-content" }, renderVoucherContent(item), renderActionElement(item)));
-  };
-  const renderModal = () => {
-    return /* @__PURE__ */ import_react.default.createElement(
-      import_materials.PisellModal,
-      {
-        title: "Vouchers",
-        footer: null,
-        open: showModal,
-        onCancel: () => setShowModal(false),
-        className: `${clsPrefix}-all-items-modal`
-      },
-      /* @__PURE__ */ import_react.default.createElement("div", { style: { padding: "10px 0" } }, dataSource.map(renderVoucherItem))
-    );
-  };
-  const renderMixedMode = () => {
-    const list = dataSource.length > 3 ? dataSource.slice(0, 3) : dataSource;
-    return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement("div", { className: `${clsPrefix}-header` }, /* @__PURE__ */ import_react.default.createElement("div", null, import_utils.locales.getText("pisell2.text.goodpass.product-vouchers")), /* @__PURE__ */ import_react.default.createElement(import_antd.Typography.Text, { underline: true, onClick: () => setShowModal(true) }, import_utils.locales.getText("pisell2.text.goodpass.view-more"))), /* @__PURE__ */ import_react.default.createElement(import_antd.Divider, { style: { margin: 4 } }), /* @__PURE__ */ import_react.default.createElement("div", { className: `${clsPrefix}-body` }, list.map(renderVoucherItem)));
-  };
-  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, renderModal(), /* @__PURE__ */ import_react.default.createElement(
-    import_materials.PisellCard,
-    {
-      padding: 8,
-      borderRadius: 8,
-      style: {
-        width: 378,
-        ...style
-      },
-      className: clsPrefix
-    },
-    renderMixedMode()
-  ));
-};
-var pisellGoodPassCard_default = index;

package/lib/components/booking/components/voucher/pisellGoodPassCard/index.less

@@ -1,52 +0,0 @@
-.pisell-good-pass-card-all-items-modal,
-.pisell-good-pass-card {
-  .pisell-good-pass-card-header,
-  .pisell-good-pass-card-group-header {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    color: var(--Gray-900, #101828);
-    text-align: center;
-    font-family: Inter;
-    font-size: 14px;
-    font-style: normal;
-    font-weight: 600;
-    line-height: 20px;
-  }
-
-  .pisell-good-pass-card-voucher-item {
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    height: 22px;
-
-    .item-title {
-      color: var(--Gray-500, #667085);
-      text-align: center;
-      font-family: Inter;
-      font-size: 14px;
-      font-style: normal;
-      font-weight: 600;
-      line-height: 20px;
-    }
-
-    .item-content {
-      color: var(--, #8157d5);
-      font-family: Inter;
-      font-size: 14px;
-      font-style: normal;
-      font-weight: 400;
-      line-height: 20px;
-
-      .add-btn {
-        color: var(--, #8157d5);
-        text-align: center;
-        font-family: Inter;
-        font-size: 14px;
-        font-style: normal;
-        font-weight: 600;
-        line-height: 20px; /* 142.857% */
-      }
-    }
-  }
-}