@blocklet/payment-react 1.18.55 → 1.19.0

package/es/components/input.d.ts

@@ -1,25 +1,16 @@
-import { type ReactNode } from 'react';
+import React, { type ReactNode } from 'react';
+import type { TextFieldProps } from '@mui/material';
 import type { RegisterOptions } from 'react-hook-form';
-declare const FormInput: import("react").ForwardRefExoticComponent<(Omit<import("@mui/material").OutlinedTextFieldProps & {
+type InputProps = TextFieldProps & {
     name: string;
     label?: ReactNode;
     placeholder?: string;
-    errorPosition?: "right" | "bottom";
+    errorPosition?: 'right' | 'bottom';
     rules?: RegisterOptions;
-    wrapperStyle?: any;
-}, "ref"> | Omit<import("@mui/material").FilledTextFieldProps & {
-    name: string;
-    label?: ReactNode;
-    placeholder?: string;
-    errorPosition?: "right" | "bottom";
-    rules?: RegisterOptions;
-    wrapperStyle?: any;
-}, "ref"> | Omit<import("@mui/material").StandardTextFieldProps & {
-    name: string;
-    label?: ReactNode;
-    placeholder?: string;
-    errorPosition?: "right" | "bottom";
-    rules?: RegisterOptions;
-    wrapperStyle?: any;
-}, "ref">) & import("react").RefAttributes<HTMLInputElement>>;
-export default FormInput;
+    wrapperStyle?: React.CSSProperties;
+};
+export default function FormInput({ ref, name, label, placeholder, rules, errorPosition, wrapperStyle, inputProps, ...rest }: InputProps & {
+    ref?: React.RefObject<HTMLInputElement>;
+    inputProps?: TextFieldProps['inputProps'];
+}): JSX.Element;
+export {};

package/es/components/input.js

@@ -1,54 +1,57 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import { forwardRef, useImperativeHandle, useRef } from "react";
+import { useImperativeHandle, useRef } from "react";
 import { Box, FormLabel, InputAdornment, TextField, Typography } from "@mui/material";
 import get from "lodash/get";
 import { Controller, useFormContext } from "react-hook-form";
 function FormInputError({ error }) {
   return /* @__PURE__ */ jsx(InputAdornment, { position: "end", children: /* @__PURE__ */ jsx(Typography, { component: "span", color: "error", children: error }) });
 }
