@pisell/materials 1.0.1100 → 1.0.1101

package/es/components/pisellGoodPassCard/index.d.ts

@@ -9,6 +9,7 @@ interface ApplicableProductDetails {
 }
 interface Discount {
     id: number;
+    displayKey?: string;
     product_name: string;
     encoded: string;
     code: string;

package/es/components/pisellGoodPassCard/index.js

@@ -65,8 +65,9 @@ var index = function index(props) {
     }, renderVoucherContent(item));
   };
   var renderVoucherItem = function renderVoucherItem(item) {
+    var _item$displayKey;
     return /*#__PURE__*/React.createElement("div", {
-      key: item.id,
+      key: (_item$displayKey = item.displayKey) !== null && _item$displayKey !== void 0 ? _item$displayKey : item.id,
       className: "".concat(clsPrefix, "-voucher-item")
     }, /*#__PURE__*/React.createElement("div", {
       className: "item-title"

package/es/components/pisellText/components/Editable/index.d.ts

@@ -15,6 +15,8 @@ export interface EditableConfig {
     maxLength?: number;
     /** 编辑图标 */
     icon?: React.ReactNode;
+    /** 多语言输入框在翻译缺失时显示原文，保持原始保存值。 */
+    fallbackToOriginal?: boolean;
 }
 export interface EditableProps extends React.HTMLAttributes<HTMLSpanElement> {
     /** 文本内容，支持字符串或多语言对象 */

package/es/components/pisellText/components/Editable/index.js

@@ -85,6 +85,7 @@ var Editable = function Editable(props) {
         // onBlur={() => setIsEditing(false)}
         ,
         maxLength: editableConfig.maxLength,
+        fallbackToOriginal: editableConfig.fallbackToOriginal,
         size: size,
         autoFocus: true
       }));

package/es/components/productCard/cartSkuCard/components/packages/utils.d.ts

@@ -17,4 +17,4 @@ export declare const minusSign: (item: any, type?: string) => "" | "-";
  * @Author: WangHan
  * @Date: 2024-11-22 10:58
  */
-export declare const _formatAmount: (price?: number, amountSymbol?: string, digit?: number) => any;
+export declare const _formatAmount: (price?: number, amountSymbol?: string, digit?: number) => string | number;

package/es/components/productCard/components/Packages/utils.d.ts

@@ -17,4 +17,4 @@ export declare const minusSign: (item: any, type?: string) => "" | "-";
  * @Author: WangHan
  * @Date: 2024-11-22 10:58
  */
-export declare const _formatAmount: (price?: number, amountSymbol?: string, digit?: number) => any;
+export declare const _formatAmount: (price?: number, amountSymbol?: string, digit?: number) => string | number;

package/es/components/table/Table/utils.d.ts

@@ -161,7 +161,7 @@ export declare const getSettingKeyArrByMode: ({ filter, columnSetting, dataSourc
     sort?: SortType | undefined;
     mode: "" | "localStorage" | "remote";
     currentViewMode: ModeType;
-}) => ("filters" | "filter_setting" | "column_setting" | "gallery_setting" | "view_mode" | "group_by" | "order_by")[];
+}) => ("filters" | "view_mode" | "column_setting" | "order_by" | "group_by" | "gallery_setting" | "filter_setting")[];
 export declare const omit: (obj: Record<string, any>, keys: string[]) => Record<string, any>;
 export declare const stringify: (obj: Record<string, any>) => string;
 export {};

package/es/components/translation/index.d.ts

@@ -13,6 +13,8 @@ interface TranslationProps {
     maxLength?: number;
     type?: 'text' | 'textarea';
     id?: string;
+    /** 缺失翻译时仅在输入框显示原文，不自动写入各语言字段。 */
+    fallbackToOriginal?: boolean;
 }
 declare const Translation: React.FC<TranslationProps>;
 export default Translation;

package/es/components/translation/index.js

@@ -1,5 +1,5 @@
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-var _excluded = ["value", "onChange", "type"];
+var _excluded = ["value", "onChange", "type", "fallbackToOriginal"];
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -22,6 +22,11 @@ import classNames from 'classnames';
 import useEngineContext from "../../hooks/useEngineContext";
 import { checkIfAllValuesAreEqual, createTranslationText, locales } from "./utils";
 import "./index.less";
+var getTranslationInputValue = function getTranslationInputValue(value, locale, fallbackToOriginal) {
+  var _translations$locale;
+  var translations = value;
+  return (_translations$locale = translations === null || translations === void 0 ? void 0 : translations[locale]) !== null && _translations$locale !== void 0 ? _translations$locale : fallbackToOriginal ? (translations === null || translations === void 0 ? void 0 : translations.original) || (translations === null || translations === void 0 ? void 0 : translations.auto) || '' : '';
+};
 var defaultGlobal = {
   shopLanguages: {
     primary: 'en',
@@ -67,6 +72,8 @@ var Translation = function Translation(props) {
     onChange = props.onChange,
     _props$type = props.type,
     type = _props$type === void 0 ? 'text' : _props$type,
+    _props$fallbackToOrig = props.fallbackToOriginal,
+    fallbackToOriginal = _props$fallbackToOrig === void 0 ? false : _props$fallbackToOrig,
     others = _objectWithoutProperties(props, _excluded);
   var context = useEngineContext();
   var _useState = useState(false),
@@ -95,8 +102,8 @@ var Translation = function Translation(props) {
     if (isString(value)) {
       _newValue = createTranslationText(value);
     }
-    set_value(_objectSpread(_objectSpread({}, defaultValue), _newValue));
-  }, [value]);
+    set_value(fallbackToOriginal ? _newValue : _objectSpread(_objectSpread({}, defaultValue), _newValue));
+  }, [value, fallbackToOriginal]);
   var currentLocale = useMemo(function () {
     return shopLanguages.primary;
   }, [shopLanguages.primary]);
@@ -104,8 +111,8 @@ var Translation = function Translation(props) {
     if (isString(value)) {
       return value;
     }
-    return value[currentLocale];
-  }, [value, currentLocale]);
+    return getTranslationInputValue(value, currentLocale, fallbackToOriginal);
+  }, [value, currentLocale, fallbackToOriginal]);
   var languageList = useMemo(function () {
     return shopLanguages.list;
   }, [shopLanguages.list]);
