@blocklet/payment-react 1.13.150 → 1.13.151

package/es/checkout/form.js

@@ -1,9 +1,11 @@
 import { jsx } from "react/jsx-runtime";
 import { useRequest, useSetState } from "ahooks";
 import noop from "lodash/noop";
+import { useEffect } from "react";
+import { joinURL } from "ufo";
 import api from "../api.js";
 import Payment from "../payment/index.js";
-import { mergeExtraParams } from "../util.js";
+import { getPrefix, mergeExtraParams } from "../util.js";
 const startFromPaymentLink = async (id, params) => {
   const { data } = await api.post(`/api/checkout-sessions/start/${id}?${mergeExtraParams(params)}`);
   return data;
@@ -21,6 +23,11 @@ export default function CheckoutForm({ id, onPaid, onError, mode, goBack, extraP
   const { error: apiError, data } = useRequest(
     () => type === "paymentLink" ? startFromPaymentLink(id, extraParams) : fetchCheckoutSession(id)
   );
+  useEffect(() => {
+    if (type === "paymentLink" && mode === "standalone" && data) {
+      window.history.replaceState(null, "", joinURL(getPrefix(), `/checkout/pay/${data.checkoutSession.id}`));
+    }
+  }, [type, mode, data]);
   const handlePaid = () => {
     setState({ completed: true });
     onPaid?.(data);

package/lib/checkout/form.js

@@ -7,6 +7,8 @@ module.exports = CheckoutForm;
 var _jsxRuntime = require("react/jsx-runtime");
 var _ahooks = require("ahooks");
 var _noop = _interopRequireDefault(require("lodash/noop"));
+var _react = require("react");
+var _ufo = require("ufo");
 var _api = _interopRequireDefault(require("../api"));
 var _payment = _interopRequireDefault(require("../payment"));
 var _util = require("../util");
@@ -43,6 +45,11 @@ function CheckoutForm({
     error: apiError,
     data
   } = (0, _ahooks.useRequest)(() => type === "paymentLink" ? startFromPaymentLink(id, extraParams) : fetchCheckoutSession(id));
+  (0, _react.useEffect)(() => {
+    if (type === "paymentLink" && mode === "standalone" && data) {
+      window.history.replaceState(null, "", (0, _ufo.joinURL)((0, _util.getPrefix)(), `/checkout/pay/${data.checkoutSession.id}`));
+    }
+  }, [type, mode, data]);
   const handlePaid = () => {
     setState({
       completed: true

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blocklet/payment-react",
-  "version": "1.13.150",
+  "version": "1.13.151",
   "description": "Reusable react components for payment kit v2",
   "keywords": [
     "react",
@@ -89,7 +89,7 @@
     "@babel/core": "^7.23.9",
     "@babel/preset-env": "^7.23.9",
     "@babel/preset-react": "^7.23.3",
-    "@blocklet/payment-types": "1.13.150",
+    "@blocklet/payment-types": "1.13.151",
     "@storybook/addon-essentials": "^7.6.13",
     "@storybook/addon-interactions": "^7.6.13",
     "@storybook/addon-links": "^7.6.13",
@@ -118,5 +118,5 @@
     "vite-plugin-babel": "^1.2.0",
     "vite-plugin-node-polyfills": "^0.19.0"
   },
-  "gitHead": "b65548baa2ab6bd40aec35b2a6594bfe6dbb7ee9"
+  "gitHead": "1697697b65f9372e868fb10d5766edb3144f44f8"
 }

package/src/checkout/form.tsx

@@ -2,11 +2,13 @@
 import { TCheckoutSessionExpanded, TPaymentMethodExpanded } from '@blocklet/payment-types';
 import { useRequest, useSetState } from 'ahooks';
 import noop from 'lodash/noop';
+import { useEffect } from 'react';
+import { joinURL } from 'ufo';
 
 import api from '../api';
 import Payment from '../payment';
 import { CheckoutContext, CheckoutProps } from '../types';
-import { mergeExtraParams } from '../util';
+import { getPrefix, mergeExtraParams } from '../util';
 
 const startFromPaymentLink = async (id: string, params?: Record<string, any>): Promise<CheckoutContext> => {
   const { data } = await api.post(`/api/checkout-sessions/start/${id}?${mergeExtraParams(params)}`);
@@ -32,6 +34,12 @@ export default function CheckoutForm({ id, onPaid, onError, mode, goBack, extraP
     type === 'paymentLink' ? startFromPaymentLink(id, extraParams) : fetchCheckoutSession(id)
   );
 
+  useEffect(() => {
+    if (type === 'paymentLink' && mode === 'standalone' && data) {
+      window.history.replaceState(null, '', joinURL(getPrefix(), `/checkout/pay/${data.checkoutSession.id}`));
+    }
+  }, [type, mode, data]);
+
   const handlePaid = () => {
     setState({ completed: true });
     onPaid?.(data as CheckoutContext);