cleanup store, update github workflow to use node 22

Author: anilgangapersaud-circle

.github/workflows/pipeline.yaml

@@ -11,10 +11,10 @@ jobs:
       - name: Check out repository code
         uses: actions/checkout@v3
 
-      - name: Install Node 16.x
+      - name: Install Node 22.x
         uses: actions/setup-node@v3
         with:
-          node-version: 16
+          node-version: 22
 
       - name: Install Dependencies
         run: yarn install --frozen-lockfile

layouts/default.vue

@@ -35,7 +35,7 @@
           </v-list-item>
         </v-list-group>
 
-        <v-list-group v-if="!isMarketplace">
+        <v-list-group>
           <template v-slot:activator="{ props }">
             <v-list-item v-bind="props">
               <v-list-item-title>Payments APIs</v-list-item-title>
@@ -56,7 +56,7 @@
           </v-list-item>
         </v-list-group>
 
-        <v-list-group v-if="isMarketplace">
+        <v-list-group>
           <template v-slot:activator="{ props }">
             <v-list-item v-bind="props">
               <v-list-item-title>Marketplace APIs</v-list-item-title>
@@ -98,7 +98,7 @@
           </v-list-item>
         </v-list-group>
 
-        <v-list-group v-if="!isMarketplace">
+        <v-list-group>
           <template v-slot:activator="{ props }">
             <v-list-item v-bind="props">
               <v-list-item-title>Payment Intents APIs</v-list-item-title>
@@ -199,10 +199,6 @@
             Do not share or record your API keys in publicly accessible mediums
             such as GitHub, client-side code, etc.
           </p>
-          <v-switch
-            v-model="isMarketplace"
-            label="I am using a Circle Marketplaces API key"
-          ></v-switch>
         </v-form>
       </div>
     </v-navigation-drawer>
@@ -533,15 +529,6 @@ const apiKey = computed({
   set: (value: string) => store.setBearerToken(value),
 })
 
-const isMarketplace = computed({
-  get: () => store.isMarketplace,
-  set: (bool: boolean) => {
-    store.setIsMarketplace(bool)
-    router.push('/')
-  },
-})
-
-const title = ref('Circle Sample App')
 </script>
 
 <style scoped>

pages/debug/businessAccount/index.vue

@@ -210,8 +210,4 @@
 </template>
 
 <script setup lang="ts">
-const store = useMainStore()
-
-// computed
-const isMarketplace = computed(() => store.isMarketplace)
 </script>

pages/debug/payments/create.vue

@@ -116,15 +116,13 @@ const formData = reactive({
 
 const verificationMethods = ['none', 'cvv', 'three_d_secure']
 const sourceType = ['card', 'ach', 'payment_token']
-const required = [(v: string) => !!v || 'Field is required']
 const error = ref<any>({})
 const loading = ref(false)
 const showError = ref(false)
 
 const payload = computed(() => store.getRequestPayload)
 const response = computed(() => store.getRequestResponse)
 const requestUrl = computed(() => store.getRequestUrl)
-const isMarketplace = computed(() => store.isMarketplace)
 
 watch(
   () => formData.verification,
@@ -156,15 +154,6 @@ watch(
   { immediate: true },
 )
 
-onMounted(() => {
-  if (isMarketplace.value) {
-    throw createError({
-      statusCode: 404,
-      statusMessage: 'This endpoint is not available for marketplaces',
-    })
-  }
-})
-
 const onErrorSheetClosed = () => {
   error.value = {}
   showError.value = false

pages/debug/payouts/index.vue

@@ -38,5 +38,4 @@
 
 <script setup lang="ts">
 const store = useMainStore()
-const isMarketplace = computed(() => store.isMarketplace)
 </script>

stores/main.ts

@@ -1,10 +1,5 @@
 import { defineStore } from 'pinia'
 
-interface Card {
-  id: string
-  cvvRequired: boolean
-}
-
 interface ApiRequest {
   url: string
   payload: any
@@ -14,8 +9,6 @@ interface ApiRequest {
 interface MainState {
   bearerToken: string
   apiRequest: ApiRequest
-  cards: Card[]
-  isMarketplace: boolean
 }
 
 export const useMainStore = defineStore('main', {
@@ -26,16 +19,13 @@ export const useMainStore = defineStore('main', {
       payload: {},
       response: {},
     },
-    cards: [],
-    isMarketplace: false,
   }),
 
   getters: {
     getApiKey: (state): string => state.bearerToken,
     getRequestPayload: (state): any => state.apiRequest.payload,
     getRequestResponse: (state): any => state.apiRequest.response,
     getRequestUrl: (state): string => state.apiRequest.url,
-    getCards: (state): Card[] => state.cards,
   },
 
   actions: {
@@ -61,14 +51,6 @@ export const useMainStore = defineStore('main', {
     clearRequestData() {
       this.apiRequest = { url: '', payload: {}, response: {} }
     },
-
-    setCard(card: Card) {
-      this.cards.push(card)
-    },
-
-    setIsMarketplace(bool: boolean) {
-      this.isMarketplace = bool
-    },
   },
 
   persist: {