Stripe Q37。PaymentIntentで支払いを行った後、成功画面を表示させるためにはどうすれば良いですか？

やりたいこと
・移行ではなく、新規でPaymentIntent作成。支払い実行
・自動で確認

試したこと
・https://dashboard.stripe.com/test/events/evt_1ESXe1JiXAQvfxv3YdG1pNTV

出来たこと
・webhookで"payment_intent.succeeded"イベントを受け取り
・支払い実行

問題点
・PaymentIntentで支払いを行った後、成功画面が表示されない
・webhookで"payment_intent.succeeded"イベントを受け取っても、そこへは画面遷移しない

質問1
・PaymentIntentで支払いを行った後、成功画面を表示させるにはどうすれば良いですか？
・Checkout newでは、下記のように'success_url'を指定できたけれども、Checkout を使用しない場合は'success_url'をどう指定すれば良い？

$checkoutSession = \Stripe\Checkout\Session::create([

 'customer_email' => 'customer@example.com',

 'success_url' => 'https://xxxx/thanks.php',

質問2
・成功確認は下記何れで行うのですか？ 何れでも良い？ あるいは、何れかが良い？　そもそも下記判定は何が異なるのですか？
・webhookの"payment_intent.succeeded"イベントで判定
・stripe.jsの「await stripe.handleCardPayment」メソッドのレスポンスであるerrorで判定

試したコード(PHP)
▼index.php

<?php

\Stripe\Stripe::setApiKey("sk_test_xxxx");

$paymentintent = \Stripe\PaymentIntent::create([

  "amount" => 1099,

  "currency" => "jpy",

]);

?>

<input id="cardholder-name" type="text">

<div id="card-element"></div>

<button id="card-button" data-secret="<?php echo $paymentintent->client_secret; ?>">

  Submit Payment

</button>



<script src="https://js.stripe.com/v3/"></script>

<script>

const stripe = Stripe('pk_test_xxxx');



const elements = stripe.elements();

const cardElement = elements.create('card');

cardElement.mount('#card-element');



const cardholderName = document.getElementById('cardholder-name');

const cardButton = document.getElementById('card-button');

const clientSecret = cardButton.dataset.secret;



cardButton.addEventListener('click', async (ev) => {

  const {paymentIntent, error} = await stripe.handleCardPayment(

    clientSecret, cardElement, {

      payment_method_data: {

        billing_details: {name: cardholderName.value}

      }

    }

  );



  if (error) {

    // Display error.message in your UI.

    console.log(error)

  } else {

    // The payment has succeeded. Display a success message.

    console.log("成功")

  }

});

</script>

・How can I display the success screen after making a payment with PaymentIntent?
・Checkout new allows you to specify 'success_url' as shown below, but how to specify 'success_url' if you do not use Checkout?

$checkoutSession = \Stripe\Checkout\Session::create([

'customer_email' => 'customer@example.com',

'success_url' => 'https://xxxx/thanks.php',

Code tried (PHP)
・ I can receive "payment_intent.succeeded" event by webhook
・ I do not redirect to the success screen

▼index.php

<?php

\Stripe\Stripe::setApiKey("sk_test_xxxx");

$paymentintent = \Stripe\PaymentIntent::create([

  "amount" => 1099,

  "currency" => "jpy",

]);

?>

<input id="cardholder-name" type="text">

<div id="card-element"></div>

<button id="card-button" data-secret="<?php echo $paymentintent->client_secret; ?>">

  Submit Payment

</button>



<script src="https://js.stripe.com/v3/"></script>

<script>

const stripe = Stripe('pk_test_xxxx');



const elements = stripe.elements();

const cardElement = elements.create('card');

cardElement.mount('#card-element');



const cardholderName = document.getElementById('cardholder-name');

const cardButton = document.getElementById('card-button');

const clientSecret = cardButton.dataset.secret;



cardButton.addEventListener('click', async (ev) => {

  const {paymentIntent, error} = await stripe.handleCardPayment(

    clientSecret, cardElement, {

      payment_method_data: {

        billing_details: {name: cardholderName.value}

      }

    }

  );



  if (error) {

    // Display error.message in your UI.

    console.log(error)

  } else {

    // The payment has succeeded. Display a success message.

    console.log("ok")

  }

});

</script>

<?php



namespace Stripe\Checkout;



/**

 * Class Session

 *

 * @property string $id

 * @property string $object

 * @property string $cancel_url

 * @property string $client_reference_id

 * @property string $customer

 * @property string $customer_email

 * @property mixed $display_items

 * @property bool $livemode

 * @property string $payment_intent

 * @property string[] $payment_method_types

 * @property string $subscription

 * @property string $success_url

 *

 * @package Stripe

 */

class Session extends \Stripe\ApiResource

{



    const OBJECT_NAME = "checkout.session";



    use \Stripe\ApiOperations\Create;

    use \Stripe\ApiOperations\Retrieve;

}

<?php



namespace Stripe\ApiOperations;



/**

 * Trait for creatable resources. Adds a `create()` static method to the class.

 *

 * This trait should only be applied to classes that derive from StripeObject.

 */

trait Create

{

    /**

     * @param array|null $params

     * @param array|string|null $options

     *

     * @return \Stripe\ApiResource The created resource.

     */

    public static function create($params = null, $options = null)

    {

        self::_validateParams($params);

        $url = static::classUrl();



        list($response, $opts) = static::_staticRequest('post', $url, $params, $options);

        $obj = \Stripe\Util\Util::convertToStripeObject($response->json, $opts);

        $obj->setLastResponse($response);

        return $obj;

    }

}