@pisell/private-materials 6.3.15 → 6.4.2

package/lib/components/checkout/components/WalletPassModule/components/ConflictModal/index.js

@@ -0,0 +1,332 @@
+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/checkout/components/WalletPassModule/components/ConflictModal/index.tsx
+var ConflictModal_exports = {};
+__export(ConflictModal_exports, {
+  TestModule: () => TestModule,
+  default: () => ConflictModal_default
+});
+module.exports = __toCommonJS(ConflictModal_exports);
+var import_react = __toESM(require("react"));
+var import_materials = require("@pisell/materials");
+var import_antd = require("antd");
+var import_utils = require("../../utils");
+var item1 = {
+  id: 70652,
+  shop_id: 9,
+  customer_id: 9752,
+  code: "785af187c3b74493",
+  encoded: "VC5742851573",
+  status: "partial_used",
+  cover: "",
+  tag: "product_voucher",
+  relation_type: "product",
+  product_id: 0,
+  limit_status: "enable",
+  sales_status: 1,
+  par_value: "10.00",
+  used_par_value: "9.00",
+  start_date: "2025-08-26",
+  expire_date: "2026-02-26",
+  end_time: "16:05",
+  start_time: "16:05",
+  created_at: "2025-08-26 16:05:14",
+  product_name: "$$10-代金券",
+  expire_time: "2026-02-26 16:05:14",
+  total_order_behavior_count: 1,
+  today_order_behavior_count: 1,
+  week_order_behavior_count: 1,
+  month_order_behavior_count: 1,
+  balance_par_value: "1.00",
+  available_max_amount: "1.00",
+  available_max_par_value: "1.00",
+  custom_expire_status: 0,
+  wallet_pass_usage_unit: {
+    price: 1,
+    points: 1
+  },
+  custom_order_deduct_exhausted: 0,
+  available_product_status: 1,
+  custom_invalid_product: 0,
+  custom_order_wallet_pass_behavior_info: {
+    is_success: true
+  },
+  available_product_ids: [61031],
+  available_product_type: "product_all",
+  available_num: 1,
+  available_product_title: "",
+  recommended_usage_par_value: "1.00",
+  recommended_usage_amount: "1.00",
+  unified_error_code: null,
+  unified_available_status: 1,
+  unified_messages: [],
+  external_card: [],
+  product: null,
+  shop: {
+    id: 9,
+    name: "测试环境店铺09",
+    default_url: "https://"
+  },
+  extension_data: []
+};
+var item2 = {
+  id: 70648,
+  shop_id: 9,
+  customer_id: 9752,
+  code: "64abd351b42cf85c",
+  encoded: "VC6893431720",
+  status: "used",
+  cover: "",
+  tag: "product_voucher",
+  relation_type: "product",
+  product_id: 0,
+  limit_status: "enable",
+  sales_status: 1,
+  par_value: "10.00",
+  used_par_value: "10.00",
+  start_date: "2025-08-26",
+  expire_date: "2026-02-26",
+  end_time: "15:58",
+  start_time: "15:58",
+  created_at: "2025-08-26 15:58:54",
+  product_name: "$$10-代金券",
+  expire_time: "2026-02-26 15:58:54",
+  total_order_behavior_count: 2,
+  today_order_behavior_count: 2,
+  week_order_behavior_count: 2,
+  month_order_behavior_count: 2,
+  balance_par_value: "0.00",
+  available_max_amount: 0,
+  available_max_par_value: "0.00",
+  custom_expire_status: 0,
+  wallet_pass_usage_unit: {
+    price: 1,
+    points: 1
+  },
+  custom_order_deduct_exhausted: 0,
+  available_product_status: 1,
+  custom_invalid_product: 0,
+  custom_order_wallet_pass_behavior_info: {
+    is_success: true
+  },
+  available_product_ids: [61031],
+  available_product_type: "product_all",
+  available_num: 1,
+  available_product_title: "",
+  recommended_usage_par_value: "0.00",
+  recommended_usage_amount: 0,
+  unified_error_code: "500100",
+  unified_available_status: 0,
+  unified_messages: {
+    title: "代金券已使用！",
+    desc: "带有此编号的代金券已被使用。",
+    alert: "已使用"
+  },
+  external_card: [],
+  product: null,
+  shop: {
+    id: 9,
+    name: "测试环境店铺09",
+    default_url: "https://"
+  },
+  extension_data: []
+};
+var TestModule = () => {
+  const [show, setShow] = (0, import_react.useState)(false);
+  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(import_antd.Button, { type: "primary", onClick: () => setShow(true) }, "show"), show && /* @__PURE__ */ import_react.default.createElement(
+    ConflictModal,
+    {
+      currentItem: item1,
+      newItem: item2,
+      onCancel: () => setShow(false)
+    }
+  ));
+};
+var ConflictModal = (props) => {
+  const { currentItem, newItem, onSwitch, onCancel, onSave } = props;
+  const handleSwitch = () => {
+    onSwitch(newItem);
+  };
+  const handleSave = () => {
+    onSave == null ? void 0 : onSave(newItem);
+  };
+  const formatData = (item) => {
+    var _a, _b;
+    return {
+      id: item.id,
+      name: item.product_name,
+      // storeName: item.shop?.name,
+      balance: item.balance_par_value,
+      redeem: (0, import_utils.getAvailableMaxAmount)(item),
+      showRedeem: true,
+      showStoreName: false,
+      showBalanceSymbol: item.tag !== "point_card",
+      // balanceTitle: item.tag !== 'point_card' ? "" : "",
+      // redeemTitle: item.tag !== 'point_card' ? "" : "",
+      showDetail: false,
+      showQrCode: false,
+      code: item.code,
+      disabled: !item.unified_available_status,
+      disabledReason: (_a = item.unified_messages) == null ? void 0 : _a.title,
+      cover: (_b = item.product) == null ? void 0 : _b.cover,
+      qrCode: item.code,
+      validDate: (0, import_utils.voucherTime)(item),
+      originData: item
+    };
+  };
+  const oldVoucher = /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement("div", null, "Previously Applied"), /* @__PURE__ */ import_react.default.createElement(
+    import_materials.PisellWalletPassCard,
+    {
+      ...formatData(currentItem),
+      type: "mini",
+      style: {
+        borderColor: "#7F56DA"
+      }
+    }
+  ));
+  const newVoucher = /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement("div", null, "New Voucher"), /* @__PURE__ */ import_react.default.createElement(
+    import_materials.PisellWalletPassCard,
+    {
+      ...formatData(newItem),
+      type: "mini",
+      style: {
+        borderColor: "#7F56DA"
+      }
+    }
+  ));
+  return /* @__PURE__ */ import_react.default.createElement(
+    import_materials.PisellModal,
+    {
+      width: 680,
+      open: true,
+      platform: "pc",
+      title: "Switch Voucher",
+      onCancel,
+      headerDivider: false,
+      footerDivider: false,
+      footer: /* @__PURE__ */ import_react.default.createElement(
+        "div",
+        {
+          style: {
+            display: "flex",
+            alignItems: "center",
+            justifyContent: "space-between",
+            width: "100%"
+          }
+        },
+        /* @__PURE__ */ import_react.default.createElement(
+          "div",
+          {
+            style: {
+              display: "flex",
+              alignItems: "center",
+              gap: 16
+            }
+          },
+          /* @__PURE__ */ import_react.default.createElement(
+            import_antd.Button,
+            {
+              style: {
+                width: 150,
+                height: 48,
+                fontWeight: 600,
+                color: "#7F56DA",
+                border: "2px solid #7F56DA"
+              },
+              onClick: onCancel
+            },
+            "Cancel"
+          ),
+          /* @__PURE__ */ import_react.default.createElement(
+            import_antd.Button,
+            {
+              style: {
+                width: 150,
+                height: 48,
+                fontWeight: 600,
+                color: "#7F56DA",
+                border: "2px solid #7F56DA"
+              },
+              onClick: handleSave
+            },
+            "Cancel & Save to Wallet"
+          )
+        ),
+        /* @__PURE__ */ import_react.default.createElement(
+          import_antd.Button,
+          {
+            type: "primary",
+            style: { width: 240, height: 48 },
+            onClick: handleSwitch
+          },
+          "Switch Voucher"
+        )
+      )
+    },
+    /* @__PURE__ */ import_react.default.createElement(
+      "div",
+      {
+        style: {
+          display: "flex",
+          flexWrap: "nowrap",
+          alignItems: "center",
+          justifyContent: "space-between"
+        }
+      },
+      oldVoucher,
+      /* @__PURE__ */ import_react.default.createElement(
+        "div",
+        {
+          style: {
+            border: "2px solid #7F56DA",
+            width: 24,
+            height: 24,
+            borderRadius: 12,
+            display: "flex",
+            alignItems: "center",
+            justifyContent: "center"
+          }
+        },
+        /* @__PURE__ */ import_react.default.createElement(
+          import_materials.Iconfont,
+          {
+            type: "pisell2-arrow-right",
+            style: { transform: "scale(1.3)", color: "#7F56DA" }
+          }
+        )
+      ),
+      newVoucher
+    )
+  );
+};
+var ConflictModal_default = ConflictModal;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  TestModule
+});

