@blocklet/payment-react 1.18.55 → 1.19.0

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

@@ -20,7 +20,7 @@ var _util = require("../libs/util");
 var _subscription = require("../hooks/subscription");
 var _api = _interopRequireDefault(require("../libs/api"));
 var _loadingButton = _interopRequireDefault(require("./loading-button"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const fetchOverdueInvoices = async params => {
   if (!params.subscriptionId && !params.customerId) {
     throw new Error("Either subscriptionId or customerId must be provided");
@@ -35,18 +35,20 @@ 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,
@@ -386,15 +388,19 @@ function OverdueInvoicePayment({
       severity: "error",
       children: error.message
     }) : /* @__PURE__ */(0, _jsxRuntime.jsxs)(_material.Stack, {
-      gap: 1,
+      sx: {
+        gap: 1
+      },
       children: [summaryList.length === 0 && /* @__PURE__ */(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
         children: [/* @__PURE__ */(0, _jsxRuntime.jsx)(_material.Alert, {
           severity: "success",
           children: getEmptyStateMessage()
         }), /* @__PURE__ */(0, _jsxRuntime.jsx)(_material.Stack, {
           direction: "row",
-          justifyContent: "flex-end",
-          mt: 2,
+          sx: {
+            justifyContent: "flex-end",
+            mt: 2
+          },
           children: /* @__PURE__ */(0, _jsxRuntime.jsx)(_material.Button, {
             variant: "outlined",
             color: "primary",
@@ -407,8 +413,10 @@ function OverdueInvoicePayment({
         })]
       }), summaryList.length === 1 && /* @__PURE__ */(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
         children: [/* @__PURE__ */(0, _jsxRuntime.jsxs)(_material.Typography, {
-          color: "text.secondary",
           variant: "body1",
+          sx: {
+            color: "text.secondary"
+          },
           children: [getOverdueTitle(), detailLinkOptions.enabled && /* @__PURE__ */(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
             children: [/* @__PURE__ */(0, _jsxRuntime.jsx)("br", {}), t("payment.subscription.overdue.description"), /* @__PURE__ */(0, _jsxRuntime.jsx)("a", {
               href: detailUrl,
@@ -423,9 +431,11 @@ function OverdueInvoicePayment({
           })]
         }), /* @__PURE__ */(0, _jsxRuntime.jsxs)(_material.Stack, {
           direction: "row",
-          justifyContent: "flex-end",
-          gap: 2,
-          mt: 2,
+          sx: {
+            justifyContent: "flex-end",
+            gap: 2,
+            mt: 2
+          },
           children: [/* @__PURE__ */(0, _jsxRuntime.jsx)(_material.Button, {
             variant: "outlined",
             color: "primary",
@@ -435,8 +445,10 @@ function OverdueInvoicePayment({
         })]
       }), summaryList.length > 1 && /* @__PURE__ */(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
         children: [/* @__PURE__ */(0, _jsxRuntime.jsxs)(_material.Typography, {
-          color: "text.secondary",
           variant: "body1",
+          sx: {
+            color: "text.secondary"
+          },
           children: [getOverdueTitle(), detailLinkOptions.enabled && /* @__PURE__ */(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
             children: [/* @__PURE__ */(0, _jsxRuntime.jsx)("br", {}), t("payment.subscription.overdue.description"), /* @__PURE__ */(0, _jsxRuntime.jsx)("a", {
               href: detailUrl,
@@ -450,15 +462,17 @@ function OverdueInvoicePayment({
             })]
           })]
         }), /* @__PURE__ */(0, _jsxRuntime.jsx)(_material.Typography, {
-          color: "text.secondary",
           variant: "body1",
+          sx: {
+            color: "text.secondary"
+          },
           children: t("payment.subscription.overdue.list")
         }), /* @__PURE__ */(0, _jsxRuntime.jsx)(_material.Stack, {
           children: summaryList.map(item => /* @__PURE__ */(0, _jsxRuntime.jsxs)(_material.Stack, {
             direction: "row",
-            justifyContent: "space-between",
-            alignItems: "center",
             sx: {
+              justifyContent: "space-between",
+              alignItems: "center",
               py: 1,
               px: 0.5,
               borderBottom: "1px solid",
@@ -486,20 +500,4 @@ function OverdueInvoicePayment({
     })
   });
 }
-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
-};
 module.exports = OverdueInvoicePayment;

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

@@ -8,13 +8,10 @@ var _jsxRuntime = require("react/jsx-runtime");
 var _material = require("@mui/material");
 var _util = require("@ocap/util");
 var _context = require("@arcblock/ux/lib/Locale/context");
-PaymentBeneficiaries.defaultProps = {
-  totalAmount: "0"
-};
 function PaymentBeneficiaries({
   data,
   currency,
-  totalAmount
+  totalAmount = "0"
 }) {
   const {
     t
@@ -23,7 +20,9 @@ function PaymentBeneficiaries({
     spacing: 2,
     children: [/* @__PURE__ */(0, _jsxRuntime.jsx)(_material.Typography, {
       variant: "subtitle2",
-      color: "text.secondary",
+      sx: {
+        color: "text.secondary"
+      },
       children: t("benefits.title", {
         count: data.length
       })
@@ -34,9 +33,9 @@ function PaymentBeneficiaries({
           xs: "column",
           sm: "row"
         },
-        alignItems: "center",
-        justifyContent: "space-between",
         sx: {
+          alignItems: "center",
+          justifyContent: "space-between",
           px: 0.5,
           borderRadius: 1,
           bgcolor: "background.paper",
@@ -47,8 +46,8 @@ function PaymentBeneficiaries({
         children: [/* @__PURE__ */(0, _jsxRuntime.jsxs)(_material.Stack, {
           direction: "row",
           spacing: 1.5,
-          alignItems: "center",
           sx: {
+            alignItems: "center",
             width: {
               xs: "100%",
               sm: "auto"
@@ -79,16 +78,16 @@ function PaymentBeneficiaries({
               children: item.name
             }), /* @__PURE__ */(0, _jsxRuntime.jsx)(_material.Typography, {
               variant: "caption",
-              color: "text.secondary",
               sx: {
+                color: "text.secondary",
                 cursor: "pointer"
               },
               children: item.address
             })]
           })]
         }), /* @__PURE__ */(0, _jsxRuntime.jsxs)(_material.Stack, {
-          alignItems: "flex-end",
           sx: {
+            alignItems: "flex-end",
             width: {
               xs: "100%",
               sm: "auto"
@@ -103,7 +102,9 @@ function PaymentBeneficiaries({
             children: [(0, _util.fromUnitToToken)(amount, currency.decimal), " ", currency.symbol]
           }), /* @__PURE__ */(0, _jsxRuntime.jsxs)(_material.Typography, {
             variant: "caption",
-            color: "text.secondary",
+            sx: {
+              color: "text.secondary"
+            },
             children: [Number(item.percent), "%"]
           })]
         })]

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

@@ -13,14 +13,14 @@ var _Toast = _interopRequireDefault(require("@arcblock/ux/lib/Toast"));
 var _system = require("@mui/system");
 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 fetchProduct = productId => {
   return _api.default.get(`/api/products/${productId}`).then(res => res?.data);
 };
 function PricingItem({
   productId,
   quantity,
-  children,
+  children = void 0,
   priceId
 }) {
   const {
@@ -55,7 +55,4 @@ function PricingItem({
     })
   });
 }
-PricingItem.defaultProps = {
-  children: null
-};
 module.exports = PricingItem;

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

@@ -19,7 +19,7 @@ var _util2 = require("../libs/util");
 var _mobile = require("../hooks/mobile");
 var _truncatedText = _interopRequireDefault(require("./truncated-text"));
 var _loadingButton = _interopRequireDefault(require("./loading-button"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const sortOrder = {
   year: 1,
   month: 2,
@@ -44,19 +44,13 @@ const groupItemsByRecurring = (items, currency) => {
     grouped
   };
 };
-PricingTable.defaultProps = {
-  alignItems: "center",
-  mode: "checkout",
-  interval: "",
-  hideCurrency: false
-};
 function PricingTable({
   table,
-  alignItems,
-  interval,
-  mode,
+  alignItems = "center",
+  interval = "",
+  mode = "checkout",
   onSelect,
-  hideCurrency
+  hideCurrency = false
 }) {
   const {
     t,

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

package/lib/components/resume-subscription.js

@@ -16,7 +16,7 @@ var _payment = require("../contexts/payment");
 var _util = require("../libs/util");
 var _api = _interopRequireDefault(require("../libs/api"));
 var _loadingButton = _interopRequireDefault(require("./loading-button"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const fetchSubscriptionDetail = async params => {
   const url = `/api/subscriptions/${params.subscriptionId}`;
   const res = await _api.default.get(params.authToken ? (0, _ufo.joinURL)(url, `?authToken=${params.authToken}`) : url);
@@ -34,10 +34,12 @@ const recoverSubscription = async params => {
 };
 function RecoverSubscription({
   subscriptionId,
-  dialogProps = {},
+  dialogProps = {
+    open: true
+  },
   onResumed = () => {},
   successToast = true,
-  authToken
+  authToken = void 0
 }) {
   const {
     t,
@@ -169,10 +171,14 @@ function RecoverSubscription({
       severity: "error",
       children: error.message
     }) : /* @__PURE__ */(0, _jsxRuntime.jsxs)(_material.Stack, {
-      gap: 2,
+      sx: {
+        gap: 2
+      },
       children: [/* @__PURE__ */(0, _jsxRuntime.jsx)(_material.Typography, {
-        color: "text.secondary",
         variant: "body2",
+        sx: {
+          color: "text.secondary"
+        },
         children: t("payment.customer.recover.description", {
           date: (0, _util.formatToDate)(Number(data?.subscription?.current_period_end || "0") * 1e3)
         })
@@ -181,9 +187,11 @@ function RecoverSubscription({
         children: t("payment.customer.recover.stakeRequiredDescription")
       }), /* @__PURE__ */(0, _jsxRuntime.jsxs)(_material.Stack, {
         direction: "row",
-        justifyContent: "flex-end",
-        gap: 2,
-        mt: 2,
+        sx: {
+          justifyContent: "flex-end",
+          gap: 2,
+          mt: 2
+        },
         children: [/* @__PURE__ */(0, _jsxRuntime.jsx)(_material.Button, {
           variant: "outlined",
           color: "primary",
@@ -200,12 +208,4 @@ function RecoverSubscription({
     })
   });
 }
-RecoverSubscription.defaultProps = {
-  onResumed: () => {},
-  dialogProps: {
-    open: true
-  },
-  successToast: true,
-  authToken: void 0
-};
 module.exports = RecoverSubscription;

package/lib/components/table.js

@@ -11,7 +11,7 @@ var _Datatable = _interopRequireDefault(require("@arcblock/ux/lib/Datatable"));
 var _context = require("@arcblock/ux/lib/Locale/context");
 var _system = require("@mui/system");
 var _mobile = require("../hooks/mobile");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function EmptyStub() {
   return null;
 }

package/lib/components/truncated-text.d.ts

@@ -3,12 +3,5 @@ interface TruncatedTextProps {
     maxLength?: number;
     useWidth?: boolean;
 }
-declare function TruncatedText({ text, maxLength, useWidth }: TruncatedTextProps): import("react").JSX.Element | null;
-declare namespace TruncatedText {
-    var defaultProps: {
-        useWidth: boolean;
-        text: string;
-        maxLength: number;
-    };
-}
-export default TruncatedText;
+export default function TruncatedText({ text, maxLength, useWidth }: TruncatedTextProps): import("react").JSX.Element | null;
+export {};

package/lib/components/truncated-text.js

@@ -47,9 +47,4 @@ function TruncatedText({
       children: truncatedText
     })
   });
-}
-TruncatedText.defaultProps = {
-  useWidth: false,
-  text: "",
-  maxLength: 100
-};
+}

package/lib/contexts/donate.d.ts

@@ -28,13 +28,6 @@ export type DonateContextProps = {
 declare const DonateContext: import("react").Context<DonateContextType>;
 declare const Consumer: import("react").Consumer<DonateContextType>;
 declare function DonateProvider({ mountLocation, description, defaultSettings, children, active, enableDonate, }: DonateContextProps): import("react").JSX.Element | null;
-declare namespace DonateProvider {
-    var defaultProps: {
-        defaultSettings: {};
-        active: boolean;
-        enableDonate: boolean;
-    };
-}
 declare function useDonateContext(): DonateContextType;
 export declare const clearDonateCache: (mountLocation: string) => void;
 export declare const clearDonateSettings: (mountLocation: string) => Promise<void>;

package/lib/contexts/donate.js

@@ -18,7 +18,7 @@ var _util = require("../libs/util");
 var _cachedRequest = require("../libs/cached-request");
 var _confirm = _interopRequireDefault(require("../components/confirm"));
 var _payment = require("./payment");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const DonateContext = exports.DonateContext = (0, _react.createContext)({
   api: _api.default
 });
@@ -125,7 +125,9 @@ function DonateProvider({
           alignItems: "center"
         },
         children: [/* @__PURE__ */(0, _jsxRuntime.jsx)(_material.Typography, {
-          color: "text.secondary",
+          sx: {
+            color: "text.secondary"
+          },
           children: t("payment.checkout.donation.inactive")
         }), /* @__PURE__ */(0, _jsxRuntime.jsx)(_material.Button, {
           size: "small",
@@ -160,11 +162,6 @@ function useDonateContext() {
   const context = (0, _react.useContext)(DonateContext);
   return context;
 }
-DonateProvider.defaultProps = {
-  defaultSettings: {},
-  active: true,
-  enableDonate: false
-};
 const clearDonateCache = mountLocation => {
   const livemode = localStorage.getItem("livemode") !== "false";
   const cacheKey = `donate-settings-${mountLocation}-${livemode}`;

package/lib/contexts/payment.d.ts

@@ -29,9 +29,6 @@ export type PaymentContextProps = {
 };
 declare const PaymentContext: import("react").Context<PaymentContextType>;
 declare const Consumer: import("react").Consumer<PaymentContextType>;
-declare function PaymentProvider({ session, connect, children, baseUrl, authToken }: PaymentContextProps): import("react").JSX.Element | null;
-declare namespace PaymentProvider {
-    var defaultProps: {};
-}
+declare function PaymentProvider({ session, connect, children, baseUrl, authToken, }: PaymentContextProps): import("react").JSX.Element | null;
 declare function usePaymentContext(): PaymentContextType;
 export { PaymentContext, PaymentProvider, Consumer as SettingsConsumer, usePaymentContext };

package/lib/contexts/payment.js

@@ -16,7 +16,7 @@ var _ufo = require("ufo");
 var _api = _interopRequireDefault(require("../libs/api"));
 var _util = require("../libs/util");
 var _cachedRequest = require("../libs/cached-request");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const formatData = data => {
   if (!data) {
     return {
@@ -61,7 +61,6 @@ const syncToSpaceRequest = (userDid, spaceDid) => {
     ttl: 1e3 * 60 * 60
     // 1 hour
   });
-
   return cachedRequest.fetch(false).then(res => {
     if (!res.success) {
       cachedRequest.clearCache();
@@ -73,8 +72,8 @@ function PaymentProvider({
   session,
   connect,
   children,
-  baseUrl,
-  authToken
+  baseUrl = void 0,
+  authToken = void 0
 }) {
   const [crossOriginLoading, setCrossOriginLoading] = (0, _react.useState)(false);
   if (authToken) {
@@ -106,7 +105,6 @@ function PaymentProvider({
           ttl: 10 * 60 * 1e3
           // 10 minutes TTL
         });
-
         const blockletInfo = await cachedRequest.fetch();
         const componentId = (blockletInfo?.componentId || "").split("/").pop();
         if (componentId === _util.PAYMENT_KIT_DID) {
@@ -177,5 +175,4 @@ function PaymentProvider({
 function usePaymentContext() {
   const context = (0, _react.useContext)(PaymentContext);
   return context;
-}
-PaymentProvider.defaultProps = {};
+}

package/lib/history/invoice/list.d.ts

@@ -13,21 +13,5 @@ type Props = {
     onTableDataChange?: Function;
     relatedSubscription?: boolean;
 };
-declare function CustomerInvoiceList(props: Props): JSX.Element;
-declare namespace CustomerInvoiceList {
-    var defaultProps: {
-        customer_id: string;
-        subscription_id: string;
-        currency_id: string;
-        include_staking: boolean;
-        include_recovered_from: boolean;
-        status: string;
-        pageSize: number;
-        target: string;
-        action: string;
-        type: string;
-        onTableDataChange: () => void;
-        relatedSubscription: boolean;
-    };
-}
-export default CustomerInvoiceList;
+export default function CustomerInvoiceList(rawProps: Props): JSX.Element;
+export {};