@blocklet/payment-react 1.18.56 → 1.19.1

package/es/components/resume-subscription.js

@@ -27,11 +27,13 @@ const recoverSubscription = async (params) => {
 };
 function RecoverSubscription({
   subscriptionId,
-  dialogProps = {},
+  dialogProps = {
+    open: true
+  },
   onResumed = () => {
   },
   successToast = true,
-  authToken
+  authToken = void 0
 }) {
   const { t, locale } = useLocaleContext();
   const { connect } = usePaymentContext();
@@ -133,26 +135,45 @@ function RecoverSubscription({
       title: dialogProps?.title || t("payment.customer.recover.title"),
       sx: { "& .MuiDialogContent-root": { pt: 0 } },
       onClose: handleClose,
-      children: error ? /* @__PURE__ */ jsx(Alert, { severity: "error", children: error.message }) : /* @__PURE__ */ jsxs(Stack, { gap: 2, children: [
-        /* @__PURE__ */ jsx(Typography, { color: "text.secondary", variant: "body2", children: t("payment.customer.recover.description", {
-          date: formatToDate(Number(data?.subscription?.current_period_end || "0") * 1e3)
-        }) }),
-        needStake && /* @__PURE__ */ jsx(Alert, { severity: "warning", children: t("payment.customer.recover.stakeRequiredDescription") }),
-        /* @__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") }),
-          /* @__PURE__ */ jsx(LoadingButton, { variant: "contained", size: "small", loading: recoverLoading, onClick: handleRecover, children: t("common.confirm") })
-        ] })
-      ] })
+      children: error ? /* @__PURE__ */ jsx(Alert, { severity: "error", children: error.message }) : /* @__PURE__ */ jsxs(
+        Stack,
+        {
+          sx: {
+            gap: 2
+          },
+          children: [
+            /* @__PURE__ */ jsx(
+              Typography,
+              {
+                variant: "body2",
+                sx: {
+                  color: "text.secondary"
+                },
+                children: t("payment.customer.recover.description", {
+                  date: formatToDate(Number(data?.subscription?.current_period_end || "0") * 1e3)
+                })
+              }
+            ),
+            needStake && /* @__PURE__ */ jsx(Alert, { severity: "warning", children: t("payment.customer.recover.stakeRequiredDescription") }),
+            /* @__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") }),
+                  /* @__PURE__ */ jsx(LoadingButton, { variant: "contained", size: "small", loading: recoverLoading, onClick: handleRecover, children: t("common.confirm") })
+                ]
+              }
+            )
+          ]
+        }
+      )
     }
   );
 }
-RecoverSubscription.defaultProps = {
-  onResumed: () => {
-  },
-  dialogProps: {
-    open: true
-  },
-  successToast: true,
-  authToken: void 0
-};
 export default RecoverSubscription;

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

@@ -21,8 +21,3 @@ export default function TruncatedText({ text = "", maxLength = 100, useWidth = f
   }
   return /* @__PURE__ */ jsx(CustomTooltip, { title: text, placement: "bottom", enterTouchDelay: 0, children: /* @__PURE__ */ jsx(Typography, { children: truncatedText }) });
 }
-TruncatedText.defaultProps = {
-  useWidth: false,
-  text: "",
-  maxLength: 100
-};

package/es/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/es/contexts/donate.js