package/lib/components/checkout/components/WalletPassModule/components/DiscountWallet/DiscountTextMode.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+interface DiscountTextModeProps {
+    cardData: any[];
+    selectedWalletIds: number[];
+}
+declare const DiscountTextMode: React.FC<DiscountTextModeProps>;
+export default DiscountTextMode;

package/lib/components/checkout/components/WalletPassModule/components/DiscountWallet/DiscountTextMode.js

@@ -0,0 +1,50 @@
+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/checkout/components/WalletPassModule/components/DiscountWallet/DiscountTextMode.tsx
+var DiscountTextMode_exports = {};
+__export(DiscountTextMode_exports, {
+  default: () => DiscountTextMode_default
+});
+module.exports = __toCommonJS(DiscountTextMode_exports);
+var import_react = __toESM(require("react"));
+var DiscountTextMode = ({
+  cardData,
+  selectedWalletIds
+}) => {
+  return /* @__PURE__ */ import_react.default.createElement("div", { className: "discount-text-mode" }, cardData && cardData.length > 0 ? cardData.filter((card) => selectedWalletIds.includes(card.id)).map((card) => /* @__PURE__ */ import_react.default.createElement(
+    "div",
+    {
+      key: card.id,
+      className: "discount-text-item selected"
+    },
+    /* @__PURE__ */ import_react.default.createElement("span", { className: "discount-text-name" }, card.name),
+    /* @__PURE__ */ import_react.default.createElement("span", { className: "discount-text-amount" }, "-", card.savedAmount ? `$${card.savedAmount}` : "$0")
+  )) : /* @__PURE__ */ import_react.default.createElement("div", { className: "discount-text-empty" }));
+};
+var DiscountTextMode_default = DiscountTextMode;

