Update the demo

Author: imranhsayed

.env-example

@@ -1,7 +1,7 @@
 NEXT_PUBLIC_WORDPRESS_URL=https://example.com
 
-NEXT_PUBLIC_STRIPE_PUBLISHABLE_KEY=pk_test_xxxx
-STRIPE_SECRET_KEY=sk_test_xxxx
+NEXT_PUBLIC_STRIPE_PUBLISHABLE_KEY=pk_test_xxx
+STRIPE_SECRET_KEY=sk_test_xxx
 
 STRIPE_WEBHOOK_ENDPOINT_SECRET=whsec_xxxx
 

README.md

@@ -31,6 +31,9 @@ branch is upto date with those changes. You can also refer to the PR notes for c
 ## Order Received Demo
 ![](demos/order-received-demo.gif)
 
+## Stripe Checkout 
+![](demos/stripe-demo.gif)
+
 # Features:
 
 1. WooCommerce Store in React( contains: Products Page, Single Product Page, AddToCart, CartPage and Checkout Page with country selection ).
@@ -42,6 +45,7 @@ branch is upto date with those changes. You can also refer to the PR notes for c
 8. Incremental Static (Re)generation ( Next.js 10 support )
 9. GraphQL with Apollo Client
 10. Tailwindcss
+11. Stripe Checkout ( with Stripe Session and Stripe webhook)
 
 ## Getting Started :rocket:
 

demos/stripe-demo.gif

@@ -20,36 +20,36 @@ import CheckboxField from "./form-elements/CheckboxField";
 import CLEAR_CART_MUTATION from "../../mutations/clear-cart";
 
 // Use this for testing purposes, so you dont have to fill the checkout form over an over again.
-const defaultCustomerInfo = {
-	firstName: 'Imran',
-	lastName: 'Sayed',
-	address1: '123 Abc farm',
-	address2: 'Hill Road',
-	city: 'Mumbai',
-	country: 'IN',
-	state: 'Maharastra',
-	postcode: '221029',
-	email: 'codeytek.academy@gmail.com',
-	phone: '9883778278',
-	company: 'The Company',
-	errors: null
-}
-
 // const defaultCustomerInfo = {
-//     firstName: '',
-//     lastName: '',
-//     address1: '',
-//     address2: '',
-//     city: '',
-//     country: '',
-//     state: '',
-//     postcode: '',
-//     email: '',
-//     phone: '',
-//     company: '',
-//     errors: null
+// 	firstName: 'Imran',
+// 	lastName: 'Sayed',
+// 	address1: '123 Abc farm',
+// 	address2: 'Hill Road',
+// 	city: 'Mumbai',
+// 	country: 'IN',
+// 	state: 'Maharastra',
+// 	postcode: '221029',
+// 	email: 'codeytek.academy@gmail.com',
+// 	phone: '9883778278',
+// 	company: 'The Company',
+// 	errors: null
 // }
 
+const defaultCustomerInfo = {
+    firstName: '',
+    lastName: '',
+    address1: '',
+    address2: '',
+    city: '',
+    country: '',
+    state: '',
+    postcode: '',
+    email: '',
+    phone: '',
+    company: '',
+    errors: null
+}
+
 const CheckoutForm = ({countriesData}) => {
 
     const {billingCountries, shippingCountries} = countriesData || {}