@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,314 @@
|
|
|
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
|
+
<div
|
|
27
|
+
v-if="incoming.order_details == ''"
|
|
28
|
+
class="d-flex flex-wrap py-5"
|
|
29
|
+
>
|
|
30
|
+
<!--begin::Col-->
|
|
31
|
+
<div class="mb-0">
|
|
32
|
+
<span class="fs-7 text-gray-500">No Data Available</span>
|
|
33
|
+
</div>
|
|
34
|
+
<!--end::Col-->
|
|
35
|
+
</div>
|
|
36
|
+
<div v-else class="table-responsive">
|
|
37
|
+
<!--begin::Table-->
|
|
38
|
+
<table
|
|
39
|
+
class="table align-middle table-row-dashed gy-4 mb-0 fs-7"
|
|
40
|
+
>
|
|
41
|
+
<!--begin::Table head-->
|
|
42
|
+
<thead>
|
|
43
|
+
<!--begin::Table row-->
|
|
44
|
+
<tr
|
|
45
|
+
class="border-bottom border-gray-200 text-start text-gray-400 fw-bolder fs-7 text-uppercase gs-0"
|
|
46
|
+
>
|
|
47
|
+
<th class="min-w-150px">Item Id</th>
|
|
48
|
+
<th class="min-w-100px">Item Name</th>
|
|
49
|
+
<th class="min-w-50px">Qty</th>
|
|
50
|
+
<th class="text-end min-w-100px pe-5">Price</th>
|
|
51
|
+
</tr>
|
|
52
|
+
<!--end::Table row-->
|
|
53
|
+
</thead>
|
|
54
|
+
<!--end::Table head-->
|
|
55
|
+
|
|
56
|
+
<!--begin::Table body-->
|
|
57
|
+
<tbody class="fw-bold text-gray-800">
|
|
58
|
+
<tr
|
|
59
|
+
v-for="(item, index) in incoming.order_details.items"
|
|
60
|
+
:key="index"
|
|
61
|
+
>
|
|
62
|
+
<td>
|
|
63
|
+
<div class="w-50px">{{ item.id }}</div>
|
|
64
|
+
</td>
|
|
65
|
+
<td>
|
|
66
|
+
{{ item.name }}
|
|
67
|
+
</td>
|
|
68
|
+
<td class="w-50px">{{ item.quantity }}</td>
|
|
69
|
+
<td class="w-50px text-end pe-5">
|
|
70
|
+
{{ item.unit_price }}
|
|
71
|
+
</td>
|
|
72
|
+
</tr>
|
|
73
|
+
</tbody>
|
|
74
|
+
<!--end::Table body-->
|
|
75
|
+
</table>
|
|
76
|
+
<!--end::Table-->
|
|
77
|
+
</div>
|
|
78
|
+
</div>
|
|
79
|
+
</div>
|
|
80
|
+
</div>
|
|
81
|
+
</div>
|
|
82
|
+
<div class="accordion-item">
|
|
83
|
+
<h2 class="accordion-header" id="kt_accordion_1_header_2">
|
|
84
|
+
<button
|
|
85
|
+
class="accordion-button fs-6 fw-bold collapsed"
|
|
86
|
+
type="button"
|
|
87
|
+
data-bs-toggle="collapse"
|
|
88
|
+
data-bs-target="#kt_accordion_1_body_2"
|
|
89
|
+
aria-expanded="false"
|
|
90
|
+
aria-controls="kt_accordion_1_body_2"
|
|
91
|
+
>
|
|
92
|
+
Transaction Details
|
|
93
|
+
</button>
|
|
94
|
+
</h2>
|
|
95
|
+
<div
|
|
96
|
+
id="kt_accordion_1_body_2"
|
|
97
|
+
class="accordion-collapse collapse"
|
|
98
|
+
aria-labelledby="kt_accordion_1_header_2"
|
|
99
|
+
data-bs-parent="#kt_accordion_1"
|
|
100
|
+
style=""
|
|
101
|
+
>
|
|
102
|
+
<div class="accordion-body">
|
|
103
|
+
<div class="mb-0">
|
|
104
|
+
<div class="d-flex flex-wrap py-2">
|
|
105
|
+
<div class="flex-equal ms-2 me-2">
|
|
106
|
+
<table class="table table-flush fw-bold gy-1 mb-0">
|
|
107
|
+
<tbody>
|
|
108
|
+
<tr>
|
|
109
|
+
<td class="text-muted min-w-125px w-125px">
|
|
110
|
+
Transaction Id:
|
|
111
|
+
</td>
|
|
112
|
+
<td class="text-gray-800">
|
|
113
|
+
{{ incoming.transaction.id }}
|
|
114
|
+
</td>
|
|
115
|
+
</tr>
|
|
116
|
+
<tr>
|
|
117
|
+
<td class="text-muted min-w-125px w-125px">
|
|
118
|
+
Auth Code:
|
|
119
|
+
</td>
|
|
120
|
+
<td class="text-gray-800">
|
|
121
|
+
{{ incoming.transaction.response.card.auth_code }}
|
|
122
|
+
</td>
|
|
123
|
+
</tr>
|
|
124
|
+
<tr>
|
|
125
|
+
<td class="text-muted min-w-125px w-125px">AVS:</td>
|
|
126
|
+
<td class="text-gray-800">
|
|
127
|
+
{{
|
|
128
|
+
incoming.transaction.response.card.avs_response_code
|
|
129
|
+
}}
|
|
130
|
+
</td>
|
|
131
|
+
</tr>
|
|
132
|
+
<tr>
|
|
133
|
+
<td class="text-muted min-w-125px w-125px">CVV:</td>
|
|
134
|
+
<td class="text-gray-800">
|
|
135
|
+
{{
|
|
136
|
+
incoming.transaction.response.card.cvv_response_code
|
|
137
|
+
}}
|
|
138
|
+
</td>
|
|
139
|
+
</tr>
|
|
140
|
+
<tr>
|
|
141
|
+
<td class="text-muted min-w-125px w-125px">Created:</td>
|
|
142
|
+
<td class="text-gray-800">
|
|
143
|
+
{{ incoming.transaction.created_at }}
|
|
144
|
+
</td>
|
|
145
|
+
</tr>
|
|
146
|
+
</tbody>
|
|
147
|
+
</table>
|
|
148
|
+
</div>
|
|
149
|
+
<div class="flex-equal ms-2 me-2">
|
|
150
|
+
<table class="table table-flush fw-bold gy-1">
|
|
151
|
+
<tbody>
|
|
152
|
+
<tr>
|
|
153
|
+
<td class="text-muted min-w-125px w-125px">
|
|
154
|
+
Order Id:
|
|
155
|
+
</td>
|
|
156
|
+
<td class="text-gray-800">
|
|
157
|
+
{{ incoming.transaction.order_id }}
|
|
158
|
+
</td>
|
|
159
|
+
</tr>
|
|
160
|
+
<tr>
|
|
161
|
+
<td class="text-muted min-w-125px w-125px">Status:</td>
|
|
162
|
+
<td class="text-gray-800">
|
|
163
|
+
{{ incoming.transaction.response.card.status }}
|
|
164
|
+
</td>
|
|
165
|
+
</tr>
|
|
166
|
+
<tr>
|
|
167
|
+
<td class="text-muted min-w-125px w-125px">Type:</td>
|
|
168
|
+
<td class="text-gray-800">
|
|
169
|
+
{{ incoming.transaction.type }}
|
|
170
|
+
</td>
|
|
171
|
+
</tr>
|
|
172
|
+
<tr>
|
|
173
|
+
<td class="text-muted min-w-125px w-125px">
|
|
174
|
+
Descriptor:
|
|
175
|
+
</td>
|
|
176
|
+
<td class="text-gray-800">
|
|
177
|
+
{{ incoming.transaction.description }}
|
|
178
|
+
</td>
|
|
179
|
+
</tr>
|
|
180
|
+
<tr>
|
|
181
|
+
<td class="text-muted min-w-125px w-125px">
|
|
182
|
+
Receipt Emailed:
|
|
183
|
+
</td>
|
|
184
|
+
<td class="text-gray-800">
|
|
185
|
+
{{ incoming.transaction.email_receipt }}
|
|
186
|
+
</td>
|
|
187
|
+
</tr>
|
|
188
|
+
</tbody>
|
|
189
|
+
</table>
|
|
190
|
+
</div>
|
|
191
|
+
</div>
|
|
192
|
+
</div>
|
|
193
|
+
</div>
|
|
194
|
+
</div>
|
|
195
|
+
</div>
|
|
196
|
+
<div class="accordion-item">
|
|
197
|
+
<h2 class="accordion-header" id="kt_accordion_1_header_3">
|
|
198
|
+
<button
|
|
199
|
+
class="accordion-button fs-6 fw-bold collapsed"
|
|
200
|
+
type="button"
|
|
201
|
+
data-bs-toggle="collapse"
|
|
202
|
+
data-bs-target="#kt_accordion_1_body_3"
|
|
203
|
+
aria-expanded="false"
|
|
204
|
+
aria-controls="kt_accordion_1_body_3"
|
|
205
|
+
>
|
|
206
|
+
Cardholder Details
|
|
207
|
+
</button>
|
|
208
|
+
</h2>
|
|
209
|
+
<div
|
|
210
|
+
id="kt_accordion_1_body_3"
|
|
211
|
+
class="accordion-collapse collapse"
|
|
212
|
+
aria-labelledby="kt_accordion_1_header_3"
|
|
213
|
+
data-bs-parent="#kt_accordion_1"
|
|
214
|
+
style=""
|
|
215
|
+
>
|
|
216
|
+
<div class="accordion-body">
|
|
217
|
+
<div class="mb-0">
|
|
218
|
+
<div class="d-flex flex-wrap py-5">
|
|
219
|
+
<!--begin::Col-->
|
|
220
|
+
<div class="flex-equal ms-2 me-5">
|
|
221
|
+
<table class="table table-flush fw-bold gy-1">
|
|
222
|
+
<tbody>
|
|
223
|
+
<tr>
|
|
224
|
+
<td class="text-muted min-w-125px w-125px">
|
|
225
|
+
First Name
|
|
226
|
+
</td>
|
|
227
|
+
<td class="text-gray-800 text-hover-primary">
|
|
228
|
+
{{ incoming.card_holder.first_name }}
|
|
229
|
+
</td>
|
|
230
|
+
</tr>
|
|
231
|
+
<tr>
|
|
232
|
+
<td class="text-muted min-w-125px w-125px">
|
|
233
|
+
Last Name
|
|
234
|
+
</td>
|
|
235
|
+
<td class="text-gray-800 text-hover-primary">
|
|
236
|
+
{{ incoming.card_holder.last_name }}
|
|
237
|
+
</td>
|
|
238
|
+
</tr>
|
|
239
|
+
<tr>
|
|
240
|
+
<td class="text-muted min-w-125px w-125px">Email</td>
|
|
241
|
+
<td class="text-gray-800 text-hover-primary">
|
|
242
|
+
{{ incoming.card_holder.email }}
|
|
243
|
+
</td>
|
|
244
|
+
</tr>
|
|
245
|
+
<tr>
|
|
246
|
+
<td class="text-muted min-w-125px w-125px">Address:</td>
|
|
247
|
+
<td class="text-gray-800 text-hover-primary">
|
|
248
|
+
{{ incoming.card_holder.billing_address }}<br />{{
|
|
249
|
+
incoming.card_holder.billing_zip
|
|
250
|
+
}}
|
|
251
|
+
</td>
|
|
252
|
+
</tr>
|
|
253
|
+
</tbody>
|
|
254
|
+
</table>
|
|
255
|
+
</div>
|
|
256
|
+
<!--end::Col--><!--begin::Col-->
|
|
257
|
+
<div class="flex-equal">
|
|
258
|
+
<table class="table table-flush fw-bold gy-1">
|
|
259
|
+
<tbody>
|
|
260
|
+
<tr>
|
|
261
|
+
<td class="text-muted min-w-125px w-125px">
|
|
262
|
+
Customer Id:
|
|
263
|
+
</td>
|
|
264
|
+
<td class="text-gray-800">
|
|
265
|
+
{{ incoming.card_holder.customer_id }}
|
|
266
|
+
</td>
|
|
267
|
+
</tr>
|
|
268
|
+
<tr>
|
|
269
|
+
<td class="text-muted min-w-125px w-125px">Source:</td>
|
|
270
|
+
<td class="text-gray-800">
|
|
271
|
+
{{ incoming.card_holder.source }}
|
|
272
|
+
</td>
|
|
273
|
+
</tr>
|
|
274
|
+
<tr>
|
|
275
|
+
<td class="text-muted min-w-125px w-125px">Phone:</td>
|
|
276
|
+
<td class="text-gray-800">
|
|
277
|
+
{{ incoming.card_holder.phone }}
|
|
278
|
+
</td>
|
|
279
|
+
</tr>
|
|
280
|
+
<tr>
|
|
281
|
+
<td class="text-muted min-w-125px w-125px">
|
|
282
|
+
IP Address:
|
|
283
|
+
</td>
|
|
284
|
+
<td class="text-gray-800">
|
|
285
|
+
{{ incoming.card_holder.ip_address }}
|
|
286
|
+
</td>
|
|
287
|
+
</tr>
|
|
288
|
+
</tbody>
|
|
289
|
+
</table>
|
|
290
|
+
</div>
|
|
291
|
+
<!--end::Col-->
|
|
292
|
+
</div>
|
|
293
|
+
</div>
|
|
294
|
+
</div>
|
|
295
|
+
</div>
|
|
296
|
+
</div>
|
|
297
|
+
</div>
|
|
298
|
+
</div>
|
|
299
|
+
</template>
|
|
300
|
+
|
|
301
|
+
<script lang="ts">
|
|
302
|
+
import { defineComponent } from "vue";
|
|
303
|
+
|
|
304
|
+
export default defineComponent({
|
|
305
|
+
name: "nmi-details",
|
|
306
|
+
props: {
|
|
307
|
+
incoming: Object,
|
|
308
|
+
},
|
|
309
|
+
setup() {
|
|
310
|
+
return {};
|
|
311
|
+
},
|
|
312
|
+
});
|
|
313
|
+
</script>
|
|
314
|
+
|