package/lib/components/checkout/components/WalletPassModule/components/DiscountWallet/index.d.ts

@@ -0,0 +1,11 @@
+import './index.less';
+interface DiscountWalletProps {
+    isCardMode: boolean;
+    cardData: any;
+    selectedWalletIds: number[];
+    onSelectWallet: (selectedIds: number[], option?: any) => void;
+    onDetail: (record: any, index: number) => void;
+    discountDisabled: boolean;
+}
+declare const DiscountWallet: (props: DiscountWalletProps) => JSX.Element;
+export default DiscountWallet;

package/lib/components/checkout/components/WalletPassModule/components/DiscountWallet/index.js

@@ -0,0 +1,124 @@
+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/checkout/components/WalletPassModule/components/DiscountWallet/index.tsx
+var DiscountWallet_exports = {};
+__export(DiscountWallet_exports, {
+  default: () => DiscountWallet_default
+});
+module.exports = __toCommonJS(DiscountWallet_exports);
+var import_react = __toESM(require("react"));
+var import_materials = require("@pisell/materials");
+var import_DiscountTextMode = __toESM(require("./DiscountTextMode"));
+var import_utils = require("@pisell/utils");
+var import_index = require("./index.less");
+var import_hooks = require("../../../../../../hooks");
+var DiscountWallet = (props) => {
+  const {
+    isCardMode,
+    cardData,
+    selectedWalletIds,
+    onSelectWallet,
+    onDetail,
+    discountDisabled
+  } = props;
+  const Toast = (0, import_hooks.useToast)();
+  const formatData = (0, import_react.useMemo)(() => {
+    if (!discountDisabled) {
+      return cardData;
+    }
+    return cardData.map((item) => ({ ...item, disabled: true }));
+  }, [discountDisabled, cardData]);
+  const handleClick = () => {
+    if (discountDisabled) {
+      Toast.info(import_utils.locales.getText("wallet-pass-module-discount-partially-paid"));
+    }
+  };
+  return /* @__PURE__ */ import_react.default.createElement("div", { className: "discount-wallet-list-container" }, isCardMode ? /* @__PURE__ */ import_react.default.createElement(
+    import_materials.PisellCardList,
+    {
+      className: "",
+      showName: true,
+      showActiveBackground: true,
+      showStoreName: (data) => {
+        var _a;
+        if (((_a = data == null ? void 0 : data.originData) == null ? void 0 : _a.tag) === "good_pass") {
+          return data.active;
+        }
+        return true;
+      },
+      onItemClick: handleClick,
+      disabled: discountDisabled,
+      showRedeem: false,
+      showBalance: false,
+      showCode: false,
+      showValidDate: false,
+      showDetail: false,
+      showQrCode: false,
+      showCover: false,
+      showActions: false,
+      platform: "pc",
+      mode: "multiple",
+      direction: "horizontal",
+      type: "mini",
+      data: formatData,
+      hasMore: false,
+      showEmpty: false,
+      fullWidth: false,
+      value: selectedWalletIds,
+      useExternalDetail: true,
+      onDetail,
+      showStatus: false,
+      nameTitleStyle: {
+        fontSize: 20,
+        fontWeight: 600,
+        color: "#FF8A1E"
+      },
+      onChange: onSelectWallet,
+      actions: {
+        layout: "expanded",
+        detail: {
+          visible: false,
+          iconColor: "#1570EF"
+        },
+        edit: {
+          visible: false,
+          iconColor: "#1570EF"
+        }
+      },
+      enableEditAmount: false
+    }
+  ) : /* @__PURE__ */ import_react.default.createElement(
+    import_DiscountTextMode.default,
+    {
+      cardData,
+      selectedWalletIds
+    }
+  ));
+};
+var DiscountWallet_default = DiscountWallet;

