@pisell/materials 1.0.671 → 1.0.673

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

@@ -0,0 +1,14 @@
+declare class Request {
+    private request;
+    constructor();
+    setRequest(val: any): void;
+    getRequest(): {
+        get: <T = any>(url: string, data?: Record<string, any> | undefined, config?: Record<string, any> | undefined) => Promise<T>;
+        post: <T_1 = any>(url: string, data?: Record<string, any> | undefined, config?: Record<string, any> | undefined) => Promise<T_1>;
+        put: <T_2 = any>(url: string, data?: Record<string, any> | undefined, config?: Record<string, any> | undefined) => Promise<T_2>;
+        remove: <T_3 = any>(url: string, data?: Record<string, any> | undefined, config?: Record<string, any> | undefined) => Promise<T_3>;
+        custom: <T_4 = any>(url: string, data?: Record<string, any> | undefined, config?: Record<string, any> | undefined) => Promise<T_4>;
+    };
+}
+export declare const request: Request;
+export {};

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

@@ -0,0 +1,16 @@
+import { Component } from 'react';
+import { TabsProps } from 'antd';
+import './index.less';
+declare class Tabs extends Component<any> {
+    state: {
+        activeKey: any;
+    };
+    componentDidMount(): void;
+    private _handleChange;
+    setActiveKey: (key: string) => void;
+    getActiveKey: () => any;
+    renderIconLabelTabBar: TabsProps['renderTabBar'];
+    filterHiddenTabs: (tabs: any[]) => any[];
+    render(): JSX.Element;
+}
+export default Tabs;

package/lib/components/tabs/index.js

@@ -35,6 +35,7 @@ module.exports = __toCommonJS(tabs_exports);
 var import_react = __toESM(require("react"));
 var import_antd = require("antd");
 var import_warning = require("../../utils/warning");
+var import_badge = __toESM(require("./../badge"));
 var import_classnames = __toESM(require("classnames"));
 var import_index = require("./index.less");
 var prefix = "pisell-lowcode-";
