payment-kit 1.25.10 → 1.26.0

package/src/pages/admin/products/pricing-tables/create.tsx

@@ -82,7 +82,7 @@ export default function CreatePricingTable() {
         dispatch('drawer.submitted');
         dispatch('pricingTable.created');
       })
-      .catch((err) => {
+      .catch((err: any) => {
         console.error(err);
         Toast.error(formatError(err));
       });

package/src/pages/admin/products/pricing-tables/detail.tsx

@@ -24,7 +24,7 @@ import InfoMetric from '../../../../components/info-metric';
 import InfoRowGroup from '../../../../components/info-row-group';
 
 const fetchData = (id: string): Promise<TPricingTableExpanded> => {
-  return api.get(`/api/pricing-tables/${id}`).then((res) => res.data);
+  return api.get(`/api/pricing-tables/${id}`).then((res: any) => res.data);
 };
 
 export default function PricingTableDetail(props: { id: string }) {
@@ -59,7 +59,7 @@ export default function PricingTableDetail(props: { id: string }) {
   const createUpdater = (key: string) => async (updates: TProduct) => {
     try {
       setState((prev) => ({ loading: { ...prev.loading, [key]: true } }));
-      await api.put(`/api/pricing-tables/${props.id}`, updates).then((res) => res.data);
+      await api.put(`/api/pricing-tables/${props.id}`, updates).then((res: any) => res.data);
       Toast.success(t('common.saved'));
       runAsync();
     } catch (err) {

package/src/pages/admin/products/pricing-tables/index.tsx

@@ -19,7 +19,7 @@ const fetchData = (params: Record<string, any> = {}): Promise<{ list: TPricingTa
   Object.keys(params).forEach((key) => {
     search.set(key, String(params[key]));
   });
-  return api.get(`/api/pricing-tables?${search.toString()}`).then((res) => res.data);
+  return api.get(`/api/pricing-tables?${search.toString()}`).then((res: any) => res.data);
 };
 
 function PricingTables() {

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

@@ -25,7 +25,7 @@ const fetchData = (params: Record<string, any> = {}): Promise<{ list: TProductEx
     }
     search.set(key, String(v));
   });
-  return api.get(`/api/products?${search.toString()}`).then((res) => res.data);
+  return api.get(`/api/products?${search.toString()}`).then((res: any) => res.data);
 };
 
 type SearchProps = {

package/src/pages/admin/products/promotion-codes/actions.tsx

@@ -26,7 +26,7 @@ export default function PromotionCodeActions({ data, onChange, variant = 'compac
   const onArchivePromotionCode = async () => {
     try {
       setState({ loading: true });
-      await api.put(`/api/promotion-codes/${data.id}/archive`).then((res) => res.data);
+      await api.put(`/api/promotion-codes/${data.id}/archive`).then((res: any) => res.data);
       Toast.success(t('common.saved'));
       dispatch('promotion-code.updated');
       onChange(state.action);
@@ -41,7 +41,7 @@ export default function PromotionCodeActions({ data, onChange, variant = 'compac
   const onDeletePromotionCode = async () => {
     try {
       setState({ loading: true });
-      await api.delete(`/api/promotion-codes/${data.id}`).then((res) => res.data);
+      await api.delete(`/api/promotion-codes/${data.id}`).then((res: any) => res.data);
       Toast.success(t('common.removed'));
       dispatch('promotion-code.deleted');
       onChange(state.action);

package/src/pages/admin/products/promotion-codes/detail.tsx

@@ -24,11 +24,11 @@ import CurrencyRestrictions from '../../../../components/promotion/currency-rest
 import ActiveRedemptions from '../../../../components/promotion/active-redemptions';
 
 const getPromotionCode = (id: string): Promise<any> => {
-  return api.get(`/api/promotion-codes/${id}`).then((res) => res.data);
+  return api.get(`/api/promotion-codes/${id}`).then((res: any) => res.data);
 };
 
 const getCoupon = (id: string): Promise<any> => {
-  return api.get(`/api/coupons/${id}`).then((res) => res.data);
+  return api.get(`/api/coupons/${id}`).then((res: any) => res.data);
 };
 
 export default function PromotionCodeDetail(props: { id: string }) {

package/src/pages/admin/products/promotion-codes/list.tsx

@@ -32,7 +32,7 @@ const fetchPromotionCodes = (
       }
     }
   });
-  return api.get(`/api/promotion-codes?${search.toString()}`).then((res) => res.data);
+  return api.get(`/api/promotion-codes?${search.toString()}`).then((res: any) => res.data);
 };
 
 type SearchProps = {

package/src/pages/admin/settings/payment-methods/create.tsx

@@ -66,7 +66,7 @@ export default function PaymentMethodCreate() {
         dispatch('drawer.submitted');
         dispatch('paymentMethod.created');
       })
-      .catch((err) => {
+      .catch((err: any) => {
         console.error(err);
         Toast.error(formatError(err));
       });

package/src/pages/admin/settings/payment-methods/edit.tsx

@@ -38,7 +38,7 @@ export default function PaymentMethodEdit({ onClose, value }: { onClose: () => v
         dispatch('drawer.submitted');
         dispatch('paymentMethod.updated');
       })
-      .catch((err) => {
+      .catch((err: any) => {
         setState({ loading: false });
         console.error(err);
         Toast.error(formatError(err));

package/src/pages/admin/settings/payment-methods/index.tsx

@@ -56,11 +56,11 @@ const getMethods = (
   Object.keys(params).forEach((key) => {
     search.set(key, String(params[key]));
   });
-  return api.get(`/api/payment-methods?${search.toString()}`).then((res) => res.data);
+  return api.get(`/api/payment-methods?${search.toString()}`).then((res: any) => res.data);
 };
 
 const updateApiHost = (id: string, params: Record<string, any>) => {
-  return api.put(`/api/payment-methods/${id}/settings`, { arcblock: params }).then((res) => res.data);
+  return api.put(`/api/payment-methods/${id}/settings`, { arcblock: params }).then((res: any) => res.data);
 };
 
 function EditApiHost({ method, refresh }: { method: TPaymentMethodExpanded; refresh: () => void }) {

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

@@ -24,7 +24,7 @@ import DrawerForm from '../../../components/drawer-form';
 import { goBackOrFallback } from '../../../libs/util';
 import { getTaxCodeInfo, getCountryInfo } from '../../../components/tax/tax-utils';
 
-const getTaxRate = (id: string) => api.get(`/api/tax-rates/${id}`).then((res) => res.data);
+const getTaxRate = (id: string) => api.get(`/api/tax-rates/${id}`).then((res: any) => res.data);
 
 type FormData = TaxRateFormValues & {
   metadata: Array<{ key: string; value: string }>;
@@ -81,7 +81,7 @@ export default function TaxRateDetail({ id }: Props) {
     },
   });
 
-  const { data, loading, error, runAsync } = useRequest(() => getTaxRate(id));
+  const { data, loading, error, runAsync } = useRequest<any, any[]>(() => getTaxRate(id));
 
   if (loading && !data) {
     return <CircularProgress />;

package/src/pages/admin/tax/list.tsx

@@ -36,7 +36,7 @@ const fetchTaxRates = (params: Record<string, any> = {}): Promise<{ list: any[];
     search.set(key, String(value));
   });
 
-  return api.get(`/api/tax-rates?${search.toString()}`).then((res) => res.data);
+  return api.get(`/api/tax-rates?${search.toString()}`).then((res: any) => res.data);
 };
 
 export default function TaxRatesList() {

package/src/pages/checkout/pay.tsx

@@ -1,4 +1,4 @@
-import { CheckoutForm } from '@blocklet/payment-react';
+import { CheckoutV2 } from '@blocklet/payment-react';
 import { useSearchParams } from 'react-router-dom';
 
 type Props = {
@@ -34,5 +34,5 @@ export default function Payment({ id }: Props) {
     }
   };
 
-  return <CheckoutForm mode="standalone" id={id} onPaid={onPaid} />;
+  return <CheckoutV2 mode="standalone" id={id} onPaid={onPaid} />;
 }

package/src/pages/customer/index.tsx

@@ -60,7 +60,7 @@ type Result = TCustomerExpanded & {
 };
 
 const fetchData = (): Promise<Result> => {
-  return api.get('/api/customers/me?skipError=true&create=true').then((res) => res.data);
+  return api.get('/api/customers/me?skipError=true&create=true').then((res: any) => res.data);
 };
 
 const emptyObject = {};

package/src/pages/customer/invoice/past-due.tsx

@@ -25,7 +25,7 @@ import { goBackOrFallback } from '../../../libs/util';
 import { useArcsphere } from '../../../hooks/browser';
 
 const fetchData = (): Promise<TCustomerExpanded> => {
-  return api.get('/api/customers/me').then((res) => res.data);
+  return api.get('/api/customers/me').then((res: any) => res.data);
 };
 
 export default function CustomerInvoicePastDue() {

package/src/pages/customer/payout/detail.tsx

@@ -34,7 +34,7 @@ const fetchData = (
     paymentLink: TPaymentLink;
   }
 > => {
-  return api.get(`/api/payouts/${id}`).then((res) => res.data);
+  return api.get(`/api/payouts/${id}`).then((res: any) => res.data);
 };
 
 export default function PayoutDetail() {

package/src/pages/customer/refund/list.tsx

@@ -34,7 +34,7 @@ const fetchData = (params: Record<string, any> = {}): Promise<Paginated<TRefundE
   Object.keys(params).forEach((key) => {
     search.set(key, String(params[key]));
   });
-  return api.get(`/api/refunds?${search.toString()}`).then((res) => res.data);
+  return api.get(`/api/refunds?${search.toString()}`).then((res: any) => res.data);
 };
 
 type Props = {

package/src/pages/customer/subscription/change-payment.tsx

@@ -39,8 +39,8 @@ import { useArcsphere } from '../../../hooks/browser';
 
 const fetchData = async (id: string): Promise<{ subscription: TSubscriptionExpanded; customer: TCustomer }> => {
   const [subscription, customer] = await Promise.all([
-    api.get(`/api/subscriptions/${id}`).then((res) => res.data),
-    api.get('/api/customers/me').then((res) => res.data),
+    api.get(`/api/subscriptions/${id}`).then((res: any) => res.data),
+    api.get('/api/customers/me').then((res: any) => res.data),
   ]);
 
   return {

package/src/pages/customer/subscription/change-plan.tsx

@@ -135,8 +135,8 @@ const fetchData = async (
   id: string
 ): Promise<{ subscription: TSubscriptionExpanded; table: TPricingTableExpanded }> => {
   const [subscription, table] = await Promise.all([
-    api.get(`/api/subscriptions/${id}`).then((res) => res.data),
-    api.get(`/api/subscriptions/${id}/change-plan`).then((res) => res.data),
+    api.get(`/api/subscriptions/${id}`).then((res: any) => res.data),
+    api.get(`/api/subscriptions/${id}/change-plan`).then((res: any) => res.data),
   ]);
 
   return {
@@ -154,7 +154,7 @@ type UpdateItem = {
 };
 
 const simulateUpdate = ({ id, items }: { id: string; items: UpdateItem[] }) => {
-  return api.post(`/api/subscriptions/${id}/change-plan`, { items }).then((res) => res.data);
+  return api.post(`/api/subscriptions/${id}/change-plan`, { items }).then((res: any) => res.data);
 };
 
 export default function CustomerSubscriptionChangePlan() {

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

@@ -73,20 +73,20 @@ import { useArcsphere } from '../../../hooks/browser';
 const defaultSlippageConfig: SlippageConfigValue = { mode: 'percent', percent: 0.5 };
 
 const fetchData = (id: string | undefined): Promise<TSubscriptionExpanded> => {
-  return api.get(`/api/subscriptions/${id}`).then((res) => res.data);
+  return api.get(`/api/subscriptions/${id}`).then((res: any) => res.data);
 };
 
 const fetchOverdraftProtection = (
   id: string
 ): Promise<{ enabled: boolean; remaining: string; unused: string; upcoming: { amount: string }; gas: string }> => {
-  return api.get(`/api/subscriptions/${id}/overdraft-protection`).then((res) => res.data);
+  return api.get(`/api/subscriptions/${id}/overdraft-protection`).then((res: any) => res.data);
 };
 
 const fetchCycleAmount = (
   subscriptionId: string,
   params: { overdraftProtection: boolean }
 ): Promise<{ amount: string; gas: string; currency: TPaymentCurrency }> => {
-  return api.get(`/api/subscriptions/${subscriptionId}/cycle-amount`, { params }).then((res) => res.data);
+  return api.get(`/api/subscriptions/${subscriptionId}/cycle-amount`, { params }).then((res: any) => res.data);
 };
 
 export default function CustomerSubscriptionDetail() {

package/src/pages/integrations/donations/index.tsx

@@ -52,7 +52,7 @@ const fetchData = (params: Record<string, any> = {}): Promise<any> => {
     }
     search.set(key, String(v));
   });
-  return api.get(`/api/settings/donate?${search.toString()}`).then((res) => res.data);
+  return api.get(`/api/settings/donate?${search.toString()}`).then((res: any) => res.data);
 };
 
 function CodeExample({ code }: { code: string }) {

package/vite.config.ts

@@ -35,8 +35,9 @@ export default defineConfig(({ mode }) => {
 
   if (isDevelopment) {
     alias['@blocklet/payment-react'] = path.resolve(__dirname, '../../packages/react/src');
+    alias['@blocklet/payment-react-headless'] = path.resolve(__dirname, '../../packages/payment-react-headless/src');
     alias['@blocklet/payment-js'] = path.resolve(__dirname, '../../packages/client/src');
-    exclude.push('@blocklet/payment-react', '@blocklet/payment-js');
+    exclude.push('@blocklet/payment-react', '@blocklet/payment-react-headless', '@blocklet/payment-js');
   }
 
   if (isProduction) {