Fix Stripe

Author: w3bdesign

.env.example

@@ -53,6 +53,7 @@ MIX_PUSHER_APP_CLUSTER="${PUSHER_APP_CLUSTER}"
 
 STRIPE_KEY="changeme"
 STRIPE_SECRET="changeme"
+STRIPE_WEBHOOK_SECRET="changeme"
 
 MIX_STRIPE_KEY="${STRIPE_KEY}"
 

app/Http/Controllers/Api/UserController.php

@@ -18,7 +18,7 @@ public function purchase(Request $request)
             ],
             [
                 'password' => Hash::make(Str::random(12)),
-                'name' => $request->input('first_name').' '.$request->input('last_name'),
+                'name' => $request->input('first_name') . ' ' . $request->input('last_name'),
                 'address' => $request->input('address'),
                 'city' => $request->input('city'),
                 'state' => $request->input('state'),
@@ -36,9 +36,11 @@ public function purchase(Request $request)
 
             $order = $user->orders()
                 ->create([
-                    'transaction_id' => $payment->charges->data[0]->id,
-                    'total' => $payment->charges->data[0]->amount,
+                    'transaction_id' => $payment->id,
+                    'total' => $payment->amount,
                 ]);
+
+
             foreach (json_decode($request->input('cart'), true) as $item) {
                 $order->products()
                     ->attach($item['id'], ['quantity' => $item['quantity']]);

composer.json

@@ -10,7 +10,7 @@
     "require": {
         "php": "8.2.4",
         "guzzlehttp/guzzle": "7.7.0",
-        "laravel/cashier": "v14.12.1",
+        "laravel/cashier": "^14.12",
         "laravel/framework": "v10.11.0",
         "laravel/sanctum": "v3.2.5",
         "laravel/tinker": "v2.8.1"

composer.lock

@@ -0,0 +1,36 @@
+<?php
+
+use Illuminate\Database\Migrations\Migration;
+use Illuminate\Database\Schema\Blueprint;
+use Illuminate\Support\Facades\Schema;
+
+return new class extends Migration
+{
+    /**
+     * Run the migrations.
+     */
+    public function up(): void
+    {
+        Schema::table('users', function (Blueprint $table) {
+            $table->string('stripe_id')->nullable()->index();
+            $table->string('pm_type')->nullable();
+            $table->string('pm_last_four', 4)->nullable();
+            $table->timestamp('trial_ends_at')->nullable();
+        });
+    }
+
+    /**
+     * Reverse the migrations.
+     */
+    public function down(): void
+    {
+        Schema::table('users', function (Blueprint $table) {
+            $table->dropColumn([
+                'stripe_id',
+                'pm_type',
+                'pm_last_four',
+                'trial_ends_at',
+            ]);
+        });
+    }
+};

database/migrations/2019_05_03_000001_create_customer_columns.php

@@ -0,0 +1,37 @@
+<?php
+
+use Illuminate\Database\Migrations\Migration;
+use Illuminate\Database\Schema\Blueprint;
+use Illuminate\Support\Facades\Schema;
+
+return new class extends Migration
+{
+    /**
+     * Run the migrations.
+     */
+    public function up(): void
+    {
+        Schema::create('subscriptions', function (Blueprint $table) {
+            $table->id();
+            $table->foreignId('user_id');
+            $table->string('name');
+            $table->string('stripe_id')->unique();
+            $table->string('stripe_status');
+            $table->string('stripe_price')->nullable();
+            $table->integer('quantity')->nullable();
+            $table->timestamp('trial_ends_at')->nullable();
+            $table->timestamp('ends_at')->nullable();
+            $table->timestamps();
+
+            $table->index(['user_id', 'stripe_status']);
+        });
+    }
+
+    /**
+     * Reverse the migrations.
+     */
+    public function down(): void
+    {
+        Schema::dropIfExists('subscriptions');
+    }
+};

database/migrations/2019_05_03_000002_create_subscriptions_table.php

@@ -0,0 +1,34 @@
+<?php
+
+use Illuminate\Database\Migrations\Migration;
+use Illuminate\Database\Schema\Blueprint;
+use Illuminate\Support\Facades\Schema;
+
+return new class extends Migration
+{
+    /**
+     * Run the migrations.
+     */
+    public function up(): void
+    {
+        Schema::create('subscription_items', function (Blueprint $table) {
+            $table->id();
+            $table->foreignId('subscription_id');
+            $table->string('stripe_id')->unique();
+            $table->string('stripe_product');
+            $table->string('stripe_price');
+            $table->integer('quantity')->nullable();
+            $table->timestamps();
+
+            $table->unique(['subscription_id', 'stripe_price']);
+        });
+    }
+
+    /**
+     * Reverse the migrations.
+     */
+    public function down(): void
+    {
+        Schema::dropIfExists('subscription_items');
+    }
+};

database/migrations/2019_05_03_000003_create_subscription_items_table.php

@@ -667,6 +667,10 @@ video {
   margin: 1rem;
 }
 
+.m-2 {
+  margin: 0.5rem;
+}
+
 .mx-auto {
   margin-left: auto;
   margin-right: auto;

public/css/app.css

@@ -2,9 +2,7 @@
   <div>
     <section class="mt-10">
       <div v-if="localState.orderError" class="h-10 p-4">
-        <span class="text-lg text-center text-red-500"
-          >Error during order. Please retry</span
-        >
+        <span class="text-lg text-center text-red-500">Error during order. Please retry</span>
       </div>
       <div v-if="getCartQuantity">
         <cart-summary />
@@ -21,8 +19,9 @@
         <div v-show="getCustomerDetails.firstName">
           <customer-details />
           <fakevisa-details />
-
-          <h2 class="h-10 p-4 mt-6 text-2xl font-bold text-center">Stripe payment</h2>
+          <h2 class="h-10 p-4 mt-6 text-2xl font-bold text-center">
+            Stripe payment
+          </h2>
           <div class="flex justify-center w-full align-center">
             <div id="card-element" class="w-full h-16 mt-6 lg:w-5/12 xl:w-5/12">
               Stripe
@@ -33,10 +32,7 @@
               class="mt-6 px-6 py-2 font-semibold text-white rounded-md hover:opacity-90 transition-all duration-500 ease-in-out focus:outline-none bg-blue-600"
               :class="{
                 disabledButton: localState.paymentIsProcessing,
-              }"
-              :disabled="localState.paymentIsProcessing"
-              @click="checkout(product)"
-            >
+              }" :disabled="localState.paymentIsProcessing" @click="checkout(product)">
               Submit order
             </button>
           </div>
@@ -73,43 +69,37 @@ onMounted(async () => {
 
   localState.cardElement = stripeElements.create("card", {
     classes: {
-      base:
-        "bg-gray-100 rounded border border-gray-300 focus:border-indigo-500 text-base outline-none text-gray-700 p-3 leading-8 transition-colors duration-200 ease-in-out",
+      base: "bg-gray-100 rounded border border-gray-300 focus:border-indigo-500 text-base outline-none text-gray-700 p-3 leading-8 transition-colors duration-200 ease-in-out",
     },
   });
 
   localState.cardElement.mount("#card-element");
 });
 
 const checkout = async () => {
-  const {
-    firstName,
-    lastName,
-    address,
-    zipcode,
-    city,
-    state,
-    email,
-  } = store.getCustomerDetails;
-
-  localState.paymentIsProcessing = true;
-
-  const { paymentMethod, error } = await localState.stripe.createPaymentMethod(
-    "card",
-    localState.cardElement,
-    {
-      billing_details: {
-        name: `${firstName} ${lastName}`,
-        email: email,
-        address: {
-          line1: address,
-          city: city,
-          state: state,
-          postal_code: zipcode,
+  const { firstName, lastName, address, zipcode, city, state, email } =
+    store.getCustomerDetails;
+
+  //localState.paymentIsProcessing = true;
+  localState.paymentIsProcessing = false;
+
+  const { paymentMethod, error } =
+    await localState.stripe.createPaymentMethod(
+      "card",
+      localState.cardElement,
+      {
+        billing_details: {
+          name: `${firstName} ${lastName}`,
+          email: email,
+          address: {
+            line1: address,
+            city: city,
+            state: state,
+            postal_code: zipcode,
+          },
         },
-      },
-    }
-  );
+      }
+    );
 
   if (error || !paymentMethod.id) {
     localState.orderError = "Error";
@@ -133,6 +123,10 @@ const checkout = async () => {
   axios
     .post("/api/purchase", finalCustomerDetails)
     .then((response) => {
+
+      console.log("Response ..: ", response)
+
+
       if (response.statusText === "Created") {
         localState.paymentIsProcessing = false;
         store.clearCart();
@@ -159,11 +153,11 @@ const checkout = async () => {
 }
 
 .item {
-  @apply lg:m-2 xl:m-4 xl:w-1/6 lg:w-1/6 sm:m-2 w-auto;
+  @apply lg: m-2 xl:m-4 xl:w-1/6 lg:w-1/6 sm:m-2 w-auto;
 }
 
 .inline-block {
-  @apply inline-block mt-4 lg:h-12 h-20 w-32 md:w-full lg:w-full xl:w-full;
+  @apply inline-block mt-4 lg: h-12 h-20 w-32 md:w-full lg:w-full xl:w-full;
 }
 
 .removing {