@blocklet/payment-react 1.18.2 → 1.18.4

package/src/libs/cached-request.ts

@@ -0,0 +1,103 @@
+import { globalCache } from './cache';
+
+type CacheStrategy = 'session' | 'local' | 'memory';
+
+interface CacheOptions {
+  strategy?: CacheStrategy;
+  ttl?: number; // 过期时间（毫秒）
+}
+
+export class CachedRequest {
+  private cacheKey: string;
+  private fetchData: () => Promise<any>;
+  private options: CacheOptions;
+
+  constructor(cacheKey: string, fetchData: () => Promise<any>, options: CacheOptions = {}) {
+    this.cacheKey = cacheKey;
+    this.fetchData = fetchData;
+    this.options = {
+      strategy: 'session',
+      ttl: 0,
+      ...options,
+    };
+  }
+
+  private getCache(): any {
+    const { strategy } = this.options;
+
+    switch (strategy) {
+      case 'local':
+        return localStorage;
+      case 'memory':
+        return globalCache;
+      case 'session':
+      default:
+        return sessionStorage;
+    }
+  }
+
+  private getCachedData() {
+    const cache = this.getCache();
+    const data = this.options.strategy === 'memory' ? cache.get(this.cacheKey) : cache.getItem(this.cacheKey);
+
+    if (!data) return null;
+
+    const parsed = JSON.parse(data);
+
+    // 检查是否过期
+    if (this.options.ttl && parsed.timestamp) {
+      const isExpired = Date.now() - parsed.timestamp > this.options.ttl;
+      if (isExpired) {
+        this.clearCache();
+        return null;
+      }
+    }
+
+    return parsed.data;
+  }
+
+  private setCachedData(data: any) {
+    const cache = this.getCache();
+    const value = JSON.stringify({
+      data,
+      timestamp: Date.now(),
+    });
+
+    if (this.options.strategy === 'memory') {
+      cache.set(this.cacheKey, value);
+    } else {
+      cache.setItem(this.cacheKey, value);
+    }
+  }
+
+  private clearCache() {
+    const cache = this.getCache();
+    if (this.options.strategy === 'memory') {
+      cache.delete(this.cacheKey);
+    } else {
+      cache.removeItem(this.cacheKey);
+    }
+  }
+
+  fetch(forceRefresh = false) {
+    const cachedData = !forceRefresh && this.getCachedData();
+    if (cachedData) return Promise.resolve(cachedData);
+
+    const globalItem = globalCache.get(this.cacheKey);
+    if (globalItem?.promise) {
+      return globalItem.promise;
+    }
+
+    const newPromise = this.fetchData()
+      .then(({ data }: any) => {
+        this.setCachedData(data);
+        return data;
+      })
+      .finally(() => {
+        globalCache.delete(this.cacheKey);
+      });
+
+    globalCache.set(this.cacheKey, { promise: newPromise });
+    return newPromise;
+  }
+}

package/src/libs/util.ts

@@ -1171,3 +1171,18 @@ export function getInvoiceDescriptionAndReason(invoice: TInvoiceExpanded, locale
     type: invoiceType,
   };
 }
+
+export function getPaymentKitComponent() {
+  const paymentKit = window.blocklet?.componentMountPoints?.find((c: any) => c.did === PAYMENT_KIT_DID);
+  return paymentKit || null;
+}
+
+export function openDonationSettings(openInNewTab: boolean = false) {
+  const paymentKit = getPaymentKitComponent();
+  if (paymentKit) {
+    window.open(
+      `${window.location.origin}${paymentKit.mountPoint === '/' ? '' : paymentKit.mountPoint}/integrations/donations`,
+      openInNewTab ? '_blank' : '_self'
+    );
+  }
+}

package/src/locales/en.tsx

@@ -138,6 +138,13 @@ export default flat({
           multiple: 'Tips will be distributed to {count} beneficiaries',
           view: 'Click to view details',
         },
+        inactive: 'Donation feature is not enabled',
+        enable: 'Enable Donation',
+        enableSuccess: 'Enable Success',
+        configPrompt: 'Donation feature is enabled, you can configure donation options in Payment Kit',
+        configNow: 'Configure Now',
+        later: 'Configure Later',
+        configTip: 'Configure donation settings in Payment Kit',
       },
       cardPay: '{action} with card',
       empty: 'No thing to pay',

package/src/locales/zh.tsx

@@ -137,6 +137,13 @@ export default flat({
           multiple: '打赏将按比例分配给 {count} 位受益人',
           view: '点击查看详情',
         },
+        inactive: '打赏功能暂未开启',
+        enable: '启用打赏',
+        enableSuccess: '启用成功',
+        configPrompt: '打赏功能已启用，您可以前往 Payment Kit 进一步配置打赏选项',
+        configNow: '立即配置',
+        later: '稍后配置',
+        configTip: '前往 Payment Kit 配置打赏选项',
       },
       cardPay: '使用卡片{action}',
       empty: '没有可支付的项目',

package/src/payment/skeleton/donation.tsx

@@ -5,7 +5,7 @@ export default function DonationSkeleton() {
     <Fade in>
       <Stack direction="column">
         <Skeleton variant="text" sx={{ fontSize: '2rem', width: '40%' }} />
-        <Skeleton sx={{ mt: 2 }} variant="rounded" height={80} />
+        <Skeleton sx={{ mt: 2 }} variant="rounded" height={40} />
         <Divider
           sx={{
             mt: {