@@ -117,6 +124,11 @@ var Translation = function Translation(props) {
     return obj;
   }, []);
   var allChange = function allChange(e) {
+    if (fallbackToOriginal) {
+      // 原文只用于回显；编辑某种语言时不补写其它缺失翻译。
+      onChange === null || onChange === void 0 || onChange(_objectSpread(_objectSpread({}, value), {}, _defineProperty({}, currentLocale, e || '')));
+      return;
+    }
     var newValue = _objectSpread(_objectSpread({}, defaultValue), value || {});
     if (checkIfAllValuesAreEqual(newValue)) {
       for (var key in newValue) {
@@ -191,7 +203,7 @@ var Translation = function Translation(props) {
     }, /*#__PURE__*/React.createElement(InputComponent, _extends({}, typeof others.maxLength === 'number' ? {
       maxLength: others.maxLength
     } : {}, {
-      value: _value[d.code],
+      value: getTranslationInputValue(_value, d.code, fallbackToOriginal),
       onChange: function onChange(e) {
         set_value(_objectSpread(_objectSpread({}, _value), {}, _defineProperty({}, d.code, e.target.value)));
       },

package/es/components/walletCard/index.d.ts

@@ -2,20 +2,21 @@ import React from 'react';
 import './index.less';
 export interface WalletCardItem {
     type: string;
-    custom_title?: string | {
-        original: string;
-        en: string;
-        'zh-CN': string;
-        'zh-HK': string;
-        'ja': string;
-        'pt': string;
-    };
+    custom_title?: string | Record<string, string | null | undefined>;
     display?: 0 | 1;
     value?: number;
+    virtual_currency_info?: {
+        product_id: number | string;
+        total_balance?: number;
+        symbol?: Record<string, string | null | undefined> | [];
+        unit_label?: Record<string, string | null | undefined> | [];
+        amount_format?: string;
+        theme_color?: string;
+    };
 }
 export interface WalletCardProps {
     /** 钱包ID */
-    id?: string;
+    id?: number | string;
     /** 二维码弹窗适配平台 */
     platform?: 'pc' | 'h5' | 'ipad';
     /** 卡片主题 */

package/es/components/walletCard/index.js

@@ -15,6 +15,7 @@ import classNames from 'classnames';
 import React, { useMemo, useState } from 'react';
 import Barcode from 'react-barcode';
 import EyeOff from '@pisell/icon/es/EyeOff';
+import { formatAmountWithOptions } from '@pisell/utils';
 import { getText } from "../../locales/index";
 import Iconfont from "./../iconfont";
 import PisellModal from "./../pisellModal";
@@ -227,7 +228,7 @@ var CardHeader = function CardHeader(_ref2) {
 
 // 子组件：卡片内容项
 var CardItem = function CardItem(_ref3) {
-  var _context$appHelper2;
+  var _context$appHelper2, _item$virtual_currenc, _item$virtual_currenc2, _currencyInfo$theme_c, _ref4;
   var item = _ref3.item,
     symbol = _ref3.symbol;
   var type = item.type,
@@ -236,12 +237,23 @@ var CardItem = function CardItem(_ref3) {
   var context = useEngineContext();
   var utils = context === null || context === void 0 || (_context$appHelper2 = context.appHelper) === null || _context$appHelper2 === void 0 ? void 0 : _context$appHelper2.utils;
   var translationOriginal = (utils === null || utils === void 0 ? void 0 : utils.translationOriginal) || (utils === null || utils === void 0 ? void 0 : utils.translation);
+  var translate = function translate(text) {
+    if (typeof text === 'string') return text;
+    if (!text || Array.isArray(text)) return '';
+    var translated = translationOriginal === null || translationOriginal === void 0 ? void 0 : translationOriginal(text);
+    return typeof translated === 'string' && translated ? translated : text.original || text.en || '';
+  };
+  var currencyInfo = item.virtual_currency_info;
+  var title = custom_title || (type === 'virtual_currency' ? "Virtual currency #".concat((_item$virtual_currenc = (_item$virtual_currenc2 = item.virtual_currency_info) === null || _item$virtual_currenc2 === void 0 ? void 0 : _item$virtual_currenc2.product_id) !== null && _item$virtual_currenc !== void 0 ? _item$virtual_currenc : '') : '');
   return /*#__PURE__*/React.createElement("div", {
     className: "pisell-wallet-card-item"
   }, /*#__PURE__*/React.createElement("div", {
     className: "pisell-wallet-card-item-label"
-  }, translationOriginal(custom_title || '') || ''), /*#__PURE__*/React.createElement("div", {
-    className: "pisell-wallet-card-item-value"
+  }, translate(title)), /*#__PURE__*/React.createElement("div", {
+    className: "pisell-wallet-card-item-value",
+    style: type === 'virtual_currency' ? {
+      color: (currencyInfo === null || currencyInfo === void 0 || (_currencyInfo$theme_c = currencyInfo.theme_color) === null || _currencyInfo$theme_c === void 0 ? void 0 : _currencyInfo$theme_c.trim()) || undefined
+    } : undefined
   }, type === 'rechargeable' ? /*#__PURE__*/React.createElement(Amount, {
     className: "pisell-card-amount-item-value",
     platform: "h5",
@@ -249,24 +261,31 @@ var CardItem = function CardItem(_ref3) {
     useThousandsSeparator: true,
     showCurrencySymbol: true,
     value: value
+  }) : type === 'virtual_currency' ? formatAmountWithOptions((_ref4 = value !== null && value !== void 0 ? value : currencyInfo === null || currencyInfo === void 0 ? void 0 : currencyInfo.total_balance) !== null && _ref4 !== void 0 ? _ref4 : 0, translate(currencyInfo === null || currencyInfo === void 0 ? void 0 : currencyInfo.symbol), {
+    precision: 2,
+    hideDecimalForWholeNumbers: false,
+    useThousandsSeparator: true,
+    currencyCode: translate(currencyInfo === null || currencyInfo === void 0 ? void 0 : currencyInfo.unit_label),
+    currencyFormat: (currencyInfo === null || currencyInfo === void 0 ? void 0 : currencyInfo.amount_format) || ''
   }) : value || '0'));
 };
 
 // 子组件：卡片内容
-var CardContent = function CardContent(_ref4) {
-  var items = _ref4.items,
-    symbol = _ref4.symbol;
+var CardContent = function CardContent(_ref5) {
+  var items = _ref5.items,
+    symbol = _ref5.symbol;
   var filteredItems = (items || []).filter(function (item) {
-    return item.display !== 0;
-  });
+    return item.type === 'virtual_currency' ? item.display === 1 : item.display !== 0;
+  }).slice(0, 4);
   return /*#__PURE__*/React.createElement("div", {
     className: "pisell-wallet-card-list",
     style: {
       justifyContent: filteredItems.length > 1 ? 'space-between' : 'flex-start'
     }
   }, filteredItems.map(function (item, index) {
+    var _item$virtual_currenc3, _item$virtual_currenc4;
     return /*#__PURE__*/React.createElement(CardItem, {
-      key: index,
+      key: item.type === 'virtual_currency' ? "virtual_currency:".concat((_item$virtual_currenc3 = (_item$virtual_currenc4 = item.virtual_currency_info) === null || _item$virtual_currenc4 === void 0 ? void 0 : _item$virtual_currenc4.product_id) !== null && _item$virtual_currenc3 !== void 0 ? _item$virtual_currenc3 : index) : item.type,
       item: item,
       symbol: symbol
     });
@@ -274,9 +293,9 @@ var CardContent = function CardContent(_ref4) {
 };
 
 // 子组件：二维码/条形码显示
-var CodeDisplay = function CodeDisplay(_ref5) {
-  var codeType = _ref5.codeType,
-    cardNo = _ref5.cardNo;
+var CodeDisplay = function CodeDisplay(_ref6) {
+  var codeType = _ref6.codeType,
+    cardNo = _ref6.cardNo;
   if (!cardNo) return null;
   return /*#__PURE__*/React.createElement("div", {
     className: "pisell-wallet-card-code"
@@ -306,12 +325,12 @@ var blockEvent = function blockEvent(e) {
 };
 
 // 子组件：二维码/条形码模态框
-var CodeModal = function CodeModal(_ref6) {
-  var isOpen = _ref6.isOpen,
-    onClose = _ref6.onClose,
-    codeType = _ref6.codeType,
-    cardNo = _ref6.cardNo,
-    platform = _ref6.platform;
+var CodeModal = function CodeModal(_ref7) {
+  var isOpen = _ref7.isOpen,
+    onClose = _ref7.onClose,
+    codeType = _ref7.codeType,
+    cardNo = _ref7.cardNo,
+    platform = _ref7.platform;
   return /*#__PURE__*/React.createElement(PisellModal, {
     title: getText(codeType === 'barCode' ? 'walletCard-barcode' : 'walletCard-qrcode'),
     platform: platform,
@@ -378,9 +397,9 @@ var WalletCard = function WalletCard(props) {
   var isLogin = toBooleanValue(mergedProps.isLogin);
   var showViewPin = toBooleanValue(mergedProps === null || mergedProps === void 0 ? void 0 : mergedProps.showViewPin);
   var context = useEngineContext();
-  var _ref7 = context.appHelper || {},
-    utils = _ref7.utils,
-    constants = _ref7.constants;
+  var _ref8 = context.appHelper || {},
+    utils = _ref8.utils,
+    constants = _ref8.constants;
   // 使用自定义钩子处理模态框逻辑
   var _useCodeModal = useCodeModal(cardNo, onCodeClick, codeType),
     isModalOpen = _useCodeModal.isModalOpen,

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

@@ -9,6 +9,7 @@ interface ApplicableProductDetails {
 }
 interface Discount {
     id: number;
+    displayKey?: string;
     product_name: string;
     encoded: string;
     code: string;

package/lib/components/pisellGoodPassCard/index.js

@@ -74,7 +74,7 @@ var index = (props) => {
     );
   };
   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" }, translation(item.format_title), item.isEditMode && (0, import_locales.getText)("pisell2.text.goodpass.last-settlement")), /* @__PURE__ */ import_react.default.createElement("div", { className: "item-content" }, renderActionElement(item)));
+    return /* @__PURE__ */ import_react.default.createElement("div", { key: item.displayKey ?? item.id, className: `${clsPrefix}-voucher-item` }, /* @__PURE__ */ import_react.default.createElement("div", { className: "item-title" }, translation(item.format_title), item.isEditMode && (0, import_locales.getText)("pisell2.text.goodpass.last-settlement")), /* @__PURE__ */ import_react.default.createElement("div", { className: "item-content" }, renderActionElement(item)));
   };
   const renderModal = () => {
     return /* @__PURE__ */ import_react.default.createElement(

package/lib/components/pisellText/components/Editable/index.d.ts

@@ -15,6 +15,8 @@ export interface EditableConfig {
     maxLength?: number;
     /** 编辑图标 */
     icon?: React.ReactNode;
+    /** 多语言输入框在翻译缺失时显示原文，保持原始保存值。 */
+    fallbackToOriginal?: boolean;
 }
 export interface EditableProps extends React.HTMLAttributes<HTMLSpanElement> {
     /** 文本内容，支持字符串或多语言对象 */

package/lib/components/pisellText/components/Editable/index.js

@@ -93,6 +93,7 @@ var Editable = (props) => {
           onChange: handleInputChange,
           onPressEnter: () => setIsEditing(false),
           maxLength: editableConfig.maxLength,
+          fallbackToOriginal: editableConfig.fallbackToOriginal,
           size,
           autoFocus: true
         }

package/lib/components/productCard/cartSkuCard/components/packages/utils.d.ts

@@ -17,4 +17,4 @@ export declare const minusSign: (item: any, type?: string) => "" | "-";
  * @Author: WangHan
  * @Date: 2024-11-22 10:58
  */
-export declare const _formatAmount: (price?: number, amountSymbol?: string, digit?: number) => any;
+export declare const _formatAmount: (price?: number, amountSymbol?: string, digit?: number) => string | number;

package/lib/components/productCard/components/Packages/utils.d.ts

@@ -17,4 +17,4 @@ export declare const minusSign: (item: any, type?: string) => "" | "-";
  * @Author: WangHan
  * @Date: 2024-11-22 10:58
  */
-export declare const _formatAmount: (price?: number, amountSymbol?: string, digit?: number) => any;
+export declare const _formatAmount: (price?: number, amountSymbol?: string, digit?: number) => string | number;

package/lib/components/table/Table/utils.d.ts

@@ -161,7 +161,7 @@ export declare const getSettingKeyArrByMode: ({ filter, columnSetting, dataSourc
     sort?: SortType | undefined;
     mode: "" | "localStorage" | "remote";
     currentViewMode: ModeType;
-}) => ("filters" | "filter_setting" | "column_setting" | "gallery_setting" | "view_mode" | "group_by" | "order_by")[];
+}) => ("filters" | "view_mode" | "column_setting" | "order_by" | "group_by" | "gallery_setting" | "filter_setting")[];
 export declare const omit: (obj: Record<string, any>, keys: string[]) => Record<string, any>;
 export declare const stringify: (obj: Record<string, any>) => string;
 export {};

package/lib/components/translation/index.d.ts

@@ -13,6 +13,8 @@ interface TranslationProps {
     maxLength?: number;
     type?: 'text' | 'textarea';
     id?: string;
+    /** 缺失翻译时仅在输入框显示原文，不自动写入各语言字段。 */
+    fallbackToOriginal?: boolean;
 }
 declare const Translation: React.FC<TranslationProps>;
 export default Translation;

package/lib/components/translation/index.js

@@ -40,6 +40,10 @@ var import_classnames = __toESM(require("classnames"));
 var import_useEngineContext = __toESM(require("../../hooks/useEngineContext"));
 var import_utils2 = require("./utils");
 var import_index = require("./index.less");
+var getTranslationInputValue = (value, locale, fallbackToOriginal) => {
+  const translations = value;
+  return (translations == null ? void 0 : translations[locale]) ?? (fallbackToOriginal ? (translations == null ? void 0 : translations.original) || (translations == null ? void 0 : translations.auto) || "" : "");
+};
 var defaultGlobal = {
   shopLanguages: {
     primary: "en",
@@ -90,6 +94,7 @@ var Translation = (props) => {
     value = defaultObj,
     onChange,
     type = "text",
+    fallbackToOriginal = false,
     ...others
   } = props;
   const context = (0, import_useEngineContext.default)();
@@ -112,8 +117,8 @@ var Translation = (props) => {
     if ((0, import_utils.isString)(value)) {
       _newValue = (0, import_utils2.createTranslationText)(value);
     }
-    set_value({ ...defaultValue, ..._newValue });
-  }, [value]);
+    set_value(fallbackToOriginal ? _newValue : { ...defaultValue, ..._newValue });
+  }, [value, fallbackToOriginal]);
   const currentLocale = (0, import_react.useMemo)(() => {
     return shopLanguages.primary;
   }, [shopLanguages.primary]);
@@ -121,8 +126,8 @@ var Translation = (props) => {
     if ((0, import_utils.isString)(value)) {
       return value;
     }
-    return value[currentLocale];
-  }, [value, currentLocale]);
+    return getTranslationInputValue(value, currentLocale, fallbackToOriginal);
+  }, [value, currentLocale, fallbackToOriginal]);
   const languageList = (0, import_react.useMemo)(() => {
     return shopLanguages.list;
   }, [shopLanguages.list]);
@@ -134,6 +139,10 @@ var Translation = (props) => {
     return obj;
   }, []);
   const allChange = (e) => {
+    if (fallbackToOriginal) {
+      onChange == null ? void 0 : onChange({ ...value, [currentLocale]: e || "" });
+      return;
+    }
     let newValue = {
       ...defaultValue,
       ...value || {}
@@ -201,7 +210,11 @@ var Translation = (props) => {
         InputComponent,
         {
           ...typeof others.maxLength === "number" ? { maxLength: others.maxLength } : {},
-          value: _value[d.code],
+          value: getTranslationInputValue(
+            _value,
+            d.code,
+            fallbackToOriginal
+          ),
           onChange: (e) => {
             set_value({ ..._value, [d.code]: e.target.value });
           },

package/lib/components/walletCard/index.d.ts

@@ -2,20 +2,21 @@ import React from 'react';
 import './index.less';
 export interface WalletCardItem {
     type: string;
-    custom_title?: string | {
-        original: string;
-        en: string;
-        'zh-CN': string;
-        'zh-HK': string;
-        'ja': string;
-        'pt': string;
-    };
+    custom_title?: string | Record<string, string | null | undefined>;
     display?: 0 | 1;
     value?: number;
+    virtual_currency_info?: {
+        product_id: number | string;
+        total_balance?: number;
+        symbol?: Record<string, string | null | undefined> | [];
+        unit_label?: Record<string, string | null | undefined> | [];
+        amount_format?: string;
+        theme_color?: string;
+    };
 }
 export interface WalletCardProps {
     /** 钱包ID */
-    id?: string;
+    id?: number | string;
     /** 二维码弹窗适配平台 */
     platform?: 'pc' | 'h5' | 'ipad';
     /** 卡片主题 */

package/lib/components/walletCard/index.js

@@ -37,6 +37,7 @@ var import_classnames = __toESM(require("classnames"));
 var import_react = __toESM(require("react"));
 var import_react_barcode = __toESM(require("react-barcode"));
 var import_EyeOff = __toESM(require("@pisell/icon/es/EyeOff"));
+var import_utils = require("@pisell/utils");
 var import_locales = require("../../locales/index");
 var import_iconfont = __toESM(require("./../iconfont"));
 var import_pisellModal = __toESM(require("./../pisellModal"));
@@ -222,25 +223,52 @@ var CardHeader = ({
   )));
 };
 var CardItem = ({ item, symbol }) => {
-  var _a;
+  var _a, _b, _c;
   const { type, custom_title, value } = item;
   const context = (0, import_useEngineContext.default)();
   const utils = (_a = context == null ? void 0 : context.appHelper) == null ? void 0 : _a.utils;
   const translationOriginal = (utils == null ? void 0 : utils.translationOriginal) || (utils == null ? void 0 : utils.translation);
-  return /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-wallet-card-item" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-wallet-card-item-label" }, translationOriginal(custom_title || "") || ""), /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-wallet-card-item-value" }, type === "rechargeable" ? /* @__PURE__ */ import_react.default.createElement(
-    import_Amount.default,
+  const translate = (text) => {
+    if (typeof text === "string") return text;
+    if (!text || Array.isArray(text)) return "";
+    const translated = translationOriginal == null ? void 0 : translationOriginal(text);
+    return typeof translated === "string" && translated ? translated : text.original || text.en || "";
+  };
+  const currencyInfo = item.virtual_currency_info;
+  const title = custom_title || (type === "virtual_currency" ? `Virtual currency #${((_b = item.virtual_currency_info) == null ? void 0 : _b.product_id) ?? ""}` : "");
+  return /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-wallet-card-item" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-wallet-card-item-label" }, translate(title)), /* @__PURE__ */ import_react.default.createElement(
+    "div",
     {
-      className: "pisell-card-amount-item-value",
-      platform: "h5",
-      symbol,
-      useThousandsSeparator: true,
-      showCurrencySymbol: true,
-      value
-    }
-  ) : value || "0"));
+      className: "pisell-wallet-card-item-value",
+      style: type === "virtual_currency" ? { color: ((_c = currencyInfo == null ? void 0 : currencyInfo.theme_color) == null ? void 0 : _c.trim()) || void 0 } : void 0
+    },
+    type === "rechargeable" ? /* @__PURE__ */ import_react.default.createElement(
+      import_Amount.default,
+      {
+        className: "pisell-card-amount-item-value",
+        platform: "h5",
+        symbol,
+        useThousandsSeparator: true,
+        showCurrencySymbol: true,
+        value
+      }
+    ) : type === "virtual_currency" ? (0, import_utils.formatAmountWithOptions)(
+      value ?? (currencyInfo == null ? void 0 : currencyInfo.total_balance) ?? 0,
+      translate(currencyInfo == null ? void 0 : currencyInfo.symbol),
+      {
+        precision: 2,
+        hideDecimalForWholeNumbers: false,
+        useThousandsSeparator: true,
+        currencyCode: translate(currencyInfo == null ? void 0 : currencyInfo.unit_label),
+        currencyFormat: (currencyInfo == null ? void 0 : currencyInfo.amount_format) || ""
+      }
+    ) : value || "0"
+  ));
 };
 var CardContent = ({ items, symbol }) => {
-  const filteredItems = (items || []).filter((item) => item.display !== 0);
+  const filteredItems = (items || []).filter(
+    (item) => item.type === "virtual_currency" ? item.display === 1 : item.display !== 0
+  ).slice(0, 4);
   return /* @__PURE__ */ import_react.default.createElement(
     "div",
     {
@@ -249,7 +277,17 @@ var CardContent = ({ items, symbol }) => {
         justifyContent: filteredItems.length > 1 ? "space-between" : "flex-start"
       }
     },
-    filteredItems.map((item, index) => /* @__PURE__ */ import_react.default.createElement(CardItem, { key: index, item, symbol }))
+    filteredItems.map((item, index) => {
+      var _a;
+      return /* @__PURE__ */ import_react.default.createElement(
+        CardItem,
+        {
+          key: item.type === "virtual_currency" ? `virtual_currency:${((_a = item.virtual_currency_info) == null ? void 0 : _a.product_id) ?? index}` : item.type,
+          item,
+          symbol
+        }
+      );
+    })
   );
 };
 var CodeDisplay = ({ codeType, cardNo }) => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pisell/materials",
-  "version": "1.0.1100",
+  "version": "1.0.1101",
   "main": "./lib/index.js",
   "module": "./es/index.js",
   "types": "./lib/index.d.ts",
@@ -97,8 +97,8 @@
     "antd-mobile": "^5.38.1",
     "vod-js-sdk-v6": "^1.4.11",
     "@pisell/date-picker": "1.0.145",
-    "@pisell/utils": "1.0.72",
-    "@pisell/icon": "0.0.10"
+    "@pisell/icon": "0.0.10",
+    "@pisell/utils": "1.0.72"
   },
   "peerDependencies": {
     "react": "^18.0.0",