@riskdefy/chargebacks 1.0.6 → 1.0.8
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/package.json +10 -5
- package/src/.babelrc +3 -0
- package/src/components/Chargebacks.vue +28 -0
- package/src/components/Details.vue +789 -0
- package/src/components/FluidPayDetails.vue +314 -0
- package/src/components/IncomingDetails.vue +621 -0
- package/src/components/InovioPayDetails.vue +316 -0
- package/src/components/NmiDetails.vue +162 -0
- package/src/components/NuveiDetails.vue +320 -0
- package/src/components/ReasonExplained.vue +121 -0
- package/src/components/SquareUp.vue +316 -0
- package/src/components/Summary.vue +218 -0
- package/src/components/USAEPayDetails.vue +181 -0
- package/src/index.js +10 -0
- package/src/service/api.js +23 -0
- package/dist/Chargebacks.cjs.js +0 -1284
- package/dist/Chargebacks.es.js +0 -30409
- package/dist/Chargebacks.umd.js +0 -1284
- package/dist/chargebacks.css +0 -1
|
@@ -0,0 +1,316 @@
|
|
|
1
|
+
<template>
|
|
2
|
+
<div class="rounded border pt-0 mb-5">
|
|
3
|
+
<div class="accordion fs-7" id="kt_accordion_1">
|
|
4
|
+
<div class="accordion-item">
|
|
5
|
+
<h2 class="accordion-header" id="kt_accordion_1_header_1">
|
|
6
|
+
<button
|
|
7
|
+
class="accordion-button fs-6 fw-bold"
|
|
8
|
+
type="button"
|
|
9
|
+
data-bs-toggle="collapse"
|
|
10
|
+
data-bs-target="#kt_accordion_1_body_1"
|
|
11
|
+
aria-expanded="true"
|
|
12
|
+
aria-controls="kt_accordion_1_body_1"
|
|
13
|
+
>
|
|
14
|
+
Order Details
|
|
15
|
+
</button>
|
|
16
|
+
</h2>
|
|
17
|
+
<div
|
|
18
|
+
id="kt_accordion_1_body_1"
|
|
19
|
+
class="accordion-collapse collapse show"
|
|
20
|
+
aria-labelledby="kt_accordion_1_header_1"
|
|
21
|
+
data-bs-parent="#kt_accordion_1"
|
|
22
|
+
style=""
|
|
23
|
+
>
|
|
24
|
+
<div class="accordion-body">
|
|
25
|
+
<div class="mb-0">
|
|
26
|
+
<!--begin::Product table-->
|
|
27
|
+
<div class="table-responsive">
|
|
28
|
+
<!--begin::Table-->
|
|
29
|
+
<table
|
|
30
|
+
class="table align-middle table-row-dashed fs-7 gy-4 mb-0"
|
|
31
|
+
>
|
|
32
|
+
<!--begin::Table head-->
|
|
33
|
+
<thead>
|
|
34
|
+
<!--begin::Table row-->
|
|
35
|
+
<tr
|
|
36
|
+
class="border-bottom border-gray-200 text-start text-gray-400 fw-bolder fs-7 text-uppercase gs-0"
|
|
37
|
+
>
|
|
38
|
+
<th class="min-w-150px">Line Item Id</th>
|
|
39
|
+
<th class="min-w-100px">Item Type</th>
|
|
40
|
+
<th class="min-w-50px">Qty</th>
|
|
41
|
+
<th class="text-end min-w-100px pe-5">Price</th>
|
|
42
|
+
</tr>
|
|
43
|
+
<!--end::Table row-->
|
|
44
|
+
</thead>
|
|
45
|
+
<!--end::Table head-->
|
|
46
|
+
|
|
47
|
+
<!--begin::Table body-->
|
|
48
|
+
<tbody class="fw-bold text-gray-800">
|
|
49
|
+
<tr
|
|
50
|
+
v-for="(item, index) in incoming.order_details.order
|
|
51
|
+
.line_items"
|
|
52
|
+
:key="index"
|
|
53
|
+
>
|
|
54
|
+
<td>
|
|
55
|
+
<div class="w-50px">{{ item.uid }}</div>
|
|
56
|
+
</td>
|
|
57
|
+
<td>
|
|
58
|
+
{{ item.item_type }}
|
|
59
|
+
</td>
|
|
60
|
+
<td class="w-50px">{{ item.quantity }}</td>
|
|
61
|
+
<td class="w-50px text-end pe-5">
|
|
62
|
+
{{ item.base_price_money.amount }}
|
|
63
|
+
</td>
|
|
64
|
+
</tr>
|
|
65
|
+
</tbody>
|
|
66
|
+
<!--end::Table body-->
|
|
67
|
+
</table>
|
|
68
|
+
<!--end::Table-->
|
|
69
|
+
</div>
|
|
70
|
+
<!--end::Product table-->
|
|
71
|
+
</div>
|
|
72
|
+
</div>
|
|
73
|
+
</div>
|
|
74
|
+
</div>
|
|
75
|
+
<div class="accordion-item">
|
|
76
|
+
<h2 class="accordion-header" id="kt_accordion_1_header_2">
|
|
77
|
+
<button
|
|
78
|
+
class="accordion-button fs-6 fw-bold collapsed"
|
|
79
|
+
type="button"
|
|
80
|
+
data-bs-toggle="collapse"
|
|
81
|
+
data-bs-target="#kt_accordion_1_body_2"
|
|
82
|
+
aria-expanded="false"
|
|
83
|
+
aria-controls="kt_accordion_1_body_2"
|
|
84
|
+
>
|
|
85
|
+
Transaction Details
|
|
86
|
+
</button>
|
|
87
|
+
</h2>
|
|
88
|
+
<div
|
|
89
|
+
id="kt_accordion_1_body_2"
|
|
90
|
+
class="accordion-collapse collapse"
|
|
91
|
+
aria-labelledby="kt_accordion_1_header_2"
|
|
92
|
+
data-bs-parent="#kt_accordion_1"
|
|
93
|
+
style=""
|
|
94
|
+
>
|
|
95
|
+
<div class="accordion-body">
|
|
96
|
+
<div class="mb-0">
|
|
97
|
+
<div class="d-flex flex-wrap py-2">
|
|
98
|
+
<!--begin::Col-->
|
|
99
|
+
<div class="flex-equal ms-2 me-2">
|
|
100
|
+
<table class="table table-flush fw-bold gy-1 mb-0">
|
|
101
|
+
<tbody>
|
|
102
|
+
<tr>
|
|
103
|
+
<td class="text-muted min-w-125px w-125px">
|
|
104
|
+
Transaction Id:
|
|
105
|
+
</td>
|
|
106
|
+
<td class="text-gray-800">
|
|
107
|
+
{{ incoming.transaction.payment.id }}
|
|
108
|
+
</td>
|
|
109
|
+
</tr>
|
|
110
|
+
<tr>
|
|
111
|
+
<td class="text-muted min-w-125px w-125px">
|
|
112
|
+
Auth Code:
|
|
113
|
+
</td>
|
|
114
|
+
<td class="text-gray-800">
|
|
115
|
+
{{ incoming.transaction.payment.delay_duration }}
|
|
116
|
+
</td>
|
|
117
|
+
</tr>
|
|
118
|
+
<tr>
|
|
119
|
+
<td class="text-muted min-w-125px w-125px">AVS:</td>
|
|
120
|
+
<td class="text-gray-800">
|
|
121
|
+
{{
|
|
122
|
+
incoming.transaction.payment.card_details.avs_status
|
|
123
|
+
}}
|
|
124
|
+
</td>
|
|
125
|
+
</tr>
|
|
126
|
+
<tr>
|
|
127
|
+
<td class="text-muted min-w-125px w-125px">CVV:</td>
|
|
128
|
+
<td class="text-gray-800">
|
|
129
|
+
{{
|
|
130
|
+
incoming.transaction.payment.card_details.cvv_status
|
|
131
|
+
}}
|
|
132
|
+
</td>
|
|
133
|
+
</tr>
|
|
134
|
+
<tr>
|
|
135
|
+
<td class="text-muted min-w-125px w-125px">
|
|
136
|
+
Created Date:
|
|
137
|
+
</td>
|
|
138
|
+
<td class="text-gray-800">
|
|
139
|
+
{{ incoming.transaction.payment.created_at }}
|
|
140
|
+
</td>
|
|
141
|
+
</tr>
|
|
142
|
+
</tbody>
|
|
143
|
+
</table>
|
|
144
|
+
</div>
|
|
145
|
+
<!--end::Col--><!--begin::Col-->
|
|
146
|
+
<div class="flex-equal ms-2 me-2">
|
|
147
|
+
<table class="table table-flush fw-bold gy-1">
|
|
148
|
+
<tbody>
|
|
149
|
+
<tr>
|
|
150
|
+
<td class="text-muted min-w-125px w-125px">
|
|
151
|
+
Order Id:
|
|
152
|
+
</td>
|
|
153
|
+
<td class="text-gray-800">
|
|
154
|
+
{{ incoming.transaction.payment.order_id }}
|
|
155
|
+
</td>
|
|
156
|
+
</tr>
|
|
157
|
+
<tr>
|
|
158
|
+
<td class="text-muted min-w-125px w-125px">Status:</td>
|
|
159
|
+
<td class="text-gray-800">
|
|
160
|
+
{{ incoming.transaction.payment.status }}
|
|
161
|
+
</td>
|
|
162
|
+
</tr>
|
|
163
|
+
<tr>
|
|
164
|
+
<td class="text-muted min-w-125px w-125px">Type:</td>
|
|
165
|
+
<td class="text-gray-800">
|
|
166
|
+
{{ incoming.transaction.payment.card_details.status }}
|
|
167
|
+
</td>
|
|
168
|
+
</tr>
|
|
169
|
+
<tr>
|
|
170
|
+
<td class="text-muted min-w-125px w-125px">
|
|
171
|
+
Receipt Number:
|
|
172
|
+
</td>
|
|
173
|
+
<td class="text-gray-800">
|
|
174
|
+
{{ incoming.transaction.payment.receipt_number }}
|
|
175
|
+
</td>
|
|
176
|
+
</tr>
|
|
177
|
+
<tr>
|
|
178
|
+
<td class="text-muted min-w-125px w-125px">
|
|
179
|
+
Descriptor:
|
|
180
|
+
</td>
|
|
181
|
+
<td class="text-gray-800">
|
|
182
|
+
{{
|
|
183
|
+
incoming.transaction.payment.card_details
|
|
184
|
+
.statement_description
|
|
185
|
+
}}
|
|
186
|
+
</td>
|
|
187
|
+
</tr>
|
|
188
|
+
</tbody>
|
|
189
|
+
</table>
|
|
190
|
+
</div>
|
|
191
|
+
<!--end::Col-->
|
|
192
|
+
</div>
|
|
193
|
+
</div>
|
|
194
|
+
</div>
|
|
195
|
+
</div>
|
|
196
|
+
</div>
|
|
197
|
+
<div class="accordion-item">
|
|
198
|
+
<h2 class="accordion-header" id="kt_accordion_1_header_3">
|
|
199
|
+
<button
|
|
200
|
+
class="accordion-button fs-6 fw-bold collapsed"
|
|
201
|
+
type="button"
|
|
202
|
+
data-bs-toggle="collapse"
|
|
203
|
+
data-bs-target="#kt_accordion_1_body_3"
|
|
204
|
+
aria-expanded="false"
|
|
205
|
+
aria-controls="kt_accordion_1_body_3"
|
|
206
|
+
>
|
|
207
|
+
Cardholder Details
|
|
208
|
+
</button>
|
|
209
|
+
</h2>
|
|
210
|
+
<div
|
|
211
|
+
id="kt_accordion_1_body_3"
|
|
212
|
+
class="accordion-collapse collapse"
|
|
213
|
+
aria-labelledby="kt_accordion_1_header_3"
|
|
214
|
+
data-bs-parent="#kt_accordion_1"
|
|
215
|
+
style=""
|
|
216
|
+
>
|
|
217
|
+
<div class="accordion-body">
|
|
218
|
+
<div class="mb-0">
|
|
219
|
+
<div class="d-flex flex-wrap py-5">
|
|
220
|
+
<!--begin::Col-->
|
|
221
|
+
<div class="flex-equal ms-2 me-5">
|
|
222
|
+
<table class="table table-flush fw-bold gy-1">
|
|
223
|
+
<tbody>
|
|
224
|
+
<tr>
|
|
225
|
+
<td class="text-muted min-w-125px w-125px">
|
|
226
|
+
First Name
|
|
227
|
+
</td>
|
|
228
|
+
<td class="text-gray-800 text-hover-primary">
|
|
229
|
+
{{ incoming.card_holder.first_name }}
|
|
230
|
+
</td>
|
|
231
|
+
</tr>
|
|
232
|
+
<tr>
|
|
233
|
+
<td class="text-muted min-w-125px w-125px">
|
|
234
|
+
Last Name
|
|
235
|
+
</td>
|
|
236
|
+
<td class="text-gray-800 text-hover-primary">
|
|
237
|
+
{{ incoming.card_holder.last_name }}
|
|
238
|
+
</td>
|
|
239
|
+
</tr>
|
|
240
|
+
<tr>
|
|
241
|
+
<td class="text-muted min-w-125px w-125px">Email</td>
|
|
242
|
+
<td class="text-gray-800 text-hover-primary">
|
|
243
|
+
{{ incoming.card_holder.email }}
|
|
244
|
+
</td>
|
|
245
|
+
</tr>
|
|
246
|
+
<tr>
|
|
247
|
+
<td class="text-muted min-w-125px w-125px">Address:</td>
|
|
248
|
+
<td class="text-gray-800 text-hover-primary">
|
|
249
|
+
{{ incoming.card_holder.billing_address }}<br />{{
|
|
250
|
+
incoming.card_holder.billing_zip
|
|
251
|
+
}}
|
|
252
|
+
</td>
|
|
253
|
+
</tr>
|
|
254
|
+
</tbody>
|
|
255
|
+
</table>
|
|
256
|
+
</div>
|
|
257
|
+
<!--end::Col--><!--begin::Col-->
|
|
258
|
+
<div class="flex-equal">
|
|
259
|
+
<table class="table table-flush fw-bold gy-1">
|
|
260
|
+
<tbody>
|
|
261
|
+
<tr>
|
|
262
|
+
<td class="text-muted min-w-125px w-125px">
|
|
263
|
+
Customer Id:
|
|
264
|
+
</td>
|
|
265
|
+
<td class="text-gray-800">
|
|
266
|
+
{{ incoming.card_holder.customer_id }}
|
|
267
|
+
</td>
|
|
268
|
+
</tr>
|
|
269
|
+
<tr>
|
|
270
|
+
<td class="text-muted min-w-125px w-125px">Source:</td>
|
|
271
|
+
<td class="text-gray-800">
|
|
272
|
+
{{ incoming.card_holder.source }}
|
|
273
|
+
</td>
|
|
274
|
+
</tr>
|
|
275
|
+
<tr>
|
|
276
|
+
<td class="text-muted min-w-125px w-125px">Phone:</td>
|
|
277
|
+
<td class="text-gray-800">
|
|
278
|
+
{{ incoming.card_holder.phone }}
|
|
279
|
+
</td>
|
|
280
|
+
</tr>
|
|
281
|
+
<tr>
|
|
282
|
+
<td class="text-muted min-w-125px w-125px">
|
|
283
|
+
Email <br />
|
|
284
|
+
Subscription:
|
|
285
|
+
</td>
|
|
286
|
+
<td class="text-gray-800 pt-4">
|
|
287
|
+
{{ incoming.card_holder.preferences }}
|
|
288
|
+
</td>
|
|
289
|
+
</tr>
|
|
290
|
+
</tbody>
|
|
291
|
+
</table>
|
|
292
|
+
</div>
|
|
293
|
+
<!--end::Col-->
|
|
294
|
+
</div>
|
|
295
|
+
</div>
|
|
296
|
+
</div>
|
|
297
|
+
</div>
|
|
298
|
+
</div>
|
|
299
|
+
</div>
|
|
300
|
+
</div>
|
|
301
|
+
</template>
|
|
302
|
+
|
|
303
|
+
<script lang="ts">
|
|
304
|
+
import { defineComponent } from "vue";
|
|
305
|
+
|
|
306
|
+
export default defineComponent({
|
|
307
|
+
name: "squareup-details",
|
|
308
|
+
props: {
|
|
309
|
+
incoming: Object,
|
|
310
|
+
},
|
|
311
|
+
setup() {
|
|
312
|
+
return {};
|
|
313
|
+
},
|
|
314
|
+
});
|
|
315
|
+
</script>
|
|
316
|
+
|
|
@@ -0,0 +1,218 @@
|
|
|
1
|
+
<template>
|
|
2
|
+
<!--begin::Card-->
|
|
3
|
+
<div
|
|
4
|
+
class="card card-flush mb-0"
|
|
5
|
+
data-kt-sticky="false"
|
|
6
|
+
data-kt-sticky-name="merchants-summary"
|
|
7
|
+
>
|
|
8
|
+
<!--begin::Card header-->
|
|
9
|
+
<div class="card card-body ps-5 pb-2">
|
|
10
|
+
<!--begin::Card toolbar-->
|
|
11
|
+
<h5 class="mb-4 fs-6 ps-0 fw-normal">Summary Details</h5>
|
|
12
|
+
<!--end::Card toolbar-->
|
|
13
|
+
</div>
|
|
14
|
+
<!--end::Card header-->
|
|
15
|
+
|
|
16
|
+
<!--begin::Card body-->
|
|
17
|
+
<div class="card-body px-5 pe-8 pt-0 fs-7">
|
|
18
|
+
<!--begin::Section-->
|
|
19
|
+
<div class="mb-4">
|
|
20
|
+
<!--begin::Details-->
|
|
21
|
+
<div class="row pb-4 align-items-center">
|
|
22
|
+
<!-- Merchant Label Column -->
|
|
23
|
+
<div class="col-auto">
|
|
24
|
+
<div class="card-flush p-0">
|
|
25
|
+
<div class="fw-bold text-muted">
|
|
26
|
+
<span class="d-block"> Status </span>
|
|
27
|
+
</div>
|
|
28
|
+
</div>
|
|
29
|
+
</div>
|
|
30
|
+
|
|
31
|
+
<!-- Merchant Name Column -->
|
|
32
|
+
<div class="col text-end">
|
|
33
|
+
<div class="card-flush p-0">
|
|
34
|
+
<div class="fw-bold text-gray-800">
|
|
35
|
+
<span class="d-block">
|
|
36
|
+
{{ incoming.chargeback_status }}
|
|
37
|
+
</span>
|
|
38
|
+
</div>
|
|
39
|
+
</div>
|
|
40
|
+
</div>
|
|
41
|
+
</div>
|
|
42
|
+
<div class="row pb-4 align-items-center">
|
|
43
|
+
<!-- Merchant Label Column -->
|
|
44
|
+
<div class="col-auto">
|
|
45
|
+
<div class="card-flush p-0">
|
|
46
|
+
<div class="fw-bold text-muted">
|
|
47
|
+
<span class="d-block"> Merchant </span>
|
|
48
|
+
</div>
|
|
49
|
+
</div>
|
|
50
|
+
</div>
|
|
51
|
+
|
|
52
|
+
<!-- Merchant Name Column -->
|
|
53
|
+
<div class="col text-end">
|
|
54
|
+
<div class="card-flush p-0">
|
|
55
|
+
<div class="fw-bold text-gray-800">
|
|
56
|
+
<span class="d-block">
|
|
57
|
+
{{ merchant.dba_name }}
|
|
58
|
+
</span>
|
|
59
|
+
</div>
|
|
60
|
+
</div>
|
|
61
|
+
</div>
|
|
62
|
+
</div>
|
|
63
|
+
<div class="row pb-4 align-items-center">
|
|
64
|
+
<!-- Merchant Label Column -->
|
|
65
|
+
<div class="col-auto">
|
|
66
|
+
<div class="card-flush p-0">
|
|
67
|
+
<div class="fw-bold text-muted">
|
|
68
|
+
<span class="d-block"> MID Number: </span>
|
|
69
|
+
</div>
|
|
70
|
+
</div>
|
|
71
|
+
</div>
|
|
72
|
+
|
|
73
|
+
<!-- Merchant Name Column -->
|
|
74
|
+
<div class="col text-end">
|
|
75
|
+
<div class="card-flush p-0">
|
|
76
|
+
<div class="fw-bold text-gray-800">
|
|
77
|
+
<span class="d-block">
|
|
78
|
+
{{ merchant.mid_number }}
|
|
79
|
+
</span>
|
|
80
|
+
</div>
|
|
81
|
+
</div>
|
|
82
|
+
</div>
|
|
83
|
+
</div>
|
|
84
|
+
<div class="row pb-4 align-items-center">
|
|
85
|
+
<!-- Merchant Label Column -->
|
|
86
|
+
<div class="col-auto">
|
|
87
|
+
<div class="card-flush p-0">
|
|
88
|
+
<div class="fw-bold text-muted">
|
|
89
|
+
<span class="d-block"> Merchant ID: </span>
|
|
90
|
+
</div>
|
|
91
|
+
</div>
|
|
92
|
+
</div>
|
|
93
|
+
|
|
94
|
+
<!-- Merchant Name Column -->
|
|
95
|
+
<div class="col text-end">
|
|
96
|
+
<div class="card-flush p-0">
|
|
97
|
+
<div class="fw-bold text-gray-800">
|
|
98
|
+
<span class="d-block">
|
|
99
|
+
{{ merchant.merchant_id }}
|
|
100
|
+
</span>
|
|
101
|
+
</div>
|
|
102
|
+
</div>
|
|
103
|
+
</div>
|
|
104
|
+
</div>
|
|
105
|
+
<div class="row pb-4 align-items-center">
|
|
106
|
+
<!-- Merchant Label Column -->
|
|
107
|
+
<div class="col-auto">
|
|
108
|
+
<div class="card-flush p-0">
|
|
109
|
+
<div class="fw-bold text-muted">
|
|
110
|
+
<span class="d-block">Processor</span>
|
|
111
|
+
</div>
|
|
112
|
+
</div>
|
|
113
|
+
</div>
|
|
114
|
+
|
|
115
|
+
<!-- Merchant Name Column -->
|
|
116
|
+
<div class="col text-end">
|
|
117
|
+
<div class="card-flush p-0">
|
|
118
|
+
<div class="fw-bold text-gray-800">
|
|
119
|
+
<span class="d-block">
|
|
120
|
+
{{ processor.name }}
|
|
121
|
+
</span>
|
|
122
|
+
</div>
|
|
123
|
+
</div>
|
|
124
|
+
</div>
|
|
125
|
+
</div>
|
|
126
|
+
<div class="row pb-4 align-items-center">
|
|
127
|
+
<!-- Merchant Label Column -->
|
|
128
|
+
<div class="col-auto">
|
|
129
|
+
<div class="card-flush p-0">
|
|
130
|
+
<div class="fw-bold text-muted">
|
|
131
|
+
<span class="d-block">Response Status</span>
|
|
132
|
+
</div>
|
|
133
|
+
</div>
|
|
134
|
+
</div>
|
|
135
|
+
|
|
136
|
+
<!-- Merchant Name Column -->
|
|
137
|
+
<div class="col text-end">
|
|
138
|
+
<div class="card-flush p-0">
|
|
139
|
+
<div class="fw-bold text-gray-800">
|
|
140
|
+
<span
|
|
141
|
+
v-if="incoming.sent_date == '0000-00-00 00:00:00'"
|
|
142
|
+
class="d-block"
|
|
143
|
+
>
|
|
144
|
+
Not Sent
|
|
145
|
+
</span>
|
|
146
|
+
<span v-else class="d-block"> Sent </span>
|
|
147
|
+
</div>
|
|
148
|
+
</div>
|
|
149
|
+
</div>
|
|
150
|
+
</div>
|
|
151
|
+
<div class="row pb-4 align-items-center">
|
|
152
|
+
<!-- Merchant Label Column -->
|
|
153
|
+
<div class="col-auto">
|
|
154
|
+
<div class="card-flush p-0">
|
|
155
|
+
<div class="fw-bold text-muted">
|
|
156
|
+
<span class="d-block">Reason Category</span>
|
|
157
|
+
</div>
|
|
158
|
+
</div>
|
|
159
|
+
</div>
|
|
160
|
+
|
|
161
|
+
<!-- Merchant Name Column -->
|
|
162
|
+
<div class="col text-end">
|
|
163
|
+
<div class="card-flush p-0">
|
|
164
|
+
<div class="fw-bold text-gray-800">
|
|
165
|
+
<span class="d-block">
|
|
166
|
+
{{ reason.category }}
|
|
167
|
+
</span>
|
|
168
|
+
</div>
|
|
169
|
+
</div>
|
|
170
|
+
</div>
|
|
171
|
+
</div>
|
|
172
|
+
<div class="row pb-4 align-items-center">
|
|
173
|
+
<!-- Merchant Label Column -->
|
|
174
|
+
<div class="col-auto">
|
|
175
|
+
<div class="card-flush p-0">
|
|
176
|
+
<div class="fw-bold text-muted">
|
|
177
|
+
<span class="d-block">Reason Condition</span>
|
|
178
|
+
</div>
|
|
179
|
+
</div>
|
|
180
|
+
</div>
|
|
181
|
+
|
|
182
|
+
<!-- Merchant Name Column -->
|
|
183
|
+
<div class="col text-end">
|
|
184
|
+
<div class="card-flush p-0">
|
|
185
|
+
<div class="fw-bold text-gray-800">
|
|
186
|
+
<span class="d-block">
|
|
187
|
+
{{ incoming.reason_condition }}
|
|
188
|
+
</span>
|
|
189
|
+
</div>
|
|
190
|
+
</div>
|
|
191
|
+
</div>
|
|
192
|
+
</div>
|
|
193
|
+
|
|
194
|
+
<!--end::Details-->
|
|
195
|
+
</div>
|
|
196
|
+
<!--begin::Section-->
|
|
197
|
+
<!--end::Section-->
|
|
198
|
+
</div>
|
|
199
|
+
<!--end::Card body-->
|
|
200
|
+
</div>
|
|
201
|
+
<!--end::Card-->
|
|
202
|
+
</template>
|
|
203
|
+
|
|
204
|
+
<script lang="ts">
|
|
205
|
+
import { defineComponent, ref, watch } from "vue";
|
|
206
|
+
|
|
207
|
+
export default defineComponent({
|
|
208
|
+
name: "incoming-summary",
|
|
209
|
+
emits: ["reset"],
|
|
210
|
+
props: {
|
|
211
|
+
incoming: { type: Object, required: true },
|
|
212
|
+
merchant: { type: Object, required: true },
|
|
213
|
+
processor: { type: Object, required: true },
|
|
214
|
+
reason: { type: Object, required: true },
|
|
215
|
+
},
|
|
216
|
+
});
|
|
217
|
+
</script>
|
|
218
|
+
|