@@ -83,8 +83,7 @@ function DonateProvider({
   };
   const supportPaymentKit = getPaymentKitComponent();
   const handleEnable = async () => {
-    if (!enableDonate || !data || data?.active)
-      return;
+    if (!enableDonate || !data || data?.active) return;
     try {
       await api.put(`/api/settings/${data.id}`, { active: true });
       if (supportPaymentKit) {
@@ -111,7 +110,15 @@ function DonateProvider({
       },
       children: data?.active === false ? /* @__PURE__ */ jsxs(Fragment, { children: [
         enableDonate && isAdmin && /* @__PURE__ */ jsxs(Stack, { spacing: 1, sx: { alignItems: "center" }, children: [
-          /* @__PURE__ */ jsx(Typography, { color: "text.secondary", children: t("payment.checkout.donation.inactive") }),
+          /* @__PURE__ */ jsx(
+            Typography,
+            {
+              sx: {
+                color: "text.secondary"
+              },
+              children: t("payment.checkout.donation.inactive")
+            }
+          ),
           /* @__PURE__ */ jsx(
             Button,
             {
@@ -151,11 +158,6 @@ function useDonateContext() {
   const context = useContext(DonateContext);
   return context;
 }
-DonateProvider.defaultProps = {
-  defaultSettings: {},
-  active: true,
-  enableDonate: false
-};
 export const clearDonateCache = (mountLocation) => {
   const livemode = localStorage.getItem("livemode") !== "false";
   const cacheKey = `donate-settings-${mountLocation}-${livemode}`;

package/es/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/es/contexts/payment.js

@@ -48,7 +48,13 @@ const syncToSpaceRequest = (userDid, spaceDid) => {
     return res;
   });
 };
-function PaymentProvider({ session, connect, children, baseUrl, authToken }) {
+function PaymentProvider({
+  session,
+  connect,
+  children,
+  baseUrl = void 0,
+  authToken = void 0
+}) {
   const [crossOriginLoading, setCrossOriginLoading] = useState(false);
   if (authToken) {
     window.__PAYMENT_KIT_AUTH_TOKEN = authToken;
@@ -150,5 +156,4 @@ function usePaymentContext() {
   const context = useContext(PaymentContext);
   return context;
 }
-PaymentProvider.defaultProps = {};
 export { PaymentContext, PaymentProvider, Consumer as SettingsConsumer, usePaymentContext };

package/es/history/credit/grants-list.d.ts

@@ -0,0 +1,14 @@
+type Props = {
+    customer_id?: string;
+    subscription_id?: string;
+    status?: string;
+    pageSize?: number;
+    onTableDataChange?: Function;
+    mode?: 'dashboard' | 'portal';
+};
+export declare function StatusChip({ status, label }: {
+    status: string;
+    label?: string;
+}): JSX.Element;
+export default function CreditGrantsList(rawProps: Props): JSX.Element;
+export {};

package/es/history/credit/grants-list.js

@@ -0,0 +1,215 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useLocaleContext } from "@arcblock/ux/lib/Locale/context";
+import { Box, Typography, Chip } from "@mui/material";
+import { useRequest } from "ahooks";
+import React, { useEffect, useRef, useState } from "react";
+import { useNavigate } from "react-router-dom";
+import { styled } from "@mui/system";
+import { formatBNStr, formatToDate } from "../../libs/util.js";
+import { usePaymentContext } from "../../contexts/payment.js";
+import api from "../../libs/api.js";
+import Table from "../../components/table.js";
+import { createLink, handleNavigation } from "../../libs/navigation.js";
+const fetchData = (params = {}) => {
+  const search = new URLSearchParams();
+  Object.keys(params).forEach((key) => {
+    if (params[key]) {
+      search.set(key, String(params[key]));
+    }
+  });
+  return api.get(`/api/credit-grants?${search.toString()}`).then((res) => res.data);
+};
+export function StatusChip({ status, label }) {
+  const getStatusColor = (statusValue) => {
+    switch (statusValue) {
+      case "granted":
+        return "success";
+      case "pending":
+        return "warning";
+      case "expired":
+        return "default";
+      case "depleted":
+        return "default";
+      case "voided":
+        return "default";
+      default:
+        return "default";
+    }
+  };
+  return /* @__PURE__ */ jsx(Chip, { label: label || status, size: "small", color: getStatusColor(status) });
+}
+const getLink = (grant, inDashboard) => {
+  let path = `/customer/credit-grant/${grant.id}`;
+  if (inDashboard) {
+    path = `/admin/customers/${grant.id}`;
+  }
+  return {
+    link: createLink(path),
+    connect: false
+  };
+};
+const GrantsTable = React.memo((props) => {
+  const { pageSize, status = "", customer_id, subscription_id, onTableDataChange } = props;
+  const listKey = "credit-grants-table";
+  const { t, locale } = useLocaleContext();
+  const { session } = usePaymentContext();
+  const navigate = useNavigate();
+  const isAdmin = ["owner", "admin"].includes(session?.user?.role || "");
+  const inDashboard = props.mode === "dashboard" && isAdmin;
+  const effectiveCustomerId = customer_id || session?.user?.did;
+  const [search, setSearch] = useState({
+    pageSize: pageSize || 10,
+    page: 1
+  });
+  const { loading, data = { list: [], count: 0 } } = useRequest(
+    () => fetchData({
+      ...search,
+      status,
+      customer_id: effectiveCustomerId,
+      subscription_id
+    }),
+    {
+      refreshDeps: [search, status, effectiveCustomerId, subscription_id]
+    }
+  );
+  const prevData = useRef(data);
+  const handleLinkClick = (e, grant) => {
+    const { link } = getLink(grant, inDashboard);
+    handleNavigation(e, link, navigate, { target: link.external ? "_blank" : "_self" });
+  };
+  useEffect(() => {
+    if (onTableDataChange) {
+      onTableDataChange(data, prevData.current);
+      prevData.current = data;
+    }
+  }, [data]);
+  const columns = [
+    {
+      label: t("common.name"),
+      name: "name",
+      options: {
+        customBodyRenderLite: (_, index) => {
+          const grant = data?.list[index];
+          return /* @__PURE__ */ jsx(Box, { onClick: (e) => handleLinkClick(e, grant), children: grant.name || grant.id });
+        }
+      }
+    },
+    {
+      label: t("common.status"),
+      name: "status",
+      options: {
+        customBodyRenderLite: (_, index) => {
+          const grant = data?.list[index];
+          return /* @__PURE__ */ jsx(Box, { onClick: (e) => handleLinkClick(e, grant), children: /* @__PURE__ */ jsx(StatusChip, { status: grant.status, label: t(`admin.customer.creditGrants.status.${grant.status}`) }) });
+        }
+      }
+    },
+    {
+      label: t("common.remainingCredit"),
+      name: "remaining_amount",
+      align: "right",
+      options: {
+        customBodyRenderLite: (_, index) => {
+          const grant = data?.list[index];
+          return /* @__PURE__ */ jsx(Box, { onClick: (e) => handleLinkClick(e, grant), children: /* @__PURE__ */ jsxs(Typography, { variant: "body2", children: [
+            formatBNStr(grant.remaining_amount, grant.paymentCurrency.decimal),
+            " ",
+            grant.paymentCurrency.symbol
+          ] }) });
+        }
+      }
+    },
+    {
+      label: t("common.scope"),
+      name: "scope",
+      options: {
+        customBodyRenderLite: (_, index) => {
+          const grant = data?.list[index];
+          let scope = "general";
+          if (grant.applicability_config?.scope?.prices) {
+            scope = "specific";
+          }
+          return /* @__PURE__ */ jsx(Box, { onClick: (e) => handleLinkClick(e, grant), children: scope === "specific" ? t("common.specific") : t("common.general") });
+        }
+      }
+    },
+    {
+      label: t("common.effectiveDate"),
+      name: "effective_at",
+      options: {
+        customBodyRenderLite: (_, index) => {
+          const grant = data?.list[index];
+          const effectiveAt = grant.effective_at ? grant.effective_at * 1e3 : grant.created_at;
+          return /* @__PURE__ */ jsx(Box, { onClick: (e) => handleLinkClick(e, grant), children: formatToDate(effectiveAt, locale, "YYYY-MM-DD HH:mm") });
+        }
+      }
+    },
+    {
+      label: t("common.expirationDate"),
+      name: "expires_at",
+      options: {
+        customBodyRenderLite: (_, index) => {
+          const grant = data?.list[index];
+          return /* @__PURE__ */ jsx(Box, { onClick: (e) => handleLinkClick(e, grant), children: /* @__PURE__ */ jsx(Typography, { variant: "body2", children: grant.expires_at ? formatToDate(grant.expires_at * 1e3, locale, "YYYY-MM-DD HH:mm") : "-" }) });
+        }
+      }
+    }
+  ];
+  const onTableChange = ({ page, rowsPerPage }) => {
+    if (search.pageSize !== rowsPerPage) {
+      setSearch((x) => ({ ...x, pageSize: rowsPerPage, page: 1 }));
+    } else if (search.page !== page + 1) {
+      setSearch((x) => ({ ...x, page: page + 1 }));
+    }
+  };
+  return /* @__PURE__ */ jsx(TableRoot, { children: /* @__PURE__ */ jsx(
+    Table,
+    {
+      hasRowLink: true,
+      durable: `__${listKey}__`,
+      durableKeys: ["page", "rowsPerPage", "searchText"],
+      data: data.list,
+      columns,
+      options: {
+        count: data.count,
+        page: search.page - 1,
+        rowsPerPage: search.pageSize
+      },
+      loading,
+      onChange: onTableChange,
+      toolbar: false,
+      sx: { mt: 2 },
+      showMobile: false,
+      mobileTDFlexDirection: "row",
+      emptyNodeText: t("admin.creditGrants.noGrants")
+    }
+  ) });
+});
+const TableRoot = styled(Box)`
+  @media (max-width: ${({ theme }) => theme.breakpoints.values.md}px) {
+    .MuiTable-root > .MuiTableBody-root > .MuiTableRow-root > td.MuiTableCell-root {
+      > div {
+        width: fit-content;
+        flex: inherit;
+        font-size: 14px;
+      }
+    }
+    .invoice-summary {
+      padding-right: 20px;
+    }
+  }
+`;
+export default function CreditGrantsList(rawProps) {
+  const props = Object.assign(
+    {
+      customer_id: "",
+      subscription_id: "",
+      status: "granted,pending,depleted,expired",
+      pageSize: 10,
+      onTableDataChange: () => {
+      }
+    },
+    rawProps
+  );
+  return /* @__PURE__ */ jsx(GrantsTable, { ...props });
+}

package/es/history/credit/transactions-list.d.ts

@@ -0,0 +1,13 @@
+type Props = {
+    customer_id?: string;
+    subscription_id?: string;
+    credit_grant_id?: string;
+    pageSize?: number;
+    onTableDataChange?: Function;
+    showAdminColumns?: boolean;
+    showTimeFilter?: boolean;
+    source?: string;
+    mode?: 'dashboard' | 'portal';
+};
+export default function CreditTransactionsList(rawProps: Props): JSX.Element;
+export {};