package/lib/components/checkout/components/WalletPassModule/components/DiscountWallet/index.less

@@ -0,0 +1,45 @@
+.discount-wallet-list-container {
+  .pisell-wallet-pass-card-mini {
+    height: 95px;
+    max-height: 95px;
+    padding-bottom: 0;
+    .pisell-card-checked-icon {
+      bottom: 0px;
+      right: 0px;
+    }
+  } 
+  .pisell-card-name-wrap {
+    margin-bottom: 4px;
+  }
+
+  /* 折扣钱包文本模式样式 */
+  .discount-text-mode {
+    display: flex;
+    gap: 8px;
+  }
+
+  .discount-text-item {
+    color: #FF8A1E;
+    font-size: 16px;
+    font-weight: 600;
+    line-height: 24px;
+    display: inline-block;
+  }
+
+  .discount-text-name {
+    margin-right: 6px;
+  }
+
+  .discount-text-amount {
+  }
+
+  .discount-text-empty {
+    //display: flex;
+    //align-items: center;
+    //justify-content: center;
+    //padding: 40px 20px;
+    //color: #9ca3af;
+    //font-size: 14px;
+    //text-align: center;
+  }
+}

package/lib/components/checkout/components/WalletPassModule/components/WalletModal/index.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { WalletModalProps } from '../../types';
+import './index.less';
+declare const WalletModal: React.FC<WalletModalProps>;
+export default WalletModal;

package/lib/components/checkout/components/WalletPassModule/components/WalletModal/index.js

@@ -0,0 +1,106 @@
+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/checkout/components/WalletPassModule/components/WalletModal/index.tsx
+var WalletModal_exports = {};
+__export(WalletModal_exports, {
+  default: () => WalletModal_default
+});
+module.exports = __toCommonJS(WalletModal_exports);
+var import_react = __toESM(require("react"));
+var import_materials = require("@pisell/materials");
+var import_utils = require("@pisell/utils");
+var import_index = require("./index.less");
+var WalletModal = ({
+  visible,
+  walletData,
+  onClose,
+  title,
+  emptyText
+}) => {
+  return /* @__PURE__ */ import_react.default.createElement(
+    import_materials.PisellModal,
+    {
+      title: /* @__PURE__ */ import_react.default.createElement("div", { className: "wallet-modal-title" }, title),
+      open: visible,
+      onCancel: onClose,
+      width: 680,
+      footerDivider: false,
+      headerDivider: false,
+      cancelVisible: false,
+      onOk: onClose,
+      okText: import_utils.locales.getText("wallet-pass-module-expired-modal-close")
+    },
+    /* @__PURE__ */ import_react.default.createElement("div", { className: "wallet-modal-content" }, walletData && walletData.length > 0 ? /* @__PURE__ */ import_react.default.createElement(
+      import_materials.PisellCardList,
+      {
+        showActiveBackground: true,
+        showName: true,
+        showStoreName: false,
+        showRedeem: true,
+        showBalance: true,
+        showCode: true,
+        showValidDate: true,
+        showDetail: true,
+        showQrCode: true,
+        showCover: true,
+        platform: "pc",
+        mode: "single",
+        direction: "horizontal",
+        type: "mini",
+        data: walletData,
+        hasMore: false,
+        showEmpty: false,
+        fullWidth: false,
+        showStatus: false,
+        nameTitleStyle: {
+          fontSize: 20,
+          fontWeight: 600,
+          color: "#f5a623"
+        },
+        actions: {
+          layout: "expanded",
+          detail: {
+            visible: false,
+            iconColor: "#1570EF"
+          },
+          edit: {
+            visible: false,
+            iconColor: "#1570EF"
+          }
+        }
+      }
+    ) : /* @__PURE__ */ import_react.default.createElement(
+      import_materials.PisellEmpty,
+      {
+        title: emptyText || import_utils.locales.getText("wallet-pass-module-expired-modal-empty")
+      }
+    ))
+  );
+};
+var WalletModal_default = WalletModal;