payment-kit 1.20.10 → 1.20.12

package/src/locales/zh.tsx

@@ -5,6 +5,7 @@ export default flat({
     redirecting: '跳转中...',
     title: '名称',
     estimated: '预估',
+    active: '生效中',
     metadata: {
       label: '元数据',
       description: '添加自定义键值对以存储有关此计量器的其他信息。',
@@ -47,6 +48,20 @@ export default flat({
     cancel: '取消',
     know: '知道了',
     confirm: '确认',
+    edit: '编辑',
+    delete: '删除',
+    deleting: '删除中...',
+    yes: '是',
+    no: '否',
+    never: '永不',
+    created: '创建时间',
+    updated: '更新时间',
+    valid: '有效',
+    events: '事件',
+    details: '详情',
+    discount: '折扣',
+    inactive: '无效',
+    deleted: '已删除',
     days: {
       sunday: '星期日',
       monday: '星期一',
@@ -551,6 +566,206 @@ export default flat({
     coupon: {
       create: '创建优惠券',
       view: '查看优惠券',
+      description: '优惠券可用于对发票、订阅或整个客户账户提供折扣。',
+      listTitle: '优惠券',
+      terms: '优惠条款',
+      tab: '优惠券',
+      redemptions: '兑换次数',
+      expires: '过期时间',
+      noDiscount: '无折扣',
+      name: '名称',
+      nameHelp: '这将显示在客户的收据和发票上。',
+      desc: '描述',
+      descriptionInternal: '此描述仅供内部使用，不会向客户显示。',
+      id: 'ID',
+      idOptional: 'ID（可选）',
+      idHelp: '这将在 API 中标识此优惠券。我们建议将此留空，以便我们为您生成 ID。',
+      type: '类型',
+      percentageOff: '百分比折扣',
+      fixedAmountOff: '固定金额折扣',
+      percentageDiscount: '百分比折扣',
+      fixedAmount: '折扣金额',
+      currency: '货币',
+      applyToProducts: '应用于特定产品',
+      duration: '持续时间',
+      once: '一次',
+      forever: '永久',
+      repeating: '重复',
+      durationHelp: '对于订阅和客户，这决定了此优惠券一旦兑换后的有效期。一次性发票接受"一次"和"永久"优惠券。',
+      durationInMonths: '持续月数',
+      redemptionLimits: '兑换限制',
+      limitDateRange: '限制客户可以兑换此优惠券的日期范围',
+      limitTotalNumber: '限制此优惠券可以被兑换的总次数',
+      codes: '代码',
+      useCustomerFacingCodes: '使用面向客户的优惠券代码',
+      promotionCodes: '促销码',
+      promotionCodesHelp: '促销码将在优惠券保存后创建。',
+      addPromotionCode: '添加促销码',
+      eligibleFirstTime: '仅限首次订单（每个用户只能享受一次优惠券折扣）',
+      limitNumberRedemptions: '限制此代码可以被兑换的次数',
+      addExpirationDate: '添加过期日期',
+      requireMinimumOrder: '要求最小订单金额',
+      addAnotherCode: '添加另一个代码',
+      saved: '优惠券保存成功',
+      // 促销码表单
+      codeOptional: '代码（可选）',
+      codeHelp: '留空将在创建时自动生成',
+      generate: '生成',
+      verificationType: '验证类型',
+      codeOnly: '仅代码',
+      nftVerification: 'NFT 验证',
+      vcVerification: '通行证验证',
+      userWhitelist: '限制特定用户',
+      nftSettings: 'NFT 验证设置',
+      vcSettings: '通行证验证设置',
+      userWhitelistSettings: '特定用户设置',
+      nftAddresses: 'NFT 地址',
+      nftAddressesPlaceholder: '输入 NFT 合约地址',
+      nftTags: 'NFT 标签',
+      nftTagsPlaceholder: '输入 NFT 标签',
+      trustedIssuers: '可信发行者',
+      trustedIssuersPlaceholder: '输入可信发行者',
+      trustedParents: '可信 NFT 工厂',
+      trustedParentsPlaceholder: '输入可信 NFT 工厂',
+      minBalance: 'NFT 所需数量',
+      requiredRoles: '必需角色',
+      requiredRolesPlaceholder: '输入必需角色',
+      trustedVcIssuers: '可信 VC 发行者',
+      trustedVcIssuersPlaceholder: '输入可信 VC 发行者 DID',
+      customerDids: '客户 DID',
+      customerDidsPlaceholder: '输入客户 DID',
+      customerDidsHelp: '您可以选择现有客户或手动输入DID',
+      maxRedemptions: '最大兑换次数',
+      expiresAt: '过期时间',
+      pressEnterToAdd: '按回车键添加',
+      // 更新的段落名称
+      couponConfiguration: '优惠券配置',
+      selectProducts: '选择产品',
+      noProductsSelected: '未选择产品',
+      newCode: '新代码',
+      createPromotionCode: '创建促销码',
+      promotionCodeDescription: '为此优惠券创建促销码，让客户兑换折扣。',
+      minimumAmount: '最低金额',
+      minimumAmountHelp: '为不同货币设置最低订单金额',
+      discountAmount: '折扣金额',
+      currencies: '货币',
+      times: '次',
+      months: '月',
+      addProduct: '添加另一个产品',
+      unlimited: '不限量',
+      inactive: '优惠券已停用',
+      inactiveTip: '此优惠券当前处于停用状态，无法使用。',
+      discount: '折扣',
+      updated: '更新时间',
+      timesRedeemed: '已使用次数',
+      deletedSuccessfully: '优惠券删除成功',
+      deleteConfirmTitle: '删除优惠券',
+      deleteConfirmMessage: '确定要删除此优惠券吗？此操作无法撤销。',
+      cannotDeleteWithPromotionCodes: '存在促销码时无法删除优惠券',
+      couponTermsPercentage: '{percent}%',
+      couponTermsFixedAmount: '{amount} {symbol}',
+      couponTerms: {
+        forever: '永久享 {couponOff} 折扣',
+        once: '单次享 {couponOff} 折扣',
+        repeating: '{months} 个月内享 {couponOff} 折扣',
+      },
+      couponTermsDuration: {
+        forever: '永久',
+        once: '单次',
+        repeating: '{months} 个月',
+      },
+      applicableProducts: '适用产品',
+      noApplicableProducts: '此优惠券适用于所有产品',
+      activeRedemptions: '兑换使用记录',
+      customers: '客户',
+      subscriptions: '订阅',
+      noCustomersFound: '未找到客户',
+      noCustomersRedeem: '当前没有客户使用此优惠券',
+      noSubscriptionsFound: '未找到订阅',
+      noSubscriptionsRedeem: '当前没有订阅使用此优惠券',
+      rename: '重命名',
+      renameCoupon: '重命名优惠券',
+      updateCouponDetails: '更新优惠券详情',
+      nameWillAppear: '此名称将显示在客户的收据和发票上。',
+      updateCouponButton: '更新优惠券',
+      discountStart: '折扣开始时间',
+      // Additional fields for active-redemptions
+      usageStats: '使用统计',
+      totalDiscounts: '总折扣记录',
+      uniqueSessions: '独立会话',
+      uniqueSubscriptions: '独立订阅',
+      promotionCodesUsed: '使用的促销码',
+      noExpiration: '无过期时间',
+      usagePeriod: '使用时期',
+      firstUsed: '首次使用',
+      lastUsed: '最后使用',
+      promotionCodeInfo: '促销码信息',
+      directCouponUsage: '直接优惠券使用',
+      usageLimit: '使用次数',
+      discountInfo: '折扣信息',
+      discountPeriod: '折扣有效期',
+      couponExpires: '优惠券过期',
+      totalSavings: '累计优惠',
+      viewPromotionCode: '查看促销码',
+    },
+    discount: {
+      totalSaved: '总共节省',
+      timesUsed: '使用次数',
+      appliedDiscounts: '应用的优惠',
+    },
+    promotionCode: {
+      code: '代码',
+      status: '状态',
+      redemptions: '兑换次数',
+      expires: '过期时间',
+      created: '创建时间',
+      actions: '操作',
+      active: '生效中',
+      inactive: '已停用',
+      expired: '已过期',
+      maxedOut: '已用尽',
+      viewDetails: '查看详情',
+      edit: '编辑促销码',
+      delete: '删除促销码',
+      archive: '存档促销码',
+      archiveTip: '存档后，此促销码将不再允许新兑换。确定要存档此促销码吗？',
+      deleteTip: '删除将永久删除此促销码。确定要删除此促销码吗？',
+      title: '促销码',
+      id: 'ID',
+      type: '类型',
+      couponId: '优惠券ID',
+      maxRedemptions: '最大兑换次数',
+      timesRedeemed: '已兑换次数',
+      verificationType: '验证类型',
+      updated: '更新时间',
+      activate: '激活',
+      deactivate: '停用',
+      inactiveTitle: '促销码已停用',
+      inactiveTip: '此促销码目前已停用，无法使用。',
+      deleteSuccess: '促销码删除成功',
+      activateSuccess: '促销码激活成功',
+      deactivateSuccess: '促销码停用成功',
+      verificationConfig: '验证配置',
+      nftAddresses: 'NFT地址',
+      nftTags: 'NFT标签',
+      minBalance: '最小余额',
+      requiredRoles: '所需角色',
+      trustedIssuers: '可信签发方',
+      allowedUsers: '允许的用户',
+      noNftConfig: '无NFT配置',
+      noVcConfig: '无VC配置',
+      noUsersSpecified: '未指定用户',
+      codeVerificationOnly: '仅代码验证',
+      unlimited: '无限制',
+      never: '永不过期',
+      yes: '是',
+      no: '否',
+      verificationTypeMap: {
+        code: '仅代码',
+        nft: 'NFT验证',
+        vc: '通行证验证',
+        user_restricted: '限制特定用户',
+      },
     },
 
     paymentLink: {
@@ -568,7 +783,11 @@ export default flat({
       addProduct: '添加另一个产品',
       requireBillingAddress: '收集客户的账单地址',
       requirePhoneNumber: '收集客户的电话号码',
-      allowPromotionCodes: '允许促销代码',
+      allowPromotionCodes: '允许促销码',
+      enablePromotionCodes: '启用促销码',
+      disablePromotionCodes: '禁用促销码',
+      enablePromotionCodesTip: '为此支付链接启用促销码功能。客户在结账时将能够使用折扣代码。',
+      disablePromotionCodesTip: '为此支付链接禁用促销码功能。客户在结账时将无法使用折扣代码。',
       includeFreeTrial: '包含免费试用',
       noStakeRequired: '无需质押',
       showProductFeatures: '显示产品特性',
@@ -931,6 +1150,7 @@ export default flat({
       ended: '结束于 {date}',
       renew: '下次续费: {date}',
       discount: '折扣',
+      activeDiscount: '当前优惠',
       startedAt: '开始于',
       nextInvoice: '下次账单时间',
       nextInvoiceAmount: '下次账单金额',
@@ -1361,6 +1581,7 @@ export default flat({
       relatedInvoice: '关联账单',
       donation: '打赏记录',
       creditsInfo: '总共包含 {amount} {currency}',
+      appliedDiscounts: '已应用优惠',
     },
     payout: {
       empty: '没有收款记录',

package/src/pages/admin/billing/subscriptions/detail.tsx

@@ -30,6 +30,7 @@ import SectionHeader from '../../../../components/section/header';
 import SubscriptionActions from '../../../../components/subscription/actions';
 import SubscriptionItemList from '../../../../components/subscription/items';
 import SubscriptionMetrics from '../../../../components/subscription/metrics';
+import DiscountInfo from '../../../../components/discount/discount-info';
 import { goBackOrFallback } from '../../../../libs/util';
 import InfoRowGroup from '../../../../components/info-row-group';
 
@@ -313,6 +314,10 @@ export default function SubscriptionDetail(props: { id: string }) {
             </InfoRowGroup>
           </Box>
           <Divider />
+
+          {/* Discount Information */}
+          {(data as any).discountStats && <DiscountInfo discountStats={(data as any).discountStats} />}
+
           <Box className="section">
             <SectionHeader title={t('admin.product.pricing')} />
             <Box className="section-body">

package/src/pages/admin/products/coupons/applicable-products.tsx

@@ -0,0 +1,166 @@
+/* eslint-disable react/no-unstable-nested-components */
+import { useLocaleContext } from '@arcblock/ux/lib/Locale/context';
+import {
+  findCurrency,
+  formatPrice,
+  formatTime,
+  Table,
+  TruncatedText,
+  useMobile,
+  usePaymentContext,
+} from '@blocklet/payment-react';
+import type { TProductExpanded } from '@blocklet/payment-types';
+import { Avatar, Stack, Typography, Box } from '@mui/material';
+import { styled } from '@mui/system';
+import { Link } from 'react-router-dom';
+
+interface Props {
+  products: any[];
+}
+
+export default function ApplicableProductsList({ products }: Props) {
+  const { t } = useLocaleContext();
+  const { isMobile } = useMobile();
+  const { settings } = usePaymentContext();
+
+  const getPriceDisplay = (product: TProductExpanded) => {
+    if (!product.prices || product.prices.length === 0) {
+      return null;
+    }
+
+    if (product.prices.length === 1) {
+      const price = product.prices[0];
+      if (price) {
+        const currency = findCurrency(settings.paymentMethods, price.currency_id ?? '') || settings.baseCurrency;
+        return formatPrice(price, currency!);
+      }
+    }
+
+    return t('admin.price.count', { count: product.prices.length });
+  };
+
+  const size = isMobile ? { width: 24, height: 24 } : { width: 48, height: 48 };
+
+  const columns = [
+    {
+      label: t('admin.subscription.product'),
+      name: 'name',
+      options: {
+        customBodyRenderLite: (_: string, index: number) => {
+          const product = products[index];
+          return (
+            <Stack
+              sx={{
+                flexDirection: 'row',
+                flexWrap: 'wrap',
+                alignItems: 'center',
+                gap: {
+                  xs: 1,
+                  sm: 2,
+                },
+              }}>
+              <Box>
+                {product.images && product.images.length > 0 ? (
+                  <Avatar key={product.id} src={product.images[0]} alt={product.name} variant="rounded" sx={size} />
+                ) : (
+                  <Avatar key={product.id} variant="rounded" sx={size}>
+                    {product.name.slice(0, 1)}
+                  </Avatar>
+                )}
+              </Box>
+              <Box>
+                <Typography
+                  sx={{
+                    color: 'text.primary',
+                    fontWeight: 600,
+                  }}>
+                  <Link to={`/admin/products/${product.id}`}>
+                    <TruncatedText text={product.name} maxLength={isMobile ? 20 : 50} useWidth />
+                  </Link>
+                </Typography>
+                {!isMobile && (
+                  <Typography
+                    sx={{
+                      color: 'text.secondary',
+                      whiteSpace: 'nowrap',
+                    }}>
+                    {getPriceDisplay(product)}
+                  </Typography>
+                )}
+              </Box>
+            </Stack>
+          );
+        },
+      },
+    },
+    isMobile && {
+      label: t('admin.product.pricing'),
+      name: 'prices',
+      options: {
+        customBodyRenderLite: (_: string, index: number) => {
+          const product = products[index];
+          return <Link to={`/admin/products/${product.id}`}>{getPriceDisplay(product)}</Link>;
+        },
+      },
+    },
+    {
+      label: t('admin.product.type.label'),
+      name: 'type',
+      options: {
+        customBodyRenderLite: (_: string, index: number) => {
+          const product = products[index];
+          return t(`admin.product.type.${product.type}`);
+        },
+      },
+    },
+    {
+      label: t('common.created'),
+      name: 'created_at',
+      options: {
+        customBodyRenderLite: (_: string, index: number) => {
+          const product = products[index];
+          return formatTime(product.created_at);
+        },
+      },
+    },
+  ].filter(Boolean);
+
+  return (
+    <ApplicableProductsTableRoot>
+      <Table
+        data={products}
+        columns={columns}
+        loading={false}
+        footer={false}
+        toolbar={false}
+        components={{
+          TableToolbar: () => null,
+          TableFooter: () => null,
+        }}
+        mobileTDFlexDirection="row"
+        options={{
+          count: products.length,
+          page: 0,
+          rowsPerPage: 100,
+          selectableRows: 'none',
+          pagination: false,
+        }}
+        emptyNodeText={t('admin.coupon.noApplicableProducts')}
+      />
+    </ApplicableProductsTableRoot>
+  );
+}
+
+const ApplicableProductsTableRoot = styled(Box)`
+  @media (max-width: ${({ theme }) => theme.breakpoints.values.md}px) {
+    .MuiTable-root > .MuiTableBody-root > .MuiTableRow-root > td.MuiTableCell-root {
+      align-items: center;
+      padding: 4px 0;
+      > div {
+        width: fit-content;
+        flex: inherit;
+        font-size: 14px;
+      }
+    }
+  }
+`;