-const FormInput = forwardRef(
-  ({ name, label, placeholder, rules, errorPosition, wrapperStyle, ...rest }, ref) => {
-    const { control, formState } = useFormContext();
-    const inputRef = useRef(null);
-    useImperativeHandle(ref, () => {
-      return inputRef.current;
-    });
-    const error = get(formState.errors, name)?.message;
-    return /* @__PURE__ */ jsx(
-      Controller,
-      {
-        name,
-        control,
-        rules,
-        render: ({ field }) => /* @__PURE__ */ jsxs(Box, { sx: { width: "100%", ...wrapperStyle }, children: [
-          !!label && /* @__PURE__ */ jsx(FormLabel, { sx: { color: "text.primary" }, children: label }),
-          /* @__PURE__ */ jsx(
-            TextField,
-            {
-              fullWidth: true,
-              error: !!get(formState.errors, name),
-              helperText: errorPosition === "bottom" && error ? error : "",
-              placeholder,
-              size: "small",
-              ...field,
-              ...rest,
-              inputRef,
-              InputProps: Object.assign(
+export default function FormInput({
+  ref = void 0,
+  name,
+  label = "",
+  placeholder = "",
+  rules = {},
+  errorPosition = "bottom",
+  wrapperStyle = {},
+  inputProps = {},
+  ...rest
+}) {
+  const { control, formState } = useFormContext();
+  const inputRef = useRef(null);
+  useImperativeHandle(ref, () => {
+    return inputRef.current;
+  });
+  const error = get(formState.errors, name)?.message;
+  return /* @__PURE__ */ jsx(
+    Controller,
+    {
+      name,
+      control,
+      rules,
+      render: ({ field }) => /* @__PURE__ */ jsxs(Box, { sx: { width: "100%", ...wrapperStyle }, children: [
+        !!label && /* @__PURE__ */ jsx(FormLabel, { sx: { color: "text.primary" }, children: label }),
+        /* @__PURE__ */ jsx(
+          TextField,
+          {
+            fullWidth: true,
+            error: !!get(formState.errors, name),
+            helperText: errorPosition === "bottom" && error ? error : "",
+            placeholder,
+            size: "small",
+            ...field,
+            ...rest,
+            inputRef,
+            slotProps: {
+              htmlInput: inputProps,
+              input: Object.assign(
                 rest.InputProps || {},
                 errorPosition === "right" && error ? { endAdornment: /* @__PURE__ */ jsx(FormInputError, { error }) } : {}
               )
             }
-          )
-        ] })
-      }
-    );
-  }
-);
-FormInput.defaultProps = {
-  label: "",
-  placeholder: "",
-  errorPosition: "bottom",
-  rules: {},
-  wrapperStyle: {}
-};
-export default FormInput;
+          }
+        )
+      ] })
+    }
+  );
+}

package/es/components/lazy-loader.js

@@ -12,8 +12,7 @@ export function createLazyComponent(loader, options = {}) {
     ] })
   } = options;
   const loadComponent = async () => {
-    if (loadPromise)
-      return loadPromise;
+    if (loadPromise) return loadPromise;
     try {
       loadPromise = loader().then((result) => "default" in result ? result.default : result);
       return await loadPromise;

package/es/components/link.d.ts

@@ -6,12 +6,5 @@ interface LinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {
     target?: string;
     outLink?: boolean;
 }
-declare function Link({ to, children, onClick, replace, target, outLink, ...props }: LinkProps): JSX.Element;
-declare namespace Link {
-    var defaultProps: {
-        replace: boolean;
-        target: undefined;
-        outLink: boolean;
-    };
-}
-export default Link;
+export default function Link({ to, children, onClick, replace, target, outLink, ...props }: LinkProps): JSX.Element;
+export {};

package/es/components/link.js

@@ -1,6 +1,14 @@
 import { jsx } from "react/jsx-runtime";
 import { useNavigate } from "react-router-dom";
-export default function Link({ to, children, onClick, replace, target, outLink = false, ...props }) {
+export default function Link({
+  to,
+  children,
+  onClick,
+  replace = false,
+  target = void 0,
+  outLink = false,
+  ...props
+}) {
   const navigate = useNavigate();
   const handleClick = (e) => {
     const isInternal = to.startsWith("/") || to.startsWith("#") || to.startsWith("?");
@@ -16,8 +24,3 @@ export default function Link({ to, children, onClick, replace, target, outLink =
   };
   return /* @__PURE__ */ jsx("a", { href: to, onClick: handleClick, target, rel: "noreferrer", ...props, children });
 }
-Link.defaultProps = {
-  replace: false,
-  target: void 0,
-  outLink: false
-};

package/es/components/livemode.d.ts

@@ -3,11 +3,5 @@ type Props = {
     color?: string;
     backgroundColor?: string;
 } & ChipOwnProps;
-declare function Livemode({ color, backgroundColor, sx }: Props): import("react").JSX.Element;
-declare namespace Livemode {
-    var defaultProps: {
-        color: string;
-        backgroundColor: string;
-    };
-}
-export default Livemode;
+export default function Livemode({ color, backgroundColor, sx }: Props): import("react").JSX.Element;
+export {};

package/es/components/livemode.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import { useLocaleContext } from "@arcblock/ux/lib/Locale/context";
 import { Chip } from "@mui/material";
-export default function Livemode({ color, backgroundColor, sx }) {
+export default function Livemode({ color = "#bb5504", backgroundColor = "#ffde92", sx }) {
   const { t } = useLocaleContext();
   return /* @__PURE__ */ jsx(
     Chip,
@@ -24,7 +24,3 @@ export default function Livemode({ color, backgroundColor, sx }) {
     }
   );
 }
-Livemode.defaultProps = {
-  color: "#bb5504",
-  backgroundColor: "#ffde92"
-};

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

@@ -6,5 +6,10 @@ export interface LoadingButtonProps extends ButtonProps {
     loadingProps?: Partial<CircularProgressProps>;
     loadingOnly?: boolean;
 }
-declare const LoadingButton: import("react").ForwardRefExoticComponent<Omit<LoadingButtonProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+declare function LoadingButton({ ref, children, loading, loadingPosition, loadingIndicator, loadingProps, loadingOnly, onClick, sx, ...props }: LoadingButtonProps & {
+    ref?: React.RefObject<HTMLButtonElement>;
+}): import("react").JSX.Element;
+declare namespace LoadingButton {
+    var displayName: string;
+}
 export default LoadingButton;

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;