When making a payment in development mode, everything goes smoothly. However, when I switch to production, I encounter the following error message: v3:1 Uncaught (in promise) IntegrationError: We could not retrieve data from the specified Element. Please e ...
Testing a stripe webhook for subscription trial ending is proving to be challenging. Every time I attempt to send the test event to my webhook receiving route, I encounter error 302. Utilizing a middleware known as stripe-webhook-middleware, my defined rou ...
Can anyone help me find the equivalent of the line const stripe = require('stripe')('some_key'); in NextJS? I'm having trouble understanding how to use the require keyword with NextJS. const stripe = require('stripe')(&a ...
Having issues submitting a form using jQuery with the Stripe.js plugin. I need to submit the form after creating a Stripe token. The jQuery validation is working correctly, but I'm getting an error message in the console saying "object is not a function, ...
In my e-commerce site, I am using the Material UI checkout template that can be found at this link. Users have to enter payment details in Step 2 and review the Cart List, Shipping Address, and Contact & Payment Details in Step 3. At Step 3, when the user ...
Recently, I ventured into creating a booking website where users can choose a date for their reservation. Upon sending a request to /api/v1/reserve, the system would validate the data, generate a payment intent using Stripe, store the reservation in the da ...
I am currently working on a common use case and I could use some suggestions on how to visualize it. In this scenario, each user can have multiple projects to which they can subscribe. For instance, let's say a User has two projects under their name: Proj ...
I recently integrated Vue Stripe into my vue2 Project and encountered 2 similar errors in my code : Property 'redirectToCheckout' does not exist on type 'Vue | Element | (Vue | Element)[]'. Property 'publishableKey' does not exist on type 'CombinedVue ...
After completing the development of my web shop in Vue.js, I realized that the payment method is still missing. I am wondering if I need to integrate Express in order to process payments through Stripe? Currently, I do not have a server like Express set up ...
When running tests with karma, I encountered the following error: ReferenceError: Stripe is not defined Component import { Component, OnInit } from "@angular/core"; import { FormBuilder } from "@angular/forms"; import { Router } from & ...
While working on my web app and implementing the Stripe API for creating a checkout session, I encountered an issue where there is a white screen displayed awkwardly when navigating to the Stripe page for payments. The technology stack I am using is NextJ ...
I'm having trouble displaying the 'amount_total' in an h1 tag from my Stripe JSON response. Every time I try, I encounter this error: TypeError: Cannot read property 'map' of undefined Here is a snippet of the Stripe JSON output: { "session": { "id ...
I encountered an issue with Stripe on my WordPress checkout page. When attempting to proceed with my order, I am faced with the following error: Uncaught TypeError: Cannot read property 'elements' of undefined at HTMLDocument.<anonymous> (stripe.mi ...
I've encountered an issue while attempting to process a credit card payment using Stripe. Here's the code snippet I'm currently working with: import StripeCheckout from "react-stripe-checkout" // import confirmPayment from 'stripe-element'; impor ...
Currently, I am working on setting up a payment system using Stripe. Below is the post request code I am using with Express: try { const session = await stripe.checkout.sessions.create({ line_items: [ { price: `${priceId}`, // M ...
checkout.js page contains all the necessary code, but I'm encountering an axios error and unsure of what is missing. import React from 'react'; import Head from "next/head"; import Header from "../components/Header"; impor ...
I'm currently in the process of connecting Stripe to my app with redirection, utilizing Angular and typescript. My component contains the following code snippet: var head = document.getElementsByTagName('head')[0]; var script = document.cre ...
I have encountered a strange issue while using Stripe webhooks to process payments on my website. When I set the currency to USD, it prompts me to provide an address outside of India, which is expected. However, when I change the currency to INR, the addre ...
My Next.js app utilizes webhooks to manage incoming customer payment events from Stripe. Following the provided example, my webhook first verifies the signature of the incoming event: const webhookSecret = process.env.SECRET_STRIPE_WEBHOOK const webhookHa ...
I am in the process of setting up a payment method using the Next.js library from Stripe. Here is the code snippet: import React, { FunctionComponent } from 'react'; import type { DisplaySettingsProps } from '@company/frontoffice/types' ...
I am currently integrating Stripe with my sails.js server and need to disable CSRF for specific URLs in order to utilize Stripe's webhooks effectively. Is there a way to exempt certain URLs from CSRF POST requirements within sails.js? I have searched ...
I am currently working on a next.js project that is set up to receive events from Stripe using an API route. The code snippet below shows how this is implemented. Everything works perfectly fine when testing locally with the help of the Stripe CLI for rec ...
In my Next JS(v14.0.4) application, I have implemented stripe payment links and included the user's email in the link using the prefilled_email parameter based on the instructions provided in the stripe documentation: Customize checkout with URL parameters ...
As I delve into the Stripe documentation to develop a new feature, I have encountered an issue regarding the communication between a webpage and an iframe. The code in index.html: <!DOCTYPE html> <body> parent<br> <iframe src="./ ...
When trying to integrate the Stripe API into my Laravel project, I encountered an error message stating: Unexpected error communicating with Stripe. If this problem persists, let us know at <a href="/cdn-cgi/l/email-protection" class="__cf_email__" data ...
I'm currently working on a NextJS project where I need to integrate a stripe_customer_id with a Supabase user upon their initial sign up. Everything functions smoothly without any issues when RLS is disabled. However, enabling RLS is imperative as it ...
I am currently working on an exciting project using Angular 6. Within my website, I have decided to integrate the Stripe payment system. However, I would like to incorporate a unique and default "remember me" feature offered by Stripe. <div id="card-e ...
I have a vision to develop a Donation Website that organizes donation amounts by team. My goal is to utilize Stripe for processing all charges and then categorize them according to the teams involved. How can I calculate the total amount donated for each ...
Currently, I am working with ReactJS, Node.js, and Express while integrating the Stripe Payment API. However, I am facing an issue where after clicking the pay button and entering the dummy credit card details, the payment processing does not proceed as ex ...
Currently, I am in the process of developing an application that allows public users to access a pricing page and choose a plan (utilizing stripe for subscription payments). Once a user selects a plan and proceeds to checkout, my aim is to have them redi ...
I am currently working on a TypeScript project with a specific configuration setup. The partial contents of my tsconfig.json file are as follows: { "compilerOptions": { "module": "commonjs", "baseUrl": &quo ...
Our Next.js website currently utilizes Stripe Elements for a donation form, allowing users to make simple one-off payments as guests. Below is the implementation of the 'submit' method for the form: export const makeOneOffPayment = async ( ...
Here is the code snippet for my session: const stripe = require('stripe')(process.env.NEXT_PUBLIC_STRIPE_SECRET_KEY); export default async function handler(req, res) { if (req.method === 'POST') { try { const params = { ...
Although I don't have a strong background in backend development, I am wondering if it is possible to set browser cookies for customers after they complete a payment using Stripe's checkout session completed event. I am currently working with the NextJs fr ...
I am currently conducting a test on a React component that utilizes Stripe, and I am unsure about the best way to structure the test. An error message has been popping up as follows: Error: In order to use react-stripe-elements, ensure that Stripe.js ( ...
How can I automatically redirect to the success screen when the "payment_intent.succeeded" event is received via webhook? ・ Is there a way to showcase the success screen once a payment has been made using PaymentIntent? ・ While Checkout allows for sp ...
Encountered Issue on Localhost Error: The error occurred while serializing .products returned from getServerSideProps in "/". Reason: JSON serialization cannot be performed on undefined. Please use null or exclude this value. Code Sample import ...
I'm encountering a problem with getting Stripe charging to function properly. Despite having manually loaded Composer since it wouldn't install, I am not receiving any PHP errors and the token creation is running smoothly. There don't seem to be any visibl ...
Recently, I have been encountering a [404] POST http://localhost:3000/api/stripe-webhook error while listening on stripe. I am currently running the NextJs version "14.1.3". The stripe-webhook.ts file is located at 'app/api/stripe-webhook.t ...
I'm attempting to set up a customized checkout integration with Stripe on my Flask web application and I've encountered some issues. After copying the code from the Stripe documentation (located at ) into the bottom of my HTML file, the Stripe checkout sc ...
I have utilized nodejs to develop my server-side code. I have created a route to generate a stripe checkout session, which includes various details about the item that is being bought. router.get( '/checkout-session/:productId', catchAsync(async (req, ...
I've been working with NodeJS and ExpressJS Is there a way to set up account verification with Stripe? I want to confirm that users have bank accounts without charging them. What kind of information can I access through this verification process? My main ...
Task at hand: Running ExpressJS port using Node.js, nodemon, and lib. Operating System: Windows 10 Home x64 Node.JS Version: Lts The Challenge: Getting the ExpressJS port to run successfully. Current Issue: Encountering an internal file error, potentiall ...
In my express app, I am processing refunds for the amount paid by the user. const paymentIntent = await stripe.paymentIntents.retrieve(p_id); const refund = await stripe.refunds.create({ payment_intent: p_id, amount: Math.round(refundAmount ...
I have a question about simplifying the implementation of the Stripe API for multiple products on a single page. Currently, I have a webpage with 20 different items and I am utilizing Stripe Connect. Instead of creating individual forms for each product i ...
I am currently working on a project using Next.js with Strapi and Stripe. The issue I am facing involves a webhook that is supposed to execute the markProductAsSold callback after a successful payment. However, this callback only runs correctly on localhos ...
On the final page of a checkout process labeled "Review & Checkout," I am showcasing form inputs. Here, I display the selected plan and the customer's personal information entered so far. While displaying fields such as Name or Email is straightf ...
If you're looking to incorporate a Stripe documentation code snippet for adding a stripe-pricing-table element, here's what they suggest: import * as React from 'react'; // If you're using TypeScript, don't forget to include ...
Currently, as I develop an ecommerce website using Next.js and integrate Stripe for checkout, I've come across the feature of custom fields in Stripe. This feature allows me to add options such as small, medium, and large for clothing sizes. However, a ch ...
I've been using this amazing template from vercel as a foundation for my project: https://vercel.com/templates/next.js/subscription-starter This template has served me well in many projects, especially with the flawless integration of Stripe. However, for ...
I've been working on integrating stripe webhooks into my node.js/express application, but I keep running into a 400 response from the stripe cli. Even though I followed the documentation closely and ensured that the secret key for the webhook is correct, s ...
I'm encountering issues with my node webapp while making API calls to Stripe using the stripe npm package. Occasionally, I come across errors like the one below where the stacktrace is incomplete, leaving me unable to pinpoint the source of the error withi ...
I'm having trouble setting up Stripe for my app and getting errors when trying to implement the module. Typically, I would require the module at the top of the file in order to use it, but when I do this in the paymentCtrl file, it doesn't work a ...
I'm encountering an error that I can't seem to figure out. I believe I'm following the documentation correctly, but Stripe is not able to recognize the value. Have I overlooked something important here? . This pertains to a Stripe session. const stri ...
I need some help with accessing a value from my JSON Array. Here is the PHP code I am using to retrieve the JSON content: $input = @file_get_contents("php://input"); $event_json = json_decode($input); $event = StripeEvent::retrieve($event_id); Below is ...
I'm currently working on integrating 3D secure Stripe payment for a unique "bundle" that requires both a one-time payment and a yearly recurring payment. After some research, I discovered that the solution is to use stripe.payment_intent for the one-time ...
I have encountered an issue while implementing a Stripe promise in my React app. The documentation suggests loading the promise outside of the component to prevent unnecessary recreations of the `Stripe` object: import {Elements} from '@stripe/react-s ...
Seeking assistance with integrating Stripe Checkout into my React application. I need to create a route in my nodejs/express server that will provide the session id required for setting up Stripe Checkout on the front end. The aim is to redirect users to s ...
I am attempting to implement a function that triggers an ajax request when a stripe form is submitted. However, using the .submit() method doesn't seem to be working as expected. Here is my current code: HTML <form action="/download_data" method="post ...
Struggling to set up Stripe for my app, I've encountered some issues with the module implementation. Typically, I would require a module at the top of the file to use it. However, in the paymentCtrl file, when I do this, it doesn't work and I receive two e ...
I'm having trouble simulating the Stripe API for testing purposes. Although I don't have much experience with mocking functions using jest, I've already extensively researched how to mock the Stripe API without success. My file structure is as follows: sr ...
Currently, I am implementing Next.js and have a business selling packs of credits. The pricing structure is $10 for 10 credits, $20 for 30 credits, and so forth. My goal is to integrate a prebuilt Stripe page that allows users to choose the credit packag ...
Currently, I am utilizing next.js in conjunction with Stripe webhooks to insert checkout sessions into Supabase for generating a customer's order history. While I have successfully managed to store the entire order information in a table named 'o ...
My goal is to allow users to apply a coupon code on my website, triggering a check in the Stripe dashboard. Currently, I have implemented the following code snippet, but I am facing an issue with transferring the validCoupon data from the client side to th ...
Is there a way to retrieve all the SKUs for a Product in Stripe through a query? Additionally, I would like to filter that set based on a specific value of a metadata field. Is it feasible to achieve this? Scenario I am managing voucher codes (differen ...
Using Stripe Payment Element I am tasked with integrating Stripe payment for a client, but they specifically do not want the card icons (MasterCard, Visa, etc.) to be displayed. After attempting to hide them using Elements Appearance API without success, ...
Attempting to utilize Stripe.card.createToken() in order to generate a token for backend usage has proven to be challenging. Integrating this functionality with Angular and TypeScript requires careful coordination. Currently, the angular-stripe and stripe. ...
Having trouble verifying the request signature in my Stripe webhook endpoint. I keep encountering this error: No signatures found matching the expected signature for payload. Have you passed the raw request body received from Stripe? I've experimente ...
Seeking to integrate stripe payment into my laravel app, The stripe payment form I utilized can be found at, The HTML code used is as follows: <div class="container"> <div class='row'> <div class='col-md-4'></div> ...
Hello there! I am relatively new to working with the Mean stack and currently using version 0.4.2 of MeanJS (meanjs.org). My current challenge is integrating Stripe into the platform, and I have decided to use Stripe Angular for this purpose. Progress so ...
We have a React-based web application that is set up to accept payments through Stripe integration. However, we are facing an issue where the Apply Pay option popup closes abruptly before users can complete the transaction. We have ensured that the domai ...
I am utilizing a getServiceSideProps function to display a complex APP that interacts with an API: const MyApp: NextPage = (props: any) => { let stripePromise: any; const getStripe = async () => { if (!stripePromise) { str ...
I encountered a 502 (Bad Gateway) error when using Stripe. Although the payment is successfully processed and appears in the Stripe dashboard, it does not reflect as successful on the front end, and instead, I receive a 502 error. Do I need to include som ...
I am currently using Angular 2 for my project and need some help. Is there a way to remove the email address field from Stripe checkout? https://i.stack.imgur.com/auf6C.png Thank you in advance! ...
Looking to create a personalized checkout page with Next.js and utilize its built-in API. Which form tool would be best for implementing validations, or are there ready-made templates available within Stripe? How should I go about integrating them? Any spe ...