@designcrowd/library.brand-page 6.2.4 → 6.2.5

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@designcrowd/library.brand-page",
   "description": "A collection of Maker/Designer applications",
-  "version": "6.2.4",
+  "version": "6.2.5",
   "author": "Design.com Eng",
   "license": "UNLICENSED",
   "type": "module",

package/src/brand-page/components/payment/RequestPaymentStripe.vue

@@ -164,6 +164,7 @@ import {
   type ButtonStyles,
   type CheckoutInformation,
   type CreateCartResult,
+  type CreateStripePaymentIntentResponse,
   type StripePaymentIntent,
   type StripeShippingDetails,
 } from '../../models';
@@ -363,7 +364,7 @@ const initStripeElements = (): void => {
 
     cardNumberElement.value = stripeElements.create('cardNumber', {
       style: constants.stripeDefaultStyle,
-      placeholder: 'Credit Card Number',
+      placeholder: requestPaymentStripeTr('cardNumberPlaceholder'),
     });
     if (cardNumberRef.value) {
       cardNumberElement.value.mount(cardNumberRef.value);
@@ -372,7 +373,7 @@ const initStripeElements = (): void => {
 
     cardExpiryElement.value = stripeElements.create('cardExpiry', {
       style: constants.stripeDefaultStyle,
-      placeholder: 'Expiry',
+      placeholder: requestPaymentStripeTr('cardExpiryPlaceholder'),
     });
     if (cardExpiryRef.value) {
       cardExpiryElement.value.mount(cardExpiryRef.value);
@@ -381,7 +382,7 @@ const initStripeElements = (): void => {
 
     cardCvcElement.value = stripeElements.create('cardCvc', {
       style: constants.stripeDefaultStyle,
-      placeholder: 'CVV',
+      placeholder: requestPaymentStripeTr('cardCvcPlaceholder'),
     });
     if (cardCvcRef.value) {
       cardCvcElement.value.mount(cardCvcRef.value);
@@ -441,10 +442,15 @@ const onSubmitPaymentClick = async (): Promise<void> => {
   }
 
   isBusy.value = true;
+  submitError.value = undefined;
 
   try {
-    const paymentIntentResponse =
-      await brandPageClient.createStripePaymentIntent({
+    let paymentIntentResponse: CreateStripePaymentIntentResponse | null = null;
+
+    // Only the intent request is caught: nothing is charged before it, so
+    // "try again" is safe here but not after confirmCardPayment.
+    try {
+      paymentIntentResponse = await brandPageClient.createStripePaymentIntent({
         cartId: props.cart.cartId,
         customerEmail: emailAddress.value,
         customerRequestDetails:
@@ -455,10 +461,13 @@ const onSubmitPaymentClick = async (): Promise<void> => {
             ? shippingDetails.value
             : undefined,
       });
+    } catch (err) {
+      console.error(err);
+    }
 
     if (!paymentIntentResponse) {
       submitError.value = new Error(
-        'Unable to create payment intent. Please try again.',
+        requestPaymentStripeTr('paymentIntentErrorMessage'),
       );
 
       return;