payment-kit 1.18.52 → 1.18.54

package/blocklet.yml

@@ -14,7 +14,7 @@ repository:
   type: git
   url: git+https://github.com/blocklet/payment-kit.git
 specVersion: 1.2.8
-version: 1.18.52
+version: 1.18.54
 logo: logo.png
 files:
   - dist

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "payment-kit",
-  "version": "1.18.52",
+  "version": "1.18.54",
   "scripts": {
     "dev": "blocklet dev --open",
     "eject": "vite eject",
@@ -44,31 +44,31 @@
     ]
   },
   "dependencies": {
-    "@abtnode/cron": "^1.16.43",
-    "@arcblock/did": "^1.20.12",
+    "@abtnode/cron": "^1.16.44",
+    "@arcblock/did": "^1.20.13",
     "@arcblock/did-auth-storage-nedb": "^1.7.1",
-    "@arcblock/did-connect": "^2.13.61",
-    "@arcblock/did-util": "^1.20.12",
-    "@arcblock/jwt": "^1.20.12",
-    "@arcblock/ux": "^2.13.61",
-    "@arcblock/validator": "^1.20.12",
-    "@blocklet/did-space-js": "^1.0.57",
-    "@blocklet/js-sdk": "^1.16.43",
-    "@blocklet/logger": "^1.16.43",
-    "@blocklet/payment-react": "1.18.52",
-    "@blocklet/sdk": "^1.16.43",
-    "@blocklet/ui-react": "^2.13.61",
+    "@arcblock/did-connect": "^2.13.62",
+    "@arcblock/did-util": "^1.20.13",
+    "@arcblock/jwt": "^1.20.13",
+    "@arcblock/ux": "^2.13.62",
+    "@arcblock/validator": "^1.20.13",
+    "@blocklet/did-space-js": "^1.0.58",
+    "@blocklet/js-sdk": "^1.16.44",
+    "@blocklet/logger": "^1.16.44",
+    "@blocklet/payment-react": "1.18.54",
+    "@blocklet/sdk": "^1.16.44",
+    "@blocklet/ui-react": "^2.13.62",
     "@blocklet/uploader": "^0.1.95",
     "@blocklet/xss": "^0.1.36",
     "@mui/icons-material": "^5.16.6",
     "@mui/lab": "^5.0.0-alpha.173",
     "@mui/material": "^5.16.6",
     "@mui/system": "^5.16.6",
-    "@ocap/asset": "^1.20.12",
-    "@ocap/client": "^1.20.12",
-    "@ocap/mcrypto": "^1.20.12",
-    "@ocap/util": "^1.20.12",
-    "@ocap/wallet": "^1.20.12",
+    "@ocap/asset": "^1.20.13",
+    "@ocap/client": "^1.20.13",
+    "@ocap/mcrypto": "^1.20.13",
+    "@ocap/util": "^1.20.13",
+    "@ocap/wallet": "^1.20.13",
     "@stripe/react-stripe-js": "^2.7.3",
     "@stripe/stripe-js": "^2.4.0",
     "ahooks": "^3.8.0",
@@ -121,9 +121,9 @@
     "web3": "^4.16.0"
   },
   "devDependencies": {
-    "@abtnode/types": "^1.16.43",
+    "@abtnode/types": "^1.16.44",
     "@arcblock/eslint-config-ts": "^0.3.3",
-    "@blocklet/payment-types": "1.18.52",
+    "@blocklet/payment-types": "1.18.54",
     "@types/cookie-parser": "^1.4.7",
     "@types/cors": "^2.8.17",
     "@types/debug": "^4.1.12",
@@ -153,7 +153,7 @@
     "vite": "^5.3.5",
     "vite-node": "^2.0.4",
     "vite-plugin-babel-import": "^2.0.5",
-    "vite-plugin-blocklet": "^0.9.32",
+    "vite-plugin-blocklet": "^0.9.33",
     "vite-plugin-node-polyfills": "^0.21.0",
     "vite-plugin-svgr": "^4.2.0",
     "vite-tsconfig-paths": "^4.3.2",
@@ -169,5 +169,5 @@
       "parser": "typescript"
     }
   },
-  "gitHead": "dfa2927758a635868ca2ce251d098ab15178a409"
+  "gitHead": "6315d7f4272e88e6a840a1948fd9745db9011e16"
 }

package/src/components/payouts/portal/list.tsx

