@pisell/materials 6.0.22 → 6.1.1

package/es/components/walletCard/Guide/index.js

@@ -0,0 +1,87 @@
+import React, { useMemo } from 'react';
+import useEngineContext from "../../../hooks/useEngineContext";
+import Button from "../../button";
+import "./index.less";
+var Guide = function Guide(props) {
+  var _utils$translation, _utils$translation2, _utils$translation3, _utils$translation4, _utils$translation5, _setting$titleConfig, _utils$translation6, _setting$subtitleConf, _utils$translation7, _setting$buttonConfig, _utils$translation8, _setting$buttonConfig2;
+  var setting = props.setting;
+  var context = useEngineContext();
+  var _ref = context.appHelper || {},
+    utils = _ref.utils;
+
+  /**
+   * @title: 样式处理
+   * @description:
+   * @param {any} config
+   * @return {*}
+   * @Author: WangHan
+   * @Date: 2025-03-13 15:39
+   */
+  var getTextStyle = function getTextStyle(config, otherConfig) {
+    return {
+      color: (config === null || config === void 0 ? void 0 : config.color) || (otherConfig === null || otherConfig === void 0 ? void 0 : otherConfig.color) || '#fff',
+      fontSize: (config === null || config === void 0 ? void 0 : config.size) || (otherConfig === null || otherConfig === void 0 ? void 0 : otherConfig.size) || 14,
+      fontWeight: (config === null || config === void 0 ? void 0 : config.weight) || (otherConfig === null || otherConfig === void 0 ? void 0 : otherConfig.weight) || 400,
+      fontStyle: (config === null || config === void 0 ? void 0 : config.style) || 'normal'
+    };
+  };
+  var _setting = useMemo(function () {
+    return (setting === null || setting === void 0 ? void 0 : setting.walletGuideConfig) || {};
+  }, [setting === null || setting === void 0 ? void 0 : setting.walletGuideConfig]);
+
+  /**
+   * @title: 跳转链接
+   * @description:
+   * @return {*}
+   * @Author: WangHan
+   * @Date: 2025-06-09 14:36
+   */
+  var handleClick = function handleClick(e) {
+    var _setting$skipLink;
+    e.stopPropagation();
+    if (!(_setting !== null && _setting !== void 0 && (_setting$skipLink = _setting.skipLink) !== null && _setting$skipLink !== void 0 && _setting$skipLink.page)) return;
+    utils === null || utils === void 0 || utils.jumpPageByLink(_setting === null || _setting === void 0 ? void 0 : _setting.skipLink);
+  };
+  return /*#__PURE__*/React.createElement("div", {
+    className: "pisell-wallet-guide-wrap",
+    style: {
+      backgroundColor: _setting === null || _setting === void 0 ? void 0 : _setting.backgroundColor
+    },
+    onClick: function onClick(e) {
+      return handleClick(e);
+    }
+  }, utils !== null && utils !== void 0 && (_utils$translation = utils.translation) !== null && _utils$translation !== void 0 && _utils$translation.call(utils, _setting === null || _setting === void 0 ? void 0 : _setting.backgroundImage) ? /*#__PURE__*/React.createElement("img", {
+    className: "pisell-wallet-guide-bg",
+    src: (utils === null || utils === void 0 || (_utils$translation2 = utils.translation) === null || _utils$translation2 === void 0 ? void 0 : _utils$translation2.call(utils, _setting.backgroundImage)) || '',
+    alt: (utils === null || utils === void 0 || (_utils$translation3 = utils.translation) === null || _utils$translation3 === void 0 ? void 0 : _utils$translation3.call(utils, _setting === null || _setting === void 0 ? void 0 : _setting.backgroundImageAlt)) || '',
+    title: (utils === null || utils === void 0 || (_utils$translation4 = utils.translation) === null || _utils$translation4 === void 0 ? void 0 : _utils$translation4.call(utils, _setting === null || _setting === void 0 ? void 0 : _setting.backgroundImageAlt)) || ''
+  }) : null, /*#__PURE__*/React.createElement("div", {
+    className: "pisell-wallet-guide-content ".concat(_setting.align === 'center' ? 'pisell-wallet-guide-center' : '')
+  }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
+    className: "pisell-wallet-guide-title",
+    style: getTextStyle(_setting === null || _setting === void 0 ? void 0 : _setting.titleConfig, {
+      size: 18,
+      weight: 600
+    })
+  }, (utils === null || utils === void 0 || (_utils$translation5 = utils.translation) === null || _utils$translation5 === void 0 ? void 0 : _utils$translation5.call(utils, (_setting === null || _setting === void 0 ? void 0 : _setting.title) || (_setting === null || _setting === void 0 || (_setting$titleConfig = _setting.titleConfig) === null || _setting$titleConfig === void 0 ? void 0 : _setting$titleConfig.text))) || ''), /*#__PURE__*/React.createElement("div", {
+    className: "pisell-wallet-guide-subtitle",
+    style: getTextStyle(_setting === null || _setting === void 0 ? void 0 : _setting.subtitleConfig, {
+      color: '#D0D5DD'
+    })
+  }, (utils === null || utils === void 0 || (_utils$translation6 = utils.translation) === null || _utils$translation6 === void 0 ? void 0 : _utils$translation6.call(utils, (_setting === null || _setting === void 0 ? void 0 : _setting.subtitle) || (_setting === null || _setting === void 0 || (_setting$subtitleConf = _setting.subtitleConfig) === null || _setting$subtitleConf === void 0 ? void 0 : _setting$subtitleConf.text))) || '')), utils !== null && utils !== void 0 && (_utils$translation7 = utils.translation) !== null && _utils$translation7 !== void 0 && _utils$translation7.call(utils, (_setting === null || _setting === void 0 ? void 0 : _setting.buttonText) || (_setting === null || _setting === void 0 || (_setting$buttonConfig = _setting.buttonConfig) === null || _setting$buttonConfig === void 0 ? void 0 : _setting$buttonConfig.text)) ? /*#__PURE__*/React.createElement("div", {
+    className: "pisell-wallet-guide-button-wrap"
+  }, /*#__PURE__*/React.createElement(Button, {
+    style: {
+      backgroundColor: (_setting === null || _setting === void 0 ? void 0 : _setting.buttonColor) || '#7F56D9',
+      borderColor: (_setting === null || _setting === void 0 ? void 0 : _setting.buttonBorderColor) || '#7F56D9'
+    },
+    onClick: function onClick(e) {
+      return handleClick(e);
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    style: getTextStyle(_setting === null || _setting === void 0 ? void 0 : _setting.buttonConfig, {
+      weight: 600
+    })
+  }, (utils === null || utils === void 0 || (_utils$translation8 = utils.translation) === null || _utils$translation8 === void 0 ? void 0 : _utils$translation8.call(utils, (_setting === null || _setting === void 0 ? void 0 : _setting.buttonText) || (_setting === null || _setting === void 0 || (_setting$buttonConfig2 = _setting.buttonConfig) === null || _setting$buttonConfig2 === void 0 ? void 0 : _setting$buttonConfig2.text))) || ''))) : null));
+};
+export default Guide;

