@blocklet/payment-react 1.18.56 → 1.19.0

package/lib/history/invoice/list.js

@@ -22,8 +22,8 @@ var _util = require("../../libs/util");
 var _table = _interopRequireDefault(require("../../components/table"));
 var _navigation = require("../../libs/navigation");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const groupByDate = items => {
   const grouped = {};
   items.forEach(item => {
@@ -432,8 +432,8 @@ const InvoiceList = _react.default.memo(props => {
   if (data && data.list.length === 0) {
     if (data.subscription && ["active", "trialing"].includes(data.subscription.status)) {
       return /* @__PURE__ */(0, _jsxRuntime.jsx)(_material.Typography, {
-        color: "text.secondary",
         sx: {
+          color: "text.secondary",
           my: 0.5
         },
         children: t("payment.customer.invoice.next", {
@@ -442,8 +442,8 @@ const InvoiceList = _react.default.memo(props => {
       });
     }
     return /* @__PURE__ */(0, _jsxRuntime.jsx)(_material.Typography, {
-      color: "text.secondary",
       sx: {
+        color: "text.secondary",
         my: 0.5
       },
       children: t("payment.customer.invoice.empty")
@@ -480,17 +480,19 @@ const InvoiceList = _react.default.memo(props => {
         return /* @__PURE__ */(0, _jsxRuntime.jsxs)(_material.Stack, {
           direction: "row",
           sx: {
+            gap: {
+              xs: 0.5,
+              sm: 1.5,
+              md: 3
+            },
+            alignItems: "center",
+            flexWrap: "nowrap",
             my: 1
           },
-          gap: {
-            xs: 0.5,
-            sm: 1.5,
-            md: 3
-          },
-          alignItems: "center",
-          flexWrap: "nowrap",
           children: [/* @__PURE__ */(0, _jsxRuntime.jsx)(_material.Box, {
-            flex: 2,
+            sx: {
+              flex: 2
+            },
             children: /* @__PURE__ */(0, _jsxRuntime.jsx)("a", {
               href: link.url,
               target: link.external ? "_blank" : target,
@@ -498,8 +500,10 @@ const InvoiceList = _react.default.memo(props => {
               onClick: e => handleLinkClick(e, link),
               children: /* @__PURE__ */(0, _jsxRuntime.jsxs)(_material.Stack, {
                 direction: "row",
-                alignItems: "center",
                 spacing: 0.5,
+                sx: {
+                  alignItems: "center"
+                },
                 children: [/* @__PURE__ */(0, _jsxRuntime.jsx)(_material.Typography, {
                   component: "span",
                   children: invoice.number
@@ -516,8 +520,10 @@ const InvoiceList = _react.default.memo(props => {
               })
             })
           }), /* @__PURE__ */(0, _jsxRuntime.jsx)(_material.Box, {
-            flex: 1,
-            textAlign: "right",
+            sx: {
+              flex: 1,
+              textAlign: "right"
+            },
             children: /* @__PURE__ */(0, _jsxRuntime.jsxs)(_material.Typography, {
               sx: isVoid ? {
                 textDecoration: "line-through"
@@ -525,16 +531,18 @@ const InvoiceList = _react.default.memo(props => {
               children: [(0, _util.formatBNStr)(invoice.total, invoice.paymentCurrency.decimal), "\xA0", invoice.paymentCurrency.symbol]
             })
           }), /* @__PURE__ */(0, _jsxRuntime.jsx)(_material.Box, {
-            flex: 1,
-            textAlign: "right",
+            sx: {
+              flex: 1,
+              textAlign: "right"
+            },
             children: /* @__PURE__ */(0, _jsxRuntime.jsx)(_material.Typography, {
               children: (0, _util.formatToDate)(invoice.created_at, locale, "HH:mm:ss")
             })
           }), !action && /* @__PURE__ */(0, _jsxRuntime.jsx)(_material.Box, {
-            flex: 2,
             className: "invoice-description",
-            textAlign: "right",
             sx: {
+              flex: 2,
+              textAlign: "right",
               display: {
                 xs: "none",
                 lg: "inline-flex"
@@ -544,8 +552,10 @@ const InvoiceList = _react.default.memo(props => {
               children: invoice.description || invoice.id
             })
           }), /* @__PURE__ */(0, _jsxRuntime.jsx)(_material.Box, {
-            flex: 1,
-            textAlign: "right",
+            sx: {
+              flex: 1,
+              textAlign: "right"
+            },
             children: action ? connect ? /* @__PURE__ */(0, _jsxRuntime.jsx)(_material.Button, {
               variant: "contained",
               color: "primary",
@@ -595,7 +605,9 @@ const InvoiceList = _react.default.memo(props => {
           resource: t("payment.customer.invoices")
         })
       }), !hasMore && data.count > size && /* @__PURE__ */(0, _jsxRuntime.jsx)(_material.Typography, {
-        color: "text.secondary",
+        sx: {
+          color: "text.secondary"
+        },
         children: t("common.noMore", {
           resource: t("payment.customer.invoices")
         })
@@ -603,7 +615,21 @@ const InvoiceList = _react.default.memo(props => {
     })]
   });
 });
-function CustomerInvoiceList(props) {
+function CustomerInvoiceList(rawProps) {
+  const props = Object.assign({
+    customer_id: "",
+    subscription_id: "",
+    currency_id: "",
+    include_staking: false,
+    include_recovered_from: false,
+    status: "open,paid,uncollectible",
+    pageSize: 10,
+    target: "_self",
+    action: "",
+    type: "list",
+    onTableDataChange: () => {},
+    relatedSubscription: false
+  }, rawProps);
   const {
     action,
     type
@@ -672,20 +698,6 @@ function CustomerInvoiceList(props) {
     onPay
   });
 }
-CustomerInvoiceList.defaultProps = {
-  customer_id: "",
-  subscription_id: "",
-  currency_id: "",
-  include_staking: false,
-  include_recovered_from: false,
-  status: "open,paid,uncollectible",
-  pageSize: 10,
-  target: "_self",
-  action: "",
-  type: "list",
-  onTableDataChange: () => {},
-  relatedSubscription: false
-};
 const Root = (0, _system.styled)(_material.Stack)`
   @media (max-width: ${({
   theme

package/lib/history/payment/list.js

@@ -12,7 +12,7 @@ var _tx = _interopRequireDefault(require("../../components/blockchain/tx"));
 var _status = _interopRequireDefault(require("../../components/status"));
 var _api = _interopRequireDefault(require("../../libs/api"));
 var _util = require("../../libs/util");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const groupByDate = items => {
   const grouped = {};
   items.forEach(item => {
@@ -58,7 +58,9 @@ function CustomerPaymentList({
   }
   if (data && data.list.length === 0) {
     return /* @__PURE__ */(0, _jsxRuntime.jsx)(_material.Typography, {
-      color: "text.secondary",
+      sx: {
+        color: "text.secondary"
+      },
       children: t("payment.customer.payment.empty")
     });
   }
@@ -66,8 +68,8 @@ function CustomerPaymentList({
   const grouped = groupByDate(data.list);
   return /* @__PURE__ */(0, _jsxRuntime.jsxs)(_material.Stack, {
     direction: "column",
-    gap: 1,
     sx: {
+      gap: 1,
       mt: 1
     },
     children: [Object.entries(grouped).map(([date, payments]) => /* @__PURE__ */(0, _jsxRuntime.jsxs)(_material.Box, {
@@ -85,39 +87,49 @@ function CustomerPaymentList({
           sm: "row"
         },
         sx: {
+          gap: {
+            xs: 0.5,
+            sm: 1.5,
+            md: 3
+          },
+          flexWrap: "nowrap",
           my: 1
         },
-        gap: {
-          xs: 0.5,
-          sm: 1.5,
-          md: 3
-        },
-        flexWrap: "nowrap",
         children: [/* @__PURE__ */(0, _jsxRuntime.jsx)(_material.Box, {
-          flex: 3,
+          sx: {
+            flex: 3
+          },
           children: /* @__PURE__ */(0, _jsxRuntime.jsx)(_material.Typography, {
             children: (0, _util.formatToDate)(item.created_at)
           })
         }), /* @__PURE__ */(0, _jsxRuntime.jsx)(_material.Box, {
-          flex: 2,
+          sx: {
+            flex: 2
+          },
           children: /* @__PURE__ */(0, _jsxRuntime.jsxs)(_material.Typography, {
-            textAlign: "right",
+            sx: {
+              textAlign: "right"
+            },
             children: [(0, _util.formatBNStr)(item.amount_received, item.paymentCurrency.decimal), "\xA0", item.paymentCurrency.symbol]
           })
         }), /* @__PURE__ */(0, _jsxRuntime.jsx)(_material.Box, {
-          flex: 3,
+          sx: {
+            flex: 3
+          },
           children: /* @__PURE__ */(0, _jsxRuntime.jsx)(_status.default, {
             label: item.status,
             color: (0, _util.getPaymentIntentStatusColor)(item.status)
           })
         }), /* @__PURE__ */(0, _jsxRuntime.jsx)(_material.Box, {
-          flex: 3,
+          sx: {
+            flex: 3
+          },
           children: /* @__PURE__ */(0, _jsxRuntime.jsx)(_material.Typography, {
             children: item.description || "-"
           })
         }), /* @__PURE__ */(0, _jsxRuntime.jsx)(_material.Box, {
-          flex: 3,
           sx: {
+            flex: 3,
             minWidth: "220px"
           },
           children: (item.payment_details?.arcblock?.tx_hash || item.payment_details?.ethereum?.tx_hash || item.payment_details?.base?.tx_hash) && /* @__PURE__ */(0, _jsxRuntime.jsx)(_tx.default, {
@@ -140,7 +152,9 @@ function CustomerPaymentList({
           resource: t("payment.customer.payments")
         })
       }), !hasMore && data.count > pageSize && /* @__PURE__ */(0, _jsxRuntime.jsx)(_material.Typography, {
-        color: "text.secondary",
+        sx: {
+          color: "text.secondary"
+        },
         children: t("common.noMore", {
           resource: t("payment.customer.payments")
         })

package/lib/hooks/keyboard.d.ts

@@ -13,7 +13,7 @@ type TabNavigationOptions<T> = {
     /** a selector to find navigable elements */
     selector?: string;
     /** an element container reference, limiting the query DOM range to improve performance */
-    containerRef?: RefObject<HTMLElement>;
+    containerRef?: RefObject<HTMLElement | null>;
     /** the type of the current value, can be 'index' or 'value' */
     valueType?: 'index' | 'value';
 };

package/lib/hooks/mobile.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.useMobile = useMobile;
 var _styles = require("@mui/material/styles");
 var _useMediaQuery = _interopRequireDefault(require("@mui/material/useMediaQuery"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const MOBILE_POINT = "md";
 function useMobile(mobilePoint = MOBILE_POINT) {
   const theme = (0, _styles.useTheme)();

package/lib/hooks/subscription.js

@@ -7,7 +7,7 @@ exports.useSubscription = useSubscription;
 var _ws = require("@arcblock/ws");
 var _get = _interopRequireDefault(require("lodash/get"));
 var _react = require("react");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const RELAY_SOCKET_PREFIX = "/.well-known/service/relay";
 const getAppId = () => (0, _get.default)(window, "blocklet.appPid") || (0, _get.default)(window, "blocklet.appId") || "";
 const getRelayChannel = token => `relay:${getAppId()}:${token}`;

package/lib/index.js

@@ -451,6 +451,6 @@ Object.keys(_validator).forEach(function (key) {
   });
 });
 var _locales = require("./locales");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }

package/lib/libs/api.js

@@ -8,7 +8,7 @@ var _context = require("@arcblock/ux/lib/Locale/context");
 var _jsSdk = require("@blocklet/js-sdk");
 var _isNull = _interopRequireDefault(require("lodash/isNull"));
 var _util = require("./util");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const api = (0, _jsSdk.createAxios)();
 api.interceptors.request.use(config => {
   const prefix = (0, _util.getPrefix)();

package/lib/libs/dayjs.js

@@ -10,7 +10,7 @@ var _localizedFormat = _interopRequireDefault(require("dayjs/plugin/localizedFor
 var _relativeTime = _interopRequireDefault(require("dayjs/plugin/relativeTime"));
 var _timezone = _interopRequireDefault(require("dayjs/plugin/timezone"));
 var _utc = _interopRequireDefault(require("dayjs/plugin/utc"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 Promise.resolve().then(() => require("dayjs/locale/en"));
 Promise.resolve().then(() => require("dayjs/locale/zh"));
 _dayjs.default.extend(_relativeTime.default);

package/lib/libs/phone-validator.js

@@ -83,7 +83,6 @@ const formatPhone = (phoneNumber, defaultCountry = "US") => {
     AE: "971"
     // UAE
   };
-
   const COUNTRY_PATTERNS = [[/^1[3-9]\d{9}$/, "86"],
   // China mobile: 11 digits, starts with 1
   [/^\d{10}$/, "1"],
@@ -101,7 +100,6 @@ const formatPhone = (phoneNumber, defaultCountry = "US") => {
   [/^[0-9]\d{8}$/, "86"]
   // China landline: 9 digits
   ];
-
   let numberToFormat = cleanedNumber;
   if (numberToFormat.startsWith("0")) {
     numberToFormat = numberToFormat.substring(1);

package/lib/libs/theme.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 module.exports = create;
 var _Theme = require("@arcblock/ux/lib/Theme");
 var _merge = _interopRequireDefault(require("lodash/merge"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function create(settings = {}) {
   return (0, _Theme.createTheme)((0, _merge.default)({
     typography: {

package/lib/libs/util.js

@@ -73,7 +73,7 @@ var _reactInternationalPhone = require("react-international-phone");
 var _ufo = require("ufo");
 var _locales = require("../locales");
 var _dayjs = _interopRequireDefault(require("./dayjs"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const PAYMENT_KIT_DID = exports.PAYMENT_KIT_DID = "z2qaCNvKMv5GjouKdcDWexv6WqtHbpNPQDnAk";
 const isPaymentKitMounted = () => {
   return (window.blocklet?.componentMountPoints || []).some(x => x.did === PAYMENT_KIT_DID);

package/lib/libs/validator.js

@@ -7,7 +7,7 @@ exports.getFieldValidation = getFieldValidation;
 exports.validatePostalCode = validatePostalCode;
 var _isPostalCode = _interopRequireDefault(require("validator/lib/isPostalCode"));
 var _locales = require("../locales");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const POSTAL_CODE_SUPPORTED_COUNTRIES = ["AD", "AT", "AU", "BE", "BG", "BR", "CA", "CH", "CN", "CZ", "DE", "DK", "DZ", "EE", "ES", "FI", "FR", "GB", "GR", "HR", "HU", "ID", "IE", "IL", "IN", "IR", "IS", "IT", "JP", "KE", "KR", "LI", "LT", "LU", "LV", "MX", "MT", "NL", "NO", "NZ", "PL", "PR", "PT", "RO", "RU", "SA", "SE", "SI", "SK", "TN", "TW", "UA", "US", "ZA", "ZM"];
 function validatePostalCode(postalCode, country) {
   if (!postalCode) return true;

package/lib/locales/en.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 
 var _flat = _interopRequireDefault(require("flat"));
 var _constant = require("../libs/constant");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 module.exports = (0, _flat.default)({
   common: {
     id: "ID",

package/lib/locales/index.js

@@ -7,7 +7,7 @@ exports.translations = exports.translate = exports.t = exports.createTranslator
 var _template = _interopRequireDefault(require("lodash/template"));
 var _en = _interopRequireDefault(require("./en"));
 var _zh = _interopRequireDefault(require("./zh"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const translations = exports.translations = {
   zh: _zh.default,
   en: _en.default

package/lib/locales/zh.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 
 var _flat = _interopRequireDefault(require("flat"));
 var _constant = require("../libs/constant");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 module.exports = (0, _flat.default)({
   common: {
     id: "ID",

package/lib/payment/amount.d.ts

@@ -2,10 +2,5 @@ import type { TypographyProps } from '@mui/material';
 type Props = {
     amount: string;
 } & TypographyProps;
-declare function PaymentAmount({ amount, sx }: Props): import("react").JSX.Element;
-declare namespace PaymentAmount {
-    var defaultProps: {
-        sx: {};
-    };
-}
-export default PaymentAmount;
+export default function PaymentAmount({ amount, sx }: Props): import("react").JSX.Element;
+export {};

package/lib/payment/amount.js

@@ -8,7 +8,7 @@ var _jsxRuntime = require("react/jsx-runtime");
 var _material = require("@mui/material");
 function PaymentAmount({
   amount,
-  sx
+  sx = {}
 }) {
   return /* @__PURE__ */(0, _jsxRuntime.jsx)(_material.Typography, {
     component: "div",
@@ -22,8 +22,4 @@ function PaymentAmount({
     },
     children: amount
   });
-}
-PaymentAmount.defaultProps = {
-  // eslint-disable-next-line react/default-props-match-prop-types
-  sx: {}
-};
+}

package/lib/payment/donation-form.d.ts

@@ -8,17 +8,9 @@ type Props = CheckoutContext & CheckoutCallbacks & {
     formRender?: Record<string, any>;
     id: string;
 };
-declare function DonationForm({ checkoutSession, paymentMethods, paymentIntent, paymentLink, customer, completed, error, mode, onPaid, onError, onChange, goBack, action, showCheckoutSummary, formRender, id, }: Props): import("react").JSX.Element;
-declare namespace DonationForm {
-    var defaultProps: {
-        completed: boolean;
-        error: null;
-        showCheckoutSummary: boolean;
-        formRender: {};
-    };
-}
-export default DonationForm;
+export default function DonationForm({ checkoutSession, paymentMethods, paymentIntent, paymentLink, customer, completed, error, mode, onPaid, onError, onChange, goBack, action, showCheckoutSummary, formRender, id, }: Props): import("react").JSX.Element;
 type RootProps = {
     mode: LiteralUnion<'standalone' | 'inline' | 'popup', string>;
 } & BoxProps;
 export declare const Root: React.FC<RootProps>;
+export {};

package/lib/payment/donation-form.js

@@ -29,31 +29,26 @@ var _confirm = _interopRequireDefault(require("../components/confirm"));
 var _paymentBeneficiaries = _interopRequireDefault(require("../components/payment-beneficiaries"));
 var _donation = _interopRequireDefault(require("./skeleton/donation"));
 var _phoneValidator = require("../libs/phone-validator");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const getBenefits = async (id, url) => {
   const {
     data
   } = await _api.default.get(`/api/payment-links/${id}/benefits?${url ? `url=${url}` : ""}`);
   return data;
 };
-PaymentInner.defaultProps = {
-  completed: false,
-  showCheckoutSummary: true,
-  formRender: {}
-};
 function PaymentInner({
   checkoutSession,
   paymentMethods,
   paymentLink,
   paymentIntent,
   customer,
-  completed,
+  completed = false,
   mode,
   onPaid,
   onError,
   onChange,
   action,
-  formRender,
+  formRender = {},
   benefits
 }) {
   const {
@@ -214,10 +209,12 @@ function PaymentInner({
           }
         }), /* @__PURE__ */(0, _jsxRuntime.jsx)(_material.Stack, {
           direction: "row",
-          justifyContent: "flex-end",
-          alignItems: "center",
-          flexWrap: "wrap",
-          gap: 1,
+          sx: {
+            justifyContent: "flex-end",
+            alignItems: "center",
+            flexWrap: "wrap",
+            gap: 1
+          },
           children: /* @__PURE__ */(0, _jsxRuntime.jsx)(_material.Button, {
             variant: "outlined",
             size: "large",
@@ -240,9 +237,9 @@ function PaymentInner({
           },
           children: [/* @__PURE__ */(0, _jsxRuntime.jsxs)(_material.Stack, {
             direction: "row",
-            justifyContent: "space-between",
-            alignItems: "center",
             sx: {
+              justifyContent: "space-between",
+              alignItems: "center",
               mb: 2
             },
             children: [/* @__PURE__ */(0, _jsxRuntime.jsx)(_material.Typography, {
@@ -299,10 +296,12 @@ function PaymentInner({
           }
         }), /* @__PURE__ */(0, _jsxRuntime.jsxs)(_material.Stack, {
           direction: "row",
-          justifyContent: "space-between",
-          alignItems: "center",
-          flexWrap: "wrap",
-          gap: 1,
+          sx: {
+            justifyContent: "space-between",
+            alignItems: "center",
+            flexWrap: "wrap",
+            gap: 1
+          },
           children: [benefits && benefits.length > 0 && (benefitsState.open ? /* @__PURE__ */(0, _jsxRuntime.jsxs)(_material.Typography, {
             onClick: () => setBenefitsState({
               open: false
@@ -324,13 +323,13 @@ function PaymentInner({
               }
             }), t("common.back")]
           }) : /* @__PURE__ */(0, _jsxRuntime.jsxs)(_material.Box, {
-            display: "flex",
-            gap: 0.5,
-            alignItems: "center",
             onClick: () => setBenefitsState({
               open: true
             }),
             sx: {
+              display: "flex",
+              gap: 0.5,
+              alignItems: "center",
               color: "text.secondary",
               cursor: "pointer",
               "& .benefits-arrow": {
@@ -360,9 +359,9 @@ function PaymentInner({
               }
             })]
           })), benefitsState.open ? null : /* @__PURE__ */(0, _jsxRuntime.jsxs)(_material.Box, {
-            display: "flex",
-            gap: 2,
             sx: {
+              display: "flex",
+              gap: 2,
               flex: {
                 xs: 1,
                 md: "auto"
@@ -399,20 +398,14 @@ function PaymentInner({
     })
   });
 }
-DonationForm.defaultProps = {
-  completed: false,
-  error: null,
-  showCheckoutSummary: true,
-  formRender: {}
-};
 function DonationForm({
   checkoutSession,
   paymentMethods,
   paymentIntent,
   paymentLink,
   customer,
-  completed,
-  error,
+  completed = false,
+  error = null,
   mode,
   onPaid,
   onError,
@@ -420,7 +413,7 @@ function DonationForm({
   goBack,
   action,
   showCheckoutSummary = true,
-  formRender,
+  formRender = {},
   id
 }) {
   const {
@@ -476,10 +469,12 @@ function DonationForm({
         }
       }), /* @__PURE__ */(0, _jsxRuntime.jsx)(_material.Stack, {
         direction: "row",
-        justifyContent: "flex-end",
-        alignItems: "center",
-        flexWrap: "wrap",
-        gap: 1,
+        sx: {
+          justifyContent: "flex-end",
+          alignItems: "center",
+          flexWrap: "wrap",
+          gap: 1
+        },
         children: /* @__PURE__ */(0, _jsxRuntime.jsx)(_material.Button, {
           variant: "outlined",
           size: "large",
@@ -540,9 +535,9 @@ function DonationForm({
     });
   };
   return /* @__PURE__ */(0, _jsxRuntime.jsxs)(_material.Stack, {
-    display: "flex",
-    flexDirection: "column",
     sx: {
+      display: "flex",
+      flexDirection: "column",
       height: mode === "standalone" ? "100vh" : "auto",
       overflow: isMobileSafariEnv ? "visible" : "hidden"
     },

package/lib/payment/error.d.ts

@@ -6,11 +6,5 @@ type Props = {
     button?: string | React.ReactNode;
     mode?: ModeType;
 };
-declare function PaymentError({ title, description, button, mode }: Props): import("react").JSX.Element;
-declare namespace PaymentError {
-    var defaultProps: {
-        button: string;
-        mode: string;
-    };
-}
-export default PaymentError;
+export default function PaymentError({ title, description, button, mode }: Props): import("react").JSX.Element;
+export {};