@blocklet/payment-react 1.18.55 → 1.19.0

package/lib/checkout/form.js

@@ -14,7 +14,7 @@ var _util = require("../libs/util");
 var _payment = _interopRequireDefault(require("../payment"));
 var _theme = require("../theme");
 var _donationForm = _interopRequireDefault(require("../payment/donation-form"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const promises = {};
 const startFromPaymentLink = (id, params) => {
   if (!promises[id]) {
@@ -34,13 +34,13 @@ const fetchCheckoutSession = async id => {
 };
 function CheckoutForm({
   id,
-  mode,
-  onPaid,
-  onError,
+  mode = "inline",
+  onPaid = _noop.default,
+  onError = console.error,
   onChange,
   goBack,
-  extraParams,
-  action,
+  extraParams = {},
+  action = "",
   theme = "default",
   formType = "payment",
   ...restProps
@@ -119,12 +119,4 @@ function CheckoutForm({
   return /* @__PURE__ */(0, _jsxRuntime.jsx)(_theme.PaymentThemeProvider, {
     children: Checkout
   });
-}
-CheckoutForm.defaultProps = {
-  onPaid: _noop.default,
-  onError: console.error,
-  mode: "inline",
-  action: "",
-  extraParams: {},
-  formType: "payment"
-};
+}

package/lib/checkout/table.js

@@ -18,7 +18,7 @@ var _util = require("../libs/util");
 var _form = _interopRequireDefault(require("./form"));
 var _theme = require("../theme");
 var _truncatedText = _interopRequireDefault(require("../components/truncated-text"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const fetchData = async id => {
   const {
     data
@@ -103,8 +103,8 @@ function CheckoutTableInner({
     if (mode === "standalone") {
       return /* @__PURE__ */(0, _jsxRuntime.jsxs)(_material.Stack, {
         direction: "column",
-        alignItems: "center",
         sx: {
+          alignItems: "center",
           overflow: {
             xs: "auto",
             md: "hidden"
@@ -140,9 +140,9 @@ function CheckoutTableInner({
               ml: 0
             }
           }), /* @__PURE__ */(0, _jsxRuntime.jsx)(_material.Typography, {
-            color: "text.primary",
-            fontWeight: 600,
             sx: {
+              color: "text.primary",
+              fontWeight: 600,
               lineHeight: "32px",
               fontSize: "24px"
             },

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

@@ -1,9 +1,5 @@
 import type { PaymentDetails, TPaymentMethod } from '@blocklet/payment-types';
-declare function TxGas(props: {
+export default function TxGas(props: {
     details: PaymentDetails;
     method: TPaymentMethod;
 }): import("react").JSX.Element;
-declare namespace TxGas {
-    var defaultProps: {};
-}
-export default TxGas;

package/lib/components/blockchain/gas.js

@@ -10,7 +10,6 @@ var _material = require("@mui/material");
 var _util = require("@ocap/util");
 var _payment = require("../../contexts/payment");
 var _util2 = require("../../libs/util");
-TxGas.defaultProps = {};
 function TxGas(props) {
   const {
     t
@@ -31,7 +30,9 @@ function TxGas(props) {
   }
   return /* @__PURE__ */(0, _jsxRuntime.jsx)(_material.Typography, {
     component: "small",
-    color: "text.secondary",
+    sx: {
+      color: "text.secondary"
+    },
     children: t("common.none")
   });
 }

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

@@ -1,14 +1,7 @@
 import type { PaymentDetails, TPaymentMethod } from '@blocklet/payment-types';
-declare function TxLink(props: {
+export default function TxLink(rawProps: {
     details: PaymentDetails;
     method: TPaymentMethod;
     mode?: 'customer' | 'dashboard';
     align?: 'left' | 'right';
 }): import("react").JSX.Element;
-declare namespace TxLink {
-    var defaultProps: {
-        mode: string;
-        align: string;
-    };
-}
-export default TxLink;

package/lib/components/blockchain/tx.js

@@ -10,18 +10,20 @@ var _iconsMaterial = require("@mui/icons-material");
 var _material = require("@mui/material");
 var _system = require("@mui/system");
 var _util = require("../../libs/util");
-TxLink.defaultProps = {
-  mode: "dashboard",
-  align: "left"
-};
-function TxLink(props) {
+function TxLink(rawProps) {
+  const props = Object.assign({
+    mode: "dashboard",
+    align: "left"
+  }, rawProps);
   const {
     t
   } = (0, _context.useLocaleContext)();
   if (!props.details || props.mode === "customer" && props.method.type === "stripe") {
     return /* @__PURE__ */(0, _jsxRuntime.jsx)(_material.Typography, {
       component: "small",
-      color: "text.secondary",
+      sx: {
+        color: "text.secondary"
+      },
       children: t("common.none")
     });
   }
@@ -56,7 +58,9 @@ function TxLink(props) {
   }
   return /* @__PURE__ */(0, _jsxRuntime.jsx)(_material.Typography, {
     component: "small",
-    color: "text.secondary",
+    sx: {
+      color: "text.secondary"
+    },
     children: t("common.none")
   });
 }

package/lib/components/confirm.d.ts

@@ -1,5 +1,5 @@
 import type { EventHandler } from 'react';
-declare function ConfirmDialog({ onConfirm, onCancel, title, message, confirm, color, cancel, loading, }: {
+export default function ConfirmDialog({ onConfirm, onCancel, title, message, confirm, color, cancel, loading, }: {
     onConfirm: EventHandler<any>;
     onCancel: EventHandler<any>;
     title: string | React.ReactNode;
@@ -9,12 +9,3 @@ declare function ConfirmDialog({ onConfirm, onCancel, title, message, confirm, c
     cancel?: boolean | string | React.ReactNode;
     loading?: boolean;
 }): import("react").JSX.Element;
-declare namespace ConfirmDialog {
-    var defaultProps: {
-        loading: boolean;
-        confirm: string;
-        cancel: string;
-        color: string;
-    };
-}
-export default ConfirmDialog;

package/lib/components/confirm.js

@@ -13,10 +13,10 @@ function ConfirmDialog({
   onCancel,
   title,
   message,
-  confirm,
-  color,
-  cancel,
-  loading
+  confirm = "",
+  color = "error",
+  cancel = "",
+  loading = false
 }) {
   const {
     t
@@ -47,10 +47,4 @@ function ConfirmDialog({
       children: message
     })
   });
-}
-ConfirmDialog.defaultProps = {
-  loading: false,
-  confirm: "",
-  cancel: "",
-  color: "error"
-};
+}

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

@@ -7,5 +7,6 @@ export type CountrySelectProps = {
     sx?: SxProps;
     showDialCode?: boolean;
 };
-declare const CountrySelect: import("react").ForwardRefExoticComponent<CountrySelectProps & import("react").RefAttributes<HTMLDivElement>>;
-export default CountrySelect;
+export default function CountrySelect({ ref, value, onChange, name, sx, showDialCode, }: CountrySelectProps & {
+    ref?: React.RefObject<HTMLDivElement>;
+}): import("react").JSX.Element;

package/lib/components/country-select.js

@@ -3,28 +3,32 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-
+module.exports = CountrySelect;
 var _jsxRuntime = require("react/jsx-runtime");
 var _react = require("react");
 var _material = require("@mui/material");
 var _reactHookForm = require("react-hook-form");
 var _reactInternationalPhone = require("react-international-phone");
 var _mobile = require("../hooks/mobile");
-const Transition = (0, _react.forwardRef)(function Transition2(props, ref) {
+function Transition({
+  ref,
+  ...props
+}) {
   return /* @__PURE__ */(0, _jsxRuntime.jsx)(_material.Slide, {
     direction: "up",
     ref,
     timeout: 200,
     ...props
   });
-});
-const CountrySelect = (0, _react.forwardRef)(({
+}
+function CountrySelect({
+  ref = void 0,
   value,
   onChange,
   name,
-  sx,
+  sx = {},
   showDialCode = false
-}, ref) => {
+}) {
   const {
     setValue
   } = (0, _reactHookForm.useFormContext)();
@@ -237,16 +241,18 @@ const CountrySelect = (0, _react.forwardRef)(({
             children: parsed.name
           }), showDialCode && /* @__PURE__ */(0, _jsxRuntime.jsx)(_material.Typography, {
             sx: {
+              color: "text.secondary",
               ml: 1
             },
-            color: "text.secondary",
             children: `+${parsed.dialCode}`
           })]
         }, parsed.iso2);
       }) : /* @__PURE__ */(0, _jsxRuntime.jsx)(_material.MenuItem, {
         disabled: true,
         children: /* @__PURE__ */(0, _jsxRuntime.jsx)(_material.Typography, {
-          color: "text.secondary",
+          sx: {
+            color: "text.secondary"
+          },
           children: "No countries found"
         })
       })
@@ -313,11 +319,11 @@ const CountrySelect = (0, _react.forwardRef)(({
         setValue(name, e.target.value);
       },
       renderValue: code => /* @__PURE__ */(0, _jsxRuntime.jsxs)(_material.Box, {
-        display: "flex",
-        alignItems: "center",
-        flexWrap: "nowrap",
-        gap: 0.5,
         sx: {
+          display: "flex",
+          alignItems: "center",
+          flexWrap: "nowrap",
+          gap: 0.5,
           cursor: "pointer"
         },
         children: [/* @__PURE__ */(0, _jsxRuntime.jsx)(_reactInternationalPhone.FlagEmoji, {
@@ -339,11 +345,11 @@ const CountrySelect = (0, _react.forwardRef)(({
     },
     children: [/* @__PURE__ */(0, _jsxRuntime.jsxs)(_material.Box, {
       onClick: () => setOpen(true),
-      display: "flex",
-      alignItems: "center",
-      flexWrap: "nowrap",
-      gap: 0.5,
       sx: {
+        display: "flex",
+        alignItems: "center",
+        flexWrap: "nowrap",
+        gap: 0.5,
         cursor: "pointer",
         padding: "8px",
         paddingRight: "24px",
@@ -421,9 +427,4 @@ const CountrySelect = (0, _react.forwardRef)(({
       })]
     })]
   });
-});
-CountrySelect.defaultProps = {
-  sx: {},
-  showDialCode: false
-};
-module.exports = CountrySelect;
+}

package/lib/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/lib/components/input.js

@@ -3,13 +3,13 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-
+module.exports = FormInput;
 var _jsxRuntime = require("react/jsx-runtime");
 var _react = require("react");
 var _material = require("@mui/material");
 var _get = _interopRequireDefault(require("lodash/get"));
 var _reactHookForm = require("react-hook-form");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function FormInputError({
   error
 }) {
@@ -22,15 +22,17 @@ function FormInputError({
     })
   });
 }
-const FormInput = (0, _react.forwardRef)(({
+function FormInput({
+  ref = void 0,
   name,
-  label,
-  placeholder,
-  rules,
-  errorPosition,
-  wrapperStyle,
+  label = "",
+  placeholder = "",
+  rules = {},
+  errorPosition = "bottom",
+  wrapperStyle = {},
+  inputProps = {},
   ...rest
-}, ref) => {
+}) {
   const {
     control,
     formState
@@ -65,20 +67,15 @@ const FormInput = (0, _react.forwardRef)(({
         ...field,
         ...rest,
         inputRef,
-        InputProps: Object.assign(rest.InputProps || {}, errorPosition === "right" && error ? {
-          endAdornment: /* @__PURE__ */(0, _jsxRuntime.jsx)(FormInputError, {
-            error
-          })
-        } : {})
+        slotProps: {
+          htmlInput: inputProps,
+          input: Object.assign(rest.InputProps || {}, errorPosition === "right" && error ? {
+            endAdornment: /* @__PURE__ */(0, _jsxRuntime.jsx)(FormInputError, {
+              error
+            })
+          } : {})
+        }
       })]
     })
   });
-});
-FormInput.defaultProps = {
-  label: "",
-  placeholder: "",
-  errorPosition: "bottom",
-  rules: {},
-  wrapperStyle: {}
-};
-module.exports = FormInput;
+}

package/lib/components/lazy-loader.js

@@ -8,7 +8,7 @@ var _jsxRuntime = require("react/jsx-runtime");
 var _react = require("react");
 var _Center = _interopRequireDefault(require("@arcblock/ux/lib/Center"));
 var _material = require("@mui/material");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function createLazyComponent(loader, options = {}) {
   let loadPromise = null;
   const {

package/lib/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/lib/components/link.js

@@ -10,8 +10,8 @@ function Link({
   to,
   children,
   onClick,
-  replace,
-  target,
+  replace = false,
+  target = void 0,
   outLink = false,
   ...props
 }) {
@@ -38,9 +38,4 @@ function Link({
     ...props,
     children
   });
-}
-Link.defaultProps = {
-  replace: false,
-  target: void 0,
-  outLink: false
-};
+}

package/lib/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/lib/components/livemode.js

@@ -8,8 +8,8 @@ var _jsxRuntime = require("react/jsx-runtime");
 var _context = require("@arcblock/ux/lib/Locale/context");
 var _material = require("@mui/material");
 function Livemode({
-  color,
-  backgroundColor,
+  color = "#bb5504",
+  backgroundColor = "#ffde92",
   sx
 }) {
   const {
@@ -32,8 +32,4 @@ function Livemode({
       ...sx
     }
   });
-}
-Livemode.defaultProps = {
-  color: "#bb5504",
-  backgroundColor: "#ffde92"
-};
+}

package/lib/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/lib/components/loading-button.js

@@ -3,21 +3,21 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-
+module.exports = LoadingButton;
 var _jsxRuntime = require("react/jsx-runtime");
 var _material = require("@mui/material");
-var _react = require("react");
-const LoadingButton = (0, _react.forwardRef)(({
+function LoadingButton({
+  ref = void 0,
   children,
-  loading,
+  loading = false,
   loadingPosition = "start",
-  loadingIndicator,
+  loadingIndicator = void 0,
   loadingProps = {},
+  loadingOnly = false,
   onClick,
   sx,
-  loadingOnly = false,
   ...props
-}, ref) => {
+}) {
   const handleClick = e => {
     if (loading) {
       return;
@@ -74,13 +74,5 @@ const LoadingButton = (0, _react.forwardRef)(({
       children
     }), loading && loadingPosition === "center" && indicator, loading && loadingPosition === "end" && indicator]
   });
-});
-LoadingButton.displayName = "LoadingButton";
-LoadingButton.defaultProps = {
-  loading: false,
-  loadingIndicator: void 0,
-  loadingPosition: "start",
-  loadingProps: {},
-  loadingOnly: false
-};
-module.exports = LoadingButton;
+}
+LoadingButton.displayName = "LoadingButton";

package/lib/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;