@blocklet/payment-react 1.16.12 → 1.16.16

package/es/checkout/donate.d.ts

@@ -1,7 +1,6 @@
-/// <reference types="react" />
 import type { DonationSettings, TCheckoutSessionExpanded, TPaymentCurrency, TPaymentMethod } from '@blocklet/payment-types';
-import { ButtonProps as MUIButtonProps } from '@mui/material';
-import { CheckoutProps, PaymentThemeOptions } from '../types';
+import { type ButtonProps as MUIButtonProps } from '@mui/material';
+import type { CheckoutProps, PaymentThemeOptions } from '../types';
 export type DonateHistory = {
     supporters: TCheckoutSessionExpanded[];
     currency: TPaymentCurrency;

package/es/checkout/donate.js

@@ -31,7 +31,7 @@ const donationCache = {};
 const createOrUpdateDonation = (settings, livemode = true) => {
   const donationKey = `${settings.target}-${livemode}`;
   if (!donationCache[donationKey]) {
-    donationCache[donationKey] = api.post(`/api/donations?livemode=${livemode}`, omit(settings, ["appearance"])).then((res) => res.data).finally(() => {
+    donationCache[donationKey] = api.post(`/api/donations?livemode=${livemode}`, omit(settings, ["appearance"])).then((res) => res?.data).finally(() => {
       setTimeout(() => {
         delete donationCache[donationKey];
       }, 3e3);
@@ -42,7 +42,7 @@ const createOrUpdateDonation = (settings, livemode = true) => {
 const supporterCache = {};
 const fetchSupporters = (target, livemode = true) => {
   if (!supporterCache[target]) {
-    supporterCache[target] = api.get("/api/donations", { params: { target, livemode } }).then((res) => res.data).finally(() => {
+    supporterCache[target] = api.get("/api/donations", { params: { target, livemode } }).then((res) => res?.data).finally(() => {
       setTimeout(() => {
         delete supporterCache[target];
       }, 3e3);

package/es/checkout/form.d.ts

@@ -1,5 +1,4 @@
-/// <reference types="react" />
-import { CheckoutProps } from '../types';
+import type { CheckoutProps } from '../types';
 declare function CheckoutForm({ id, mode, onPaid, onError, onChange, goBack, extraParams, action, theme, ...restProps }: CheckoutProps): import("react").JSX.Element;
 declare namespace CheckoutForm {
     var defaultProps: {

package/es/checkout/form.js

@@ -10,7 +10,7 @@ import { PaymentThemeProvider } from "../theme/index.js";
 const promises = {};
 const startFromPaymentLink = (id, params) => {
   if (!promises[id]) {
-    promises[id] = api.post(`/api/checkout-sessions/start/${id}?${mergeExtraParams(params)}`).then((res) => res.data).finally(() => {
+    promises[id] = api.post(`/api/checkout-sessions/start/${id}?${mergeExtraParams(params)}`).then((res) => res?.data).finally(() => {
       setTimeout(() => {
         delete promises[id];
       }, 3e3);

package/es/checkout/table.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
-import { CheckoutProps } from '../types';
+import type { CheckoutProps } from '../types';
 export default function CheckoutTable(props: CheckoutProps): import("react").JSX.Element;

package/es/components/blockchain/gas.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { PaymentDetails, TPaymentMethod } from '@blocklet/payment-types';
 declare function TxGas(props: {
     details: PaymentDetails;

package/es/components/blockchain/tx.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { PaymentDetails, TPaymentMethod } from '@blocklet/payment-types';
 declare function TxLink(props: {
     details: PaymentDetails;

package/es/components/country-select.d.ts

@@ -1,6 +1,5 @@
-/// <reference types="react" />
-import { SxProps } from '@mui/material';
-import { CountryIso2 } from 'react-international-phone';
+import type { SxProps } from '@mui/material';
+import type { CountryIso2 } from 'react-international-phone';
 export type CountrySelectProps = {
     value: CountryIso2;
     onChange: (value: CountryIso2) => void;

package/es/components/input.d.ts

@@ -1,25 +1,24 @@
-/// <reference types="react" />
-import { RegisterOptions } from 'react-hook-form';
+import type { RegisterOptions } from 'react-hook-form';
 declare const FormInput: import("react").ForwardRefExoticComponent<(Omit<import("@mui/material").OutlinedTextFieldProps & {
     name: string;
-    label?: string | undefined;
-    placeholder?: string | undefined;
-    errorPosition?: "bottom" | "right" | undefined;
-    rules?: RegisterOptions<import("react-hook-form").FieldValues, string> | undefined;
+    label?: string;
+    placeholder?: string;
+    errorPosition?: "right" | "bottom";
+    rules?: RegisterOptions;
     wrapperStyle?: any;
 }, "ref"> | Omit<import("@mui/material").FilledTextFieldProps & {
     name: string;
-    label?: string | undefined;
-    placeholder?: string | undefined;
-    errorPosition?: "bottom" | "right" | undefined;
-    rules?: RegisterOptions<import("react-hook-form").FieldValues, string> | undefined;
+    label?: string;
+    placeholder?: string;
+    errorPosition?: "right" | "bottom";
+    rules?: RegisterOptions;
     wrapperStyle?: any;
 }, "ref"> | Omit<import("@mui/material").StandardTextFieldProps & {
     name: string;
-    label?: string | undefined;
-    placeholder?: string | undefined;
-    errorPosition?: "bottom" | "right" | undefined;
-    rules?: RegisterOptions<import("react-hook-form").FieldValues, string> | undefined;
+    label?: string;
+    placeholder?: string;
+    errorPosition?: "right" | "bottom";
+    rules?: RegisterOptions;
     wrapperStyle?: any;
 }, "ref">) & import("react").RefAttributes<HTMLInputElement>>;
 export default FormInput;

package/es/components/livemode.d.ts

@@ -1,5 +1,4 @@
-/// <reference types="react" />
-import { ChipOwnProps } from '@mui/material';
+import type { ChipOwnProps } from '@mui/material';
 type Props = {
     color?: string;
     backgroundColor?: string;

package/es/components/over-due-invoice-payment.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { Invoice, PaymentCurrency, PaymentMethod, Subscription } from '@blocklet/payment-types';
 type DialogProps = {
     open?: boolean;

package/es/components/pricing-item.d.ts

@@ -1,6 +1,5 @@
-/// <reference types="react" />
 import type { TProductExpanded } from '@blocklet/payment-types';
-import { PricingRenderProps } from '../types';
+import type { PricingRenderProps } from '../types';
 export type PricingItemProps = {
     productId: string;
     quantity: number;

package/es/components/pricing-item.js

@@ -8,7 +8,7 @@ import { Box } from "@mui/system";
 import api from "../libs/api.js";
 import { formatError, formatTotalPrice } from "../libs/util.js";
 const fetchProduct = (productId) => {
-  return api.get(`/api/products/${productId}`).then((res) => res.data);
+  return api.get(`/api/products/${productId}`).then((res) => res?.data);
 };
 function PricingItem({ productId, quantity, children, priceId }) {
   const { locale } = useLocaleContext();

package/es/components/pricing-table.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { TPricingTableExpanded } from '@blocklet/payment-types';
 type Props = {
     table: TPricingTableExpanded;

package/es/components/status.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
-import { ChipProps } from '@mui/material';
+import type { ChipProps } from '@mui/material';
 export default function Status(props: ChipProps): import("react").JSX.Element;

package/es/components/switch-button.d.ts

@@ -1,6 +1,7 @@
 import type { LiteralUnion } from 'type-fest';
-type SwitchProps = {
+import type { SwitchProps as MuiSwitchProps } from '@mui/material';
+type CustomSwitchProps = {
     variant?: LiteralUnion<'success' | 'error' | 'warning' | 'info' | 'primary' | 'secondary', string>;
-};
-declare const _default: import("@emotion/styled").StyledComponent<import("@mui/material").SwitchProps & import("@mui/system").MUIStyledCommonProps<import("@mui/system").Theme> & SwitchProps, {}, {}>;
-export default _default;
+} & MuiSwitchProps;
+declare const SwitchButton: React.FC<CustomSwitchProps>;
+export default SwitchButton;

package/es/components/switch-button.js

@@ -1,42 +1,45 @@
 import { Switch } from "@mui/material";
 import { styled } from "@mui/system";
-export default styled(Switch)(({ variant = "success", theme }) => ({
-  width: 28,
-  height: 16,
-  padding: 0,
-  display: "inline-flex",
-  "&:active": {
-    "& .MuiSwitch-thumb": {
-      width: 15
+const SwitchButton = styled(Switch)(
+  ({ variant = "success", theme }) => ({
+    width: 28,
+    height: 16,
+    padding: 0,
+    display: "inline-flex",
+    "&:active": {
+      "& .MuiSwitch-thumb": {
+        width: 15
+      },
+      "& .MuiSwitch-switchBase.Mui-checked": {
+        transform: "translateX(9px)"
+      }
     },
-    "& .MuiSwitch-switchBase.Mui-checked": {
-      transform: "translateX(9px)"
-    }
-  },
-  "& .MuiSwitch-switchBase": {
-    padding: 2,
-    "&.Mui-checked": {
-      transform: "translateX(12px)",
-      color: "#fff",
-      "& + .MuiSwitch-track": {
-        opacity: 1,
-        backgroundColor: theme.palette[variant]?.light
+    "& .MuiSwitch-switchBase": {
+      padding: 2,
+      "&.Mui-checked": {
+        transform: "translateX(12px)",
+        color: "#fff",
+        "& + .MuiSwitch-track": {
+          opacity: 1,
+          backgroundColor: theme.palette[variant]?.light
+        }
       }
+    },
+    "& .MuiSwitch-thumb": {
+      boxShadow: "0 2px 4px 0 rgb(0 35 11 / 20%)",
+      width: 12,
+      height: 12,
+      borderRadius: 6,
+      transition: theme.transitions?.create(["width"], {
+        duration: 200
+      })
+    },
+    "& .MuiSwitch-track": {
+      borderRadius: 16 / 2,
+      opacity: 1,
+      backgroundColor: theme.palette.mode === "dark" ? "rgba(255,255,255,.35)" : "rgba(0,0,0,.25)",
+      boxSizing: "border-box"
     }
-  },
-  "& .MuiSwitch-thumb": {
-    boxShadow: "0 2px 4px 0 rgb(0 35 11 / 20%)",
-    width: 12,
-    height: 12,
-    borderRadius: 6,
-    transition: theme.transitions?.create(["width"], {
-      duration: 200
-    })
-  },
-  "& .MuiSwitch-track": {
-    borderRadius: 16 / 2,
-    opacity: 1,
-    backgroundColor: theme.palette.mode === "dark" ? "rgba(255,255,255,.35)" : "rgba(0,0,0,.25)",
-    boxSizing: "border-box"
-  }
-}));
+  })
+);
+export default SwitchButton;

package/es/components/truncated-text.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 interface TruncatedTextProps {
     text?: string;
     maxLength?: number;

package/es/contexts/payment.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { TPaymentCurrency, TPaymentMethodExpanded } from '@blocklet/payment-types';
 import type { Axios } from 'axios';
 export interface Settings {

package/es/history/invoice/list.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 type Props = {
     customer_id?: string;
     subscription_id?: string;

package/es/history/payment/list.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 type Props = {
     customer_id: string;
 };

package/es/libs/util.d.ts

@@ -1,6 +1,5 @@
-/// <reference types="react" />
 import type { PaymentDetails, PriceCurrency, PriceRecurring, TInvoiceExpanded, TLineItemExpanded, TPaymentCurrency, TPaymentCurrencyExpanded, TPaymentMethod, TPaymentMethodExpanded, TPrice, TProductExpanded, TSubscriptionExpanded, TSubscriptionItemExpanded } from '@blocklet/payment-types';
-import { ActionProps, PricingRenderProps } from '../types';
+import type { ActionProps, PricingRenderProps } from '../types';
 export declare const PAYMENT_KIT_DID = "z2qaCNvKMv5GjouKdcDWexv6WqtHbpNPQDnAk";
 export declare const isPaymentKitMounted: () => any;
 export declare const getPrefix: () => string;
@@ -85,9 +84,7 @@ export declare const getSubscriptionAction: (subscription: TSubscriptionExpanded
     sx?: any;
 } | null;
 export declare const mergeExtraParams: (extra?: Record<string, any>) => string;
-export declare const flattenPaymentMethods: (methods?: TPaymentMethodExpanded[]) => import("sequelize").InferAttributes<import("@blocklet/payment-types").PaymentCurrency, {
-    omit: never;
-}>[];
+export declare const flattenPaymentMethods: (methods?: TPaymentMethodExpanded[]) => TPaymentCurrency[];
 export declare const getTxLink: (method: TPaymentMethod, details: PaymentDetails) => {
     link: string;
     text: string;

package/es/libs/util.js

@@ -30,7 +30,7 @@ export const getPrefix = () => {
   if (componentId === PAYMENT_KIT_DID) {
     return joinURL(baseUrl, prefix);
   }
-  const component = (window.blocklet?.componentMountPoints || []).find((x) => x.did === PAYMENT_KIT_DID);
+  const component = (window.blocklet?.componentMountPoints || []).find((x) => x?.did === PAYMENT_KIT_DID);
   if (component) {
     return joinURL(baseUrl, component.mountPoint);
   }

package/es/locales/index.d.ts

@@ -3,7 +3,7 @@ export declare const translations: {
     en: any;
 };
 export declare const createTranslator: ({ fallbackLocale }: {
-    fallbackLocale?: string | undefined;
+    fallbackLocale?: string;
 }, langs?: any) => (key: string, locale?: string, data?: Record<string, any>) => string;
 export declare const translate: (key: string, locale?: string, data?: Record<string, any>) => string;
 export declare const t: (key: string, locale?: string, data?: Record<string, any>) => string;

package/es/payment/amount.d.ts

@@ -1,5 +1,4 @@
-/// <reference types="react" />
-import { TypographyProps } from '@mui/material';
+import type { TypographyProps } from '@mui/material';
 type Props = {
     amount: string;
 } & TypographyProps;

package/es/payment/error.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { LiteralUnion } from 'type-fest';
 type ModeType = LiteralUnion<'standalone' | 'inline' | 'popup' | 'inline-minimal' | 'popup-minimal', string>;
 type Props = {

package/es/payment/footer.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export default function CheckoutFooter({ ...props }: {
     [x: string]: any;
 }): import("react").JSX.Element;

package/es/payment/form/addon.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
 export default function UserButtons(): import("react").JSX.Element;

package/es/payment/form/address.d.ts

@@ -1,5 +1,4 @@
-/// <reference types="react" />
-import { SxProps } from '@mui/material';
+import type { SxProps } from '@mui/material';
 type Props = {
     mode: string;
     stripe: boolean;

package/es/payment/form/currency.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { TPaymentCurrency } from '@blocklet/payment-types';
 type Props = {
     value: number;

package/es/payment/form/index.d.ts

@@ -1,6 +1,5 @@
-/// <reference types="react" />
 import 'react-international-phone/style.css';
-import { CheckoutCallbacks, CheckoutContext } from '../../types';
+import type { CheckoutCallbacks, CheckoutContext } from '../../types';
 type PageData = CheckoutContext & CheckoutCallbacks;
 declare function PaymentForm({ checkoutSession, paymentMethods, paymentIntent, paymentLink, customer, onPaid, onError, action, currencyId, }: PageData): import("react").JSX.Element;
 declare namespace PaymentForm {

package/es/payment/form/index.js

@@ -40,7 +40,10 @@ const waitForCheckoutComplete = async (sessionId) => {
         throw new Error(data.paymentIntent.last_payment_error.message);
       }
       result = data;
-      return data.checkoutSession?.status === "complete" && ["paid", "no_payment_required"].includes(data.checkoutSession?.payment_status);
+      return (
+        // eslint-disable-next-line @typescript-eslint/return-await
+        data.checkoutSession?.status === "complete" && ["paid", "no_payment_required"].includes(data.checkoutSession?.payment_status)
+      );
     },
     { interval: 2e3, timeout: 3 * 60 * 1e3 }
   );

package/es/payment/form/phone.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export default function PhoneInput({ ...props }: {
     [x: string]: any;
 }): import("react").JSX.Element;

package/es/payment/form/stripe/form.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { TCustomer } from '@blocklet/payment-types';
 export type StripeCheckoutFormProps = {
     clientSecret: string;

package/es/payment/form/stripe/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { StripeCheckoutProps } from './form';
 declare global {
     interface Window {

package/es/payment/header.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { TCheckoutSessionExpanded } from '@blocklet/payment-types';
 type Props = {
     checkoutSession: TCheckoutSessionExpanded;

package/es/payment/index.d.ts

@@ -1,6 +1,6 @@
-/// <reference types="react" />
+import { type BoxProps } from '@mui/material';
 import type { LiteralUnion } from 'type-fest';
-import { CheckoutCallbacks, CheckoutContext } from '../types';
+import type { CheckoutCallbacks, CheckoutContext } from '../types';
 type Props = CheckoutContext & CheckoutCallbacks & {
     completed?: boolean;
     error?: any;
@@ -15,8 +15,7 @@ declare namespace Payment {
     };
 }
 export default Payment;
-export declare const Root: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/system").Theme> & {
+type RootProps = {
     mode: LiteralUnion<'standalone' | 'inline' | 'popup', string>;
-}, {}, {}>;
+} & BoxProps;
+export declare const Root: React.FC<RootProps>;

package/es/payment/product-card.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { LiteralUnion } from 'type-fest';
 type Props = {
     name: string;

package/es/payment/product-donation.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { DonationSettings, TLineItemExpanded, TPaymentCurrency } from '@blocklet/payment-types';
 export default function ProductDonation({ item, settings, onChange, currency, }: {
     item: TLineItemExpanded;

package/es/payment/product-skeleton.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export default function ProductSkeleton({ count }: {
     count: number;
 }): import("react").JSX.Element;

package/es/payment/skeleton/overview.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
 export default function OverviewSkeleton(): import("react").JSX.Element;

package/es/payment/skeleton/payment.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
 export default function PaymentSkeleton(): import("react").JSX.Element;

package/es/payment/success.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 type Props = {
     mode: string;
     message: string;

package/es/payment/summary.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { DonationSettings, TLineItemExpanded, TPaymentCurrency } from '@blocklet/payment-types';
 type Props = {
     items: TLineItemExpanded[];

package/es/payment/summary.js

@@ -2,17 +2,7 @@ import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { useLocaleContext } from "@arcblock/ux/lib/Locale/context";
 import { HelpOutline } from "@mui/icons-material";
 import { LoadingButton } from "@mui/lab";
-import {
-  Box,
-  Divider,
-  Fade,
-  Grow,
-  Stack,
-  Tooltip,
-  Typography,
-  Collapse,
-  IconButton
-} from "@mui/material";
+import { Box, Divider, Fade, Grow, Stack, Tooltip, Typography, Collapse, IconButton } from "@mui/material";
 import { BN, fromTokenToUnit, fromUnitToToken } from "@ocap/util";
 import { useRequest, useSetState } from "ahooks";
 import noop from "lodash/noop";

package/es/theme/index.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { typography } from './typography';
 import './index.css';
-import { PaymentThemeOptions } from '../types';
+import type { PaymentThemeOptions } from '../types';
 export { typography };
 export declare function PaymentThemeProvider({ children, theme: customTheme, }: {
     children: React.ReactNode;

package/es/types/index.d.ts

@@ -1,6 +1,6 @@
 import type { TCheckoutSessionExpanded, TCustomer, TPaymentIntent, TPaymentLink, TPaymentMethodExpanded } from '@blocklet/payment-types';
-import { SxProps, ThemeOptions } from '@mui/material';
-import { LiteralUnion } from 'type-fest';
+import type { SxProps, ThemeOptions } from '@mui/material';
+import type { LiteralUnion } from 'type-fest';
 export type CheckoutContext = {
     checkoutSession: TCheckoutSessionExpanded;
     paymentMethods: TPaymentMethodExpanded[];

package/lib/checkout/donate.d.ts

@@ -1,7 +1,6 @@
-/// <reference types="react" />
 import type { DonationSettings, TCheckoutSessionExpanded, TPaymentCurrency, TPaymentMethod } from '@blocklet/payment-types';
-import { ButtonProps as MUIButtonProps } from '@mui/material';
-import { CheckoutProps, PaymentThemeOptions } from '../types';
+import { type ButtonProps as MUIButtonProps } from '@mui/material';
+import type { CheckoutProps, PaymentThemeOptions } from '../types';
 export type DonateHistory = {
     supporters: TCheckoutSessionExpanded[];
     currency: TPaymentCurrency;

package/lib/checkout/donate.js

@@ -23,7 +23,7 @@ const donationCache = {};
 const createOrUpdateDonation = (settings, livemode = true) => {
   const donationKey = `${settings.target}-${livemode}`;
   if (!donationCache[donationKey]) {
-    donationCache[donationKey] = _api.default.post(`/api/donations?livemode=${livemode}`, (0, _omit.default)(settings, ["appearance"])).then(res => res.data).finally(() => {
+    donationCache[donationKey] = _api.default.post(`/api/donations?livemode=${livemode}`, (0, _omit.default)(settings, ["appearance"])).then(res => res?.data).finally(() => {
       setTimeout(() => {
         delete donationCache[donationKey];
       }, 3e3);
@@ -39,7 +39,7 @@ const fetchSupporters = (target, livemode = true) => {
         target,
         livemode
       }
-    }).then(res => res.data).finally(() => {
+    }).then(res => res?.data).finally(() => {
       setTimeout(() => {
         delete supporterCache[target];
       }, 3e3);

package/lib/checkout/form.d.ts

@@ -1,5 +1,4 @@
-/// <reference types="react" />
-import { CheckoutProps } from '../types';
+import type { CheckoutProps } from '../types';
 declare function CheckoutForm({ id, mode, onPaid, onError, onChange, goBack, extraParams, action, theme, ...restProps }: CheckoutProps): import("react").JSX.Element;
 declare namespace CheckoutForm {
     var defaultProps: {

package/lib/checkout/form.js

@@ -17,7 +17,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 const promises = {};
 const startFromPaymentLink = (id, params) => {
   if (!promises[id]) {
-    promises[id] = _api.default.post(`/api/checkout-sessions/start/${id}?${(0, _util.mergeExtraParams)(params)}`).then(res => res.data).finally(() => {
+    promises[id] = _api.default.post(`/api/checkout-sessions/start/${id}?${(0, _util.mergeExtraParams)(params)}`).then(res => res?.data).finally(() => {
       setTimeout(() => {
         delete promises[id];
       }, 3e3);

package/lib/checkout/table.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
-import { CheckoutProps } from '../types';
+import type { CheckoutProps } from '../types';
 export default function CheckoutTable(props: CheckoutProps): import("react").JSX.Element;

package/lib/components/blockchain/gas.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { PaymentDetails, TPaymentMethod } from '@blocklet/payment-types';
 declare function TxGas(props: {
     details: PaymentDetails;

package/lib/components/blockchain/tx.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { PaymentDetails, TPaymentMethod } from '@blocklet/payment-types';
 declare function TxLink(props: {
     details: PaymentDetails;

package/lib/components/country-select.d.ts

@@ -1,6 +1,5 @@
-/// <reference types="react" />
-import { SxProps } from '@mui/material';
-import { CountryIso2 } from 'react-international-phone';
+import type { SxProps } from '@mui/material';
+import type { CountryIso2 } from 'react-international-phone';
 export type CountrySelectProps = {
     value: CountryIso2;
     onChange: (value: CountryIso2) => void;