@blocklet/payment-react 1.18.55 → 1.19.0

package/es/checkout/table.js

@@ -75,8 +75,8 @@ function CheckoutTableInner({ id, mode, onPaid, onError, onChange, extraParams,
         Stack,
         {
           direction: "column",
-          alignItems: "center",
           sx: {
+            alignItems: "center",
             overflow: {
               xs: "auto",
               md: "hidden"
@@ -112,9 +112,9 @@ function CheckoutTableInner({ id, mode, onPaid, onError, onChange, extraParams,
                   /* @__PURE__ */ jsx(
                     Typography,
                     {
-                      color: "text.primary",
-                      fontWeight: 600,
                       sx: {
+                        color: "text.primary",
+                        fontWeight: 600,
                         lineHeight: "32px",
                         fontSize: "24px"
                       },

package/es/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/es/components/blockchain/gas.js

@@ -4,7 +4,6 @@ import { Typography } from "@mui/material";
 import { fromUnitToToken } from "@ocap/util";
 import { usePaymentContext } from "../../contexts/payment.js";
 import { getTxLink } from "../../libs/util.js";
-TxGas.defaultProps = {};
 export default function TxGas(props) {
   const { t } = useLocaleContext();
   const { settings } = usePaymentContext();
@@ -21,5 +20,14 @@ export default function TxGas(props) {
       ")"
     ] });
   }
-  return /* @__PURE__ */ jsx(Typography, { component: "small", color: "text.secondary", children: t("common.none") });
+  return /* @__PURE__ */ jsx(
+    Typography,
+    {
+      component: "small",
+      sx: {
+        color: "text.secondary"
+      },
+      children: t("common.none")
+    }
+  );
 }

package/es/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/es/components/blockchain/tx.js

@@ -4,14 +4,26 @@ import { OpenInNewOutlined } from "@mui/icons-material";
 import { Link, Stack, Typography } from "@mui/material";
 import { styled } from "@mui/system";
 import { getTxLink } from "../../libs/util.js";
-TxLink.defaultProps = {
-  mode: "dashboard",
-  align: "left"
-};
-export default function TxLink(props) {
+export default function TxLink(rawProps) {
+  const props = Object.assign(
+    {
+      mode: "dashboard",
+      align: "left"
+    },
+    rawProps
+  );
   const { t } = useLocaleContext();
   if (!props.details || props.mode === "customer" && props.method.type === "stripe") {
-    return /* @__PURE__ */ jsx(Typography, { component: "small", color: "text.secondary", children: t("common.none") });
+    return /* @__PURE__ */ jsx(
+      Typography,
+      {
+        component: "small",
+        sx: {
+          color: "text.secondary"
+        },
+        children: t("common.none")
+      }
+    );
   }
   const { text, link } = getTxLink(props.method, props.details);
   if (link && text) {
@@ -30,7 +42,16 @@ export default function TxLink(props) {
       }
     ) });
   }
-  return /* @__PURE__ */ jsx(Typography, { component: "small", color: "text.secondary", children: t("common.none") });
+  return /* @__PURE__ */ jsx(
+    Typography,
+    {
+      component: "small",
+      sx: {
+        color: "text.secondary"
+      },
+      children: t("common.none")
+    }
+  );
 }
 const Root = styled(Stack)`
   @media (max-width: 600px) {

package/es/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/es/components/confirm.js

@@ -7,10 +7,10 @@ export default function ConfirmDialog({
   onCancel,
   title,
   message,
-  confirm,
-  color,
-  cancel,
-  loading
+  confirm = "",
+  color = "error",
+  cancel = "",
+  loading = false
 }) {
   const { t } = useLocaleContext();
   return /* @__PURE__ */ jsx(
@@ -30,9 +30,3 @@ export default function ConfirmDialog({
     }
   );
 }
-ConfirmDialog.defaultProps = {
-  loading: false,
-  confirm: "",
-  cancel: "",
-  color: "error"
-};

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