From bdf3a022d53753a43bde4a2973049edb019014d4 Mon Sep 17 00:00:00 2001
From: Yitian Xue <yitian.xue@circle.com>
Date: Wed, 4 Dec 2024 11:30:35 -0500
Subject: [PATCH] [BANK-3352] support BRL fx (#377)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

<img width="1421" alt="Screenshot 2024-12-02 at 3 57 09 PM"
src="https://github.com/user-attachments/assets/758be296-948d-41ed-bab9-062cef2cef83">
<img width="1407" alt="Screenshot 2024-12-02 at 3 59 32 PM"
src="https://github.com/user-attachments/assets/38bb97c7-5c6e-4b9e-8113-bbeba10e5a53">
---
 layouts/default.vue                           |  4 +
 lib/mocksApi.ts                               | 17 ++++
 .../debug/businessAccount/payouts/create.vue  | 10 +-
 pages/debug/payments/mocks/pix.vue            | 99 +++++++++++++++++++
 plugins/mocksApi.ts                           |  2 +
 5 files changed, 130 insertions(+), 2 deletions(-)
 create mode 100644 pages/debug/payments/mocks/pix.vue

diff --git a/layouts/default.vue b/layouts/default.vue
index f0da18a5..03446c69 100644
--- a/layouts/default.vue
+++ b/layouts/default.vue
@@ -314,6 +314,10 @@ export default class DefaultLayoutsClass extends Vue {
       title: 'POST /mocks/payments/wire',
       to: '/debug/payments/mocks/wire',
     },
+    {
+      title: 'POST /mocks/payments/pix',
+      to: '/debug/payments/mocks/pix',
+    },
     {
       title: 'POST /businessAccount/banks/cbit',
       to: '/debug/businessAccount/cbitAccounts/create',
diff --git a/lib/mocksApi.ts b/lib/mocksApi.ts
index 3c38d884..3de612f1 100644
--- a/lib/mocksApi.ts
+++ b/lib/mocksApi.ts
@@ -16,6 +16,14 @@ export interface CreateMockPushPaymentPayload {
   rail: string
 }
 
+export interface CreateMockPixPushPaymentPayload {
+  trackingRef: string
+  accountNumber: string
+  amount: {
+    amount: string
+  }
+}
+
 export interface CreateMockChargebackPayload {
   paymentId: string
 }
@@ -59,6 +67,14 @@ function createMockWirePayment(payload: CreateMockPushPaymentPayload) {
   return instance.post(url, payload)
 }
 
+/**
+ * Trigger pix payment
+ */
+function createMockPixPyament(payload: CreateMockPixPushPaymentPayload) {
+  const url = '/v1/mocks/payments/pix'
+  return instance.post(url, payload)
+}
+
 /**
  * Create a mock chargeback
  * @param {*} payload
@@ -72,4 +88,5 @@ export default {
   getInstance,
   createMockWirePayment,
   createMockChargeback,
+  createMockPixPyament,
 }
diff --git a/pages/debug/businessAccount/payouts/create.vue b/pages/debug/businessAccount/payouts/create.vue
index 23efc81f..2dbed647 100644
--- a/pages/debug/businessAccount/payouts/create.vue
+++ b/pages/debug/businessAccount/payouts/create.vue
@@ -88,14 +88,16 @@ export default class CreatePayoutClass extends Vue {
   }
 
   required = [(v: string) => !!v || 'Field is required']
-  destinationType = ['wire', 'cbit', 'xpay', 'rtp', 'rtgs', 'sepa']
+  destinationType = ['wire', 'cbit', 'xpay', 'rtp', 'rtgs', 'sepa', 'pix']
   wireCurrencyTypes = ['USD', 'EUR']
   cbitCurrencyTypes = ['USD']
   xpayCurrencyTypes = ['USD']
   rtpCurrencyTypes = ['USD']
   rtgsCurrencyTypes = ['USD', 'EUR']
   sepaCurrencyTypes = ['EUR']
+  pixCurrencyTypes = ['USD']
   fxCurrencyTypes = ['', 'SGD', 'MXN']
+  pixFxCurrencyTypes = ['BRL']
   currencyTypes = new Map([
     ['wire', this.wireCurrencyTypes],
     ['cbit', this.cbitCurrencyTypes],
@@ -103,9 +105,13 @@ export default class CreatePayoutClass extends Vue {
     ['rtp', this.rtpCurrencyTypes],
     ['rtgs', this.rtgsCurrencyTypes],
     ['sepa', this.sepaCurrencyTypes],
+    ['pix', this.pixCurrencyTypes],
   ])
 
-  toCurrencyTypes = new Map([['USDwire', this.fxCurrencyTypes]])
+  toCurrencyTypes = new Map([
+    ['USDwire', this.fxCurrencyTypes],
+    ['USDpix', this.pixFxCurrencyTypes],
+  ])
 
   error = {}
   loading = false
diff --git a/pages/debug/payments/mocks/pix.vue b/pages/debug/payments/mocks/pix.vue
new file mode 100644
index 00000000..ce7d7ccc
--- /dev/null
+++ b/pages/debug/payments/mocks/pix.vue
@@ -0,0 +1,99 @@
+<template>
+  <v-layout>
+    <v-row>
+      <v-col cols="12" md="4">
+        <v-form>
+          <v-text-field v-model="formData.trackingRef" label="Tracking Ref" />
+          <v-text-field
+            v-model="formData.accountNumber"
+            label="Account Number"
+          />
+          <v-text-field v-model="formData.amount" label="Amount" />
+          <v-btn
+            v-if="isSandbox"
+            depressed
+            class="mb-7"
+            color="primary"
+            :loading="loading"
+            @click.prevent="makeApiCall"
+          >
+            Make api call
+          </v-btn>
+        </v-form>
+      </v-col>
+      <v-col cols="12" md="8">
+        <RequestInfo
+          :url="requestUrl"
+          :payload="payload"
+          :response="response"
+        />
+      </v-col>
+    </v-row>
+    <ErrorSheet
+      :error="error"
+      :show-error="showError"
+      @onChange="onErrorSheetClosed"
+    />
+  </v-layout>
+</template>
+
+<script lang="ts">
+import { Component, Vue } from 'nuxt-property-decorator'
+import { mapGetters } from 'vuex'
+import { getLive } from '../../../../lib/apiTarget'
+import RequestInfo from '../../../../components/RequestInfo.vue'
+import ErrorSheet from '../../../../components/ErrorSheet.vue'
+import { CreateMockPixPushPaymentPayload } from '~/lib/mocksApi'
+@Component({
+  components: {
+    RequestInfo,
+    ErrorSheet,
+  },
+  computed: {
+    ...mapGetters({
+      payload: 'getRequestPayload',
+      response: 'getRequestResponse',
+      requestUrl: 'getRequestUrl',
+    }),
+  },
+})
+export default class CreateMockIncomingPixClass extends Vue {
+  formData = {
+    trackingRef: '',
+    accountNumber: '',
+    amount: '0.00',
+    currency: 'BRL',
+  }
+
+  isSandbox: Boolean = !getLive()
+  required = [(v: string) => !!v || 'Field is required']
+  error = {}
+  loading = false
+  showError = false
+  onErrorSheetClosed() {
+    this.error = {}
+    this.showError = false
+  }
+
+  async makeApiCall() {
+    this.loading = true
+    const amountDetail = {
+      amount: this.formData.amount,
+      currency: this.formData.currency,
+    }
+    const payload: CreateMockPixPushPaymentPayload = {
+      trackingRef: this.formData.trackingRef,
+      accountNumber: this.formData.accountNumber,
+      amount: amountDetail,
+    }
+    try {
+      await this.$mocksApi.createMockPixPyament(payload)
+    } catch (error) {
+      this.error = error
+      this.showError = true
+    } finally {
+      this.loading = false
+    }
+  }
+}
+</script>
diff --git a/plugins/mocksApi.ts b/plugins/mocksApi.ts
index 5fe6d152..7a362641 100644
--- a/plugins/mocksApi.ts
+++ b/plugins/mocksApi.ts
@@ -1,5 +1,6 @@
 import mocksApi, {
   CreateMockChargebackPayload,
+  CreateMockPixPushPaymentPayload,
   CreateMockPushPaymentPayload,
 } from '@/lib/mocksApi'
 
@@ -9,6 +10,7 @@ declare module 'vue/types/vue' {
       getInstance: any
       createMockChargeback: (payload: CreateMockChargebackPayload) => any
       createMockWirePayment: (payload: CreateMockPushPaymentPayload) => any
+      createMockPixPyament: (payload: CreateMockPixPushPaymentPayload) => any
     }
   }
 }