@blocklet/payment-react 1.20.10 → 1.20.12

package/lib/locales/en.js

@@ -109,8 +109,8 @@ module.exports = (0, _flat.default)({
     know: "I know",
     relatedSubscription: "Subscription",
     connect: {
-      defaultScan: "Use following methods to complete this action",
-      scan: "Use following methods to complete this {action}",
+      defaultScan: "Use the following methods to complete this action",
+      scan: "Use the following methods to complete this {action}",
       confirm: "Confirm",
       cancel: "Cancel"
     },
@@ -160,14 +160,14 @@ module.exports = (0, _flat.default)({
         },
         inactive: "Donation feature is not enabled",
         enable: "Enable Donation",
-        enableSuccess: "Enable Success",
-        configPrompt: "Donation feature is enabled, you can configure donation options in Payment Kit",
+        enableSuccess: "Successfully enabled",
+        configPrompt: "The donation feature is enabled. You can configure donation options in Payment Kit",
         configNow: "Configure Now",
         later: "Configure Later",
         configTip: "Configure donation settings in Payment Kit"
       },
       cardPay: "{action} with bank card",
-      empty: "No thing to pay",
+      empty: "Nothing to pay",
       per: "per",
       pay: "Pay {payee}",
       try1: "Try {name}",
@@ -181,8 +181,8 @@ module.exports = (0, _flat.default)({
       least: "continue with at least",
       completed: {
         payment: "Thanks for your purchase",
-        subscription: "Thanks for your subscribing",
-        setup: "Thanks for your subscribing",
+        subscription: "Thanks for subscribing",
+        setup: "Thanks for subscribing",
         donate: "Thanks for your tip",
         tip: "A payment to {payee} has been completed. You can view the details of this payment in your account."
       },
@@ -191,7 +191,7 @@ module.exports = (0, _flat.default)({
         progress: "Progress {progress}%",
         delivered: "Installation completed",
         failed: "Processing failed",
-        failedMsg: "An exception occurred during installation. We will automatically process a refund for you. We apologize for the inconvenience caused. Thank you for your understanding!"
+        failedMsg: "An exception occurred during installation. We will automatically process a refund for you. We apologize for the inconvenience. Thank you for your understanding!"
       },
       confirm: {
         withStake: "By confirming, you allow {payee} to charge your account for future payments and, if necessary, slash your stake. You can cancel your subscription or withdraw your stake at any time.",
@@ -240,14 +240,39 @@ module.exports = (0, _flat.default)({
       },
       emptyItems: {
         title: "Nothing to show here",
-        description: "Seems this checkoutSession is not configured properly"
+        description: "It seems this checkout session is not configured properly"
       },
       orderSummary: "Order Summary",
       paymentDetails: "Payment Details",
       productListTotal: "Includes {total} items",
+      promotion: {
+        add_code: "Add promotion code",
+        enter_code: "Enter promotion code",
+        placeholder: "Enter code",
+        apply: "Apply",
+        applied: "Applied promotion codes",
+        dialog: {
+          title: "Add promotion code"
+        },
+        error: {
+          unknown: "Unknown error",
+          network: "Network error occurred",
+          removal: "Failed to remove code"
+        }
+      },
+      coupon: {
+        noDiscount: "No discount",
+        percentage: "{percent}% off",
+        fixedAmount: "{amount} {symbol} off",
+        terms: {
+          forever: "{couponOff} forever",
+          once: "{couponOff} once",
+          repeating: "{couponOff} for {months} month{months > 1 ? 's' : ''}"
+        }
+      },
       connectModal: {
         title: "{action}",
-        scan: "Use following methods to complete this payment",
+        scan: "Use the following methods to complete this payment",
         confirm: "Confirm",
         cancel: "Cancel"
       },
@@ -330,7 +355,7 @@ module.exports = (0, _flat.default)({
       summary: "Summary",
       products: "Products",
       update: "Update Information",
-      empty: "Seems you do not have any subscriptions or payments here",
+      empty: "It seems you do not have any subscriptions or payments here",
       cancel: {
         button: "Unsubscribe",
         title: "Cancel your subscription",
@@ -341,7 +366,7 @@ module.exports = (0, _flat.default)({
           tip: "We would love your feedback, it will help us improve our service",
           too_expensive: "The service is too expensive",
           missing_features: "Features are missing for this service",
-          switched_service: "I have switched to alternative service",
+          switched_service: "I have switched to an alternative service",
           unused: "I no longer use this service",
           customer_service: "The customer service is poor",
           too_complex: "The service is too complex to use",
@@ -352,7 +377,7 @@ module.exports = (0, _flat.default)({
       pastDue: {
         button: "Pay",
         invoices: "Past Due Invoices",
-        warning: "Past due invoices need to be paid immediately, otherwise you can not make new purchases anymore.",
+        warning: "Past due invoices need to be paid immediately, otherwise you cannot make new purchases anymore.",
         alert: {
           title: "You have unpaid invoices",
           customMessage: "Please pay immediately, otherwise new purchases or subscriptions will be prohibited.",
@@ -405,7 +430,7 @@ module.exports = (0, _flat.default)({
         amountApplied: "Applied Credit",
         pay: "Pay this invoice",
         paySuccess: "You have successfully paid the invoice",
-        payError: "Failed to paid the invoice",
+        payError: "Failed to pay the invoice",
         renew: "Renew the subscription",
         renewSuccess: "You have successfully renewed the subscription",
         renewError: "Failed to renew the subscription",
@@ -433,7 +458,7 @@ module.exports = (0, _flat.default)({
         viewAll: "View all",
         empty: "There are no subscriptions here",
         changePayment: "Change payment method",
-        trialLeft: "Trail Left",
+        trialLeft: "Trial Left",
         owner: "Subscription Owner"
       },
       overdue: {

package/lib/locales/zh.js

@@ -233,6 +233,35 @@ module.exports = (0, _flat.default)({
         add: "\u6DFB\u52A0\u5230\u8BA2\u5355",
         remove: "\u4ECE\u8BA2\u5355\u79FB\u9664"
       },
+      promotion: {
+        add_code: "\u6DFB\u52A0\u4FC3\u9500\u7801",
+        enter_code: "\u8F93\u5165\u4FC3\u9500\u7801",
+        apply: "\u5E94\u7528",
+        applied: "\u5DF2\u5E94\u7528\u7684\u4FC3\u9500\u7801",
+        placeholder: "\u8F93\u5165\u4FC3\u9500\u7801",
+        duration_once: "1\u6B21\u4F18\u60E0 {amount} {symbol}",
+        duration_repeating: "{months}\u4E2A\u6708\u4F18\u60E0 {amount} {symbol}",
+        duration_forever: "\u6C38\u4E45\u4F18\u60E0 {amount} {symbol}",
+        dialog: {
+          title: "\u6DFB\u52A0\u4FC3\u9500\u7801"
+        },
+        error: {
+          invalid: "\u65E0\u6548\u7684\u4FC3\u9500\u7801",
+          expired: "\u4FC3\u9500\u7801\u5DF2\u8FC7\u671F",
+          used: "\u4FC3\u9500\u7801\u5DF2\u88AB\u4F7F\u7528",
+          not_applicable: "\u4FC3\u9500\u7801\u4E0D\u9002\u7528\u4E8E\u6B64\u8BA2\u5355"
+        }
+      },
+      coupon: {
+        noDiscount: "\u65E0\u4F18\u60E0",
+        percentage: "{percent}%",
+        fixedAmount: "{amount} {symbol}",
+        terms: {
+          forever: "\u6C38\u4E45\u4EAB {couponOff} \u6298\u6263",
+          once: "\u5355\u6B21\u4EAB {couponOff} \u6298\u6263",
+          repeating: "{months} \u4E2A\u6708\u5185\u4EAB {couponOff} \u6298\u6263"
+        }
+      },
       credit: {
         oneTimeInfo: "\u4ED8\u6B3E\u5B8C\u6210\u540E\u60A8\u5C06\u83B7\u5F97 {amount} {symbol} \u989D\u5EA6",
         recurringInfo: "\u60A8\u5C06{period}\u83B7\u5F97 {amount} {symbol} \u989D\u5EA6",

package/lib/payment/form/index.js

@@ -122,7 +122,8 @@ function PaymentForm({
   const {
     session,
     connect,
-    payable
+    payable,
+    setPaymentState
   } = (0, _payment.usePaymentContext)();
   const subscription = (0, _subscription.useSubscription)("events");
   const formErrorPosition = "bottom";
@@ -174,6 +175,12 @@ function PaymentForm({
       subscription.on("checkout.session.completed", onCheckoutComplete);
     }
   }, [subscription]);
+  (0, _react.useEffect)(() => {
+    setPaymentState({
+      paying: state.submitting || state.paying,
+      stripePaying: state.stripePaying
+    });
+  }, [state.submitting, state.paying, state.stripePaying]);
   const mergeUserInfo = (customerInfo, userInfo) => {
     return {
       ...(userInfo || {}),

package/lib/payment/index.js

@@ -149,6 +149,13 @@ function PaymentInner({
     if (onChange) {
       onChange(methods.getValues());
     }
+    if (state.checkoutSession?.discounts?.length) {
+      _api.default.post(`/api/checkout-sessions/${state.checkoutSession.id}/recalculate-promotion`, {
+        currency_id: currencyId
+      }).then(() => {
+        onPromotionUpdate();
+      });
+    }
   }, [currencyId]);
   const onUpsell = async (from, to) => {
     try {
@@ -244,6 +251,19 @@ function PaymentInner({
       _Toast.default.error((0, _util2.formatError)(err));
     }
   };
+  const onPromotionUpdate = async () => {
+    try {
+      const {
+        data
+      } = await _api.default.get(`/api/checkout-sessions/retrieve/${state.checkoutSession.id}`);
+      setState({
+        checkoutSession: data.checkoutSession
+      });
+    } catch (err) {
+      console.error(err);
+      _Toast.default.error((0, _util2.formatError)(err));
+    }
+  };
   const handlePaid = result => {
     setState({
       checkoutSession: result.checkoutSession
@@ -292,6 +312,9 @@ function PaymentInner({
             donationSettings: paymentLink?.donation_settings,
             action,
             completed,
+            checkoutSession: state.checkoutSession,
+            onPromotionUpdate,
+            paymentMethods,
             showFeatures
           }), mode === "standalone" && !isMobile && /* @__PURE__ */(0, _jsxRuntime.jsx)(_footer.default, {
             className: "cko-footer",

package/lib/payment/product-item.js

@@ -183,6 +183,52 @@ function ProductItem({
             children: pricing.secondary
           })]
         })]
+      }), item.discount_amounts && item.discount_amounts.length > 0 && /* @__PURE__ */(0, _jsxRuntime.jsx)(_material.Stack, {
+        direction: "row",
+        spacing: 1,
+        sx: {
+          mt: 1,
+          alignItems: "center"
+        },
+        children: item.discount_amounts.map(discountAmount => /* @__PURE__ */(0, _jsxRuntime.jsx)(_material.Chip, {
+          icon: /* @__PURE__ */(0, _jsxRuntime.jsx)(_iconsMaterial.LocalOffer, {
+            sx: {
+              fontSize: "0.8rem !important"
+            }
+          }),
+          label: /* @__PURE__ */(0, _jsxRuntime.jsxs)(_material.Box, {
+            sx: {
+              display: "flex",
+              alignItems: "center",
+              gap: 0.5
+            },
+            children: [/* @__PURE__ */(0, _jsxRuntime.jsx)(_material.Typography, {
+              component: "span",
+              sx: {
+                fontSize: "0.75rem",
+                fontWeight: "medium"
+              },
+              children: discountAmount.promotion_code?.code || "DISCOUNT"
+            }), /* @__PURE__ */(0, _jsxRuntime.jsxs)(_material.Typography, {
+              component: "span",
+              sx: {
+                fontSize: "0.75rem"
+              },
+              children: ["(-", (0, _util.formatAmount)(discountAmount.amount || "0", currency.decimal), " ", currency.symbol, ")"]
+            })]
+          }),
+          size: "small",
+          variant: "filled",
+          sx: {
+            height: 20,
+            "& .MuiChip-icon": {
+              color: "warning.main"
+            },
+            "& .MuiChip-label": {
+              px: 1
+            }
+          }
+        }, discountAmount.promotion_code))
       }), showFeatures && features.length > 0 && /* @__PURE__ */(0, _jsxRuntime.jsx)(_material.Box, {
         sx: {
           display: "flex",

package/lib/payment/summary.d.ts

@@ -1,4 +1,4 @@
-import type { DonationSettings, TLineItemExpanded, TPaymentCurrency } from '@blocklet/payment-types';
+import type { DonationSettings, TLineItemExpanded, TPaymentCurrency, TCheckoutSession, TPaymentMethodExpanded } from '@blocklet/payment-types';
 type Props = {
     items: TLineItemExpanded[];
     currency: TPaymentCurrency;
@@ -17,7 +17,10 @@ type Props = {
     donationSettings?: DonationSettings;
     action?: string;
     completed?: boolean;
+    checkoutSession?: TCheckoutSession;
+    onPromotionUpdate?: () => void;
+    paymentMethods?: TPaymentMethodExpanded[];
     showFeatures?: boolean;
 };
-export default function PaymentSummary({ items, currency, trialInDays, billingThreshold, onUpsell, onDownsell, onQuantityChange, onApplyCrossSell, onCancelCrossSell, onChangeAmount, checkoutSessionId, crossSellBehavior, showStaking, donationSettings, action, trialEnd, completed, showFeatures, ...rest }: Props): import("react").JSX.Element;
+export default function PaymentSummary({ items, currency, trialInDays, billingThreshold, onUpsell, onDownsell, onQuantityChange, onApplyCrossSell, onCancelCrossSell, onChangeAmount, checkoutSessionId, crossSellBehavior, showStaking, donationSettings, action, trialEnd, completed, checkoutSession, paymentMethods, onPromotionUpdate, showFeatures, ...rest }: Props): import("react").JSX.Element;
 export {};

package/lib/payment/summary.js

@@ -24,6 +24,7 @@ var _livemode = _interopRequireDefault(require("../components/livemode"));
 var _payment = require("../contexts/payment");
 var _mobile = require("../hooks/mobile");
 var _loadingButton = _interopRequireDefault(require("../components/loading-button"));
+var _promotionCode = _interopRequireDefault(require("../components/promotion-code"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const ExpandMore = (0, _styles.styled)(props => {
   const {
@@ -101,6 +102,9 @@ function PaymentSummary({
   action = "",
   trialEnd = 0,
   completed = false,
+  checkoutSession = void 0,
+  paymentMethods = [],
+  onPromotionUpdate = _noop.default,
   showFeatures = false,
   ...rest
 }) {
@@ -111,7 +115,10 @@ function PaymentSummary({
   const {
     isMobile
   } = (0, _mobile.useMobile)();
-  const settings = (0, _payment.usePaymentContext)();
+  const {
+    paymentState,
+    ...settings
+  } = (0, _payment.usePaymentContext)();
   const [state, setState] = (0, _ahooks.useSetState)({
     loading: false,
     shake: false,
@@ -121,12 +128,40 @@ function PaymentSummary({
     data,
     runAsync
   } = (0, _ahooks.useRequest)(() => checkoutSessionId ? fetchCrossSell(checkoutSessionId) : Promise.resolve(null));
-  const headlines = (0, _util2.formatCheckoutHeadlines)(items, currency, {
+  const sessionDiscounts = checkoutSession?.discounts || [];
+  const allowPromotionCodes = !!checkoutSession?.allow_promotion_codes;
+  const hasDiscounts = sessionDiscounts?.length > 0;
+  const discountCurrency = paymentMethods && checkoutSession ? (0, _util2.findCurrency)(paymentMethods, hasDiscounts ? checkoutSession?.currency_id || currency.id : currency.id) || settings.settings?.baseCurrency : currency;
+  const headlines = (0, _util2.formatCheckoutHeadlines)(items, discountCurrency, {
     trialEnd,
     trialInDays
   }, locale);
-  const staking = showStaking ? getStakingSetup(items, currency, billingThreshold) : "0";
-  const totalAmount = (0, _util.fromUnitToToken)(new _util.BN((0, _util.fromTokenToUnit)(headlines.actualAmount, currency?.decimal)).add(new _util.BN(staking)).toString(), currency?.decimal);
+  const staking = showStaking ? getStakingSetup(items, discountCurrency, billingThreshold) : "0";
+  const getAppliedPromotionCodes = () => {
+    if (!sessionDiscounts?.length) return [];
+    return sessionDiscounts.map(discount => ({
+      id: discount.promotion_code || discount.coupon,
+      code: discount.verification_data?.code || "APPLIED",
+      discount_amount: discount.discount_amount
+    }));
+  };
+  const handlePromotionUpdate = () => {
+    onPromotionUpdate?.();
+  };
+  const handleRemovePromotion = async sessionId => {
+    if (paymentState.paying || paymentState.stripePaying) {
+      return;
+    }
+    try {
+      await _api.default.delete(`/api/checkout-sessions/${sessionId}/remove-promotion`);
+      onPromotionUpdate?.();
+    } catch (err) {
+      console.error("Failed to remove promotion code:", err);
+    }
+  };
+  const discountAmount = new _util.BN(checkoutSession?.total_details?.amount_discount || "0");
+  const subtotalAmount = (0, _util.fromUnitToToken)(new _util.BN((0, _util.fromTokenToUnit)(headlines.actualAmount, discountCurrency?.decimal)).add(new _util.BN(staking)).toString(), discountCurrency?.decimal);
+  const totalAmount = (0, _util.fromUnitToToken)(new _util.BN((0, _util.fromTokenToUnit)(subtotalAmount, discountCurrency?.decimal)).sub(discountAmount).toString(), discountCurrency?.decimal);
   (0, _useBus.default)("error.REQUIRE_CROSS_SELL", () => {
     setState({
       shake: true
@@ -194,13 +229,13 @@ function PaymentSummary({
         item: x,
         settings: donationSettings,
         onChange: onChangeAmount,
-        currency
-      }, `${x.price_id}-${currency.id}`) : /* @__PURE__ */(0, _jsxRuntime.jsx)(_productItem.default, {
+        currency: discountCurrency
+      }, `${x.price_id}-${discountCurrency.id}`) : /* @__PURE__ */(0, _jsxRuntime.jsx)(_productItem.default, {
         item: x,
         items,
         trialInDays,
         trialEnd,
-        currency,
+        currency: discountCurrency,
         onUpsell: handleUpsell,
         onDownsell: handleDownsell,
         adjustableQuantity: x.adjustable_quantity,
@@ -225,7 +260,7 @@ function PaymentSummary({
             children: t("payment.checkout.cross_sell.remove")
           })]
         })
-      }, `${x.price_id}-${currency.id}`))
+      }, `${x.price_id}-${discountCurrency.id}`))
     }), data && items.some(x => x.price_id === data.id) === false && /* @__PURE__ */(0, _jsxRuntime.jsx)(_material.Grow, {
       in: true,
       children: /* @__PURE__ */(0, _jsxRuntime.jsx)(_material.Stack, {
@@ -241,7 +276,7 @@ function PaymentSummary({
           },
           items,
           trialInDays,
-          currency,
+          currency: discountCurrency,
           trialEnd,
           onUpsell: _noop.default,
           onDownsell: _noop.default,
@@ -400,9 +435,116 @@ function PaymentSummary({
               })
             })]
           }), /* @__PURE__ */(0, _jsxRuntime.jsxs)(_material.Typography, {
-            children: [(0, _util2.formatAmount)(staking, currency.decimal), " ", currency.symbol]
+            children: [(0, _util2.formatAmount)(staking, discountCurrency.decimal), " ", discountCurrency.symbol]
           })]
         })]
+      }), (allowPromotionCodes || hasDiscounts) && /* @__PURE__ */(0, _jsxRuntime.jsxs)(_material.Stack, {
+        direction: "row",
+        spacing: 1,
+        sx: {
+          justifyContent: "space-between",
+          alignItems: "center",
+          ...(staking > 0 && {
+            borderTop: "1px solid",
+            borderColor: "divider",
+            pt: 1,
+            mt: 1
+          })
+        },
+        children: [/* @__PURE__ */(0, _jsxRuntime.jsx)(_material.Typography, {
+          className: "base-label",
+          children: t("common.subtotal")
+        }), /* @__PURE__ */(0, _jsxRuntime.jsxs)(_material.Typography, {
+          children: [(0, _util2.formatNumber)(subtotalAmount), " ", discountCurrency.symbol]
+        })]
+      }), allowPromotionCodes && !hasDiscounts && /* @__PURE__ */(0, _jsxRuntime.jsx)(_material.Box, {
+        sx: {
+          mt: 1
+        },
+        children: /* @__PURE__ */(0, _jsxRuntime.jsx)(_promotionCode.default, {
+          checkoutSessionId: checkoutSession.id,
+          initialAppliedCodes: getAppliedPromotionCodes(),
+          disabled: completed,
+          onUpdate: handlePromotionUpdate,
+          currencyId: currency.id
+        })
+      }), hasDiscounts && /* @__PURE__ */(0, _jsxRuntime.jsx)(_material.Box, {
+        sx: {
+          py: 1.5
+        },
+        children: sessionDiscounts.map(discount => {
+          const promotionCodeInfo = discount.promotion_code_details;
+          const couponInfo = discount.coupon_details;
+          const discountDescription = couponInfo ? (0, _util2.formatCouponTerms)(couponInfo, discountCurrency, locale) : "";
+          const notSupported = discountDescription === t("payment.checkout.coupon.noDiscount");
+          return /* @__PURE__ */(0, _jsxRuntime.jsxs)(_material.Stack, {
+            children: [/* @__PURE__ */(0, _jsxRuntime.jsxs)(_material.Stack, {
+              direction: "row",
+              spacing: 1,
+              sx: {
+                justifyContent: "space-between",
+                alignItems: "center"
+              },
+              children: [/* @__PURE__ */(0, _jsxRuntime.jsxs)(_material.Stack, {
+                direction: "row",
+                spacing: 1,
+                sx: {
+                  alignItems: "center",
+                  backgroundColor: "grey.100",
+                  width: "fit-content",
+                  px: 1,
+                  py: 0.5,
+                  borderRadius: 1
+                },
+                children: [/* @__PURE__ */(0, _jsxRuntime.jsxs)(_material.Typography, {
+                  sx: {
+                    fontWeight: "medium",
+                    fontSize: "small",
+                    display: "flex",
+                    alignItems: "center",
+                    gap: 0.5
+                  },
+                  children: [/* @__PURE__ */(0, _jsxRuntime.jsx)(_iconsMaterial.LocalOffer, {
+                    sx: {
+                      color: "warning.main",
+                      fontSize: "small"
+                    }
+                  }), promotionCodeInfo?.code || discount.verification_data?.code || t("payment.checkout.discount")]
+                }), !completed && /* @__PURE__ */(0, _jsxRuntime.jsx)(_material.Button, {
+                  size: "small",
+                  disabled: paymentState.paying || paymentState.stripePaying,
+                  onClick: () => handleRemovePromotion(checkoutSessionId),
+                  sx: {
+                    minWidth: "auto",
+                    width: 16,
+                    height: 16,
+                    color: "text.secondary",
+                    "&.Mui-disabled": {
+                      color: "text.disabled"
+                    }
+                  },
+                  children: /* @__PURE__ */(0, _jsxRuntime.jsx)(_iconsMaterial.Close, {
+                    sx: {
+                      fontSize: 14
+                    }
+                  })
+                })]
+              }), /* @__PURE__ */(0, _jsxRuntime.jsxs)(_material.Typography, {
+                sx: {
+                  color: "text.secondary"
+                },
+                children: ["-", (0, _util2.formatAmount)(discount.discount_amount || "0", discountCurrency.decimal), " ", discountCurrency.symbol]
+              })]
+            }), discountDescription && /* @__PURE__ */(0, _jsxRuntime.jsx)(_material.Typography, {
+              sx: {
+                fontSize: "small",
+                color: notSupported ? "error.main" : "text.secondary",
+                mt: 0.5
+              },
+              children: discountDescription
+            })]
+          }, discount.promotion_code || discount.coupon || `discount-${discount.discount_amount}`);
+        })
       }), /* @__PURE__ */(0, _jsxRuntime.jsxs)(_material.Stack, {
         sx: {
           display: "flex",
@@ -415,7 +557,7 @@ function PaymentSummary({
           className: "base-label",
           children: [t("common.total"), " "]
         }), /* @__PURE__ */(0, _jsxRuntime.jsx)(_amount.default, {
-          amount: `${totalAmount} ${currency.symbol}`,
+          amount: `${totalAmount} ${discountCurrency.symbol}`,
           sx: {
             fontSize: "16px"
           }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blocklet/payment-react",
-  "version": "1.20.10",
+  "version": "1.20.12",
   "description": "Reusable react components for payment kit v2",
   "keywords": [
     "react",
@@ -54,16 +54,16 @@
     }
   },
   "dependencies": {
-    "@arcblock/did-connect-react": "^3.1.40",
-    "@arcblock/ux": "^3.1.40",
-    "@arcblock/ws": "^1.24.9",
-    "@blocklet/theme": "^3.1.40",
-    "@blocklet/ui-react": "^3.1.40",
+    "@arcblock/did-connect-react": "^3.1.41",
+    "@arcblock/ux": "^3.1.41",
+    "@arcblock/ws": "^1.25.1",
+    "@blocklet/theme": "^3.1.41",
+    "@blocklet/ui-react": "^3.1.41",
     "@mui/icons-material": "^7.1.2",
     "@mui/lab": "7.0.0-beta.14",
     "@mui/material": "^7.1.2",
     "@mui/system": "^7.1.1",
-    "@ocap/util": "^1.24.9",
+    "@ocap/util": "^1.25.1",
     "@stripe/react-stripe-js": "^2.9.0",
     "@stripe/stripe-js": "^2.4.0",
     "@vitejs/plugin-legacy": "^7.0.0",
@@ -94,7 +94,7 @@
     "@babel/core": "^7.27.4",
     "@babel/preset-env": "^7.27.2",
     "@babel/preset-react": "^7.27.1",
-    "@blocklet/payment-types": "1.20.10",
+    "@blocklet/payment-types": "1.20.12",
     "@storybook/addon-essentials": "^7.6.20",
     "@storybook/addon-interactions": "^7.6.20",
     "@storybook/addon-links": "^7.6.20",
@@ -125,5 +125,5 @@
     "vite-plugin-babel": "^1.3.1",
     "vite-plugin-node-polyfills": "^0.23.0"
   },
-  "gitHead": "1659d63120ced92167ec8681e51db96801b910ec"
+  "gitHead": "e6c432f89c2bf305efc903c0809f4a0557c07774"
 }