mount Stripe JS Elements to a div

Div allows to have child Elements added, input doesn't

aimeos/ai-client-html@ab2314b
https://aimeos.org/help/typo3-extension-f16/stripe-aimeos-payment-t1890.html
https://stripe.com/docs/stripe-js/elements/quickstart

lib/custom/src/MShop/Service/Provider/Payment/Stripe.php

@@ -84,29 +84,29 @@ class Stripe
 			'public' => false,
 		),
 
-		'payment-cardno' => array(
+		'payment.cardno' => array(
 			'code' => 'payment.cardno',
 			'internalcode'=> 'number',
 			'label'=> 'Credit card number',
-			'type'=> 'number',
+			'type'=> 'div',
 			'internaltype'=> 'integer',
 			'default'=> '',
 			'required'=> false
 		),
-		'payment-expiry' => array(
+		'payment.expiry' => array(
 			'code' => 'payment.expiry',
 			'internalcode'=> 'expiry',
 			'label'=> 'Expiry',
-			'type'=> 'string',
+			'type'=> 'div',
 			'internaltype'=> 'string',
 			'default'=> '',
 			'required'=> false
 		),
-		'payment-cvv' => array(
+		'payment.cvv' => array(
 			'code' => 'payment.cvv',
 			'internalcode'=> 'cvv',
 			'label'=> 'Verification number',
-			'type'=> 'number',
+			'type'=> 'div',
 			'internaltype'=> 'integer',
 			'default'=> '',
 			'required'=> false
@@ -237,7 +237,7 @@ protected function getStripeJs()
 	stripe: "",
 	elements: "",
 	token_element: "",
-	token_selector: "#process-paymenttoken",
+	token_selector: "input[name=\"ai[paymenttoken]\",
 	errors_selector: "card-errors",
 	form_selector: ".checkout-standard form",
 	payment_button_id: "payment-button",
@@ -301,9 +301,9 @@ protected function getStripeJs()
 document.addEventListener("DOMContentLoaded", function() {
 	StripeProvider.init("' . $this->getConfigValue( 'stripe.publishableKey', '' ) . '",
 		[
-			{"element": "cardNumber", "selector": ".payment-cardno"},
-			{"element": "cardExpiry", "selector": ".payment-expiry"},
-			{"element": "cardCvc", "selector": ".payment-cvv"}
+			{"element": "cardNumber", "selector": "div[id=\"process-payment.cardno\"]"},
+			{"element": "cardExpiry", "selector": "div[id=\"process-payment.expiry\"]"},
+			{"element": "cardCvc", "selector": "div[id=\"process-payment.cvv\"]"}
 		]
 	);
 });