@@ -42,6 +43,9 @@ var Tabs = class extends import_react.Component {
   state = {
     activeKey: this.props.activeKey ?? this.props.defaultActiveKey
   };
+  componentDidMount() {
+    document.body.id = "body";
+  }
   _handleChange = (key) => {
     this.setActiveKey(key);
   };
@@ -89,7 +93,6 @@ var Tabs = class extends import_react.Component {
             key: item.key,
             onClick: (e) => props.onTabClick(item.key, e)
           },
-          /* @__PURE__ */ import_react.default.createElement(import_antd.Badge, { count: item.badge, offset: [0, 6] }, /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefix}tab-bar-icon-wrap` }, item.icon)),
           /* @__PURE__ */ import_react.default.createElement("span", { className: `${prefix}tab-bar-label` }, item.label)
         );
       }),
@@ -128,6 +131,14 @@ var Tabs = class extends import_react.Component {
         type: "line"
       };
     }
+    if (type === "line") {
+      items = items.map((item) => {
+        return {
+          ...item,
+          label: /* @__PURE__ */ import_react.default.createElement("div", { style: { margin: "0 9px" } }, /* @__PURE__ */ import_react.default.createElement(import_badge.default, { styleType: "default", count: item.badge, offset: [18, 10] }, /* @__PURE__ */ import_react.default.createElement("span", { className: `${prefix}tab-bar-label` }, item.label)))
+        };
+      });
+    }
     return /* @__PURE__ */ import_react.default.createElement(
       import_antd.Tabs,
       {

package/lib/components/tabs/index.less

@@ -31,7 +31,7 @@
     border-radius: 99px;
     background: #f2f2f7;
     margin-bottom: 6px;
-    color: #ACACAC;
+    color: #acacac;
     transition: background 200ms ease-in-out, border-color 200ms ease-in-out;
     border: 1px solid #f2f2f7;
     &:hover {
@@ -46,12 +46,12 @@
     line-height: 20px;
   }
 
-  &-tab-bar-item-active  &-tab-bar-icon-wrap {
-    background: var(--primary-600, #7F56D9);
+  &-tab-bar-item-active &-tab-bar-icon-wrap {
+    background: var(--primary-600, #7f56d9);
     color: #fff;
   }
-  &-tab-bar-item-active > &-tab-bar-label {
-    color: var(--primary-600, #7F56D9);
+  &-tab-bar-item-active &-tab-bar-label {
+    color: var(--primary-600, #7f56d9);
     font-size: 14px;
     font-style: normal;
     font-weight: 400;

package/lib/components/time-picker/index.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 declare const TimePicker: (props: any) => JSX.Element;
 export default TimePicker;

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

@@ -0,0 +1,7 @@
+export declare const locales: {
+    en: string;
+    "zh-CN": string;
+    "zh-HK": string;
+};
+export declare const checkIfAllValuesAreEqual: (obj: any) => boolean;
+export declare const createTranslationText: (text: string, isAll?: boolean) => any;

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

@@ -0,0 +1,2 @@
+declare const Typography: import("antd").TypographyProps;
+export default Typography;

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

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 declare const Upload: (props: any) => JSX.Element;
 export default Upload;

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

@@ -0,0 +1,23 @@
+import React from 'react';
+import { Version } from '../versionSelect';
+import './index.less';
+interface PublishVersionModalProps {
+    visible: boolean;
+    currentVersion: string;
+    onCancel: () => void;
+    onConfirm: (data: VersionData) => void;
+    isShowNote?: boolean;
+    confirmLoading?: boolean;
+    versions?: Version[];
+    isShowBasedOn?: boolean;
+    isShowCurrentVersion?: boolean;
+    isValidateVersion?: boolean;
+}
+interface VersionData {
+    version: string;
+    note: string;
+    baseVersion?: string;
+    versionType?: string;
+}
+declare const PublishVersionModal: React.FC<PublishVersionModalProps>;
+export default PublishVersionModal;

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

@@ -0,0 +1,18 @@
+/// <reference types="react" />
+import { SelectProps } from 'antd';
+import './index.less';
+export interface Version {
+    id: string;
+    label: string;
+    value: string;
+    status: 'live' | 'draft' | 'deprecated';
+    version: string;
+    avatar?: string;
+}
+interface VersionSelectProps extends Omit<SelectProps<string>, 'onChange' | 'options'> {
+    versions: Version[];
+    value?: string;
+    onChange?: (value: string, version: Version) => void;
+}
+declare const VersionSelect: (props: VersionSelectProps) => JSX.Element;
+export default VersionSelect;

package/lib/components/virtual-keyboard/Amount/index.d.ts

@@ -0,0 +1,22 @@
+import React from 'react';
+import { BaseNumberKeyboardProps } from '../BaseNumberKeyboard';
+export interface AmountProps {
+    max?: number;
+    min?: number;
+    doneText?: string;
+    resetText?: string;
+    defaultValue?: string | number;
+    placeholder?: string;
+    amountProps?: {
+        showCurrencySymbol: boolean;
+        useThousandsSeparator: boolean;
+    };
+    presets?: BaseNumberKeyboardProps['presets'];
+    value?: string | number;
+    onChange?: (val: string | number) => void;
+    onEnter?: (val: string | number) => void;
+    defaultSelect?: boolean;
+    inputFormat?: (_v: string) => React.ReactNode | null;
+}
+declare const Amount: (props: AmountProps) => JSX.Element;
+export default Amount;

package/lib/components/virtual-keyboard/BaseNumberKeyboard/Presets.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import "./Presets.less";
+export declare type PresetsItem = {
+    label: string;
+    value: number | string;
+};
+export interface PresetsProps {
+    presets?: PresetsItem[];
+    onChange: (val: string) => void;
+}
+declare const Presets: (props: PresetsProps) => JSX.Element | null;
+export default Presets;

package/lib/components/virtual-keyboard/Keyboard/index.d.ts

@@ -0,0 +1,21 @@
+import React from 'react';
+import './index.less';
+export declare type ItemValue = string | number;
+export interface Item {
+    value: ItemValue;
+    label: React.ReactNode;
+    disabled: boolean;
+    type: 'text' | 'primary';
+    style?: React.CSSProperties;
+    size?: number;
+}
+export interface KeyboardProps {
+    className?: string;
+    style?: React.CSSProperties;
+    onChange?: (value?: ItemValue) => void;
+    items?: Item[];
+    rightItems?: Item[];
+    keydown?: boolean;
+}
+declare const _default: React.MemoExoticComponent<(props: KeyboardProps) => JSX.Element>;
+export default _default;

package/lib/components/virtual-keyboard/Number/index.d.ts

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+export interface NumberProps {
+    max?: number;
+    min?: number;
+    doneText?: string;
+    resetText: string;
+    defaultValue?: string | number;
+    placeholder?: string;
+    value?: string | number;
+    onChange?: (val: string | number) => void;
+    onEnter?: (val: string | number) => void;
+}
+declare const Number: (props: NumberProps) => JSX.Element;
+export default Number;

package/lib/components/virtual-keyboard/Time/index.d.ts

@@ -0,0 +1,13 @@
+import React from "react";
+import { Item } from "../Keyboard";
+import "./index.less";
+export interface VirtualKeyboardTimeProps extends React.HTMLAttributes<HTMLDivElement> {
+    style?: React.CSSProperties;
+    onChange?: (value?: any) => void;
+    value?: any;
+    items?: Item[];
+    onEnter?: (value: any) => void;
+    rightPanel?: React.ReactNode;
+}
+declare const VirtualKeyboardTime: (props: VirtualKeyboardTimeProps) => JSX.Element;
+export default VirtualKeyboardTime;

package/lib/components/virtual-keyboard/Time/utils.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+export declare const formatStringToTime: (value: string) => {
+    valueArray: string[];
+    valueString: string;
+    previewValueArray: string[];
+    previewValueArrayDom: JSX.Element[];
+    previewValueString: string;
+    disabled: never[];
+};
+export declare const fn: () => void;

package/lib/components/virtual-keyboard/VirtualKeyInput/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { InputProps } from 'antd';
 import './index.less';
 export interface VirtualKeyInputProps extends InputProps {

package/lib/components/virtual-keyboard/index.d.ts

@@ -0,0 +1,14 @@
+import React from "react";
+import { KeyboardProps } from "./Keyboard";
+import { VirtualKeyInputProps } from "./VirtualKeyInput";
+import "./index.less";
+interface VirtualKeyboardProps extends React.HTMLAttributes<HTMLDivElement> {
+    keyboardProps?: KeyboardProps;
+    virtualKeyInputProps?: VirtualKeyInputProps;
+    rightPanel?: React.ReactNode;
+    style?: React.CSSProperties;
+    onChange?: (value?: any) => void;
+    value?: string;
+}
+declare const VirtualKeyboard: (props: VirtualKeyboardProps) => JSX.Element;
+export default VirtualKeyboard;

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

@@ -0,0 +1,71 @@
+import React from 'react';
+import './index.less';
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            [elemName: string]: any;
+        }
+    }
+}
+interface WalletCardItem {
+    key: string;
+    label?: string;
+    hidden?: boolean;
+    value?: number;
+}
+interface WalletCardProps {
+    /** 二维码弹窗适配平台 */
+    platform?: 'pc' | 'h5' | 'ipad';
+    /** 卡片主题 */
+    mode?: 'dark' | 'light';
+    /** 默认还是完整显示code */
+    cardStyle?: 'normal' | 'full';
+    /** 条形码还是二维码 */
+    codeType?: 'barCode' | 'orCode';
+    /** 二维码方向 */
+    codeDirection?: 'bottom' | 'top';
+    /** 自定义背景图 */
+    customBackgroundImage?: string;
+    /** 图标：可以是React组件或图片URL */
+    icon?: React.ReactNode | string;
+    /** 钱包名称 */
+    walletName?: string;
+    /** 店铺名称 */
+    shopName?: string;
+    /** 是否显示店铺名称 */
+    isShowShopName?: boolean;
+    /** 卡号 */
+    cardNo?: string;
+    /** 是否显示卡号 */
+    isShowCardNo?: boolean;
+    /** 是否显示二维码 */
+    showCode?: boolean;
+    /** 是否显示积分卡信息 */
+    points?: boolean;
+    /** 是否显示余额信息 */
+    balance?: boolean;
+    /** 是否显示折扣信息 */
+    coupon?: boolean;
+    /** 是否显示优惠券数量 */
+    isShowVouCher?: boolean;
+    /** 是否显示折扣卡数量 */
+    isShowDiscountCard?: boolean;
+    /** 积分卡金额 */
+    pointsValue?: number;
+    /** 余额 */
+    balanceValue?: number;
+    /** 优惠券金额 */
+    couponValue?: number;
+    /** 优惠券金额 */
+    vouCherValue?: number;
+    /** 折扣卡金额 */
+    discountCardValue?: number;
+    /** 卡片内容项 */
+    items: WalletCardItem[];
+    /** 点击二维码/条形码的回调 */
+    onCodeClick?: () => void;
+    /** 货币符号 */
+    symbol: string;
+}
+declare const WalletCard: React.FC<WalletCardProps>;
+export default WalletCard;

package/lib/components/walletCard/index.js

@@ -0,0 +1,188 @@
+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/walletCard/index.tsx
+var walletCard_exports = {};
+__export(walletCard_exports, {
+  default: () => walletCard_default
+});
+module.exports = __toCommonJS(walletCard_exports);
+var import_react = __toESM(require("react"));
+var import_antd = require("antd");
+var import_iconfont = __toESM(require("./../iconfont"));
+var import_react_barcode = __toESM(require("react-barcode"));
+var import_Amount = __toESM(require("./../pisellText/components/Amount"));
+var import_pisellModal = __toESM(require("./../pisellModal"));
+var import_classnames = __toESM(require("classnames"));
+var import_locales = require("../../locales/index");
+var import_index = require("./index.less");
+var DEFAULT_PROPS = {
+  symbol: "$",
+  mode: "dark",
+  cardStyle: "normal",
+  codeType: "barCode",
+  platform: "pc",
+  codeDirection: "bottom",
+  isShowShopName: true,
+  isShowCardNo: true,
+  showCode: true,
+  walletName: "",
+  points: true,
+  balance: true,
+  coupon: true,
+  isShowVouCher: true,
+  isShowDiscountCard: true,
+  pointsValue: 0,
+  balanceValue: 0,
+  vouCherValue: 0,
+  couponValue: 0,
+  discountCardValue: 0,
+  items: []
+};
+var WalletCard = (props) => {
+  const {
+    mode = DEFAULT_PROPS.mode,
+    cardStyle = DEFAULT_PROPS.cardStyle,
+    codeType = DEFAULT_PROPS.codeType,
+    platform = DEFAULT_PROPS.platform,
+    codeDirection = DEFAULT_PROPS.codeDirection,
+    customBackgroundImage,
+    icon,
+    walletName = DEFAULT_PROPS.walletName,
+    shopName = "",
+    isShowShopName = DEFAULT_PROPS.isShowShopName,
+    cardNo = "",
+    isShowCardNo = DEFAULT_PROPS.isShowCardNo,
+    showCode = DEFAULT_PROPS.showCode,
+    points = DEFAULT_PROPS.points,
+    balance = DEFAULT_PROPS.balance,
+    coupon = DEFAULT_PROPS.coupon,
+    isShowVouCher = DEFAULT_PROPS.isShowVouCher,
+    isShowDiscountCard = DEFAULT_PROPS.isShowDiscountCard,
+    pointsValue = DEFAULT_PROPS.pointsValue,
+    balanceValue = DEFAULT_PROPS.balanceValue,
+    vouCherValue = DEFAULT_PROPS.vouCherValue,
+    couponValue = DEFAULT_PROPS.couponValue,
+    discountCardValue = DEFAULT_PROPS.discountCardValue,
+    items = DEFAULT_PROPS.items,
+    onCodeClick,
+    symbol
+  } = props;
+  const [isModalOpen, setIsModalOpen] = (0, import_react.useState)(false);
+  const handleCodeClick = (e) => {
+    e.stopPropagation();
+    if (onCodeClick) {
+      onCodeClick();
+    } else {
+      setIsModalOpen(true);
+    }
+  };
+  const handleButtonClick = (e) => {
+    e.stopPropagation();
+    setIsModalOpen(false);
+  };
+  const renderCode = (0, import_react.useMemo)(() => /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-wallet-card-code", style: { textAlign: "center" } }, codeType === "barCode" ? /* @__PURE__ */ import_react.default.createElement(import_react_barcode.default, { value: cardNo, height: 114, width: 3 }) : /* @__PURE__ */ import_react.default.createElement(import_antd.QRCode, { size: 250, value: cardNo, bordered: false })), [cardNo, codeType]);
+  const renderHeader = () => /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_classnames.default)("pisell-wallet-card-header") }, /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_classnames.default)("pisell-wallet-card-header-left") }, /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_classnames.default)("pisell-wallet-card-header-level") }, icon && /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-wallet-card-header-icon" }, typeof icon === "string" ? /* @__PURE__ */ import_react.default.createElement("img", { src: icon, alt: "wallet icon", style: { width: "20px", height: "20px" } }) : icon), walletName && /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_classnames.default)("pisell-wallet-card-header-level-text") }, walletName)), isShowShopName && shopName && /* @__PURE__ */ import_react.default.createElement("div", null, shopName), isShowCardNo && cardNo && /* @__PURE__ */ import_react.default.createElement("div", null, cardNo)), /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_classnames.default)("pisell-wallet-card-header-right") }, showCode && cardStyle === "normal" && /* @__PURE__ */ import_react.default.createElement(
+    "div",
+    {
+      className: (0, import_classnames.default)("pisell-wallet-card-icon-wrapper"),
+      onClick: handleCodeClick
+    },
+    /* @__PURE__ */ import_react.default.createElement(
+      import_iconfont.default,
+      {
+        type: codeType === "barCode" ? "pisell2-Barcode" : "pisell2-a-qr-code-02",
+        className: (0, import_classnames.default)("pisell-wallet-card-icon")
+      }
+    )
+  )));
+  const renderContent = () => /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_classnames.default)("pisell-wallet-card-list") }, items.map((item, index) => {
+    const { label, value } = item;
+    return /* @__PURE__ */ import_react.default.createElement("div", { key: index, className: "pisell-wallet-card-item" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-wallet-card-item-label" }, (0, import_locales.getText)(`walletCard-${label}`) || ""), /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-wallet-card-item-value" }, item.key === "rechargeable" || item.key === "piont" ? /* @__PURE__ */ import_react.default.createElement(
+      import_Amount.default,
+      {
+        className: "pisell-card-amount-item-value",
+        platform: "h5",
+        symbol,
+        useThousandsSeparator: true,
+        showCurrencySymbol: true,
+        value
+      }
+    ) : value));
+  }));
+  const renderModal = () => /* @__PURE__ */ import_react.default.createElement(
+    import_pisellModal.default,
+    {
+      title: (0, import_locales.getText)("walletCard-qrcode"),
+      platform,
+      onCancel: (e) => {
+        e.stopPropagation();
+        setIsModalOpen(false);
+      },
+      open: isModalOpen,
+      footer: null,
+      mobileModalHeight: "auto",
+      className: (0, import_classnames.default)("pisell-qrcode-modal"),
+      bodyStyle: { padding: 0 },
+      modalRender: (modal) => /* @__PURE__ */ import_react.default.createElement("div", { onClick: (e) => e.stopPropagation() }, modal)
+    },
+    /* @__PURE__ */ import_react.default.createElement("div", { onClick: (e) => e.stopPropagation() }, codeType === "barCode" ? /* @__PURE__ */ import_react.default.createElement(import_react_barcode.default, { value: cardNo, height: 114, width: 3 }) : /* @__PURE__ */ import_react.default.createElement(import_antd.QRCode, { size: 200, value: cardNo, style: { marginTop: 24 } }), codeType === "orCode" && /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_classnames.default)("pisell-qrcode-modal-value") }, cardNo), /* @__PURE__ */ import_react.default.createElement(import_antd.Divider, null), /* @__PURE__ */ import_react.default.createElement(
+      import_antd.Button,
+      {
+        onClick: (e) => {
+          e.stopPropagation();
+          handleButtonClick(e);
+        },
+        className: (0, import_classnames.default)("pisell-qrcode-modal-button")
+      },
+      (0, import_locales.getText)("walletCard-done")
+    ))
+  );
+  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_classnames.default)("pisell-wallet-card-wrapper") }, /* @__PURE__ */ import_react.default.createElement(import_antd.Card, { bordered: false, className: (0, import_classnames.default)("pisell-wallet-card") }, /* @__PURE__ */ import_react.default.createElement(
+    "div",
+    {
+      className: (0, import_classnames.default)("pisell-wallet-card-container"),
+      style: { width: "100%" }
+    },
+    /* @__PURE__ */ import_react.default.createElement(
+      "div",
+      {
+        className: (0, import_classnames.default)("pisell-wallet-card-content", mode),
+        style: {
+          backgroundImage: customBackgroundImage ? `url(${customBackgroundImage})` : `url(https://file.mypisell-dev.com/pisel/image/9/${mode === "dark" ? "3d039c83ff5b84fadafb8a23c33d6cc42025_02_26_00_42_53_288_08413160975__720_456__" : "61dcbe950c9451164a6bb1d17d5bc5f02025_02_26_00_43_42_741_04853453608__720_456__"}.png)`,
+          flexDirection: codeDirection === "bottom" ? "column" : "column-reverse",
+          display: "flex"
+        }
+      },
+      renderHeader(),
+      renderContent()
+    ),
+    showCode && cardStyle === "full" && /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_classnames.default)("pisell-wallet-card-showCode") }, renderCode)
+  ))), renderModal());
+};
+var walletCard_default = WalletCard;