payment-kit 1.19.9 → 1.19.10

package/api/src/libs/env.ts

@@ -24,6 +24,10 @@ export const sequelizeOptionsPoolMax: number = process.env.SEQUELIZE_OPTIONS_POO
 export const sequelizeOptionsPoolIdle: number = process.env.SEQUELIZE_OPTIONS_POOL_IDLE
   ? +process.env.SEQUELIZE_OPTIONS_POOL_IDLE
   : 10 * 1000;
+
+export const updateDataConcurrency: number = process.env.UPDATE_DATA_CONCURRENCY
+  ? +process.env.UPDATE_DATA_CONCURRENCY
+  : 5; // 默认并发数为 5
 export default {
   ...env,
 };

package/api/src/libs/payment.ts

@@ -70,13 +70,6 @@ export async function checkTokenBalance(args: {
     let delegator = userDid;
     if (!args.skipUserCheck) {
       const { user } = await blocklet.getUser(userDid, { enableConnectedAccount: true });
-      if (!user) {
-        return {
-          sufficient: false,
-          reason: 'NO_CUSTOMER',
-          requestedAmount: totalAmount.toString(),
-        };
-      }
       if (user) {
         delegator = getWalletDid(user);
       }
@@ -216,6 +209,9 @@ export async function isDelegationSufficientForPayment(args: {
   lineItems?: TLineItemExpanded[];
 }): Promise<SufficientForPaymentResult> {
   const { paymentCurrency, paymentMethod, userDid, amount, delegatorAmounts } = args;
+  if (!userDid) {
+    return { sufficient: false, reason: 'NO_DID_WALLET' };
+  }
   const tokenAddress = paymentCurrency.contract as string;
 
   let totalAmount = new BN(amount);

package/api/src/routes/checkout-sessions.ts

@@ -14,6 +14,7 @@ import uniq from 'lodash/uniq';
 import type { WhereOptions } from 'sequelize';
 
 import { CustomError, formatError, getStatusFromError } from '@blocklet/error';
+import pAll from 'p-all';
 import { MetadataSchema } from '../libs/api';
 import { checkPassportForPaymentLink } from '../integrations/blocklet/passport';
 import dayjs from '../libs/dayjs';
@@ -89,6 +90,7 @@ import { handleStripeSubscriptionSucceed } from '../integrations/stripe/handlers
 import { CHARGE_SUPPORTED_CHAIN_TYPES } from '../libs/constants';
 import { blocklet } from '../libs/auth';
 import { addSubscriptionJob } from '../queues/subscription';
+import { updateDataConcurrency } from '../libs/env';
 
 const router = Router();
 
@@ -110,7 +112,7 @@ const getPaymentTypes = async (items: any[]) => {
 };
 
 export async function validateInventory(line_items: LineItem[], includePendingQuantity = false) {
-  const checks = line_items.map(async (item) => {
+  const checks = line_items.map((item) => async () => {
     const priceId = item.price_id;
     const quantity = Number(item.quantity || 0);
 
@@ -156,7 +158,7 @@ export async function validateInventory(line_items: LineItem[], includePendingQu
       throw new Error(`Can not exceed available quantity for price: ${priceId}`);
     }
   });
-  await Promise.all(checks);
+  await pAll(checks, { concurrency: updateDataConcurrency });
 }
 
 export async function validatePaymentSettings(paymentMethodId: string, paymentCurrencyId: string) {
@@ -624,11 +626,12 @@ async function processSubscriptionFastCheckout({
 }> {
   try {
     const primarySubscription = subscriptions.find((x) => x.metadata?.is_primary_subscription) || subscriptions[0];
-    const subscriptionAmounts = await Promise.all(
-      subscriptions.map(async (sub) => {
+    const subscriptionAmounts = await pAll(
+      subscriptions.map((sub) => async () => {
         const subItems = await getSubscriptionLineItems(sub, lineItems, primarySubscription);
         return getFastCheckoutAmount(subItems, 'subscription', paymentCurrency.id, trialEnd > now);
-      })
+      }),
+      { concurrency: updateDataConcurrency }
     );
     const totalAmount = subscriptionAmounts
       .reduce((sum: BN, amt: string) => sum.add(new BN(amt)), new BN('0'))
@@ -669,15 +672,23 @@ async function processSubscriptionFastCheckout({
 
     if (executePayment) {
       // Update payment settings for all subscriptions
-      await Promise.all(subscriptions.map((sub) => sub.update({ payment_settings: paymentSettings })));
+      await pAll(
+        subscriptions.map((sub) => async () => {
+          await sub.update({
+            payment_settings: paymentSettings,
+            payment_details: { [paymentMethod.type]: { payer: customer.did } },
+          });
+        }),
+        { concurrency: updateDataConcurrency }
+      );
       if (paymentCurrency.isCredit()) {
         // skip invoice creation for credit subscriptions
         checkoutSession.update({
           status: 'complete',
           payment_status: 'paid',
         });
-        await Promise.all(
-          subscriptions.map(async (sub) => {
+        await pAll(
+          subscriptions.map((sub) => async () => {
             await sub.update({
               payment_settings: paymentSettings,
               status: sub.trial_end ? 'trialing' : 'active',
@@ -688,8 +699,9 @@ async function processSubscriptionFastCheckout({
                 },
               },
             });
-            addSubscriptionJob(sub, 'cycle', false, sub.trial_end);
-          })
+            await addSubscriptionJob(sub, 'cycle', false, sub.trial_end);
+          }),
+          { concurrency: updateDataConcurrency }
         );
         return {
           success: true,
@@ -705,17 +717,22 @@ async function processSubscriptionFastCheckout({
         subscriptions,
       });
       // Update invoice settings and push to queue
-      await Promise.all(
-        invoices.map(async (invoice) => {
+      await pAll(
+        invoices.map((invoice) => async () => {
           if (invoice) {
             await invoice.update({ auto_advance: true, payment_settings: paymentSettings });
-            invoiceQueue.push({ id: invoice.id, job: { invoiceId: invoice.id, retryOnError: false } });
+            return invoiceQueue.push({ id: invoice.id, job: { invoiceId: invoice.id, retryOnError: false } });
           }
-        })
+        }),
+        { concurrency: updateDataConcurrency }
       );
-
       // Add subscription cycle jobs
-      await Promise.all(subscriptions.map((sub) => addSubscriptionJob(sub, 'cycle', false, sub.trial_end)));
+      await pAll(
+        subscriptions.map((sub) => async () => {
+          await addSubscriptionJob(sub, 'cycle', false, sub.trial_end);
+        }),
+        { concurrency: updateDataConcurrency }
+      );
 
       logger.info('Created and queued invoices for fast checkout with subscriptions', {
         checkoutSessionId: checkoutSession.id,
@@ -1382,8 +1399,8 @@ router.put('/:id/submit', user, ensureCheckoutSessionOpen, async (req, res) => {
           };
         }
         stripeContext.stripe_subscriptions = '';
-        await Promise.all(
-          subscriptions.map(async (sub) => {
+        await pAll(
+          subscriptions.map((sub) => async () => {
             const subscriptionItems = await SubscriptionItem.findAll({ where: { subscription_id: sub.id } });
             let stripeItems = lineItems.filter((x) =>
               subscriptionItems.some((y) => y.price_id === x.price_id || y.price_id === x.upsell_price_id)
@@ -1438,7 +1455,8 @@ router.put('/:id/submit', user, ensureCheckoutSessionOpen, async (req, res) => {
               stripeSubscription,
               subscription: sub,
             };
-          })
+          }),
+          { concurrency: updateDataConcurrency }
         );
         if (subscriptions.length > 1) {
           stripeContext.has_multiple_subscriptions = true;
@@ -1707,8 +1725,8 @@ router.post('/:id/fast-checkout-confirm', user, ensureCheckoutSessionOpen, async
           status: 'complete',
           payment_status: 'paid',
         });
-        await Promise.all(
-          subscriptions.map(async (sub) => {
+        await pAll(
+          subscriptions.map((sub) => async () => {
             await sub.update({
               payment_settings: paymentSettings,
               status: sub.trial_end ? 'trialing' : 'active',
@@ -1719,8 +1737,9 @@ router.post('/:id/fast-checkout-confirm', user, ensureCheckoutSessionOpen, async
                 },
               },
             });
-            addSubscriptionJob(sub, 'cycle', false, sub.trial_end);
-          })
+            await addSubscriptionJob(sub, 'cycle', false, sub.trial_end);
+          }),
+          { concurrency: updateDataConcurrency }
         );
         delegation = {
           sufficient: true,

package/api/src/routes/connect/change-payment.ts

@@ -28,7 +28,7 @@ export default {
   },
   onConnect: async ({ userDid, userPk, extraParams }: CallbackArgs) => {
     const { subscriptionId } = extraParams;
-    const { subscription, paymentMethod, paymentCurrency, customer } = await ensureChangePaymentContext(subscriptionId);
+    const { subscription, paymentMethod, paymentCurrency } = await ensureChangePaymentContext(subscriptionId);
 
     const claimsList: any[] = [];
     // @ts-ignore
@@ -41,7 +41,7 @@ export default {
       const delegation = await isDelegationSufficientForPayment({
         paymentMethod,
         paymentCurrency,
-        userDid: customer!.did,
+        userDid,
         amount: fastCheckoutAmount,
       });
       const needDelegation = delegation.sufficient === false;

package/api/src/routes/connect/change-plan.ts

@@ -30,7 +30,7 @@ export default {
   },
   onConnect: async ({ userDid, userPk, extraParams }: CallbackArgs) => {
     const { subscriptionId } = extraParams;
-    const { paymentMethod, paymentCurrency, subscription, customer } = await ensureSubscription(subscriptionId);
+    const { paymentMethod, paymentCurrency, subscription } = await ensureSubscription(subscriptionId);
 
     const claimsList: any[] = [];
     // @ts-ignore
@@ -43,7 +43,7 @@ export default {
       const delegation = await isDelegationSufficientForPayment({
         paymentMethod,
         paymentCurrency,
-        userDid: customer!.did,
+        userDid,
         amount: fastCheckoutAmount,
       });
 

package/api/src/routes/connect/setup.ts

@@ -33,7 +33,7 @@ export default {
   onConnect: async (args: CallbackArgs) => {
     const { userDid, userPk, extraParams } = args;
     const { checkoutSessionId } = extraParams;
-    const { paymentMethod, paymentCurrency, checkoutSession, subscription, customer } =
+    const { paymentMethod, paymentCurrency, checkoutSession, subscription } =
       await ensureSetupIntent(checkoutSessionId);
     if (!subscription) {
       throw new Error('Subscription for checkoutSession not found');
@@ -56,7 +56,7 @@ export default {
       const delegation = await isDelegationSufficientForPayment({
         paymentMethod,
         paymentCurrency,
-        userDid: customer.did,
+        userDid,
         amount: fastCheckoutAmount,
       });
       // if we can complete purchase without any wallet interaction

package/api/src/routes/connect/subscribe.ts

@@ -1,3 +1,4 @@
+import pAll from 'p-all';
 import { broadcastEvmTransaction, executeEvmTransaction, waitForEvmTxConfirm } from '../../integrations/ethereum/tx';
 import type { CallbackArgs } from '../../libs/auth';
 import dayjs from '../../libs/dayjs';
@@ -19,13 +20,24 @@ import {
 } from './shared';
 import { ensureStakeInvoice } from '../../libs/invoice';
 import { EVM_CHAIN_TYPES } from '../../libs/constants';
+import { updateDataConcurrency } from '../../libs/env';
 
 const updateInvoices = async (invoices: Invoice[], update: Partial<Invoice>) => {
-  await Promise.all(invoices.map((invoice) => invoice.update(update)));
+  await pAll(
+    invoices.map((invoice) => async () => {
+      await invoice.update(update);
+    }),
+    { concurrency: updateDataConcurrency }
+  );
 };
 
 const updateSubscriptions = async (subscriptions: Subscription[], update: Partial<Subscription>) => {
-  await Promise.all(subscriptions.map((subscription) => subscription.update(update)));
+  await pAll(
+    subscriptions.map((subscription) => async () => {
+      await subscription.update(update);
+    }),
+    { concurrency: updateDataConcurrency }
+  );
 };
 
 export default {
@@ -46,7 +58,6 @@ export default {
       paymentMethod,
       paymentCurrency,
       subscriptions,
-      customer,
       subscription: primarySubscription,
     } = await ensurePaymentIntent(checkoutSessionId, connectedDid || sessionUserDid || userDid);
     if (!subscriptions || subscriptions.length === 0) {
@@ -71,7 +82,7 @@ export default {
       const delegation = await isDelegationSufficientForPayment({
         paymentMethod,
         paymentCurrency,
-        userDid: customer.did,
+        userDid,
         amount: fastCheckoutAmount,
       });
 
@@ -208,8 +219,11 @@ export default {
         }
       }
 
-      await Promise.all(
-        subscriptions.map((subscription) => addSubscriptionJob(subscription, 'cycle', false, subscription.trial_end))
+      await pAll(
+        subscriptions.map((subscription) => async () => {
+          await addSubscriptionJob(subscription, 'cycle', false, subscription.trial_end);
+        }),
+        { concurrency: updateDataConcurrency }
       );
 
       logger.info('CheckoutSession updated with multiple subscriptions', {

package/api/src/routes/subscriptions.ts

@@ -1052,10 +1052,11 @@ router.put('/:id', authPortal, async (req, res) => {
           if (due === '0') {
             hasNext = false;
           } else {
+            const payer = getSubscriptionPaymentAddress(subscription, paymentMethod.type);
             const delegation = await isDelegationSufficientForPayment({
               paymentMethod,
               paymentCurrency,
-              userDid: customer.did,
+              userDid: payer,
               amount: setup.amount.setup,
             });
             if (delegation.sufficient) {
@@ -1657,10 +1658,11 @@ router.post('/:id/change-payment', authPortal, async (req, res) => {
       }
     } else {
       // changing from crypto to crypto: just update the subscription
+      const payer = getSubscriptionPaymentAddress(subscription, paymentMethod.type);
       delegation = await isDelegationSufficientForPayment({
         paymentMethod,
         paymentCurrency,
-        userDid: customer!.did,
+        userDid: payer,
         amount: getFastCheckoutAmount(lineItems, 'subscription', paymentCurrency.id, false),
       });
       const noStake = subscription.billing_thresholds?.no_stake;
@@ -1679,7 +1681,10 @@ router.post('/:id/change-payment', authPortal, async (req, res) => {
           default_payment_method_id: paymentMethod.id,
           payment_settings: {
             payment_method_types: [paymentMethod.type],
-            payment_method_options: {},
+            payment_method_options: {
+              ...(subscription.payment_settings?.payment_method_options || {}),
+              [paymentMethod.type]: { payer },
+            },
           },
         });
         logger.info('Subscription payment change done on delegation enough', {

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.19.9
+version: 1.19.10
 logo: logo.png
 files:
   - dist

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "payment-kit",
-  "version": "1.19.9",
+  "version": "1.19.10",
   "scripts": {
     "dev": "blocklet dev --open",
     "lint": "tsc --noEmit && eslint src api/src --ext .mjs,.js,.jsx,.ts,.tsx",
@@ -55,7 +55,7 @@
     "@blocklet/error": "^0.2.5",
     "@blocklet/js-sdk": "^1.16.46",
     "@blocklet/logger": "^1.16.46",
-    "@blocklet/payment-react": "1.19.9",
+    "@blocklet/payment-react": "1.19.10",
     "@blocklet/sdk": "^1.16.46",
     "@blocklet/ui-react": "^3.0.36",
     "@blocklet/uploader": "^0.2.4",
@@ -124,7 +124,7 @@
   "devDependencies": {
     "@abtnode/types": "^1.16.46",
     "@arcblock/eslint-config-ts": "^0.3.3",
-    "@blocklet/payment-types": "1.19.9",
+    "@blocklet/payment-types": "1.19.10",
     "@types/cookie-parser": "^1.4.9",
     "@types/cors": "^2.8.19",
     "@types/debug": "^4.1.12",
@@ -170,5 +170,5 @@
       "parser": "typescript"
     }
   },
-  "gitHead": "a65b166cee114b432be7c1e95b8ef7bc88b30fbd"
+  "gitHead": "96665501b84f130e074df9a3d70f9b6f48cc3309"
 }

package/src/components/payment-link/product-select.tsx

@@ -4,10 +4,11 @@ import type { TProductExpanded } from '@blocklet/payment-types';
 import { AddOutlined } from '@mui/icons-material';
 import { Avatar, Box, ListSubheader, MenuItem, Select, Stack, Typography } from '@mui/material';
 import cloneDeep from 'lodash/cloneDeep';
-import { useState } from 'react';
+import { useRef, useState } from 'react';
 import type { LiteralUnion } from 'type-fest';
 
 import Empty from '@arcblock/ux/lib/Empty';
+import useBus, { EventAction } from 'use-bus';
 import { useProductsContext } from '../../contexts/products';
 
 type Props = {
@@ -53,14 +54,26 @@ export default function ProductSelect({
   const { products } = useProductsContext();
   const { settings } = usePaymentContext();
   const [value, setValue] = useState('');
+  const valueRef = useRef(value);
   const size = { width: 16, height: 16 };
 
   const handleSelect = (e: any) => {
     setValue(e.target.value);
+    valueRef.current = e.target.value;
     setMode('waiting');
     onSelect(e.target.value);
   };
 
+  useBus(
+    (event: EventAction) => event.type === 'product.select.price.removed',
+    (event: EventAction) => {
+      if (valueRef.current === event.priceId) {
+        setValue('');
+        valueRef.current = '';
+      }
+    }
+  );
+
   const items = (callback?: any) => {
     const filteredProducts = filterProducts(products, hasSelected, filterPrice);
 

package/src/components/pricing-table/product-item.tsx

@@ -5,6 +5,7 @@ import type { PricingTableItem, TProduct, TProductExpanded } from '@blocklet/pay
 import { Box, Stack } from '@mui/material';
 import { useSetState } from 'ahooks';
 
+import { dispatch } from 'use-bus';
 import { useProductsContext } from '../../contexts/products';
 import { getPriceFromProducts } from '../../libs/util';
 import Actions from '../actions';
@@ -74,7 +75,13 @@ export default function ProductItem({ product, prices, valid, onUpdate, onRemove
             key={x.index}
             prefix={`items.${x.index}`}
             price={getPriceFromProducts(products, x.price_id) as any}
-            onRemove={() => onRemove(x.index)}
+            onRemove={() => {
+              onRemove(x.index);
+              dispatch({
+                type: 'product.select.price.removed',
+                priceId: x.price_id,
+              });
+            }}
           />
         ))}
       </Stack>

package/src/contexts/products.tsx

@@ -33,7 +33,12 @@ const fetchProducts = (forceRefresh = false): Promise<{ list: TProductExpanded[]
 // eslint-disable-next-line react/prop-types
 function ProductsProvider({ children }: { children: any }): JSX.Element {
   const { data, error, run, loading } = useRequest((forceRefresh = false) => fetchProducts(forceRefresh));
-  useBus('project.created', () => run(true), []);
+  useBus('product.created', () => run(true), []);
+  useBus('product.updated', () => run(true), []);
+  useBus('product.deleted', () => run(true), []);
+  useBus('price.created', () => run(true), []);
+  useBus('price.updated', () => run(true), []);
+  useBus('price.deleted', () => run(true), []);
   if (error) {
     return <Alert severity="error">{error.message}</Alert>;
   }

package/src/pages/admin/products/links/detail.tsx

@@ -102,6 +102,16 @@ export default function PaymentLinkDetail(props: { id: string }) {
     setState((prev) => ({ editing: { ...prev.editing, metadata: true } }));
   };
 
+  const renderConfirmPage = (record: any) => {
+    if (record.type === 'hosted_confirmation') {
+      return <Typography>{record.hosted_confirmation.custom_message || t('common.none')}</Typography>;
+    }
+    if (record.type === 'redirect' && record.redirect.url) {
+      return <Link to={record.redirect.url}>{record.redirect.url}</Link>;
+    }
+    return t('common.none');
+  };
+
   return (
     <Grid container spacing={4} sx={{ mb: 4 }}>
       <Grid size={12}>
@@ -362,7 +372,10 @@ export default function PaymentLinkDetail(props: { id: string }) {
                     value={data.phone_number_collection?.enabled ? t('common.yes') : t('common.no')}
                   />
 
-                  <InfoRow label={t('admin.paymentLink.showConfirmPage')} value={data.after_completion?.type} />
+                  <InfoRow
+                    label={t('admin.paymentLink.showConfirmPage')}
+                    value={renderConfirmPage(data.after_completion)}
+                  />
                   <InfoRow label={t('admin.paymentLink.mintNft')} value={data.nft_mint_settings?.factory || ''} />
                   <InfoRow label={t('common.createdAt')} value={formatTime(data.created_at)} />
                   <InfoRow label={t('common.updatedAt')} value={formatTime(data.updated_at)} />

package/src/pages/admin/products/prices/actions.tsx

@@ -6,6 +6,7 @@ import { useSetState } from 'ahooks';
 import noop from 'lodash/noop';
 import { useNavigate } from 'react-router-dom';
 
+import { dispatch } from 'use-bus';
 import Actions from '../../../../components/actions';
 import EditPrice from '../../../../components/product/edit-price';
 
@@ -45,6 +46,7 @@ export default function PriceActions({
       setState({ loading: true });
       await api.put(`/api/prices/${data.id}`, updates).then((res) => res.data);
       Toast.success(t('common.saved'));
+      dispatch('price.updated');
       onChange(state.action);
     } catch (err) {
       console.error(err);
@@ -59,6 +61,7 @@ export default function PriceActions({
       setState({ loading: true });
       await api.put(`/api/prices/${data.id}/archive`).then((res) => res.data);
       Toast.success(t('common.saved'));
+      dispatch('price.updated');
       onChange(state.action);
     } catch (err) {
       console.error(err);
@@ -72,6 +75,7 @@ export default function PriceActions({
       setState({ loading: true });
       await api.delete(`/api/prices/${data.id}`).then((res) => res.data);
       Toast.success(t('common.removed'));
+      dispatch('price.deleted');
       onChange(state.action);
     } catch (err) {
       console.error(err);

package/src/pages/admin/products/prices/detail.tsx

@@ -17,6 +17,7 @@ import { styled } from '@mui/system';
 import { useRequest, useSetState } from 'ahooks';
 import { Link, useNavigate } from 'react-router-dom';
 
+import { dispatch } from 'use-bus';
 import Copyable from '../../../../components/copyable';
 import Currency from '../../../../components/currency';
 import EventList from '../../../../components/event/list';
@@ -68,6 +69,7 @@ export default function PriceDetail(props: { id: string }) {
       setState((prev) => ({ loading: { ...prev.loading, [key]: true } }));
       await api.put(`/api/prices/${props.id}`, updates).then((res) => res.data);
       Toast.success(t('common.saved'));
+      dispatch('price.updated');
       runAsync();
     } catch (err) {
       console.error(err);

package/src/pages/admin/products/products/create.tsx

@@ -159,7 +159,7 @@ export default function ProductsCreate({
         Toast.success(t('admin.product.saved'));
         methods.reset();
         dispatch('drawer.submitted');
-        dispatch('project.created');
+        dispatch('product.created');
         if (onSubmitCallback) {
           onSubmitCallback();
         }

package/src/pages/admin/products/products/detail.tsx

@@ -20,6 +20,7 @@ import { useRequest, useSetState } from 'ahooks';
 import { useNavigate } from 'react-router-dom';
 
 import { isEmpty } from 'lodash';
+import { dispatch } from 'use-bus';
 import Copyable from '../../../../components/copyable';
 import EventList from '../../../../components/event/list';
 import InfoMetric from '../../../../components/info-metric';
@@ -78,6 +79,7 @@ export default function ProductDetail(props: { id: string }) {
       setState((prev) => ({ loading: { ...prev.loading, [key]: true } }));
       await api.put(`/api/products/${props.id}`, updates).then((res) => res.data);
       Toast.success(t('common.saved'));
+      dispatch('product.updated');
       runAsync();
     } catch (err) {
       console.error(err);
@@ -92,6 +94,7 @@ export default function ProductDetail(props: { id: string }) {
       setState((prev) => ({ loading: { ...prev.loading, price: true } }));
       await api.post('/api/prices', { ...price, product_id: props.id });
       Toast.success(t('common.saved'));
+      dispatch('price.created');
       runAsync();
     } catch (err) {
       console.error(err);

package/src/pages/admin/products/products/index.tsx

@@ -60,7 +60,9 @@ export default function ProductsList() {
       setData(res);
     });
 
-  useBus('project.created', () => refresh(), []);
+  useBus('product.created', () => refresh(), []);
+  useBus('product.updated', () => refresh(), []);
+  useBus('product.deleted', () => refresh(), []);
 
   useEffect(() => {
     refresh();