@@ -47,6 +47,7 @@ type ListProps = {
   status?: string;
   customer_id?: string;
   currency_id?: string;
+  setHasRevenues?: (hasRevenues: boolean) => void;
 };
 
 const getListKey = (props: ListProps) => {
@@ -60,9 +61,10 @@ CustomerRevenueList.defaultProps = {
   status: '',
   currency_id: '',
   customer_id: '',
+  setHasRevenues: () => {},
 };
 
-export default function CustomerRevenueList({ currency_id, status, customer_id }: ListProps) {
+export default function CustomerRevenueList({ currency_id, status, customer_id, setHasRevenues }: ListProps) {
   const { t } = useLocaleContext();
   const { isMobile } = useMobile('sm');
 
@@ -87,6 +89,9 @@ export default function CustomerRevenueList({ currency_id, status, customer_id }
     debounce(() => {
       fetchData(search).then((res: any) => {
         setData(res);
+        if (setHasRevenues) {
+          setHasRevenues(res.count > 0);
+        }
       });
     }, 300)();
   }, [search]);

package/src/pages/customer/index.tsx

@@ -197,6 +197,7 @@ export default function CustomerHome() {
   const navigate = useNavigate();
   const [subscriptionStatus, setSubscriptionStatus] = useState(false);
   const [hasSubscriptions, setHasSubscriptions] = useState(false);
+  const [hasRevenues, setHasRevenues] = useState(false);
   const { startTransition } = useTransitionContext();
   const {
     data,
@@ -433,7 +434,7 @@ export default function CustomerHome() {
   );
 
   const InvoiceCard = loadingCard ? (
-    <CardSkeleton height={300} />
+    <CardSkeleton height={200} />
   ) : (
     <Box className="base-card section section-invoices">
       <Box className="section-header">
@@ -460,16 +461,15 @@ export default function CustomerHome() {
     </Box>
   );
 
-  const RevenueCard = loadingCard ? (
-    <CardSkeleton height={200} />
-  ) : (
-    <Box className="base-card section section-revenue">
-      <Box className="section-header">
-        <Typography variant="h3">{t('customer.payout.title')}</Typography>
+  const RevenueCard =
+    loadingCard || !hasRevenues ? null : (
+      <Box className="base-card section section-revenue">
+        <Box className="section-header">
+          <Typography variant="h3">{t('customer.payout.title')}</Typography>
+        </Box>
+        <CustomerRevenueList setHasRevenues={setHasRevenues} />
       </Box>
-      <CustomerRevenueList />
-    </Box>
-  );
+    );
 
   return (
     <Content>

package/src/pages/customer/subscription/embed.tsx

@@ -37,11 +37,11 @@ import {
   Typography,
 } from '@mui/material';
 import { useRequest, useSetState } from 'ahooks';
+import SplitButton from '@arcblock/ux/lib/SplitButton';
 import { useMemo } from 'react';
 import { joinURL, withQuery } from 'ufo';
 import prettyMs from 'pretty-ms-i18n';
 import { isEmpty } from 'lodash';
-import { PaymentOutlined } from '@mui/icons-material';
 import InfoRow from '../../../components/info-row';
 import InfoCard from '../../../components/info-card';
 import { useSessionContext } from '../../../contexts/session';
@@ -82,7 +82,6 @@ export default function SubscriptionEmbed() {
   const [state, setState] = useSetState({
     batchPay: false,
   });
-
   const { session, connectApi } = useSessionContext();
 
   const subscriptionId = params.get('id') || '';
@@ -327,19 +326,30 @@ export default function SubscriptionEmbed() {
                   {x.text[locale] || x.text.en || x.name}
                 </Button>
               ))}
-            <Button
-              variant="contained"
-              sx={{ width: subscription.service_actions?.length ? 'auto' : '100%' }}
-              target="_blank"
-              href={subscriptionPageUrl}>
-              {t('payment.customer.subscriptions.view')}
-            </Button>
-            {hasPastDue && (
-              <Tooltip title={t('admin.subscription.batchPay.button')}>
-                <Button variant="outlined" color="error" onClick={() => setState({ batchPay: true })}>
-                  <PaymentOutlined />
-                </Button>
-              </Tooltip>
+            {hasPastDue ? (
+              <SplitButton
+                size="small"
+                color="error"
+                variant="contained"
+                menu={[
+                  <SplitButton.Item key="view-subscription" component={Link} target="_blank" href={subscriptionPageUrl}>
+                    {t('payment.customer.subscriptions.view')}
+                  </SplitButton.Item>,
+                ]}>
+                {() => (
+                  <Button variant="contained" color="error" onClick={() => setState({ batchPay: true })}>
+                    {t('payment.subscription.overdue.payNow')}
+                  </Button>
+                )}
+              </SplitButton>
+            ) : (
+              <Button
+                variant="contained"
+                sx={{ width: subscription.service_actions?.length ? 'auto' : '100%' }}
+                target="_blank"
+                href={subscriptionPageUrl}>
+                {t('payment.customer.subscriptions.view')}
+              </Button>
             )}
           </Stack>
         </Box>