package/es/components/walletCard/Guide/index.less

@@ -0,0 +1,71 @@
+.pisell-wallet-guide-wrap {
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-size: contain;
+  overflow: hidden;
+  position: relative;
+  min-height: 136px;
+  display: flex;
+  padding: 16px 18px;
+
+  .pisell-wallet-guide-bg {
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+    width: 100%;
+    height: 100%;
+    object-fit: contain;
+  }
+
+  .pisell-wallet-guide-content {
+    position: relative;
+    text-align: left;
+    display: flex;
+    justify-content: space-between;
+    flex-direction: column;
+    flex: 1;
+    width: 100%;
+
+    &.pisell-wallet-guide-center {
+      text-align: center;
+      align-items: center;
+    }
+
+    .pisell-wallet-guide-title {
+      line-height: 28px;
+    }
+
+    .pisell-wallet-guide-subtitle {
+      line-height: 20px;
+    }
+
+    .pisell-wallet-guide-button-wrap {
+      display: flex;
+      width: fit-content;
+      max-width: 100%;
+    }
+
+    .pisell-lowcode-btn-default {
+      margin-top: 8px;
+      display: flex;
+      padding: 10px 16px;
+      justify-content: center;
+      align-items: center;
+      background: transparent;
+      border-color: transparent;
+      border-radius: 8px;
+      border: 1px solid var(--Primary-600, #7f56d9);
+      background: var(--Primary-600, #7f56d9);
+      box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
+      max-width: 100%;
+      width: auto;
+      > div {
+        max-width: 100%;
+        white-space: nowrap;
+        overflow: hidden;
+        text-overflow: ellipsis;
+      }
+    }
+  }
+}

package/es/components/walletCard/index.js

@@ -24,6 +24,7 @@ import PisellModal from "./../pisellModal";
 import Amount from "./../pisellText/components/Amount";
 import useEngineContext from "../../hooks/useEngineContext";
 import Guest from "./Guest";
+import Guide from "./Guide";
 import "./index.less";
 
 // 添加JSX类型声明
@@ -76,13 +77,34 @@ var toBooleanValue = function toBooleanValue(value) {
 };
 
 // 自定义钩子：处理二维码/条形码模态框
-var useCodeModal = function useCodeModal(cardNo, onCodeClick) {
+var useCodeModal = function useCodeModal(cardNo, onCodeClick, codeType) {
+  var _context$appHelper;
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     isModalOpen = _useState2[0],
     setIsModalOpen = _useState2[1];
+  var context = useEngineContext();
+  var _ref = ((_context$appHelper = context.appHelper) === null || _context$appHelper === void 0 ? void 0 : _context$appHelper.utils) || {},
+    interaction = _ref.interaction;
   var handleCodeClick = function handleCodeClick(e) {
+    var _interaction$utils, _interaction$utils$is;
     e.stopPropagation();
+    if (interaction !== null && interaction !== void 0 && (_interaction$utils = interaction.utils) !== null && _interaction$utils !== void 0 && (_interaction$utils$is = _interaction$utils.isAppEnv) !== null && _interaction$utils$is !== void 0 && _interaction$utils$is.call(_interaction$utils)) {
+      var _interaction$utils2, _interaction$utils2$p;
+      var typeMap = {
+        orCode: 'qrCode',
+        barCode: 'barCode'
+      };
+      interaction === null || interaction === void 0 || (_interaction$utils2 = interaction.utils) === null || _interaction$utils2 === void 0 || (_interaction$utils2$p = _interaction$utils2.postMessageToApp) === null || _interaction$utils2$p === void 0 || _interaction$utils2$p.call(_interaction$utils2, {
+        module: 'global',
+        key: 'openCodeModal',
+        data: {
+          type: typeMap[codeType] || codeType,
+          value: cardNo
+        }
+      });
+      return;
+    }
     if (onCodeClick) {
       onCodeClick();
     } else {
@@ -101,32 +123,32 @@ var useCodeModal = function useCodeModal(cardNo, onCodeClick) {
 };
 
 // 子组件：卡片头部
-var CardHeader = function CardHeader(_ref) {
-  var _ref$showIcon = _ref.showIcon,
-    showIcon = _ref$showIcon === void 0 ? true : _ref$showIcon,
-    _ref$showWalletName = _ref.showWalletName,
-    showWalletName = _ref$showWalletName === void 0 ? true : _ref$showWalletName,
-    _ref$showShopName = _ref.showShopName,
-    showShopName = _ref$showShopName === void 0 ? true : _ref$showShopName,
-    _ref$showCardNo = _ref.showCardNo,
-    showCardNo = _ref$showCardNo === void 0 ? true : _ref$showCardNo,
-    _ref$showCode = _ref.showCode,
-    showCode = _ref$showCode === void 0 ? true : _ref$showCode,
-    iconImg = _ref.iconImg,
-    mode = _ref.mode,
-    _ref$walletName = _ref.walletName,
-    walletName = _ref$walletName === void 0 ? 'Level' : _ref$walletName,
-    _ref$shopName = _ref.shopName,
-    shopName = _ref$shopName === void 0 ? 'Store name' : _ref$shopName,
-    _ref$cardNo = _ref.cardNo,
-    cardNo = _ref$cardNo === void 0 ? 'Wallet number' : _ref$cardNo,
-    _ref$cardStyle = _ref.cardStyle,
-    cardStyle = _ref$cardStyle === void 0 ? 'normal' : _ref$cardStyle,
-    _ref$codeType = _ref.codeType,
-    codeType = _ref$codeType === void 0 ? 'barCode' : _ref$codeType,
-    onCodeClick = _ref.onCodeClick,
-    _ref$isLogin = _ref.isLogin,
-    isLogin = _ref$isLogin === void 0 ? false : _ref$isLogin;
+var CardHeader = function CardHeader(_ref2) {
+  var _ref2$showIcon = _ref2.showIcon,
+    showIcon = _ref2$showIcon === void 0 ? true : _ref2$showIcon,
+    _ref2$showWalletName = _ref2.showWalletName,
+    showWalletName = _ref2$showWalletName === void 0 ? true : _ref2$showWalletName,
+    _ref2$showShopName = _ref2.showShopName,
+    showShopName = _ref2$showShopName === void 0 ? true : _ref2$showShopName,
+    _ref2$showCardNo = _ref2.showCardNo,
+    showCardNo = _ref2$showCardNo === void 0 ? true : _ref2$showCardNo,
+    _ref2$showCode = _ref2.showCode,
+    showCode = _ref2$showCode === void 0 ? true : _ref2$showCode,
+    iconImg = _ref2.iconImg,
+    mode = _ref2.mode,
+    _ref2$walletName = _ref2.walletName,
+    walletName = _ref2$walletName === void 0 ? 'Level' : _ref2$walletName,
+    _ref2$shopName = _ref2.shopName,
+    shopName = _ref2$shopName === void 0 ? 'Store name' : _ref2$shopName,
+    _ref2$cardNo = _ref2.cardNo,
+    cardNo = _ref2$cardNo === void 0 ? 'Wallet number' : _ref2$cardNo,
+    _ref2$cardStyle = _ref2.cardStyle,
+    cardStyle = _ref2$cardStyle === void 0 ? 'normal' : _ref2$cardStyle,
+    _ref2$codeType = _ref2.codeType,
+    codeType = _ref2$codeType === void 0 ? 'barCode' : _ref2$codeType,
+    onCodeClick = _ref2.onCodeClick,
+    _ref2$isLogin = _ref2.isLogin,
+    isLogin = _ref2$isLogin === void 0 ? false : _ref2$isLogin;
   // 处理可能为0/1的布尔值
   var processedShowIcon = toBooleanValue(showIcon);
   var processedShowWalletName = toBooleanValue(showWalletName);
@@ -165,9 +187,9 @@ var CardHeader = function CardHeader(_ref) {
 };
 
 // 子组件：卡片内容项
-var CardItem = function CardItem(_ref2) {
-  var item = _ref2.item,
-    symbol = _ref2.symbol;
+var CardItem = function CardItem(_ref3) {
+  var item = _ref3.item,
+    symbol = _ref3.symbol;
   var key = item.key,
     label = item.label,
     value = item.value;
@@ -188,9 +210,9 @@ var CardItem = function CardItem(_ref2) {
 };
 
 // 子组件：卡片内容
-var CardContent = function CardContent(_ref3) {
-  var items = _ref3.items,
-    symbol = _ref3.symbol;
+var CardContent = function CardContent(_ref4) {
+  var items = _ref4.items,
+    symbol = _ref4.symbol;
   // 定义期望的顺序
   var expectedOrder = ['piont', 'balance', 'discount', 'voucher'];
 
@@ -218,9 +240,9 @@ var CardContent = function CardContent(_ref3) {
 };
 
 // 子组件：二维码/条形码显示
-var CodeDisplay = function CodeDisplay(_ref4) {
-  var codeType = _ref4.codeType,
-    cardNo = _ref4.cardNo;
+var CodeDisplay = function CodeDisplay(_ref5) {
+  var codeType = _ref5.codeType,
+    cardNo = _ref5.cardNo;
   if (!cardNo) return null;
   return /*#__PURE__*/React.createElement("div", {
     className: "pisell-wallet-card-code"
@@ -250,12 +272,12 @@ var blockEvent = function blockEvent(e) {
 };
 
 // 子组件：二维码/条形码模态框
-var CodeModal = function CodeModal(_ref5) {
-  var isOpen = _ref5.isOpen,
-    onClose = _ref5.onClose,
-    codeType = _ref5.codeType,
-    cardNo = _ref5.cardNo,
-    platform = _ref5.platform;
+var CodeModal = function CodeModal(_ref6) {
+  var isOpen = _ref6.isOpen,
+    onClose = _ref6.onClose,
+    codeType = _ref6.codeType,
+    cardNo = _ref6.cardNo,
+    platform = _ref6.platform;
   return /*#__PURE__*/React.createElement(PisellModal, {
     title: getText(codeType === 'barCode' ? 'walletCard-barcode' : 'walletCard-qrcode'),
     platform: platform,
@@ -290,6 +312,7 @@ var CodeModal = function CodeModal(_ref5) {
 
 // 主组件
 var WalletCard = function WalletCard(props) {
+  var _props$walletGuideCon2;
   var mergedProps = _objectSpread(_objectSpread({}, DEFAULT_PROPS), props);
   var symbol = mergedProps.symbol,
     mode = mergedProps.mode,
@@ -306,7 +329,8 @@ var WalletCard = function WalletCard(props) {
     onCodeClick = mergedProps.onCodeClick,
     onClick = mergedProps.onClick,
     className = mergedProps.className,
-    style = mergedProps.style;
+    style = mergedProps.style,
+    isGuide = mergedProps.isGuide;
 
   // 处理可能为0/1的布尔值props
   var showIcon = toBooleanValue(mergedProps.showIcon);
@@ -316,10 +340,10 @@ var WalletCard = function WalletCard(props) {
   var showCode = toBooleanValue(mergedProps.showCode);
   var isLogin = toBooleanValue(mergedProps.isLogin);
   var context = useEngineContext();
-  var _ref6 = context.appHelper || {},
-    utils = _ref6.utils;
+  var _ref7 = context.appHelper || {},
+    utils = _ref7.utils;
   // 使用自定义钩子处理模态框逻辑
-  var _useCodeModal = useCodeModal(cardNo, onCodeClick),
+  var _useCodeModal = useCodeModal(cardNo, onCodeClick, codeType),
     isModalOpen = _useCodeModal.isModalOpen,
     handleCodeClick = _useCodeModal.handleCodeClick,
     closeModal = _useCodeModal.closeModal;
@@ -331,12 +355,23 @@ var WalletCard = function WalletCard(props) {
         backgroundImage: "url(".concat(props.customBackgroundImage, ")")
       };
     } else {
+      var _props$walletGuideCon;
+      // 如果游客和引导页设置了背景色，则不展示背景图
+      if (props !== null && props !== void 0 && (_props$walletGuideCon = props.walletGuideConfig) !== null && _props$walletGuideCon !== void 0 && _props$walletGuideCon.backgroundColor && isGuide || props !== null && props !== void 0 && props.backgroundColor && !isLogin) {
+        return {
+          backgroundImage: 'none'
+        };
+      }
       return {
         backgroundImage: "url(https://file.mypisell-dev.com/pisel/image/9/".concat(mode === 'dark' ? '3d039c83ff5b84fadafb8a23c33d6cc42025_02_26_00_42_53_288_08413160975__720_456__' : '61dcbe950c9451164a6bb1d17d5bc5f02025_02_26_00_43_42_741_04853453608__720_456__', ".png)")
       };
     }
-  }, [props.customBackgroundImage, mode]);
+  }, [props.customBackgroundImage, mode, props === null || props === void 0 || (_props$walletGuideCon2 = props.walletGuideConfig) === null || _props$walletGuideCon2 === void 0 ? void 0 : _props$walletGuideCon2.backgroundColor, props === null || props === void 0 ? void 0 : props.backgroundColor, isLogin, isGuide]);
   var goWallet = function goWallet() {
+    // 未开启任何一个wallet pass展示，则不跳转
+    if (!(items !== null && items !== void 0 && items.length)) {
+      return;
+    }
     utils === null || utils === void 0 || utils.action({
       type: 'pisell1.goWallet',
       data: {},
@@ -360,9 +395,9 @@ var WalletCard = function WalletCard(props) {
       flexDirection: codeDirection === 'top' ? 'column-reverse' : 'column'
     }
   }, /*#__PURE__*/React.createElement("div", {
-    className: classNames('pisell-wallet-card-content', mode, !isLogin && 'pisell-wallet-card-guest-content'),
+    className: classNames('pisell-wallet-card-content', mode, (!isLogin || isGuide) && 'pisell-wallet-card-guest-content'),
     style: backgroundStyle
-  }, isLogin ? /*#__PURE__*/React.createElement("div", {
+  }, isLogin ? !isGuide ? /*#__PURE__*/React.createElement("div", {
     onClick: function onClick() {
       goWallet();
     }
@@ -384,7 +419,9 @@ var WalletCard = function WalletCard(props) {
   }), /*#__PURE__*/React.createElement(CardContent, {
     items: items,
     symbol: symbol
-  })) : /*#__PURE__*/React.createElement(Guest, {
+  })) : /*#__PURE__*/React.createElement(Guide, {
+    setting: props
+  }) : /*#__PURE__*/React.createElement(Guest, {
     setting: props
   })), cardStyle === 'full' && isLogin && /*#__PURE__*/React.createElement("div", {
     className: classNames('pisell-wallet-card-showCode', codeDirection === 'top' ? 'code-top' : 'code-bottom')

package/es/components/walletCard/index.less

@@ -20,7 +20,7 @@
 
     // 暗色主题
     &.dark {
-      background-color: #000;
+      background-color: transparent;
 
       .pisell-wallet-card-header-left {
         color: #fff;
@@ -39,7 +39,7 @@
 
     // 亮色主题
     &.light {
-      background-color: #fff;
+      background-color: transparent;
 
       .pisell-wallet-card-header-left {
         color: #101828;
@@ -210,7 +210,6 @@
 
         text {
           fill: #000;
-          font-family: Inter;
           font-size: 12px;
           font-style: normal;
           font-weight: 400;
@@ -223,7 +222,6 @@
     // 二维码下方文本样式
     .pisell-wallet-card-code-qrcode-value {
       color: #000;
-      font-family: Inter;
       font-size: 12px;
       text-align: center;
       font-style: normal;
@@ -240,7 +238,7 @@
 
 // 二维码模态框
 .pisell-qrcode-modal {
-  .pisell-qrcode-modal-content{
+  .pisell-qrcode-modal-content {
     pointer-events: auto;
     touch-action: none;
     overscroll-behavior: none;

package/es/hooks/useResponsive.js

@@ -1,8 +1,8 @@
 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 _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 _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
+function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e2) { throw _e2; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e3) { didErr = true; err = _e3; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
 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; }
 import { useEffect, useState, useMemo } from 'react';

package/es/index.d.ts

@@ -138,3 +138,4 @@ export { default as PisellList01 } from './components/pisellList01';
 export { default as SectionFooters } from './components/section-footers';
 export { default as ProductCard } from './components/productCard';
 export { default as Collapse } from './components/collapse';
+export { default as PisellGoodPassCard } from './components/pisellGoodPassCard';

package/es/index.js

@@ -137,4 +137,5 @@ export { default as PisellHeaderProgressBar } from "./components/pisellHeaderPro
 export { default as PisellList01 } from "./components/pisellList01";
 export { default as SectionFooters } from "./components/section-footers";
 export { default as ProductCard } from "./components/productCard";
-export { default as Collapse } from "./components/collapse";
+export { default as Collapse } from "./components/collapse";
+export { default as PisellGoodPassCard } from "./components/pisellGoodPassCard";

package/es/locales/en-US.d.ts

@@ -117,9 +117,16 @@ declare const _default: {
     'pisell-information-entry-input-confirm': string;
     'pisell-information-entry-scan-exit': string;
     'pisell-wallet-pass-card-detail': string;
-    'pisell-wallet-pass-card-redeem': string;
+    'pisell-wallet-pass-card-edit': string;
+    'pisell-wallet-pass-card-name': string;
+    'pisell-wallet-pass-card-store-name': string;
     'pisell-wallet-pass-card-balance': string;
+    'pisell-wallet-pass-card-redeem': string;
+    'pisell-wallet-pass-card-code': string;
     'pisell-wallet-pass-card-valid-to': string;
+    'pisell-wallet-pass-card-confirm': string;
+    'pisell-wallet-pass-card-cancel': string;
+    'pisell-wallet-pass-card-required': string;
     'pisell-wallet-pass-card-expireDate': string;
     'pisell-adjust-price-price-override': string;
     'pisell-adjust-price-discount': string;
@@ -220,7 +227,11 @@ declare const _default: {
     'pisell-lowcode-navigation-menu-add-page': string;
     'pisell-lowcode-navigation-menu-add-page-tip': string;
     'pisell-lowcode-navigation-menu-tag-base': string;
+    'pisell-lowcode-navigation-menu-tag-proCode': string;
     'pisell-lowcode-navigation-menu-tag-pisell1': string;
+    'pisell-lowcode-navigation-menu-tag-group': string;
+    'pisell-lowcode-navigation-menu-tag-sub-menu': string;
+    'pisell-lowcode-navigation-menu-tag-custom': string;
     'pisell-data-source-form-app-identifier-pattern': string;
     'pisell-data-source-form-app-identifier-start-with-letter': string;
     'pisell-group-permissions-rule-required': string;
@@ -259,5 +270,9 @@ declare const _default: {
     'pisell-login-and-register-register-button-text': string;
     'pisell-login-and-register-remember-me': string;
     'pisell-login-and-register-forgot-password': string;
+    'pisell2.text.goodpass.product-vouchers': string;
+    'pisell2.text.goodpass.last-settlement': string;
+    'pisell2.text.goodpass.view-more': string;
+    'pisell2.text.goodpass.save': string;
 };
 export default _default;

package/es/locales/en-US.js

@@ -143,9 +143,16 @@ export default {
   'pisell-information-entry-scan-exit': 'Exit',
   // 钱包卡片组件
   'pisell-wallet-pass-card-detail': 'Detail',
-  'pisell-wallet-pass-card-redeem': 'Redeem',
+  'pisell-wallet-pass-card-edit': 'Edit',
+  'pisell-wallet-pass-card-name': 'Name',
+  'pisell-wallet-pass-card-store-name': 'StoreName',
   'pisell-wallet-pass-card-balance': 'Balance',
+  'pisell-wallet-pass-card-redeem': 'Redeem',
+  'pisell-wallet-pass-card-code': 'Code',
   'pisell-wallet-pass-card-valid-to': 'Valid to',
+  'pisell-wallet-pass-card-confirm': 'Confirm',
+  'pisell-wallet-pass-card-cancel': 'Cancel',
+  'pisell-wallet-pass-card-required': 'This field is required',
   'pisell-wallet-pass-card-expireDate': 'Long term',
   // 金额修改组件
   'pisell-adjust-price-price-override': "Price override",
@@ -279,7 +286,11 @@ export default {
   'pisell-lowcode-navigation-menu-add-page': 'Add page',
   'pisell-lowcode-navigation-menu-add-page-tip': 'No navigation found. Please add a submenu or page.',
   'pisell-lowcode-navigation-menu-tag-base': "Base",
+  'pisell-lowcode-navigation-menu-tag-proCode': "Pro code",
   'pisell-lowcode-navigation-menu-tag-pisell1': "Pisell 1.0",
+  'pisell-lowcode-navigation-menu-tag-group': "Group",
+  'pisell-lowcode-navigation-menu-tag-sub-menu': "Submenu",
+  'pisell-lowcode-navigation-menu-tag-custom': "Custom",
   // 应用标识符
   'pisell-data-source-form-app-identifier-pattern': 'Can only contain lowercase letters, numbers, hyphens, dots, and underscores',
   'pisell-data-source-form-app-identifier-start-with-letter': 'Must start with a letter',
@@ -322,5 +333,10 @@ export default {
   'pisell-login-and-register-register-password-placeholder': 'Create a password',
   'pisell-login-and-register-register-button-text': 'Create account',
   'pisell-login-and-register-remember-me': 'Remember me',
-  'pisell-login-and-register-forgot-password': 'Forgot password?'
+  'pisell-login-and-register-forgot-password': 'Forgot password?',
+  // 商品券组件
+  'pisell2.text.goodpass.product-vouchers': "Promotions & Vouchers",
+  'pisell2.text.goodpass.last-settlement': "(Last payment)",
+  'pisell2.text.goodpass.view-more': "View More",
+  'pisell2.text.goodpass.save': "Save"
 };

package/es/locales/zh-CN.d.ts

@@ -117,9 +117,16 @@ declare const _default: {
     'pisell-information-entry-input-confirm': string;
     'pisell-information-entry-scan-exit': string;
     'pisell-wallet-pass-card-detail': string;
-    'pisell-wallet-pass-card-redeem': string;
+    'pisell-wallet-pass-card-edit': string;
+    'pisell-wallet-pass-card-name': string;
+    'pisell-wallet-pass-card-store-name': string;
     'pisell-wallet-pass-card-balance': string;
+    'pisell-wallet-pass-card-redeem': string;
+    'pisell-wallet-pass-card-code': string;
     'pisell-wallet-pass-card-valid-to': string;
+    'pisell-wallet-pass-card-confirm': string;
+    'pisell-wallet-pass-card-cancel': string;
+    'pisell-wallet-pass-card-required': string;
     'pisell-wallet-pass-card-expireDate': string;
     'pisell-adjust-price-price-override': string;
     'pisell-adjust-price-discount': string;
@@ -219,7 +226,11 @@ declare const _default: {
     'pisell-lowcode-navigation-menu-add-page': string;
     'pisell-lowcode-navigation-menu-add-page-tip': string;
     'pisell-lowcode-navigation-menu-tag-base': string;
+    'pisell-lowcode-navigation-menu-tag-proCode': string;
     'pisell-lowcode-navigation-menu-tag-pisell1': string;
+    'pisell-lowcode-navigation-menu-tag-group': string;
+    'pisell-lowcode-navigation-menu-tag-sub-menu': string;
+    'pisell-lowcode-navigation-menu-tag-custom': string;
     'pisell-data-source-form-app-identifier-pattern': string;
     'pisell-data-source-form-app-identifier-start-with-letter': string;
     'pisell-data-source-form-app-identifier-special-ends': string;
@@ -254,5 +265,9 @@ declare const _default: {
     'pisell-login-and-register-register-button-text': string;
     'pisell-login-and-register-remember-me': string;
     'pisell-login-and-register-forgot-password': string;
+    'pisell2.text.goodpass.product-vouchers': string;
+    'pisell2.text.goodpass.last-settlement': string;
+    'pisell2.text.goodpass.view-more': string;
+    'pisell2.text.goodpass.save': string;
 };
 export default _default;

package/es/locales/zh-CN.js

@@ -143,9 +143,16 @@ export default {
   'pisell-information-entry-scan-exit': '退出',
   // 钱包卡片组件
   'pisell-wallet-pass-card-detail': '详情',
-  'pisell-wallet-pass-card-redeem': '兑换',
+  'pisell-wallet-pass-card-edit': '编辑',
+  'pisell-wallet-pass-card-name': '商品名称',
+  'pisell-wallet-pass-card-store-name': '共享店铺名称',
   'pisell-wallet-pass-card-balance': '余额',
+  'pisell-wallet-pass-card-redeem': '兑换',
+  'pisell-wallet-pass-card-code': '识别码编号',
   'pisell-wallet-pass-card-valid-to': '有效期至',
+  'pisell-wallet-pass-card-confirm': '确认',
+  'pisell-wallet-pass-card-cancel': '取消',
+  'pisell-wallet-pass-card-required': '此字段必填',
   'pisell-wallet-pass-card-expireDate': '长期',
   // 金额修改组件
   'pisell-adjust-price-price-override': "一口价",
@@ -276,7 +283,11 @@ export default {
   'pisell-lowcode-navigation-menu-add-page': '添加页面',
   'pisell-lowcode-navigation-menu-add-page-tip': '没有找到导航，请添加子菜单或页面。',
   'pisell-lowcode-navigation-menu-tag-base': "基础",
+  'pisell-lowcode-navigation-menu-tag-proCode': "Pro code",
   'pisell-lowcode-navigation-menu-tag-pisell1': "Pisell 1.0",
+  'pisell-lowcode-navigation-menu-tag-group': "分组",
+  'pisell-lowcode-navigation-menu-tag-sub-menu': "子菜单",
+  'pisell-lowcode-navigation-menu-tag-custom': "自定义",
   // 应用标识符
   'pisell-data-source-form-app-identifier-pattern': '只能包含小写字母、数字、连字符、点和下划线',
   'pisell-data-source-form-app-identifier-start-with-letter': '必须以字母开头',
@@ -313,5 +324,10 @@ export default {
   'pisell-login-and-register-register-password-placeholder': '创建密码',
   'pisell-login-and-register-register-button-text': '创建账户',
   'pisell-login-and-register-remember-me': '记住我',
-  'pisell-login-and-register-forgot-password': '忘记密码？'
+  'pisell-login-and-register-forgot-password': '忘记密码？',
+  // 商品券
+  'pisell2.text.goodpass.product-vouchers': "优惠促销",
+  'pisell2.text.goodpass.last-settlement': "(上次结算)",
+  'pisell2.text.goodpass.view-more': "查看更多",
+  'pisell2.text.goodpass.save': "节省"
 };