asyavee/medusa-store
1
0
Fork 0
Code Issues Pull Requests Actions 2 Packages Projects Releases Wiki Activity

docs: fix saved payment method guide (#13480)

Browse Source
This commit is contained in:
Shahed Nasser
2025-09-11 16:28:16 +03:00
committed by GitHub
parent 191fe6f451
commit e4d0e51ec3
2 changed files with 6 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
www/apps/resources/app/how-to-tutorials/tutorials/saved-payment-methods/page.mdx
View File

@@ -575,9 +575,9 @@ const StripeSavedPaymentMethodsContainer = ({
SavedPaymentMethod[]
>([])
const [selectedPaymentMethod, setSelectedPaymentMethod] = useState<
string | undefined
string | null
>(
paymentSession?.data?.payment_method_id as string | undefined
paymentSession?.data?.payment_method as string | null
)
useEffect(() => {
@@ -723,7 +723,7 @@ Then, add a new state variable that keeps track of whether the customer is using
```ts title="src/modules/checkout/components/payment-container/index.tsx" badgeLabel="Storefront" badgeColor="blue"
const [isUsingSavedPaymentMethod, setIsUsingSavedPaymentMethod] = useState(
paymentSession?.data?.payment_method_id !== undefined
paymentSession?.data?.payment_method !== null
)
```
@@ -867,7 +867,7 @@ So, you need to update the `confirmCardPayment` usage to support passing the ID
In `src/modules/checkout/components/payment-button/index.tsx`, find the `handlePayment` method and update its first `if` condition:
```ts title="src/modules/checkout/components/payment-button/index.tsx" badgeLabel="Storefront" badgeColor="blue"
if (!stripe || !elements || (!card && !session?.data.payment_method_id) || !cart) {
if (!stripe || !elements || (!card && !session?.data.payment_method) || !cart) {
setSubmitting(false)
return
}
@@ -884,7 +884,7 @@ export const confirmPaymentHighlights = [
```ts title="src/modules/checkout/components/payment-button/index.tsx" badgeLabel="Storefront" badgeColor="blue" highlights={confirmPaymentHighlights}
await stripe
.confirmCardPayment(session?.data.client_secret as string, {
payment_method: session?.data.payment_method_id as string || {
payment_method: session?.data.payment_method as string || {
card: card!,
billing_details: {
name:

2
www/apps/resources/generated/edit-dates.mjs
View File

@@ -6236,7 +6236,7 @@ export const generatedEditDates = {
"references/events/events.Region/page.mdx": "2025-05-20T07:51:40.897Z",
"references/events/events.Sales_Channel/page.mdx": "2025-05-20T07:51:40.897Z",
"references/events/events.User/page.mdx": "2025-05-20T07:51:40.897Z",
"app/how-to-tutorials/tutorials/saved-payment-methods/page.mdx": "2025-05-20T07:51:40.714Z",
"app/how-to-tutorials/tutorials/saved-payment-methods/page.mdx": "2025-09-11T13:03:49.152Z",
"references/core_flows/Cart/Workflows_Cart/functions/core_flows.Cart.Workflows_Cart.refundPaymentAndRecreatePaymentSessionWorkflow/page.mdx": "2025-08-14T12:59:35.141Z",
"references/core_flows/Cart/Workflows_Cart/variables/core_flows.Cart.Workflows_Cart.refundPaymentAndRecreatePaymentSessionWorkflowId/page.mdx": "2025-05-20T07:51:40.757Z",
"references/core_flows/Draft_Order/Workflows_Draft_Order/variables/core_flows.Draft_Order.Workflows_Draft_Order.convertDraftOrderWorkflowId/page.mdx": "2025-05-20T07:51:40.768Z",