chore: wip

Author: glennmichael123

app/Actions/Payment/StoreTransactionAction.ts

@@ -0,0 +1,24 @@
+import type { RequestInstance } from '@stacksjs/types'
+import { Action } from '@stacksjs/actions'
+import User from '../../../storage/framework/orm/src/models/User.ts'
+
+export default new Action({
+  name: 'StoreTransactionAction',
+  description: 'Store transactions',
+  method: 'POST',
+  async handle(request: RequestInstance) {
+    try {
+      const userId = Number(request.getParam('id'))
+      const productId = Number(request.get('productId'))
+
+      const user = await User.find(userId)
+
+      const transaction = await user?.storeTransaction(productId)
+
+      return transaction
+    }
+    catch (err) {
+      throw err
+    }
+  },
+})

resources/functions/billing/payments.ts

@@ -68,8 +68,6 @@ export function useBillable() {
   async function handlePayment(elements: any) {
     try {
       const data = await confirmPayment(elements)
-
-      console.log(data)
     }
     catch (err) {
       console.error('Error processing payment:', err)

resources/stores/payment.ts

@@ -58,6 +58,26 @@ export const usePaymentStore = defineStore('payment', {
       return clientSecret
     },
 
+    async storeTransaction(id: number, productId: number): Promise<string> {
+      const body = { productId }
+
+      const url = `http://localhost:3008/payments/store-transaction/${id}`
+
+      const response = await fetch(url, {
+        method: 'POST',
+        headers: {
+          'Content-Type': 'application/json',
+          'Accept': 'application/json',
+        },
+        body: JSON.stringify(body),
+      })
+
+      const client: any = await response.json()
+      const clientSecret = client.client_secret
+
+      return clientSecret
+    },
+
     async subscribeToPlan(body: { type: string, plan: string, description: string }): Promise<string> {
       const url = 'http://localhost:3008/payments/create-subscription'
 

resources/views/dashboard/components/billing/payment-form.vue

@@ -22,6 +22,8 @@ onMounted(async () => {
 })
 
 async function pay() {
+  await paymentStore.fetchPaymentIntent(1, props.productId)
+
   await handlePayment(element.value)
 
   emit('cancelPayment')

resources/views/dashboard/settings/billing.vue

@@ -1,13 +1,15 @@
 <script setup lang="ts">
 import { useBillable } from '../../../functions/billing/payments'
 
-import ActivePlan from '../components/billing/active-plan.vue'
+// import ActivePlan from '../components/billing/active-plan.vue'
 
-import PaymentMethod from '../components/billing/payment-method.vue'
-import Plans from '../components/billing/plans.vue'
+// import PaymentMethod from '../components/billing/payment-method.vue'
+// import Plans from '../components/billing/plans.vue'
 
-import LoadingDetails from '../components/skeleton/loading-card.vue'
-import TransactionHistory from '../components/transaction/index.vue'
+// import LoadingDetails from '../components/skeleton/loading-card.vue'
+// import TransactionHistory from '../components/transaction/index.vue'
+
+import OneTimePayment from '../components/billing/one-time-payment.vue'
 
 const { isEmpty, showCurrentPlan } = useBillable()
 
@@ -26,7 +28,7 @@ onMounted(async () => {
 
 <template>
   <div class="mx-auto px-4 py-8 container lg:px-8">
-    <div id="subscribed">
+    <!-- <div id="subscribed">
       <TransactionHistory />
       <div class="flex space-x-8">
         <div class="mt-16 w-2/3 bg-white px-8 py-6 shadow ring-1 ring-black ring-opacity-5 sm:rounded-lg">
@@ -38,6 +40,8 @@ onMounted(async () => {
         </div>
         <PaymentMethod />
       </div>
-    </div>
+    </div> -->
+
+    <OneTimePayment :product="1" />
   </div>
 </template>

storage/framework/core/orm/src/utils.ts

@@ -1189,7 +1189,8 @@ export async function generateModelString(
   }
 
   if (useBillable) {
-    paymentImports += `import { PaymentMethodModel } from './PaymentMethod'`
+    paymentImports += `import { PaymentMethodModel } from './PaymentMethod'\n`
+    paymentImports += `import { TransactionModel } from './Transaction'`
 
     billableStatements += ` async createStripeUser(options: Stripe.CustomerCreateParams): Promise<Stripe.Response<Stripe.Customer>> {
     const customer = await manageCustomer.createStripeCustomer(this, options)
@@ -1203,6 +1204,12 @@ export async function generateModelString(
       return customer
     }
 
+    async storeTransaction(productId: number): Promise<TransactionModel> {
+      const transaction = await manageTransaction.store(this, productId)
+
+      return transaction
+    }
+
     async deleteStripeUser(): Promise<Stripe.Response<Stripe.DeletedCustomer>> {
       const deletedCustomer = await manageCustomer.deleteStripeUser(this)
       return deletedCustomer
@@ -1558,7 +1565,7 @@ export async function generateModelString(
   const fillable = JSON.stringify(getFillableAttributes(model, otherModelRelations))
 
   return `import type { Generated, Insertable, Selectable, Updateable } from 'kysely'
-    import { manageCharge, manageCheckout, manageCustomer, manageInvoice, managePaymentMethod, manageSubscription, managePrice, manageSetupIntent, type Stripe } from '@stacksjs/payments'
+    import { manageCharge, manageCheckout, manageCustomer, manageInvoice, managePaymentMethod, manageSubscription, manageTransaction, managePrice, manageSetupIntent, type Stripe } from '@stacksjs/payments'
     import { db, sql } from '@stacksjs/database'
     import type { CheckoutLineItem, CheckoutOptions, StripeCustomerOptions } from '@stacksjs/types'
     import { HttpError } from '@stacksjs/error-handling'

storage/framework/core/payments/src/billable/index.ts

@@ -7,3 +7,4 @@ export * from './payment-method'
 export * from './price'
 export * from './setup-products'
 export * from './subscription'
+export * from './transaction'

storage/framework/core/payments/src/billable/transaction.ts

@@ -0,0 +1,29 @@
+import type { UserModel } from '../../../../orm/src/models/User'
+import Product from '../../../../orm/src/models/Product'
+import { Transaction, type TransactionModel } from '../../../../orm/src/models/Transaction'
+
+export interface manageTransaction {
+  store: (user: UserModel, productId: number) => Promise<TransactionModel>
+}
+
+export const manageTransaction: manageTransaction = (() => {
+  async function store(user: UserModel, productId: number): Promise<TransactionModel> {
+    const product = await Product.find(productId)
+
+    const data = {
+      name: product?.name,
+      description: '',
+      amount: product?.unit_price,
+      brand: 'visa',
+      type: 'one-time',
+      provider_id: '312321312',
+      user_id: user.id,
+    }
+
+    const transaction = await Transaction.create(data)
+
+    return transaction
+  }
+
+  return { store }
+})()

storage/framework/database/models/generated/Transaction.ts

@@ -52,7 +52,7 @@ export default {
           required: 'amount is required',
         },
       },
-      factory: () => collect(['visa', 'mastercard', 'amex', 'jcb']).random().first(),
+      factory: () => faker.number.int({ min: 1000, max: 10000 }),
     },
 
     brand: {

storage/framework/orm/src/models/User.ts

@@ -1,12 +1,13 @@
 import type { CheckoutLineItem, CheckoutOptions, StripeCustomerOptions } from '@stacksjs/types'
 import type { Generated, Insertable, Selectable, Updateable } from 'kysely'
 import type { PaymentMethodModel } from './PaymentMethod'
+import type { TransactionModel } from './Transaction'
 import { randomUUIDv7 } from 'bun'
 import { cache } from '@stacksjs/cache'
 import { db, sql } from '@stacksjs/database'
 import { HttpError } from '@stacksjs/error-handling'
 import { dispatch } from '@stacksjs/events'
-import { manageCharge, manageCheckout, manageCustomer, manageInvoice, managePaymentMethod, manageSetupIntent, manageSubscription, type Stripe } from '@stacksjs/payments'
+import { manageCharge, manageCheckout, manageCustomer, manageInvoice, managePaymentMethod, manageSetupIntent, manageSubscription, manageTransaction, type Stripe } from '@stacksjs/payments'
 import Deployment from './Deployment'
 
 import PaymentMethod from './PaymentMethod'
@@ -837,6 +838,12 @@ export class UserModel {
     return customer
   }
 
+  async storeTransaction(productId: number): Promise<TransactionModel> {
+    const transaction = await manageTransaction.store(this, productId)
+
+    return transaction
+  }
+
   async deleteStripeUser(): Promise<Stripe.Response<Stripe.DeletedCustomer>> {
     const deletedCustomer = await manageCustomer.deleteStripeUser(this)
     return deletedCustomer