@blocklet/payment-react 1.18.56 → 1.19.1

package/es/components/loading-button.js

@@ -4,72 +4,62 @@ import {
   CircularProgress,
   Typography
 } from "@mui/material";
-import { forwardRef } from "react";
-const LoadingButton = forwardRef(
-  ({
-    children,
-    loading,
-    loadingPosition = "start",
-    loadingIndicator,
-    loadingProps = {},
-    onClick,
-    sx,
-    loadingOnly = false,
-    ...props
-  }, ref) => {
-    const handleClick = (e) => {
-      if (loading) {
-        return;
-      }
-      onClick?.(e);
+export default function LoadingButton({
+  ref = void 0,
+  children,
+  loading = false,
+  loadingPosition = "start",
+  loadingIndicator = void 0,
+  loadingProps = {},
+  loadingOnly = false,
+  onClick,
+  sx,
+  ...props
+}) {
+  const handleClick = (e) => {
+    if (loading) {
+      return;
+    }
+    onClick?.(e);
+  };
+  const getPositionStyles = (position) => {
+    return {
+      color: "inherit",
+      ...position === "start" && { mr: 1 },
+      ...position === "end" && { ml: 1 },
+      ...position === "center" && {
+        position: "absolute",
+        left: "50%",
+        transform: "translateY(-50%) translateX(-50%)",
+        top: "50%"
+      },
+      display: "inline-flex",
+      alignItems: "center"
     };
-    const getPositionStyles = (position) => {
-      return {
-        color: "inherit",
-        ...position === "start" && { mr: 1 },
-        ...position === "end" && { ml: 1 },
-        ...position === "center" && {
-          position: "absolute",
-          left: "50%",
-          transform: "translateY(-50%) translateX(-50%)",
-          top: "50%"
-        },
+  };
+  const defaultIndicator = /* @__PURE__ */ jsx(CircularProgress, { size: 16, ...loadingProps, sx: { color: "inherit", ...loadingProps?.sx || {} } });
+  const indicator = /* @__PURE__ */ jsx(Typography, { sx: getPositionStyles(loadingPosition), children: loadingIndicator || defaultIndicator });
+  return /* @__PURE__ */ jsxs(
+    Button,
+    {
+      ref,
+      disabled: props.disabled || loading,
+      onClick: handleClick,
+      sx: {
+        position: "relative",
         display: "inline-flex",
-        alignItems: "center"
-      };
-    };
-    const defaultIndicator = /* @__PURE__ */ jsx(CircularProgress, { size: 16, ...loadingProps, sx: { color: "inherit", ...loadingProps?.sx || {} } });
-    const indicator = /* @__PURE__ */ jsx(Typography, { sx: getPositionStyles(loadingPosition), children: loadingIndicator || defaultIndicator });
-    return /* @__PURE__ */ jsxs(
-      Button,
-      {
-        ref,
-        disabled: props.disabled || loading,
-        onClick: handleClick,
-        sx: {
-          position: "relative",
-          display: "inline-flex",
-          alignItems: "center",
-          justifyContent: "center",
-          ...sx
-        },
-        ...props,
-        children: [
-          loading && loadingPosition === "start" && indicator,
-          /* @__PURE__ */ jsx(Typography, { sx: { visibility: loading && loadingOnly ? "hidden" : "visible" }, children }),
-          loading && loadingPosition === "center" && indicator,
-          loading && loadingPosition === "end" && indicator
-        ]
-      }
-    );
-  }
-);
+        alignItems: "center",
+        justifyContent: "center",
+        ...sx
+      },
+      ...props,
+      children: [
+        loading && loadingPosition === "start" && indicator,
+        /* @__PURE__ */ jsx(Typography, { sx: { visibility: loading && loadingOnly ? "hidden" : "visible" }, children }),
+        loading && loadingPosition === "center" && indicator,
+        loading && loadingPosition === "end" && indicator
+      ]
+    }
+  );
+}
 LoadingButton.displayName = "LoadingButton";
-LoadingButton.defaultProps = {
-  loading: false,
-  loadingIndicator: void 0,
-  loadingPosition: "start",
-  loadingProps: {},
-  loadingOnly: false
-};
-export default LoadingButton;

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

@@ -35,22 +35,4 @@ type SummaryItem = {
     method: PaymentMethod;
 };
 declare function OverdueInvoicePayment({ subscriptionId, customerId, mode, dialogProps, children, onPaid, detailLinkOptions, successToast, alertMessage, authToken, }: Props): import("react").JSX.Element | null;
-declare namespace OverdueInvoicePayment {
-    var defaultProps: {
-        mode: string;
-        onPaid: () => void;
-        dialogProps: {
-            open: boolean;
-        };
-        children: null;
-        detailLinkOptions: {
-            enabled: boolean;
-        };
-        subscriptionId: undefined;
-        customerId: undefined;
-        successToast: boolean;
-        alertMessage: string;
-        authToken: undefined;
-    };
-}
 export default OverdueInvoicePayment;

package/es/components/over-due-invoice-payment.js

@@ -28,17 +28,19 @@ const fetchOverdueInvoices = async (params) => {
   return res.data;
 };
 function OverdueInvoicePayment({
-  subscriptionId,
-  customerId,
+  subscriptionId = void 0,
+  customerId = void 0,
   mode = "default",
-  dialogProps = {},
-  children,
+  dialogProps = {
+    open: true
+  },
+  children = void 0,
   onPaid = () => {
   },
   detailLinkOptions = { enabled: true },
   successToast = true,
   alertMessage = "",
-  authToken
+  authToken = void 0
 }) {
   const { t, locale } = useLocaleContext();
   const theme = useTheme();
@@ -344,105 +346,146 @@ function OverdueInvoicePayment({
       title: dialogProps?.title || t("payment.subscription.overdue.pastDue"),
       sx: { "& .MuiDialogContent-root": { pt: 0 } },
       onClose: handleClose,
-      children: error ? /* @__PURE__ */ jsx(Alert, { severity: "error", children: error.message }) : /* @__PURE__ */ jsxs(Stack, { gap: 1, children: [
-        summaryList.length === 0 && /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsx(Alert, { severity: "success", children: getEmptyStateMessage() }),
-          /* @__PURE__ */ jsx(Stack, { direction: "row", justifyContent: "flex-end", mt: 2, children: /* @__PURE__ */ jsx(Button, { variant: "outlined", color: "primary", onClick: handleClose, sx: { width: "fit-content" }, children: t("common.know") }) })
-        ] }),
-        summaryList.length === 1 && /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsxs(Typography, { color: "text.secondary", variant: "body1", children: [
-            getOverdueTitle(),
-            detailLinkOptions.enabled && /* @__PURE__ */ jsxs(Fragment, { children: [
-              /* @__PURE__ */ jsx("br", {}),
-              t("payment.subscription.overdue.description"),
+      children: error ? /* @__PURE__ */ jsx(Alert, { severity: "error", children: error.message }) : /* @__PURE__ */ jsxs(
+        Stack,
+        {
+          sx: {
+            gap: 1
+          },
+          children: [
+            summaryList.length === 0 && /* @__PURE__ */ jsxs(Fragment, { children: [
+              /* @__PURE__ */ jsx(Alert, { severity: "success", children: getEmptyStateMessage() }),
               /* @__PURE__ */ jsx(
-                "a",
+                Stack,
                 {
-                  href: detailUrl,
-                  target: "_blank",
-                  onClick: handleViewDetailClick,
-                  rel: "noreferrer",
-                  style: { color: theme.palette.text.link },
-                  children: getDetailLinkText()
+                  direction: "row",
+                  sx: {
+                    justifyContent: "flex-end",
+                    mt: 2
+                  },
+                  children: /* @__PURE__ */ jsx(Button, { variant: "outlined", color: "primary", onClick: handleClose, sx: { width: "fit-content" }, children: t("common.know") })
                 }
               )
-            ] })
-          ] }),
-          /* @__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") }),
-            renderPayButton(summaryList[0])
-          ] })
-        ] }),
-        summaryList.length > 1 && /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsxs(Typography, { color: "text.secondary", variant: "body1", children: [
-            getOverdueTitle(),
-            detailLinkOptions.enabled && /* @__PURE__ */ jsxs(Fragment, { children: [
-              /* @__PURE__ */ jsx("br", {}),
-              t("payment.subscription.overdue.description"),
-              /* @__PURE__ */ jsx(
-                "a",
+            ] }),
+            summaryList.length === 1 && /* @__PURE__ */ jsxs(Fragment, { children: [
+              /* @__PURE__ */ jsxs(
+                Typography,
                 {
-                  href: detailUrl,
-                  target: "_blank",
-                  rel: "noreferrer",
-                  onClick: handleViewDetailClick,
-                  style: { color: theme.palette.text.link },
-                  children: getDetailLinkText()
+                  variant: "body1",
+                  sx: {
+                    color: "text.secondary"
+                  },
+                  children: [
+                    getOverdueTitle(),
+                    detailLinkOptions.enabled && /* @__PURE__ */ jsxs(Fragment, { children: [
+                      /* @__PURE__ */ jsx("br", {}),
+                      t("payment.subscription.overdue.description"),
+                      /* @__PURE__ */ jsx(
+                        "a",
+                        {
+                          href: detailUrl,
+                          target: "_blank",
+                          onClick: handleViewDetailClick,
+                          rel: "noreferrer",
+                          style: { color: theme.palette.text.link },
+                          children: getDetailLinkText()
+                        }
+                      )
+                    ] })
+                  ]
+                }
+              ),
+              /* @__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") }),
+                    renderPayButton(summaryList[0])
+                  ]
                 }
               )
-            ] })
-          ] }),
-          /* @__PURE__ */ jsx(Typography, { color: "text.secondary", variant: "body1", children: t("payment.subscription.overdue.list") }),
-          /* @__PURE__ */ jsx(Stack, { children: summaryList.map((item) => /* @__PURE__ */ jsxs(
-            Stack,
-            {
-              direction: "row",
-              justifyContent: "space-between",
-              alignItems: "center",
-              sx: {
-                py: 1,
-                px: 0.5,
-                borderBottom: "1px solid",
-                borderColor: "grey.200",
-                "&:hover": {
-                  backgroundColor: () => theme.palette.grey[100]
-                },
-                mt: 0
-              },
-              children: [
-                /* @__PURE__ */ jsx(Typography, { children: t("payment.subscription.overdue.total", {
-                  total: formatAmount(item?.amount, item?.currency?.decimal),
-                  currency: item?.currency?.symbol,
-                  method: getMethodText(item?.method)
-                }) }),
-                renderPayButton(item, false, {
-                  variant: "text",
+            ] }),
+            summaryList.length > 1 && /* @__PURE__ */ jsxs(Fragment, { children: [
+              /* @__PURE__ */ jsxs(
+                Typography,
+                {
+                  variant: "body1",
                   sx: {
-                    color: "text.link"
-                  }
-                })
-              ]
-            },
-            item?.currency?.id
-          )) })
-        ] })
-      ] })
+                    color: "text.secondary"
+                  },
+                  children: [
+                    getOverdueTitle(),
+                    detailLinkOptions.enabled && /* @__PURE__ */ jsxs(Fragment, { children: [
+                      /* @__PURE__ */ jsx("br", {}),
+                      t("payment.subscription.overdue.description"),
+                      /* @__PURE__ */ jsx(
+                        "a",
+                        {
+                          href: detailUrl,
+                          target: "_blank",
+                          rel: "noreferrer",
+                          onClick: handleViewDetailClick,
+                          style: { color: theme.palette.text.link },
+                          children: getDetailLinkText()
+                        }
+                      )
+                    ] })
+                  ]
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                Typography,
+                {
+                  variant: "body1",
+                  sx: {
+                    color: "text.secondary"
+                  },
+                  children: t("payment.subscription.overdue.list")
+                }
+              ),
+              /* @__PURE__ */ jsx(Stack, { children: summaryList.map((item) => /* @__PURE__ */ jsxs(
+                Stack,
+                {
+                  direction: "row",
+                  sx: {
+                    justifyContent: "space-between",
+                    alignItems: "center",
+                    py: 1,
+                    px: 0.5,
+                    borderBottom: "1px solid",
+                    borderColor: "grey.200",
+                    "&:hover": {
+                      backgroundColor: () => theme.palette.grey[100]
+                    },
+                    mt: 0
+                  },
+                  children: [
+                    /* @__PURE__ */ jsx(Typography, { children: t("payment.subscription.overdue.total", {
+                      total: formatAmount(item?.amount, item?.currency?.decimal),
+                      currency: item?.currency?.symbol,
+                      method: getMethodText(item?.method)
+                    }) }),
+                    renderPayButton(item, false, {
+                      variant: "text",
+                      sx: {
+                        color: "text.link"
+                      }
+                    })
+                  ]
+                },
+                item?.currency?.id
+              )) })
+            ] })
+          ]
+        }
+      )
     }
   );
 }
-OverdueInvoicePayment.defaultProps = {
-  mode: "default",
-  onPaid: () => {
-  },
-  dialogProps: {
-    open: true
-  },
-  children: null,
-  detailLinkOptions: { enabled: true },
-  subscriptionId: void 0,
-  customerId: void 0,
-  successToast: true,
-  alertMessage: "",
-  authToken: void 0
-};
 export default OverdueInvoicePayment;

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;