@blocklet/payment-react 1.18.56 → 1.19.0

package/es/components/payment-beneficiaries.d.ts

@@ -15,10 +15,5 @@ interface BenefitsProps {
     };
     totalAmount?: string;
 }
-declare function PaymentBeneficiaries({ data, currency, totalAmount }: BenefitsProps): import("react").JSX.Element;
-declare namespace PaymentBeneficiaries {
-    var defaultProps: {
-        totalAmount: string;
-    };
-}
-export default PaymentBeneficiaries;
+export default function PaymentBeneficiaries({ data, currency, totalAmount }: BenefitsProps): import("react").JSX.Element;
+export {};

package/es/components/payment-beneficiaries.js

@@ -2,22 +2,28 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { Avatar, Box, Stack, Typography } from "@mui/material";
 import { BN, fromUnitToToken } from "@ocap/util";
 import { useLocaleContext } from "@arcblock/ux/lib/Locale/context";
-PaymentBeneficiaries.defaultProps = {
-  totalAmount: "0"
-};
-export default function PaymentBeneficiaries({ data, currency, totalAmount }) {
+export default function PaymentBeneficiaries({ data, currency, totalAmount = "0" }) {
   const { t } = useLocaleContext();
   return /* @__PURE__ */ jsxs(Stack, { spacing: 2, children: [
-    /* @__PURE__ */ jsx(Typography, { variant: "subtitle2", color: "text.secondary", children: t("benefits.title", { count: data.length }) }),
+    /* @__PURE__ */ jsx(
+      Typography,
+      {
+        variant: "subtitle2",
+        sx: {
+          color: "text.secondary"
+        },
+        children: t("benefits.title", { count: data.length })
+      }
+    ),
     data.map((item) => {
       const amount = item.amount || (totalAmount ? new BN(totalAmount).mul(new BN(Number(item.percent))).div(new BN(100)).toString() : "0");
       return /* @__PURE__ */ jsxs(
         Stack,
         {
           direction: { xs: "column", sm: "row" },
-          alignItems: "center",
-          justifyContent: "space-between",
           sx: {
+            alignItems: "center",
+            justifyContent: "space-between",
             px: 0.5,
             borderRadius: 1,
             bgcolor: "background.paper",
@@ -26,41 +32,81 @@ export default function PaymentBeneficiaries({ data, currency, totalAmount }) {
             }
           },
           children: [
-            /* @__PURE__ */ jsxs(Stack, { direction: "row", spacing: 1.5, alignItems: "center", sx: { width: { xs: "100%", sm: "auto" } }, children: [
-              /* @__PURE__ */ jsx(Avatar, { src: item.avatar, alt: item.name, sx: { width: 32, height: 32 }, variant: "square" }),
-              /* @__PURE__ */ jsxs(Box, { children: [
-                /* @__PURE__ */ jsx(
-                  Typography,
-                  {
-                    variant: "subtitle2",
-                    onClick: () => {
-                      if (item.url) {
-                        window.open(item.url, "_blank");
+            /* @__PURE__ */ jsxs(
+              Stack,
+              {
+                direction: "row",
+                spacing: 1.5,
+                sx: {
+                  alignItems: "center",
+                  width: { xs: "100%", sm: "auto" }
+                },
+                children: [
+                  /* @__PURE__ */ jsx(Avatar, { src: item.avatar, alt: item.name, sx: { width: 32, height: 32 }, variant: "square" }),
+                  /* @__PURE__ */ jsxs(Box, { children: [
+                    /* @__PURE__ */ jsx(
+                      Typography,
+                      {
+                        variant: "subtitle2",
+                        onClick: () => {
+                          if (item.url) {
+                            window.open(item.url, "_blank");
+                          }
+                        },
+                        sx: {
+                          cursor: item.url ? "pointer" : "default",
+                          "&:hover": {
+                            color: item.url ? "text.link" : "inherit"
+                          }
+                        },
+                        children: item.name
                       }
-                    },
-                    sx: {
-                      cursor: item.url ? "pointer" : "default",
-                      "&:hover": {
-                        color: item.url ? "text.link" : "inherit"
+                    ),
+                    /* @__PURE__ */ jsx(
+                      Typography,
+                      {
+                        variant: "caption",
+                        sx: {
+                          color: "text.secondary",
+                          cursor: "pointer"
+                        },
+                        children: item.address
                       }
-                    },
-                    children: item.name
-                  }
-                ),
-                /* @__PURE__ */ jsx(Typography, { variant: "caption", color: "text.secondary", sx: { cursor: "pointer" }, children: item.address })
-              ] })
-            ] }),
-            /* @__PURE__ */ jsxs(Stack, { alignItems: "flex-end", sx: { width: { xs: "100%", sm: "auto" }, mt: { xs: 1, sm: 0 } }, children: [
-              /* @__PURE__ */ jsxs(Typography, { variant: "subtitle2", children: [
-                fromUnitToToken(amount, currency.decimal),
-                " ",
-                currency.symbol
-              ] }),
-              /* @__PURE__ */ jsxs(Typography, { variant: "caption", color: "text.secondary", children: [
-                Number(item.percent),
-                "%"
-              ] })
-            ] })
+                    )
+                  ] })
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsxs(
+              Stack,
+              {
+                sx: {
+                  alignItems: "flex-end",
+                  width: { xs: "100%", sm: "auto" },
+                  mt: { xs: 1, sm: 0 }
+                },
+                children: [
+                  /* @__PURE__ */ jsxs(Typography, { variant: "subtitle2", children: [
+                    fromUnitToToken(amount, currency.decimal),
+                    " ",
+                    currency.symbol
+                  ] }),
+                  /* @__PURE__ */ jsxs(
+                    Typography,
+                    {
+                      variant: "caption",
+                      sx: {
+                        color: "text.secondary"
+                      },
+                      children: [
+                        Number(item.percent),
+                        "%"
+                      ]
+                    }
+                  )
+                ]
+              }
+            )
           ]
         },
         item.address

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

@@ -7,9 +7,4 @@ export type PricingItemProps = {
     children?: (pricing: PricingRenderProps, product?: TProductExpanded | undefined) => React.ReactNode;
 };
 declare function PricingItem({ productId, quantity, children, priceId }: PricingItemProps): import("react").JSX.Element;
-declare namespace PricingItem {
-    var defaultProps: {
-        children: null;
-    };
-}
 export default PricingItem;

package/es/components/pricing-item.js

@@ -10,7 +10,7 @@ import { formatError, formatTotalPrice } from "../libs/util.js";
 const fetchProduct = (productId) => {
   return api.get(`/api/products/${productId}`).then((res) => res?.data);
 };
-function PricingItem({ productId, quantity, children, priceId }) {
+function PricingItem({ productId, quantity, children = void 0, priceId }) {
   const { locale } = useLocaleContext();
   const { data: productInfo, loading = false } = useRequest(() => fetchProduct(productId), {
     refreshDeps: [productId],
@@ -37,7 +37,4 @@ function PricingItem({ productId, quantity, children, priceId }) {
   }
   return /* @__PURE__ */ jsx(Box, { children: children ? children(pricing, productInfo) : /* @__PURE__ */ jsx(Typography, { children: pricing?.totalPrice }) });
 }
-PricingItem.defaultProps = {
-  children: null
-};
 export default PricingItem;

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

@@ -7,13 +7,5 @@ type Props = {
     interval?: string;
     hideCurrency?: boolean;
 };
-declare function PricingTable({ table, alignItems, interval, mode, onSelect, hideCurrency }: Props): import("react").JSX.Element;
-declare namespace PricingTable {
-    var defaultProps: {
-        alignItems: string;
-        mode: string;
-        interval: string;
-        hideCurrency: boolean;
-    };
-}
-export default PricingTable;
+export default function PricingTable({ table, alignItems, interval, mode, onSelect, hideCurrency, }: Props): import("react").JSX.Element;
+export {};

package/es/components/pricing-table.js

@@ -55,13 +55,14 @@ const groupItemsByRecurring = (items, currency) => {
   });
   return { recurring, grouped };
 };
-PricingTable.defaultProps = {
-  alignItems: "center",
-  mode: "checkout",
-  interval: "",
-  hideCurrency: false
-};
-export default function PricingTable({ table, alignItems, interval, mode, onSelect, hideCurrency }) {
+export default function PricingTable({
+  table,
+  alignItems = "center",
+  interval = "",
+  mode = "checkout",
+  onSelect,
+  hideCurrency = false
+}) {
   const { t, locale } = useLocaleContext();
   const { isMobile } = useMobile();
   const {

package/es/components/resume-subscription.d.ts

@@ -12,14 +12,4 @@ type Props = {
     authToken?: string;
 };
 declare function RecoverSubscription({ subscriptionId, dialogProps, onResumed, successToast, authToken, }: Props): import("react").JSX.Element | null;
-declare namespace RecoverSubscription {
-    var defaultProps: {
-        onResumed: () => void;
-        dialogProps: {
-            open: boolean;
-        };
-        successToast: boolean;
-        authToken: undefined;
-    };
-}
 export default RecoverSubscription;

package/es/components/resume-subscription.js

@@ -27,11 +27,13 @@ const recoverSubscription = async (params) => {
 };
 function RecoverSubscription({
   subscriptionId,
-  dialogProps = {},
+  dialogProps = {
+    open: true
+  },
   onResumed = () => {
   },
   successToast = true,
-  authToken
+  authToken = void 0
 }) {
   const { t, locale } = useLocaleContext();
   const { connect } = usePaymentContext();
@@ -133,26 +135,45 @@ function RecoverSubscription({
       title: dialogProps?.title || t("payment.customer.recover.title"),
       sx: { "& .MuiDialogContent-root": { pt: 0 } },
       onClose: handleClose,
-      children: error ? /* @__PURE__ */ jsx(Alert, { severity: "error", children: error.message }) : /* @__PURE__ */ jsxs(Stack, { gap: 2, children: [
-        /* @__PURE__ */ jsx(Typography, { color: "text.secondary", variant: "body2", children: t("payment.customer.recover.description", {
-          date: formatToDate(Number(data?.subscription?.current_period_end || "0") * 1e3)
-        }) }),
-        needStake && /* @__PURE__ */ jsx(Alert, { severity: "warning", children: t("payment.customer.recover.stakeRequiredDescription") }),
-        /* @__PURE__ */ jsxs(Stack, { direction: "row", justifyContent: "flex-end", gap: 2, mt: 2, children: [
-          /* @__PURE__ */ jsx(Button, { variant: "outlined", color: "primary", onClick: handleClose, children: t("common.cancel") }),
-          /* @__PURE__ */ jsx(LoadingButton, { variant: "contained", size: "small", loading: recoverLoading, onClick: handleRecover, children: t("common.confirm") })
-        ] })
-      ] })
+      children: error ? /* @__PURE__ */ jsx(Alert, { severity: "error", children: error.message }) : /* @__PURE__ */ jsxs(
+        Stack,
+        {
+          sx: {
+            gap: 2
+          },
+          children: [
+            /* @__PURE__ */ jsx(
+              Typography,
+              {
+                variant: "body2",
+                sx: {
+                  color: "text.secondary"
+                },
+                children: t("payment.customer.recover.description", {
+                  date: formatToDate(Number(data?.subscription?.current_period_end || "0") * 1e3)
+                })
+              }
+            ),
+            needStake && /* @__PURE__ */ jsx(Alert, { severity: "warning", children: t("payment.customer.recover.stakeRequiredDescription") }),
+            /* @__PURE__ */ jsxs(
+              Stack,
+              {
+                direction: "row",
+                sx: {
+                  justifyContent: "flex-end",
+                  gap: 2,
+                  mt: 2
+                },
+                children: [
+                  /* @__PURE__ */ jsx(Button, { variant: "outlined", color: "primary", onClick: handleClose, children: t("common.cancel") }),
+                  /* @__PURE__ */ jsx(LoadingButton, { variant: "contained", size: "small", loading: recoverLoading, onClick: handleRecover, children: t("common.confirm") })
+                ]
+              }
+            )
+          ]
+        }
+      )
     }
   );
 }
-RecoverSubscription.defaultProps = {
-  onResumed: () => {
-  },
-  dialogProps: {
-    open: true
-  },
-  successToast: true,
-  authToken: void 0
-};
 export default RecoverSubscription;

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

@@ -3,12 +3,5 @@ interface TruncatedTextProps {
     maxLength?: number;
     useWidth?: boolean;
 }
-declare function TruncatedText({ text, maxLength, useWidth }: TruncatedTextProps): import("react").JSX.Element | null;
-declare namespace TruncatedText {
-    var defaultProps: {
-        useWidth: boolean;
-        text: string;
-        maxLength: number;
-    };
-}
-export default TruncatedText;
+export default function TruncatedText({ text, maxLength, useWidth }: TruncatedTextProps): import("react").JSX.Element | null;
+export {};

package/es/components/truncated-text.js

@@ -21,8 +21,3 @@ export default function TruncatedText({ text = "", maxLength = 100, useWidth = f
   }
   return /* @__PURE__ */ jsx(CustomTooltip, { title: text, placement: "bottom", enterTouchDelay: 0, children: /* @__PURE__ */ jsx(Typography, { children: truncatedText }) });
 }
-TruncatedText.defaultProps = {
-  useWidth: false,
-  text: "",
-  maxLength: 100
-};

package/es/contexts/donate.d.ts

@@ -28,13 +28,6 @@ export type DonateContextProps = {
 declare const DonateContext: import("react").Context<DonateContextType>;
 declare const Consumer: import("react").Consumer<DonateContextType>;
 declare function DonateProvider({ mountLocation, description, defaultSettings, children, active, enableDonate, }: DonateContextProps): import("react").JSX.Element | null;
-declare namespace DonateProvider {
-    var defaultProps: {
-        defaultSettings: {};
-        active: boolean;
-        enableDonate: boolean;
-    };
-}
 declare function useDonateContext(): DonateContextType;
 export declare const clearDonateCache: (mountLocation: string) => void;
 export declare const clearDonateSettings: (mountLocation: string) => Promise<void>;

package/es/contexts/donate.js

@@ -83,8 +83,7 @@ function DonateProvider({
   };
   const supportPaymentKit = getPaymentKitComponent();
   const handleEnable = async () => {
-    if (!enableDonate || !data || data?.active)
-      return;
+    if (!enableDonate || !data || data?.active) return;
     try {
       await api.put(`/api/settings/${data.id}`, { active: true });
       if (supportPaymentKit) {
@@ -111,7 +110,15 @@ function DonateProvider({
       },
       children: data?.active === false ? /* @__PURE__ */ jsxs(Fragment, { children: [
         enableDonate && isAdmin && /* @__PURE__ */ jsxs(Stack, { spacing: 1, sx: { alignItems: "center" }, children: [
-          /* @__PURE__ */ jsx(Typography, { color: "text.secondary", children: t("payment.checkout.donation.inactive") }),
+          /* @__PURE__ */ jsx(
+            Typography,
+            {
+              sx: {
+                color: "text.secondary"
+              },
+              children: t("payment.checkout.donation.inactive")
+            }
+          ),
           /* @__PURE__ */ jsx(
             Button,
             {
@@ -151,11 +158,6 @@ function useDonateContext() {
   const context = useContext(DonateContext);
   return context;
 }
-DonateProvider.defaultProps = {
-  defaultSettings: {},
-  active: true,
-  enableDonate: false
-};
 export const clearDonateCache = (mountLocation) => {
   const livemode = localStorage.getItem("livemode") !== "false";
   const cacheKey = `donate-settings-${mountLocation}-${livemode}`;

package/es/contexts/payment.d.ts

@@ -29,9 +29,6 @@ export type PaymentContextProps = {
 };
 declare const PaymentContext: import("react").Context<PaymentContextType>;
 declare const Consumer: import("react").Consumer<PaymentContextType>;
-declare function PaymentProvider({ session, connect, children, baseUrl, authToken }: PaymentContextProps): import("react").JSX.Element | null;
-declare namespace PaymentProvider {
-    var defaultProps: {};
-}
+declare function PaymentProvider({ session, connect, children, baseUrl, authToken, }: PaymentContextProps): import("react").JSX.Element | null;
 declare function usePaymentContext(): PaymentContextType;
 export { PaymentContext, PaymentProvider, Consumer as SettingsConsumer, usePaymentContext };

package/es/contexts/payment.js

@@ -48,7 +48,13 @@ const syncToSpaceRequest = (userDid, spaceDid) => {
     return res;
   });
 };
-function PaymentProvider({ session, connect, children, baseUrl, authToken }) {
+function PaymentProvider({
+  session,
+  connect,
+  children,
+  baseUrl = void 0,
+  authToken = void 0
+}) {
   const [crossOriginLoading, setCrossOriginLoading] = useState(false);
   if (authToken) {
     window.__PAYMENT_KIT_AUTH_TOKEN = authToken;
@@ -150,5 +156,4 @@ function usePaymentContext() {
   const context = useContext(PaymentContext);
   return context;
 }
-PaymentProvider.defaultProps = {};
 export { PaymentContext, PaymentProvider, Consumer as SettingsConsumer, usePaymentContext };

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

@@ -13,21 +13,5 @@ type Props = {
     onTableDataChange?: Function;
     relatedSubscription?: boolean;
 };
-declare function CustomerInvoiceList(props: Props): JSX.Element;
-declare namespace CustomerInvoiceList {
-    var defaultProps: {
-        customer_id: string;
-        subscription_id: string;
-        currency_id: string;
-        include_staking: boolean;
-        include_recovered_from: boolean;
-        status: string;
-        pageSize: number;
-        target: string;
-        action: string;
-        type: string;
-        onTableDataChange: () => void;
-        relatedSubscription: boolean;
-    };
-}
-export default CustomerInvoiceList;
+export default function CustomerInvoiceList(rawProps: Props): JSX.Element;
+export {};