@blocklet/payment-react 1.13.122 → 1.13.123

package/es/payment/form/index.js

@@ -10,12 +10,13 @@ import { PhoneNumberUtil } from "google-libphonenumber";
 import pWaitFor from "p-wait-for";
 import { useEffect, useState } from "react";
 import { Controller, useFormContext, useWatch } from "react-hook-form";
+import { joinURL } from "ufo";
 import { dispatch } from "use-bus";
 import isEmail from "validator/es/lib/isEmail";
 import api from "../../api.js";
 import FormInput from "../../components/input.js";
 import { usePaymentContext } from "../../contexts/payment.js";
-import { formatError, getStatementDescriptor } from "../../util.js";
+import { formatError, getPrefix, getStatementDescriptor } from "../../util.js";
 import UserButtons from "./addon.js";
 import AddressForm from "./address.js";
 import PhoneInput from "./phone.js";
@@ -169,6 +170,7 @@ export default function PaymentForm({
         } else {
           connect.open({
             action: checkoutSession.mode,
+            prefix: joinURL(getPrefix(), "/api/did"),
             timeout: 5 * 60 * 1e3,
             extraParams: { checkoutSessionId: checkoutSession.id },
             onSuccess: async () => {

package/lib/payment/form/index.js

@@ -16,6 +16,7 @@ var _googleLibphonenumber = require("google-libphonenumber");
 var _pWaitFor = _interopRequireDefault(require("p-wait-for"));
 var _react = require("react");
 var _reactHookForm = require("react-hook-form");
+var _ufo = require("ufo");
 var _useBus = require("use-bus");
 var _isEmail = _interopRequireDefault(require("validator/es/lib/isEmail"));
 var _api = _interopRequireDefault(require("../../api"));
@@ -204,6 +205,7 @@ function PaymentForm({
         } else {
           connect.open({
             action: checkoutSession.mode,
+            prefix: (0, _ufo.joinURL)((0, _util.getPrefix)(), "/api/did"),
             timeout: 5 * 60 * 1e3,
             extraParams: {
               checkoutSessionId: checkoutSession.id

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blocklet/payment-react",
-  "version": "1.13.122",
+  "version": "1.13.123",
   "description": "Reusable react components for payment kit v2",
   "keywords": [
     "react",
@@ -89,7 +89,7 @@
     "@babel/core": "^7.19.3",
     "@babel/preset-env": "^7.19.3",
     "@babel/preset-react": "^7.18.6",
-    "@blocklet/payment-types": "1.13.122",
+    "@blocklet/payment-types": "1.13.123",
     "@storybook/addon-essentials": "^7.6.10",
     "@storybook/addon-interactions": "^7.6.10",
     "@storybook/addon-links": "^7.6.10",
@@ -118,5 +118,5 @@
     "vite-plugin-babel": "^1.2.0",
     "vite-plugin-node-polyfills": "^0.19.0"
   },
-  "gitHead": "015a834e0971d7d0d9947953daeb96a240248c2f"
+  "gitHead": "ea37183dafcf5a89c0593886aa895b33eccf8529"
 }

package/src/payment/form/index.tsx

@@ -11,6 +11,7 @@ import { PhoneNumberUtil } from 'google-libphonenumber';
 import pWaitFor from 'p-wait-for';
 import { useEffect, useState } from 'react';
 import { Controller, useFormContext, useWatch } from 'react-hook-form';
+import { joinURL } from 'ufo';
 import { dispatch } from 'use-bus';
 import isEmail from 'validator/es/lib/isEmail';
 
@@ -18,7 +19,7 @@ import api from '../../api';
 import FormInput from '../../components/input';
 import { usePaymentContext } from '../../contexts/payment';
 import { CheckoutCallbacks, CheckoutContext } from '../../types';
-import { formatError, getStatementDescriptor } from '../../util';
+import { formatError, getPrefix, getStatementDescriptor } from '../../util';
 import UserButtons from './addon';
 import AddressForm from './address';
 import PhoneInput from './phone';
@@ -226,6 +227,7 @@ export default function PaymentForm({
         } else {
           connect.open({
             action: checkoutSession.mode,
+            prefix: joinURL(getPrefix(), '/api/did'),
             timeout: 5 * 60 * 1000,
             extraParams: { checkoutSessionId: checkoutSession.id },
             onSuccess: async () => {